@charset "utf-8";
/***************************宽屏样式(start)***************************/
.w_1200 .wrap{ width:1200px; margin:0 auto;}
.w_1200 .rightside{width:900px;}
.w_1200 .w1160{width:1160px;}
.w_1200 .logo{max-width:640px !important;}
.w_1200 .header_top{ width:1160px;}
.w_1200 #lib_inquire_list > ul > li .info{ width:685px;}
.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 .tips{ margin:0 0 15px 20px;}
.w_1200 #newsletter{ margin-left:20px;}
.w_1200 #webpath{ width:1198px;}
.w_1200 .leftmenu{ width:270px;}
.w_1200 .product_list .item{ height:380px;}
.w_1200 .product_list .item .inner{ width:210px;}
.w_1200 .product_list .item .inner .pic{ width:180px; height:180px;}
.w_1200 .product_list .item .inner .name{ width:180px;}
.w_1200 .product_list .item .inner .bref{ width:180px;}
.w_1200 .product_list .item .inner .price{ width:180px;}
.w_1200 .case_list .item .demo{ width:285px;}
.w_1200 .case_list .item .pic{ width:286px; height:153px;}
.w_1200 #pdetail .info{ width:725px;}
/***************************宽屏样式(end)***************************/
#lib_down_list li a{ background:#eb4e85;}
body{ background:#fff;}
.headerbox{ position:absolute; top:0px; left:0px; width:100%; z-index:100; background:url(../images/hbg.png);}
.fmenu{ float:right;}
.h_nav{display:block; margin:20px 0;}
.h_nav li{float:right; height:28px; line-height:25px; padding:0 12px;}
.h_nav li.line{padding:0; color:#fff;}
.h_nav li.member{background:url(../images/ico.png) 0 0 no-repeat; padding-left:26px; color:#fff;}
.h_nav li.inquiry{background:url(../images/ico.png) 0 -26px no-repeat; padding-left:24px;}
.h_nav li.lang{background:url(../images/ico.png) right -52px no-repeat;}
.h_nav li.lang:hover{position:relative; z-index:1000;}
.h_nav li.lang:hover dl{}
.h_nav li a{ color:#fff;}
.h_nav li i{background:url(../images/common.png); padding:0 10px;}
.h_nav li i.sitemap{background-position:-164px -23px;}
.h_nav li i.download{background-position:-188px -23px;}
li.lang>a{margin-right:15px;}
li.lang .language_silder{width:50px; position:absolute; left:3px; top:22px; display:none; background:#333; z-index:10; padding:0px 12px; border-radius:0px 0px 5px 5px;}
li.lang:hover .language_silder{ display:block;}
.language_silder .l_rows{ height:25px; overflow:hidden;}
.language_silder a{ display:block; color:#fff !important;}
.search{ overflow:hidden; width:345px;}
.search .sea_t{ float:left; width:298px; height:38px; background:url(../images/seabg.png); border:0px none; color:#fff; text-indent:10px;}
.search .seabt{ float:right;}
.h_share{ overflow:hidden;}
.h_share a{ float:left; width:39px; height:37px; background:url(../images/share.png) no-repeat; margin-left:4px; text-decoration:none;}
.h_share a.i0{ background-position:0px 0px;}
.h_share a.i1{ background-position:-45px 0px;}
.h_share a.i2{ background-position:-90px 0px;}
.h_share a.i3{ background-position:-134px 0px;}
.h_share a.i4{ background-position:-179px 0px;}

#banner{min-height:160px; text-align:center;}
#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;}
.hright .item.lang{ position:relative; background:url(../images/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(../images/ico.png) no-repeat 0px 0px;}
.hright .item.i1 span{ background:url(../images/ico.png) no-repeat -88px 0px;}
.hright .item.i2 span{ background:url(../images/ico.png) no-repeat -179px 0px;}
.hright .item .language_silder{ width:100%; position:absolute; left:-17px; top:17px; border-radius:0 0 3px 3px; border:1px solid #777777; border-top:0px none; background:#fff; display:none;}
.hright .item .language_silder a{ display:block; text-indent:17px; margin:0 0 5px 0;}
.hright .item:hover .language_silder{ display:block;}
#main{ overflow:hidden;}
.w1160{ width:960px; margin:0 auto;}
.logo{max-width:500px !important; height:110px; text-align:center; float:left;}

.nav{ position:relative; z-index:50; margin-top:10px;}
.nav .i{ display:inline; float:left; position:relative;}
.nav .i a{ display:block; padding:10px 40px; font-size:16px; color:#fff;}
.nav .i .navigation{ position:absolute; left:0px; z-index:5; width:885px; background:#fff; background:rgba(255,255,255,0.95); overflow:hidden; padding-bottom:25px; display:none;}
.nav .i .navt{position:absolute; left:50%; top:40px; z-index:10; display:none; background:url(../images/navt.png) no-repeat 0 0; width:13px; height:6px; margin-left:-6px;}
.nav .i:hover .navigation, .nav .i:hover .navt{ display:block;}
.nav .i .navigation a{ background:none !important;}
.nav .i .navigation .list{ float:left; width:33%;}
.nav .i .navigation .list a{ padding:0 !important;}
.nav .i .navigation .list .t{ margin:25px 0 0 25px;}
.nav .i .navigation .list .t a{ color:#222222; font-weight:bold; font-size:14px;}
.nav .i .navigation .list .r{ background:url(../images/nabg.png) no-repeat 20px center;}
.nav .i .navigation .list .r a{ color:#767676; font-size:14px; margin:17px 0 0 30px; display:block;}

@media screen and (max-width: 1440px) {
	.nav .i a{font-size: 14px;padding: 10px 25px;}
}

.nav .cur.i a{ display:block;}
.nav .i:hover a{ text-decoration:none; background:#b80719;}
.leftside{width:250px; margin-top:35px;}
.rightside{width:725px; overflow:hidden; min-height:500px;}

#main .body{position:relative;}

#webpath{ margin:0 auto; margin-bottom:20px; margin-top:20px; overflow:hidden; width:978px; color:#333333; background:url(../images/home.png) no-repeat 0px center; text-indent:10px;}
#webpath a:first-child{ margin-left:15px;}
#webpath a{ margin:0 2px; color:#333333;}
#webpath a.cur{ color:#eb4e85;}
#lib_down_list{ min-height:200px;}
#lib_info_list{ min-height:200px;}

.leftmenu{ width:235px; float:left;}
.leftmenu.fr{ float:right !important;}
.leftmenu .t{color:#fff; line-height:40px; height:40px; font-size:16px; background:#d3070c; text-align:center; margin-bottom:5px;}
.banner{ border-bottom:2px solid #ec598d;}
.titles{ height:40px; line-height:40px; color:#000; font-size:18px; border-bottom:1px solid #e2e2e2;}
.show_tips{ height:54px; line-height:54px; color:#585858;}
.product_list{ overflow:hidden;}
.product_list .item{ width:25%; height:340px; overflow:hidden; text-align:center;}
.product_list .item .inner{ width:170px; margin:0 auto; border:1px solid #e2e2e2; overflow:hidden;}
.product_list .item .inner:hover{ border:1px solid #b80719;}
.product_list .item .inner .pic{ width:145px; height:145px; margin:0 auto; margin-top:12px;}
.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:40px; line-height:20px; width:145px; overflow:hidden; margin:0 auto;}
.product_list .item .inner .bref{ width:145px; margin:0 auto; color:#898989; text-align:left; line-height:160%; height:39px; overflow:hidden;}
.product_list .item .inner .name a{ font-size:14px; color:#ef4135;}
.product_list .item .inner .price{ font-size:14px; color:#ef4135; text-align:left; width:145px; overflow:hidden; margin:0 auto; margin-top:8px;}
.product_list .item .inner .view{ float:left; margin:10px 0 10px 17px; padding:8px 15px; color:#fff; background:#ef4135; font-size:12px;}
.case_list{ height:auto; overflow:hidden; margin-top:0px;}
.case_list .item{ float:left; width:33%;}
.case_list .item .pic{ width:235px; height:125px; text-align:center;}
.case_list .item .demo{ height:53px; background:#d3070c url(../images/cmore.png) no-repeat right center; width:234px; overflow:hidden;}
.case_list .item .name{ font-size:14px; color:#ffffff; display:block; margin:9px 0 0 20px;}
.case_list .item span{ color:#fff; display:block; margin:3px 0 0 20px;}

.no_bor{ border:0px none !important;}
.leftmenu .row .n1{line-height:30px; padding:5px 0 5px 23px; width:215px; margin:0 auto; overflow:hidden; background:url(../images/rbg.png) no-repeat 0px 18px;}
.leftmenu .row .n1 a{color:#333333; font-size:14px; text-decoration:none; display:block; font-weight:bold;}
.leftmenu .row .n1:hover a,.leftmenu .row.on .n1 a{ color:#fe456f;}
.leftmenu .row:last-child .sub{ border-bottom:0px none;}
.leftmenu .row .sub{ border-bottom:1px solid #e4e4e4; display:none;}
.leftmenu .row .sub .i{line-height:33px; height:33px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background:url(../images/r2bg.png) no-repeat 0px 12px; width:160px; margin:0 auto;}
.leftmenu .row .sub .i a{ text-decoration:none; display:block; padding:0 12px;}
.leftmenu .row .sub .i:hover{ background:url(../images/r2bg.png) no-repeat 0px -16px;}
.leftmenu .row .sub .i:hover a,.leftmenu .row .sub .i a.on{ color:#d3070c;}
.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,.leftmenu .row .sub .i.v3 a.on{ color:#ec598d;}
.leftmenu .row.on .has:after{-webkit-transform:rotate(180deg); transform:rotate(180deg);}
.leftinner{ border:1px solid #e7e7e7;}
.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:400px; position:relative;}
#pdetail .gallery *{_behavior:none;}
#pdetail .gallery .bigimg{width:400px; overflow:hidden; border:1px solid #d5d5d5;}
#pdetail .gallery .bigimg a{width:400px; 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:400px;}
#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:73px; height:73px; overflow:hidden; text-align:center; border:1px solid #d5d5d5;}
#small_img .bd span:last-child{ margin-right:0px;}
#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:#D3070C;}
#pdetail .description .bd>div{ min-height:200px; line-height:180%;}
.attr_row .attr_name{ width:auto; color:#333;}

#footer{ height:65px; line-height:65px; background:#191919; color:#fff;}
#footer *{ color:#fff;}

#turn_page .page_item_current{ background:#ef4135;}

.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:535px;}