@charset "utf-8";
/***************************宽屏样式(start)***************************/
.w_1200 .wrap{ width:1200px; margin:0 auto;}
.w_1200 .rightside{width:890px;}
.w_1200 .w1160{width:1160px;}
.w_1200 .header_top{ width:1160px;}
.w_1200 #lib_inquire_list > ul > li .info{ width:545px;}
.w_1200 .product_list .item{ height:399px;}
.w_1200 .product_list .item .inner .pic{ width:200px; height:200px;}
.w_1200 .product_list .item .inner .view{ margin:15px 0 0 21px;}
.w_1200 .product_list .item.list{ width:25%; height:380px;}
.w_1200 .product_list .item.list .inner .pic{ width:200px; height:200px;}
.w_1200 .product_list .item.list .inner .name{ width:185px;}
.w_1200 .product_list .item.list .inner .bref{ width:185px;}
.w_1200 .product_list .item.list .inner .price{ width:185px;}
.w_1200 .product_list .item.list .inner .view{ margin:15px 0 0 21px;}
.w_1200 #ftop .r{ margin:0 0 15px 20px;}
.w_1200 #ftop .t{ margin:0 0 25px 20px;}
.w_1200 #ftop .r font{ width:215px; line-height:48px;}
.w_1200 #ftop .r .addrss{ line-height:24px;}
.w_1200 #ftop .tips{ margin:0 0 15px 20px;}
.w_1200 #newsletter{ margin-left:20px;}
.w_1200 .nav{ width:765px;}
.w_1200 #webpath{ width:1198px;}
.w_1200 .product_list{ width:855px;}
.w_1200 #pdetail .info{ width:515px;}
/***************************宽屏样式(end)***************************/
body{ background:#fff;}
.headerbox{ border-bottom:2px solid #c8beb5; background:#fff;}
#lib_down_list{ min-height:200px;}
#lib_info_list{ min-height:200px;}
#banner{ border-bottom:3px solid #f3216a;}
#lib_down_list li a{ background:#eb4e85;}
#lib_inquire_list > ul > li .info{ width:449px;}
.mri{ margin-right:15px !important;}
.wrap{ width:980px; margin:0 auto;}
.no_mar{ margin:0 !important;}
.hright{ margin:11px 0 0 0;}
.hright .item{ float:left; position:relative;}
.hright .item.lang{ position:relative; background:url(langbg.png) no-repeat right center; padding-right:17px;}
.hright font{ float:left; margin:0 13px; color:#959a9f;}
.hright .item span{ float:left; width:14px; height:17px; margin:0 6px;}
.hright .item a{ float:left; color:#959a9f; text-decoration:none;}
.hright .item.i0 span{ background:url(ico.png) no-repeat 0px 0px;}
.hright .item.i1 span{ background:url(ico.png) no-repeat -88px 0px;}
.hright .item.i2 span{ background:url(ico.png) no-repeat -179px 0px;}
.hright .item.i0 .in_text{border:1px solid #999; height:20px; line-height:20px; width:200px;text-indent: 10px;}
.hright .item.i0 .in_sub{width:14px; height:17px; cursor:pointer; margin-top:3px; margin-left:5px; background:url(ico.png) no-repeat 0px 0px; border:none;}
.hright .item .language_silder{ width:80px; position:absolute; left:-17px; top:15px; border-radius:0 0 3px 3px; border:1px solid #777777; border-top:0px none; background:#fff; display:none; z-index:997;}
.language_silder .l_rows{ height:25px; overflow:hidden; line-height:25px;}
.hright .item .language_silder a{ display:block; text-indent:17px; margin:0 0 5px 0;}
.hright .item:hover .language_silder{ display:block;}
.header{ border-bottom:1px solid #d7d7d7; background:#333d46;}
.header_top{ width:960px; margin:0 auto;}
.header_top .fl{ height:37px; line-height:37px;}
#main{ background:#fff;}
.w1160{ width:960px; margin:0 auto;}
.logo{ height:72px; text-align:center; width:265px; float:left;}
.nav{ text-align:center; position:relative; z-index:50; float:right; width:705px;}
.nav .i{float:left;}
.nav .i > a{ display:block; padding:0 21px; line-height:71px; height:71px; font-size:14px; font-weight:bold; border-bottom:3px solid #fff;}
.nav .cur.i{ border:1px solid #2d2d2d; border-bottom:3px solid #fc6db7;}
.nav .cur.i > a{ display:block; border:1px solid #7d7c7d;}
.nav .i:hover > a{ text-decoration:none; color:#fe456f; border-bottom:3px solid #eb4e85;}
.leftside{width:250px; margin-top:35px;}
.rightside{width:660px; /* overflow:hidden; */ min-height:500px;}
.nav .i .sub{ width:100%; position:absolute; left:0; top:74px; z-index:888; display:none; text-align:left; padding-top:2px;}
.nav .i:hover .sub{ display:block;}
.nav .i .sub .list{ padding-top:20px; padding-left:20px; background:#fff;}
.nav .i .sub .list .box{ border-right:1px dashed #d6d6d6; padding-right:40px; margin-right:20px; width:200px; margin-bottom:20px; height:95px;}
.nav .i .sub .list .nor{ border:none; margin-right:0; padding:0;}
.nav .i .sub .list .tit{ height:20px; line-height:20px; overflow:hidden;}
.nav .i .sub .list .tit a{ font-size:14px; font-weight:bold;}
.nav .i .sub .list .sec{ height:20px; line-height:20px; overflow:hidden; margin-top:5px;}
.nav .i .sub .list .sec a{ color:#555;}
.nav .i .sub .list .sec .more{ font-size:12px; color:#eb4e85; text-transform:lowercase;}
#webpath{ padding:14px 0; border:1px solid #c6c5c5; margin:0 auto; margin-bottom:20px; margin-top:20px; overflow:hidden; width:978px; color:#333333;}
#webpath a:first-child{ margin-left:15px;}
#webpath a{ margin:0 5px; color:#333333;}
#webpath a.cur{ color:#eb4e85;}

.leftmenu{ width:270px; float:left;}
.leftmenu.fr{ float:right !important;}
.leftmenu .t{color:#fff; line-height:43px; height:43px; font-size:16px; border-bottom:2px solid #eb4e85; background:#333d46; text-align:center; margin-bottom:5px;}
.banner{ border-bottom:2px solid #ec598d;}
.product_list{ overflow:hidden; width:660px;}
.product_list .item{ width:25%; height:399px; overflow:hidden; text-align:center;}
.product_list .item.list{ height:335px;}
.product_list .item .inner .pic{ width:175px; height:175px; margin:0 auto;}
.product_list .item.list .inner .pic{ width:150px; height:150px;}
.product_list .item.case{ height:315px;}
.product_list .item.case .inner .pic{ height:220px;}
.pic a{ text-align:center; margin:0 auto; display:block; width:100%; height:100%;}
.pic span{ display:inline-block; height:100%; vertical-align:middle;}
.pic img{ vertical-align:middle; max-width:100%; max-height:100%;}
.product_list .item .inner .name{ text-align:left; height:60px; line-height:20px; width:95%; overflow:hidden; margin:0 auto;}
.product_list .item .inner .bref{ width:95%; margin:0 auto; color:#6c6c6c; text-align:left; line-height:160%;}
.product_list .item .inner .name a{ font-size:16px; color:#333333;}
.product_list .item .inner .price{ font-size:20px; color:#ff4670; text-align:left; width:95%; overflow:hidden; margin:0 auto; margin-top:10px;}
.product_list .item.list .inner .price{ width:150px;}
.product_list .item .inner .view{ width:130px; height:37px; line-height:37px; overflow:hidden; margin:15px 0 0 9px;}
.product_list .item .inner .view span{ float:left; width:38px; height:37px; background:url(look.jpg) no-repeat -38px center;}
.product_list .item .inner .view a{ float:left; width:89px; height:35px; line-height:35px; text-align:center; border:1px solid #d5d5d5; color:#000; font-size:14px; text-decoration:none;}
.product_list .item:hover .inner .view span{ background:url(look.jpg) no-repeat left center;}
.no_bor{ border:0px none !important;}
.leftmenu .row{background:#f7f7f7;}
.leftmenu .row .n1{line-height:40px; height:40px; width:255px; margin:0 auto; overflow:hidden; border-bottom:1px dotted #acacac;}
.leftmenu .row .n1 a{color:#333333; font-size:14px; text-decoration:none; display:block; padding:0 15px;}
.leftmenu .row .n1:hover a{ color:#fe456f;}
.leftmenu .row.on .n1 a{ color:#fe456f;font-weight: bold;}
.leftmenu .row .has{}
.leftmenu .row .sub{display:none;}
.leftmenu .row .sub .i{line-height:33px; height:33px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background:url(rbg.png) no-repeat 0 center; width:225px; margin:0 auto;}
.leftmenu .row .sub .i a{ display:block; padding:0 12px;}
.leftmenu .row .sub .i a.on{color: #ec598d;}
.leftmenu .row.on .sub{display:block;}
.leftmenu .row .sub .i.v3{ display: none;background:none;}
.leftmenu .row .sub .i.v3 a{ text-decoration:none;}
.leftmenu .row .sub .i.v3 a:hover{ color:#ec598d;}
.leftmenu .row.on .has:after{-webkit-transform:rotate(180deg); transform:rotate(180deg);}
.page_station{line-height:45px; font-size:16px;}
.page_title{border:1px solid #d4d4d4; font-size:16px; font-weight:bold; line-height:41px; padding-left:18px; background:#f5f6f6;}
/**************************放大镜效果(start)**************************/
#pdetail .gallery{width:325px; position:relative;}
#pdetail .gallery *{_behavior:none;}
#pdetail .gallery .bigimg{width:320px; max-height:320px; overflow:hidden; border:1px solid #d5d5d5;}
#pdetail .gallery .bigimg a{width:320px; 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(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:322px;}
#pdetail .gallery #zoom-big img{ max-width:none; max-height:none;}
#small_img{position:relative; overflow:hidden; height:85px; margin:10px auto;}
#small_img .small_img_list{ position:relative; height:85px; width:100%; margin:0 auto; overflow:hidden;}
#small_img .small_img_list .bd{ position:absolute; height:85px; left:0px; top:0px;}
#small_img .bd span{float:left; margin-right:5px; display:block; width:58px; height:58px; overflow:hidden; text-align:center; border:1px solid #d5d5d5;}
#small_img .bd span.on{border:1px solid #555;}
#small_img .bd span a{vertical-align:middle; text-align:center;}
/**************************放大镜效果(end)**************************/
#pdetail .description{margin-top:20px}
#pdetail .description .hd{border-bottom:1px solid #c3c2c2; overflow:hidden;}
#pdetail .description .hd span{display:block; padding:11px 0; color:#3d3d3d;font-size:12px; font-weight:bold; color:#000; font-size:16px; float:left; cursor:pointer; margin-right:15px;}
#pdetail .description .hd span.cur{color:#FE4E76;}
#pdetail .description .bd>div{ min-height:200px; line-height:180%;}
#footer{}
#ftop{ background:#333d46; padding:25px 0 10px 0;}
#ftop .item{ width:25%; float:left;}
#ftop .t{ font-size:16px; color:#fff; margin:0 0 25px 0px;}
#ftop .r{ margin:0 0 15px 0px; overflow:hidden;}
#ftop .r span{ float:left; width:48px; height:48px;}
#ftop .r font{ float:right; font-size:14px; color:#b1b5ba; width:173px; line-height:48px;}
#ftop .r .addrss{ line-height:24px;}
#ftop .r .i0{ background:url(img0.png) no-repeat 0px 0px;}
#ftop .r .i1{ background:url(img0.png) no-repeat 0px -63px;}
#ftop .r .i2{ background:url(img0.png) no-repeat 0px -127px;}
#ftop .r a{ color:#b1b5ba; font-size:14px;}
#ftop .tips{ margin:0 0 15px 0; color:#b1b5ba; font-size:14px; line-height:150%;}
#newsletter{ overflow:hidden; margin-left:0px;}
#newsletter .text{ float:left; width:195px; height:32px; line-height:32px; border:0px none; background:#fff; text-indent:10px; color:#cccccc;}
#newsletter .sub{ width:39px; height:32px; line-height:32px; color:#fff; background:#f3216a; border:0px none;}
#fbot{ background:#232a30; padding:20px 0; overflow:hidden;}
#fbot .fl{ color:#b1b5ba;}
#fbot .fl a{ color:#b1b5ba; margin:0 20px;}
#fbot .right a{ margin:0;}
#turn_page{ float:left; margin-left:17px;}
#turn_page span{ background:#e9e9e9; border:0px none;}
#turn_page .page_item_current{ background:#ef4c75;}
.attr_row .attr_name{ width:auto; color:#333;}
.rel_row{ overflow:hidden; padding:15px 0; border-bottom:1px solid #eaeaea;}
.rel_row .pic{ width:88px; height:88px; border:1px solid #c6c5c5; float:left;}
.rel_row .text{ float:right; width:165px;}
.rel_row .text a{ font-size:14px; color:#000; display:block; line-height:150%;}
.rel_row .text span{ font-size:16px; color:#f3216a; display:block; margin-top:5px;}
#pdetail .info{ width:320px;}