/* CSS Document */
@charset "utf-8";
/************************** 宽屏全局样式(start) **************************/

.w_1200 #nav #nav_box{ width:820px}
.w_1200 #nav .i .sub{ width:200px;}

.w_1200 #ft .letter{ margin-right:70px;}
.w_1200 #ft .list:first-child{ margin-left:50px;}


/************************** 宽屏全局样式(end) ****************************/
/*************************** 宽屏样式(start) ****************************/

.w_1200 .wrap{ width:1170px; padding:0 15px;}

.w_1200 .page .page_l{ width:270px;}
.w_1200 .page .page_r{ width:870px;}

.w_1200 .item{ width:262px; height:262px; margin: 20px 13px 0 13px;}
.w_1200 .i_case{ height:175px;}
.w_1200 .item .pic{ width:262px; height:262px;}
.w_1200 .i_case .pic{ height:175px;}
.w_1200 .item .name{ margin-top:85px;}
.w_1200 .i_case .name{ margin-top:55px;}
.w_1200 .i_nor{ margin-left:0;}
.w_1200 .i_top{ margin-top:0;}

.w_1200 #d_products .dt .dtr{ width:520px;}
.w_1200 #d_products .dt .dtr .small .t_r{ margin-right:215px;}

/***************************  宽屏样式(end  )***************************/
/*************************** 全局样式(start) ***************************/

