/* reset */

*{ margin:0; padding:0;}

body{ font-family:"微软雅黑"; font-size:12px; line-height:100%; max-width:640px; margin-left:auto; margin-right:auto; color:#000;}

img{ border:none; display:block;}

a{ text-decoration:none;}

input{ margin:0; padding:0; border:none;}

ul,li,p,b{ list-style-type:none; text-decoration:none; display:block; margin:0; padding:0;}

.clear{ font-size:0px; clear:both; line-height:0px; height:1px;}

.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}

.clearfix{ min-height:1px;}

* html .clearfix{ height:1px;}

/*header*/

#header{ overflow:hidden;}

#header .logo{ float:left; width:86%;}

#header .btn{ float:right; width:12%;}

#menu{}

#menu ul{ display:none; position:absolute; z-index:9999; width:25%!important; margin-left:-15%; background:#0e7ac3;}

#menu ul li{ line-height:190%; font-size:14px; text-align:center; border-bottom:#3f1407 1px dashed;}

#menu ul li a{ display:block; color:#fff;}

/*banner*/

#ban{ margin-top:1px;}

#ban img{ width:100%;}

#banner{}

.swipe{}

.swipe ul{}

#slider{ position:relative; overflow:hidden;}

#slider li{ float:left;}

#pagenavi{ position:absolute; bottom:0; width:100%; z-index:10; text-align:center; padding:10px 0;}

#pagenavi a{ width:12px; height:12px; line-height:99em; background:#FFF; border-radius:90px;margin:0px 2px 0px 2px; overflow:hidden; cursor:pointer; display:inline-block;}

#pagenavi a.active{ background:#2b80af;}

/*search*/

.search{ width:90%; margin:0 auto; margin-top:10px;  height:32px;}

.search_ina,.search_inb{ float:left; font-size:14px; height:30px;}

