/*
 *  respon.css by 453883682@qq.com
 */
@media (max-width:1600px) {
    .banTit{
        font-size: 48px;
    }
    .banDes{
        font-size: 18px;
    }
    .banPrev, .banNext{
        width: 48px;
        height: 48px;
    }
    .titCn{
        font-size: 36px;
    }
    .titCn.font20{
        font-size: 18px;
    }
    .titCn.font24{
        font-size: 20px;
    }
    .titDes{
        font-size: 14px;
    }
    .more{
        width: 180px;
        line-height: 40px;
    }
    .hm2Tit .titCn{
        font-size: 28px;
    }
    .hm2Text{
        font-size: 14px;
        line-height: 24px;
        min-height: 192px;
    }
    .hm2Rig{
        padding: 40px;
    }
    .hm2Ico{
        margin-right: .2rem;
    }
    .hm2Des{
        font-size: 14px;
    }
    .hm2Des img{
        max-width: 1.2rem;
        max-height: .5rem;
        margin-right: .2rem;
    }
    .hm3Text{
        padding: .2rem 0 0;
    }
    .hm4Text{
        padding: 20px;
    }
    .hm4Con{
        line-height: 22px;
    }
    .hm5List li + li{
        margin-top: 3.125vw;
    }
    .hm5Img{
        margin-right: 5%;
    }
    .hm5More{
        margin: .2rem 0 .1rem;
    }
    .hm6Tab li span{
        min-width: 100px;
        font-size: 15px;
        line-height: 36px;
    }
    .hm6Link{
        padding: 15px 0;
    }
    .hm6Img{
        width: 160px;
        height: 100px;
    }
    .hm6Tit{
        font-size: 18px;
    }
    .hm6Time{
        font-size: 16px;
    }
    .hm6List li:nth-child(1) .hm6Text,
    .hm6List li:nth-child(2) .hm6Text{
        padding: 25px 15px;
    }

    .banMin{
        max-height: 480px;
    }
    .banMin .banImg,
    .banMin .banMask{
        max-height: 480px;
    }

    .aBox2::after{ width: 70%; padding-bottom: 70%; margin-top: -35%; margin-left: -35%;}
    .a4Top{ padding: 0 80px;}
    .a4Prev,
    .a4Next{ width: 44px; height: 44px; line-height: 44px;}
    .a4Item{ padding: .3rem .4rem;}
    .a4Logo img{ height: 32px;}
    .parList{ margin: 0 -.1rem;}
    .parList li{ padding: .1rem;}

    .proItem{ padding-bottom: 5.2vw;}
    .proItem .titTop{ padding: 6.25vw 0 2.34vw;}
    .proTit{ font-size: 18px;}
    .proCon{ font-size: 14px;}
    .proPrev{ left: .1rem;}
    .proNext{ right: .1rem;}

    .proBg{ padding: 6.25vw 0;}
    .pro1List{ margin-top: .3rem;}
    .pro1Ico{ width: 100px; height: 100px; margin: .2rem auto;}
    .pro2List{ min-height: 33.33vw; font-size: 1.56vw;}
    .pro2List li{ padding: 14.3vw 2.08vw 5.2vw;}
    .pro3List{ margin-top: .3rem;}
    .pro4Text{ min-height: 33.33vw;}
    .pro5Tit{ font-size: 18px; padding: .2rem 0;}
    .pro5Text{ padding: 0 .5rem .5rem;}
    .pro4Page{ bottom: .1rem;}

    .proTop{ margin-bottom: 6.25vw;}
    .proRig{ padding: 2.6vw 5vw;}
    .proParm table tr td{ padding: .15rem;}

    .soluTop{ margin-bottom: 6.25vw;}
    .soluYs{ margin: 2.5vw -.1rem 6.25vw;}
    .soluImg{ margin: 6.25vw 0;}
    .soluList li{ min-height: 25vw; margin-top: 2.5vw;}
    .soluText{ padding: .3rem 4vw;}

    .serList li{ min-height: 51vw;}
    .serList .soluText{ padding: .3rem 7vw;}

    .newsList{ margin: .1rem .1rem .3rem;}
    .newsList li{ margin-top: .3rem; padding: 0 .1rem;}
    .newsText{ padding: 20px;}

    .newsList li:nth-child(4n + 1) .newsText{ padding: .5rem 4vw;}
    .newsList li:nth-child(4n + 1) .hm6Tit{ font-size: 24px;}
    .newsList li:nth-child(4n + 1) .hm6Con{ margin: .2rem 0;}

    .newsLef{ width: calc(100% - 320px - .2rem); padding: .2rem .3rem .3rem;}
    .newsRig{ width: 320px; padding: .2rem; margin-left: .2rem;}
    .newsName{ font-size: 24px;}
    .newsH2{ font-size: 20px;}
    .recomLink{ padding: .12rem 0;}
    .recomTit{ font-size: 14px;}
    .recomImg + .recomTit{ font-size: 18px;}
    .recomImg + .recomTit + .recomTime{ font-size: 16px;}

    .conLef{ padding-right: 60px;}
    .conRig{ padding-left: 60px;}
    .conBtn{ height: 44px; font-size: 18px; margin-top: .4rem;}
    .conTit{ font-size: 26px;}
    .conList p{ background-position: left 4px;}

}
@media (max-width:1400px) {
    .banTit{
        font-size: 40px;
    }
    .banDes{
        font-size: 16px;
    }
    .banMin{
        max-height: 420px;
    }
    .banMin .banImg,
    .banMin .banMask{
        max-height: 420px;
    }
    .serList .soluText{ padding: .6rem 4vw;}
}
@media (max-width:1200px) {
    .banner{
        height: 100vh;
    }
    #banIn{
        max-height: 60vh;
    }
    #banIn .banImg,
    #banIn .banMask{
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        max-height: 60vh;
    }
    #banIn.banMin{
        max-height: 3.8rem;
    }
    #banIn.banMin .banImg,
    #banIn.banMin .banMask{
        max-height: 3.8rem;
    }    
    .banTit{
        font-size: 36px;
    }
    .titEn{
        font-size: 12px;
    }
    .titCn{
        font-size: 28px;
    }
    .titCn.font20{
        font-size: 16px;
    }
    .titCn.font24{
        font-size: 18px;
    }
    .hm2Box,
    .hm3Box{
        padding: .6rem 0;
    }
    .hm3Bg{
        background-size: auto 3rem;
    }
    .hm3Link{
        border-radius: .1rem;
        background-color: #FFFFFF;
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    }
    .hm3Img{
        border-radius: .1rem;
    }
    .hm3Text{
        padding: .2rem;
    }
    .hm6List{
        margin: 0 -.1rem;
    }
    .hm6List li{
        padding: 0 .1rem;
    }
    .hm6Img{
        width: 120px;
        height: 76px;
        margin-right: 10px;
    }
    .hm6Tit{
        font-size: 16px;
    }
    .hm6Con{
        margin-top: 5px;
        line-height: 22px;
        height: 44px;
    }

    .hm2Img,.hm2Lef,.hm2Rig,.titTop,.hm3List li,.hm4Rig li,.hm5Lef,.hm5List,.hm6Bot{ animation: none !important;}

    .aList1{ display: block; height: auto;}
    .aList1 li{ width: 100%; padding: .3rem;}
    .aList1 li:hover{ color: #737373;}
    .aList1 li:hover .title{ color: #333333;}
    .aList1 li:hover .titLine{ background-color: #333333;}
    .aList1 li:nth-child(2n){ background-color: var(--main-color); color: #FFFFFF;}
    .aList1 li:nth-child(2n) .title{ color: #FFFFFF;}
    .aList1 li:nth-child(2n) .titLine{ background-color: #FFFFFF;}
    .a1Img{ display: none;}
    .aBox2{ min-height: 6rem;}
    .a2Con h4{ font-size: 130%;}
    .aBox3{ display: block; position: relative;}
    .a3Img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
    .a3Rig{ width: 100%; min-height: auto;}
    .a3Text{ padding: .6rem .3rem; background-color: rgba(255, 255, 255, 0.9);}
    .a4Top .swiper-slide{ width: 90%;}

    .parList li{ width: 25%;}
    .pro1List li{ width: 50%;}

    .proRig{ padding: .3rem;}
    .proParm table tr th{ padding-left: .1rem;}

    .soluYs li{ flex: none; width: 33.33%;}

    .serList li{ display: block; position: relative; min-height: 0;}
    .serList .soluLef,
    .serList .soluRig{ width: 100%; background-color: rgba(255, 255, 255, 0.9);}
    .serList .soluLef{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
    .serList .soluLef .imgBg{ height: 100%;padding-bottom: 0%;}
    .serList .soluText{ padding: .6rem .3rem;}

    .newsText .more{ margin-top: .3rem;}
    .newsList li:nth-child(4n + 1) .newsText{ padding: .3rem;}
    .newsList li:nth-child(4n + 1) .hm6Tit{ font-size: 18px;}
    .newsList li:nth-child(4n + 1) .hm6Con{ margin: .1rem 0;}

    .newsLef{ float: none; width: 100%;}
    .newsRig{ float: none; width: 100%; position: static; margin: .2rem 0 0; padding: .2rem .3rem;}
    .newsTop{ display: block;}
    .fontSize{ margin: 0 0 10px; line-height: 30px;}
    .newsName{ line-height: 1.4;}
    .recomImg{ max-width: 310px;}

    .conBox{ display: block;}
    .conLef{ width: 100%; padding: 0;}
    .conForm{ max-width: none;}
    .conRig{ width: 100%; padding: .5rem 0 0; margin-top: .6rem; border-left: none; border-top: 1px solid rgba(0, 0, 0, 0.06);}
}
@media (max-width:991px) {
    .banTit{
        font-size: 30px;
    }
    .title{
        text-align: center;
    }
    .titLine{
        margin: .1rem auto;
    }
    .titTop{
        display: block;
    }
    .titDes{
        max-width: 100%;
        text-align: center;
    }
    .more{
        display: none;
        margin: .4rem auto 0;
    }
    .more.hides{
        display: block;
    }
    .hm2Box{
        display: block;
    }
    .hm2Img{
        display: none;
    }
    .hm2Lef{
        width: 100%;
    }
    .hm2Text{
        min-height: 0;
    }
    .hm2Rig{
        width: 100%;
        padding: .5rem .3rem;
    }
    .hm2Info .title{
        text-align: left;
    }
    .hm2Info .titLine{
        margin: .1rem 0;
    }
    .hm3Box .titTop{
        margin-bottom: .3rem;
    }
    .hm3List li{
        width: 50%;
    }
    .hm3Text{
        max-width: 100%;
    }
    .hm4Bg .more{
        color: var(--main-color);
        border-color: var(--main-color);
    }
    .hm4Bg .more i{
        background-image: url(../images/icon_arrow_blue.png);
    }
    .hm4Bg .more:hover{
        color: #FFFFFF;
        background-color: var(--main-color);
    }
    .hm4Bg .more:hover i{
        background-image: url(../images/icon_arrow.png);
    }
    .hm4Rig{
        width: 100%;
        overflow: hidden;
    }
    .hm5Bg::before{
        display: none;
    }
    .hm5Lef{
        width: 100%;
    }
    .hm5List{
        width: 100%;
    }
    .hm5Text .title{
        color: #FFFFFF;
        text-align: left;
    }
    .hm5Text .titLine{
        margin: .1rem 0;
        background-color: #FFFFFF;
    }
    .hm5Con{
        color: #FFFFFF;
        line-height: 20px;
        height: 40px;
    }
    .hm5More{
        color: #FFFFFF;
    }
    .hm6Tab{
        justify-content: center;
        margin: .2rem 0;
    }
    .hm6Tab li + li{
        margin: 0;
    }
    .hm6Tab li span{
        font-size: 14px;
        line-height: 32px;
    }
    .hm6Tit{
        font-size: 14px;
    }
    .hm6List li{
        width: 100%;
    }
    .hm6List li:nth-child(1),
    .hm6List li:nth-child(2){
        width: 50%;
        margin-bottom: .3rem;
    }
    .hm6List li:nth-child(1) .hm6Text,
    .hm6List li:nth-child(2) .hm6Text{
        padding: .2rem;
    }

    .aBox2::after{ width: 100%; padding-bottom: 100%; margin-left: -50%; margin-top: -50%;}
    .proItem .titDes{ max-width: 100%;}
    .proText{ margin-top: .2rem;}
    .proTit{ font-size: 16px;}
    .proCon{ margin-top: 5px; line-height: 24px;}
    .proPrev,
    .proNext{
        top: calc(50% - 37px - .1rem);
    }
    .pro1Ico{ width: 80px; height: 80px;}
    .proBg2 .wrap{ padding: 0;}
    .pro2List{ font-size: 16px;}
    .pro2List li{ flex: none; width: 50%; padding: 1rem .3rem;}

    .proTop{ display: block;}
    .proLef,
    .proRig{ width: 100%;}
    .proInfo .title{ margin-bottom: .2rem;}
    .proParm table tr{ display: block; overflow: hidden; padding: .1rem;}
    .proParm table tr th{ float: left; width: 30%; border-left: none; padding: .1rem;}
    .proParm table tr td{ float: left; width: 70%; padding: .1rem;}

    .soluList li{ display: block; margin-top: .3rem;}
    .soluLef,
    .soluRig{ width: 100%;}
    .soluLef .imgBg{ height: 0; padding-bottom: 60%; overflow: hidden;}
    .soluText{ padding: .5rem .3rem;}
    .soluText .title{ text-align: left;}
    .soluText .titLine{ margin: .1rem 0;}

    .newsList li{ width: 50%;}
    .newsList li:nth-child(4n + 1){ width: 50%;}
    .newsList li:nth-child(4n + 1) .newsImg{ width: auto; height: 0; padding-bottom: 62.75%;}
    .newsList li:nth-child(4n + 1) .newsLink{ display: block; background-color: #FFFFFF; border: 1px solid #F2F2F2;}
    .newsList li:nth-child(4n + 1) .hm6Tag{ display: inline-block;}
    .newsList li:nth-child(4n + 1) .hm6Time{ display: block;}
    .newsList li:nth-child(4n + 1) .more{ display: none;}
    .newsList li:nth-child(4n + 1) .hm6Tit{ font-size: 14px; -webkit-line-clamp: 1;}
    .newsList li:nth-child(4n + 1) .hm6Con{ -webkit-line-clamp: 2; height: 44px;}
    .newsText{ padding: .2rem !important;}
    .newsText .hm6Tit{ -webkit-line-clamp: 2 !important;}
}
@media (max-width:767px) {
    .hmTit{
        font-size: 18px;
    }
    .hm4Text{
        padding: .2rem;
    }

    .aBox4{ padding: .6rem 0;}
    .proItem{ padding-bottom: 1rem;}
    .proItem .titTop{ padding: .6rem 0 .3rem;}
    .proBg{ padding: .6rem 0;}
    .pro3List .swiper-slide{ width: 90%;}
    .pro4Text{ min-height: 3.4rem; padding: .8rem 0 1rem;}
    .pro5Tit{ font-size: 16px;}
    .pro5Text{ padding: 0 .3rem .3rem;}

    .soluTop{ margin-bottom: .6rem;}
    .soluYs{ margin: .3rem -.1rem .6rem;}
    .soluImg{ margin: .6rem 0;}
}
@media (max-width:640px) {
    .banTit{
        font-size: .4rem;
    }
    .banDes{
        font-size: 14px;
    }
    .titCn{
        font-size: 24px;
    }
    .more{
        width: 160px;
        line-height: 36px;
        font-size: 12px;
    }
    .hm2Tit .titCn{
        font-size: 20px;
    }
    .hm3Bg{
        background: #FFFFFF;
    }
    .hm3Box .titTop{
        color: #333333;
    }
    .hm4Rig li{
        width: 50%;
    }
    .hm4Rig li:first-child{
        float: left;
        width: 100%;
    }
    .hm4Rig li:first-child .hm4Img{
        padding-bottom: 44.68%;
    }
    .hm4Rig li:nth-child(2){
        width: 100%;
    }
    .hm4Con{
        font-size: 12px;
        line-height: 20px;
    }
    .hm5Con{
        margin: .1rem 0;
        -webkit-line-clamp: 2;
    }
    .hm5More{
        margin: .1rem 0;
    }    
    .hm6Tab li{
        flex: 1;
    }

    .a4Top{ padding: 0 22px;}
    .a4Top .swiper-slide{ width: 95%;}
    .a4Prev, .a4Next{
        width: 32px;
        height: 32px;
        line-height: 32px;
        font-size: 20px;
    }
    .a4Prev{ left: -10px;}
    .a4Next{ right: -10px;}

    .newsName{ font-size: 20px;}
    .newsH2{ font-size: 18px; line-height: 1.5;}

    .conForm li{ width: 100%;}
    .conBtn{ width: 100%; height: 40px; font-size: 16px;}
    .conTit{ font-size: 20px;}
}
@media (max-width:460px) {
    .banPrev,
    .banNext{
        width: 32px;
        height: 32px;
    }
    .banPrev{
        left: .1rem;
    }
    .banNext{
        right: .1rem;
    }
    .hm6Tag{
        font-size: 12px;
        min-width: 60px;
        line-height: 22px;
    }
    .hm6Time{
        font-size: 12px;
    }
    .aBox2::after{ width: 120%; padding-bottom: 120%; margin-left: -60%; margin-top: -60%;}
    .a4Con{ line-height: 22px;}
    .parList li{ width: 33.33%;}
    .pro2List{ font-size: 14px;}
    .pro4Page .swiper-pagination-bullet{ height: 6px;}
    .pro4Page .swiper-pagination-bullet-active{ height: 12px;}
    .pro5Tit i{ width: 20px; height: 20px;}

    .soluIco{ max-width: 1.2rem; max-height: 1.2rem;}
    .soluTit{ font-size: 14px !important;}

    .max,.mid,.min{ width: 28px; height: 28px; line-height: 28px;}
    .newsName{ font-size: 18px;}
}