@charset "utf-8";
/*************************** 宽屏样式(start) ****************************/
.w_1200 #nav{ width:810px;}
.w_1200 .wrap{ width:1200px;}
.w_1200 .page .page_l{ width:265px;}
.w_1200 .page .page_r{ width:830px;}
.w_1200 .item{ width:250px; margin-top:40px; margin-left:40px;}
.w_1200 .item .pic{ width:240px; height:240px;}
.w_1200 .item .case{ height:182px;}
.w_1200 .i_nor{ margin-left:0;}
.w_1200 .i_top{ margin-top:0;}
.w_1200 .i_mar{ margin-left:0; margin-right:20px;}
.w_1200 #d_products .dt .dtr{ width:490px;}
/***************************  宽屏样式(end  )***************************/
/*************************** 全局样式(start) ***************************/
.body{position:relative;}
.h_nav{display:block; margin:10px 15px 0 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(ico.png) 0 0 no-repeat; padding-left:26px; color:#fff;}
.h_nav li.inquiry{background:url(ico.png) 0 -26px no-repeat; padding-left:24px;}
.h_nav li.lang{background:url(ico.png) right -52px no-repeat;}
.h_nav li.lang:hover{position:relative; z-index:1000;}
.h_nav li a{ color:#fff;}
.h_nav li i{background:url(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{ height:125px; position:absolute; left:0; top:0; width:100%; z-index:999;}
#header .wrap{ background:#101113;}
#header .logo{ width:295px; height:125px;}
#header .logo img{ vertical-align:middle;}
#header .logo span{ height:100%; display:inline-block; vertical-align:middle;}

#header .h_line{ color:#fff; margin:0 10px; margin-top:15px;}
#header .search{ position: relative;margin-top:11px;}
#header .search .sea_t{ position: absolute;left: -160px;top: 0;width:150px; height:20px; line-height:20px; background:#fff; vertical-align:top; text-indent:10px; margin-right:10px; display:none;}
#header .search .sea_b{ font-size:14px; color:#fff; background:url(sea.jpg) 0 3px no-repeat; border:none; height:22px; line-height:22px; padding-left:20px; vertical-align:top; cursor:pointer;}

#nav{ margin-top:43px; width:680px; position:relative;}
#nav .i{ margin:0 20px;}
#nav .i .ia{ font-size:16px;  color:#fff; padding-bottom:22px; border-bottom:4px solid #101113; display:block;}
#nav .i:hover .ia{ text-decoration:none; border-bottom:4px solid #c63923; color:#c63923;}
#nav .i .sub{ width:100%; position:absolute; left:0; top:45px; background:#fff; display:none; z-index:888;}
#nav .i .sub .list{ padding-top:20px; padding-left:20px;}
#nav .i .sub .list .box{ border-right:1px solid #d6d6d6; padding-right:40px; margin-right:20px; width:160px; margin-bottom:20px;}
#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;}

#footer{ height:88px; background:#111115; border-top:1px solid #1d1d1d;}
#footer .fl{ line-height:88px;}
#footer .fr{ margin-top:30px;}
#footer *{ color:#868686; font-size:14px;}
/*************************** 全局样式(end) ***************************/
/*************************** Page(start) ***************************/
.wrap{ width:980px; margin:0 auto;}
.min{ min-width:980px;}
.max{ max-width:1200px; margin:0 auto;}
.bg{ background:#000;}
#empty{ color:#fff;}
#lib_inquire_list .empty{ color:#fff;}
.page_blank{ height:445px;}

#page_ban{ height:800px; width:100%; position:absolute; left:0; top:0; z-index:-1;}
#page_ban a{ display:block; width:100%; height:100%;}

#position{ height:45px; line-height:45px; text-align:right; color:#777; font-size:14px; border-bottom:1px solid #333;}
#position a{ font-size:14px; color:#777;}
#position span{ font-size:18px; color:#cdcdcd; text-transform:uppercase;}
#position .po_cur{ color:#be2e23;}

#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:#555;}
#lib_inquire_list>ul>li .info{ width:500px;}
#open_title .item{ margin:0; padding:0; border:none;}

.item{ width:210px; margin-top:30px; margin-left:30px;}
.item .pic{ width:200px; height:200px; text-align:center; padding:5px; background:#2c2c2c; position:relative;}
.item .case{ height:152px;}
.item .pic .big{ width:100%; height:100%; background:url(big.png) center no-repeat; position:absolute; left:0; top:0; display:none; z-index:1;}
.item .pic:hover img{ filter:alpha(opacity=70); -moz-opacity:0.7; -webkit-opacity: 0.7; opacity: 0.7;}
.item .pic:hover .big{ display:block;}
.item .pic img{ vertical-align:middle;}
.item .pic span{ height:100%; display:inline-block; vertical-align:middle;}
.item .name{ margin:0 5px; height:20px; line-height:20px; overflow:hidden; margin-top:15px; text-align:center;}
.item .name a{ font-size:14px; color:#cdcdcd;}
.item .brief{ margin:0 5px; color:#555; font-size:14px; line-height:18px; height:36px; overflow:hidden; margin-top:7px;}
.item .para{ line-height:27px; margin:0 5px; margin-top:15px;}
.item .price{ font-size:18px; color:#cdcdcd;}
.item .more{ height:27px; line-height:27px; padding:0 8px; display:inline-block; background:#949494; color:#fff; font-size:14px; border-radius:3px;}
.item .more:hover{ background:#ff482a; text-decoration:none;}
.i_nor{ margin-left:0;}
.i_top{ margin-top:0;}
.i_mar{ margin-left:0; margin-right:10px;}

.leftmenu .t{ font-size:18px; color:#cdcdcd; height:45px; line-height:45px; text-align:center; background:url(page_l_sign.jpg) no-repeat; text-transform:uppercase;}
.leftmenu .row .n1{ text-indent:40px; height:50px; line-height:50px; overflow:hidden; border-top:1px dashed #404040; background:url(fir.png) 10px center no-repeat;}
.leftmenu .row .n1:hover,.leftmenu .row.on .n1{ background:url(fir_cur.png) 10px center no-repeat;}
.leftmenu .row .n1 a{ font-size:16px; color:#555; display:block;}
.leftmenu .row .n1 a:hover{ text-decoration:none; color:#be2e23;}
.leftmenu .row .sub{ border-top:1px dashed #404040; display:none;}
.leftmenu .row.on .sub{display: block;}
.leftmenu .row .sub .i{ text-indent:40px; height:30px; line-height:30px; overflow:hidden;}
.leftmenu .row .sub .i a{ font-size:14px; color:#777;}
.leftmenu .row .sub .i a:hover{ color:#be2e23; text-decoration:none;}
.leftmenu .row .sub .v3{ display: none;text-indent:50px;}
.leftmenu .row .sub .v3 a{ font-size:12px;}
.leftmenu .row .nor{ border:none;}
.leftmenu .row.on .n1 a,.leftmenu .row .sub .i a.on{ color:#be2e23;}

.page .wrap{ background:#0d0d0d;}
.page .page_l{ width:216px; margin-left:20px;}
.page .page_r{ width:690px; margin-right:20px;}
.page .page_r .c_contents{ min-height:400px}

#d_products{ padding:25px 0;}
#d_products .dt .gallery{ position:relative;}
#d_products .dt .gallery .bigimg{ width:300px; position:relative; padding:8px; background:#2c2c2c;margin-bottom:15px;}
#d_products .dt .gallery .small_img_list .pic_box{ width:51px; height:51px; text-align:center; float:left; border:1px solid #2c2c2c; background:#2c2c2c; margin-left:12px;}
#d_products .dt .gallery .small_img_list .pic_box:first-child{ margin:0;}
#d_products .dt .gallery .small_img_list .on{ border:1px solid #555;}
#d_products .dt .gallery .small_img_list .pic_box img{ vertical-align:middle;}
#d_products .dt .gallery .small_img_list .pic_box span{ vertical-align:middle; height:100%; display:inline-block;}
#d_products .dt .gallery #case_small .pic_box{ width:95px; height:72px;}
#d_products .dt .dtr{ width:360px;}
#d_products .dt .dtr .info{ width:100%;}
#d_products .dt .dtr .name{ font-size:20px; padding-bottom:15px; border-bottom:1px solid #333; line-height:25px; color:#cdcdcd;}
#d_products .dt .dtr .itemno{color:#cdcdcd;}
#d_products .dt .dtr .brief{ font-size:14px; line-height:30px; margin:10px 0; color:#555;}
#d_products .dt .dtr .price{ font-size:30px; margin-top:10px; color:#cdcdcd;}
#d_products .dt .dtr .btn{ height:30px; padding:0 30px; line-height:30px; display:inline-block; text-align:center; font-size:14px; color:#fff; margin-top:10px; background:#555; margin-right:5px;}
#d_products .dm{ height:35px; line-height:35px; border-bottom:1px solid #f0eee7; overflow:hidden;}
#d_products .dm .nav{ font-size:18px; text-align:center; color:#bbbbbb; padding:0 10px; text-transform:uppercase; float:left; cursor:pointer; margin-right:15px;}
#d_products .dm .nav.cur{font-weight:bold; color:#fff;}
#d_products .db .con{ padding:10px; min-height:300px; color:#555;}
#d_products .db .con *{ color:#555;}

#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(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;}

#d_products #lib_review_form .form_button{ color:#fff;}

#article{ padding:20px;}

#info{ padding:20px 0;}
#lib_info_list li>a{ color:#fff;}
#lib_info_list li span{ color:#fff;}
#lib_info_list li:last-child{ border:none;}
#d_info{ padding:20px;}
#lib_info_detail>h1{ color:#fff;}

#download{ padding:20px 0;}
#lib_down_list li span{ color:#fff;}
#lib_down_list li:last-child{ border:none;}

#turn_page span{ background:#737373; border:1px solid #737373;}
#turn_page font, #turn_page a{ color:#383838;}
#turn_page .page_item_current{ color:#5D6268;}