/* CSS Document */
@charset "utf-8";
/************************** 宽屏全局样式(start) **************************/

.w_1200 #nav #nav_box{ width:900px;}

.w_1200 #ft .left{ width:280px;}
.w_1200 #ft .list{ width:170px; margin-left:35px;}
.w_1200 #ft .first{ margin-left:70px;}
.w_1200 #ft .follow{ width:170px;}

/************************** 宽屏全局样式(end) ****************************/
/*************************** 宽屏样式(start) ****************************/

.w_1200 .wrap{ width:1200px;}

.w_1200 .page .page_l{ width:270px;}
.w_1200 .page .page_r{ width:870px;}

.w_1200 .item{ width:270px; margin-top:30px; margin-left:30px;}
.w_1200 .item .pic{ width:270px; height:270px;}
.w_1200 .item .case{ height:141px;}
.w_1200 .i_top{ margin-top:0;}
.w_1200 .i_mar{ margin-left:40px;}
.w_1200 .i_nor{ margin-left:0;}

.w_1200 #d_products .dt .dtr{ width:500px;}
.w_1200 #d_products .dt .dtr .small .t_l{ margin-left:70px;}
.w_1200 #d_products .dt .dtr .small .t_r{ margin-right:70px;}

/***************************  宽屏样式(end  )***************************/
/*************************** 全局样式(start) ***************************/
.left_nav a:link{ color:#fff; text-decoration:none;}
.left_nav a:visited{ color:#fff; text-decoration:none;}
.h_nav{display:block; margin-top:5px;}
.h_nav li{float:right; height:28px; line-height:25px; padding:0 20px; border-right:1px solid #167aba;}
.h_nav li.line{padding:0; color:#fff; display:none;}
.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) 5px -26px no-repeat; padding-left:30px;}
.h_nav li.lang{background:url(../images/ico.png) 90% -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(../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{ height:37px; line-height:37px; background:#2998df;}
#header .search{ border-right:1px solid #167aba; height:28px; margin-top:5px; padding-right:15px; margin-right:10px;}
#header .search .sea_t{ height:28px; width:200px; line-height:28px; border:none; background:#fff; vertical-align:top; text-indent:10px; margin-right:10px; display:none;}
#header .search .sea_b{ height:28px; line-height:28px; border:none; background:url(../images/sea.jpg) left center no-repeat; padding-left:20px; vertical-align:top; cursor:pointer; color:#fff;}

#nav{ height:72px; background:url(../images/nav_bg.png); width:100%; position:absolute; left:0; top:37px; z-index:999;}
#nav .logo{ width:260px; height:72px;}
#nav .logo img{ vertical-align:middle;}
#nav .logo span{ height:100%; display:inline-block; vertical-align:middle;}

#nav #nav_box{ width:710px;}
#nav .i{ position:relative;}
#nav .i .ia{ font-size:16px; line-height:72px; display:block; padding:0 20px;}
#nav .i:hover .ia{ color:#fff; text-decoration:none; background:#2998df;}
#nav .i .sub_sign{ width:100%; position:absolute; left:0; top:72px; height:7px; background:url(../images/sub_sign.png) top center no-repeat; z-index:998; display:none;}
#nav .i .sub{/* width:200%;*/ position:absolute; /*left:-50%;*/ top:72px; padding-top:15px; display:none; z-index:999;}
#nav .i:hover .sub_sign{ display:block;}
#nav .i:hover .sub{ display:block;}
#nav .i .sub .list{ background:#fff; padding:10px 20px;}
#nav .i .sub .list .row{ height:25px; line-height:25px; overflow:hidden; text-align:left;}


#ft{ padding-top:40px; padding-bottom:30px; background:#288bce;}
#ft .left{ width:260px;}
#ft .left .mid .tem{ font-size:14px; color:#afd3ed; line-height:20px; padding:7px 0;}
#ft .left .mid .tem a{ color:#afd3ed;}
#ft .left .mid .tem span{ color:#fff;}
#ft .list{ width:160px; margin-left:30px;}
#ft .first{ margin-left:40px;}
#ft .list .sign{ height:20px; line-height:20px; overflow:hidden; font-size:16px; color:#fff;}
#ft .list .row{ margin-top:10px;}
#ft .list .nor{ margin-top:20px;}
#ft .list .row a{ height:20px; line-height:20px; overflow:hidden; font-size:14px; color:#afd3ed;}
#ft .follow{ margin-left:0; width:120px;}
#ft .follow .row{ margin-top:15px;}
#ft .follow img{ vertical-align:middle; margin-right:15px;}

#fm{ height:62px; background:#0b72b3; line-height:62px;}
#fm .fr a{ margin:0 10px;}
#fm *{ color:#fff;}

/*************************** 全局样式(end) ***************************/
/*************************** Page(start) ***************************/

.wrap{ width:980px; margin:0 auto;}
.min{ min-width:980px;}
.max{ max-width:1200px; margin:0 auto;}

#page_ban{ height:396px;}
#page_ban a{ width:100%; height:100%; display:block;}

#position{ height:43px; line-height:43px; text-align:right; border-bottom:2px solid #dadada;}
#position a{}
#position span{ font-size:18px; font-weight:bold;}
#position .po_cur{ color:#2998DF;}

#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; margin-top:25px; margin-left:25px; position:relative; height:427px; overflow:hidden;}
.item .item_ab{ width:100%; position:absolute; left:0; top:0; border-bottom:4px solid #EBEBEB; padding-bottom:15px;} 
.item .pic{ width:220px; height:220px; text-align:center;}
.item .case{ height:115px;}
.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;}
.item .name a{ font-size:16px; color:#000;}
.item .brief{ margin:0 5px; font-size:14px; line-height:20px; height:40px; overflow:hidden; margin-top:5px; color:#555;}
.item .price{ margin:0 5px; margin-top:7px; font-size:24px; color:#2998df;}
.item .more{ margin:0 2px; margin-top:10px;}
.item .more a{ height:32px; line-height:32px; color:#fff; padding-left:18px; padding-right:12px; background:#0593d3; font-size:14px; display:inline-block;}
.item .more a:hover{ background:#333; text-decoration:none; color:#fff;}
.i_mar{ margin-left:30px;}
.i_nor{ margin-left:0;}
.i_top{ margin-top:0;}

.leftmenu{ background:#f7f7f7;}
.leftmenu .t{ font-size:18px; border-bottom:2px solid #0d71b2; height:43px; line-height:43px; text-align:center; color:#fff; background:#2998df;}
.leftmenu .row{}
.leftmenu .row a:hover{ text-decoration:none;}
.leftmenu .row .n1{ text-indent:20px; height:40px; line-height:40px; overflow:hidden; border-top:1px dotted #acacac; }
.leftmenu .row .n1 a{ font-size:14px; height:40px; line-height:40px; overflow:hidden; }
.leftmenu .row .n1 a:hover{ color:#2998df;}
.leftmenu .row .sub{ border-top:1px dotted #acacac;}
.leftmenu .row .sub .i{ text-indent:35px; height:35px; line-height:35px; overflow:hidden; margin:0 7px; background:url(../images/sec_sign.jpg) 20px center no-repeat;}
.leftmenu .row .sub .i a{ font-size:14px;}
.leftmenu .row .sub .i a:hover{ color:#2998df; }
.leftmenu .row .sub .v3{ background:none;}
.leftmenu .row .sub .v3:hover span{ color:#ee87a8;}
.leftmenu .row .sub .v3:hover a{ color:#2998df;}
.leftmenu .row .nor{ border-top:none;}
.leftmenu .row .fir_cur a{ color:#2998df;}
.leftmenu .row .sub .sec_cur a{ color:#2998df;}
.leftmenu .row .sub .thd_cur span{ color:#ee87a8;}
.leftmenu .row .sub .thd_cur a{ color:#2998df;}

.page{}
.page .wrap{}
.page .page_l{ width:220px; margin-left:15px;}
.page .page_r{ width:710px; margin-right:15px;}
.page .page_r .c_contents{ min-height:400px;}

#products{}
#d_products{ padding:20px 0;}
#d_products .dt .dtl .bigimg{ width:335px; border:1px solid #f0eee7; position:relative;}
#d_products .dt .dtl .small li{ width:102px; height:55px; 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:20px; line-height:30px;}
#d_products .dt .dtr .brief{ font-size:14px; line-height:25px; margin:10px 0;}
#d_products .dt .dtr .price{ font-size:24px; margin-top:10px; color:#2998df;}
#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:45px; line-height:45px; background:#3498db;}
#d_products .dm .nav{ font-size:16px; text-align:center; color:#fff; padding:0 20px; text-transform:uppercase;}
#d_products .db .con{ padding:10px; min-height:300px;}

#d_products .dt .dtl .d_small .t_l{ width:14px; height:27px; display:block; background:url(../images/t_ll.jpg) no-repeat; margin-left:10px; margin-top:25px;}
#d_products .dt .dtl .d_small .t_r{ width:14px; height:27px; display:block; background:url(../images/t_rr.jpg) no-repeat; margin-right:10px; margin-top:25px;}
#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(../../../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;}
#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;}