﻿
/***************************宽屏样式(start)***************************/
.w_1200 .w{width:1200px; min-width:1200px;}
.w_1200 #nav li>a{ padding:0 34px;}

.w_1200 #footer .help dl{width:228px; padding-left:40px; padding-right:30px;}
.w_1200 #footer .help dl:first-child{width:229px;}
.w_1200 #footer .help dl:last-child{width:229px;}

.w_1200 #contenter{width:950px;}
.w_1200 #lib_info_list li.info_box .content{width:750px;}
.w_1200 #lib_info_list li.info_box .content .name a{max-width:600px;}

.w_1200 #contenter .pro_list ul{width:1005px;}
.w_1200 #contenter .pro_list li{width:280px; margin-right:54px;}
.w_1200 #contenter .pro_list li .photo, .w_1200 #contenter .pro_list li .photo a{width:280px;}

.w_1200 #contenter .pro_info{width:540px;}
/***************************宽屏样式(end)***************************/


*{font-family:"Microsoft YaHei",Arial, Helvetica, sans-serif;}
html, div{outline:0;}
cite, em, strong, i{font-style:normal;}
input,textarea{outline:none;}

.w{width:980px; margin:0 auto; min-width:980px;}
.hide{display:none;}


/*************************** header (start) ***************************/
body{ padding-top:145px;}
#top{ position:fixed; width:100%; background:#fff; left:0; top:0; z-index:999}
#header{height:90px;}
#header .logo{height:90px; overflow:hidden;}
#header .other{}
#header .other .h_nav{display:block; height:28px; margin-top:5px;}
#header .other .h_nav li{float:right; height:28px; line-height:25px; padding:0 12px;}
#header .other .h_nav li img{ vertical-align:middle; margin-right:5px;}
#header .other .h_nav li.line{padding:0;}
#header .other .h_nav li.member{background:url(../images/ico.png) 0 0 no-repeat; padding-left:26px;}
#header .other .h_nav li.inquiry{background:url(../images/ico.png) 0 -26px no-repeat; padding-left:24px;}
#header .other .h_nav li.lang{background:url(../images/ico.png) right -52px no-repeat; padding-right:20px;}
#header .other .h_nav li.lang:hover{position:relative; z-index:1000;}
#header .other .h_nav li.lang:hover dl{}
#header .other .h_nav li i{background:url(../images/common.png); padding:0 10px;}
#header .other .h_nav li i.sitemap{background-position:-164px -23px;}
#header .other .h_nav li i.download{background-position:-188px -23px;}

#header li.lang .language_silder{ position:absolute; right:-7px; top:22px; display:none; background:#F2F2F2; z-index:10; padding:0px 23px 0px 12px; border-radius:0px 0px 5px 5px;}
#header li.lang:hover .language_silder{ display:block;}
.language_silder .l_rows{ height:25px; overflow:hidden;}
.language_silder a{ display:block;}


#header .other .search{height:30px; width:290px; overflow:hidden; margin-top:10px; position:relative;}
#header .other .search i{display:block; width:13px; height:12px; line-height:0; position:absolute; top:9px; right:58px; z-index:2; background:url(../images/common.png) -163px -5px;}
#header .other .search .txt{float:left; width:200px; height:28px; padding:0 30px 0 9px; line-height:28px\9; border:1px solid #b0b0b0; border-radius:5px; background:#fff; box-shadow:0 0 2px #bcbebf inset;}
#header .other .search .btn{float:right; height:30px; width:40px; margin-left:9px; border:0; text-align:center; color:#fff; background:#3490e4; cursor:pointer;}
/*************************** header (end) ***************************/



