@charset "utf-8";
/***************************宽屏样式(start)***************************/
.w_1200 #nav{ margin-top:55px; max-width:830px;}
.w_1200 #nav .i{ margin:0 10px; position:relative;}
.w_1200 #nav .ia{ padding:0 10px; display:block; height:28px; line-height:28px; font-family:"Verdana"; font-size:16px; border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
.w_1200 #nav .ia:hover{ background:url(../images/nav_bg.png) #359adc bottom center no-repeat; color:#fff; text-decoration:none;}
.w_1200 #nav .i .sub{ position:absolute; left:0; top:28px; z-index:999; background:#fff; width:270px; display:none;}
.w_1200 #nav .i .sub .list{ margin-top:37px; border:1px solid #d4d4d4; border-top:none;}
.w_1200 #nav .i .sub a{ line-height:40px; display:block; border-top:1px solid #dcdcdc; height:40px; overflow:hidden; font-size:14px; text-indent:37px; background:url(../images/nav_sec.jpg) 20px 18px no-repeat;}
.w_1200 #nav .i .sub a:hover{ text-decoration:none; background:url(../images/nav_sec_cur.jpg) 20px 18px no-repeat; color:#3498db;}
.w_1200 #hm .logo{ max-width:320px;}
.w_1200 .wrap{ width:1200px;}
.w_1200 .page .page_l{ width:277px;}
.w_1200 .page .page_r{ width:890px;}
.w_1200 .item{ width:275px; margin-top:30px; margin-left:32px;}
.w_1200 .item .pic{ width:275px; height:255px; text-align:center;}
.w_1200 .item .pic img{ vertical-align:middle;}
.w_1200 .item .pic span{ height:100%; display:inline-block; vertical-align:middle;}
.w_1200 .item .name{ height:20px; line-height:20px; overflow:hidden; margin-top:15px;}
.w_1200 .item .name a{ font-family:"Verdana"; font-size:14px;}
.w_1200 .item .brief{ font-family:"Verdana"; color:#555; margin-top:5px;}
.w_1200 .item .price{ font-family:"Verdana"; font-size:16px; margin-top:10px;}
.w_1200 .item .more a{ height:32px; line-height:32px; color:#fff; font-size:14px; font-family:"Verdana"; text-align:center; padding-left:10px; padding-right:15px; display:inline-block; background:url(../images/more.png) #4d4d4d 94% 13px no-repeat; margin-top:10px;}
.w_1200 .item .more a:hover{ background:url(../images/more.png) #3498db 94% 13px no-repeat; text-decoration:none;}
.w_1200 .i_nor{ margin-left:0;clear: both;}
.w_1200 .i_top{ margin-top:0;}
.w_1200 #products{ padding:20px 0;}
.w_1200 #d_products{ padding:20px 0;}
.w_1200 #d_products .dt .dtr{ width:495px;}
/***************************宽屏样式(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:hover{ filter:alpha(opacity=70); -moz-opacity:0.7; -webkit-opacity: 0.7; opacity: 0.7;}
.h_nav{display:block; margin-top:5px;}
.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; padding-right: 24px; color: #fff;}
.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;}
.default_shopping_cart{background-size: auto 90%;background-position: left center;padding-left: 22px;filter: brightness(0) invert(1);}
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;}

#ht{ min-height:43px;background:#484848;}
#ht .cont{ font-size:13px; color:#fff; line-height:43px;}
#ht .lan{ margin-top:5px;}
#ht .line_nor{ color:#fff; margin-top:15px; margin-right:5px;}
#ht .search{ margin-top:12px; margin-right:10px;}
#ht .search .sea_t{ width:150px; height:18px; line-height:18px; background:#fff; vertical-align:top; margin-right:7px; text-indent:10px; display:none;}
#ht .search .sea_b{ width:18px; height:18px; vertical-align:top; cursor:pointer; border:none; background:url(../images/sea.png) no-repeat;}
.i_nor{clear: both;}
#hm{ height:120px;}
#hm .logo{ height:120px; max-width:280px;}
#hm .logo img{ vertical-align:middle;}
#hm .logo span{ height:100%; display:inline-block; vertical-align:middle;}

#nav{ margin-top:55px; max-width:660px;}
#nav .i{ margin:0 10px; position:relative;}
#nav .ia{ padding:0 10px; display:block; height:28px; line-height:28px; font-family:"Verdana"; font-size:16px; border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
#nav .ia:hover{ background:url(../images/nav_bg.png) #359adc bottom center no-repeat; color:#fff; text-decoration:none;}
#nav .i .sub{ position:absolute; left:0; top:28px; z-index:999; background:#fff; width:270px; display:none;}
#nav .i .sub .list{ margin-top:37px; border:1px solid #d4d4d4; border-top:none;}
#nav .i .sub a{ line-height:40px; display:block; border-top:1px solid #dcdcdc; height:40px; overflow:hidden; font-size:14px; text-indent:37px; background:url(../images/nav_sec.jpg) 20px 18px no-repeat;}
#nav .i .sub a:hover{ text-decoration:none; background:url(../images/nav_sec_cur.jpg) 20px 18px no-repeat; color:#3498db;}

#footer{ padding:15px 0; background:#484848;}
#footer .top{ padding-bottom:15px; border-bottom:1px dotted #6c6c6c;}
#footer .top .cont{ font-family:"Verdana"; font-size:18px; color:#fff; line-height:38px;}
#footer .top .cont span{ font-family:"Verdana"; font-size:16px; color:#fff; padding-left:30px; display:inline-block;}
#footer .top .cont .tel{ background:url(../images/f_tel.png) 5px 10px no-repeat; margin-left:10px;}
#footer .top .cont .mail{ background:url(../images/f_mail.png) 0 10px no-repeat; margin-left:20px;}
#footer .top .cont .mail a{ font-family:"Verdana"; font-size:18px; color:#fff;}
#footer .mid{ line-height:30px; margin-top:10px;}
#footer .mid .nav a{ font-family:"Verdana"; font-size:14px; color:#fff; margin:0 15px;}
#footer .mid .nav a:first-child{ margin-left:0;}
#footer .mid .copy{ color:#bbb;}
#footer .mid .copy *{ color:#bbb;}

#open_title .item{ margin:0; padding:0; border:none;}
.wrap{ width:980px; margin:0 auto;}
.min{ min-width:980px;}

#page_ban{ height:290px;}
#page_ban a{ width:100%; height:290px; display:block;}

#position{ line-height:48px; background:#efefef; font-family:"Verdana"; font-size:12px; padding:0 15px; text-align:right; color:#888;}
#position a{ color:#888; font-family:"Verdana"; font-size:12px;}
#position span,#position h1{ font-size:18px; font-family:"Verdana"; color:#333;}
#position>.fl{text-align: left;}

#case_big{ text-align:center; width:363px;}
#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:#555;}
#lib_inquire_list>ul>li .info{ width:500px;}

.item{ width:224px; margin-top:30px; margin-left:27px;}
.item .pic{ width:224px; height:209px; text-align:center;}
.item .pic img{ vertical-align:middle;}
.item .pic span{ height:100%; display:inline-block; vertical-align:middle;}
.item .name{ height:20px; line-height:20px; overflow:hidden; margin-top:15px;}
.item .name a{ font-family:"Verdana"; font-size:14px;}
.item .brief{ font-family:"Verdana"; color:#555; margin-top:5px;}
.item .price{ font-family:"Verdana"; font-size:16px; margin-top:10px;}
.item .more a{ height:32px; line-height:32px; color:#fff; font-size:14px; font-family:"Verdana"; text-align:center; padding-left:10px; padding-right:15px; display:inline-block; background:url(../images/more.png) #4d4d4d 94% 13px no-repeat; margin-top:10px;}
.item .more a:hover{ background:url(../images/more.png) #3498db 94% 13px no-repeat; text-decoration:none;}
.i_nor{ margin-left:0;}
.i_top{ margin-top:0;}

.leftmenu{ background:#f4f4f4;}
.leftmenu .t{ height:48px; line-height:48px; font-family:"Verdana"; font-size:18px; color:#fff; background:#4b4b4b; text-indent:20px;}
.leftmenu .row:last-child{ border-bottom:1px solid #e1e1e1;}
.leftmenu .row .n1{ text-indent:30px; height:42px; line-height:42px; overflow:hidden; border-top:1px solid #e1e1e1; background:url(../images/fir.jpg) 12px 18px no-repeat;}
.leftmenu .row .n1 a{ font-size:14px; font-family:"Verdana";}
.leftmenu .row.on .n1 a{color: #c00;font-weight: bold;}
.leftmenu .row .sub{display: none;}
.leftmenu .row.on .sub{display: block;}
.leftmenu .row .sub .i{ text-indent:30px; height:45px; line-height:45px; overflow:hidden; }
.leftmenu .row .sub .i a{}
.leftmenu .row .sub .i a.on{color: #c00;}
.leftmenu .row .sub .v3{ display: none;text-indent:40px;}
.leftmenu .row .nor{}

.page{}
.page .wrap{}
.page .page_l{ width:226px;}
.page .page_r{ width:727px;}
.page .page_r .c_contents{ min-height:400px}

#products{ padding:20px 0;}
#d_products{ padding:20px 0;}
#d_products .dt .dtl .bigimg{ width:363px; position:relative; margin-bottom:15px;}
#d_products .dt .dtl .small li{ width:73px; height:73px; 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 #555;}
#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:343px;}
#d_products .dt .dtr .info{ width:100%;}
#d_products .dt .dtr .name{ font-size:18px; padding-bottom:15px; border-bottom:1px dashed #d8d8d8; line-height:20px;}
#d_products .dt .dtr .brief{ font-size:14px; line-height:25px; margin:10px 0;}
#d_products .dt .dtr .para{ padding:10px 0; border-top:1px solid #e3e8e7; border-bottom:1px solid #e3e8e7;}
#d_products .dt .dtr .price{ font-size:20px; margin-top:10px;}
#d_products .dt .dtr .btn{ height:30px; line-height:30px; padding:0 25px; display:inline-block; text-align:center; font-size:14px; color:#fff; background:#379ede; margin-right:5px;}
#d_products .dm{ line-height:35px; border-bottom:1px solid #f0eee7;}
#d_products .dm .nav{ font-size:14px; text-align:center; color:#4a4439; padding:0 10px; text-transform:uppercase; float:left; cursor:pointer;}
#d_products .dm .nav.cur{font-weight:bold;}
#d_products .db .con{ padding:10px; min-height:300px;}

#d_products .dt .dtl .d_small .t_l{ float:left; width:31px; height:30px; display:block; background:url(../images/small_l.jpg) no-repeat; margin-right:21px; margin-top:27px;}
#d_products .dt .dtl .d_small .t_r{ float:right;width:31px; height:30px; display:block; background:url(../images/small_r.jpg) no-repeat; margin-top:27px;}
#d_products .dt .dtl .d_small .small_re{ float:left; width:279px; height:62px; position:relative; overflow:hidden;}
#d_products .dt .dtl .d_small .small_re li{ width:80px; height:80px; text-align:center; float:left; margin-right:7px; border:1px solid transparent;}
#d_products .dt .dtl .d_small .small_re li.cur{ border:1px solid #555;}
#d_products .dt .dtl .d_small .small_re li img{ vertical-align:middle;}
#d_products .dt .dtl .d_small .small_re li span{ height:100%; display:inline-block; vertical-align:middle;}

#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;}

#article{ padding:20px 0;}

#info{ padding:20px 0;}
#lib_info_list li:last-child{ border:none;}
#d_info{}

#download{ padding:20px 0;}
#lib_down_list li:last-child{ border:none;}

.partners_box img{max-height: 45px;}