@charset "utf-8";
/*
Powered by ly200.com		http://www.ly200.com
广州联雅网络科技有限公司		020-83226791
*/
/***************************宽屏样式(start)***************************/
.w_1200 .wrap{width:1200px;}
.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:922px;}
.w_1200 .prolist .item{width:280px; margin-right:38px; margin-bottom:27px;}
.w_1200 .prolist .item .img{height:280px;}
.w_1200 #lib_inquire_list > ul > li .info{width:670px;}
.w_1200 #pdetail .detail{width:410px;}
/***************************宽屏样式(end)***************************/
body{min-width:980px; background:#fff;}
.over{overflow:hidden;}
/*动画时间*/
*{font-family:'Opensans-Regular';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: #00d172;width: 150px;height: 30px;line-height: 30px;font-size: 16px;}
.wrap{width:980px; margin:0 auto; zoom:1;}
.wrap:after,.wrap:before{display:table; content:'';}
.wrap:after{clear:both;}
#lib_down_list li a{background: #00d172;}
#lib_inquire_list>ul>li .info{width:506px;}

#top{line-height:34px; height:34px;}
#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.member{background:url(../images/ico.png) 0 0 no-repeat; padding-left:26px;}
#top .h_nav li.inquiry{background:url(../images/ico.png) 0 -26px no-repeat; padding-left:24px;}
#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:1000;}
#top .h_nav li.lang .language_silder{position:absolute; right:-6px; top:22px; display:none; background:#ffffff; z-index:10; padding:0px 23px 0px 12px; border-radius:0px 0px 5px 5px;}
#top .h_nav li.lang .language_silder a{color:#333;}
#top .h_nav li.lang:hover .language_silder{display:block;}
#top .h_nav li.lang:hover dl{}

.top_language{height: 34px;background: #1e283a;}
.top_language .con{display: inline-block;padding-left: 31px;font-size: 14px;line-height: 34px;background: url(../images/head_contact.png) no-repeat -1px top;color: white;}
.top_language .email{margin-left: 21px;background-position: left -52px;color: white;}

#header{position:relative; z-index:100;background: #f6f9fc;}
#header .h_logo{position: relative;}
#header .logo{float: none;height:126px;text-align: center;}
#header .rheader{padding-right: 32px;}
#header .search{position: relative;margin-right: -32px;height: 75px;z-index: 101;}
#header .search .ico{width:32px; height:32px;margin-top: 20px;background:url(../images/search.png) no-repeat center; cursor:pointer;}
#header .search .formdiv{position: absolute;right: 0;top: 0px;height: 75px;}
#header .search .formdiv .form{margin-top: 20px;width: 32px;border:1px solid #bbb;border-radius: 16px;background:#f6f9fc;}
#header .search .formdiv:hover .form{width: 198px;}
#header .search .formdiv .text{width: 0px;height: 32px;line-height: 32px;text-indent: 10px;outline: none;border:none;background: none;font-size: 14px; }
#header .search .formdiv:hover .text{width: 165px;}
#header .search .formdiv .sub_btn{float: right;width:32px; height:32px;background: url(../images/search.png) no-repeat center center; color:#d3d3d3;cursor: pointer;border:none;}
#header .rheader .nav{width: 100%;height: 75px;text-align: left;font-size: 0;}
#header .rheader .nav .item{display: inline-block;margin: 0 15px;position:relative; z-index:100;}
#header .rheader .nav .item .a0{display:block; text-decoration:none; height:75px; line-height:75px; padding:0 16px;font-size:16px;text-align:center;color: #333;text-transform: uppercase;}
#header .rheader .nav .item .sub{width: 0; background:#e4012e; padding-top: 10px;padding-bottom: 13px;background:#0dd078; position:absolute; top:66px; z-index:100; left: 50%;margin-left: 0px; }
#header .rheader .nav .item .sub .si{position: relative;margin: 0 11px;border-top: 1px solid #0bdd9c;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: 0px;left: 0;right: 0;width: 0;margin:auto;border-bottom: 0px solid #0fd179;border-left: 0px solid transparent;border-right: 0px solid transparent;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;}
#header .rheader .nav .item .sub .si a{position: relative;color:#666666; display:block; height: 52px; overflow: hidden;line-height:52px; text-indent: 32px;text-decoration:none; font-size:16px;color: white;}
#header .rheader .nav .item .sub .si a:before{content: '';position: absolute;left: 6px;top: 0;bottom: 0;margin: auto;width: 8px;height: 8px;border: 1px solid white;border-radius: 5px;}
#header .rheader .nav .item:hover .a0{color: #00ca6e;}
#header .rheader .nav .item .a0:before{position: absolute;top: 0;bottom: 0;left: 0;right: 0;content:'';width: 0;height: 28px;margin:auto;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;border:1px solid transparent;}
#header .rheader .nav .item:hover .a0:before{width: 99%;border:1px solid #14dd7d;border-radius: 5px;}
#header .rheader .nav .item:hover .sub{width: 234px;margin-left: -117px;}
#header .rheader .nav .item:hover .sub .si:first-child:before{top: -19px;border-bottom-width: 10px;border-left-width: 10px;border-right-width: 10px;}
#header .rheader .nav .item .sub .si .sec_cate { display: none; position: absolute; top: 0; left: 214px; width: 234px; background: #0dd078; }
#header .rheader .nav .item .sub .si:hover .sec_cate { display: block; }
#header .rheader .nav .item .sub .si .three_cate { display: none; position: absolute; top: 0; left: 214px; width: 234px; background: #0dd078; }
#header .rheader .nav .item .sub .si .sec_cate .si_i:hover .three_cate { display: block; }

/************ header end *****************/
.page_banner{width:100%; position:relative; overflow:hidden; z-index:1;}
.page_banner .box{width:1920px; position:relative; left:50%; top:0; margin-left:-960px; z-index:1; text-align:center;}
.leftside{width:240px;background: #f6f9fc;}
.rightside{width:710px;}
.lefttitle{position: relative;padding: 0 30px 0 20px;margin-bottom: 24px;line-height:55px; color:white; font-size:18px;text-transform: uppercase;background: #00d172 url(../images/lefttitlebg.png) no-repeat 209px center;}
.lefttitle:before{position: absolute;bottom: -9px;left: 16px;content:'';border-top: 9px solid #00d172;border-left: 17px solid transparent;border-right: 15px solid transparent;}
.lefttitle span{display: block;height: 55px;overflow: hidden;color: white;}
.leftmenu{padding-bottom: 15px;}
.leftmenu .item{position:relative;margin: 0 18px;border-top:1px solid #ebebeb;}
.leftmenu .item:first-child{border-top: none;}
.leftmenu .item .ia{height:50px; line-height:50px; display:block; overflow:hidden; text-decoration:none;font-size:14px; color: #2e1532;}
.leftmenu .item .ia:hover, .leftmenu .item.cur .ia{color:#00ae5f;}
.leftmenu .item.hasub .ia{background: url(../images/default.png) no-repeat 211px center;}
.leftmenu .hasub.cur .ia{background: url(../images/cur.png) no-repeat 211px center;}
.leftmenu .item .subcate{position: absolute;width: 240px;left: 204px; top: 0; padding-bottom: 8px;display:none; background: #f6f9fc;}
.leftmenu .item .subcate .sia{position: relative;display:block; overflow: hidden;line-height:24px; padding: 8px 15px 8px 50px;font-size:14px; color:#666; text-decoration:none;}
.leftmenu .item .subcate .sia:before{position: absolute;top: 12px;left: 18px;content:'';width: 15px;height: 15px;border:1px solid #ebebeb;background: #fff;margin: auto;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.3s;}
.leftmenu .item .subcate .sia3{padding: 0 15px 0 45px;}
.leftmenu .item .subcate .sia3:before{left: 20px;}
.leftmenu .item .subcate .sia:hover, .leftmenu .item .subcate .sia.cur{color:#00ae5f;}
.leftmenu .item .subcate .sia:hover:before,.leftmenu .item .subcate .sia.cur:before{background:#00ae5f;}
.leftmenu .item .subcate .sia3:hover ,.leftmenu .item .subcate .sia3.cur{color: #00ae5f;}
.leftmenu .item.hasub:hover .subcate { display: block; }
.leftmenu .item.cur .subcate {width:204px; }
.leftmenu .item.cur .subcate{display:block;position: static;}
.leftmenu .item.cur .subcate .sia {padding: 8px 15px 8px 29px;}
.leftmenu .item.cur .subcate .sia:before {left: 0; }
.rtitle{height: 38px;border-bottom:2px solid #e5e5e5;}
.rtitle .tname{ color:#333333; font-size:16px;font-size: 26px;}
#position{position: relative;color:#4b4b4b; padding-top: 25px;height: 60px;overflow: hidden;margin-bottom: 46px;line-height:60px;font-size: 14px;border-bottom:1px solid #ebebeb;}
#position:before{position: absolute;bottom: 1px;left: 0;width: 100%;content:'';border-bottom: 1px solid #ebebeb;}
#position a{display: inline-block;margin: 0 6px;color:#4b4b4b;font-size: 14px;}
#position a:first-child{padding-left: 26px;margin-left: 0;background: url(../images/home.png) no-repeat left center;}
#position .last{color: #00b663;}
.desc_text{line-height:180%; min-height:300px; padding:10px 0;}
.prolist .item{width:225px; margin-right:14px;margin-bottom: 15px;border:1px solid #e5e5e5;border-radius: 3px;}
.prolist .item .img{height:225px; overflow: hidden;text-align:center;}
.prolist .item.nomar{margin-right:0;}
.prolist .item .info{width:90%; margin:0 auto;}
.prolist .item .name{max-height: 36px;overflow: hidden;line-height:18px; margin-top: 10px;margin-bottom: 10px;color: #000;}
.prolist .item .name a{display: block;font-size:14px; text-decoration:none;}
.prolist .item .brief{line-height:20px; color:#999;margin-bottom: 15px; font-size:14px; max-height:40px; overflow:hidden;}
.prolist .item .price{line-height:18px; font-size:14px; margin-bottom:10px; color:#00ae5f;}
.prolist .item:hover{box-shadow:0 1px 6px #ccc; }
.prolist .item:hover .name a{color:#00ae5f;}
.prolist .item:hover img{transform: scale(1.05);-moz-transform: scale(1.05);-webkit-transform: scale(1.05);}
/*************** 产品详细 *******************/
#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:#1e283a;}
#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%;}
/**************************放大镜效果(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;}
.pro_right .down_list li a{background: #00d172;}
#lib_review_form .form_button{background: #00d172;}
/**************************放大镜效果(end)**************************/
/************ footer *****************/
#footer{margin-top: 50px;background: #f4f7fc;}
#footer .partners{height: 156px;overflow: hidden;text-align: justify;vertical-align: middle;border-bottom: 1px solid #dfe1e5;}
#footer .partners a{display: inline-block;height: 120px;margin:18px 8px;vertical-align: middle;}
#footer .partners span{display: inline-block;width: 100%;height: 0;}
#footer .link{padding: 40px 0 50px;text-align: justify;}
#footer .link ul{display: inline-block;vertical-align: top;}
#footer .link ul li{height: 32px;overflow: hidden;line-height: 32px;font-size: 15px;color: #3e3e3e; text-transform:capitalize;}
#footer .link ul li.tit{height: 36px;line-height: 36px;margin-bottom: 24px;font-weight: bold;font-size: 18px;text-transform: uppercase;color: black;}
#footer .link ul a{display: block;font-size: 15px;color: #3e3e3e;}
#footer .link .contact{width:270px;}
#footer .link .contact .addr{padding-left: 70px;height:auto;line-height: 20px;text-align: left;}
#footer .link .contact .addr span{float: left;margin-left: -70px;color: #3e3e3e;}
#footer .link .br{display: inline-block;width: 100%;height: 0;}
#footer .copyright{padding: 21px 0 18px;font-size: 16px;color: #484848;background: #e5ebf4;}
#footer .copyright a{font-size: 16px;color: #484848;}
.foot_share{float: right;}
.foot_share .s_list{display: inline-block;width: 25px;height: 24px;margin-right: 13px;vertical-align: middle;background: url(../images/foot_share.png) no-repeat left center;}
.foot_share .s_list2{background-position: -40px center;}
.foot_share .s_list3{background-position: -79px center;}
.foot_share .s_list4{background-position: -120px center;}
.foot_share .s_list5{background-position: -159px center;}
.foot_share .s_list6{background-position: -197px center;}
.foot_share .s_list7{background-position: -236px center;}
.foot_share .s_list:hover{background-image: url(../images/foot_shareh.png);}