@charset "utf-8";
/*
Powered by ly200.com		http://www.ly200.com
广州联雅网络科技有限公司		020-83226791
*/
/***************************宽屏样式(start)***************************/
.w_1200 .wrap{width:1160px;}
.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:880px;}
.w_1200 .prolist .item{width:280px; margin-right:20px; margin-bottom:30px;}
.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{background:#fff;}
.over{overflow:hidden;}
.trans{-webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}
*{font-family:Arial;}
html, div{outline:0;}
cite, em, strong, i{font-style:normal;}
#lib_inquire_list>ul>li .info{width:506px;}

.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.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{}

#header{position:relative; z-index:100;}
#header .logo{height:83px; width:20%; margin-left:1.7%;}
#header .rheader{width:72%; margin-right:1%;}
#header .rheader .nav{margin-top:18px; width:94%;}
#header .rheader .nav .item{padding:6px; background:url(../images/nav_bg.jpg) no-repeat center right; position:relative; z-index:100;}
#header .rheader .nav .item .a0{display:block; text-decoration:none; height:39px; line-height:39px; font-size:16px; padding:0 15px; text-align:center;}
#header .rheader .nav .item.hasub:after{position:absolute; top:45px; left:50%; content:''; z-index:1; margin-left:-4px; width:7px; height:4px; background:url(../images/navsub.png) no-repeat 0;}
#header .rheader .nav .item .sub{width:240px; display:none; background:#e4012e; background:rgba(255,255,255,0.8); position:absolute; top:45px; z-index:100; left:6px;}
#header .rheader .nav .item .sub .si{border-bottom:1px solid #fff;}
#header .rheader .nav .item .sub .si a{color:#333; display:block; padding:15px; line-height:20px; text-decoration:none; font-size:14px;}
#header .rheader .nav .item .sub .si a:hover{background:#e4012e; color:#fff;}
#header .rheader .nav .item:hover{z-index:101;}
#header .rheader .nav .item:hover .a0{color:#fff; background:#e4012e;}
#header .rheader .nav .item:hover .sub{display:block;}
#header .rheader .search{position:relative; z-index:101; margin-right:1.2%; margin-top:33px;}
#header .rheader .search .ico{width:17px; background:url(../images/search.png) no-repeat center; height:20px; cursor:pointer;}
#header .rheader .search .formdiv{position:absolute; top:20px; border:1px solid #ccc; padding:3px; right:-10px; background:#fff; width:182px; display:none;}
#header .rheader .search .formdiv .text{line-height:20px; height:20px; width:120px;}
#header .rheader .search .formdiv .sub_btn{width:60px; height:22px; height:22px; border:none; background:#1e283a; color:#d3d3d3;}
/************ 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:250px; margin-top:35px;}
.rightside{width:710px; margin-top:35px;}
.lefttitle{padding:20px 10px 20px 24px; line-height:39px; color:#fff; font-size:24px; background:#1e283a;}
.leftmenu .item{background:#eee;}
.leftmenu .item .ia{height:60px; line-height:60px; display:block; overflow:hidden; text-decoration:none; padding:0 10px 0 25px; font-size:16px; border-bottom:1px solid #ffffff;}
.leftmenu .item .ia:hover, .leftmenu .item.on .ia{color:#e4012e; background:url(../images/leftiabg.jpg) repeat-y left center;}
.leftmenu .item .subcate{background:#fff; display:none;}
.leftmenu .item .subcate .sia{display:block; border-bottom:1px solid #eee; line-height:25px; padding:12px 5px 12px 37px; font-size:14px; color:#666; text-decoration:none;}
.leftmenu .item .subcate .sia3{padding:8px 5px 8px 37px; background:#f9f9f9;}
/*.leftmenu .item .subcate .sia:hover, .leftmenu .item .subcate .sia.on{color:#e4012e; background:url(../images/leftiabg.jpg) repeat-y left center;}*/
.leftmenu .item .subcate .sia.on{color: #e4012e;}
.leftmenu .item.on .subcate{display:block;}
.leftmenu .item .subcate3{display: none;}
.rtitle{border-bottom:1px solid #e5e5e5;}
.rtitle .tname{line-height:30px; color:#000; font-size:16px;}
#position{color:#999; line-height:30px;}
#position a{color:#999;}
.desc_text{line-height:180%; min-height:300px; padding:10px 0;}
.prolist{margin-top:20px;}
.prolist .item{width:230px; margin-right:10px; margin-bottom:20px; border-bottom:1px solid #ccc;}
.prolist .item .img{width:100%; height:230px; text-align:center;}
.prolist .item.nomar{margin-right:0;}
.prolist .item .info{width:90%; margin:0 auto;}
.prolist .item .name{line-height:25px; padding:15px 0 5px;}
.prolist .item .name a{font-size:16px; text-decoration:none;}
.prolist .item .brief{line-height:18px; color:#999; font-size:14px; height:36px; overflow:hidden;}
.prolist .item .price{line-height:18px; font-size:14px; margin-bottom:5px; color:#e4012e;}
.prolist .item:hover{box-shadow:0 1px 6px #ccc; border-bottom:1px solid #fff;}
.prolist .item:hover .name a{color:#e4012e;}
.info_list_0{margin-top:29px;}
/*************** 产品详细 *******************/
#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;}
/**************************放大镜效果(end)**************************/
/************ footer *****************/
#footer{padding-top:136px; background:#1e283a url(../images/footer.jpg) no-repeat top center;}
#footer .t{ font-size:20px; color:#f5f5f5; margin-bottom:18px;}
#newsletter_box{ width:345px; float:left; margin-right:35px;}
.letter_tips{ color:#fff; font-size:16px; line-height:130%; margin-bottom:8px;}
#newsletter{ overflow:hidden; margin-bottom:20px;}
#newsletter .text{ float:left; width:275px; height:35px; line-height:35px; text-indent:13px; font-size:14px; color:#6685bd; border:0px none; background:#3c5073; border:1px solid #3c5073;}
#newsletter .sub{ float:left; height:37px; line-height:37px; width:68px; background:#fff; font-size:14px; color:#1e283a; text-transform:uppercase; border:0px none;}
#footer .share{ overflow:hidden; margin-bottom:34px;}
#footer .share a{ border-radius:50%; overflow:hidden; width:32px; height:32px; float:left; margin-right:3px;}
#footer .it{ width:150px;}
#footer .it a{ display:block; font-size:14px; color:#fff; text-decoration:none; margin:0 0 15px 0;}
#contact_us{ float:right; width:225px; overflow:hidden;}
#contact_us .con_r{ overflow:hidden; margin-bottom:23px; padding-left:50px; min-height:40px;}
#contact_us .i0{ background:url(../images/icbg.png) no-repeat 0px 13px;}
#contact_us .i1{ background:url(../images/icbg.png) no-repeat 0px -58px;}
#contact_us .i1 a{ color:#fff;}
#contact_us .i2{ background:url(../images/icbg.png) no-repeat 0px -115px;}
#contact_us span,#contact_us font{ float:left;}
#contact_us span{ margin:0 10px 0 0; font-size:14px; color:#fff;}
#contact_us font{ margin:0; color:#fff; font-size:16px; width:198px;}
#footer .copyright{background:#151c28; padding:15px 0;}
#footer .copyright .c{line-height:30px; color:#7f7f7f; font-size:14px;}
#footer .copyright .c a{color:#7f7f7f; font-size:14px;}