/*
 *  respon.css by 453883682@qq.com
 */
@media (max-width:1600px) {
    .banCon{ padding-left: 3.125vw;}
    .banName{ font-size: 4.68vw;}
    .banTit{ font-size: 48px;}
    .banDes{ font-size: 15px;}
    .banBtn{ right: 30px; bottom: 20px;}
    .banPrev,
    .banNext{ width: 48px; height: 48px;}
    .banDown{ left: 30px;}
    .hm2Box{ padding-left: 4vw;}
    .hm2Lef,
    .hm2Rig{ padding: 0 2.6vw;}
    .hm2Lef{ width: 55%;}
    .hm2Rig{ width: 45%;}
    .hm2Page .num{ font-size: 16px;}
    .hm3Box .titTop{ padding: 0 12.29vw 0 6.77vw;}
    .hm3En,
    .hm4En{ font-size: 9.375vw;}
    .hm4Box{ padding: 0 7.08vw;}
    .hm4Text{ margin: 3.125vw 0;}
    .hm5Box .titTop{ margin-bottom: 5.2vw;}
    .hm5List{ padding: 0 12.29vw 0 6.77vw;}
    .hm5Text{ margin-top: .2rem;}
    .hm5Con{ margin: .1rem 0;}
    .hm6Lef{ padding-left: 6.77vw;}
    .hm6Hot{ margin: 5.2vw 0;}
    .hm6List{ margin: 0 -.1rem;}
    .hm6List li{ padding: 0 .1rem;}
    .hm6Text{ margin: .1rem 0 .2rem;}
    .hm6Con{ margin: .1rem 0;}


    #banIn{ max-height: 480px;}
    #banIn .banImg,
    #banIn .banMask{ max-height: 480px;}
    #banIn .banText{ padding-bottom: 40px;}

    .aBg{ padding: 5.2vw 0;}
    .aBg .hm3En{ right: -5.73vw;}
    .a3List{ margin-top: 5.2vw;}
    .a5List{ margin-top: 5.2vw;}
    .a3List .banPrev{ margin-right: .1rem;}
    .a3List .banNext{ margin-left: .1rem;}
    .a4Rig{ min-height: 23vw; font-size: 18px;}
    .a4Rig p{ padding: .15rem 0; padding-left: 10px;}

    .proLine,
    .proTop,
    .proBot{ margin: 4.17vw 0;}

    .proList{ margin: .5rem -.1rem;}
    .proList li{ padding: 0 .1rem; margin-top: .2rem;}

    .valueList{ margin: 4.17vw 0;}
    .valueList li{ min-height: 30vw;}
    .valueRig{ padding: 3.65vw 15px;}
    .valueText{ padding: 0 3.125vw; max-height: 22vw;}

    .ser1List{ margin: .3rem -.1rem 0;}
    .ser1List li{ padding: 0 .1rem;}
    .serIco{ width: 60px; height: 60px;}
    .ser2Text{ min-height: 17.7vw;}
    .ser3List{ margin-top: 4.17vw;}

    .serLink{ padding: 2.34vw 0;}

    .newsBox{ padding: 4.17vw 0;}
    .newsCen{ margin: .4rem 0 .2rem;}

    .conLef,
    .conRig{ padding-top: 4.17vw; padding-bottom: 4.17vw;}
    .mesList li{ margin-top: .14rem;}
    .mesLabel{ font-size: 14px; line-height: 50px;}
    .mesInput{ height: 50px;}
    .mesBtn{ height: 50px; line-height: 50px; margin-top: .3rem; font-size: 18px;}
    .company{ font-size: 16px;}
    .conText{ font-size: 16px;}
    .conText h4{ font-size: 14px;}
    /* #map{ height: 420px;} */

    .a1Rig{ margin-top: 110px;}
}
@media (max-width:1400px) {
    .banTit{ font-size: 40px; }
    .banDes{font-size: 14px;}
    .banMin{ max-height: 420px;}
    .banMin .banImg,
    .banMin .banMask{ max-height: 420px;}
    .hm5Text{ line-height: 22px;}
    .hm6Con{ line-height: 22px; height: 44px; margin: 5px 0 .1rem;}
    .hm6Info .time{ font-size: 14px; background-position: left 4px;}

    .a2Ico{ width: 80px; height: 80px;}
}
@media (max-width:1200px) {
    .banner{ height: 100vh;}
    .banTit{ font-size: 36px;}
    .titEn{ margin-bottom: 0;}
    .more{ margin: .2rem auto 0;}
    .more.hides{ display: block;}

    .hm2Bg::before{ display: none;}
    .hm2Box,
    .hm3Box,
    .hm4Box,
    .hm6Box{
        padding: .6rem 0;
    }
    .hm2Lef{ padding-left: 0;}
    .hm2Rig{ padding-right: 0;}
    .hm2Page{ position: static; transform: translateY(0);}
    .hm2Page .swiper-pagination-bullet{ display: inline-block; vertical-align: middle;}
    .hm2Page .num{ display: inline-block; vertical-align: middle; color: #252525; writing-mode: unset;}
    .hm2Page .line{ display: inline-block; vertical-align: middle; width: 0; height: 2px; background-color: rgba(0, 0, 0, 0.2); margin: 0 5px;}
    .hm2Page .swiper-pagination-bullet-active .line{ width: .5rem; height: 2px;}
    .hm2Page .swiper-pagination-bullet-active .line::before{ animation: aniWidth 3s; background-color: #252525;}
    .hm3Box{ position: relative;}
    .hm3Box .titTop{ position: relative; padding: 0;}
    .hm4Bg{ background: url(../images/index/hm2Bg.jpg) repeat;}
    .hm4Line{ display: none;}
    .hm5List{ padding: 0;}
    .hm6Bg{ background-color: #FFFFFF;}
    .hm6Bg.last::before,
    .hm6Bg.active::before{ display: none;}
    .hm6Box{ display: block;}
    .hm6Lef{ width: 100%; padding: 0;}
    .hm6List{ width: auto; max-width: none;}
    .hm6Lef .title,
    .hm6Lef .title .titEn{ color: #252525;}
    .hm6Hot{ margin: .3rem 0; max-width: 100%;}
    .hm6Name{ color: #252525;}
    .hm6Hot{ padding: .2rem; box-shadow: 0 .04rem .1rem rgba(0, 0, 0, 0.1); border-radius: .1rem;}
    .hm6Hot .hm6Con{ color: #252525;}
    .hm6Hot .hm6Info{ color: #999999;}
    .hm6Hot .hm6Info .time{ background-image: url(../images/icon_time.png);}
    .hm6Hot .hm6Info .tag{ background-image: url(../images/icon_tag.png);}
    .hm6Box .more{ display: none;}
    .hm6Box .more.hides{ display: block; max-width: 160px; background-color: var(--main-color); border-color: var(--main-color);}
    .hm6Box .more.hides::before,
    .hm6Box .more.hides::after{ background-color: var(--main-color);}

    .hm2Lef .swiper-container,.hm2Rig,.titTop,.hm4En,.hm4Lef,.hm4Rig,.hm5List,.hm6List li{ animation: none !important;}

    #banIn{
        max-height: 3.8rem;
    }
    #banIn .banImg,
    #banIn .banMask{
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        max-height: 3.8rem;
    }

    .a1Lef{ float: none; width: 100%;}
    .a1Cen{ width: 65%; max-width: 670px; padding-right: 30px;}
    .a1Rig{ width: 35%;}
    .a3List .swiper-pagination{ display: block;}
    .a3List .banPrev,
    .a3List .banNext{ display: none;}

    .proLine,
    .proTop,
    .proBot{ margin: .6rem 0;}
    .valueList{ margin: .6rem 0;}


    .ser3List{ margin-top: .4rem;}

    .newsBox{ padding: .6rem 0;}
    .newsLef{ float: none; width: 100%; padding: 0;}
    .newsRig{ float: none; width: 100%; margin-top: .3rem;}

    .conLef,
    .conRig{ padding-top: .6rem; padding-bottom: .6rem;}

    .a1Rig{ margin-top: 80px;}


}
@media (max-width:991px) {
    .banCon{ padding-left: 0;}
    .banName{ font-size: .5rem;}
    .title{ text-align: center;}
    .titTop{ display: block;}
    .titDes{ max-width: 100%; text-align: center; margin: .2rem 0;}
    .hm2Box{ display: block;}
    .hm2Lef{ width: 100%; padding: 0;}
    .hm2Rig{ width: 100%; padding: .5rem 0 0;}
    .hm2Text{ height: auto;}

    .hm3Box .titTop{ position: static;}
    .hm3En{ left: 0; right: 0; top: auto; bottom: 0; transform: translateY(0); font-size: 1.3rem; line-height: .8; text-align: center; z-index: 0;}
    .hm4Lef{ float: none; width: 100%; margin-bottom: .1rem;}
    .hm4Lef .title{ text-align: left;}
    .hm4Rig{ max-width: 100%;}
    .hm4Text{ margin: .2rem 0;}
    .hm4En{ font-size: 1rem; line-height: .9}
    .hm5Box .titTop{ margin-bottom: .3rem;}
    .hm6Name{ margin-bottom: .1rem;}

    .aBg{ position: relative;}
    .aBg .titTop{ position: static;}
    .a1Lef .title{ text-align: left;}
    .a4Lef,
    .a4Rig{ float: none; width: 100%;}
    .a4Rig{ margin-top: .3rem; font-size: 16px;}

    .proApply .swiper-slide{ width: 86%;}
    .proPrev,
    .proNext{ width: 7%; background-size: 14px auto;}

    .valueList li{ display: block;}
    .valueLef,
    .valueRig{ width: 100%;}
    .valueLef .imgBg{ height: 0; padding-bottom: 71.875%; overflow: hidden;}
    .valueRig{ padding: .4rem .2rem;}
    .valueText{ padding: 0; padding-right: .2rem; max-height: 4rem;}

    .ser1List li{ flex: auto; width: 33.33%;}
    .serCon{ margin: .1rem 0 .1rem;}

    .contact{ display: block; padding: .6rem 0;}
    .conLef,
    .conRig{ width: 100%; padding: 0;}
    .conLef{ padding-bottom: .4rem; border-right: none; border-bottom: 1px solid rgba(0,0,0,.06);}
    .conTips{ text-align: center;}
    #map{ height: 420px; max-height: 4.2rem;}

    .join{ display: block;}
    .joinLef{ width: 100%; padding-right: 0; border-right: none;}
    .joinItem label{ display: inline-block; vertical-align: middle; padding-right: .2rem;}
    .joinItem label:last-child{ padding-right: 0;}
    .joinRig{ width: 100%; padding-left: 0;}
    .joinLink{ display: block;}
    .joinText{ max-width: 100%;}
    .joinLink .hm5More{ text-align: left;}
    .joinLink:hover{ padding: .25rem .25rem;}
}
@media (max-width:767px) {
    .hm6Con{ font-size: 12px;}
    .hm6Hot .hm6Con{ -webkit-line-clamp: 2;}
    .hm6List{ margin: 0 -.1rem;}
    .hm6List li{ padding: 0 .1rem;}

    .a1Cen{ float: none; width: 100%; padding: 0; margin: 5px 0;}
    .a1Rig{ float: none; width: 100%; margin: 0 auto;}
    .a1Img{ padding-bottom: 62.25%;}
    .a2List{ display: block;}
    .a2List li{ width: 100%;}
    .a5List li{ width: 50%;}

    .serLink{ align-items: initial; padding: .25rem 0;}
    .serText{ display: flex; flex-direction: column; justify-content: space-between;}
    .serCon{ display: none;}

    .newsList li{ width: 50%;}
}
@media (max-width:640px) {
    .banTit{ font-size: .4rem;}
    .more{ line-height: 32px; font-size: 12px;}
    .proApply .swiper-slide{ width: 100%;}
    .proPrev,
    .proNext{ width: 30px; background-color: rgba(0, 0, 0, 0.1); background-size: 12px auto;}
    .applyText{ width: 100%;}
    .ser2Text{ min-height: 4rem;}
    .newsBot h4{ font-size: 18px;}
    .mesBtn{ width: 100%; height: 44px; line-height: 44px; font-size: 16px;}
    .company{ font-size: 14px;}
    .conIco{ max-width: .6rem; max-height: .6rem; margin-right: .1rem;}
    .conText{ font-size: 14px;}
    .conText h4{ font-size: 12px;}
}
@media (max-width:460px) {
    .banPrev,
    .banNext{ width: 32px;height: 32px;}
    .hm5Text{ width: 100%; max-width: 100%;}
    .hm6Con{ line-height: 20px; height: 40px;}
    .hm6Info{ font-size: 12px;}
    .hm6Info span{ font-size: 12px; background-size: 12px auto; padding-left: 15px; line-height: 20px;}
    .hm6Info .time{ background-position: left 3px;}
    .a4Rig{ font-size: 14px;}
    .proList li{ width: 100%;}
    .ser1List li{ width: 50%;}
    .serText{ font-size: 12px;}
    .serTit{ font-size: 16px;}
    .newsList .hm6Tit{ font-size: 15px;}
    .newsCen{ display: block;}
    .newsInfo{ display: flex; flex-wrap: wrap; justify-content: center;}
    .newsInfo span{ margin: 0 .1rem;}
    .fontSize{ margin: 0; text-align: center;}
    .newsBot h4{ font-size: 16px;}
}