@media only screen and (max-width: 1199px){

	#banner .banner_section .banner_content .banner_back_img{height: 370px;}
	.text_section .text_content .text_box_left ul li:first-child{width: 50px;}
	.text_section .text_content .text_box_left ul li:last-child{width: calc(100% - 65px);}
	#header .header_section .header_content .header_left_part h1{font-size:29px;}

}


@media only screen and (max-width: 991px){
	#header .header_section .header_content .header_left_part h1{font-size: 22px;}
	#banner .banner_section .banner_content .banner_back_img{height: 275px;}
	#banner .banner_section .banner_content .banner_bottom_part img{width: 50%;}
	#banner .banner_section .banner_content .banner_bottom_part p{font-size: 25px;}
	#color_btn .color_btn_section .color_btn_content .color_btn_left_part{width: 100%;margin-bottom: 15px;}
	#color_btn .color_btn_section .color_btn_content .color_btn_right{text-align: left;}
}


@media only screen and (max-width: 767px){

	.text_section .text_content .text_box_left{width: 100%;margin-bottom: 50px;}
	.text_section .text_content .text_box_right{width: 100%;text-align: left;}

	#banner .banner_section .banner_content .banner_back_img{height: 200px;	}
	
}


@media only screen and (max-width: 640px){
	
}

@media only screen and (max-width: 575px){
	#banner .banner_section .banner_content .banner_back_img{height: 215px;}
	#color_btn .color_btn_section .color_btn_content .color_btn_left_part h1{font-size: 25px;}
	#color_btn .color_btn_section .color_btn_content .color_btn_left_part ul li{width: 20px;height: 50px;}
	#color_btn .color_btn_section .color_btn_content .color_btn_left_part ul li .color_btn{width: 20px;height: 50px;}
}

@media (max-width: 479px){
	#banner .banner_section .banner_content .banner_back_img{
		height: 180px;
	}
}

@media (max-width: 425px){
	#banner .banner_section .banner_content .banner_back_img{
		height: 160px;
	}
}

@media only screen and (max-width: 375px){
	#banner .banner_section .banner_content .banner_back_img{height: 140px;}
	#banner .banner_section .banner_content .banner_bottom_part{margin-top: 20px;}
	#banner .banner_section .banner_content .banner_bottom_part p{font-size: 16px;}
	#header .header_section .header_content .header_left_part h1{font-size: 16px;}
	.text_section{padding-top: 20px;}
	.text_section .text_content .text_box_left ul{margin-top: 0;}

}

@media only screen and (max-width: 320px){
    
    #banner .banner_section .banner_content .banner_back_img{height:115px;}
}