@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin:0; padding:0;}
html{ font-family:"微软雅黑"; font-size:14px; line-height:1.5; background: #fff; -webkit-text-size-adjust:100%; _background-attachment: fixed; color:#666;}
img { border: none; max-width: 100%; }
table { /*border-collapse: collapse;*/ }
ul, ol { list-style: none outside; }
hr { clear: both; border: none; border-top: 1px solid #DDDDDD; _height: 1px; }
input { vertical-align: middle; }
a{ text-decoration:none;color:#666666;}
.clear{ clear:both;}
.both{ clear:both; height:12px;}

/*整体div*/
.wp{margin-left: auto; margin-right: auto; max-width: 640px; min-width: 320px; background:#fff;position:relative;}
/*头部*/
#header{}
#top{ height:70px; padding:10px 0 0 0; position:relative; }
#logo{ position:absolute;left:1%; overflow:hidden;}
.nav{font-size:14px; height:40px; background-color:#017cc9;}
.nav li{ float:left; width:24.8%; line-height:40px; text-align:center;border-right:1px solid #4da4da;}
.nav li a{ color:#fff; font-family:"微软雅黑";}
.nav .last{ border:none;}
.nav .last span{ background:url(../images/dh.jpg) right no-repeat; padding-right:5px;} 
.banner{padding:0px;position: relative;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;text-align: center;line-height: 0px;margin-right: auto;margin-left: auto; margin-top:5px;}
.xl{ width:98%; margin:0 auto;}
.xl li{ float:left; width:24.5%; text-align:center;line-height:20px; height:70px; color:#fff; padding-top:30px; font-size:15px;}
.xl li span{ float:right; padding-right:10%;}
.xl li span a{ color:#fff; font-size:12px;}
.xl li.n1{ background-color:#007cc8; margin-right:0.5%;}
.xl li.n2{ background-color:#f2572e; margin-right:0.5%;}
.xl li.n3{ background-color:#009a44; margin-right:0.5%;}
.xl li.n4{ background-color:#d9a425; width:25%;}

/*首页*/
.bt,.bts{ height:28px; margin-bottom:8px; font-size:12px; padding-top:5px; border-bottom:1px solid #99cbe9;}
.bt label,.bts label{ color:#007cc8;margin-left:20px; font-size:14px;}
.bt span{ float:right; padding-right:8px;}
.bt span a{color:#b80404; font-size:12px;}
.bts span{ float:right;background:url(../images/more.jpg) no-repeat; width:54px; height:22px; margin-right:10px; text-align:center; line-height:22px;}
.bts span a{ color:#fff; font-size:12px;}
#about{ width:98%; margin:0 auto; border:1px solid #99cbe9; color:#666666; line-height:22px;}
#ashow{ width:96%; margin:0 auto; padding-bottom:2%;}
#ashow img{ border:1px solid #ccc; padding:1px; margin:5px 10px 0 0;}
#ashow a{ color:#b80404;}
#news{width:98%; margin:0 auto; border:1px solid #99cbe9; overflow:hidden; padding-bottom:15px;}
#news li{ line-height:30px; border-bottom:1px dashed #ccc;margin:0 0 0 15px; width:95%;}
#news li a{ color:#666;}
#product{overflow:hidden;width:98%; margin:0 auto; border:1px solid #99cbe9; background-color:#f0f0f0;}
#product ul{ width:100%; margin-left:-1.5%;}
#product ul li{ padding-left:5.5%; float:left; padding-bottom:15px; }
#product ul li{ float:left; width:27%; text-align:center; line-height:normal; }
#product ul li img{ width:99%; display:block; margin:0 0 3px 0; height:120px; padding:1px; border:1px solid #d9d9d9;}
#product ul li a{ color:#333333;font-size:12px;line-height:25px;}

/*内页*/
.show{ line-height:25px; color:#666; padding:0px 12px 30px 12px;}
.show center{ color:#017cc9; padding:15px 0 15px 0;}
.show img{ width:auto !important; max-width:600px;}
.input{ border:1px solid #ccc; margin-left:1.5%;width:95%; height:25px; line-height:25px; margin-bottom:12px;color:#666; font-family:"微软雅黑"; padding-left:2%;}
.inputs{ border:1px solid #ccc; margin-left:1.5%;width:95%; color:#666; font-family:"微软雅黑";padding-left:2%;margin-bottom:12px;}
.btn{ width:100%; height:42px; background:url(../images/tj.jpg) center no-repeat; color:#fff; border:none;margin-bottom:20px;font-family:"微软雅黑";}
#cpzs,#jjfa{margin:0 auto; border:1px solid #99cbe9;}
#cpzs li{ width:95%; margin-left:2.5%; border-bottom:1px dashed #ccc; height:110px; margin-bottom:12px; line-height:90px;}
#cpzs li img{ width:125px; height:92px; border:1px solid #ccc; padding:1px; margin-right:12px;}
#cpzs li a{ color:#017cc9;}
#cpzs li span{ float:right;}
#jjfa li{ float:left; width:44%; margin-left:2.3%; border-bottom:1px dashed #ccc; height:110px;line-height:90px; padding:2% 0 0 2%;}
#jjfa li img{ margin-right:12px;}
#products{overflow:hidden;width:98%; margin:0 auto; border:1px solid #99cbe9;}
#products ul{ width:100%; margin-left:-1.5%;}
#products ul li{ padding-left:5.5%; float:left; padding-bottom:15px;}
#products ul li{ float:left; width:27%; text-align:center; line-height:normal; }
#products ul li img{ width:99%; display:block; margin:0 0 3px 0; height:120px; padding:1px; border:1px solid #d9d9d9;}
#products ul li a{ color:#333333;font-size:12px;line-height:25px;}
#list,#lists{border:1px solid #99cbe9; padding-bottom:5%;}
#list li{ padding:6px 0 6px 0; font-size:14px; border-bottom:1px dashed #ccc; width:95%; margin-left:2.5%;}
#list li a,#lists li a{ color:#333; font-size:14px;}
#list li span{ float:right;color:#017cc9; font-size:15px; font-weight:bold;}
#list li label{ font-size:12px; color:#807e7d; padding-left:10px;}
#lists li{ font-size:12px; color:#333; padding:10px 0 10px 0; line-height:20px;border-bottom:1px dashed #ccc;}
#lists li label{ color:#ff9919; font-size:12px;}

#fnav{ background-color:#ededed; height:100px; padding:3px 0 0 0px;}
#fnav li{ float:left; width:25%; text-align:center;background:url(../images/sp.jpg) center no-repeat; height:32px; line-height:32px; margin-top:10px;}
#fnav li a{ width:70px; height:32px; color:#fff;}
#fnavs{padding:5px 0 25px 60px;}
#fnavs li{ float:left; width:20%; margin:0 25px 0 25px; text-align:center; background-color:#ff8e01;height:32px; line-height:32px; margin-top:10px;}
#fnavs li a{color:#fff;}

.area{margin:0 auto; overflow:hidden; position:relative; cursor:pointer;}
.js{POSITION: relative; margin:0 auto;}
.js img{}
.imgSelected {}
.bg{width:100%;padding-top:1px;position:absolute;}
.jsNav{position:absolute;bottom:10px; right:35%;}
.jsNav a{width:30px; font-size:12px; margin-right:10px; display:inline; height:4px; line-height:4px; display:block;float:left; text-align:center; background:url(../images/y1.jpg) no-repeat;}
.jsNav a:hover{background:url(../images/y2.jpg) no-repeat;}
.jsNav .imgSelected { background:url(../images/y2.jpg) no-repeat;}
.qq{ display:none; z-index:200}
.hide{ display:none;}

/*弹窗效果*/
.black_overlay{display: none;position: absolute;top: 0%;left: 0%;max-width: 640px; min-width: 320px; height: 100%;overflow:hidden;background-color: black;z-index:1001;-moz-opacity: 0.8;opacity:.80;filter: alpha(opacity=80);}
.black_overlay span{position: absolute;top:10%; left:10%;z-index:1002; cursor:pointer;}
.tcxg{display: none;position: absolute;padding-top:3%;top: 0%;left: 25%;width: 75%;height:100%;border-left:3px solid #007cc8;background-color:#ededed;z-index:1002;}
.tcxg li{ padding-left:20px;border-bottom:1px solid #ccc; height:45px; line-height:45px; background-color:#ededed;}
.tcxg li a{ color:#333;}
.tcxg li:hover{padding-left:20px;border-bottom:1px solid #ccc; height:45px; line-height:45px; background:url(images/tli.jpg) no-repeat; background-color:#007cc8; cursor:pointer;}
.tcxg li:hover a{ color:#fff;}
.tcxg .change{ background-color:#236fad;border-bottom:1px solid #ccc; height:50px; line-height:50px; width:100%;}
.black_overlays{display: none;position: absolute;top: 0%;left: 0%; width:100%; height: 100%;background-color:black;z-index:1001;-moz-opacity: 0.8;opacity:.80;filter: alpha(opacity=80);overflow:hidden;}
.aa{display: none;margin-left:13%;position:fixed; bottom:80px;z-index:1002;overflow:hidden; background-color:#fff; padding:10px;}

#ny_right9{ color:#666; padding-bottom:30px;font-size:13px; text-align:center;}
#ny_right9 a{ color:#666;}


/*底部*/
#copyright{ width:98%; margin:0 auto; line-height:23px;height:270px; position:relative; text-align:center; color:#808080;font-size:14px; border-top:5px solid #007cc8; padding:2% 0 2% 0;}
#copyright a{ color:#808080;}
#copyright .gotop{ width:49px; height:21px; display:block; background:url(../images/top.jpg) no-repeat 0 0; position:absolute; top:20%; right:10%;}
#footx{ max-width:640px; margin:0 auto;}
#foot{ max-width:640px; margin:0 auto;position:fixed; bottom:0; z-index:9; width:100%; height:70px;}
#bottom{height:70px; line-height:35px; overflow:hidden;text-align:center; background-color:#017cc9;font-size:14px;}
#bottom li{float:left;width:25%; background-position:center 12px; background-repeat:no-repeat;}
#bottom li.f1{ background-image:url(../images/dd.png);}
#bottom li.f2{ background-image:url(../images/dh.png);}
#bottom li.f3{ background-image:url(../images/dt.png);}
#bottom li.f4{ background-image:url(../images/ly.png);}
#bottom li.f5{ background-image:url(../images/fx.png);}
#bottom li a{color:#fff;display:block;padding:35px 0 0 0;height:35px;background:url(../images/line.png) no-repeat 0 0;}
#bottom li.f1 a{ background:none;}


@media screen and (max-width:420px) {
.nav li{ float:left; width:24%; line-height:40px; text-align:center;border-right:1px solid #4da4da;}
#top{ height:50px; padding:10px 0 0 0; position:relative; }
.xl li{ float:left; width:24.5%; text-align:center;line-height:20px; height:70px; color:#fff; padding-top:30px; font-size:14px;}
#product ul li img{ height:80px;}
#products ul li img{ height:80px;}
.show img{ width:auto !important; max-width:320px;}
#copyright{ font-size:12px;}
#bottom{ font-size:14px;}
} 
@media screen and (orientation:portrait) {

}
@media screen and (orientation:landscape) and (max-width:540px){
.nav li{ float:left; width:24%; line-height:40px; text-align:center;border-right:1px solid #4da4da;}
#top{ height:50px; padding:10px 0 0 0; position:relative; }
.xl li{ float:left; width:24.5%; text-align:center;line-height:20px; height:70px; color:#fff; padding-top:30px; font-size:14px;}
#product ul li img{ height:80px;}
#products ul li img{ height:80px;}
.show img{ width:auto !important; max-width:320px;}
#copyright{ font-size:12px;}
#bottom{ font-size:14px;}
}
@media screen and (min-width:420px) and (max-width:540px){
.nav li{ float:left; width:24%; line-height:40px; text-align:center;border-right:1px solid #4da4da;}
#top{ height:50px; padding:10px 0 0 0; position:relative; }
.xl li{ float:left; width:24.5%; text-align:center;line-height:20px; height:70px; color:#fff; padding-top:30px; font-size:14px;}
#product ul li img{ height:80px;}
#products ul li img{ height:80px;}
.show img{ width:auto !important; max-width:320px;}
#copyright{ font-size:12px;}
#bottom{ font-size:14px;}
}