@charset "utf-8";
/*

/***************************宽屏样式(start)***************************/
.w_1200 .wrap{width:1180px;}
.w_1200 #newsletter_box{ margin-right:85px;}
.w_1200 #footer .it{ width:200px;}
.w_1200 #contact_us{ width:302px;}
.w_1200 #contact_us span{ margin:9px 10px 0 0; font-size:14px;}
.w_1200 #contact_us font{ margin:8px 0 0 0;}
.w_1200 .rightside{width:890px;margin-right: 10px;}
.w_1200 .prolist .item{width:266px; margin: 0 14px 38px;}
.w_1200 .prolist .item .img{height:266px;}
.w_1200 #lib_inquire_list > ul > li .info{width:670px;}
.w_1200 #pdetail .detail{width:410px;}
/***************************宽屏样式(end)***************************/
@font-face {
  font-family: "LATO-REGULAR";
  src: url("font/LATO-REGULAR.woff2") format("woff2"),
       url("font/LATO-REGULAR.woff") format("woff"),
       url("font/LATO-REGULAR.ttf") format("truetype"),
       url("font/LATO-REGULAR.eot") format("embedded-opentype"),
       url("font/LATO-REGULAR.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
body{background:#fff;}
.over{overflow:hidden;}
/*动画时间*/
*{font-family:'Arial';color: #000;}
cite, em, strong, i{font-style:normal;}
html, div{outline:0;}
.trans3{ transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;}
.trans5{ transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;}
.trans7{ transition: all 0.7s;-moz-transition: all 0.7s;-webkit-transition: all 0.7s;-o-transition: all 0.7s;}
.ovauto{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.form_button{background: #0266c3;width: 150px;height: 30px;line-height: 30px;font-size: 16px;}
#lib_inquire_list>ul>li .info{width:506px;}
#lib_down_list li a{background: #0266c3;}
#turn_page .page_item_current{background: #0266c3;}
.wrap{width:980px; margin:0 auto; zoom:1;}
.wrap:after,.wrap:before{display:table; content:'';}
.wrap:after{clear:both;}

#top{line-height:34px; height:34px; background:#1e283a;}
#top .h_nav{display:block; height:28px;  padding:0 6px; margin-top:4px;}
#top .h_nav li{float:right; height:28px; line-height:25px; padding:0 12px; color:#d3d3d3;}
#top .h_nav li a{color:#d3d3d3;}
#top .h_nav li.line{padding:0;}
#top .h_nav li.inquiry{background:url(../images/wechat.png)  no-repeat; padding-left:20px;}
#top .h_nav li.lang{background:url(../images/ico.png) 50px -52px no-repeat; padding-right:20px;}
#top .h_nav li.lang:hover{position:relative; z-index:100;}


#top .h_nav {position: relative}
#top .h_nav li.L-r .langbox{display: none; background: #1e283a; color: #fff; z-index: 100; position: absolute; padding: 10px; left:85px; border-radius: 5px;}
#top .h_nav li.L-r .langbox a{ display:block}
#top .h_nav li.L-r:hover .langbox{ display: block}

#top .h_nav li.inquiry .wechat{display: none; background: #1e283a; z-index: 110; position: absolute;left:-24px; top: 30px;}
#top .h_nav li.inquiry:hover .wechat{display: block; }



#header{position: relative;z-index:10;background: url(../images/headbg.png) repeat center;}
#header .logo{height:95px;width: 20%;}
#header .search{position: relative;margin-right: -55px;z-index: 101;}
#header .search .ico{width:38px; height: 38px; margin-top: 28px;background:url(../images/search.png) no-repeat center; cursor:pointer;border-radius: 20px;border:1px solid #95b5d3;}
#header .search .formdiv{position:absolute; top:0px;right:0px;height: 95px; background:#f6f9fc;width: 40px;background: none;}
#header .search .formdiv:hover{width: 590px;}
#header .search .formdiv .form{margin-top: 28px;height: 38px;border:1px solid #ccc;border-radius: 20px;overflow: hidden;}
#header .search .formdiv .text{width: 0;height: 38px;line-height: 38px;text-indent: 15px;outline: none;overflow: hidden;border:none;background: none;font-size: 14px; color: white;}

#header	::-webkit-input-placeholder{color:white;}
#header	:-moz-placeholder{color:white;}
#header	::-moz-placeholder{color:white;}
#header	:-ms-input-placeholder{color:white;}

#header .search .formdiv:hover .text{width: 540px;}
#header .search .formdiv .sub_btn{float: right;width:40px; height:40px;margin-top: -1px;margin-right: -1px;border:none; background: url(../images/search.png) no-repeat center center; color:#d3d3d3;cursor: pointer;border-radius: 20px;border:1px solid #ccc;}
#header .rheader{float: right;width: 72%;padding-right: 55px;}
#header .rheader .nav{width: 100%;text-align: right;font-size: 0;}
#header .rheader .nav .item{display: inline-block;margin: 0 5px;position:relative; z-index:100;}
#header .rheader .nav .item .a0{display:block; text-decoration:none; height:95px; line-height:95px; padding:0 15px;font-size:14px;text-align:center;color: white;text-transform: uppercase;}
#header .rheader .nav .item .sub{width:169px; display:none; background:#0057a9; padding:0 18px;position:absolute; top:89px; z-index:100; left: 15px;}
#header .rheader .nav .item .sub .si{position: relative;border-top: 1px dotted #1e68ae;text-align: left;}
#header .rheader .nav .item .sub .si:first-child{border-top: none;}
#header .rheader .nav .item .sub .si:first-child:before{content: '';position: absolute;top: -7px;left: 8px;width: 0;border-bottom: 7px solid white;border-left: 7px solid transparent;border-right: 7px solid transparent;}
#header .rheader .nav .item .sub .si a{color:white; display:block; height: 40px; overflow: hidden;line-height:40px;text-decoration:none; font-size:14px;color: white;}
#header .rheader .nav .item:hover .a0:before{content:'';position: absolute;bottom: 25px;left: 0;right: 0;margin: auto;width: 33px;height: 1px;background: white;}
#header .rheader .nav .item:hover .sub{display:block;}
/************ header end *****************/
.page_banner{text-align: center;}
.page_banner img{margin-top: -95px; max-width:100%}
.leftside{position: relative;width:240px;margin-top: -30px;}
.rightside{width:710px;margin-top: 35px;}
.lefttitle{position: relative;padding: 38px 10px; color:white; font-size:28px;font-weight: bold;text-transform: uppercase;background: url(../images/lefttitlebg.png) no-repeat center;}
.lefttitle span{display: block;overflow: hidden;height: 29px;line-height: 29px;color: white;text-align: center;}
.leftmenu{padding:35px 0 33px;margin-top: -19px;border-left: 4px solid #ededed;}
.leftmenu .item{position: relative;background: url(../images/default.png) no-repeat 208px center;}
.leftmenu .item:before{display: none;content: '';position: absolute;z-index: 1;width: 4px;height: 38px;top: 0;left: -4px;background: #0267c3;}
.leftmenu .item .ia{position: relative;height:38px; line-height:38px;padding-left: 20px;display:block; overflow:hidden; text-decoration:none;font-size:14px; color: #333;}
.leftmenu .item .ia:hover, .leftmenu .item.cur .ia{color:#0267c3;}
.leftmenu .item .subcate{padding-bottom: 8px;display:none;}
.leftmenu .item .subcate .sia{position: relative;display:block; height: 30px;overflow: hidden;line-height:30px; margin: 0 0px 0 16px;font-size:14px; color:#666; text-decoration:none;text-indent: 24px;}
.leftmenu .item .subcate .sia3{margin: 0 0 0 30px;}
.leftmenu  .item.cur:before{display: block;}
.leftmenu .item .subcate .sia:hover, .leftmenu .item .subcate .sia.cur{color:white;background: #9b9c99;}
.leftmenu .item .subcate .sia3:hover ,.leftmenu .item .subcate .sia3.cur{color: #0266c3;background: none;}
.leftmenu .item.cur .subcate{display:block;}
.rtitle{height: 38px;border-bottom:2px solid #e5e5e5;}
.rtitle .tname{ color:#333333; font-size:16px;font-size: 26px;}
#position{height: 50px;line-height: 50px;margin-bottom: 25px;background: #f0f0f0;}
#position a{display: inline-block;margin: 0 6px;color:#4b4b4b;font-size: 14px;}
#position a:first-child{padding-left: 20px;margin-left: 0;background: url(../images/home.png) no-repeat left center;}
#position .last{color: #0266c3;}
.desc_text{line-height:180%; min-height:300px; padding:10px 0;}
.prolist .item{width:225px;padding-bottom: 8px; margin:0 4px 15px;border:1px solid #e5e5e5;border-radius: 3px;}
.prolist .item .img{height:225px; overflow: hidden;text-align:center;}
.prolist .item .info{width:90%; margin:0 auto; text-align:center}
.prolist .item .name{display: block;height: 32px;overflow: hidden;line-height:32px;color: #000;}
.prolist .item .name a{display: block;font-size:14px; text-decoration:none;}
.prolist .item .brief{line-height:20px; color:#999;margin-bottom: 10px; font-size:14px; max-height:40px; overflow:hidden;}
.prolist .item .price{line-height:18px; font-size:14px; margin-bottom:10px; color:#0266c3;}
.prolist .item:hover{box-shadow:0 1px 6px #ccc; }
.prolist .item:hover .name a{color:#0266c3;}
.prolist .item:hover img{transform: scale(1.05);-moz-transform: scale(1.05);-webkit-transform: scale(1.05);}
.prolist img{max-width:100%; max-height:100%; border:none;}
/*************** 产品详细 *******************/
#pdetail{margin-top:20px;}
#pdetail .detail{width:250px}
#pdetail .info{width:100%;}
#pdetail .name{font-size:18px; line-height:150%;}
#pdetail .brief{color:#999; font-size:14px; line-height:20px; border-bottom:1px dashed #ccc;}
#pdetail #attribute{margin-top:15px;}
#add_to_inquiry{background:#0266c3;}
.prod_info_group li a{background: #0266c3;}
#pdetail .description{margin-top:10px;}
#pdetail .description .hd{background:#f7f7f7; overflow:hidden;}
#pdetail .description .hd span{height:40px; text-align:center; line-height:40px; padding:0 9px; font-size:18px; color:#333; float:left; cursor:pointer;}
#pdetail .description .hd span.cur{color:#e4012e;}
#pdetail .description .bd .desc_txt{padding:18px 0; min-height:200px; line-height:180%;}
.pro_right .down_list li a{background: #0266c3;}







#pdetail{margin-top:20px;}
#pdetail .detail{width:250px}
#pdetail .info{width:100%;}
#pdetail .name{font-size:18px; line-height:150%;}
#pdetail .brief{color:#999; font-size:14px; line-height:20px; border-bottom:1px dashed #ccc;}
#pdetail #attribute{margin-top:15px;}
#add_to_inquiry{background:#0266c3;}
.prod_info_group li a{background: #0266c3;}
#pdetail .description{margin-top:10px;}
#pdetail .description .hd{background:#f7f7f7; overflow:hidden;}
#pdetail .description .hd span{height:40px; text-align:center; line-height:40px; padding:0 9px; font-size:18px; color:#333; float:left; cursor:pointer;}
#pdetail .description .hd span.cur{color:#e4012e;}
#pdetail .description .bd .desc_txt{padding:18px 0; min-height:200px; line-height:180%;}
.pro_right .down_list li a{background: #0266c3;}
/**************************放大镜效果(start)**************************/
#pdetail .gallery{width:450px; position:relative;}
#pdetail .gallery *{_behavior:none;}
#pdetail .gallery .bigimg{width:450px; max-height:450px; overflow:hidden; border:1px solid #f0f0f0;}
#pdetail .gallery .bigimg a{width:450px; display:block; text-align:center; vertical-align:middle;}
#pdetail .gallery .bigimg a img{vertical-align:middle; max-width:100%; max-height:100%;}
#pdetail .gallery .MagicZoom{display:block; margin:0 auto;}
#pdetail .gallery .MagicZoom img{border:0 !important; padding:0 !important; margin:0 !important;}
#pdetail .gallery .MagicZoomBigImageCont{border:1px solid #999;}
#pdetail .gallery .MagicZoomHeader{font-size:8pt !important; line-height:normal !important; color:#fff; background:#666; text-align:center !important;}
#pdetail .gallery .MagicZoomPup{border:1px solid #ccc; background:#fff; cursor:move;}
#pdetail .gallery .MagicZoomLoading{border:1px solid #ddd; background:#fff url(../../../images/global/loading.gif) no-repeat 2px 50%; padding:4px 4px 4px 24px !important; margin:0; text-decoration:none; text-align:left; font-size:8pt; font-family:sans-serif; color:#444;}
#pdetail .gallery #zoom-big{position:absolute; top:0; left:450px;}
#pdetail .gallery #zoom-big img{ max-width:none; max-height:none;}
#pdetail .gallery #small_img{position:relative; overflow:hidden; margin:10px auto;}
#pdetail .gallery #small_img .bd span{float:left; margin-left:6px; border:1px solid #666; display:block; width:83px; height:83px; overflow:hidden; text-align:center;}
#pdetail .gallery #small_img .bd span:first-child{margin-left:0px;}
#pdetail .gallery #small_img .bd span.on{border:1px solid #d8b1aa;}
#pdetail .gallery #small_img .bd span a{vertical-align:middle; text-align:center;}
#lib_review_form .form_button{background: #0266c3;}
/**************************放大镜效果(start)**************************/


.prodimgbox{width:450px; float: left}
.tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}
.tb-pic a img{vertical-align:middle;}
.tb-pic a{*display:block;*font-family:Arial;*line-height:1;}
.tb-thumb{margin:10px 0 0;overflow:hidden;}
.tb-thumb li{background:none repeat scroll 0 0 transparent;float:left;height:82px;margin:0 6px 0 0;overflow:hidden;padding:1px;}
.tb-s310, .tb-s310 a{height:400px;width:450px;}
.tb-s310, .tb-s310 img{max-height:400px;max-width:450px;}


.tb-s40, .tb-s40 a{height:80px;width:80px;}
.tb-s40, .tb-s40 a img{height:80px;}
.tb-booth{border:1px solid #eee;position:relative;z-index:1;}
.tb-thumb .tb-selected{background:none repeat scroll 0 0 #2367BE;height:80px;padding:2px;}
.tb-thumb .tb-selected div{background-color:#FFFFFF;border:medium none;}
.tb-thumb li div{border:1px solid #eee;}
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#ffffff;border:1px solid #eee;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url("../images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}



	
/**************************放大镜效果(end)**************************/
/************ footer *****************/
#footer{margin-top: 70px;background: #0057a9; font-weight: bold}
#footer ul{overflow: hidden;}
#footer li{float: left;width: 31.5%;height: 87px;padding-left: 95px;margin: 22px 0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;font-size: 14px;line-height: 20px;color: white;background: url(../images/footcontact.png) no-repeat;font-family: 'LATO-REGULAR';}
#footer li span{display: block;height: 24px;margin-bottom: 8px;font-size: 16px;font-weight: bold;color: white;text-transform: uppercase;}
#footer .tel{background-position: 45px -6px;}
#footer .email{border-left:1px dotted #4d8ac3;width: 37%;padding-left: 120px;background-position: 65px -159px;}
#footer .email a{ color:#fff;}
#footer .addr{border-left:1px dotted #4d8ac3;background-position: 45px -335px;}
#footer .copyright{height: 30px;line-height: 30px;padding: 16px 0;border-top: 1px solid #1a68b2;text-align: center;}
#footer .copyright *{color: #d4e1ed;font-size: 14px;}



.jobtext{ color:#2367BE; font-size: 16px; padding: 0 0 30px 5px; border-bottom: #eee solid 1px; line-height: 30px; margin-bottom: 30px;}
.jobmsg{ line-height:30px; padding-left: 5px;}
.jobmsg b{ font-size:18px; color:#2367BE;}




.supportlist{float: left;width: 800px;margin-left: 10px;}

.supportlist .list{margin-top: 25px;}
.supportlist .list .date{float: left;width: 100px;height: 100px;line-height: 22px;text-align: center;font-size: 16px;color: #666;background: #f5f5f5;}
.supportlist .list .date span{display: block;padding-top: 16px;height: 43px;line-height: 43px;font-size: 32px;color: #666;}
.supportlist .list .con{float: right;width: 660px;}
.supportlist .list .name{margin-top: 10px;display: block;height: 23px;line-height: 23px;font-size: 16px;color: #0266c3;margin-bottom: 15px;}
.supportlist .list .desc{max-height: 40px;overflow: hidden;font-size: 14px;color: #999;line-height: 20px;}


.o_box_layer{ position:absolute; width:100%; height:100%; background:#333;}

.Prod_layer_box{ width:550px; height:610px; background:#fff;position:relative ; margin:50px auto; }
.Prod_layer_box .f_btn{width:28px; position:absolute; top:0; right:-28px;}
.Prod_layer_box .f_btn a{ width:28px; height:28px; display:block; margin-bottom:10px; background:url(../images/TB1I5hRQFXXXXcZXFXXXXXXXXXX-270-266.png);}
.Prod_layer_box .f_btn a.b_btn{ background-position:-5px -184px}
.Prod_layer_box .f_btn a.s_btn{ background-position:-81px -184px}
.Prod_layer_box .f_btn a.n_btn{ background-position:-43px -184px}
.img_pre_btn, .img_next_btn{  position:absolute; top:40%; z-index:1000}
.img_pre_btn a, .img_next_btn a{  background:url(../images/TB1I5hRQFXXXXcZXFXXXXXXXXXX-270-266.png);width:28px; height:56px; display:block}
.img_pre_btn{ left:0;}
.img_pre_btn a{ background-position:-5px -5px}
.img_next_btn{right:0;}
.img_next_btn a{ background-position:-43px -5px}


.Big_p_area{ width:550px; height:530px; text-align:center; overflow:hidden}

.prod_s_box{ height:67px; padding-top:12px; border-top:#ddd solid 1px; margin:0 10px; width:530px;}
.l_pre, .r_next{ width:13px; height:27px}
.l_pre{ float:left}
.r_next{ float:right	}
.l_pre a, .r_next a{ width:13px; height:27px; display:block; background:url(../images/TB1Rg8AQFXXXXbtXVXXXXXXXXXX-320-27.png) no-repeat; margin-top:12px;}
.r_next a{ background-position:-187px 0;}
.r_next a:hover{background-position:-247px 0;}
.l_pre a:hover{background-position:-60px 0;}


.m_s_p{ float:left; margin-left:20px; }
.m_s_p a{ width:50px; height:50px; display:block; border:#ddd solid 1px; padding:1px; margin-right:5px; float:left}
.m_s_p a img{ width:50px; height:50px;}
.m_s_p a.active{ border:#F90  solid 1px;}