body{overflow-x:hidden; }
@media screen and (min-width: 751px) {
	#community-older {
		margin-bottom: 104px;
	} 
	#community-older .top-img {
		max-width: 1920px;
		margin: 0 auto;
		margin-bottom: 77px;
	}
	#community-older .top-img img {
		width: 100%;
		min-width: 1250px;
	}
	#community-older .content-box {
		width: 1250px;
		padding: 0 16px;
		margin: 0 auto;
		text-align: center;
	}
	#community-older h2 {
		margin: 0;
		text-align: center;
		font-size: 32px;
		font-weight: bold;
		color: #333333;
	}
	#community-older h2:after {
		content: "";
		display: block;
		position: relative;
		z-index: 2;
		margin: 14px auto 0;
		width: 58px;
		height: 4px;
		background: #1264AE;
	}
	#community-older .content-box .content-inline {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}
	#community-older .content-box .content-inline .box1 {
		width: 40%;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	#community-older .content-box .content-inline .box1 img{width: 100%;}
	.box1new{width: 55%;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;}
	#community-older .content-box .content-inline .text {
		width: 670px;
		font-size: 16px;
		font-weight: 400;
		line-height: 32px;
		color: #333333;
		display: flex;
		flex-direction: column;
		justify-content: center;
		text-align: left;
	}
	#community-older .content-box .content-block p {
	 
		font-size: 16px;
		font-weight: 400;
		color: #333333;
		line-height: 36px;
		text-align: left;
	}
	#community-older .content-box .content-inline .img1 {
		width: 380px;
		height: auto;
	}
	#community-older .content-box .content-block .img2 {
		width: 1250px;
		height:auto;
	} 
	#community-older .content-box .content-block .inline {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}
	#community-older .content-box .content-block .inline p {
		width: auto;
		font-size: 16px;
		font-weight: 400;
		color: #333333;
		line-height: 36px;
		text-align: center;
	}
	.wp_mb78 {
		margin-bottom: 78px;
	}
	.wp_mt35 {
		margin-top: 35px;
	}
	.wp_mb120 {
		margin-bottom: 120px;
	}
	.beijiText{}
	.beijiText h1{font-size: 22px;color: #E8650F;text-align: left;width: 100%;margin-bottom: 10px;}
	.beijiText h3{font-size: 20px;color: #333333;text-align: left;width:100%;margin: 20px 0;}
	.beijiText p{color: #333333;font-size: 15px;line-height:30px;text-align: left;width: 100%;}
	.publicChildT{width: 100%;text-align:center;color: #E8650F;font-size: 23px;}
	.hytdBlock {width: 1250px;margin:0 auto;display: flex;justify-content: space-around;}
	.hytdBlock li{     border-radius: 25px; width: 16%;padding: 90px 1.5% 0;  height: 260px; position: relative;}
	.hytdBlock li h3{font-size: 28px;width: 118px;line-height: 118px;text-align:center; position: absolute;top: -64px;border-radius: 100px;left: 50%; margin-left: -64px; background: #fff;}
	.hytdBlock li p{font-size: 16px;line-height:30px;color: #fff;}
	.hytdBlock li:nth-child(1){background-color: #D8712F}
	.hytdBlock li:nth-child(2){background-color: #EB9957}
	.hytdBlock li:nth-child(3){background-color: #9AC056}
	.hytdBlock li:nth-child(4){background-color: #4AADEB}
	.hytdBlock li:nth-child(1) h3{border:5px  #D8712F solid;color: #D8712F;}
	.hytdBlock li:nth-child(2) h3{border:5px  #EB9957 solid;color: #EB9957;}
	.hytdBlock li:nth-child(3) h3{border:5px  #9AC056 solid;color: #9AC056;}
	.hytdBlock li:nth-child(4) h3{border:5px  #4AADEB solid;color: #4AADEB;}
	.modeList{width:1200px;margin:0 auto;}
	.modeList dl{ width: 19%; padding: 32px 32px 32px 8%; float: left; height:107px;margin-bottom: 47px;  animation: bianbigdao 0.8s;animation-fill-mode: forwards ;   box-shadow: 0 0 10px #e7e7e7;   margin-left: 5%; background-repeat: no-repeat;background-size: 50px;background-position: 30px 29px;}
	.modeList dl:hover{ animation: bianbig 0.8s;animation-fill-mode: forwards; }
	
	@keyframes bianbig {
		from {
			transform: translateY(0px); 
		}
	
		to {
			transform: translateY(-10px); 
		}
	}
	@keyframes bianbigdao {
		from {
			transform: translateY(-10px); 
		}
	
		to {
			transform: translateY(0px); 
		}
	}
	.modeList dl:nth-child(3n+1){margin-left: 0;}
	.modeList dl dt{width:100%; font-size: 18px;color: #333333;margin-bottom: 10px}
	.modeList dl:nth-child(1){background-image: url(http://www.ilanchuang.com/images/bj1.png);}
	.modeList dl:nth-child(2){background-image:url(http://www.ilanchuang.com/images/bj3.png);}
	.modeList dl:nth-child(3){background-image: url(http://www.ilanchuang.com/images/bj2.png);}
	.modeList dl:nth-child(4){background-image: url(http://www.ilanchuang.com/images/bj3.png);}
	.modeList dl:nth-child(5){background-image: url(http://www.ilanchuang.com/images/bj4.png);}
	.modeList dl:nth-child(6){background-image: url(http://www.ilanchuang.com/images/bj5.png);}
	.modeList dl dt img{display: block; margin: 30px auto 10px;}
	.modeList dl dd{font-size: 15px;color: #666666;line-height: 25px;border-radius: 0 4px 4px 0;}
	.doudi{font-size:18px;text-align:center;}
	.doudi strong{font-size: 20px;}
	.tag-box1{position:relative;top:0;width:373px;height:320px;background:#fff;border:1px solid #eaebf2;box-shadow:0 12px 12px rgba(201,198,223,.17);transition:.3s;text-align:center;}
	.tag-box1:hover{top:-10px}
	.tag-box1 img{margin-top:47px;width:60px;height:60px}
	.tag-box1 p{margin:30px auto 20px;font-size:22px!important;font-weight:500;color:#333;text-align:center!important;}
	.tag-box1 span{display:block;margin:0 auto;width:266px;line-height:26px;font-size:15px;font-weight:400;color:#666}
	.moshi{display: flex;justify-content: space-between;}
	.moshi li{width: 394px;height: 180px;border:1px #EAEBF2 solid;position: relative;font-size:20px;}
	.moshi li h4{width: 128px;line-height:44px;color: #fff;text-align:center;position: absolute;top: -22px;left: 50%;margin-left: -68px;}
	.moshi li p{width: 90%;margin:40px auto 0;line-height:30px;color: #666666;font-size:16px;}
	.moshi li:nth-child(1) h4{background-color: #53C168;}
	.moshi li:nth-child(2) h4{background-color: #2398D3;}
	.moshi li:nth-child(3) h4{background-color: #F09949;}
	.inline .imgone{width:49%;}
	.imgone img{width: 100%;}
	.pc-hidden {
		display: none;
	}
	.pc-show {
		display: block;
	}
}


@media screen and (max-width: 750px) {
	#community-older {
		margin-bottom: 104px;
	} 
	#community-older .top-img {
		max-width: 1920px;
		margin: 0 auto;
		margin-bottom: 77px;
	}
	#community-older .top-img img {
		width: 100%;
	}
	#community-older .content-box {
		width: 100%;
		padding: 0 16px;
		box-sizing: border-box;
		margin: 0 auto;
		text-align: center;
	}
	#community-older h2 {
		margin: 0;
		text-align: center;
		font-size: 0.426666rem;
		font-weight: bold;
		color: #333333;
	}
	#community-older h2:after {
		content: "";
		display: block;
		position: relative;
		z-index: 2;
		margin: 14px auto 0;
		width: 58px;
		height: 4px;
		background: #1264AE;
	}
	#community-older .content-box .content-inline {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
	}
	#community-older .content-box .content-inline .box1 {
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	#community-older .content-box .content-inline .box1 img{width: 100%;}
	.box1new{
		padding: 0 16px;
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;}
	#community-older .content-box .content-inline .text {
		width: 670px;
		font-size: 16px;
		font-weight: 400;
		line-height: 32px;
		color: #333333;
		display: flex;
		flex-direction: column;
		justify-content: center;
		text-align: left;
	}
	#community-older .content-box .content-block p {
		font-size: 0.426666rem;
		font-weight: 400;
		color: #333333;
		line-height: 0.96rem;
		text-align: left;
	}
	#community-older .content-box .content-inline .img1 {
		width: 100%;
		height: auto;
	}
	#community-older .content-box .content-block .img2 {
		width: 100%;
		height:auto;
	} 
	#community-older .content-box .content-block .inline {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
	}
	#community-older .content-box .content-block .inline p {
		width: auto;
		font-size: 16px;
		font-weight: 400;
		color: #333333;
		line-height: 36px;
		text-align: center;
	}
	.wp_mb78 {
		margin-bottom: 78px;
	}
	.wp_mt35 {
		margin-top: 35px;
	}
	.wp_mb120 {
		margin-bottom: 120px;
	}
	.beijiText{}
	.beijiText h1{font-size: 0.48rem;color: #E8650F;text-align: left;width: 100%;margin-bottom: 10px;}
	.beijiText h3{font-size: 0.426666rem;color: #333333;text-align: left;width:100%;margin: 20px 0;}
	.beijiText p{color: #333333;font-size: 0.373333rem;line-height:0.8rem;text-align: left;width: 100%;}
	.publicChildT{width: 100%;text-align:center;color: #E8650F;font-size: 0.48rem;}
	.hytdBlock {width: 100%;margin:0 auto;display: flex;flex-wrap: wrap;justify-content: space-around;align-items: center;}
	.hytdBlock li{     border-radius: 25px; width: 41%;padding: 30px 1.5% 0;  height: 240px; position: relative;margin-bottom: 80px;}
	.hytdBlock li h3{font-size: 28px;width: 65px;line-height: 65px;text-align:center; position: absolute;top: -56px;border-radius: 100px;left: 50%; margin-left: -40px; background: #fff;}
	.hytdBlock li p{font-size: 12px;line-height:30px;color: #fff;}
	.hytdBlock li:nth-child(1){background-color: #D8712F}
	.hytdBlock li:nth-child(2){background-color: #EB9957}
	.hytdBlock li:nth-child(3){background-color: #9AC056}
	.hytdBlock li:nth-child(4){background-color: #4AADEB}
	.hytdBlock li:nth-child(1) h3{border:5px  #D8712F solid;color: #D8712F;}
	.hytdBlock li:nth-child(2) h3{border:5px  #EB9957 solid;color: #EB9957;}
	.hytdBlock li:nth-child(3) h3{border:5px  #9AC056 solid;color: #9AC056;}
	.hytdBlock li:nth-child(4) h3{border:5px  #4AADEB solid;color: #4AADEB;}
	.modeList{width:calc(100% - 32px);margin:0 auto;}
	.modeList dl{ width: 100%; padding: 20px 0px 0px 91px; box-sizing: border-box; height:140px;margin-bottom: 12px; box-shadow: 0 0 10px #e7e7e7;  background-repeat: no-repeat;background-size: 50px;background-position: 26px 20px;}
	.modeList dl:hover{ animation: bianbig 0.8s;animation-fill-mode: forwards; }
	
	@keyframes bianbig {
		from {
			transform: translateY(0px); 
		}
	
		to {
			transform: translateY(-10px); 
		}
	}
	@keyframes bianbigdao {
		from {
			transform: translateY(-10px); 
		}
	
		to {
			transform: translateY(0px); 
		}
	}
	.modeList dl:nth-child(3n+1){margin-left: 0;}
	.modeList dl dt{width:100%; font-size: 18px;color: #333333;margin-bottom: 10px}
	.modeList dl:nth-child(1){background-image: url(http://www.ilanchuang.com/images/bj1.png);}
	.modeList dl:nth-child(2){background-image:url(http://www.ilanchuang.com/images/bj3.png);}
	.modeList dl:nth-child(3){background-image: url(http://www.ilanchuang.com/images/bj2.png);}
	.modeList dl:nth-child(4){background-image: url(http://www.ilanchuang.com/images/bj3.png);}
	.modeList dl:nth-child(5){background-image: url(http://www.ilanchuang.com/images/bj4.png);}
	.modeList dl:nth-child(6){background-image: url(http://www.ilanchuang.com/images/bj5.png);}
	.modeList dl dt img{display: block; margin: 30px auto 10px;}
	.modeList dl dd{font-size: 15px;color: #666666;line-height: 25px;border-radius: 0 4px 4px 0;}
	.doudi{font-size:0.373333rem;text-align:center;}
	.doudi strong{font-size: 0.373333rem;}
	.tag-box1{position:relative;top:0;width:100%;margin-bottom: 12px;min-height:320px;background:#fff;border:1px solid #eaebf2;box-shadow:0 12px 12px rgba(201,198,223,.17);text-align:center;}
	.tag-box1 img{margin-top:47px;width:60px;height:60px}
	.tag-box1 p{margin:30px auto 20px;font-size:22px!important;font-weight:500;color:#333;text-align:center!important;}
	.tag-box1 span{display:block;margin:0 auto;width:266px;line-height:0.693333rem;font-size:0.4rem;font-weight:400;color:#666}
	.moshi{display: flex;justify-content: space-between;flex-direction: column;}
	.moshi li{width: 100%;min-height: 180px;margin-bottom: 36px;border:1px #EAEBF2 solid;position: relative;font-size:20px;}
	.moshi li h4{width: 128px;line-height:44px;color: #fff;text-align:center;position: absolute;top: -22px;left: 50%;margin-left: -68px;}
	.moshi li p{width: 94%;margin:40px auto 0;line-height:0.8rem;color: #666666;font-size:0.426666rem;}
	.moshi li:nth-child(1) h4{background-color: #53C168;}
	.moshi li:nth-child(2) h4{background-color: #2398D3;}
	.moshi li:nth-child(3) h4{background-color: #F09949;}
	.inline .imgone{width:100%;}
	.imgone img{width: 100%;}
	.enlarge-img-box {
		position: relative;
	}
	.enlarge-img-box .enlarge-btn {
		position: absolute;
		right: 0;
		bottom: 0;
	}
	.enlarge-btn img {
		width: 32px;
	}
	.pc-hidden {
		display: block;
	}
	.pc-show {
		display: none;
	}
}