/* CSS Document */
.one{ margin-top: 5%;}
.two{margin-top: 5%;}
.three{margin-top: 10%;}
.one_pic{ width: 40%; } 
.one_pic img{ width: 100%;}
.two_pic{width: 52%;}
.two_pic img{ width: 100%;}
.three_pic{width: 42%;}
.three_pic img{ width: 80%;}
.ty_news_box{ position: relative;}
.icon{position: absolute; z-index: -1;}

.news_box{ width: 520px; position: relative;  padding-left: 70px;padding-top: 30px;}
.news_box h4{font-size: 30px; font-weight: bold;}

.news_box p{ font-size: 16px; line-height: 36px;}

.one_mar{ margin-top: 80px;}
.bg_gr{background: #F9F9F9; padding-bottom:30px;}

@media screen and (max-width:1440px) {
	
	.two_pic{width: 42%;}
.two_pic img{ width: 100%;}
.three_pic{width: 42%;}
.three_pic img{ width: 80%;}
	.one_mar{ margin-top: 30px;}
	.icon{}
	.icon img{ width: 70%;}
}

@media screen and (max-width:1000px) {
	.two_pic,.one_pic,.three_pic{ float: inherit;}
	.news_box{width: 100%; padding-left:0;}
	.news_box h4{ font-size: 18px;}
	.news_box p{ font-size: 14px; line-height: 28px;}
	
	.one_pic{ width: 70%; margin: 0 auto;}
	.two_pic{ width: 70%; margin: 0 auto;}
	.three_pic{ width: 70%;margin: 0 auto;} 
	.icon img{ width:50%;}
	
	.one{ margin-top:5%;}
.two{margin-top:10%;}
.three{margin-top: 10%; margin-bottom: 5%;}
	.news_box{ padding-top: 20px;}
	.one_mar{ margin-top: 5px;}

}

@media screen and (max-width:460px) {
	
	.one_pic{ width: 100%}
	.two_pic{ width: 100%}
	.three_pic{ width: 90%}
}