
@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 * 434 / 800);}
    .banner-box img { height: calc(100vw * 74 / 800);}

    .u-title-box img {height: calc(100vw * 30 / 800);}

    .box-item { padding: calc(100vw * 40 / 800) calc(100vw * 30 / 800) calc(100vw * 25 / 800) calc(100vw * 30 / 800); }

    .one {margin-top: calc(-100vw * 170 / 800); }
    .one .type-box {margin-top: calc(100vw * 30 / 800); }
    .one .type-box .type-box-item { margin: 0 calc(100vw * 6 / 800); width: calc(100vw * 114 / 800); height: calc(100vw * 35 / 800);font-size: .27rem;line-height: calc(100vw * 35 / 800); }
    .one .btyj-list-box {margin-top: calc(100vw * 27 / 800);}

    .one .btyj-list-box ul li{ margin-right: 0;margin-bottom: calc(100vw * 20 / 800); padding: calc(100vw * 25 / 800); width:100%;height: calc(100vw * 140 / 800);}
    .one .btyj-list-box ul li:nth-child(2n+2){margin-right: 0;}
    .one .btyj-list-box ul li p {height: calc(100vw * 50 / 800);line-height: calc(100vw * 25 / 800);font-size: .27rem; }
    .one .btyj-list-box ul li span {margin-top: calc(100vw * 20 / 800);font-size: .25rem;}

    .two {margin-top: calc(100vw * 35 / 800);}
    .two .btzcqd-banner {margin-top: calc(100vw * 35 / 800); margin-bottom: calc(100vw * 30 / 800); height: calc(100vw * 130 / 800); }
    .two .btzcqd-banner img {width: 70%;}
    .two ul li{ margin-right: calc(100vw * 25 / 800);margin-bottom: calc(100vw * 24 / 800); width: calc((100% - (100vw * 50 / 800)) / 3);height: calc(100vw * 57 / 800);}
    .two ul li:nth-child(4n+4){margin-right: calc(100vw * 25 / 800);}
    .two ul li:nth-child(3n+3){margin-right:0;}
    .two ul li a{font-size: .27rem;line-height:calc(100vw * 55 / 800);}

    .three {margin-top: calc(100vw * 35 / 800);}
    .three ul {margin-top: calc(100vw * 38 / 800);}
    .three ul li { margin-right:0;margin-bottom: calc(100vw * 20 / 800); padding: calc(100vw * 25 / 800); width: 100%;height: calc(100vw * 140 / 800);}
    .three ul li:nth-child(2n+2) { margin-right: 0;}
    .three ul li p { height: calc(100vw * 50 / 800);line-height: calc(100vw * 25 / 800);font-size: .27rem; }
    .three ul li .type { margin-top: calc(100vw * 20 / 800); width: calc(100vw * 100 / 800); height: calc(100vw * 27 / 800); font-size: .25rem; line-height: calc(100vw * 27 / 800); border-radius: calc(100vw * 13.5 / 800); -webkit-border-radius: calc(100vw * 13.5 / 800); -moz-border-radius: calc(100vw * 13.5 / 800); -ms-border-radius: calc(100vw * 13.5 / 800); -o-border-radius: calc(100vw * 13.5 / 800); }
    .three ul li .time {right: calc(100vw * 25 / 800);bottom: calc(100vw * 20 / 800); margin-top: calc(100vw * 20 / 800);font-size: .25rem;}


    .four {margin: calc(100vw * 38 / 800) 0;}
    .four .four-item { margin-right: calc(100vw * 25 / 800); width: calc((100% - (100vw * 25 / 800)) / 2);height: calc(100vw * 130 / 800);}
    .four .four-item:nth-child(1){background: url(../images/y_hmhnczbt_btff_one_bg.png)no-repeat center; background-size: cover;}
    .four .four-item:nth-child(2){margin-right: 0;}
    .four .four-item img {height: calc(100vw * 30 / 800);}
}

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

    .banner-box{padding-top: calc(100vw * 70 / 500); height: calc(100vw * 354 / 500);}
    .banner-box img { height: calc(100vw * 55 / 500);}
    .u-title-box img {height: calc(100vw * 30 / 500);}

    .box-item { padding: calc(100vw * 40 / 500) calc(100vw * 30 / 500) calc(100vw * 25 / 500) calc(100vw * 30 / 500); }

    .one {margin-top: calc(-100vw * 140 / 500); }
    .one .type-box {margin-top: calc(100vw * 30 / 500); }
    .one .type-box .type-box-item { margin: 0 calc(100vw * 6 / 500); width: calc(100vw * 114 / 500); height: calc(100vw * 35 / 500);font-size: .33rem;line-height: calc(100vw * 35 / 500); }
    .one .btyj-list-box {margin-top: calc(100vw * 27 / 500);}

    .one .btyj-list-box ul li{ margin-right: 0;margin-bottom: calc(100vw * 20 / 500); padding: calc(100vw * 15 / 500); width:100%;height: calc(100vw * 130 / 500);}
    .one .btyj-list-box ul li:nth-child(2n+2){margin-right: 0;}
    .one .btyj-list-box ul li p {height: calc(100vw * 50 / 500);line-height: calc(100vw * 25 / 500);font-size: .33rem; }
    .one .btyj-list-box ul li span {margin-top: calc(100vw * 20 / 500);font-size: .31rem;}

    .two {margin-top: calc(100vw * 35 / 500);}
    .two .btzcqd-banner {margin-top: calc(100vw * 35 / 500); margin-bottom: calc(100vw * 30 / 500); height: calc(100vw * 130 / 500); }
    .two .btzcqd-banner img {width: 70%;}
    .two ul li{ margin-right: calc(100vw * 25 / 500);margin-bottom: calc(100vw * 24 / 500); width: calc((100% - (100vw * 25 / 500)) / 2);height: calc(100vw * 57 / 500);}
    .two ul li:nth-child(4n+4){margin-right: calc(100vw * 25 / 500);}
    .two ul li:nth-child(3n+3){margin-right: calc(100vw * 25 / 500);}
    .two ul li:nth-child(2n+2){margin-right: 0;}
    .two ul li a{font-size: .33rem;line-height:calc(100vw * 55 / 500);}

    .three {margin-top: calc(100vw * 35 / 500);}
    .three ul {margin-top: calc(100vw * 38 / 500);}
    .three ul li { margin-right: calc(100vw * 20 / 500);margin-bottom: calc(100vw * 20 / 500); padding: calc(100vw * 25 / 500); width: 100%;height: calc(100vw * 140 / 500);}
    .three ul li:nth-child(2n+2) { margin-right: 0;}
    .three ul li p { height: calc(100vw * 50 / 500);line-height: calc(100vw * 25 / 500);font-size: .33rem; }
    .three ul li .type { margin-top: calc(100vw * 20 / 500); width: calc(100vw * 100 / 500); height: calc(100vw * 27 / 500); font-size: .31rem; line-height: calc(100vw * 27 / 500); border-radius: calc(100vw * 13.5 / 500); -webkit-border-radius: calc(100vw * 13.5 / 500); -moz-border-radius: calc(100vw * 13.5 / 500); -ms-border-radius: calc(100vw * 13.5 / 500); -o-border-radius: calc(100vw * 13.5 / 500); }
    .three ul li .time {right: calc(100vw * 25 / 500);bottom: calc(100vw * 20 / 500); margin-top: calc(100vw * 20 / 500);font-size: .31rem;}


    .four {margin: calc(100vw * 38 / 500) 0;}
    .four .four-item { margin-right: 0; width: 100%; height: calc(100vw * 130 / 500);}
    .four .four-item:nth-child(2){margin-right: 0; margin-top: calc(100vw * 20 / 500);;}
    .four .four-item img {height: calc(100vw * 33 / 500);}
}
