@media screen and (max-width:1200px){
	.wrapper { width: 100%; }
	.banner{ display: none; }
	.telbanner{ display: block; overflow: hidden;}
	.marketing{ width: 95%; margin: 15px auto 0;font-size: 12px; }
	.newsdetail,.newsto,.team{width: 90%;margin:0 5%;margin-bottom: 20px;}
	.casedl{width:95%; margin: 20px auto; padding-bottom: 30px;}
	.casedetails{width: 95%;margin:20px auto;}
	.img50{ width: 95%;margin:0 auto; }

}
@media screen and (max-width:1024px){
	.container h2{font-size: 24px;margin:25px auto 0;}
	.container h2 span{font-size: 12px;margin-top: 5px;}
	.topDiv { padding: 0 10px; }
	.topDiv li { padding-left: 5px; }
	.navigation { display: none; }
	.logo { padding: 0; height: 86px; position: relative; display: block; }
	.logo img { position: relative; top: 10px; height: 66px; }
	.navA { display: block; width: 60px; height: 60px; position: absolute; top: 10px; right: 0; background: url(/image/cgimg/ico3.png) center no-repeat; background-size: 60%; }
	.footerNav{display: none;}
	.copyright{padding:10px 0; color: #fff;text-align: center;font-size: 12px;}
	.copyright span{display: block;}
	.indexPart1 .itembox li{width: 50%;font-size: 14px;}
	.indexPart2{display:none;}
	.indexCase{background: #444a5e;}
	.indexCase h2{margin-bottom: 20px;}
	.casebox{margin-left: 0;}
	.casebox li{ width: 25%;margin:10px 0;}
	.newsList li{float: left; width: 30.33333%;margin: 20px 1.5% 0; height: 68px;overflow: hidden;}
	.newsList li dl{float: left;width: 18%;height: 66px;border:1px solid #e3e3e3; text-align: center;line-height: 33px;border-radius:3px;margin-right: 2%;}
	.newsList li dl dd{white-space:nowrap; overflow: hidden;text-overflow:ellipsis;}
	.newsList li a{float: left; width: 78%;line-height: 1.5; height: 100%; text-overflow:ellipsis;}
	.newsList li a h3{font-size: 14px;font-weight: normal;color: #006eb5;margin: 5px 0;}
	.hgList{margin-left: 0;}
	.hgList dl{float: left;width: 45%;margin:25px 2.5% 0;background: #fff;margin-top: 35px;}
	.subnav .navs{width: 100%;}
	.place{display: none; }
	.whotext{width: 45%;margin-left: 5%;font-size: 12px;line-height: 1.7;}
	.whotext p{margin-top: 15px;}
	.whotext p.title{font-size: 14px;}
	.whotext h3{font-size: 16px;}
	.dothing li{width: 23%;margin:0 1%;float: left;margin-top: 45px;text-align: left;}
	.team p{line-height: 2;font-size: 12px;margin:10px 0;}
	.caseleft{width:60.5%;margin-left: 2.5%;}
	.caseleft p.title{margin-top: 30px;margin-bottom: 5px;}
	.caseright{width: 34.5%;margin-right: 2.5%;margin-top: 30px;}
	.ground .imgl img{width:100%;}
	.ground  h2{margin-top: 0;margin-bottom: 20px;}

	
}
@media screen and (max-width:770px) {
	.logo img { position: relative; top: 10px; height: 66px; }
	.indexPart1 .itembox li dl dt h3{margin-bottom: 15px; height: 30px;line-height: 30px;background-size:auto 30px;}
	.indexPart1 .itembox li dl{ width: 90%; margin:0 2.5%; padding:15px 0;border:1px solid #c8c8c8; }
	.indexCase{ padding-bottom: 20px; }
	.casebox li{ width: 33.3333%;margin:10px 0;}
	.newsList li{float: left; width: 45%;margin: 10px 2.5%; height: 68px;overflow: hidden;}
	.hgList dl{float: left;width: 48%;margin:15px 1% 0;background: #fff;margin-top: 35px;}
	.hgList dl p{white-space:nowrap; overflow: hidden;text-overflow:ellipsis;}
	.bottom .leftB{display: none;}
	.bottom .rightB .title{font-size: 15px; color: #006eb5;}
	.bottom .frombox,.bottom .rightB{width: 45%;margin: 0 2.5%;}
	.bottom textarea{width: 98%;}
	.marketing .lefttext h2{margin:15px auto 10px;font-size: 18px;text-align: center;}
	.marketing .lefttext p.zixun{margin-top: 10px;}
	.marketing .lefttext p.zixun a{float:none; margin: 0 auto;}
	.marketing .lefttext p.zixun span{display: block; width: 100%;text-align: center;}
	.contact{margin-bottom: 50px;}
	.contact li{width: 95%;float: none;margin:0 auto;font-size: 12px;}
	.contact h2{text-align: center;}
	.contact p.rz{text-align: center;margin-top: 5px;}
	#dituContent{width: 100%;height: 300px;}	
	.dothing li span{width: 50px;height: 50px;line-height: 50px; font-size: 18px;margin-right: 5px;}
	.dothing li p{line-height: 1.3;margin-top: 5px;}
	.dothing li:hover span{ background: #014167; }
	.dothing li:hover p{ color: #014167; }
	.dothing h3{text-align: center;overflow: hidden;width: 100%;font-size: 14px;color: #0d0d0d;margin-top: 50px;font-weight: normal;}
	.dothing a{ display:inline-block;background-color: rgb(1, 65, 103);height: 45px;line-height: 45px;padding:0 30px;border-radius:10px;color: #fff;margin:30px; }
	.serve{padding-bottom: 20px;}
	.servelist li{margin-top: 15px; width: 25%;}
	.newsdetail p{font-size: 12px;}
	.newsto ul li{width: 100%;overflow: hidden;}
	.newsto ul li a{line-height: 2;}
	.casedl {margin-top: 0;}
	.casedl dl{width: 100%;margin-top: 20px;font-size: 14px; overflow: hidden;}
	.casedl dl dd{font-size: 14px;line-height: 2;}
	.casedetails dt{ width: 25%; }
	.casedetails dd{width:73%;}
	.caseleft p.title{margin-top: 10px;;margin-bottom: 0;}
	.caseright{margin-top: 10px;}
	.caseright img{width: 100%;}
	.tactics .leftimg img{width: 100%;}
	.tactics .righttext{margin-top: 20px; width: 45%; float: left;margin-left: 5%;}
	.tactics .righttext p{margin-top: 10px;}
	.ground{padding:20px 0 0;}
	.ground .imgl{display: none;}
	.ground .rightdl{width: 95%;float: none;margin:0 auto;padding-bottom: 20px;}
	.stepbox dl{width: 8.95%;margin:15px 1%;}	
}
@media screen and (max-width:500px) {
	.logo { padding: 0; height: 66px; position: relative; display: block; }
	.logo img { position: relative; top: 10px; height: 46px; }
	.navA{width: 50px; height: 50px; }
	.topDiv { height: 30px; line-height: 30px; }
	.topDiv a img { top: 3px; }
	.topDiv, .footDiv { font-size: 12px; }
	.indexFocusBanner .next, .indexFocusBanner .prev { display: none; }
	.indexFocusBanner .hd { bottom: 20px; }
	.indexFocusBanner .hd span { width: 15px; height: 5px; margin: 0 5px; }
	.container h2{font-size: 18px;margin:15px auto 0;}
	.indexPart1 h2 img{display: none;}
	.indexPart1 .itembox li{width: 100%;margin: 10px auto 0;}
	.indexPart1 .itembox li dl{padding:10px 0;border:1px solid #c8c8c8;}
	.casebox li{ width: 50%;margin:7.5px 0;}	
	.newsList li{float: left; width: 95%;margin: 15px 2.5% 0; height: 68px;overflow: hidden;}
	.hgList dl{width: 95%;margin:10px 2.5% 0;}
	.bottom{margin: 15px 0;}
	.bottom .rightB{display: none;}
	.bottom .frombox{width: 95%;margin: 0 2.5%;}
	.bottom .frombox h2{display: block; margin-bottom: 15px;}
	.subnav{height: auto;}
	.subnav .navs{height:auto;font-size: 12px;line-height: 3;}
	.marketing .lefttext{font-size: 12px; width: 100%;text-align: center;}
	.marketing .rightimg{width: 100%;float:none;}
	.marketing .rightimg img{width: 100%;}
	.marketing .lefttext a{margin: 20px auto 0;}
	.marketing .lefttext p.zixun span{display: block; width: 100%;float: left;}
	.contact{margin-bottom: 30px;}
	.contact p.address,.contact p.telphone,.contact a.zixun{ height: 30px; background-size:auto 30px;line-height: 30px;padding-left: 45px;margin-top: 10px; }	
	.dothing li{width: 43%;margin:0 2.5%;float: left;margin-top: 25px;text-align: left;}
	.dothing h3{margin-top: 25px;}
	.dothing a{margin:10px 5px 0; padding: 0px 15px;}
	.whotext{width: 95%;margin:0 auto;text-align: center;float: none;}
	.whoimg{width: 95%;margin:0 auto;text-align: center;float: none;}
	.serve{padding-bottom: 20px;}
	.servelist li{margin-top: 15px; width: 33.3333%;}
	.newsList{float: none; width: 90%;margin:0 5%;}
	.newshot,.hotclick{float: none; width: 90%;margin:0 5%;}
	.casedl dl dt,.casedl dl dd{width: 100%;text-align: center;float: none; overflow: hidden;margin:0;}
	.casedl dl dd p{text-align: left; width: 95%;margin: 0 auto;}
	.casedl dl dd h3{margin-bottom: 0;}
	.casedl dl dt img{width: 80%;}
	.casedetails dt{ width: 100%;text-align: center; }
	.casedetails dt img{width: 80%;}
	.casedetails dd{width:100%;}
	.casedetails dd h3{text-align: center;}
	.caseleft {width: 95%;float: none;margin:0 auto;}
	.caseleft p{font-size: 12px;}
	.caseright{width: 95%;float: none;margin:10px auto 0;}
	.caseright img{ width: 70%; }
	.tactics .leftimg,.tactics .righttext{width: 95%;float: none;margin:0 auto;}
	.tactics .righttext{padding-bottom: 20px;}
	.tact{display: none;}
	.teltact{width: 85%;margin:0 auto; display: block;padding-bottom: 20px;}
	.teltact p{line-height: 1.7; padding-left: 50px; background-size:30px auto;margin-top: 15px;min-height:41px;}
	.teltact p.p1{background: url('/image/cgimg/icon1.jpg') no-repeat left top;}
	.teltact p.p2{background: url('/image/cgimg/icon2.jpg') no-repeat left top;}
	.teltact p.p3{background: url('/image/cgimg/icon3.jpg') no-repeat left top;}
	.teltact p.p4{background: url('/image/cgimg/icon4.jpg') no-repeat left top;}
	.teltact p.p5{background: url('/image/cgimg/icon5.jpg') no-repeat left top;}
	.teltact p.p6{background: url('/image/cgimg/icon6.jpg') no-repeat left top;}
	.teltact p.p9{background: url('/image/cgimg/icon9.jpg') no-repeat left top;}
	.teltact p.p10{background: url('/image/cgimg/icon10.jpg') no-repeat left top;}
	.teltact p.p11{background: url('/image/cgimg/icon11.jpg') no-repeat left top;}
	.teltact p.p12{background: url('/image/cgimg/icon12.jpg') no-repeat left top;}
	.teltact p.p13{background: url('/image/cgimg/icon13.jpg') no-repeat left top;}
	.teltact p.p14{background: url('/image/cgimg/icon14.jpg') no-repeat left top;}
	.teltact p.p15{background: url('/image/cgimg/icon15.jpg') no-repeat left top;}
	.teltact p.p16{background: url('/image/cgimg/icon16.jpg') no-repeat left top;}
	.teltact p.p17{background: url('/image/cgimg/icon17.jpg') no-repeat left top;}
	.teltact p.p18{background: url('/image/cgimg/icon18.jpg') no-repeat left top;}
	.teltact p.p19{background: url('/image/cgimg/icon19.jpg') no-repeat left top;}
	.teltact p.p20{background: url('/image/cgimg/icon20.jpg') no-repeat left top;}
	.teltact p.p21{background: url('/image/cgimg/icon21.jpg') no-repeat left top;}
	.teltact p.p22{background: url('/image/cgimg/icon22.jpg') no-repeat left top;}
	.teltact p.p23{background: url('/image/cgimg/icon23.jpg') no-repeat left top;}
	.teltact p.p24{background: url('/image/cgimg/icon24.jpg') no-repeat left top;}
	.teltact p.p25{background: url('/image/cgimg/icon25.jpg') no-repeat left top;}
	.teltact p.p26{background: url('/image/cgimg/icon26.jpg') no-repeat left top;}
	.teltact p.p27{background: url('/image/cgimg/icon27.jpg') no-repeat left top;}
	.teltact p.p28{background: url('/image/cgimg/icon28.jpg') no-repeat left top;}
	.teltact p.p29{background: url('/image/cgimg/icon29.jpg') no-repeat left top;}
	.teltact p.p30{background: url('/image/cgimg/icon30.jpg') no-repeat left top;}
	.teltact p strong{display: block;}
	.img50 li{width: 100%;}
	.ground .rightdl p,.ground .rightdl p.w100{width:70%;margin:15px auto 0;float: none;}

	.stepbox dl{width: 20%;margin:15px 2.5%;}

}
@media screen and (max-width:375px){
	.casebox li{ width: 45%;margin:10px 2.5%;}
	.casebox li img{width: 100%;}
	.newsto ul li a span.date{display: none;}
}
@media screen and (max-width:320px){
	.dothing h3{font-size: 12px;}
	.dothing li{width: 95%;margin:0 2.5%;float: left;margin-top: 15px;text-align: left;}	
}