/*************************** nav (start) ***************************/
#nav{height:35px; background:#3490e4; position:relative; z-index:10;}
#nav li{height:35px; float:left; border-left:1px solid #8bd2aa; position:relative; z-index:10;}
#nav li>a{line-height:35px; padding:0 28px; color:#fff; font-weight:bold; text-transform:uppercase;}
#nav li:first-child{border:0;}
#nav li:hover{ background:#439f22 !important;}
#nav li .sub{position:absolute; left:0; top:35px; z-index:10; width:180px; filter:Alpha(opacity=93); display:none;}
#nav li .sub .inner{ background:#3490e4; margin-top:1px;}
#nav li .sub div{ background:url(../images/navr.png) no-repeat 11px center;}
#nav li .sub div a{display:block; width:158px; margin:0 auto; border-bottom:1px solid #69b34f; color:#fff; height:28px; line-height:28px; text-decoration:none; text-indent:24px; overflow:hidden;}
#nav li:hover div{display:block;}
#nav li .subpro{background:#fff; width:680px;}
#nav li .subpro .subpro_li{ float:left; width:150px;border-right:1px solid #f3f3f3;}
#nav li .subpro .subpro_li a{ display:block; line-height:50px; padding:0 20px; font-size:14px; border-bottom:1px solid #f5f5f5; color:#439f22}
#nav li .subpro .subpro_li a:hover,#nav li .subpro .subpro_li a.cur{ background:#439f22; color:#fff; text-decoration:none}
#nav li .subpro .subpro_box{ float:right; width:520px;}
#nav li .subpro .subpro_box a{ display:block;  border-bottom:1px solid #fff;float:left; position:relative; height:50px; line-height:50px; padding-left:80px; padding-right:20px; width:160px; overflow:hidden}
#nav li .subpro .subpro_box a:hover{ background:#f5f5f5; text-decoration:none;}
#nav li .subpro .subpro_box a img{ display:block; width:75px; height:40px; position:absolute; left:0; top:5px;}
/*************************** nav (end) ***************************/



/*************************** banner2 (start) ***************************/
#banner{margin-top:15px; margin-bottom:25px; text-align:center;}
/*************************** banner2 (end) ***************************/



/*************************** footer (start) ***************************/
#footer{background:#ededed;}
#footer .copyright{width:100%; overflow:hidden; padding:10px 0; background:#cdcdcd; color:#828282;}
#footer .copyright a{color:#828282;}
#footer .copyright .txt{float:left; width:60%; text-indent:20px;}
#footer .copyright .follow{float:right; width:40%;}
#footer .help{width:100%; overflow:hidden;}
#footer .help dl{float:left; width:213px; min-height:140px; padding:30px 10px 20px 20px; border-left:1px solid #fdfdfd; border-right:1px solid #d9d9d9;}
#footer .help dl:first-child{border-left:0; width:214px;}
#footer .help dl:last-child{border-right:0; width:214px;}
#footer .help dl dt{font-size:16px; color:#878787; height:24px; font-family:Verdana;}
#footer .help dl dd{position:relative; margin-top:5px; padding-left:10px; color:#797979;}
#footer .help dl dd a{color:#797979;}
#footer .help dl dd i{display:block; width:3px; height:3px; position:absolute; top:6px; left:0; background:#9c9c9c; font-size:0; line-height:0;}
/*************************** footer (end) ***************************/



/*************************** location (start) ***************************/
#location{height:35px; line-height:35px; border-bottom:1px dashed #ddd; font-size:14px; color:#585858; position:relative; margin-bottom:20px;}
#location a{color:#585858; font-family:Verdana;}
#location i{width:24px; height:19px; background:url(../images/common.png) -109px -25px; display:inline-block; float:left; margin:8px 8px 0 0;}
/*************************** location (start) ***************************/



