/*
 *  respon.css by 453883682@qq.com
 */
@media (max-width:1600px) {
    .banTit{ font-size: 40px;}
    .banDes{ font-size: 15px;}
    .hm4Lef{ padding: 0 .3rem;}
    .hm5Tab li + li{ margin-left: .6rem;}
    .hm5Swiper .swiper-slide{ padding: 0 .6rem;}

    #banIn{ max-height: 500px;}
    #banIn .banImg{ max-height: 500px; padding-bottom: 0;}
    #banIn .banText{ padding-bottom: .6rem;}

    .aBg{ padding: 5.2vw 0;}
    .brandLeft{ padding: 1.2rem .3rem;}
    .brandBg1 .brandRight{ padding: .8rem 1rem .2rem;}


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

    .mesLabel{ width: 1.2rem; font-size: 14px;}
    .mesItem .layui-input,
    .mesInput{ font-size: 14px;}
    .mesCheck .layui-form-checkbox span{ font-size: 14px;}
    .mesCity .city-picker-span{ font-size: 14px;}
    .mesCity .city-picker-span > .title > span{ font-size: 14px;}

}
@media (max-width:1400px) {
    .more a{ line-height: 24px; padding: .1rem .4rem;}

    .banTit{ font-size: 32px; }
    .banDes{font-size: 14px;}
    .banMin{ max-height: 420px;}
    .banMin .banImg{ max-height: 420px;}

    .mesBtn{ line-height: 24px; padding: .1rem .4rem;}
}
@media (max-width:1200px) {
    .banner{ height: auto; padding-top: 60px;}
    .banImg{ height: 0; padding-bottom: 52.3%;}
    .banTit{ font-size: 28px;}
    .banPage{ display: block; text-align: center;}
    .banBot{ position: static; background-color: rgba(40, 0, 78, 0.5);}
    
    .hm2Swiper{ height: auto;}
    .hm2Img{ position: relative; padding-bottom: 100%; overflow: hidden;}
    .hm2Img .imgBg{ position: absolute; left: 0; top: 0; width: 100%;}
    .hm2Logo{ left: .3rem; top: .3rem;}
    .hm2Logo img{ height: 15px; max-height: .24rem;}
    .hm2Text{ left: 0; right: 0; bottom: 0; padding: .3rem .3rem .5rem; background: linear-gradient(to top,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);}
    .hm3Box{ padding: .6rem 0;}
    .hm3Swiper{ margin: .3rem 0;}
    .hm3Text{ padding: .3rem 0;}
    .hm4Bg::before{ display: none;}
    .hm4Box{ flex-direction: column-reverse;}
    .hm4Lef{ width: 100%; max-width: 100%; padding: .6rem .3rem; background-color: #FFFFFF;}
    .hm4Text{ height: auto;}
    .hm4Rig{ width: 100%;}
    .hm4Img .imgBg{ height: 0; padding-bottom: 50%;}
    .hm5Box{ padding: .6rem 0;}
    .hm5Tab{ justify-content: center;}
    .hm5Tab li + li{ margin-left: .3rem;}
    .hm5Tab li span{ padding: .18rem 0;}
    .hm5Swiper{ margin-top: .5rem;}
    .hm5Swiper::before{ display: none;}
    .hm5Swiper .swiper-slide{ width: 100%; padding: 0 .3rem;}
    .hm5Btn{ position: static; transform: none; display: flex; justify-content: center; margin-top: .3rem;}
    .hm5Btn span{ width: 44px; height: 44px; margin: 0 .1rem;}

    #home .title,.more,.hm2Swiper,.hm3Swiper,.hm4Lef,.hm4Rig,.hm5Top,.hm5Bot{ animation: none !important;}

    #banIn{ max-height: 3.8rem;}
    #banIn .banImg{ position: fixed; left: 0; top: 60px; width: 100%; height: 100%; max-height: calc(3.8rem - 60px);}    
    #banIn .banText{ padding-bottom: .3rem;}

    .a2Ico{ width: 50px; height: 50px;}
    .a4Box{ display: block; margin-top: .3rem;}
    .a4Lef{ width: 100%; margin: 0 auto .3rem;}
    .a4Rig{ line-height: 24px;}
    .a4Rig p{ margin: .15rem 0; background-size: 24px auto; padding-left: 30px;}
    .a4Con{ position: static; max-height: 4rem;}

    
    .brandBox{ display: block;}
    .brandLeft{ width: 100%; max-width: 100%; padding: .3rem; margin-bottom: .2rem;}
    .brandLeft .brandText{ height: auto;}
    .brandLeftCon{ max-width: 100%;}
    .brandBg1 .brandRight{ padding: .3rem;}
    .brandTop{ height: auto;}
    .brandBot{ height: auto;}
    .brandLink{ padding: .3rem;}
    .brandLink .brandImg .imgBg{ height: 0; padding-bottom: 100%;}

    .dev2Left{ width: 100%; margin: 0;}
    .dev2Swiper{ display: none;}

    .newsList{ margin: 0 -.1rem;}
    .newsList li{ padding: 0 .1rem; margin-bottom: .3rem;}
    .newsList + .page{ padding-top: .4rem !important;}
    
    .back{ padding: .6rem 0 .2rem;}
    .newsTop{ padding: .3rem 0;}

    .mesLabel{ width: 80px;}

}
@media (max-width:991px) {
    .banList{ justify-content: space-between; padding: 0 .3rem;}
    .banList li{ padding: 0 .1rem;}
    .a1Num span{ font-size: 200%;}
    .a2List{ display: block;}
    .a2List li{ width: 100%;}
    .a2Img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 0; z-index: -1;}
    .a2Text{ position: static; transform: none; padding: .6rem .3rem;}
    .a2Con{ min-height: 0;}

    .brandTopBox{ display: block;}
    .brandTopImg{ width: 100%; margin: 0 auto;}
    .brandTopText{ max-width: 100%;}

    .re1Top{ display: block; text-align: center;}
    .re1Text{ width: 100%; margin: .1rem auto;}
    .re3Img{ margin: .1rem;}
    .re3Tit{ padding: .1rem .15rem;}
    .researchBg4::before{ height: 70%;}
    .re4Bot{ margin-top: .3rem;}
    .re4Bot .swiper-slide{ width: 80%;}

    .dev1List{ margin: 0 -.05rem;}
    .dev1List li{ padding: .05rem;}
    
    .newsList li{ width: 50%;}

    .contact{ display: block;}
    .conLef,
    .conRig{ width: 100%; padding: 0;}
    .conLef{ padding-bottom: .4rem; border-right: none; border-bottom: 1px solid rgba(0,0,0,.06);}
    .conRig{ padding-top: .4rem;}
}
@media (max-width:767px) {
    .banBot{ padding: .2rem 0;}
    .banList{ flex-wrap: wrap;}
    .banList li{  margin: .1rem 0;}
    .hm5Link{ display: block;}
    .hm5Img{ width: 80%; max-width: 420px; margin: 0 auto;}
    .hm5Con{ max-width: 100%; height: auto; line-height: 24px;}

    .aBg{ padding: .6rem 0;}
    
    .re1List li{ width: 50%;}
    .re1List li:nth-child(3n + 1){ width: 100%;}

    .newsList li{ width: 50%;}

    .mesItem{ display: block;}
    .mesLabel{ width: 100%; line-height: 24px; margin: 0; text-align: left;}
    .mesCheck{ margin-left: 0;}

}
@media (max-width:640px) {
    .banTit{ font-size: .4rem;}
    .more{ line-height: 32px; font-size: 12px;}
    .brandTit{ font-size: 16px;}
    
    .mesBtn{ line-height: 24px; font-size: 12px;}
}
@media (max-width:460px) {
    .banner{ padding-top: 50px;}
    .banList{ font-size: 12px;}
    .banList li{ border-left-width: 1px;}
    .banNum{ font-size: 16px;}
    .hm5Tab{ font-size: 16px;}
    .a1Num span{ font-size: 150%;}

    #banIn .banImg{ top: 50px; max-height: calc(3.8rem - 50px);}

    .dev2Item{ padding: .3rem;}
    
    .newsList li{ width: 100%;}

    .mesItem .layui-input,
    .mesInput{ height: 44px;}
    .mesItem .city-picker-span{ height: 44px !important; line-height: 44px !important;}
    .mesItem .layui-form-select dl{ top: 44px;}
    .mesItem .layui-form-selectup dl{ top: auto; bottom: 44px;}
    .mesBtn{ width: 100%;}
}