@charset "utf-8";
*{margin:0;padding:0;}
html{overflow-x:hidden;-webkit-text-size-adjust:none}
ul,li,dl,dt,dd{display:block;list-style:none}
img{border:0 none;vertical-align:top;max-width:100%;}
h5,h6{font-weight: normal;}
.fn-clear:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.fn-clear{zoom:1}
.clear{diplay:block!important;float:none!important;clear:both;overflow:hidden;width:auto!important;height:0!important;margin:0 auto!important;padding:0!important;font-size:0;line-height:0}
a{text-decoration:none;outline:0;color:#666}
.fl{float:left}
.fr{float:right}
.fn-relative{position:relative}
.fn-absolute{position:absolute}
body{position:relative;overflow-x:hidden;color:#666;font-family:\5FAE\8F6F\96C5\9ED1; max-width:800px; margin:0 auto;}
.all{position:relative;z-index:10;right:0;padding: 50px 0px 60px;}
#wrapper{margin:0 auto;width:100%; max-width:640px;}
.wrap{width:94%;margin:0 auto 0px;}
.wrap02{width: 98%;margin:0 auto;}

/*top*/
.header{width: 100%;margin: 0 auto;height: 50px;position: fixed;z-index:9999;background:url(../img/top-bg.jpg) center center no-repeat;box-shadow: 0 0 4px #333;top: 0px;background-size: 100% 100%;}
.top{width: 100%;height: 100%;}
.logo{width:70%;margin:0 auto;background:url(../img/logo.png) no-repeat left center;display: block;height:50px;background-size: 60%;float: left;margin-left: 4%;}
.name{font-size: 1.4em;line-height: 50px;color:#fff;font-weight: bold;display: inline-block;margin:0 2%;}
.navBtn{cursor:pointer;position:absolute;right:0;top:0%;width:18%;background:url(../img/nav.png) no-repeat right center;background-size:auto 58%;height:100%;margin-right:10px;-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none;-webkit-user-select: none;}
.top .navBtn{background:url(../img/nav.png) no-repeat right center;}
.back{position: absolute;left:0px;top:0px;width: 18%;background: url(../img/home.png) no-repeat left center;background-size: auto 55%;height: 100%;margin-left:10px;-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none;-webkit-user-select: none;z-index: 2;}
.topTitle{text-align: center;line-height: 50px;font-size: 1.4em;font-weight: bold;color:#333;position:relative;}
.topTitle span{width: 20%;height: 50px;background: url(../img/inNav.png) no-repeat center center;position: absolute;top:0;left: 56%;}
.pup{position: absolute;top: 50px;width: 40%;left: 30%;text-align: center;background:#0080ff;padding-bottom: 4%;display:none;}
.pup a{display: block;color: #fff;font-size:0.7em;line-height: 30px;border-bottom: 1px #fff dashed; font-weight:normal;}
.pup p{color: #fff;font-size:0.7em;line-height: 30px;border-bottom: 1px #fff dashed;}
.pup .second{border-bottom: 1px #fff dashed;display: none;}
.pup .second a{line-height: 30px;font-size: .7em;border: none;text-align: left;padding-left:30%;background: url(../img/round.png) no-repeat 20% center;}

/*导航*/
.panel{width:12em; background:#0080ff; height:100%; position:fixed; top:0; right:-12em; box-shadow:0.125em 0 0.5em rgba(0,0,0,0.2) inset;padding-top:40px;padding-bottom:60px;z-index:999;}
.panel li{ width:96%; margin:0 auto; border-bottom:1px solid #ffe4e2; font-weight:normal; font-style:normal; text-align:center; line-height:2.4em; font-size:1.2em;}
.panel li a{color:#fff;}

/*banner*/
.banner{max-width:100%;overflow:hidden;visibility:visible;position:relative;}
.banner img{width:100%;cursor:pointer}
#slider{line-height:0;text-align:center;}
#pagenavi{text-align:center;bottom:2%;width:100%;position:absolute;}
#pagenavi a{display:inline-block;width:1em;height:0.3em;margin-right:1%;background: #fff;}
#pagenavi a.active{background-color:#0080ff;}

/*服务项目*/
.item{overflow: hidden;margin-left: 2%;}
.item li{float: left;width: 30%;margin: 3% 1.53%;}
.item a.item img{display: block;width: 100%;}
.item a{display: block;position: relative;}
.item p{font-size: 1.2em;color: #fff;font-weight: bold;line-height: 2em;text-align: center;left: 0px;top: 20%;position: absolute;width:100%;}

/*首页标题*/
.title{ width:100%; display:block; overflow:hidden; text-align: center; margin:3% auto;}
.title h2{ width:100%; margin:0 auto; font-size: 1.4em;color: #333;line-height: 1.6em;background: url(../img/title.png) no-repeat center center;background-size: 80%; }
.title span{width: 40px; height: 2px; display: block; background: #f90; margin: 5px auto;}
.title p{ font-size:1em; text-align:center; text-transform:uppercase; color:#666;}

.title2{ width:99%; display:block; overflow:hidden; text-align: center; margin:3% auto;}
.title2 a{ width:31%; height:2em; background:#0080ff; font-size:1em; line-height:2em; text-align:center; margin:auto 1%; float:left; display:block; color:#fff; border-radius:5px;}

/*zzgk*/
.zzgk{overflow: hidden;}
.zzgk li{float: left;width: 46%; margin: 2% 2%; overflow:hidden;}
.zzgk li a{ width:100%;}
.zzgk li img{display: block; width:179px; height:134px; overflow:hidden;}
.zzgk li p{font-size: 1em;color: #333;line-height: 2em;height: 2em;overflow: hidden; text-align:center; background:#fff;}
/*rmzzBox*/
.rmzzBox{ width: 100%; margin:4% auto 3%; overflow:hidden;}
.rmzz{ width:100%; overflow: hidden;}
.rmzzTit{ width:100%; height:auto;}
.rmzzTit h1{ width:100%; display:inline-block; text-align:center;  line-height:30px; background:url(../img/rmzz-tit.png) center center no-repeat; font-size:20px; font-weight:500; color:#333;}
.rmzzTit ul{ width:100%; display:block; margin:0 auto; overflow:hidden;}
.rmzzTit ul li{ width:21%; height:auto; float:left; display:block; margin:2%;}
.rmzzTit ul li img{ width:50%; height:auto; display:block; margin:0 auto 5px;}
.rmzzTit ul li p{ font-size:16px; text-align:center; line-height:30px; color:#666; height:30px; overflow:hidden;}
.rmzzTit ul li:hover p{ color:#0080ff;}
/*zzbz*/
.zzbzBox{width: 100%;padding: 2% 0;background: #f0f0f0;margin:4% auto 3%;}
.zzbz{overflow: hidden;}
.zzbz li{  width:96%; height:auto; float:left; display:block; margin: 2%; border-top-left-radius: 5px; border-top-right-radius: 5px; overflow: hidden;}
.zzbz li h1{ width:100%; height:40px; font-size:20px; line-height:40px; text-align:center; color:#fff; font-weight:500;}
.zzbzList{ width:100%; display:block; padding:10px; background:#fff; height:auto; overflow:hidden;}
.zzbzList li{ width:46%; height:40px; float:left; display:block; margin:auto 2%;}
.zzbzList li a{ height:40px; line-height:40px; font-size:16px; color:#666; }
.zzbzList li a:hover{ color:#0080ff;}
.zzbzM{ width:92%; padding:0 4%; height:59px; border-top:1px solid #ccc; background:#fff; display:block; overflow:hidden;}
.zzbzM p{ font-size:16px; line-height:59px; color:#165aa9; float:left; display:block;}
.zzbzM img{ width:26px; height:26px; float:right; display:block; margin:17px 0 16px;}
/*pro*/
.proBox{width: 100%;padding: 1% 0;background: #f6f6f6;margin:4% auto 3%;}
.pro{overflow: hidden;}
.pro li{float: left; display:block; width: 46%; margin: 2% 2%; overflow:hidden;}
.pro li a{ width:100%;}
.pro li img{display: block; max-width:162px; max-height:162px; overflow:hidden;}
.pro li p{font-size: 1.1em;color: #333;line-height: 2em;height: 2em;overflow: hidden; text-align:center; background:#e5e5e5;}

/*关于我们*/
.aboutBox{width: 100%; margin:4% auto 3%;}
.about{ width:100%; height:auto; overflow:hidden;margin: 2% auto; }
.about img{ width:96%; height:auto; margin:1% 2%;}
.about p{ width:96%; margin:0 2%; line-height: 1.4em; text-align:left;font-size:1em; max-height: 9.8em;overflow: hidden;  max-height:130px; overflow:hidden; color:#333; text-indent:2em;}
.about p a{ color:#f90;}
.aboutBox .more{margin-top: 4%;}
.more{width: 30%;line-height: 2.4em;background:#0080ff;color: #fff;text-align: center;margin:2% auto;display: block;border-radius: 50px;}

/*adv*/
.advBox{ width:96%; height:auto; margin:2%; overflow: hidden; }
.adv{ width:100%; height:auto; margin:3% auto; overflow:hidden;}
.adv li{ width:100%; height:135px; float:left; display:block; margin:0; overflow:hidden; }
.adv li .advImg{ width:45%; height:auto; display:block; overflow:hidden; }
.adv li .advImg img{ width:100%; height:135px; display:block;}
.adv li .advTxt{ width:55%; height:65px; padding: 35px 0; overflow:hidden;}
.adv li .advTxt p{font-size: 16px;  text-align:center; line-height:30px; color:#fff; }

/*anli*/
.anliBox{  overflow: hidden;margin:3% auto;}
.anli{ width:99%;height:177px;overflow: hidden; margin:0 auto;}
.anli li{float: left;width:31%;margin:0 1%;}
.anli li a{ width:100%; text-align: center;}
.anli li img{ width:100%; width: 115px; height: 153px; overflow:hidden;}
.anli li p{font-size: 12px;color: #333;line-height: 20px;height: 20px;overflow: hidden;}
.anliM{ width:60%; height:auto; margin:0 20%; overflow:hidden;}
.anliM a{ width:40%; height:24px; font-size:12px; text-align:center; line-height:24px; color:#fff; background:#0080ff; border-radius:20px; float:left; display:block; margin:auto 5%;}
/*公用标题*/
.com_title{	width:92.1875%;	margin:0.18rem auto 0.18rem;}
.com_title h3{font-size: 1em; line-height: 1.6em; color:#000;	border-left:0.3em solid #0080ff;	padding-left:1.5%;}
/*新闻资讯*/
.new_c{ padding:1% 0 2%;}
.new_c ul li{ border-bottom:#dcdcdc dashed 1px; padding-right:10%; background:url(../img/n02.png) no-repeat 97% center; background-size:2.5% auto;}
.new_c ul li a{ color:#333; display:block; line-height:2em;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:1em; padding-left:3%;}

/*新闻资讯*/
.newsBox{width: 100%;padding: 1% 0;background: #f6f6f6;margin:4% auto 3%;}
.news{margin-bottom: 2%;}
.news li{padding: 3% 0;border-bottom: 1px #ccc dashed;}
.news a{display: block;padding-left: 4%;background: url(../img/round.png) no-repeat left .4em;line-height: 1.2em;font-size: 1.15em;color: #333;height: 1.2em;overflow: hidden;}
.news h5{padding-left: 4%;font-size: .8em;color: #666;line-height: 2em;}
.news p{line-height: 1.2em;font-size: 1em;padding-left: 4%;max-height: 2.2em;overflow: hidden; color:#333;}
.newsBox .more{margin-top: 4%;}

/*回到顶部*/
.itop{width: 100%;background:#0080ff;text-align: right;margin: 4% auto;}
.itop a{display:inline-block;padding-right: 6%;font-size: 1.2em;color: #fff;font-weight: bold;background:url(../img/top.png) no-repeat right center;margin-right: 4%;line-height:2em;}
/*联系*/
.contact{line-height:1.5em;font-size:1.1em;color:#666;text-align: center;}
.contact p{ font-size:1em; line-height:1.5em; text-align:left; color:#666;}
/*底部*/
.footer{position:fixed;bottom:0px;left:0px;z-index:999;background:#0080ff;width:100%;overflow:hidden;}
.footer li{float:left;width:25%;text-align:center;}
.footer li a{color:#fff;height:3em;line-height:3em;font-size:1.2em;padding-left:40%;width:50%;display: block;margin:0 auto;}
.footer li .footer01{background:url(../img/iconHome.png) no-repeat 20% center;background-size: 34%;}
.footer li .footer02{background:url(../img/iconAddress.png) no-repeat 20% center;background-size: 34%;}
.footer li .footer03{background:url(../img/iconTel.png) no-repeat 20% center;background-size: 32%;}
.footer li .footer04{background:url(../img/iconMessges.png) no-repeat 20% 60%;background-size: 26%;}

/*内页*/
.sbanner{ width:100%; height:auto; margin:0 auto;}
.sbanner img{ width:100%; height:auto; display:block; margin:0 auto;}
.inCurrent{width: 94%;margin: 0 auto;color: #333;line-height:1.2em;border-bottom: 1px #ccc solid;padding:2.5% 0;}
.inCurrent a{margin: 0px 2%;}

/*关于我们*/
.inAbout{line-height: 1.6em;margin-top: 2%;}
.inAbout h1{font-size: 20px; text-transform: uppercase; line-height: 40px;color: #08f; font-weight: normal;}
.inAbout h2{font-size: 20px; text-transform: uppercase; line-height: 40px;color: #08f; font-weight: normal; margin: 1% auto 0 1%;}
.inAbout span{width: 50px;height: 2px;display: block; margin: 9px 0;background: #666;}
.inAbout p{line-height: 1.6em;font-size: 1em; overflow: hidden; text-indent:2em;}
.inAbout img{max-width: 100%;width:100%; display:block; margin:2% auto;}
.inabo-tit{ width:100%; margin:3% auto; overflow:hidden;}
.inabo-tit h1{ font-size:1.6em; text-align:center; font-weight:400; color:#333;}
.inabo-tit span{ width:40px; height:3px; background:#0080ff; margin:3% auto 1%; display:block;}
/*aboThere*/
.aboutImg{width: 99%; height: auto; display: block; margin: 2% auto;overflow: hidden;}
.aboutImg li{width: 30%;height: auto; border-radius: 5px; float: left;display: block;margin: 0 1.5%;}
.aboutImg li img{width: 100%;height: auto;display: block;margin: 0 auto;overflow: hidden;}
.aboutImg li p{ font-size: 0.8em; text-align: center;line-height: 1.6em; color: #333;}
.aboThere{ width:100%; margin:3% auto; overflow:hidden; background:#0080ff;} 
.aboThere img{ width:100%; display:block; margin:1% auto; overflow:hidden;}
/*aboys*/
.aboysBox{ width:96%; height:auto; margin:0 2%; overflow:hidden;}
.aboys{ width:100%; height:auto; margin:3% auto; overflow:hidden;}
.aboys li{ width:16%; float:left; display:block; margin:auto 2%;}
.aboys li img{ width:80%; display:block; margin:0 auto 1%;}
.aboys li span{ width:20px; height:2px; display:block; background:#0080ff; margin:5px auto;}
.aboys li p{ width:100%; height:auto; font-size:1em; text-align:center; line-height:1.5em; color:#333;}

/*case*/
.case{ width:96%; height:auto; margin:0 2%; overflow: hidden;}
.case li{width:46%;float: left; display:block; margin:2%;}
.case li a{ width:100%; text-align: center;}
.case li img{ width:100%; width: 166px; height: 221px; overflow:hidden;}
.case li p{font-size:1.2em;color: #333;line-height: 1.6em;}

/*分页*/
.page{text-align: center;width: 100%;margin:2% auto;}
.pageList{text-align: center;width: 100%;}
.pageList a{padding:0 1%;display: inline-block;font-size: 1.1em;}

.inpage{display:block;width:90%; padding:0 5%;height:24px; line-height:24px;font-size: 12px; color:#333; background:#ddd; border-radius:10px; margin:2% auto;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;text-indent:0.1rem;}
.inpage a{ font-size:12px; text-align:left;}
.inback{display:block;width:100px;margin:2% auto;height:30px;border-radius:20px; font-size:12px;color:#fff;text-align:center; background:#0080ff; line-height:30px;}
.inback a{font-size:12px;text-align:center; line-height:30px; color:#fff;}

/*project*/
.project{overflow: hidden; height:auto; margin-top: 2%;}
.project li{float: left;width: 46%;margin:2% 2%;text-align: center;}
.project li a{ width:100%; text-align: center;}
.project li img{ width:100%;max-width: 162px;max-height:128px; overflow:hidden;}
.project li p{text-align: center;font-size: 1.1em;line-height: 1.6em;color: #333;height: 1.6em;overflow: hidden;}

/*zzdb*/
.zzdb{overflow: hidden; height:auto; margin-top: 2%;}
.zzdb li{float: left;width: 46%;margin:2% 2%;text-align: center;}
.zzdb li a{ width:100%; text-align: center;}
.zzdb li img{ width:100%; width: 179px; height:72px; overflow:hidden;}
.zzdb li p{text-align: center;font-size: 1em;line-height: 1.6em;color: #333;height: 1.6em;overflow: hidden;}
/*zzzr*/
.zzzr{overflow: hidden; height:auto; margin-top: 2%;}
.zzzr li{float: left;width: 46%;margin:2% 2%;text-align: center;}
.zzzr li a{ width:100%; text-align: center;}
.zzzr li img{ width: 162px; height:108px; overflow:hidden;}
.zzzr li p{text-align: center;font-size: 1em;line-height: 1.6em;color: #333;height: 1.6em;overflow: hidden;}


/*inews*/
.stand{line-height: 1.6em;margin-top: 2%;}
.stand li{ width:100%; height:auto; margin:3% auto; padding-bottom:3%; border-bottom:1px dashed #ccc; overflow:hidden;}
.stand li a.stand-tit{ width:100%; font-size:1.1em; line-height:2em; color:#333; height:2em; overflow:hidden; display:block;}
.stand li span{ width:100%;  font-size:0.8em; height:1.2em; line-height:1.2em; color:#999;}
.stand li p{ width:100%; display:block;  font-size:1em; line-height:1.4em; max-height: 2.8em;overflow: hidden; color:#666;}
.stand li a.stand-more{ width:100%; display:block; text-align:right; font-size:1em; height:1.6em; line-height:1.6em; color:#0080ff;}

/*inews*/
.inews{line-height: 1.6em;margin-top: 2%;}
.inews li{ width:100%; height:auto; margin:3% auto; padding-bottom:3%; border-bottom:1px dashed #ccc; overflow:hidden;}
.inews li .newsL{ width:30%; float:left; display:block; overflow:hidden;}
.inews li .newsL img{ width:100%; height:auto; max-width:106px; max-height:71px; overflow:hidden;}
.inews li .newsR{ width:68%; height:auto; float:right; display:block;}
.inews li .newsR a.news-tit{ width:100%; font-size:1.1em; line-height:2em; color:#333; height:2em; overflow:hidden; display:block;}
.inews li .newsR span{ width:100%; display:block;  font-size:0.8em; height:1.2em; line-height:1.2em; color:#999;}
.inews li .newsR a.news-more{ width:100%; display:block; text-align:right; font-size:1em; height:1.6em; line-height:1.6em; color:#0080ff;}
/*详情页*/
.inDetail{width: 94%;margin:2% auto;}
.inDetail h2.inDTop{font-size: 1em;color: #ccc;}
.inDetail .inDTitle{font-size: 1.2em;color: #333;text-align: center;}
.inDetail div.inDMsg{text-align: center;}
.inDMsg span{display: inline-block;margin:1% 2% 0;font-size: .9em;color: #999;}
.inDCon{margin-top: 1%;min-height: 300px;}
.inDCon h1{ line-height: 1.5em;font-size: 1.1em;color: #333; font-weight:600;}
.inDCon p{overflow: hidden; line-height: 1.5em;font-size: 1em;color: #333; text-indent:2em;}
.inDCon img{max-width: 100%; display:block; margin:2% auto;}

/*zspx*/
.zspx{margin:2% auto;min-height: 300px;}
.zspx h1{ line-height: 1.5em;font-size: 1.2em;color: #333; font-weight:600;}
.zspx h2{ line-height: 1.5em;font-size: 1.1em;color: #333; font-weight:500;}
.zspx p{overflow: hidden; line-height: 1.5em;font-size: 1em;color: #333; text-indent:2em;}
.zspx img{max-width: 100%; display:block; margin:2% auto;}

.inBack{display: block;width: 30%;line-height: 2.2em;background:#eee;color:#333;text-align: center;margin:4% auto;border-radius:4px;font-size: 1.2em;}
.inBack:hover{background: #97c618;}

/*联系我们*/
.inCoTitle{font-size: 1.2em;color: #333;line-height: 1.4em;padding:2% 0px;margin: 2% 0;}
.inCoCon p{font-size: 1.1em;line-height: 2em;}
.inCoCon img{max-width: 100%;}

/*在线留言*/
.inMsg{text-align: center;}
.inMsg h1{font-size: 1.8em;line-height: 2em; color:#999;}
.inMsg p{line-height: 1.2em; text-align:center;}
.inMessages{margin-top:6%;}
 .inMessages li{overflow: hidden;line-height: 2em;margin-bottom:4%;}
.inMessages li span{float:left;width: 18%;font-size: 1.1em;text-align: right;}
.inMessages li input{width: 74%;float: left;border:1px #ccc solid;line-height:2em;margin-left:2%;padding-left: 2%;}
.inMessages li textarea{width:74%;float: left;border:1px #ccc solid;line-height:2em;margin-left:2%;padding-left: 2%;display: block;height: 4em;}
.subBtn{margin-left:22%;width: 30%;line-height: 2em;border:1px #0080ff solid;border-bottom:2px #0080ff solid;background:#0080ff;font-size: 1.2em;color:#fff;padding-right: 2%;}

/*详情页*/
.inTeTop{margin-top: 2%;}
.inTeTop h3{padding: 2%;border: 1px #ccc solid;width: 40%;margin: 0 auto;}
.inTeTop img{display: block;width: 100%;}
.inTeTop h2{font-size: 1.2em;color: #333;text-align: center;line-height: 2em;}
.inTeTips{overflow: hidden;border-bottom: 1px #ccc dashed;line-height: 1.8em;padding-bottom: 2%;}
.inTeTips span,.inTeTips em{font-style: normal;float: left;}
.inTeTips em{margin: 0 2%;}
.inTeList{margin: 2% 0;}
.inTeList li{line-height: 1.8em;}
.inTeList li strong{color: #333;}
.inTitle{background: #f2f2f2;line-height: 2em;border-left: 3px #014694 solid;padding-left: 2%;font-size: 1.2em;color: #333;margin: 3% 0;}

.inDCon{line-height: 1.6em;margin-top: 2%;}
.inDCon p{overflow: hidden;}
.inDCon img{max-width: 100%;}



/*four*/
.four{width: 98%%;height: auto; margin: 2% 1%;}
.four ul{width: 100%;display: block; margin: 0 auto; overflow: hidden;}
.four ul li{width: 46%;height: auto;float: left;display: block; margin:2%;}
.four ul li h1{ font-size: 16px; line-height: 30px; color: #333;font-weight: 400; display: block; margin-left: 1%; margin-top: 1%;}
.four ul li p{ font-size: 12px; line-height: 20px; color: #333; display: block; margin-left: 1%;}
.four ul li a{ font-size: 12px; line-height: 20px; color: #e72a32;font-weight: 400; display: block; margin-left: 1%;}

/*banquan*/
.bq-four{ width:100%; height:auto; margin:2% auto; overflow: hidden;}
.bq-four li{ width:23%; float:left; display:block; margin:1%;}
.bq-four li img{ width:100%; height:auto; display:block; margin:0 auto;}
.bq-four li p{ font-size: 12px; text-align:center; line-height: 20px; color: #333;}
.bq-four li p span{ color:#fb4f4f;}

.bq-sbfw{ width:96%; padding:2%; background:#e2e2e2; overflow: hidden;}
.bq-sbfw h1{ font-size:18px; text-align:center; line-height:40px; color:#000; font-weight:500;}
.bq-sbfw p{font-size: 12px; text-align:center; line-height: 20px; color: #333;}
.bq-sbfw img{ width:100%; height:auto; display:block; margin:2% auto 1%;}

.bq-zplx{ width:96%; padding:2%; background:#cee4bd; overflow: hidden;}
.bq-zplx h1{ font-size:18px; text-align:center; line-height:40px; color:#000; font-weight:500;}
.bq-zplx img{ width:100%; height:auto; display:block; margin:2% auto 1%;}


.bq-xgfw{ width:99%; height:auto;display: block; margin:2% auto; overflow: hidden;}
.bq-xgfw h1{ font-size:18px; text-align:center; line-height:40px; color:#000; font-weight:500;}
.bq-xgfw li{ width: 31%;float: left;display: block;margin: 0 1%;}
.bq-xgfw li img{ width:60%; height:auto; display:block; margin:1% auto 1%;}
.bq-xgfw li p{font-size: 12px; text-align:center; line-height: 20px; color: #333;}

.bq-bqdj{width:100%; height:auto; margin:2% auto 0; overflow: hidden;}
.bq-bqdj img{width:100%; height:auto; margin:0 auto; overflow: hidden;}

.bq-djzs{width:100%; height:auto; margin:0 auto 1%; overflow: hidden;}
.bq-djzs img{width:100%; height:auto; margin:0 auto; overflow: hidden;}


/*shangbiao*/
.sb-san{ width:99%; height:auto; margin:2% auto; overflow: hidden;}
.sb-san li{ width:31%; float:left; display:block; margin:1%;}
.sb-san li img{ width:60%; height:auto; display:block; margin:0 auto;}
.sb-san li h1{ font-size:16px; text-align:center; line-height:30px; color:#000; font-weight:500;}
.sb-san li p{ font-size: 12px; text-align:center; line-height: 20px; color: #333;}

.sb-adv{width:100%; height:auto; margin:2% auto 0; overflow: hidden; background: url(../img/bg_06.jpg) top center repeat-y;}
.sb-adv h1{ font-size:18px; text-align:center; line-height:40px; color:#fff; font-weight:500;}
.sb-adv ul{width: 90%; display: block;height: auto;margin: 0 auto;}
.sb-adv ul li{width: 100%;float: left;display: block;margin:1% auto;}
.sb-adv ul li h2{ font-size:16px; text-align:left; line-height:30px; color:#fff; font-weight:500;}
.sb-adv ul li h2 span{color:#fb4f4f;}
.sb-adv ul li p{ font-size: 12px; text-align:left; line-height: 20px; color: #ccc;}

.sb-lc{width:100%; height:auto; margin:2% auto 0; overflow: hidden;}
.sb-lc h1{ font-size:18px; text-align:center; line-height:40px; color:#000; font-weight:500;}
.sb-lc ul{width: 96%; display: block;height: auto;margin: 0 auto;}
.sb-lc ul li{width: 100%;float: left;display: block;margin:2% auto;}
.sb-lc ul li .sblcL{width: 36%; float: left;display: block;}
.sb-lc ul li .sblcR{width: 60%;float: right;display: block;}
.sb-lc ul li .sblcR h2{ font-size:16px; text-align:left; line-height:30px; color:#333; font-weight:500;}
.sb-lc ul li .sblcR p{ font-size: 12px; text-align:left; line-height: 20px; color: #666;}


/*zl*/
.zl-hc{width:100%; height:auto; margin:2% auto 0; overflow: hidden;}
.zl-hc h2{ font-size:18px; text-align:center; line-height:40px; color:#000; font-weight:500;}
.zl-hc li{ width:18%; float:left; display:block; margin:1%;}
.zl-hc li img{ width:40%; height:auto; display:block; margin:0 auto;}
.zl-hc li h1{ font-size:16px; text-align:center; line-height:30px; color:#000; font-weight:500;}
.zl-hc li p{ font-size: 12px; text-align:center; line-height: 20px; color: #333;}

.zl-sq{ width:96%; height:auto; margin:2% auto 0; overflow: hidden;}
.zl-sq h1{ font-size:18px; text-align:center; line-height:40px; color:#000; font-weight:500;}
.zl-sq p{font-size: 12px; text-align:center; line-height: 20px; color: #333;}
.zl-sq img{ width:100%; height:auto; display:block; margin:2% auto 1%;}

.zl-zl{width:99%; height:auto; margin:2% auto 0; overflow: hidden;}
.zl-zl h2{ font-size:18px; text-align:center; line-height:40px; color:#000; font-weight:500;}
.zl-zl li{ width:31%; float:left; display:block; margin:1%;}
.zl-zl li img{ width:60%; height:auto; display:block; margin:0 auto;}
.zl-zl li h1{ font-size:14px; text-align:center; line-height:30px; color:#000; font-weight:500;}
.zl-zl li span{width: 10px; height: 2px; background: #ccc;display: block;margin:1% auto;}
.zl-zl li p{ font-size: 12px; text-align:center; line-height: 20px; color: #333;}

.zl-wq{ width:96%; height:auto; margin:2% auto 0;padding:2%; overflow: hidden; background: #bfe2de;}
.zl-wq h1{ font-size:18px; text-align:center; line-height:40px; color:#000; font-weight:500;}
.zl-wq p{font-size: 12px; text-align:center; line-height: 20px; color: #333;}
.zl-wq img{ width:100%; height:auto; display:block; margin:2% auto 1%;}

.zl-bz{width:100%; height:auto; margin:2% auto 0; overflow: hidden;}
.zl-bz h1{ font-size:18px; text-align:center; line-height:40px; color:#000; font-weight:500;}
.zl-bz li{ width:18%; float:left; display:block; margin:1%;}
.zl-bz li img{ width:50%; height:auto; display:block; margin:0 auto;}
.zl-bz li p{ font-size: 12px; text-align:center; line-height: 20px; color: #333;}



@media screen and (max-width:640px){body,html{font-size:16px}}
@media screen and (max-width:540px){body,html{font-size:15px}}
@media screen and (max-width:480px){body,html{font-size:14.5px}}
@media screen and (max-width:420px){body,html{font-size:14px}}
@media screen and (max-width:360px){body,html{font-size:13.5px}}
@media screen and (max-width:320px) {body,html{font-size:12.5px}}
