/*寬度小於1230的時候用這部分的樣式*/
@media screen and (max-width:1230px){   
	
}
/*寬度小於1060的時候用這部分的樣式*/
@media screen and (max-width:1060px){
	
}
/*寬度小於1000的時候用這部分的樣式*/
@media screen and (max-width:1000px){
}
@media screen and (max-width:920px){

}

@media screen and (max-width:830px){
	.body{    background-size: 300% auto;background-position: center top;}
	.index_banner_main.layout{display: block;margin-top: 40px} 
	.index_banner_main_left{text-align: center;}
	.index_banner_main_right .img{width: 60%;margin: 0 auto}
	.header{height: 110px;}
	.header_menu .logo img{height: 90px}
	.layout{margin: 0 auto;width: 95%}
	.index_banner_main .h1{margin-bottom: 20px}
	.index_banner_main .p1{margin-bottom: 20px}
	.index_banner_main_right{margin-top: 40px}
	.eject_rule_main{padding: 20px 20px;width: 80%}
	.index_main{padding:0px 0px 50px 0}
	.index_main .layout {display: block;}
	.index_main_left {margin-bottom: 50px;width: 85%;margin: 100px auto 0px }
	.index_main .p1{font-size: 14px;}
	.index_main .p1 b{font-size: 20px}
	.bottom_copyright.flex{display: block;}
}	

@media screen and (max-width:790px){
	/*777*/
}

@media screen and (max-width:700px){
	/*666*/
}


@media screen and (max-width: 700px) {
	/*5555*/
}
@media screen and (max-width: 640px)  {
  /*444*/

}
@media screen and (max-width: 480px)  {
	/*333*/


}
@media screen and (max-width: 400px)  {
	/*222*/
}
@media screen and (max-width: 320px){
    /*111*/
    
}


@media screen and (max-width: 640px) and (min-width: 550px) {
   
    
}
@media screen and (max-width: 550px) and (min-width: 480px) {
   

}
@media screen and (max-width: 480px) and (min-width: 400px) {
    
}
@media screen and (max-width: 400px) and (min-width: 320px) {
    
}
@media screen and (max-width: 320px){
    
}