@charset "utf-8";a{blr:expression(this.onFocus = this.blur () )}
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,pre,td,textarea,th,ul{margin:0;padding:0}
a{text-decoration:none}
:focus{outline:0}
img{border-style:none}
dl,li,ol,ul{list-style:none}
body{margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:9pt}
.header,body{background:#fff}
.header{width:100%;height:40px;margin:0 auto;position:fixed;top:0;left:0;z-index:9999;border-top:none;border-bottom:1px solid #999}
.hesde_lt{float:left;margin:10px 0 5px 5px;max-width:750pt}
.menubtn{position:relative;z-index:10;text-decoration:none;line-height:0;top:8px;padding:15px;background-image:url(../images/hamburger.png);background-position:50% 50%;background-size:25px 25px;background-repeat:no-repeat}
body.openmenu{position:fixed;overflow:hidden}
#pgcontainer{padding:45px 0;margin:0}
.overlay{position:fixed;z-index:99;bottom:0;right:0;left:0}
.openmenu .overlay{top:0}
#hamburgermenu{height:100%;width:0;background:#4a4a4a;position:fixed;top:0;left:0;z-index:10100;overflow:auto;box-shadow:3px 0 7px rgba(0,0,0,.55)}
#hamburgermenu ul{margin-top:15px;z-index:101;overflow-y:auto;overflow-x:hidden;padding-bottom:10px}
#hamburgermenu ul li{display:block;border-bottom:1px #848282 solid}
#hamburgermenu ul li a{display:block;min-width:130px;padding:10px 8px;color:#06c;font-size:1pc;text-align:left}
#hamburgermenu ul li a:hover{color:#ef342b}
#hamburgermenu ul li ul{margin:0 0 0 30px;overflow:hidden}
#hamburgermenu ul li ul li{border:none}
#hamburgermenu ul li ul li a{font-size:14px;color:#ccc;line-height:15px;height:15px}
.hesder_rt{float:right;width:66%;margin:3px 5px 5px 0}
.hesder_rt h1{width:90%;float:left}
#wrapper{width:100%;background:#fff;margin:30px 0 0}
.swipe li{margin:0;padding:0;list-style:none}
.swipe img{width:100%;display:block}
.swipe{overflow:hidden;position:relative;width:100%}
.swipe ul{-webkit-transition:left .8s ease-in 0;transition:left .8s ease-in 0}
.swipe #pagenavi{position:absolute;left:0;bottom:7px;text-align:center;width:100%}
.swipe #pagenavi a{width:6px;height:6px;line-height:99em;background:#999;border-radius:50%;margin:0 3px;overflow:hidden;cursor:pointer;display:inline-block}
.swipe #pagenavi a.active{background:#fff}
.main{margin:10px auto}
.about,.main{width:100%;overflow:hidden}
.about{margin:0}
.ab_top{width:98%;margin:0 5px;height:25px;line-height:25px;border-bottom:1px dotted #8d8a8a}
.ab_top h2{color:#4a4a48;font-size:14px}
.ab_top span a{float:right;color:#4a4a48;font-size:9pt}
#ab_xia{float:left;margin:10px 0 0}
#ab_xia,#ab_xia ul{width:100%}
#ab_xia li{width:31%;margin-left:3px;float:left;text-align:center;padding:1px;border:solid 1px #f3f3f3}
#ab_xia li a{width:99%;display:inline-block;overflow:hidden}
#ab_xia li img,#ab_xia li span{width:100%;display:block}
#ab_xia li span{font-size:9pt;color:#7d7e7e;line-height:15px;text-align:center;background:#f3f3f3}
.news{margin:10px 0 0;width:100%;overflow:hidden}
.new_xia{margin:10px auto;width:100%}
.new_xia li{width:100%;height:30px;line-height:30px;background:#f3f3f3;margin-bottom:5px}
.new_xia li a{color:#636161;display:inline-block;padding-left:10px;padding-right:10px;width:99%;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis}
.new_xia li a:hover{background:url(../images/pro_04.jpg) repeat-x;color:#fff}
.product{overflow:hidden}
#pro_xia,.product{width:100%;margin:5px 0 0}
#pro_xia{float:left}
#pro_xia ul{width:100%}
#pro_xia li{width:30%;margin-left:8px;float:left;text-align:center;margin-top:15px}
#pro_xia li a{width:99%;display:inline-block;overflow:hidden;color:#fff}
#pro_xia li img,#pro_xia li span{width:100%;display:block}
#pro_xia li span{font-size:9pt;color:#fff;line-height:20px;text-align:center;background:#9f9f9f;height:40px}
#pro_xia li a span:hover{color:red;text-decoration:underline;background:#06c}
.lianxi{width:100%;margin:5px 0 0;overflow:hidden}
.xi_top{background:#06c;height:25px;line-height:25px}
h3{color:#fff;margin-left:5px}
.xi_xia,h3{font-size:14px}
.xi_xia{margin:5px 0 0 5px;color:#0069ad;line-height:25px;text-align:left}
.foo01{padding:.5em 0;font-size:9pt;background:#0069ad;color:#fff;clear:both;margin:10px 0 3pc}
#foo02,.foo01{text-align:center}
#foo02{font-size:1.5em;background:#f6f6f6;border-top:1px solid #dadada;font-size:0;z-index:100;position:fixed;width:100%;bottom:0;right:0}
#foo02 a{display:inline-block;color:#292929;text-align:center;line-height:45px;width:29%;border-right:1px solid #dadada;font-size:24px;vertical-align:top}
#foo02 a.foot_home{font-size:1pc}
#foo02 a.foot_home:hover{background:#0069ad;color:#fff}
#foo02 a.icn{width:13%;color:#aeaeae;line-height:45px}
#foo02 a.icn_phe{border:none;width:13%;color:#838383}
.pro_top{width:100%;height:30px;line-height:30px;margin:40px 0 10px;background:#ececee;padding-left:10px}
.pro_top h4{color:#4a4a48;font-weight:700;font-size:1pc;line-height:30px}
.pro_top h4 b{color:#3cb2c3;font-size:9pt;margin-left:5px}
#pro_pro{float:left;margin:0}
#pro_pro,#pro_pro ul{width:100%}
#pro_pro li{width:46%;margin-left:10px;margin-bottom:10px;float:left;text-align:center}
#pro_pro li a{width:99%;display:inline-block;overflow:hidden}
#pro_pro li a span:hover{color:#f2384a;text-decoration:underline}
#pro_pro li img,#pro_pro li span{width:100%;display:block}
#pro_pro li span{font-size:14px;color:#686969;line-height:20px;text-align:center}
.fanye{width:100%;text-align:center}
.fanye a{color:#707171;font-size:14px;width:100%}
.fanye a:hover{color:#f2384a;text-decoration:underline}
.fanye .shu{margin:0 7px;color:#3ab4c3}
h5{line-height:30px;font-size:1pc;margin:40px 0 10px;color:#ff8500}
.pro_tu,h5{text-align:center}
.pro_tu{width:100%;margin:0 auto}
.pro_tu img{border:1px solid #bdbdbe;padding:2px;width:80%}
.pro_main{width:95%;margin:20px 10px 10px}
h6{font-size:1pc;font-weight:700;color:#3cb3c3}
.pro_main p{color:#686969;font-size:14px;line-height:20px}
.tiao{width:95%;height:50px;line-height:30px;text-align:left;margin:30px 0 0 10px;border-top:1px dotted #a1a1a1}
.tiao span a{color:#333232;font-size:9pt;height:25px;line-height:25px}
.tiao span a:hover{color:#f82c3f}
h6{line-height:9pt;text-align:center;color:#7f8181;font-size:9pt;margin-bottom:9px;border-bottom:1px solid #e3e3e3;padding-bottom:3px;margin-bottom:-11px}
.liuyan{background:#e4e4e4;width:100%;margin:0 auto}
form b.wenzi{font-size:1pc;font-weight:400;margin-left:10px;color:#7e7e80}
.biaodan{width:95%;margin:10px;height:40px;margin-top:10px;border:1px solid #e6e9e9}
.foo01_liu{padding:.5em 0;font-size:9pt;background:#4a4a4a;color:#9e9c9d;text-align:center;clear:both;margin:0 0 35px}
.tabs .newsxxk .tab ul li.current a{color:#000}
.tabs .newsxxk .items{color:#777;display:none;font-size:13px;overflow:hidden;padding:20px 15px;position:inherit;width:700px}
.tabs .newsxxk .items ul{display:table;width:45pc}
.tabs .newsxxk .items ul li{float:left;margin-top:10px;margin-right:35px;width:205px;height:180px}
.tabs .newsxxk .items ul li img{border:1px solid #d4d4d4;height:140px;padding:4px;width:205px}
.tabs .newsxxk .items ul li span{display:block;line-height:20px;margin-bottom:5px;text-align:center;font-size:14px;color:#686666}
.mainmenu:after{clear:both;content:" ";display:block}
.mainmenu li{float:left;margin-left:2.5%;margin-top:2.5%;width:30%;border-radius:3px;overflow:hidden}
.mainmenu li a{display:block;color:#fff;text-align:center}
.mainmenu li a b{display:block;height:5pc}
.mainmenu li a img{margin:15px auto;width:50px;height:50px}
.mainmenu li a span{display:block;height:30px;line-height:30px;background-color:#fff;color:#999;font-size:14px}
.mainmenu li:nth-child(8n+1){background-color:#36a1db}
.mainmenu li:nth-child(8n+2){background-color:#678ce1}
.mainmenu li:nth-child(8n+3){background-color:#8c67df}
.mainmenu li:nth-child(8n+4){background-color:#84d018}
.mainmenu li:nth-child(8n+5){background-color:#14c760}
.mainmenu li:nth-child(8n+6){background-color:#f3b613}
.mainmenu li:nth-child(8n+7){background-color:#ff8a4a}
.mainmenu li:nth-child(8n+8){background-color:#fc5366}
.pageController{float:right;padding-top:5px;padding-right:10px;padding-bottom:5px}
.pageController a{float:left;display:block;margin-right:5px;padding:1px 5px;border:#efefef 1px solid;background-color:#fff;color:#438ece}
.pageController a:hover{text-decoration:none}
.pageController .currPage,.pageController a:hover{border:#efefef 1px solid;background-color:#efefef;color:#438ece;font-weight:700}
.clear{clear:both}

#pro_pro2{width:100%;float:left;margin: 0;}
#pro_pro2 ul{width:100%;}
#pro_pro2 li{ width:46%; margin-left:10px; margin-bottom:10px;  float:left; text-align:center;}
#pro_pro2 li a{ width:99%; display:inline-block; overflow:hidden;}
#pro_pro2 li a span:hover{ color:#f2384a; text-decoration:underline}
#pro_pro2 li img{ width:100%; display:block; }
#pro_pro2 li span{ display:block;width:100%; font-size:14px; color:#686969; line-height:20px; text-align:center; }