.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(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.lang:hover dl{}
.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{ width:100%; position:absolute; left:0; top:0; z-index:9999;}
#header .ht{ height:50px; background:url(header_bg.png);}
#header .ht .h_lang{ margin-top:7px;}
#header .ht .h_line{ color:#fff; margin:0 15px; margin-top:17px;}
#header .ht .search{ width:341px; height:30px; background:url(sea.png) no-repeat; margin-top:10px;}
#header .ht .search .sea_t{ width:303px; height:30px; line-height:30px; background:none; border:none; vertical-align:top; text-indent:15px; color:#fff;}
#header .ht .search input::-webkit-input-placeholder{ color:#fff;}
#header .ht .search .sea_b{ width:35px; height:30px; background:none; border:none; vertical-align:top; cursor:pointer;}

#nav{ height:78px;}
#nav .logo{ width:330px; height:78px;}
#nav .logo img{ vertical-align:middle;}
#nav .logo span{ height:100%; display:inline-block; vertical-align:middle;}

#nav #nav_box{ width:640px}
#nav .i{ margin:0 25px; position:relative;}
#nav .i .ia{ font-family:"Verdana"; font-size:16px; color:#fff; line-height:78px;}
#nav .i .sub{ width:180px; background:#fff; padding:20px 25px; position:absolute; left:0; top:70px; display:none;}
#nav .i:hover .sub{ display:block;}
#nav .i .sub .list div{ height:20px; line-height:20px; overflow:hidden; margin-top:10px;}
#nav .i .sub .list div:first-child{ margin-top:0;}
#nav .i .sub a{ color:#888; font-size:14px;}

#ft{ padding-top:40px; padding-bottom:30px; background:#222;}
#ft .list{ width:180px; margin-left:50px;}
#ft .list:first-child{ margin-left:0;}
#ft .list .tit{ font-size:16px; color:#fff; height:20px; line-height:20px; overflow:hidden; text-transform:capitalize;}
#ft .list .row{ height:20px; line-height:20px; overflow:hidden; margin-top:10px;}
#ft .list .row a{ color:#b1b5ba; font-size:14px;}
#ft .letter{ width:234px; margin-left:0;}
#ft .letter .note{ font-size:14px; color:#b1b5ba; line-height:20px; margin-top:10px;}
#ft .letter .box{ background:#fff; margin-top:15px;}
#ft .letter .form_input{ width:180px; height:30px; line-height:30px; background:none; border:1px solid #fff; vertical-align:top; text-indent:10px;}
#ft .letter .submit{ width:39px; height:32px; line-height:32px; font-size:14px; background:#de7c10; border:none; vertical-align:top; cursor:pointer; color:#fff;}
#fm{ height:48px; line-height:48px; background:#111; border-top:1px solid #000;}
#fm *{ font-size:14px; color:#8b8b8b;}
#fm .fr a{ margin:0 10px;}

/*************************** 全局样式(end) ***************************/
/*************************** Page(start) ***************************/

.wrap{ width:980px; margin:0 auto;}
.min{ min-width:980px;}
.max{ max-width:1200px; margin:0 auto;}

#page_ban{ width:100%; height:432px;}
#page_ban a{ width:100%; height:100%; display:block;}

#position{ height:43px; line-height:43px; padding:0 20px; text-align:right; border:1px solid #c6c5c5;}
#position a{}
#position span{ font-size:18px; text-transform:uppercase;}
#position .po_cur{ color:#f26530;}

#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:220px; height:220px; margin-top:20px; margin-left:25px; position:relative;}
.i_case{ height:147px;}
.item .pic{ width:220px; height:220px; text-align:center;}
.i_case .pic{ height:147px;}
.item .pic img{ vertical-align:middle;}
.item .pic span{ height:100%; display:inline-block; vertical-align:middle;}
.item .i_ab{ width:100%; height:100%; position:absolute; left:0; top:0; background:url(i_tem_bg.png); z-index:1; display:none;}
.item .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:2;}
.item:hover .i_ab{ display:block;}
.item .bg a{ width:100%; height:100%; display:block;}
.item .name{ margin:0 20px; height:36px; line-height:18px; overflow:hidden; margin-top:5px; text-align:center; font-size:14px; color:#fff; margin-top:65px;}
.i_case .name{ margin-top:40px;}
.item .brief{ margin:0 5px; color:#888; font-family:"Myriad Pro"; font-size:14px; line-height:18px; height:36px; overflow:hidden; margin-top:10px;}
.item .price{ margin-top:10px; font-size:20px; text-align:center; color:#fff;}
.item .more{ text-align:center; margin-top:10px;}
.item .more a{ height:28px; line-height:28px; padding:0 15px; display:inline-block; color:#fff; border:1px solid #fff; font-size:14px;}
.i_nor{ margin-left:0;}
.i_top{ margin-top:0;}

.leftmenu{ background:#f2f2f2;}
.leftmenu .t{ font-size:18px; border-bottom:2px solid #f26530; height:43px; line-height:43px; text-align:center; color:#fff; background:#363636; text-transform:uppercase;}
.leftmenu .row{ margin:0 5px;}
.leftmenu .row a:hover{ text-decoration:none; color:#f26530;}
.leftmenu .row .n1{ text-indent:15px; height:40px; line-height:40px; overflow:hidden; border-top:1px dotted #a9a9a9;}
.leftmenu .row .n1 a{ font-size:14px;}
.leftmenu .row .sub{ border-top:1px dotted #a9a9a9; display:none;}
.leftmenu .row .sub .i{ text-indent:30px; height:45px; line-height:45px; overflow:hidden; background:url(sec.jpg) 15px center no-repeat;}
.leftmenu .row .sub .i a{}
.leftmenu .row .sub .v3{ text-indent:35px; background:none;}
.leftmenu .row .sub .v3 a{ font-size:12px;}
.leftmenu .row .nor{ border-top:none;}
.leftmenu .row .fir_cur a{ color:#f26530;}
.leftmenu .row .sub .sec_cur a{ color:#f26530;}
.leftmenu .row .sub .thd_cur a{ color:#f26530;}

.page{}
.page .wrap{}
.page .page_l{ width:220px;}
.page .page_r{ width:710px;}
.page .page_r .c_contents{ min-height:400px;}

#products{}
#d_products{ padding:20px 0;}
#d_products .dt .dtl .bigimg{ width:315px; border:1px solid #f0eee7; position:relative;height: 315px;}
#d_products .dt .dtl .small li{ width:95px; height:64px; 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:360px;}
#d_products .dt .dtr .info{ width:100%;}
#d_products .dt .dtr .name{ font-size:18px; line-height:25px;}
#d_products .dt .dtr .brief{ font-size:14px; line-height:25px; margin:10px 0; color:#555;}
#d_products .dt .dtr .price{ font-size:30px; margin-top:10px; color:#f26530;}
#d_products .dt .dtr .btn{ height:38px; padding:0 20px; 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{ height:35px; line-height:35px; border-bottom:1px solid #c3c2c2; overflow:hidden;}
#d_products .dm .nav{ font-size:18px; text-align:center; color:#000; padding:0 10px; text-transform:uppercase; float:left; cursor:pointer;}
#d_products .dm .nav.cur{color:#f26530;}
#d_products .db .con{ padding:10px; min-height:300px;}

#d_products .dt .dtl .d_small .t_l{ width:11px; height:21px; background:url(t_ll.jpg) no-repeat; display:block; margin-top:30px;}
#d_products .dt .dtl .d_small .t_r{ width:11px; height:21px; background:url(t_rr.jpg) no-repeat; display:block; margin-top:30px;}
#d_products .dt .dtl .d_small li{ width:73px; height:73px; text-align:center; float:left; border:1px solid #f0eee7; margin-right:12px;}
#d_products .dt .dtl .d_small .cur{ border:1px solid #555;}
#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(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;}
#article .con{}

#info{ padding:20px 0;}
#lib_info_list li:last-child{ border:none;}
#d_info{ padding:20px;}

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