.search_ina{ width:80%; border:#dbdcdd 1px solid;}

.search_inb{ width:19%; height:32px; color:#fff; background:#aaa;}

/*about*/

.about{ width:90%; margin:0 auto; margin-top:10px; padding-bottom:2%; border-bottom:#d5d5d5 1px solid;}

.about_a{}

.about_ai{}

.about_d{ width:90%; margin:0 auto; background:url(../images/about_bg.png) no-repeat; background-size:100% 100%; height:180px; font-size:14px; line-height:200%; margin-top:2px; padding-left:5%; padding-right:5%; padding-top:2%;color:#fff;}

/*news*/

.news{ width:90%; margin:0 auto; margin-top:2%; overflow:hidden; margin-bottom:2%;}

.news_a,.news_ul{ float:left;}

.news_a{ width:30%;}

.news_ul{ padding-top:3%; padding-left:3%; width:65%;}

.news_li{ margin-bottom:3%;}

.news_lia{ display:block; padding-left:15%; background:url(../images/news_a.png) no-repeat left center; height:30px; line-height:30px; font-size:14px; color:#4d4d4d;}

/*prod*/

.prod{ width:90%; margin:0 auto; margin-top:2%;}

.prod_a{}

.prod_ai{}

.scroll{ width:100%; margin:0 auto; position:relative; overflow:hidden;}

#slide_01{ margin:0 auto; margin-top:2%;}

.mod_01{float:left;}

.mod_01 img{display:block; width:320px; height:170px;}

.dotModule_new{padding:0 5px;height:11px;line-height:6px;-webkit-border-radius:11px;position:absolute;bottom:10px;right:30px;z-index:11;}

#slide_01_dot{text-align:center;margin:3px 0 0 0;}

#slide_01_dot span{display:inline-block;margin:0 3px;width:5px;height:5px;vertical-align:middle;background:#fff;-webkit-border-radius:5px;}

#slide_01_dot .selected{background:#000;}

/*contact*/

.contact{ width:90%; margin:0 auto; margin-top:2%; padding-bottom:2%; margin-bottom:120px;}

.contact_a{}

.contact_ai{}

.contact_s{ padding-top:5%; padding-left:5%; padding-right:5%; display:block; width:89.2%; font-size:16px; line-height:200%; padding-bottom:2%; border:#afafaf 1px solid;}

/*footer*/

.footer{ position:fixed; bottom:-1px; width:100%; max-width:640px; z-index:9999;}

.footer_ul{ overflow:hidden; background:#0e7ac3; padding-top:2%; padding-bottom:2%;}

.footer_li{ float:left; width:25%;}

.footer_lia{ display:block;}

.footer_liai{ margin:0 auto;}

.footer_p{ height:30px; line-height:30px; font-size:12px; text-align:center; color:#fff; background:#000;}

/*about_*/

.about_z{ margin-bottom:120px;}

.about_zia,.about_zib{ float:left; width:46%; padding-left:2%; padding-right:2%; padding-bottom:2%;}

.about_zia{}

.about_zib{}

.about_s{ display:block; font-size:14px; color:#787878; line-height:200%; padding-left:5%; padding-right:5%; }

/*news_*/

.news_z{ margin-bottom:120px;}

.news_zul{ width:90%; margin:0 auto;}

.news_zli{ border-bottom:#3e3e3e 1px dotted;}

.news_zlia{ display:block; font-size:16px; height:40px; line-height:40px; color:#3e3e3e;}

.news_zlias{ float:right;}

.news_za{ display:block; margin:0 auto; width:150px; height:50px; background:url(../images/more.png) no-repeat center; background-size:80%; margin-top:30px; line-height:50px; text-align:center; font-size:120%; color:#fff;}

/*prod_*/

.prod_z{ margin-bottom:120px;}

.prod_zd{ overflow:hidden; width:90%; margin:0 auto; height:40px; background:#eee; border:#c8c8c8 1px solid;}

.prod_zda{ float:left; width:25%; text-align:center; font-size:14px; line-height:40px; color:#707070;}

.prod_zda:hover{ background:url(../images/prod_za.png) no-repeat center; background-size:90%; color:#fff;}

.prod_zul{ width:90%; margin:0 auto; margin-top:2%; padding-top:2%;}

.prod_zli{ border:#d2d2d2 1px solid; overflow:hidden; padding-top:2%; padding-bottom:2%; margin-bottom:3%;}

.prod_zlia{}

.prod_zliai,.prod_zliad{ float:left;}

.prod_zliai{ width:25%; padding-left:3%; padding-right:3%; padding-top:2%;}

.prod_zliad{ width:65%;}

.prod_zliadp{ margin-bottom:3%; color:#353535;}

.prod_zliads{ line-height:150%; color:#7c7c7c; font-size:8px;}

/*contact_*/

.contact_z{ margin-bottom:120px;}

.contact_zd{ width:80%; margin:0 auto; height:200px;}

.contact_zs{ display:block; width:80%; margin:0 auto; font-size:16px; line-height:200%;}

/*service_*/

.service_z{ margin-bottom:120px;}

.service_zi{ width:90%; margin:0 auto; }

.service_zs{ display:block; width:85%; margin:0 auto; font-size:14px; line-height:150%; margin-top:20px;}

/*online_*/

.online_z{ margin-bottom:120px;}

.online_zs{ display:block; width:90%; margin:0 auto; font-size:16px; line-height:150%; margin-bottom:20px;}

.online_zp{ width:90%; margin:0 auto; margin-bottom:10px; margin-top:10px; font-size:16px;}

.online_zin{ display:block; width:90%; margin:0 auto; height:40px; background:#eee; border:#b3b3b3 1px dashed;}

.online_zte{ display:block; width:90%; margin:0 auto; height:150px; background:#eee; border:#b3b3b3 1px dashed;}

.online_zina{ display:block; width:90%; margin:0 auto; height:40px; background:#dd3939; border:#b3b3b3 1px dashed; font-size:16px; color:#fff; margin-bottom:10px; margin-top:10px; }

.about_zbb{ display:block; background:url(../images/aab.png) no-repeat center; background-size:70%; width:80%; margin:0 auto; line-height:400%; text-align:center; font-size:200%; color:#0e7ac3; padding-top:22px; padding-bottom:30px; margin-top:1%; margin-bottom:2%;}

.about_zsa{ display:block;}

.about_zsb{ display:block; margin-top:-70px;}









.about_aa{ display:block; background:url(../images/about.png) no-repeat; line-height:300%; font-size:150%; width:100%; background-size:100% 100%; color:#fff;}

.about_aasa{}

.about_aasb{font-size:80%;}

.news_a{ background:url(../images/news.png) no-repeat; background-size:100% 100%; text-align:center; color:#fff; padding-bottom:10%; padding-top:5%;}

.news_aasx{ display:block; font-size:150%; line-height:300%;}

.news_aasy{ display:block; line-height:150%;}

.news_aasz{ display:block; line-height:220%; width:60%; border:#fff 2px solid; margin:0 auto; margin-top:15%; border-radius:5px;}

.contact_aa{ display:block; background:url(../images/contact.png) no-repeat; background-size:100% 100%; padding-top:5%; padding-bottom:5%; text-align:center; color:#fff;}

.contact_aasx{ display:block; line-height:150%; font-size:150%; margin-bottom:1%;}

.contact_aasy{ display:block;}

.contact_aasz{ display:block; margin:0 auto; line-height:200%; margin-top:3%; width:30%; border:#fff 2px solid; border-radius:5px;}







.about_zbba{ display:block; background:url(../images/aab.png) no-repeat center; background-size:70%; width:80%; margin:0 auto; text-align:center; font-size:200%; color:#0e7ac3; padding-top:60px; padding-bottom:30px; margin-top:1%; font-weight:normal;}

.about_zsx{ display:block; line-height:100%;}

.about_zsy{ display:block; line-height:130%; border-bottom:#0e7ac3 2px solid; width:50%; margin:0 auto;}

.about_zsz{ display:block; line-height:120%; font-size:80%; margin-top:1%;}