@charset "utf-8";
/* CSS Document */
@media (min-width: 320px) {
	.bigdata-wrap.max1200{
		/*max-width: 1200px;*/
	}
	.i-fir-wrap.event{
		background-color: #333333
	}
	.i-fir-wrap.three img{
		display: block;
		width: 100%;
		position: relative;
	}
	.i-fir-wrap.event .font a{
		color: #CCCCCC;
	}
	.i-fir-wrap.event .font a:hover{
		color: #fff;
	}
	.i-fir-wrap.event .i-column-wrap.black .link i{
		background: url(../img/ico_05.png) no-repeat center;
	}
	.i-fir-wrap.event .i-column-wrap.black .link:hover i{
		background: url(../img/ico_06.png) no-repeat center;
	}
	.i-fir-wrap.event .i-column-wrap.black .link:hover .bg{
		background-color: #fff;
	}
	.i-column-wrap.black .stit img.w165{
		display: block;
	}
	.w165{
		width: 165px;
	}
	.w166{
		width: 166px;
	}
	.w208{
		width: 208px;
	}
	.w202{
		width: 202px;
	}
	.i-column-wrap.black .stit{
		margin-bottom: 15px;
	}
	.i-fir-wrap.three .title{
		position: absolute;
		left: 3%;
		top: 4%;
		z-index: 2;
		font-size: 16px;
		font-family: MicrosoftYaHeiSemibold;
		color: #FFFFFF;
		line-height: 30px;
	}
	.i-fir-wrap.three .title span{
		display: block;
		width: 28px;
		height: 2px;
		background-color: #14C2DE;
		margin-top: 7px;
	}

	.i-fir-wrap.four{
		position: relative;
	}
	.i-fir-wrap.four .title{
		text-align: center;
	    display: block;
	    line-height: 30px;
	    /*position: absolute;*/
	    width: 100%;
	    color: #333;
	    padding: 15px 0 15px;
	    font-size: 18px;
	    font-family: MicrosoftYaHeiSemibold;
	    /*top: 6px;*/
	    /*left: 0;*/
	    /*font-weight: bold;*/
	}
	.i-fir-wrap.four .block{
		display: block;
		width: 100%;
	}
	.i-fir-wrap.four .block.pc{
		display: none;
	}

	.parks .bg-box{
		background: url(../zhihui/z-img32.png) center/cover no-repeat;
	}
	.parks .module-box .img{
		display: none;
		width: 100%;
	}
	.parks .module-box .box img{
		display: none;
	}
	.parks .module-box .box{
		padding: 20px 4% 20px;
	}
	.parks .module-box .box .mbox{
		margin-bottom: 20px;
		box-shadow: 0px 0px 6px 2px rgba(51, 83, 130, 0.08);
	    border-radius: 2px;
	    padding: 15px 15px 20px;
	    box-sizing: border-box;
	}
	.parks .module-box .box .mobile-title{
		font-size: 18px;
		font-family: MicrosoftYaHeiSemibold;
		color: #333333;
		text-align: center;
		line-height: 36px;
		margin-bottom: 20px;
	}
	.parks .module-box .box .mbox .title{
		font-size: 16px;
		font-family: MicrosoftYaHeiSemibold;
		color: #333333;
		line-height: 36px;
		margin-bottom: 10px;
		padding-left: 42px;
		background-repeat:no-repeat;
		background-size: 30px 30px;
		background-position: left center;
	}
	.parks .module-box .box .mbox .title span{
		font-size: 14px;
		color: #999
	}
	.icon-park .title{
		background: url(../zhihui/z-img20.png);
	}
	.icon-company .title{
		background: url(../zhihui/z-img15.png);
	}
	.icon-product .title{
		background: url(../zhihui/z-img16.png);
	}
	.parks .module-box .box .mbox .detaile{
		font-size: 14px;
		font-family: MicrosoftYaHei;
		color: #575757;
		line-height: 28px;
		padding-left: 42px;
	}
	.parks .park-data{
		/*background: url(../zhihui/z-img33.png) center/cover no-repeat;*/
		padding: 30px 4% 10px;
	}
	.park-data .title{
		font-size: 18px;
		font-family: MicrosoftYaHeiSemibold;
		/*color: #FFFFFF;*/
		color: #333;
		line-height: 32px;
		text-align: center;
		margin-bottom: 6px;
	}
	.park-data .detaile{
		font-size: 14px;
		font-family: MicrosoftYaHeiSemibold;
		color: #AFAFAF;
		line-height: 19px;
		margin-bottom: 35px;
		text-align: center;
	}
	.park-data .list ul>li{
		width: 100%;
		display: block;
		margin-bottom: 20px;
		box-sizing:border-box;
		padding: 25px 15px 15px;
		background: url(../zhihui/z-img33.png) center/cover no-repeat;
	}
	.park-data .list ul>li img{
		display: block;
		width: 56px;
		margin: 0 auto 10px;
	}
	.park-data .list ul>li .tit{
		font-size: 16px;
		font-family: MicrosoftYaHeiSemibold;
		color: #FFFFFF;
		text-align: center;
		line-height: 24px;
	}
	.park-data .list ul>li .box{
		display:-moz-box; /* Firefox */
		display:-webkit-box; /* Safari and Chrome */
		display:box;
	}
	.park-data .list ul>li .box div{
		-moz-box-flex:1.0; /* Firefox */
		-webkit-box-flex:1.0; /* Safari and Chrome */
		box-flex:1.0;
		font-size: 14px;
		font-family: MicrosoftYaHei;
		color: #AFAFAF;
		line-height: 16px;
		text-align: center;
	}
	.park-data .list ul>li .box div p{
		margin-bottom: 10px;
	}
	.park-data .list ul>li .box div p:hover{
		color: #fff;
	}
	.park-data .list ul>li .box div p:last-child{
		margin-bottom: 0;
	}
	.community .com-box:first-child{
		background-color: #FBFEFE;
	}
	.community .com-box{
		position: relative;
		padding-top: 20px;
	}
	.community .com-box .title{
		font-size: 18px;
		font-family: MicrosoftYaHeiSemibold;
		color: #333333;
		line-height:1;
		position: absolute;
		text-align: center;
		width: 100%;
		left: 0;
		top: 20px;
		z-index: 2;
	}
	.community .com-box .block{
		display: block;
		width: 100%;
	}
	.affairs .affairs-box {
		padding: 25px 4% 10px;
		background-color: transparent;
	}
	.affairs .affairs-box .title{
		font-size: 16px;
		font-family: MicrosoftYaHeiSemibold;
		color: #333333;
		line-height: 32px;
		text-align: center;
		margin-bottom: 6px;
	}
	.affairs .affairs-box .tit{
		font-size: 14px;
		font-family: MicrosoftYaHei;
		color: #333;
		text-align: center;
		line-height: 1.5;
		margin-bottom: 25px;
	}
	.affairs .affairs-box .mian li{
		margin-bottom: 25px;
		position: relative;
		background-color: #fff;
    	padding: 25px 15px 20px;
	}
	.affairs .affairs-box .mian li .icon{
		display: block;
		width: 50px;
		position: absolute;
		left: 15px;
    	top: 25px;
	}
	.affairs .affairs-box .mian li .sub_tit{
		font-size: 16px;
		font-family: MicrosoftYaHeiSemibold;
		color: #333333;
		padding-left: 62px;
		line-height:1.2;
		margin-bottom: 8px;
	}
	.affairs .affairs-box .mian li .detaile{
		font-size: 14px;
		font-family: MicrosoftYaHei;
		color: #808080;
		line-height: 25px;
		padding-left: 62px;
	}
	.affairs .com-box .block{
		display: block;
		width: 100%;
	}
	.affairs-ban .bgimg{
		margin-left: -246px;
	}
	.i-column-wrap .font{
		font-size: 14px;
	}

}
@media (min-width: 768px) {
	.i-fir-wrap.three .title{
		left: 7%;
	    top: 6%;
	}
	.i-fir-wrap.four .title{
		/*top: 20px;*/
		padding: 25px 0 20px;
	}
	.parks .module-box .box .mbox .title{
		margin-bottom: 0
	}
	.parks .module-box .box .mbox .title{
		font-size: 16px;
	}
	.parks .module-box .box .mbox .detaile{
		font-size: 14px;
	}
	.parks .park-data{
		padding: 40px 4% 36px;
		background: url(../zhihui/z-img33.png) center/cover no-repeat;
	}
	.park-data .title{
		font-size: 18px;
		margin-bottom: 10px;
		color: #fff;
	}
	.park-data .detaile{
		font-size: 14px;
		margin-bottom: 36px;
	}
	.park-data .list ul{
		position: relative;
	}
	.park-data .list ul>li{
		width: 50%;
		margin-bottom: 30px;
		position: relative;
	}
	.park-data .list ul>li:first-child:before{
		display: block;
		width: 2px;
		height: 100%;
		background: url(../zhihui/z-img17.png) center/cover no-repeat;
		content: '';
		position: absolute;
		right: 0;
		top: 0;
	}
	.park-data .list ul>li{
		background: none;
	}
	.community .com-box .title{
	    font-size: 18px;
	    top: 28px;
	}
	.affairs .affairs-box{
		padding: 44px 4% 15px;
	}
	.affairs .affairs-box .title{
		font-size: 18px;
		margin-bottom: 16px;
	}
	.affairs .affairs-box .tit{
		margin-bottom: 50px;
		font-size: 16px;
	}
	.affairs .affairs-box .mian li .sub_tit{
		font-size: 16px;
		margin-bottom: 14px;
		padding-left: 82px;
	}
	.affairs .affairs-box .mian li .icon{
		width: 62px;
	}
	.affairs .affairs-box .mian li .detaile{
		font-size: 14px;
		padding-left: 82px;
	}
	.affairs-ban .bgimg{
		margin-left: auto;
	}


	.css-ani,
	.css-ani-park,
	.css-ani-affairs,
	.css-ani-community,
	.css-ani-box,
	.css-ani-boxs{
		opacity: 0;
		filter: alpha(opacity=0);
		transition: opacity 0.3s ease 0s;
	}
	.css-ani.active,
	.css-ani-park.active,
	.css-ani-affairs.active,
	.css-ani-community.active,
	.css-ani-box.active,
	.css-ani-boxs.active{
		opacity: 1;
		filter: alpha(opacity=100);
	}
	.css-ani .left-ani,.css-ani .right-ani,
	.css-ani-park .left-ani,.css-ani-park .right-ani,
	.css-ani-affairs .left-ani,.css-ani-affairs .right-ani,
	.css-ani-community .left-ani,.css-ani-community .right-ani{
		margin-top: 20px;
		opacity: 0;
		filter: alpha(opacity=0);
	}
	.css-ani.active .left-ani,
	.css-ani-park.active .left-ani,
	.css-ani-affairs.active .left-ani,
	.css-ani-community.active .left-ani{
		margin-top: 0px;
		opacity: 1;
		filter: alpha(opacity=100);
		transition: all 0.3s ease 0s;
	}
	.css-ani.active .right-ani,
	.css-ani-park.active .right-ani,
	.css-ani-affairs.active .right-ani,
	.css-ani-community.active .right-ani{
		margin-top: 0px;
		opacity: 1;
		filter: alpha(opacity=100);
		transition: all 0.3s ease 0.1s;
	}

}


