@charset "utf-8";
/***************************宽屏样式(start)***************************/
.w_1200 #nav{ width:700px;}
.w_1200 .wrap{ width:1160px;}
.w_1200 .page .page_l{ width:265px;}
.w_1200 .page .page_r{ width:875px;}
.w_1200 .item .pic{ width:205px; height:205px;}
.w_1200 .item.case .pic{ width:275px; height:148px;}
.w_1200 .i_nor{ margin-left:0;}
.w_1200 .i_top{ margin-top:0;}
.w_1200 #d_products .dt .dtr{ width:465px;}
.w_1200 #lib_inquire_list > ul > li .info{ width:620px;}
/***************************宽屏样式(end)***************************/
.delay{ -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.delay:hover{ transform: scale(1.08,1.08); -moz-transform: scale(1.08,1.08); -ms-transform: scale(1.08,1.08); -webkit-transform: scale(1.08,1.08); -o-transform: scale(1.08,1.08);}
.i_delay{ -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.r_delay{ -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.r_delay:hover{ transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg);}
.filter{ background:#000;}
.filter:hover{ filter:alpha(opacity=70); -moz-opacity:0.7; -webkit-opacity: 0.7; opacity: 0.7;}
body{ background:#f6f6f6;}
.h_nav{display:block; height:33px; line-height:33px;}
.h_nav li{float:right; padding:0 12px;}
.h_nav li.line{padding:0; color:#ffffff;}
.h_nav li.member{background:url(../images/ico.png) 0 4px no-repeat; padding-left:26px; color:#ffffff;}
.h_nav li.inquiry{background:url(../images/ico.png) 0 -22px no-repeat; padding-left:24px;}
.h_nav li.lang{background:url(../images/ico.png) right -48px no-repeat; padding-right: 22px;}
.h_nav li.lang:hover{position:relative; z-index:1000;}
.h_nav li a{ color:#ffffff;}
.h_nav li span,.h_nav li dt{ color:#ffffff;}
.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;}

#header{ position:fixed; width:100%; top:0px; left:0px; border-bottom:1px solid #ffffff; z-index:1000;}
#header .logo{ height:71px; width:252px;}
#header .logo img{ vertical-align:middle;}

#header .htr{ position:relative; width:675px;}
#header .logo span{ height:100%; display:inline-block; vertical-align:middle;}
#header .htr .top .search{ width:229px; height:27px; background:url(../images/sea.png) no-repeat;}
#header .htr .top .search .sea_t{ width:200px; height:27px; line-height:27px; vertical-align:top; background:none; border:none; text-indent:10px;}
#header .htr .top .search .sea_b{ width:25px; height:27px; vertical-align:top; background:none; border:none; cursor:pointer;}
#header .htr .top .lan{ padding-left:70px; background:#222222 url(../images/langbg.png) no-repeat left top;}
#header.static_header{position: static;background-color: #16181b!important;}
#header.static_header .wrap{height: auto;}
.default_shopping_cart{background: transparent;}

#nav{ width:625px; float:right; position:relative;}
#nav .tem{ margin:0 10px;}
#nav .tem .ia{ line-height:51px; height:51px; padding:0 20px; float:left; display:inline; text-decoration:none; color:#fff; font-family:"Verdana"; font-size:14px; border-top:2px solid transparent;}
#nav .tem:hover .ia{ border-bottom:3px solid #3ab54a; height:48px; line-height:48px;}
#nav .tem .sub{ width:100%; position:absolute; left:0; top:48px; z-index:999; display:none; padding-top:7px;}
#nav .tem:hover .sub{ display:block;}
#nav .tem .sub .list{ padding-bottom:20px; background:#fff;}
#nav .tem .sub .box{ margin-left:30px; margin-top:15px; float:left; width:150px;}
#nav .tem .sub .box .sign{ height:20px; line-height:20px; overflow:hidden;}
#nav .tem .sub .box .sign a{ font-size:14px; font-weight:bold;}
#nav .tem .sub .box .row{ height:20px; line-height:20px; overflow:hidden; background:url(../images/nav_sec_sign.jpg) 3px center no-repeat; text-indent:15px; margin-top:10px;}
#nav .tem .sub .box .row a{ color:#767676;}
#nav .tem .sub .box .row a:hover{ text-decoration:none; color:#59ba62;}
.seabut{ width:17px; height:20px; background:url(../images/seabut.png) no-repeat center center; float:right; margin:30px 15px 0 0; position:relative; cursor:pointer;}
#absear{ position:absolute; width:195px; height:35px; background:#FFCB05; right:0px; top:99px; z-index:101; display:none;}
#absear form{ overflow:hidden; margin:5px 0 0 10px;}
.sea_t{ background:#222222; border:0px none !important; float:left; height:25px; color:#fff; text-indent:15px;}
.sea_b{ background:#222222; color:#fff; height:25px; float:left; border:0px none !important; padding-right:11px;}

#position{ border-top:2px solid #2eb93c; border-bottom:1px solid #ededed; line-height:44px; background:#fff;}
#position .fl{ font-size:14px; font-weight:bold; color:#3e3e3e; margin:0 0 0 19px;}
#position h1{font-size: 14px;font-weight: bold!important;color: #3e3e3e;}
#position a{ font-size:14px; font-family:"Verdana"; color:#333333; margin:0 3px;}
#case_big{ text-align:center;}
#case_big img{ vertical-align:middle;}
#case_big span{ height:100%; display:inline-block; vertical-align:middle;}
.prod_info_group li a{ background:#555; color:#fff;}
#lib_down_list li a{ background:#3ab54a;}
#lib_inquire_list>ul>li .info{ width:500px;}
#open_title .item{ margin:0; padding:0; border:none;}
.wrap{ width:960px; margin:0 auto;}
.min{ min-width:960px;}
.max{ max-width:1440px;}
.in_sign{ font-size:14px; font-family:"Verdana"; height:35px; line-height:35px; text-indent:30px; color:#cbcbcb; background:url(../images/global_sign.png) 6px 10px no-repeat;}
.in_sign span a{ font-family:"Verdana"; color:#cbcbcb; margin-right:20px; font-size:12px;}
#page_ban{ height:434px;}
#page_ban a{ width:100%; height:434px; display:block;}

.item{ width:33%;}
.item.case{ height:220px;}
.item .demo{ position:absolute; bottom:0px; left:5px; background:url(../images/demo.png) no-repeat left top; width:275px; height:103px;}
.item .pic{ margin:0 auto; text-align:center; width:180px; height:180px;}
.item .pic img{ vertical-align:middle;}
.item .pic span{ height:100%; display:inline-block; vertical-align:middle;}
.item .name{ width:205px; margin:0 auto; margin-top:15px; text-align:center; height:42px; line-height:21px; overflow:hidden;}
.item.case .name{ width:205px; margin:0 auto; margin-top:15px; text-align:center;}
.item .name a{ font-size:14px;}
.item .price{ margin:8px 0 0 0; text-align:center; font-size:16px; font-weight:bold; color:#f63c54;}
.i_nor{ margin-left:0;}
.i_top{ margin-top:0;}

.leftmenu .title{ font-size:14px; font-weight:bold; height:45px; line-height:45px; text-indent:25px; color:#fff; background:#3ab54a;}
.leftmenu .row{ background:#fff;}
.leftmenu .row .n1{ text-indent:50px; height:45px; line-height:45px; overflow:hidden; background:url(../images/rbg.jpg) no-repeat 32px 19px;}
.leftmenu .row .n1:hover,.leftmenu .row.on .n1{ background:url(../images/rbg.jpg) no-repeat 32px -22px;}
.leftmenu .row .n1 a{ font-size:14px; color:#555555; font-family:"Verdana"; text-decoration:none;}
.leftmenu .row .n1:hover a,.leftmenu .row.on .n1 a{ color:#3ab54a;}
.leftmenu .row .sub{ display:none;}
.leftmenu .row.on .sub{ display:block;}
.leftmenu .row .sub .tem{ text-indent:64px; height:25px; line-height:25px; overflow:hidden; background:url(../images/r2bg.png) no-repeat 55px center;}
.leftmenu .row .sub .tem a{ font-family:"Verdana";}
.leftmenu .row .sub .v3{ display: none;text-indent:75px; background-position:65px center;}
.leftmenu .row .sub .v3 a{}
.leftmenu .row .sub .tem a.on{color:#3ab54a;}
.leftmenu .row .nor{ border:none;}
.g_s .t{font-size:14px; font-weight:bold; height:45px; line-height:45px; text-indent:25px; color:#fff; background:#3ab54a;}
.let_box{ background:#fff;}
#letter_box{ width:235px; margin:0 auto; padding-top:20px; overflow:hidden; border-radius:3px;}
#letter_box input{ float:left;}
#letter_box .text{ width:150px; height:35px; line-height:35px; background:#e5e5e5; color:#9d9d9d; border:1px solid transparent; text-indent:10px;box-sizing: border-box;}
#letter_box .sub{ width:85px; height:35px; line-height:35px; background:#37b748; border:0px none; color:#fff;}
.case_box{ background:#fff;}
#lastest_case{ width:235px; margin:0 auto; margin-top:18px;}
#lastest_case .p{ width:235px; height:140px; margin-bottom:12px;}
#lastest_case .n{ font-size:14px; color:#3e3e3e; line-height:150%;}
#lastest_case .m{ font-size:14px; color:fff; background:#3ab54a url(../images/more.png) no-repeat center right; float:left; padding:10px 30px 10px 13px; color:#fff; text-decoration:none; margin:15px 0 0 0;}
#lastest_news{ overflow:hidden; background:#fff;}
#lastest_news .r{ width:240px; margin:0 auto; padding:18px 0; border-bottom:1px solid #e9e9e9; overflow:hidden;}
#lastest_news .r .p{ width:85px; height:85px; float:left; text-align:center;}
#lastest_news .r .x{ width:137px; float:right;}
#lastest_news .r .x .n{ font-size:14px; color:#3e3e3e; display:block;}
#lastest_news .r .x span{ display:block; margin:8px 0 0 0;}

.page{ margin-top:25px;}
.page .page_l{ width:236px;}
.page .page_r{ width:695px;}
.page .page_r .c_contents{ min-height:500px; background:#fff;}

#products .p_r_sign{ font-family:"Verdana"; font-size:18px; color:#fff;}
#products .sort{ border:1px solid #444; height:42px; line-height:42px; padding:0 15px; font-family:"Verdana"; color:#fff;}

#d_products{ overflow:hidden; width:100%;}
#d_products .dt .gallery{ position:relative;width:382px;}
#d_products .dt .gallery .bigimg{float:right;width:300px; position:relative;}
#d_products .dt .gallery #small_img{float:left;width:60px; padding-left:12px;}
#d_products .dt .gallery #small_img .pic_box{float:left;width:57px; height:57px; text-align:center; border:1px solid #fff;}
#d_products .dt .gallery #small_img .pic_box:first-child{ margin:0;}
#d_products .dt .gallery #small_img .on{ border:1px solid #49bb58;}
#d_products .dt .gallery #small_img .pic_box img{ vertical-align:middle;}
#d_products .dt .gallery #small_img .pic_box em{ vertical-align:middle; height:100%; display:inline-block;}
#d_products .dt .dtr{width:295px; margin-top:10px;}
#d_products .dt .dtr .info{ width:100%;}
#d_products .dt .dtr .name{ font-size:18px; color:#333; line-height:20px; font-family:"Verdana"; font-weight:bold;}
#d_products .dt .dtr .para{ padding:10px 0; border-top:1px solid #666; border-bottom:1px solid #666;}
#d_products .dt .dtr .brief{ color:#666; line-height:20px; font-family:"Verdana"; margin:10px 0; margin-bottom:20px;}
#d_products .dt .dtr .price{ font-size:22px; color:#ffb70f; font-family:"Verdana"; margin-top:10px;}
#d_products .dt .dtr .btn{ height:33px; line-height:33px; padding:0 30px; display:inline-block; text-align:center; font-size:16px; margin-top:20px; background:#ffb70f; margin-right:5px;}
#d_products .dt .dtr .attr_row *{ color:#bdbdbd;}
#d_products .dm .nav{ padding:10px 34px 11px 10px; color:#3e3e3e; font-size:14px; cursor:pointer;}
#d_products .dm .nav.cur{font-weight:bold; color:#3AB54A;}
#d_products .db .con{ padding:10px; min-height:300px;}
#lib_review_form form{ width:100%;}
.like .sign{ color:#fff; font-size:14px; font-family:"Verdana";}
.like .list{ padding:10px; border:1px solid #404040; width:137px; margin-left:12px;}
.like .list .pic{ width:137px; height:137px; text-align:center;}
.like .list .pic img{ vertical-align:middle;}
.like .list .pic span{ height:100%; display:inline-block; vertical-align:middle;}
.like .list .name{ height:40px; line-height:20px; overflow:hidden; margin-top:5px;}
.like .list .name a{ font-family:"Verdana"; color:#bdbdbd;}
.like .list .price{ font-family:"Verdana"; color:#ffb70f; font-size:18px; margin-top:5px;}
.like .nor{ margin-left:0;}

#d_products .MagicZoom{display:block; margin:0 auto;}
#d_products .MagicZoom img{border:0 !important; padding:0 !important; margin:0 !important;}
#d_products .MagicZoomBigImageCont{border:1px solid #999; left:335px; top:0px;}
#d_products .MagicZoomHeader{font-size:8pt !important; line-height:normal !important; color:#fff; background:#666; text-align:center !important;}
#d_products .MagicZoomPup{border:1px solid #ccc; background:#fff; cursor:move;}
#d_products .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;}
#d_products #zoom-big{position:absolute; top:0; left:50px;}
#d_products #zoom-big img{max-width:none; max-height:none;}

#article .con{ padding:10px; min-height:500px;}

#info{ padding:10px;}
#lib_info_list li:last-child{ border:none;}
#lib_down_list li{ border-bottom:1px dashed #555;}
#lib_down_list li span{ color:#222222;}
#d_info{ padding:10px;}
#d_info *{ color:#222222;}

#download{ padding:10px;}
#lib_info_list li>a{ color:#222222;}
#lib_info_list li>span{ color:#777;}
#lib_down_list li:last-child{ border:none;}
#lib_info_detail > h1{ color:#222222;}

#footer{ overflow:hidden;}
#ftop{ background:#222222; padding:25px 0;}
#ftop .flogo{ width:208px; height:57px; margin:0 auto; text-align:center;}
#ftop .ftips{ width:655px; margin:0 auto; text-align:center; margin-top:15px; line-height:180%; color:#fff;}
#ftop .share{ text-align:center; margin:10px 0;}
#ftop .share a{ display:inline-block; width:32px; height:32px; border-radius:100% 100%; overflow:hidden; margin:0 3px;}
#ftop .fnav{ text-align:center; color:#fff; margin-top:8px;}
#ftop .fnav a{ color:#fff; margin:0 8px;}
#fbot{height:50px; line-height:50px; background:#111111; text-align:center; color:#fff;}
#fbot a{ color:#3ab54a;}

.item .inner{ border-right:1px solid #ededed; border-bottom:1px solid #ededed; padding-top:35px; overflow:hidden; padding-bottom:15px;}
.item .inner.nobor{ border-right:0px none !important;}

#d_products .dt{padding: 0 10px;}
#d_products .dt .dtl .bigimg{ width:300px; border:1px solid #f0eee7; position:relative; float:left;}
#d_products .dt .dtl #case_big{ width:390px; margin-bottom:15px;}
#d_products .dt .dtl .small li{ width:120px; height:76px; text-align:center; float:left; border:1px solid #f0eee7; margin-left:12px;}
#d_products .dt .dtl .small li:first-child{ margin:0;}
#d_products .dt .dtl .small .cur{ border:1px solid #3ab54a;}
#d_products .dt .dtl .small li img{ vertical-align:middle;}
#d_products .dt .dtl .small li span{ vertical-align:middle; height:100%; display:inline-block;}
#d_products .dt .dtr{ width:310px;}
#d_products .dt .dtr .info{ width:100%;}
#d_products .dt .dtr .name{ font-size:18px; line-height:25px; color:#000;}
#d_products .dt .dtr .brief{ font-size:14px; line-height:30px; margin:10px 0;}
#d_products .dt .dtr .price{ font-size:30px; margin-top:10px; color:#419aff; font-weight:bold;}
#d_products .dt .dtr .btn{ height:38px; padding:0 30px; line-height:38px; display:inline-block; text-align:center; font-size:18px; color:#fff; margin-top:10px; background:#555; margin-right:5px; border-radius:3px;}
#d_products .dm{ line-height:35px; border-bottom:1px solid #dedede; overflow:hidden;}
#d_products .dm .nav{ font-size:18px; text-align:center; color:#333; padding:0 10px; cursor:pointer; float:left;}
#d_products .dm .nav.cur{color:#419AFF;}
#d_products .db .con{ padding:10px; min-height:300px;}
body .prod_info_group{margin-top: 10px;}
.add_favorite{margin-top: 10px;}

#d_products .dt .dtl .d_small .small_re{ height:249px; width:81px; position:relative; overflow:hidden; margin-top:15px;}
#d_products .dt .dtl .d_small .small_ab{ width:81px; height:1000px; position:absolute; left:0; top:0;}
#d_products .dt .dtl .d_small{ float:left;}
#d_products .dt .dtl .d_small .t_l{ width:17px; height:10px; background:url(../images/t_ll.png) no-repeat; display:block; margin-left:35px;background-size: 100%;}
#d_products .dt .dtl .d_small .t_r{ width:17px; height:10px; background:url(../images/t_rr.png) no-repeat; display:block; margin-left:35px; margin-top:15px;background-size: 100%;}
#d_products .dt .dtl .d_small li{ width:73px; height:73px; text-align:center; border:1px solid #f0eee7; margin-bottom:12px; position:relative; margin-left:6px;}
#d_products .dt .dtl .d_small .cur .bg{ width:6px; height:11px; background:url(../images/small_sign.png) no-repeat; position:absolute; left:-6px; top:32px;}
#d_products .dt .dtl .d_small .cur{ border:1px solid #3ab54a;}
#d_products .dt .dtl .d_small li img{ vertical-align:middle;}
#d_products .dt .dtl .d_small li span{ vertical-align:middle; height:100%; display:inline-block;}

#d_products .MagicZoom{display:block; margin:0 auto;}
#d_products .MagicZoom img{border:0 !important; padding:0 !important; margin:0 !important;}
#d_products .MagicZoomBigImageCont{border:1px solid #999;}
#d_products .MagicZoomHeader{font-size:8pt !important; line-height:normal !important; color:#fff; background:#666; text-align:center !important;}
#d_products .MagicZoomPup{border:1px solid #ccc; background:#fff; cursor:move;}
#d_products .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;}
#d_products #zoom-big{position:absolute; top:0; left:101%;}
#d_products #zoom-big img{max-width:none; max-height:none;}