@charset "utf-8";
.__project_box .__img_box {
    height: auto;
}

.__project_box .size420x670 {
    width: 32.307%;
}

.__project_box .size420x210 {
    width: 32.307%;
}

.__project_box .size420x440 {
    width: 32.307%;
}

.__project_box .size860x210 {
    width: 66.153%;
}

.__project_box .size860x440 {
    width: 66.153%;
}

.__project_box .__banner_box.size420x210 {
    height: auto;
}

.__project_box .__banner_box.size420x210::before {
    content: '';
    width: 100%;
    padding-bottom: 49.185%;
    display: inline-block;
}

.project_title .title_img_box {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.__project_box .left440 {
    left: 33.846%;
}

.__project_box .left880 {
    left: 67.692%;
}

.__project_box .top230 {
    /*top:11.979vw;*/
    top: 10.753vw;
}

.__project_box .top460 {
    /*top:23.958vw;*/
    top: 21.506vw;
}

.__project_box .top690 {
    /*top:35.9375vw;*/
    top: 32.259vw;
}

.__project_box .top920 {
    /*top:47.916vw;*/
    top: 43.012vw;
}

.__project_box .top1150 {
    /*top:59.895vw;*/
    top: 53.765vw;
}

.__project_box .top1380 {
    /*top:71.875vw;*/
    top: 64.518vw;
}

.__project_box .top1610 {
    /*top:83.8541vw;*/
    top: 75.271vw;
}

.__project_box .top1840 {
    /*top:95.833vw;*/
    top: 86.024vw;
}

.__project_box.__project_box--single {
    width: 100%;
    height: auto;
    min-height: inherit;
}

.__project_box.__project_box--single>img {
    width: 100%;
}

.main_inner_box .__project_box {
    margin-top: 1.041vw;
}


/* 字体适配 */


/* 移动端字体初始化  */

@media screen and (max-width: 750px) {
    .font-12-vw {
        font-size: 12px;
    }
    .font-13-vw {
        font-size: .173rem;
    }
    .font-14-vw {
        font-size: .186rem;
    }
    .font-15-vw {
        font-size: .2rem;
    }
    .font-16-vw {
        font-size: .213rem;
    }
    .font-18-vw {
        font-size: .24rem;
    }
    .font-20-vw {
        font-size: .266rem;
    }
    .font-22-vw {
        font-size: .293rem;
    }
    .font-23-vw {
        font-size: .3rem;
    }
    .font-24-vw {
        font-size: .32rem;
    }
    .font-26-vw {
        font-size: .346rem;
    }
    .font-28-vw {
        font-size: .373rem;
    }
    .font-30-vw {
        font-size: .4rem;
    }
    .font-33-vw {
        font-size: .44rem;
    }
    .font-35-vw {
        font-size: .466rem;
    }
    .font-36-vw {
        font-size: .48rem;
    }
    .font-38-vw {
        font-size: .506rem;
    }
    .font-40-vw {
        font-size: .533rem;
    }
    .font-46-vw {
        font-size: .613rem;
    }
    .font-48-vw {
        font-size: .64rem;
    }
    .font-50-vw {
        font-size: .666rem;
    }
    .font-55-vw {
        font-size: .733rem;
    }
    .font-60-vw {
        font-size: .8rem;
    }
    .font-65-vw {
        font-size: .866rem;
    }
    .font-68-vw {
        font-size: .906rem;
    }
    .font-75-vw {
        font-size: 1rem;
    }
    .font-80-vw {
        font-size: 1.066rem;
    }
    .font-120-vw {
        font-size: 1.6rem;
    }
    .font-149-vw {
        font-size: 1.986rem;
    }
    .__project_box .__banner_box p {
        font-weight: normal;
        /*font-size:.76rem !important;line-height:1.1;*/
        line-height: 1;
        font-size: 0 !important;
    }
    /*.__project_box .__banner_box.__banner_box--left p span{font-size:inherit !important;}*/
    /*.__project_box.__project_box--type_h .__banner_box p{font-size:.333rem !important;line-height:1.7;}*/
    /*.__project_box.__project_box--type_j .__banner_box p{font-size:.48rem !important;line-height:1.4;}*/
    .text_cnmb.text_normal img {
        height: 14px;
    }
    .text_cnmb.text_small img {
        height: 10px;
    }
    .text_cnmb.text_big img {
        height: 7px;
    }
}

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


/* 6,7,8 */

@media screen and (min-width: 375px) {
    .font-14-vw {
        font-size: .2rem;
    }
    .font-15-vw {
        font-size: .22rem;
    }
    .font-16-vw {
        font-size: .24rem;
    }
    .font-17-vw {
        font-size: .26rem;
    }
    .font-18-vw {
        font-size: .28rem;
    }
    .font-19-vw {
        font-size: .3rem;
    }
    .font-20-vw {
        font-size: .32rem;
    }
    .__project_box .__banner_box p {
        font-weight: normal;
        /*font-size:.76rem !important;line-height:1.1;*/
        line-height: 1;
        font-size: 0 !important;
    }
    .__project_box.__project_box--type_h .__banner_box p {
        font-size: 0 !important;
    }
    .text_cnmb.text_normal img {
        height: 17px;
    }
    .text_cnmb.text_small img {
        height: 13px;
    }
    .text_cnmb.text_big img {
        height: 9px;
    }
}


/* 8p */

@media screen and (min-width: 414px) {
    .text_cnmb.text_normal img {
        height: 17px;
    }
    .text_cnmb.text_small img {
        height: 13px;
    }
    .text_cnmb.text_big img {
        height: 10px;
    }
}

@media screen and (min-width: 750px) {
    .__project_box .__banner_box p {
        font-size: 28px !important;
    }
    .__project_box.__project_box--type_h .__banner_box p {
        font-size: 24px !important;
        bottom: 0;
    }
    .__project_box .__banner_box p span {
        font-size: 28px !important;
    }
    .text_cnmb.text_normal img {
        height: 23px;
    }
    .text_cnmb.text_small img {
        height: 21px;
    }
    .text_cnmb.text_big img {
        height: 14px;
    }
}

@media screen and (min-width: 960px) {
    .__img_box__text p {
        font-size: 11px;
    }
    .__project_box .__banner_box p {
        font-size: 28px !important;
    }
    .__project_box.__project_box--type_h .__banner_box p {
        font-size: 24px !important;
        bottom: 0;
    }
    .__project_box .__banner_box p span {
        font-size: 28px !important;
    }
    .text_cnmb.text_normal img {
        height: 27px;
    }
    .text_cnmb.text_small img {
        height: 27px;
    }
    .text_cnmb.text_big img {
        height: 16px;
    }
}


/* >=1024 */

@media screen and (min-width: 1024px) {
    .__img_box__text p {
        font-size: 11px;
    }
    .__project_box .__banner_box p {
        font-size: 32px !important;
    }
    .__project_box.__project_box--type_h .__banner_box p {
        font-size: 24px !important;
        bottom: 0;
    }
    .text_cnmb.text_normal img {
        height: 27px;
    }
    .text_cnmb.text_small img {
        height: 27px;
    }
    .text_cnmb.text_big img {
        height: 16px;
    }
}


/* >=1280 */

@media screen and (min-width: 1265px) {
    .font-12-vw {
        font-size: .85vw;
    }
    .font-13-vw {
        font-size: .9vw;
    }
    .font-14-vw {
        font-size: .959vw;
    }
    .font-15-vw {
        font-size: .961vw;
    }
    .font-16-vw {
        font-size: 1.083vw;
    }
    .font-17-vw {
        font-size: 1.185vw;
    }
    .font-18-vw {
        font-size: 1.2375vw;
    }
    .font-19-vw {
        font-size: 1.3vw;
    }
    .font-20-vw {
        font-size: 1.54vw;
    }
    .font-30-vw {
        font-size: 2.2625vw;
    }
    .font-35-vw {
        font-size: 1.822vw;
    }
    .font-46-vw {
        font-size: 2.395vw;
    }
    .font_xl {
        font-size: 2.779vw;
    }
    .font-60-vw {
        font-size: 3.825vw;
    }
    .font-65-vw {
        font-size: 2.083vw;
    }
    .font_xs {
        font-size: .959vw;
    }
    .__project_box .__banner_box p {
        font-size: 40px !important;
    }
    .__project_box.__project_box--type_h .__banner_box p {
        font-size: 29px !important;
        bottom: 0;
    }
    .__img_box__text p {
        font-size: 12px;
    }
    .text_cnmb.text_normal img {
        height: 30px;
    }
    .text_cnmb.text_small img {
        height: 30px;
    }
    .text_cnmb.text_big img {
        height: 20px;
    }
}


/* >=1315 */

@media screen and (min-width: 1315px) {
    .font-12-vw {
        font-size: 12px;
    }
    .font-13-vw {
        font-size: 13px;
    }
    .font-14-vw {
        font-size: 14px;
    }
    .font-15-vw {
        font-size: 15px;
    }
    .font-17-vw {
        font-size: 17px;
    }
    .font-16-vw {
        font-size: 16px;
    }
    .font-18-vw {
        font-size: 18px;
    }
    .font-19-vw {
        font-size: 19px;
    }
    .font-20-vw {
        font-size: 20px;
    }
    .font-23-vw {
        font-size: 23px;
    }
    .font-24-vw {
        font-size: 24px;
    }
    .font-28-vw {
        font-size: 28px;
    }
    .font-30-vw {
        font-size: 30px;
    }
    .font-35-vw {
        font-size: 35px;
    }
    .font_xl {
        font-size: 38px;
    }
    .font-46-vw {
        font-size: 46px;
    }
    .font-50-vw {
        font-size: 50px;
    }
    .font-55-vw {
        font-size: 55px;
    }
    .font-60-vw {
        font-size: 60px;
    }
    .font-65-vw {
        font-size: 40px;
    }
    .__project_box .__banner_box p {
        font-size: 45px !important;
    }
    .__project_box.__project_box--type_h .__banner_box p {
        font-size: 32px !important;
        bottom: 0;
    }
    .__img_box__text p {
        font-size: 13px;
    }
    .text_cnmb.text_normal img {
        height: 30px;
    }
    .text_cnmb.text_small img {
        height: 30px;
    }
    .text_cnmb.text_big img {
        height: 20px;
    }
}


/* >=1366 */

@media screen and (min-width: 1366px) {
    .text_cnmb.text_normal img {
        height: 32px;
    }
    .text_cnmb.text_small img {
        height: 32px;
    }
    .text_cnmb.text_big img {
        height: 22px;
    }
}


/* >=1680 */

@media screen and (min-width: 1680px) {
    .text_cnmb.text_normal img {
        height: 35px;
    }
    .text_cnmb.text_small img {
        height: 35px;
    }
    .text_cnmb.text_big img {
        height: 25px;
    }
}


/* >=1920 */

@media screen and (min-width: 1920px) {
    .font-13-vw {
        font-size: 13px;
    }
    .font-14-vw {
        font-size: 14px;
    }
    .font-15-vw {
        font-size: 15px;
    }
    .font-18-vw {
        font-size: 18px;
    }
    .font-20-vw {
        font-size: 20px;
    }
    .font-30-vw {
        font-size: 30px;
    }
    .font-35-vw {
        font-size: 35px;
    }
    .font_xl {
        font-size: 38px;
    }
    .font-50-vw {
        font-size: 50px;
    }
    .font-60-vw {
        font-size: 60px;
    }
    .font-65-vw {
        font-size: 40px;
    }
}


/* mac 高清屏 icon 处理 */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {}

@media only screen and (-webkit-min-device-pixel-ratio: 3) {}


/* 结构 */


/* 5,5s */

@media screen and (max-width: 320px) {
    /*#main_container .main_inner_box{width:100%;}*/
    #hide_banner_top p:first-child {
        margin-top: -6px;
    }
}


