@charset "utf-8";
/*************************** 宽屏样式(start) ****************************/
.w_1200 #ft .list{ margin-top:40px; width:180px; margin-left:55px;}
.w_1200 #ft .list:first-child{ margin-left:50px;}
.w_1200 .wrap{ width:1200px;}
.w_1200 .page .page_l{ width:270px;}
.w_1200 .page .page_r{ width:855px;}
.w_1200 .item{ width:266px; margin-top:35px; margin-left:28px;}
.w_1200 .item .pic{ width:264px; height:264px;}
.w_1200 .i_nor{ margin-left:0;}
.w_1200 .i_top{ margin-top:0;}
.w_1200 #d_products .dt .dtr{ width:490px;}
.w_1200 #d_products .dt .dtr .t_l{ margin-left:65px;}
.w_1200 #d_products .dt .dtr .t_r{ margin-right:65px;}
/***************************  宽屏样式(end  )***************************/
/*************************** 全局样式(start) ***************************/
.h_nav{display:block; margin-top:15px;}
.h_nav li{float:right; height:28px; line-height:25px; padding:0 12px;}
.h_nav li.line{padding:0; color:#333;}
.h_nav li.member{background:url(ico.png) 0 0 no-repeat; padding-left:26px; color:#333;}
.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:#333;}
.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:1001; 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:117px; position:relative; z-index:1001;}
#header .logo{ height:117px; width:330px;}
#header .logo img{ vertical-align:middle;}
#header .logo span{ height:100%; display:inline-block; vertical-align:middle;}
#header .search{ width:334px; height:34px; background:url(sea.jpg) no-repeat; margin-top:20px;}
#header .search .sea_t{ width:290px; height:34px; line-height:34px; background:none; border:none; vertical-align:top; text-indent:12px;}
#header .search .sea_b{ width:40px; height:34px; background:none; border:none; vertical-align:top; cursor:pointer;}

#nav{ background:#3b3a3a; position:relative; z-index:100;}
#nav .wrap{ background:url(nav_bg.jpg) no-repeat;}
#nav .tem{background:url(nav_bg.jpg) right no-repeat; position:relative; height:50px;}
#nav .tem .ia{ line-height:50px; display:block; padding:0 30px; height:50px; font-family:"Verdana"; font-size:14px; color:#fff;}
#nav .tem .sub{ display:none; background:#3B3A3A; position:absolute; left:0; width:220px; top:50px;}
#nav .tem:hover .sub{display:block;}
#nav .tem .sub .list{padding:5px 10px;}
#nav .tem .sub .list div{line-height:30px; border-bottom:1px dotted #fff;}
#nav .tem .sub .list div a{color:#fff;}

#ft{ height:220px;}
#ft .wrap{ border-top:1px solid #d9d9d9;}
#ft .list{ margin-top:40px; width:172px; margin-left:30px;}
#ft .list:first-child{ margin-left:0;}
#ft .list .sign{ font-size:14px; color:#555; height:20px; line-height:20px; overflow:hidden;}
#ft .list .row{ height:20px; line-height:20px; overflow:hidden; margin-top:10px;}
#ft .list .row a{ color:#888;}

#fm{ height:52px; line-height:52px; text-align:center;}
#fm .wrap{ border-top:1px solid #d9d9d9;}
#fm *{ color:#999;}
/*************************** 全局样式(end) ***************************/
/*************************** Page(start) ***************************/
.wrap{ width:980px; margin:0 auto;}
.min{ min-width:980px;}
.max{ max-width:1920px; margin:0 auto;}

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

#position{ height:32px; line-height:32px; text-align:right; border-bottom:1px solid #ccc;}
#position a{ color:#555;}
#position span{ font-size:20px; line-height:25px;}
#position .po_cur{ color:#000;}

#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:225px; margin-top:35px; margin-left:23px;}
.item .pic{ width:223px; height:223px; text-align:center; border:1px solid #dedede; background:#fff;}
.item .case{ height:195px;}
.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:10px;}
.item .name a{ font-size:16px;}
.item .brief{ margin:0 5px; color:#555; font-size:14px; line-height:20px; height:40px; overflow:hidden; margin-top:10px;}
.item .para{ margin-top:15px;}
.item .price{ font-size:24px; line-height:33px; font-weight:bold;}
.item .more{ padding:0 12px; display:inline-block; line-height:33px; height:33px; background:#3a3839; color:#fff; text-transform:uppercase; float: right;}
.item .more:hover{ text-decoration:none; background:#000;}
.i_nor{ margin-left:0;}
.i_top{ margin-top:0;margin-bottom: 20px;}


.leftmenu .t{ font-size:20px; border-bottom:1px solid #ccc; height:32px; margin-bottom:15px;}
.leftmenu .row .n1{ text-indent:45px; height:45px; line-height:45px; overflow:hidden; background:url(fir.jpg) #f8f8f8 15px center no-repeat; margin-top:5px;}
.leftmenu .row .n1 a{ font-size:16px; color:#555; display:inline;}
.leftmenu .row .n1:hover{ background:url(fir_cur.jpg) #f8f8f8 15px center no-repeat;}
.leftmenu .row .n1 a:hover{ text-decoration:none; color:#000;}
.leftmenu .row .sub{ background:#fcfcfc; display:none;}
.leftmenu .row .sub .i{ text-indent:45px; height:40px; line-height:40px; overflow:hidden;}
.leftmenu .row .sub .i a{ font-size:14px; color:#777;}
.leftmenu .row .sub .i a:hover{ text-decoration:none; color:#000;}
.leftmenu .row .sub .v3{ text-indent:55px;}
.leftmenu .row .sub .v3 a{ font-size:12px;}
.leftmenu .row .fir_cur{ background:url(fir_cur.jpg) #f8f8f8 15px center no-repeat;}
.leftmenu .row .fir_cur a{ color:#000;}
.leftmenu .row .sub .sec_cur a{ color:#000;}
.leftmenu .row .sub .thd_cur a{ color:#000;}

.page .page_l{ width:228px;}
.page .page_r{ width:722px;}
.page .page_r .c_contents{ min-height:400px;}

#products{ padding-top:30px;}
#products .item:nth-child(3n+1){
    margin-left: 0;
}
#d_products{ padding:30px 0;}
#d_products .dt .dtl .bigimg{ width:320px; margin-bottom: 10px; border:1px solid #f0eee7; position:relative;}
#d_products .dt .dtl .small li{ width:97px; height:84px; 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:20px; 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:24px; margin-top:10px; color:#333; font-weight:bold;}
#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 #aeaeae; overflow:hidden;}
#d_products .dm .nav{ font-size:16px; text-align:center; padding:0 10px; text-transform:uppercase; cursor:pointer; float:left;}
#d_products .dm .nav.cur{font-weight:bold;}
#d_products .db .con{ padding:10px; min-height:300px;}

#d_products .dt .dtl .t_l{ float: left;width:14px; height:27px; background:url(t_l.jpg) no-repeat; margin-top:30px; margin-left:0;margin-right: 4px;}
#d_products .dt .dtl .t_r{ float: right;width:14px; height:27px; background:url(t_r.jpg) no-repeat; margin-top:30px; margin-right:0;}
#d_products .dt .dtl .d_small .small_re{float: left;}
#d_products .dt .dtl .d_small li{ width:85px; height:85px; 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;}

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

.desc{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}