@media screen and (max-width: 1680px) {
}
@media screen and (max-width: 1440px) {
}
@media screen and (max-width: 1366px) {
}
@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1160px) {
}
@media screen and (max-width: 900px) {

    .banner-box{padding-top: calc(100vw * 100 / 800); height: calc(100vw * 334 / 800);}
    .banner-box img { height: calc(100vw * 74 / 800);}
    
    .type-box {margin-top: calc(-100vw * 80 / 800); }
    .type-box .type-box-item { margin: 0 calc(100vw * 20 / 800) calc(100vw * 20 / 800) calc(100vw * 20 / 800); width: 40% !important; height: calc(100vw * 111 / 800);    }
    .type-box .type-box-item span{font-size: .41rem; line-height: 1.2; }
    
	.main-top{ margin-top: calc(-100vw * 100 / 800);}
	.main-top .content-box{ min-height: auto;}
	
	.ml ul{ margin: calc(-100vw * 20 / 800) calc(-100vw * 20 / 800) 0 0;}
	.ml ul li{ width: calc(100% / 2);}
	.ml ul li a{ margin: calc(100vw * 20 / 800) calc(100vw * 20 / 800) 0 0; padding: calc(100vw * 20 / 800) calc(100vw * 10 / 800);}
	
    .content-box { margin-top: calc(100vw * 10 / 800); padding: calc(100vw * 25 / 800); }
    .content .menu-title-box {height: calc(100vw * 74 / 800);}
    .content .menu-title-box .menu-ico { width: calc(100vw * 167 / 800);}
    .content .menu-title-box .menu-title { margin-left: calc(100vw * 187 / 800); width: calc(100% - (100vw * 187 / 800));  }
    .content .menu-title-box .menu-title span {font-size: .41rem; line-height: calc(100vw * 38 / 800); }
    
    .content .line {margin: calc(100vw * 40 / 800) 0; height: calc(100vw * 2 / 800);}
    
    .content .list li {margin-bottom: calc(100vw * 27 / 800);}
    .content .list li .title-box {float: none; position: static; padding: 0 calc(100vw * 30 / 800); width: 100%;height: calc(100vw * 70 / 800);border-top-left-radius: calc(100vw * 20 / 800);border-top-right-radius: calc(100vw * 20 / 800); }
    .content .list li .title-box span {font-size: .29rem;}
    
    .content .list li .type-list {float: none; padding: calc(100vw * 28 / 800) calc(100vw * 25 / 800) calc(100vw * 15 / 800) calc(100vw * 25 / 800); width: 100%;height: auto;}
    .content .list li .type-list a { margin-right:calc(100vw * 13 / 800);margin-bottom: calc(100vw * 16 / 800); width: calc((100% - (100vw * 13 / 800)) / 2);height: calc(100vw * 42 / 800);font-size: .27rem; line-height: calc(100vw * 42 / 800);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
    .content .list li .type-list a:nth-child(3n+3){margin-right: calc(100vw * 13 / 800);}
    .content .list li .type-list a:nth-child(2n+2){margin-right: 0;}
	
	.content .ejlist .hd{ margin-top:calc(100vw * 35 / 800);}
	.content .ejlist .hd span{ font-size: 0.3rem;}
	.content .ejlist .bd ul{ margin-right:calc(-100vw * 20 / 800);}
	.content .ejlist .bd ul li{ width: calc(100% / 2);}
	.content .ejlist .bd ul li a{ margin:calc(100vw * 20 / 800) calc(100vw * 20 / 800) 0 0; padding:calc(100vw * 15 / 800);}
}

@media screen and (max-width: 750px) {
   
    .banner-box{padding-top: calc(100vw * 65 / 500); height: calc(100vw * 264 / 500);}
    .banner-box img { height: calc(100vw * 74 / 500);}

    .type-box {margin-top: calc(-100vw * 60 / 500); }
    .type-box .type-box-item { margin: 0 calc(100vw * 20 / 500) calc(100vw * 20 / 500) calc(100vw * 20 / 500); width: 40% !important; height: calc(100vw * 90 / 500);    }
    .type-box .type-box-item span{font-size: .47rem;  }

	.main-top{ margin-top: calc(-100vw * 80 / 500);}
	
	.ml ul{ margin: calc(-100vw * 13 / 500) calc(-100vw * 13 / 500) 0 0;}
	.ml ul li a{ margin: calc(100vw * 13 / 500) calc(100vw * 13 / 500) 0 0; padding: calc(100vw * 15 / 500) calc(100vw * 10 / 500);}
	
    .content-box { margin-top: calc(100vw * 10 / 500); padding: calc(100vw * 15 / 500); }
    .content .menu-title-box {height: calc(100vw * 74 / 500);}
    .content .menu-title-box .menu-ico {display: none; width: calc(100vw * 167 / 500);}
    .content .menu-title-box .menu-title { margin-left:0; width: 100%;  }
    .content .menu-title-box .menu-title span {font-size: .47rem; line-height: calc(100vw * 38 / 500); }

    .content .line {margin: calc(100vw * 40 / 500) 0; height: calc(100vw * 2 / 500);}

    .content .list li {margin-bottom: calc(100vw * 27 / 500);}
    .content .list li .title-box {float: none;  padding: 0 calc(100vw * 30 / 500); width: 100%;height: calc(100vw * 70 / 500);border-top-left-radius: calc(100vw * 20 / 500);border-top-right-radius: calc(100vw * 20 / 500); }
    .content .list li .title-box span {font-size: .35rem;}

    .content .list li .type-list {float: none; padding: calc(100vw * 28 / 500) calc(100vw * 15 / 500) calc(100vw * 15 / 500) calc(100vw * 15 / 500); width: 100%;height: auto;}
    .content .list li .type-list a { margin-right:calc(100vw * 13 / 500);margin-bottom: calc(100vw * 16 / 500);padding: 0 .08rem; width: calc((100% - (100vw * 13 / 500)) / 2);height: calc(100vw * 42 / 500);font-size: .33rem; line-height: calc(100vw * 42 / 500);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
    .content .list li .type-list a:nth-child(3n+3){margin-right: calc(100vw * 13 / 500);}
    .content .list li .type-list a:nth-child(2n+2){margin-right: 0;}
	
	.content .ejlist .hd{ margin-top:calc(100vw * 35 / 500);}
	.content .ejlist .hd span{ font-size: 0.36rem;}
	.content .ejlist .bd ul{ margin-right:calc(-100vw * 20 / 500);}
	.content .ejlist .bd ul li a{ margin:calc(100vw * 20 / 500) calc(100vw * 20 / 500) 0 0; padding:calc(100vw * 15 / 500);}
}