/*************************** side (start) ***************************/
#side{float:left; width:220px;}
#side .menu_box{margin-bottom:25px;}
#side .menu_box .title{height:40px; font-size:20px; color:#3490e4;}
#side .menu_box .list li{border-bottom:1px dashed #ddd;}
#side .menu_box .list li:last-child{margin-bottom:0;}
#side .menu_box .list li dl dt{width:165px; height:32px; overflow:hidden; padding:0 25px 0 20px; line-height:28px; background:url(../images/common.png) 0 -150px;}
#side .menu_box .list li dl dt a{color:#2e2e2e; font-size:14px;}
#side .menu_box .list li dl dd{display:none; padding:0 0 5px 20px; height:18px; line-height:18px; overflow:hidden;}
#side .menu_box .list li dl dd a{color:#535353;}
#side .menu_box .list li dl dd.v3{padding-left:28px;}
#side .menu_box .list li.cur{padding:9px 0 5px;}
#side .menu_box .list li.cur dt{margin-bottom:5px; background:url(../images/common.png) 0 -183px;}
#side .menu_box .list li.cur dt a{color:#fff; text-decoration:none;}
#side .menu_box .list li.cur dd{display:block;}
#side .menu_box .list li:first-child.cur{padding-top:3px;}
.pronav{ clear:both;}
.pronav dl{}
.pronav dl dt{margin-bottom:5px; padding:0 15px;border-top-left-radius:3px;border-top-right-radius:3px; background:#dedede}
.pronav dl dt a{ display:block;height:45px; line-height:45px; font-size:13px; font-weight:bold;text-decoration:none;background:url(../images/icon_bdowna.png) no-repeat right center}
.pronav dl dt a:hover{color:#0b8b5a; background-image:url(../images/icon_bdownb.png)}
.pronav dl dd{ display:none}
.pronav dl dd ul{ margin-bottom:5px;}
.pronav dl dd ul li{ border-bottom:1px solid #ffffff;}
.pronav dl dd ul li a{ display:block; height:30px; line-height:30px; font-size:13px;background:#f5f5f5 url(../images/icon_srighta.png) no-repeat 10px center; padding-left:25px;}
.pronav dl dd ul li a:hover{color:#0b8b5a; text-decoration:none;background:#dedede url(../images/icon_srightb.png) no-repeat 15px center;}
.pronav dl.cur{}
.pronav dl.cur dt a{color:#0b8b5a;  background-image:url(../images/icon_bupb.png)}
.pronav dl.cur dd{ display:block}
#side .contact dt{height:28px; font-size:20px; color:#3490e4; border-bottom:1px solid #3490e4;}
#side .contact dd{position:relative; margin-top:12px; padding-left:30px; color:#2e2e2e; line-height:1.8em;}
#side .contact dd a{color:#2e2e2e;}
#side .contact dd i{width:25px; height:25px; position:absolute; top:0; left:0; background:url(../images/common.png);}
#side .contact dd i.add{background-position:0 -120px;}
#side .contact dd i.tel{background-position:-35px -120px;}
#side .contact dd i.mail{background-position:-70px -120px;}
#side .contact dd i.web{background-position:-105px -120px;}
/*************************** side (end) ***************************/



/*************************** main (start) ***************************/
#contenter{float:right; width:730px; min-height:400px;}
#contenter .main_title{height:40px; line-height:40px; margin-bottom:10px; overflow:hidden;}
#contenter .main_title span{ float:left; color:#000; font-size:16px; background:#f6f6f6; padding:0 15px; cursor:pointer;}
#contenter .main_title span.cur{font-weight:bold;}
#contenter .main_title2{padding-bottom:10px; color:#333; font-size:16px; text-indent:2px; text-transform:uppercase; border-bottom:1px solid #000;}
#contenter .dest{line-height:2em; overflow:hidden; display:none;}

#contenter .page_tools{text-align:center; color:#fff;}/*margin-top:25px; */
#contenter .page_tools span{display:inline-block; *display:inline; *zoom:1; font-size:12px; height:24px; line-height:23px; overflow:hidden; background:#fff; vertical-align:top; margin:0 4px;}
#contenter .page_tools span em{ display:none;}
#contenter .page_tools font, #contenter .page_tools a{height:24px; padding:0 8px; display:block; text-align:center; color:#666;}
#contenter .page_tools a, #contenter .page_tools .page_noclick{background:#aaa; color:#fff;}
#contenter .page_tools .page_item_current{background:#1c4646; color:#fff; cursor:default;}
#contenter .pro_list{width:100%; overflow:hidden;}
#contenter .pro_list ul{width:750px;}
#contenter .pro_list li{float:left; width:230px; height:250px; margin:20px 20px 20px 0;}
#contenter .pro_list li .photo{width:228px; height:228px; border:1px solid #eee; text-align:center;}
#contenter .pro_list li .photo a{display:block; width:228px; height:228px; vertical-align:middle;}
#contenter .pro_list li .name{height:30px; line-height:30px; overflow:hidden;}
#contenter .pro_list li .name a{color:#464646; font-size:16px;}
#contenter .pro_list li .desc{ height:40px; line-height:40px; overflow:hidden; text-align:center}
#contenter .pro_list.scroll{height:320px;}
#contenter .pro_list.scroll ul{width:300%;}

/**************************放大镜效果(start)**************************/
#contenter .gallery{width:382px; position:relative;}
#contenter .gallery *{_behavior:none;}
#contenter .gallery .bigimg{width:380px; overflow:hidden; border:1px solid #f1f1f1;}
#contenter .gallery .bigimg a{width:380px; display:block; text-align:center; vertical-align:middle;}
#contenter .gallery .bigimg a.case{}
#contenter .gallery .bigimg a img{vertical-align:middle; max-width:100%; max-height:100%;}
#contenter .gallery .MagicZoom{display:block; margin:0 auto;}
#contenter .gallery .MagicZoom img{border:0 !important; padding:0 !important; margin:0 !important;}
#contenter .gallery .MagicZoomBigImageCont{border:1px solid #999;}
#contenter .gallery .MagicZoomHeader{font-size:8pt !important; line-height:normal !important; color:#fff; background:#666; text-align:center !important;}
#contenter .gallery .MagicZoomPup{border:1px solid #ccc; background:#fff; cursor:move;}
#contenter .gallery .MagicZoomLoading{border:1px solid #ddd; background:#fff url(/static/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;}
#contenter .gallery #zoom-big{position:absolute; top:0; left:385px;}
#contenter .gallery #zoom-big img{max-width:none; max-height:none;}
#contenter .gallery #small_img{margin:10px auto;}
#contenter .gallery #small_img .bd span{float:left; margin-right:6px; border:1px solid #ccc; display:block; width:68px; height:68px; overflow:hidden;}
#contenter .gallery #small_img .bd span.on{border:1px solid #3490e4;}
#contenter .gallery #small_img .bd span a{display:block; width:68px; height:68px; vertical-align:middle; text-align:center;}
/**************************放大镜效果(end)**************************/

#contenter .pro_info{float:right; width:320px;}
#contenter .pro_info .info{ width:100%;}
#contenter .pro_info .name{ font-size:22px; color:#3490e4;}
#contenter .pro_info .price{ font-size:18px; color:#3490e4;}
#contenter .pro_info h1{border-bottom:1px solid #f3f3f3; color:#343434; padding:0 2px 10px; font-size:17px;}
#contenter .pro_info .brief{padding-top:10px; line-height:180%;}
#contenter .pro_info .share{overflow:hidden; margin-top:20px;}
#contenter .pro_info .btns{overflow:hidden; margin-top:25px; font-size:14px;}
#contenter .pro_info .btns a{float:left; padding:0 15px; height:32px; line-height:32px; color:#fff; background:#7f7f7f; margin-right:15px;}
#contenter .pro_info .btns a.green{background:#3490e4;}

/*************************** main (end) ***************************/
input.form_button{ width:120px; height:32px; text-align:center; background-color:#3490e4; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-family:Verdana; font-size:14px; color:#fff;}
#lib_inquire_list>ul>li .info{width:528px;}
#lib_info_list>li, #lib_info_list>li>span, #lib_info_list>li>a{height:44px; line-height:44px;}
#lib_info_list li.info_box{overflow:hidden; height:auto; padding-bottom:15px; border-bottom:1px dashed #ddd;}
#lib_info_list li.info_box .photo{width:160px; text-align:center;}
#lib_info_list li.info_box .photo a{width:160px; height:160px; display:block; vertical-align:middle;}
#lib_info_list li.info_box .content{width:528px;}
#lib_info_list li.info_box .content .name{height:44px; overflow:hidden;}
#lib_info_list li.info_box .content .name a{display:block; max-width:410px; font-size:16px; color:#01652c; overflow:hidden;}
#lib_info_list li.info_box .content .name span{margin-left:20px; color:#676767;}
#lib_info_list li.info_box .content .desc{margin-top:10px; max-height:69px; overflow:hidden; font-size:13px; color:#2a2a2a; line-height:1.8em;}
#lib_info_list li.info_box .content .view a{color:#a7a7a7; text-transform:capitalize;}
#lib_review_form .form_button{ background:#3490e4;}
#lib_down_list li a{background:#3490e4;}

#lib_case_list li{padding:10px 8px;}
.prod_info_group li a{ background:#3490e4; color:#FFF;}

.flink{ font-size:14px; margin-bottom:10px;}
.flink ul{ padding:10px; overflow:hidden;border:1px solid #e5e5e5;}
.flink ul h3{ float:left;font-size:14px;}
.flink ul li{float:left; margin-left:10px;}

.iimg{ padding-top:15px;}
.iimg img{ width:100%}

.pron{ clear:both; margin-bottom:25px;}
.pron h3{ background:#1087e7; height:40px; line-height:40px; padding:0 15px; color:#fff; font-size:16px; border-top-left-radius:5px;border-top-right-radius:5px;}
.pronbox{ border:1px solid #dadbdf;}
.pronbox dl{}
.pronbox dl dt{ border-bottom:1px dotted #dadbdf; border-top:1px solid #eeeeee; font-weight:bold; background:url(../images/list-dt.jpg) repeat-x}
.pronbox dl dt a{ display:block;padding:10px 0 10px 20px; }
.pronbox dl dt a:hover,.pronbox dl.cur dt a{ text-decoration:none;color:#0092cf;background:url(../images/list_icon.png) no-repeat 10px center;}
.pronbox dl dd{ display:none}
.pronbox dl dd ul{}
.pronbox dl dd ul li{ background:url(../images/list_iconli.jpg) no-repeat 20px center; padding-left:30px;}
.pronbox dl dd ul li a{display:block; line-height:35px;}
.pronbox dl dd ul li a:hover,.pronbox dl dd ul li.on a{ text-decoration:none; color:#0092cf;}
.pronbox dl.cur dd{ display:block}

.navb{ height:60px; line-height:60px; background:url(../images/navb.png) repeat-x; position:relative; border-top:1px solid #eee; font-size:14px;}
.navb .w{ position:relative; z-index:9}
.navb .logob{ float:left; width:200px; padding-right:50px; margin-right:30px; background:url(../images/navb_logob.png) no-repeat center right;}
.navb ul{ float:left;}
.navb ul li{ float:left; padding-top:7px; margin-left:-5px;}
.navb ul li a{ color:#fff; display:block; height:53px; line-height:53px; width:113px; text-align:center;background:url(../images/navb_a.png) no-repeat 91px 22px;}
.navb ul li a:hover,.navb ul li.current a{ background:url(../images/navb_ah.png) no-repeat; color:#2e83c6; text-decoration:none}
.navb .navb_l{ height:55px; position:absolute; width:100%; top:0; right:50%; background:url(../images/navb_l.jpg) repeat-x; margin-right:490px;}
.w_1200 .navb .w ul li a{}

