/*@Date:2017/08/18 @Author:西安黑橙网络科技有限公司 @SiteUrl:www.bontc.com*/
@charset utf-8;
*{margin:0;padding:0;border:0;}
b,h1,h2,h3,h4,h5,h6{font-weight:400;font-size:100%;}
dl,dt,li,ul{list-style:none;}
em,i{font-style:normal;}
body {width:100%; min-width:1100px; color:#333; font-size:14px; font-family:'microsoft yahei',Arial;}
div{display:block;}
a{color:#333;text-decoration:none;}
a:hover{color:#F9631C;}
a img{border:0;vertical-align:middle;}
img{border:0;vertical-align:middle;}
input,textarea{overflow:auto;outline:0;resize:none;}
table{border-collapse:collapse;border-spacing:0;}
::selection{background:#F99750;color:#FFF;}
::-moz-selection{background:#F99750;color:#FFF;}
::-webkit-scrollbar{width:11px;height:11px;}
::-webkit-scrollbar-button{width:0;height:0;}
::-webkit-scrollbar-thumb{padding-top:100;min-height:28px;background-color:rgba(0,0,0,.2);background-clip:padding-box;-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);}
::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.4);-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,.25);}
::-webkit-scrollbar-thumb:active{background-color:rgba(0,0,0,.5);-webkit-box-shadow:inset 1px 1px 3px rgba(0,0,0,.35);}
::-webkit-scrollbar-thumb:horizontal,::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-track:horizontal,::-webkit-scrollbar-track:vertical{border-width:0;}
::-webkit-scrollbar-track:hover{background-color:rgba(0,0,0,.05);-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.1);}
.clear{clear:both;overflow:hidden;height:0;}
.main,.width{width:1100px; margin:0 auto;}
.main{overflow:hidden;}
.center{text-align:center;}
.ptb20{padding:20px 0;}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:".";}
.left{float:left;}
.right{float:right;}
.w210 {width:210px !important;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.ml20{margin-left:20px;}
.mb20{margin-bottom:20px;}
.pt20{padding-top:20px;}
.pb20 {padding-bottom:20px;}
.grayish{background:#E8E8E8;}
.white{background-color:#FFF;}
.none {display:none;}
.top {position:relative;}

/* header */
.header {width:100%; height:80px; position:absolute; left:0; top:0; z-index:9;}
.header .logo {float:left; margin:19px 0;}
.header .logo a {width:180px; height:46px; background:url(../images/logo.png) no-repeat center; text-indent:-20000px; display:block;}
.header .language {float:left; margin:23px 0 0 10px; padding:5px 10px;}
.header .language a {float:left; color:#FFF; padding-left:30px;}
.header .language li {height:27px; line-height:27px;}
.header .language a, .header .language i {background:url(../images/language.png) no-repeat;}
.header .language li .cn {background-position:0 6px;}
.header .language li .en {background-position:0 -24px;}
.header .language i {float:left; width:14px; height:14px; margin:7px 0 0 7px; background-position:0 -69px;}
.header .language.popup {background-color:#FFF;}
.header .language.popup li {display:block;}
.header .language.popup a {color:#333;}

/* nav */
.nav {float:right; margin-top:17px;}
.nav li {float:left; width:130px; color:#FFF; font-size:14px;}
.nav span {display:block;}
.nav span a {line-height:50px; padding:0 15px;}
.nav a {color:#FFF;}
.nav dl {display:none;}
.nav .navmoon { background-color:#1F4B88; overflow:hidden;}
.nav .navmoon span {border-bottom:1px solid #000;}
.nav .navmoon dl {padding:5px 0; display:block;}
.nav .navmoon dt {padding-left:15px; font-size:13px;}
.nav .navmoon li {height:320px;}
.nav .navmoon li:hover {background-color:#0B3166;}
.nav .navmoon li:hover span {border-bottom-color:#FFF;}
.nav .navmoon dl a {height:32px; line-height:32px;}
.nav .navmoon dl a:hover {text-decoration:underline;}

/* flexslider */
.flexslider, .flexslider .slides li, .flexslider .slides li a {height:800px;}
.flexslider {position:relative; overflow:hidden; background:url(../images/loading.gif) 50% no-repeat;}
.flexslider .slides {position:relative; z-index:1;}
.flexslider .slides li {background-repeat:no-repeat; background-position:50% 0;}
.flexslider .slides li, .flexslider .slides li a {display:block;}
.flex-control-nav {width:100%; text-align:center; position:absolute; bottom:20px; z-index:2;}
.flex-control-nav li {margin:0 5px; display:inline-block; *display:inline; zoom:1;}
.flex-control-nav a {width:26px; height:4px; background-color:#A1A1A3; display:inline-block; overflow:hidden; cursor:pointer;}
.flex-control-nav .flex-active {background-color:#FFF;}
.flex-control-nav a span {display:none;}
.flex-direction-nav {width:100%; margin-top:-30px; position:absolute; z-index:3; top:50%;}
.flex-direction-nav li a {width:60px; height:60px; background:url(../images/slides_nav.png) no-repeat; display:block; overflow:hidden; cursor:pointer; position:absolute;}
.flex-direction-nav li a.flex-prev {left:50px; background-position:0 0;}
.flex-direction-nav li a.flex-prev:hover{background-position:-60px 0;}
.flex-direction-nav li a.flex-next {right:50px; background-position:0 -60px;}
.flex-direction-nav li a.flex-next:hover{background-position:-60px -60px;}

/* search */
.search {width:820px; margin-left:-410px; position:relative; top:-170px; left:50%; z-index:6;}
.search .item {width:810px; height:60px; background-color:#FFF; margin:5px; position:absolute; left:0; top:0; z-index:1;}
.search .select {float:left; width:170px; height:60px; line-height:60px; font-size:16px; text-align:center; border-right:1px solid #333; cursor:pointer;}
.search .select-list {width:662px; background-color:#FFF; padding:10px; border:1px solid #333; display:none; position:absolute; left:-1px; top:60px;}
.search .select-list li {float:left;}
.search .select-list a {float:left; width:145px; padding:8px 10px; font-size:14px;}
.search .select-list a:hover {background-color:#EEE; color:#333;}
.search .input {float:left;}
.search .input input {width:470px; height:40px; padding:10px 20px; font-size:18px; font-family:"Microsoft YaHei", Verdana, arial, sans-serif;}
.search .btn {float:right;}
.search .btn input {width:128px; height:60px; background:#FF6C00 url(../images/btn.png) no-repeat center; cursor:pointer;}
.search .btn input:hover {background-color:#F40;}
.search .bg {width:100%; height:70px; background-color:#000; position:absolute; opacity:0.3; -moz-opacity:0.3; -khtml-opacity:0.3; filter:alpha(opacity=30);}

/* recommend */
.recommend {background-color:#EEE; padding-bottom:70px;}
.recommend .list {overflow:hidden;}
.recommend .list li {float:left; width:250px; margin-left:30px; background-color:#FFF; border:1px solid #DDD; position:relative;}
.recommend .list li.first {margin-left:0;}
.recommend .list img {width:250px; height:250px;}
.recommend .list p {height:60px; line-height:60px; font-size:18px; text-align:center; padding:0 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.recommend .list i a {display:none;}
.recommend .list li:hover i {width:100%; height:100%; background-color:#000; position:absolute; left:0; top:0; opacity:0.7; -moz-opacity:0.7; -khtml-opacity:0.7; filter:alpha(opacity=70);}
.recommend .list li:hover i a {width:120px; height:38px; line-height:37px; margin:130px auto; text-align:center; color:#FFF; border:1px solid #FFF; display:block;}
.recommend .list li:hover i a:hover {background-color:#FFF; color:#000;}

/* products */
.products {background-color:#1F4B88; padding-bottom:70px;}
.products .title h1 {color:#FFF;}
.products .title p {color:#CCC;}
.products .box {height:540px; overflow:hidden;}
.products .box .cmenu {float:left; width:180px;}
.products .box .cmenu li {height:49px; line-height:48px; font-size:16px; cursor:pointer;}
.products .box .cmenu li span {float:left; width:130px; padding:0 15px; background-color:#FFF;}
.products .box .cmenu li.first span {height:50px; border-top:0;}
.products .box .cmenu li:hover {color:#F60;}
.products .box .cmenu .active {background:url(../images/active.png) no-repeat right;}
.products .box .cmenu .active span {background-color:#FF6C00; color:#FFF;}
.products .box .cmenu .more a {width:130px; padding:0 15px; background-color:#FFF; display:block;}
.products .box .panes {float:right; width:900px;}
.products .box .pane {display:none;}
.products .box .dataempty {width:900px; height:218px; background-color:#FFF; margin:0; background-position:center 130px; padding-top:320px;}
.products .box .big {float:left; width:416px; height:538px; background-color:#FFF; position:relative;}
.products .box .big img {width:416px; height:416px;}
.products .box .big p {height:100px; line-height:100px; font-size:24px; text-align:center;}
.products .box .big i a {display:none;}
.products .box .big:hover i {width:100%; height:100%; background-color:#000; position:absolute; left:0; top:0; opacity:0.7; -moz-opacity:0.7; -khtml-opacity:0.7; filter:alpha(opacity=70);}
.products .box .big:hover i a {width:120px; height:38px; line-height:37px; margin:250px auto; text-align:center; color:#FFF; border:1px solid #FFF; display:block;}
.products .box .big:hover i a:hover {background-color:#FFF; color:#000;}
.products .box .list {float:right; width:484px;}
.products .box .list li {float:left; width:202px; margin:0 0 40px 40px; background-color:#FFF; position:relative;}
.products .box .list img {width:202px; height:202px;}
.products .box .list p {height:47px; line-height:47px; font-size:18px; text-align:center; padding:0 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.products .box .list i a {display:none;}
.products .box .list li:hover i {width:100%; height:100%; background-color:#000; position:absolute; left:0; top:0; opacity:0.7; -moz-opacity:0.7; -khtml-opacity:0.7; filter:alpha(opacity=70);}
.products .box .list li:hover i a {width:120px; height:38px; line-height:37px; margin:105px auto; text-align:center; color:#FFF; border:1px solid #FFF; display:block;}
.products .box .list li:hover i a:hover {background-color:#FFF; color:#000;}

/* about */
.aboutfocus {background-color:#EEE; padding-bottom:70px; overflow:hidden;}
.aboutfocus .box {overflow:hidden;}
.aboutfocus .box .intr {float:left; width:650px;}
.aboutfocus .box .intr .text {line-height:2; font-size:18px; text-indent:2em;}
.aboutfocus .box .intr .btn {overflow:hidden; margin-top:20px;}
.aboutfocus .box .intr .btn a {float:right; width:110px; height:40px; line-height:40px; text-align:center; border:1px solid #B40101; color:#B40101;}
.aboutfocus .box .intr .btn a:hover {background-color:#B40101; color:#FFF;}
.aboutfocus .certificate {float:right; width:330px; position:relative;}
.aboutfocus .certificate .list {width:180px; margin:0 auto;}
.aboutfocus .certificate .list li img {width:180px; height:260px;}
.aboutfocus .certificate .list li p {height:30px; line-height:30px; margin-top:20px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.aboutfocus .certificate .list li a:hover {text-decoration:underline; color:#333;}
.aboutfocus .certificate .btn {width:100%; height:50px; position:absolute; top:100px; left:0;}
.aboutfocus .certificate .btn span {width:24px; height:50px; background:url(../images/certificate_btn.png) no-repeat; cursor:pointer; opacity:0.5; display:block;}
.aboutfocus .certificate .btn span.prev {float:left; background-position:0 0;}
.aboutfocus .certificate .btn span.next {float:right; background-position:0 -50px;}
.aboutfocus .certificate .btn span:hover {opacity:1;}

/* information */
.info {background-color:#FFF; padding-bottom:70px; overflow:hidden;}
.info .tit {height:50px; overflow:hidden; }
.info .tit h1 {float:left; font-size:28px;}
.info .tit a {float:right; line-height:50px; color:#999; font-size:18px;}
.info .tit a:hover {text-decoration:underline; color:#666;}
.info .noticefocus {float:left; position:relative;}
.info .noticefocus img {height:330px;}
.info .noticefocus, .info .noticefocus li, .info .noticefocus img {width:500px;}
.info .noticefocus a:hover {text-decoration:underline; color:#333;}
.info .noticefocus p {width:390px; height:43px; line-height:50px; font-size:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.info .noticefocus .btn {width:50px; height:26px; background-color:#FFF; position:absolute; bottom:6px; right:0;}
.info .noticefocus .btn span {width:20px; height:26px; background:url(../images/roll.png) no-repeat; cursor:pointer; opacity:0.5; display:block;}
.info .noticefocus .btn span.prev {float:left; background-position:0 2px;}
.info .noticefocus .btn span.next {float:right; background-position:-20px 2px;}
.info .noticefocus .btn span:hover {opacity:1;}
.info .newsfocus {float:right; width:500px;}
.info .newsfocus li {height:90px; border-top:1px solid #CCC; padding-top:20px; margin-top:20px; overflow:hidden;}
.info .newsfocus li.first {margin-top:0;}
.info .newsfocus .date {float:left; width:90px; height:90px; text-align:center; color:#FFF; background-color:#A2A5AF; margin-right:30px; font-family:Arial, Helvetica, sans-serif;}
.info .newsfocus .date h1 {height:60px; line-height:66px; font-size:40px;}
.info .newsfocus .date p {height:26px; line-height:20px; font-size:18px;}
.info .newsfocus .text {overflow:hidden;}
.info .newsfocus .text h1 {height:38px; line-height:36px; font-size:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.info .newsfocus .text a:hover {text-decoration:underline; color:#333;}
.info .newsfocus .text p {height:50px; line-height:22px; color:#999; overflow:hidden;}

/* title */
.title {text-align:center; padding:70px 0; display:block;}
.title h1 {height:56px; font-size:36px;}
.title p {height:20px; color:#888; font-size:18px; font-family:Arial, Helvetica, sans-serif; font-style:italic;}


/* news */
.news {overflow:hidden;}
.news .figure {overflow:hidden;}
.news .figure .list {margin:-30px 0 20px; overflow:hidden;}
.news .figure .list .first {border:0;}
.news .figure .list li {margin-bottom:30px; padding-top:30px; border-top:1px solid #EEE; overflow:hidden;}
.news .figure .list .img {float:left;}
.news .figure .list img {width:300px; height:200px;}
.news .figure .list .txt {float:right; width:760px;}
.news .figure .list .t {height:70px; font-size:24px; overflow:hidden;}
.news .figure .list p {height:80px; line-height:26px; color:#666; overflow:hidden;}
.news .figure .list .senate {color:#666; margin-top:20px;}
.news .figure .list span {margin-right:30px;}
.news .figure .plist, .news .text .plist {margin-bottom:50px;}
.news .text .list {margin:-20px 0 20px; overflow:hidden;}
.news .text .list .no {width:300px; margin:50px auto; padding-top:270px; text-align:center; font-size:20px; color:#999; background:url(../images/noData.png) no-repeat;}
.news .text .list li {height:86px; border-top:1px solid #DDD; padding-top:20px; margin-bottom:20px; overflow:hidden;}
.news .text .list li.first {border-top:0;}
.news .text .list li:hover .date {background-color:#1F4B88;} 
.news .text .list .date {float:left; width:86px; height:86px; text-align:center; color:#FFF; background-color:#A2A5AF; font-family:Arial, Helvetica, sans-serif;}
.news .text .list .date h1 {height:50px; line-height:56px; font-size:38px;}
.news .text .list .date p {height:26px; line-height:20px; font-size:16px;}
.news .text .list .txt {float:right; width:990px;}
.news .text .list .txt .t {height:35px; line-height:32px; font-size:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news .text .list .txt a {color:#333;}
.news .text .list .txt a:hover {text-decoration:underline;}
.news .text .list .txt p {height:50px; line-height:22px; color:#999; overflow:hidden;}
.news .detail {margin-bottom:36px; overflow:hidden;}
.news .detail .t {border-bottom:1px solid #DDD; overflow:hidden;}
.news .detail .t h1 {line-height:40px; font-size:30px; overflow:hidden;}
.news .detail .t h2 {height:46px; line-height:30px; color:#666; margin-top:20px;}
.news .detail .t h2 span {float:left; margin-right:30px;}
.news .detail .t h2 .print {float:right; margin-right:0; cursor:pointer;}
.news .detail .content {line-height:38px; margin-top:30px; font-size:16px;}
.news .detail .content img {margin:10px 0;}
.news .detail .seesaw {margin-top:20px; padding-top:15px; border-top:1px solid #DDD;}
.news .detail .seesaw p {margin-top:10px;}
.news .detail .seesaw a {color:#23ABEB;}
.news .detail .seesaw a:hover {text-decoration:underline;}

/* product */
.product {background-color:#EEE;}
.product .column {overflow:hidden;}
.product .series {background-color:#FFF; border:1px solid #DDD; margin-top:30px; padding:10px; overflow:hidden;}
.product .series li {float:left;}
.product .series a {float:left; height:40px; line-height:40px; padding:0 10px;}
.product .series a:hover span {background-color:#F50;}
.product .series span {float:left; width:6px; height:6px; margin:17px 5px 0 0; background-color:#1F4B88; border-radius:50%;}
.product .series .active a {background-color:#F50; color:#FFF;}
.product .series .active span {background-color:#FFF;}
.product .list {margin:50px -50px 0 0;}
.product .list ul {overflow:hidden;}
.product .list li {float:left; width:238px; margin-right:46px; margin-bottom:46px; background-color:#FFF; border:1px solid #DDD; position:relative;}
.product .list li img {width:238px; height:238px;}
.product .list li p {height:50px; line-height:50px; text-align:center; font-size:18px; padding:0 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.product .list i a {display:none;}
.product .list li:hover i {width:100%; height:100%; background-color:#000; position:absolute; left:0; top:0; opacity:0.7; -moz-opacity:0.7; -khtml-opacity:0.7; filter:alpha(opacity=70);}
.product .list li:hover i a {width:120px; height:38px; line-height:37px; margin:124px auto; text-align:center; color:#FFF; border:1px solid #FFF; display:block;}
.product .list li:hover i a:hover {background-color:#FFF; color:#000;}
.product .list .plist {margin-bottom:50px;}
.product .detail {margin-bottom:50px; background-color:#FFF;}
.product .detail .head {height:152px; position:relative;}
.product .detail .head .photo {float:left; width:300px; height:300px; border:1px solid #0B3B63; padding:5px; background-color:#FFF; position:absolute; top:-160px;}
.product .detail .head .photo img {width:300px; height:300px;}
.product .detail .head .intro {float:right; width:750px; margin-top:30px;}
.product .detail .head .intro .name {height:42px; font-size:26px;}
.product .detail .detailed {margin-top:30px; overflow:hidden;}
.product .detail .tab {border-bottom:1px solid #DF3033; margin-bottom:20px; background-color:#EEE; overflow:hidden;}
.product .detail .tab li {float:left; width:170px; height:46px; line-height:45px; text-align:center; font-size:15px; cursor:pointer;}
.product .detail .tab .active {background-color:#DF3033; color:#FFF;}
.product .detail .itembox {line-height:2; display:none;}
.product .detail .itembox p img {margin:10px 0;}
.product .detail .booked {padding-top:10px;}
.product .detail .booked dl {margin-bottom:15px; overflow:hidden;}
.product .detail .booked dt {float:left; width:130px; height:40px; line-height:40px; text-align:right;}
.product .detail .booked dd {float:left; margin-left:15px;}
.product .detail .booked .input {width:300px; height:40px; padding:0 10px;}
.product .detail .booked .verify .input {float:left; width:160px;}
.product .detail .booked .verify img {float:left; margin-left:10px; cursor:pointer;}
.product .detail .booked .btn {width:170px; height:40px; line-height:40px; background-color:#DF3033; color:#FFF; font-size:14px; cursor:pointer;}
.product .detail .booked .success {line-height:38px; padding-top:120px; margin:50px 0; text-align:center; background:url(../images/success-100.png) top center no-repeat; font-size:24px;}
.product .detail .subtitle {height:40px; line-height:39px; background-color:#F6F6F6; border-left:5px solid #DF3033; font-size:16px; padding:0 12px; margin:30px 0 20px;}
.product .detail .itembox .intro {line-height:2; font-size:16px;}
.product .searchlist {margin:30px 0; overflow:hidden;}
.product .searchlist ul {margin:20px 0; overflow:hidden;}
.product .searchlist li {float:left; width:100%; background-color:#FFF; margin:10px 0; overflow:hidden;}
.product .searchlist .pic, .product .searchlist .pic img {float:left; width:200px; height:200px;}
.product .searchlist .name {float:left; width:400px; height:30px; margin:85px 0 85px 80px; font-size:24px;}
.product .searchlist .seriesname {float:left; height:30px; line-height:30px; margin:85px 0; font-size:16px; color:#999;}
.product .searchlist .view {float:right; width:150px; margin:79px 0;}
.product .searchlist .view a {width:110px; height:40px; line-height:40px; text-align:center; border:1px solid #FF6C00; color:#FF6C00; display:block;}
.product .searchlist .view a:hover {background-color:#FF6C00; color:#FFF;}
.product .searchlist .plist {margin-bottom:10px;}
.product .searchlist .defaulttips {text-align:center; font-size:20px; margin:30px 0;}

/* menu */
/*.menu {height:100px; line-height:100px; border-bottom:1px solid #DDD; text-align:center;}
.menu span {margin:0 12px;}
.menu a {font-size:18px; color:#333; background-color:#069; padding:10px 17px; background-color:#E3E3E3; border-radius:5px;}
.menu a:hover, .menu a.active {color:#FFF; background-color:#1F4B88;}
*/
.menu {height:60px; line-height:60px; text-align:center; background-color:rgba(255, 255, 255, 0.35); position:relative; top:-60px;}
.menu a {width:150px; font-size:18px; color:#FFF; display:inline-block;}
.menu a:hover {color:#1F4B88;}
.menu a.active {color:#333;}
.menu a:hover, .menu a.active {background-color:#FFF;}

/* headlines */
.headlines {height:100px; font-size:36px; text-align:center; color:#1F4B88;}

/* contact */
.contact {overflow:hidden;}
.contact .text {width:700px; margin:50px auto; border-top:1px solid #EEE; overflow:hidden;}
.contact .text dl {line-height:36px; padding:10px 0; border-bottom:1px solid #EEE; overflow:hidden;}
.contact .text dt {float:left; width:150px; text-align:right; font-size:16px; color:#666;}
.contact .text dd {float:right; width:520px; font-size:16px;}

.contact .map {height:500px;}
.contact .map .anchorBL {display:none;}

/* about */
.about {margin-bottom:50px; overflow:hidden;}
.about .company {line-height:36px; font-size:17px; margin-bottom:60px;}
.about .speech {line-height:36px; font-size:18px;}
.about .speech p {margin:10px 0;}
.about .org {text-align:center;}
.about .purpose {line-height:2; font-size:20px; text-align:center;}
.about .milestone {width:980px; margin:0 auto;}
.about .milestone li {overflow:hidden; position:relative;}
.about .milestone .date {float:left; width:200px; line-height:30px; text-align:right; font-size:18px;}
.about .milestone .point {float:left; width:16px; height:16px; background-color:#FFF; border:2px solid #1F4B88; border-radius:50%; position:absolute; top:5px; left:231px;}
.about .milestone .content {float:right; width:687px; line-height:30px; font-size:18px; border-left:4px solid #CCC; padding-left:50px; padding-bottom:50px;}
.about .milestone .newest .point {width:20px; height:20px; top:0; left:226px; border-width:5px;}
.about .milestone .start .point {width:26px; height:26px; background-color:#1F4B88; top:0; left:226px;}
.about .milestone .start .content {border-left:none;}
.about .honor {overflow:hidden;}
.about .honor .description {width:1000px; line-height:2; margin:0 auto; margin-bottom:30px; font-size:13px;}
.about .honor li {float:left; width:365px; margin:25px 0; text-align:center; background:url(../images/magnifying.png) center 175px no-repeat; overflow:hidden;}
.about .honor li img {height:450px; text-align:center; cursor:pointer;}
.about .honor li p {line-height:22px; margin-top:15px; text-align:center;}
.about .honor li img:hover {opacity:0.5;}
.about .advantage {line-height:36px; font-size:18px;}

/* job*/
.job {overflow:hidden;}
.job .list { margin-bottom:30px; overflow:hidden;}
.job .list .item {float:left; width:1038px; background-color:#F6F6F6; border:1px solid #DDD; padding:0 30px; margin-bottom:30px; cursor:pointer;}
.job .list .item:hover {border-color:#999;}
.job .list .item .name {height:40px; line-height:30px; margin:15px 0 7px; border-bottom:1px solid #DDD;}
.job .list .item .name h1 {float:left; font-size:18px;}
.job .list .item .name a {float:right; color:#999;}
.job .list .item .tit {margin-bottom:15px; overflow:hidden;}
.job .list .item .tit li {float:left; width:25%; line-height:30px; color:#333;}
.job .list .item .tit span {color:#777;}
.job .list .item .detail {margin-bottom:10px; display:none;}
.job .list .item .depict {padding:10px 0 20px;}
.job .list .item .depict .t {height:30px; line-height:30px; font-size:18px; border-left:3px solid #EC1C32; padding-left:20px;}
.job .list .item .depict .c {line-height:26px; border-left:3px solid #E5E5E5; padding:10px 0 10px 20px; font-size:15px; overflow:hidden;}
.job .list .item.current {background-color:#FFF; border-color:#EC1C32; cursor:auto;}
.job .list .item.current .detail {display:block;}
.job .list .item.current .name a {display:none;}
.job .list .no {width:300px; margin:30px auto; padding-top:270px; text-align:center; font-size:20px; color:#999; background:url(../images/noData.png) no-repeat;}
.job .strategy {line-height:38px; font-size:16px; margin-bottom:60px;}

/* ability*/
.ability .environment {overflow:hidden;}
.ability .environment .list {margin:0 -50px 10px 0; overflow:hidden;}
.ability .environment .list li {float:left; width:330px; margin:0 50px 50px 0; background:url(../images/magnifying.png) center 75px no-repeat; overflow:hidden;}
.ability .environment .list li img {width:330px; height:250px; background-color:#CCC; cursor:pointer;}
.ability .environment .list li img:hover {opacity:0.5;}
.ability .environment .list li p {height:22px; line-height:22px; margin-top:10px;}
/*.ability .environment .empty { background:url(../images/empty.png) no-repeat;}*/

.ability .environment .empty {width:255px; height:70px; margin:10px auto; padding-top:190px; color:#CCC; font-size:16px; text-align:center; background:url(../images/empty.png) top center no-repeat;}
.ability .technology {line-height:50px; font-size:20px; margin-bottom:50px;}


/* service */
.service {margin-bottom:50px; overflow:hidden;}
.service .idea {line-height:50px; font-size:20px;}
.service .marketing  {line-height:2;}

/* culture */
.culture .worth {line-height:50px; font-size:20px; margin-bottom:50px;}
.culture .concept {line-height:50px; font-size:20px; margin-bottom:50px;}
.culture .staff  {line-height:2; margin-bottom:50px;}
.culture .activity  {line-height:2; margin-bottom:50px;}



/* banner */
.banner {height:400px; background-color:#1F4B88; background-repeat:no-repeat; background-position:center; overflow:hidden; background-size:cover; position:relative;}
.banner .text {text-align:center; color:#FFF; margin-top:165px; text-shadow:1px 1px 0px #000;}
.banner .text h1 {height:90px; line-height:88px; font-size:80px;}
.banner .text p {line-height:2; font-size:16px;}
.banner.figure-news {height:470px; background:url(../images/banner/news.jpg) center no-repeat;}
.banner.figure-product {height:400px; background:url(../images/banner/product.jpg) center no-repeat;}
.banner.figure-contact {background:url(../images/banner/contact.jpg) center no-repeat;}
.banner.figure-about {height:470px; background-image:url(../images/banner/about.jpg);}
.banner.figure-ability {height:470px; background-image:url(../images/banner/ability.jpg);}
.banner.figure-job {height:470px; background-image:url(../images/banner/job.jpg);}

/* pages */
.pages .plist {text-align:center; overflow:hidden;}
.pages .plist a,.pages .plist span {height:50px; line-height:50px; margin:0 5px; padding:0 22px; border-radius:3px; display:inline-block;}
.pages .plist .current {background:#333; color:#FFF;}
.pages .plist a {border:1px solid #D2D2D2; color:#333; background-color:#FFF;}
.pages .plist a:hover {border:1px solid #333;}


/* link */
.link {background-color:#EEE; padding:30px 0; overflow:hidden;}
.link li {float:left; margin-right:15px; font-size:13px;}
.link li a {color:#666;}
.link li a:hover {text-decoration:underline;}

/* narrow */
body.narrow {min-width:1000px;}
.narrow .main, .narrow .width {width:1000px;}
.narrow .header .language a {padding-left:0; background:none;}
.narrow .header .language i {display:none;}
.narrow .nav span a {padding:0 13px;}
.narrow .nav dl a {font-size:12px;}
.narrow .recommend .list li {margin-left:24px; width:230px;}
.narrow .recommend .list li.first {margin-left:0;}
.narrow .recommend .list img {width:230px; height:230px;}
.narrow .products .box .cmenu {width:160px;}
.narrow .products .box .cmenu li span, .narrow .products .box .cmenu .more a {width:110px;}
.narrow .products .box .panes {width:830px;}
.narrow .products .box .big {width:365px;}
.narrow .products .box .big img {width:365px; height:365px; margin-top:50px;}
.narrow .products .box .list {width:465px;}
.narrow .products .box .list li {margin-left:30px;}
.narrow .aboutfocus .certificate {width:280px;}

.narrow .about .honor li {width:332px;}
/*.narrow .about .honor li img {height:400px;}*/

.narrow .info .newsfocus {width:450px;}
.narrow .info .newsfocus .date {display:none}

.narrow .news .figure .list .txt {width:660px;}
.narrow .news .text .list .txt {width:890px;}


.narrow .product .list {width:760px;}
.narrow .product .list li {margin-left:13px;}

.narrow .product .detail .head .intro {width:650px;}

.narrow .ability .environment .list {margin-bottom:40px;}
.narrow .ability .environment .list li {margin:0 20px 20px 0;}

.narrow .job .list .item {width:938px;}



/* footer */
.footer {background-color:#0F62AB; color:#FFF; overflow:hidden;}
.footer a {color:#FFF;}
.footer .attach {padding:60px 0; background-color:#1F4B88; overflow:hidden;}
.footer .attach .item {float:left; width:200px;}
.footer .attach .item .t {height:36px; font-size:20px;}
.footer .attach .item p {line-height:2;}
.footer .attach .item a:hover {text-decoration:underline;}
.footer .copyright {height:50px; line-height:50px; background-color:#0B3166;}
.footer .copyright span {margin:0 20px;}

/* common */
.inputbox {border:1px solid #CCC; background:#FFF url(../images/input.jpg) 0 0 repeat-x;}
.inputbox_hover {border-color:#999;}
.inputbox_focus {border-color:green;}
.dataempty {width:255px; height:70px; margin:10px auto; padding-top:190px; color:#CCC; font-size:16px; text-align:center; background:url(../images/empty.png) top center no-repeat;}

/* floating */
.floating {margin-top:-100px; position:fixed; bottom:20%; right:0; z-index:9;}
.floating li {width:60px; height:60px; margin-bottom:1px; background:#000 url(../images/adrift.png) no-repeat; display:block; cursor:pointer;}
.floating li:hover {background-color:#F90;}
.floating .qq {background-position:0 0;}
.floating .qq dl {width:100px; background-color:#F90; padding:10px 13px; display:none;}
.floating .qq dl dt {line-height:30px;}
.floating .qq a {color:#FFF;}
.floating .qq a:hover {color:#FFF800;}
.floating .qq:hover dl {display:block; position:absolute; right:60px; top:0;}
.floating .qr {position:relative; background-position:0 -60px;}
.floating .qr img {display:none;}
.floating .qr:hover img {display:block; position:absolute; right:60px; top:0;}
.floating .totop {background-position:0 -120px;}