@charset "utf-8";

/*头部*/ 
.header{width: 100%;height: 640px;background: url(../images/chengshi_images/bg.jpg) no-repeat 0px 0px;position: relative;min-width: 1200px;}
.header-img{width: 80%;margin: 0 auto;position: relative;height: 640px;min-width: 1200px;}
.header-img2{width:44%;position: absolute;bottom:150px;z-index: 3;left: 50%;margin-left: -22%;/*min-width: 400px;*/}
.header-img1 img,.header-img2 img{width: 100%;}


/*智慧城管*/
	.chengguan{width: 100%;padding: 120px 0;background: #fff;min-width: 1200px;height: 900px;position: relative;z-index: 5;}
	.chengguan-small{width: 65%;margin: 0 auto;}
	.chengguan h2{width: 100%;text-align: center;font-size: 30px;font-weight: 700;margin-bottom: 5px;letter-spacing: 1px;font-family: 微软雅黑;}
	.chengguan .p1{width: 100%;text-align: center;font-size: 24px;color: #737880;opacity: 0.6;}
	.chengguan .span{width: 100%}
	.chengguan span{width: 80px;border-bottom:4px solid #3D7EFF;height: 1px;display: block;margin: 8px auto 40px auto;opacity: 1;}
	.chengguan .p2{width: 60%;margin: 0 auto;text-align: center;font-size: 14px;font-family: 微软雅黑;color: #777;margin-bottom: 70px;}
	.cg-box{width: 100%;position: relative;/*min-width: 900px;*/}
/*	.cg-box .left{background: url(../images/chengshi_images/left.png) no-repeat 0px 226px;width: 50%;height:600px;float: left;background-size: 87%;position: relative;}
	.cg-box .right{background: url(../images/chengshi_images/right.png) no-repeat 0px 0px;width: 50%;height: 600px;
		float: right;background-size: 92%}*/
    .cg-box .left{position: relative;float: left;width: 50%;height: 300px;}
    .cg-box .left-small{position: absolute;width: 100%;bottom: 90px;height: 150px;top:-5%;}
    .cg-box .right{width: 50%;float: right;}
	.cg-box .img1{width:25%;position: absolute;animation: heart 0.8s ease-in-out infinite alternate;left: -7%;top: 15%;}
	.cg-box .img2{width:25%;position: absolute;animation: heart 0.9s ease-in-out infinite alternate;top: 7%;left: 38%;}
	.cg-box .img3{width:25%;position: absolute;animation: heart 1.1s ease-in-out infinite alternate;right: -5%;top: 1%;}
	.cg-box .img4{width:90%;position: absolute;top:210px;left:5%;}
	.cg-box .img5{width:45%;position: absolute;top:0;right:0;animation: heart 1.1s ease-in-out infinite alternate;}
	@keyframes heart{
	from{transform:translate(0,0)}
	to{transform:translate(0,8px)}
	}
/*综合执法*/
	.zhifa{width: 100%;padding: 60px 0;background: #f5f5f5;min-width: 1200px;position: relative;z-index: 5;}
	.zhifa-small{width: 65%;margin: 0 auto;}
	.zhifa h2{width: 100%;text-align: center;font-size: 30px;font-weight: 700;margin-bottom: 5px;letter-spacing: 1px;font-family: 微软雅黑;}
	.zhifa .p1{width: 100%;text-align: center;font-size: 24px;color: #737880;opacity: 0.6;}
	.zhifa .span{width: 100%}
	.zhifa span{width: 80px;border-bottom:4px solid #3D7EFF;height: 1px;display: block;margin: 8px auto 40px auto;opacity: 1;}
	.zhifa .p2{width: 60%;margin: 0 auto;text-align: center;font-size: 14px;font-family: 微软雅黑;color: #777;margin-bottom: 20px;}
	.zf-box{width: 100%;height: 500px;text-align: center;box-sizing: border-box;padding-top: 30px;
		    transition:all 2s;-moz-transition:all 2s;-webkit-transition:all 2s;-o-transition:all 2s;padding-top:100px;visibility:hidden;opacity:0;}
	.zf-box img{width: 50%;min-width: 600px;}

/*智慧环卫*/
	.huanwei{width: 100%;padding: 60px 0;background: #fff;min-width: 1200px;height: 1000px;position: relative;z-index: 5;}
	.huanwei-small{width: 65%;margin: 0 auto;}
	.huanwei h2{width: 100%;text-align: center;font-size: 30px;font-weight: 700;margin-bottom: 5px;letter-spacing: 1px;font-family: 微软雅黑;}
	.huanwei .p1{width: 100%;text-align: center;font-size: 24px;color: #737880;opacity: 0.6;}
	.huanwei .span{width: 100%}
	.huanwei span{width: 80px;border-bottom:4px solid #3D7EFF;height: 1px;display: block;margin: 8px auto 40px auto;opacity: 1;}
	.huanwei .p2{width: 60%;margin: 0 auto;text-align: center;font-size: 14px;font-family: 微软雅黑;color: #777;margin-bottom: 40px;}
	.hw-box{width: 600px;height: 600px;text-align: center;box-sizing: border-box;padding-top: 145px;position: relative;margin: 0 auto;}
	/*.hw-box>img{width: 28%;}*/
	.hw-box .icon1{background: url(../images/chengshi_images/zhihui-icon.png) no-repeat 0px 0px;position: absolute;width: 120px;
		     height: 120px;top:0;left: 50%;margin-left: -60px;animation: heart 0.8s ease-in-out infinite alternate;z-index: 6;}
	.hw-box .i1{background: url(../images/chengshi_images/line.png) no-repeat 0px 0px;position: absolute;display: inline-block;width: 2px;height: 19px;top:127px;left: 50%;margin-left: -1px;}
	.hw-box .icon1 em{font-size: 18px;font-family: 微软雅黑;position: absolute;top:35px;left: 22px;width: 77px;font-style: normal;color: #fff;}


	.hw-box .icon2{background: url(../images/chengshi_images/zhihui-icon.png) no-repeat 0px 0px;position: absolute;width: 120px;
		     height: 120px;margin-left: -60px;transform: rotate(60deg);top:127px;left: 87%;animation: heart 0.8s ease-in-out infinite alternate;}
	.hw-box .icon2 em{font-size: 18px;font-family: 微软雅黑;position: absolute;top:35px;left: 22px;width: 77px;font-style: normal;color: #fff;}
	.hw-box .i2{background: url(../images/chengshi_images/line.png) no-repeat 0px 0px;position: absolute;display: inline-block;width: 2px;
		       height: 19px;top:216px;left: 76%;margin-left: -1px;transform: rotate(60deg);}


	.hw-box .icon3{background: url(../images/chengshi_images/zhihui-icon.png) no-repeat 0px 0px;position: absolute;width: 120px;
		     height: 120px;margin-left: -60px;transform: rotate(120deg);top:388px;left: 87%;animation: heart 0.8s ease-in-out infinite alternate;}
	.hw-box .icon3 em{font-size: 18px;font-family: 微软雅黑;position: absolute;top:35px;left: 22px;width: 77px;font-style: normal;color: #fff;}
	.hw-box .i3{background: url(../images/chengshi_images/line.png) no-repeat 0px 0px;position: absolute;display: inline-block;width: 2px;
		       height: 19px;top:404px;left: 76%;margin-left: -1px;transform: rotate(120deg);}


	.hw-box .icon4{background: url(../images/chengshi_images/zhihui-icon.png) no-repeat 0px 0px;position: absolute;width: 120px;
		     height: 120px;margin-left: -60px;transform: rotate(180deg);left: 50%;bottom: -37px;animation: heart 0.8s ease-in-out infinite alternate;}
	.hw-box .icon4 em{font-size: 18px;font-family: 微软雅黑;position: absolute;top:35px;left: 22px;width: 77px;font-style: normal;color: #fff;}
	.hw-box .i4{background: url(../images/chengshi_images/line.png) no-repeat 0px 0px;position: absolute;display: inline-block;width: 2px;
		       height: 19px;bottom: 88px;left: 50%;margin-left: -1px;}


	.hw-box .icon5{background: url(../images/chengshi_images/zhihui-icon.png) no-repeat 0px 0px;position: absolute;width: 120px;
		     height: 120px;margin-left: -60px;transform: rotate(240deg);top: 388px;left: 13%;animation: heart 0.8s ease-in-out infinite alternate;}
	.hw-box .icon5 em{font-size: 18px;font-family: 微软雅黑;position: absolute;top:35px;left: 22px;width: 77px;font-style: normal;color: #fff;}
	.hw-box .i5{background: url(../images/chengshi_images/line.png) no-repeat 0px 0px;position: absolute;display: inline-block;width: 2px;
		       height: 19px;top:404px;left: 24%;margin-left: -1px;transform: rotate(240deg);}


	.hw-box .icon6{background: url(../images/chengshi_images/zhihui-icon.png) no-repeat 0px 0px;position: absolute;width: 120px;
		     height: 120px;margin-left: -60px;transform: rotate(300deg);top:127px;left: 13%;animation: heart 0.8s ease-in-out infinite alternate;}
	.hw-box .icon6 em{font-size: 18px;font-family: 微软雅黑;position: absolute;top:35px;left: 22px;width: 77px;font-style: normal;color: #fff;}
	.hw-box .i6{background: url(../images/chengshi_images/line.png) no-repeat 0px 0px;position: absolute;display: inline-block;width: 2px;
		       height: 19px;top:216px;left: 24%;margin-left: -1px;transform: rotate(300deg);}

/*智慧市政*/
	.shizheng{width: 100%;padding: 60px 0;background: #f5f5f5;min-width: 1200px;position: relative;z-index: 5;}
	.shizheng-small{width: 65%;margin: 0 auto;}
	.shizheng h2{width: 100%;text-align: center;font-size: 30px;font-weight: 700;margin-bottom: 5px;letter-spacing: 1px;font-family: 微软雅黑;}
	.shizheng .p1{width: 100%;text-align: center;font-size: 24px;color: #737880;opacity: 0.6;}
	.shizheng .span{width: 100%}
	.shizheng span{width: 80px;border-bottom:4px solid #3D7EFF;height: 1px;display: block;margin: 8px auto 40px auto;opacity: 1;}
	.shizheng .p2{width: 60%;margin: 0 auto;text-align: center;font-size: 14px;font-family: 微软雅黑;color: #777;margin-bottom: 20px;}
	.sz-box{width: 100%;height: 500px;text-align: center;box-sizing: border-box;padding-top: 30px;
	       transition:all 2s;-moz-transition:all 2s;-webkit-transition:all 2s;-o-transition:all 2s;padding-top:100px;visibility:hidden;opacity:0;}
	.sz-box img{width: 40%;min-width: 500px;}

/*智慧园林*/
    .yuanlin{width: 100%;padding: 60px 0;background: #fff;min-width: 1200px;height: 800px;position: relative;z-index: 5;}
	.yuanlin-small{width: 65%;margin: 0 auto;}
	.yuanlin h2{width: 100%;text-align: center;font-size: 30px;font-weight: 700;margin-bottom: 5px;letter-spacing: 1px;font-family: 微软雅黑;}
	.yuanlin .p1{width: 100%;text-align: center;font-size: 24px;color: #737880;opacity: 0.6;}
	.yuanlin .span{width: 100%}
	.yuanlin span{width: 80px;border-bottom:4px solid #3D7EFF;height: 1px;display: block;margin: 8px auto 40px auto;opacity: 1;}
	.yuanlin .p2{width: 60%;margin: 0 auto;text-align: center;font-size: 14px;font-family: 微软雅黑;color: #777;margin-bottom: 40px;}
	.yl-box{width: 100%;height: 470px;text-align: center;position: relative;}
	.yl-box .yl1{position: absolute;left: 50%;width:60%;margin-left: -30%;bottom: 0;animation: heart 0.8s ease-in-out infinite alternate;}
	.yl-box .yl2{position: absolute;left: 50%;width:58%;margin-left: -29%;bottom: 70px;animation: heart 0.9s ease-in-out infinite alternate;}
	.yl-box .yl3{position: absolute;left: 50%;width:56%;margin-left: -28%;bottom: 140px;animation: heart 0.8s ease-in-out infinite alternate;}
	.yl-box .yl4{position: absolute;left: 50%;width:54%;margin-left: -27%;bottom: 210px;animation: heart 0.9s ease-in-out infinite alternate;}
	.yl-box .yl5{position: absolute;left: 50%;width:52%;margin-left: -26%;bottom: 280px;animation: heart 0.8s ease-in-out infinite alternate;}
	.yl-box .yl6{position: absolute;left: 50%;width:50%;margin-left: -25%;bottom: 350px;animation: heart 0.9s ease-in-out infinite alternate;}

/*渐入效果*/
.enterAnimation{
   visibility:visible!important;opacity:1!important;padding-top:0!important;
}