@media (min-width: 1050px) {
	.i-fir-wrap .imges{
		width: 41%
	}
	.i-fir-wrap .box{
		width: 59%;
		position: absolute;
		height: 100%;
		top: 0;
	}
	.i-fir-wrap .left-wrap .cent-cont{
		top: 50%;
		transform: translateY(-50%);
		width: 72%;
		max-width: 514px;
	}
	.i-column-wrap.black .stit{
		margin-bottom: 45px;
	}
	.i-column-wrap .link{
		margin-top: 65px;
	}
	.i-fir-wrap.three .title{
		font-style: 17px;
		top: 7%;
	}
	.i-fir-wrap.four .title {
	    font-size: 17px;
	    /*top: 26px;*/
	}
	.i-fir-wrap.four .block.pc{
		display: block;
	}
	.i-fir-wrap.four .block.mobile{
		display: none;
	}
	.parks .bg-box{
		background: none;
	}
	.parks .module-box .img{
		display: block;
	}
	.parks .module-box.bg-box .box{
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		padding: 0;
	}
	.parks .module-box .box img{
		display: block;
		width: 243px;
		position: absolute;
		bottom: 12.3%;
		left:calc(50% - 121px); 
	}
	.parks .module-box .mbox{
		width: 27.5%;
		position: absolute;
		min-width: 290px;
	}
	.parks .module-box .box .mbox .title{
		font-size: 18px;
	}
	.parks .module-box .mbox.icon-park{
		left: 3.8%;
		top: 64.7%;
	} 
	.parks .module-box .mbox.icon-company{
		left:calc(50% - 165px);
		top: 9.3%;
		width: 330px;
	} 
	.parks .module-box .mbox.icon-product{
		right: 3.8%;
		top: 64.7%;
	} 
	.park-data .title {
	    font-size: 20px;
	    margin-bottom: 16px;
	}
	.park-data .list ul>li img {
	    margin: 0 auto 14px;
	}
	.park-data .list ul{
		width: 50%;
		float: left;
	}
	.park-data .list ul>li{
		margin-bottom: 0
	}
	.park-data .list ul>li .box{
		padding: 12px 0% 0px;
	}
	.park-data .list ul:first-child:before{
		display: block;
		width: 2px;
		height: 100%;
		background: url(../zhihui/z-img17.png) center/cover no-repeat;
		content: '';
		position: absolute;
		right: 0;
		top: 0;
	}
	.park-data .list ul>li .tit{
		font-size: 16px;
	}

	.community .com-box .title {
	    font-size: 20px;
	    top:41px;
	    /*font-weight: 600;*/
	}
	.affairs .affairs-box .title{
		font-size: 20px;
	}
	.affairs .affairs-box .tit{
		margin-bottom: 65px;
	}
	.affairs .affairs-box .mian li{
		width: 48%;
		padding: 0;
		background-color: transparent;;
	}
	.affairs .affairs-box{
		background-color: #fff;
		margin-bottom: 16px;
	}
	.affairs .affairs-box .mian li .icon{
		left: 0px;
    	top: 0px;
	}
	.affairs .affairs-box .mian li{
		margin-bottom: 45px;
	}
	.community .com-box{
		padding-top: 0;
	}
	.community .com-box:first-child{
		background-color: transparent;
	}
	.parks .module-box .box .mbox{
		box-shadow:none;
		padding: 0;
	}
	.parks .module-box .box .mobile-title{
		display: none;
	}

}
@media (min-width: 1200px) {
	.i-fir-wrap.three .title{
		left: 7%;
	    top: 7.5%;
    	font-size: 20px;
	}
	.i-fir-wrap.four .title {
	    font-size: 20px;
	    padding: 40px 0 50px;
	    /*top: 35px;*/
	}
	.parks .module-box .box img{
		width: 288px;
	}
	.park-data .title{
		font-size: 22px;
	}
	.community .com-box .title {
	    font-size: 22px;
	    top:41px;
	}
	.affairs .affairs-box .title{
		font-size: 22px;
	}
	.affairs .affairs-box .mian li .sub_tit,
	.affairs .affairs-box .tit{
		font-size: 18px;
	}
	.i-column-wrap .font{
		font-size: 14px;
	}
}