/* 6,7,8 */

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


/* 8p */

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

@media screen and (max-width: 768px) {
    .page_index_div {
        /*margin-top:1.84rem;*/
        margin-top: 3.33rem;
    }
    #main_container .main_inner_box {
        width: 9.6rem;
    }
    .__project_box .__img_box__text {
        display: none;
    }
    .__project_box .__img_box {
        height: auto;
    }
    .__project_box .size420x670 {
        width: 3.1015rem;
    }
    .__project_box .size420x210 {
        width: 3.1015rem;
    }
    .__project_box .size420x440 {
        width: 3.1015rem;
    }
    .__project_box .size860x210 {
        width: 6.3507rem;
    }
    .__project_box .size860x440 {
        width: 6.3507rem;
    }
    .__project_box .__banner_box.size420x210 {
        height: auto;
    }
    .__project_box .__banner_box.size420x210::before {
        content: '';
        width: 100%;
        padding-bottom: 49.185%;
        display: inline-block;
    }
    .project_title .title_img_box {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .__project_box .left440 {
        left: 33.846%;
    }
    .__project_box .left880 {
        left: 67.692%;
    }
    .__project_box .top230 {
        top: 1.6984rem;
    }
    .__project_box .top460 {
        top: 3.39692rem;
    }
    .__project_box .top690 {
        top: 5.09538rem;
    }
    .__project_box .top920 {
        top: 6.79384rem;
    }
    .__project_box .top1150 {
        top: 8.4923rem;
    }
    .__project_box .top1380 {
        top: 10.19076rem;
    }
    .__project_box .top1610 {
        top: 11.88923rem;
    }
    .__project_box .top1840 {
        top: 13.58769rem;
    }
    .__project_box.__project_box--single {
        width: 100%;
        height: auto;
        min-height: inherit;
    }
    .__project_box.__project_box--single>img {
        width: 100%;
    }
    .main_inner_box .__project_box {
        margin-top: .146rem;
    }
    .main_inner_box .__project_box.scroll_header {
        margin-top: .06rem;
    }
    /*.__project_box .__img_box::after{display:none;}*/
    .__project_box .case1.highlight .__img_box::after {
        opacity: 1;
        background-color: rgba(255, 255, 255, .5);
    }
    .__project_box.highlight::before {
        opacity: 1;
        background-color: rgba(255, 255, 255, .5);
    }
    .__project_box .__banner_box p {
        bottom: 2px;
    }
    .__project_box .case1:hover .__img_box::after {
        opacity: 0;
    }
    .__project_box .case1.cnmbshow .__img_box::after {
        opacity: 1;
    }
    .__project_box.__project_box--single:hover::before {
        opacity: 0;
    }
    .__project_box.__project_box--single.cnmbshow::before {
        opacity: 1;
    }
}

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

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

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

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

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

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

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


/* <=1315 */

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

@media screen and (max-width: 1366px) {
    /* .__project_box.__project_box--type_a{height:789px;} */
    /*.__project_box.__project_box--type_b{height:789px;}*/
    /*.__project_box.__project_box--type_c{height:587px;}*/
    /*.__project_box.__project_box--type_d{height:789px;}*/
    /*.__project_box.__project_box--type_e{height:385px;}*/
    /*.__project_box.__project_box--type_f{height:587px;}*/
    /*.__project_box.__project_box--type_g{height:1191px;}*/
    /*.__project_box.__project_box--type_h{height:789px;}*/
    /*.__project_box.__project_box--type_i{height:1594px;}*/
    /*.__project_box.__project_box--type_j{height:1795px;}*/
}

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

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

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

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