/**css by Magic.C QQ81594559 2019.3**/



@media only screen and (min-width: 1000px) and (max-width:1200px) {

}

@media only screen and (min-width:768px) and (max-width:999px) {

}

/*========针对所有大屏*/
@media only screen and (min-width: 768px) {
	
}

/*========针对所有小屏*/
@media only screen and (max-width: 767px) {
    body{flex-wrap:wrap;}
    .logo{font-size: 12px;text-align: center;}
    .topnav-list{font-size: 12px;}
    .topnav-list li {margin-right: 14px;}
    .topnav-list li a{word-break: break-all;}
    #main{margin-top:110px;}
    #wenben{margin-top:30px;}
}


/*====PC端=====*/
/*1600 1680 1920*/
@media only screen and (min-width: 1601px) {

	
}
/*1600*/
@media only screen and (min-width: 1441px) and (max-width:1600px) {
    .wrap-right{padding:20px;}
    .colors-list .item{height:250px;padding-top:90px;}
    .colors-list .item i{height:70px;width:70px;}
}

/*1366 1440*/
@media only screen and (min-width: 1281px) and (max-width:1440px) {
    .wrap-right{padding:20px;}
    .wrap-left{width:280px;min-width:220px;max-width:300px;}
    .colors-list .item{height:240px;padding-top:90px;}
    .colors-list .item i{height:60px;width:60px;}
}

/*1280*/
@media only screen and (min-width: 1153px) and (max-width:1280px) {
    .wrap-right{padding:20px;}
    .wrap-left{width:280px;min-width:220px;max-width:300px;}
    .colors-list .item{height:240px;padding-top:90px;}
    .colors-list .item i{height:60px;width:60px;}
}

/*800 1024 1152*/
@media only screen and (min-width: 768px) and (max-width:1152px) {
    .wrap-right{padding:20px;}
    .wrap-left{width:280px;min-width:220px;max-width:300px;}
    .colors-list .item{height:240px;padding-top:90px;}
    .colors-list .item i{height:60px;width:60px;}

}


/*====移动端====*/
/*540 640 720 768*/
@media only screen and (min-width: 481px) and (max-width:767px) {
	
}

/*328 360 371 375 393 414 432 480*/
@media only screen and (min-width: 321px) and (max-width:480px) {
	
}

/*240 320*/
@media only screen and (max-width: 320px) {
	
}