@media (min-width: 1360px) {
	.i-column-wrap .link{
		margin-top: 75px;
	}
	.i-fir-wrap.three .title{
		font-size: 22px;
		top: 54px;
		left: 82px;
	}
	.i-fir-wrap.four .title {
	    font-size: 24px;
	    top: 41px;
	}
	.parks .module-box .mbox.icon-company{
		top: 13.3%;
	}
	.parks .module-box .mbox.icon-park{
		left: 7.8%; 
	}
	.parks .module-box .mbox.icon-product{
		right: 6.5%; 
	}
	.parks .module-box .box .mbox .title{
		margin-bottom: 12px;
	}
	.parks .module-box .box .mbox .detaile{
		font-size: 16px;
	}
	.park-data .title{
		font-size: 24px;
	}
	.community .com-box .title {
	    font-size: 24px;
	    top:47px;
	}
	.affairs .affairs-box .title{
		font-size: 24px;
	}
	.parks .module-box .box img{
		bottom: 15.3%;
	}
}
@media (min-width: 1600px) {
	.parks .module-box .box img{
		bottom: 18.3%;
	}
}
@media (min-width: 1800px) {
	.parks .module-box .box img{
		bottom: 22.3%;
	}
}
@media (min-width: 1900px) {
	.parks .module-box .box img{
		bottom: 25.3%;
	}
}