/*
 *  respon.css by 453883682@qq.com
 */
@media (max-width:1600px) {
    .a1-item{ padding: .4rem;}
}
@media (max-width:1400px) {

}
@media (max-width:1200px) {
    .banner{ height: 80vh; max-height: 6rem;}
    .ban-swiper{ top: 60px; height: 80vh; max-height: 6rem; top: 0;}
    .ban-text{ padding-top: 0;}
    .ban-tit{ font-size: .36rem; margin-bottom: .1rem;}
    .ban-en{ margin: .1rem 0;}
    .ban-line span{ margin: .1rem 0;}
    .ban-page{ bottom: 3%;}

    .box1-bg{ padding: .8rem 0;}
    .box1-list{ margin: 0 -.1rem;}
    .box1-list li{ padding: .1rem;}
    .box1-link{ border-radius: .1rem;}
    .box1-text{ padding: .2rem .3rem .3rem;}
    .box1-more{ margin-top: 0;}
    .box1-top{ margin-bottom: .1rem;}
    .box1-play{ width: 50px; height: 50px; max-width: .8rem; max-height: .8rem; transform: translate(-50%,-100%);}

    .box2-bg{ padding: .4rem 0 .6rem;}
    .box2-img-bg{ border-radius: 0.8rem 0 0 0;}
    .box2-swiper{ margin: .3rem 0;}
    .box2-swiper .swiper-container{ width: calc(100% + .2rem); margin-left: -.1rem;}
    .box2-swiper .swiper-slide{ padding: 0 .1rem;}
    .box2-text{ padding: .15rem .2rem;}
    .box2-tag{ line-height: 28px; min-width: 100px;}
    .box2-bot{ padding: .1rem .2rem; line-height: 24px;}

    .box3-swiper{ margin: .3rem 0 .5rem;}
    .box3-swiper .box3-name{ width: 100%; max-width: 100%; padding: 5px .2rem; text-align: center; border-radius: 0;}
    .box3-list{ margin: .3rem -.1rem;}
    .box3-list li{ padding: .1rem;}
    .box3-list .box3-name{ padding: 5px .2rem; line-height: 1.5;}

    .box4-bot{ margin: .3rem 0;}
    .box4-logo{ justify-content: center;}
    .box4-logo li{ width: 16.66%;}

    .a1-title{ margin: .1rem 0;}
    .a1-img{ border-radius: .2rem;}
    .a1-img .box1-play{ transform: translate(-50%,-50%);}
    .a1-list{ margin: .4rem -.1rem;}
    .a1-list li{ padding: .1rem;}
    .a1-item{ padding: .3rem;}
    .a1-icon{ width: 50px; height: 50px;}
    .a1-con{ padding-left: .15rem;}
    .a2-list{ margin: .3rem -.1rem;}
    .a2-list li{ padding: .1rem;}
    .a2-item{ padding: .3rem; border-radius: .2rem;}
    .a2-icon{ width: 50px; height: 50px;}
    .history-bg{ padding: .4rem 0;}
    .his-year{ margin-right: .15rem;}
    .his-list li{ width: 240px;}

    .fund-list{ margin: 0 -.1rem;}
    .fund-item{ padding: .3rem;}
    .fund-icon{ width: 56px; height: 56px;}
    .fund-title{ margin: .1rem 0;}
    
    .leader-bg{ padding: .6rem 0 0 !important;}
    .leader-left{ margin-right: 5%;}
    .leader-bot{ margin: .3rem 0 .6rem; padding: 0 50px;}
    .leader-bot .swiper-btn.absolute .swiper-prev{ right: auto; left: -.1rem; margin: 0;}
    .leader-bot .swiper-btn.absolute .swiper-next{ left: auto; right: -.1rem; margin: 0;}

    .expert-swiper{ margin: .3rem 0 0;}
    .expert-swiper .box3-name{ width: 100%; max-width: 100%; padding: 5px .2rem; text-align: center; border-radius: 0;}
    .team-tab{ margin: .2rem -.1rem;}
    .team-tab li{ padding: 0 .1rem;}
    .team-tab li span{ padding: .15rem 0;}
    .team-list{ margin: .3rem -.1rem;}
    .team-list li{ padding: .1rem;}

    .ser-bg{ padding: .6rem 0;}
    .ser-bg .box-title{ margin-top: .2rem;}
    .ser1-swiper .swiper-slide{ padding: .3rem;}
    .ser1-icon{ width: 120px; height: 120px; max-width: 1.2rem; max-height: 1.2rem;}
    .ser2-list{ margin: .2rem -.1rem;}
    .ser2-list li{ padding: .1rem;}
    .ser2-item{ min-height: 1rem;}
    .ser2-icon{ width: 40px; height: 40px; margin-right: .15rem;}

    .news-bg{ padding: .4rem 0;}
    .news1-left-img .img-bg{ min-height: 0;}
    .news1-right{ padding: .3rem;}
    .news1-top-title{ line-height: 30px; height: 60px;}
    .news1-top-more{ min-width: 1.4rem; line-height: calc(24px + .1rem);}
    .news1-list{ margin: .2rem -.1rem;}
    .news1-list li{ padding: .1rem;}
    .news1-img{ margin-right: .15rem;}
    .news1-img .img-bg{ height: 110px;}
    .news2-top-img .img-bg{ min-height: 3rem;}
    .news2-top-link{ padding: .15rem 0;}
    .news2-right{ padding-left: .3rem;}
    .news2-right li.active .news2-top-link,
    .news2-top-link:hover{ padding: .15rem .2rem; margin-left: -.4rem;}
    .news2-list{ margin: .2rem -.1rem;}
    .news2-list li{ padding: .1rem;}
    .news2-text{ padding: .2rem;}

    .news-link{ padding: .3rem 0;}
    .news-img{ margin-right: .3rem; border-radius: .15rem;}
    .news-img .img-bg{ height: 220px;}
    .news-link .news1-top-title{ margin: .1rem 0;}
    .news-link .news1-top-con{ margin: .15rem 0 .2rem;}

    .con-bg{ padding: .6rem 0;}
    .con-box{ border-radius: .15rem;}
    .con-right{ padding: .3rem;}
    .con-tel{ padding: .1rem .15rem;}
    .con-tel img{ width: 30px; max-width: .4rem;}

    .join-bg{ padding: .6rem 0;}
    .join-name{ flex: auto; border: none;}
    .join-address{ display: none;}
    .join-handle{ width: 16px; height: 16px;}
    .join-handle::before{ height: 2px;}
    .join-handle::after{ width: 2px;}
    .join-text{ padding: .3rem;}
    .join-hidden{ display: block; margin-bottom: 10px;}
}
@media (max-width:991px) {  
    .box3-list{ justify-content: center;} 
    .box3-list li{ width: 20%;}
    .box4-tab{ line-height: 1.6;}
    .box4-tab li span{ min-width: 0;}
    .box4-logo li{ width: 20%;}

    .a1-box{ display: block;}
    .a1-text{ width: 100%; max-width: 100%; margin: .15rem 0;}
    .a1-img{ width: 100%; max-width: 413px; margin: 0 auto;}
    .a1-item{ align-items: flex-start; padding: .2rem;}
    .his-year{ float: none; margin: 0; margin-bottom: 10px;}
    .a4-list{ justify-content: center;}
    .a4-list li{ width: 25%;}
    .fund-list li{ width: 100%;}
    .fund-icon{ margin: 0 auto;}
    .fund-con{ max-width: 100%;}

    .leader-left{ display: none;}
    .leader-con{ line-height: 24px; height: 120px;}
    .team-tab li{ min-width: 33.33%;}
    .team-list{ justify-content: center;}
    .team-list li{ width: 25%;}

    .team-pop-text{ padding: 0 .2rem;}

    .ser1-swiper .swiper-slide{ width: 100%; max-width: 100%;}

    .ser2-list{ justify-content: center;}
    .ser2-list li{ width: 33.33%;}
    
    .news-page{ display: block; line-height: 1.6;}
    .news-page p{ max-width: 100%; margin: .1rem 0;}

    .con-box{ display: block;}
    .con-img{ width: 100%; max-width: 100%; animation-name: fadeInDown;}
    .con-wx{ justify-content: center;}
    .con-wx-text{ flex: none;}
    
}
@media (max-width:767px) {
    .box1-con{ display: none;}
    .box4-logo li{ width: 25%;}
    .a1-list{ flex-wrap: wrap;}
    .a1-list li{ width: 100%;}
    .a2-bg::before,
    .a2-bg::after{ animation: none; background-size: cover;}
    .a2-list li{ width: 100%;}
    .team-list li{ width: 33.33%;}
    .team-pop-img{ display: none;}
    .news1-top{ display: block;}
    .news1-left{ width: 100%;}
    .news1-left-img .img-bg{ height: 0; min-height: 0; padding-bottom: 66.67%;}
    .news1-top-title{ line-height: 1.5; height: auto;}
    .news1-top-con{ line-height: 1.5; height: auto; -webkit-line-clamp: 3;}
    .news1-right .swiper-pagination{ margin-bottom: 0;}
    .news1-list li{ width: 100%;}
    .news2-top{ display: block;}
    .news2-left{ width: 100%;}
    .news2-top-img .img-bg{ min-height: 0; height: 0; padding-bottom: 66.67%;}
    .news2-right{ width: 100%; padding: 0;}
    .news2-right li.active .news2-top-link,
    .news2-top-link:hover{ margin: 0;}
    .news-link .news1-top-con{ -webkit-line-clamp: 2;}
    .news-img{ border-radius: .1rem; margin-right: .15rem;}
    .news-img .img-bg{ height: 164px; max-height: 2.4rem}
    
}
@media (max-width:640px) {
    .ban-tit{ font-size: .4rem;}
    .box1-text{ padding: .2rem .3rem;}
    .box1-more{ font-size: 12px;}
    .box3-list li{ width: 25%;}
    .box4-tab{ flex-wrap: wrap; border-radius: 0;}
    .box4-tab li{ min-width: 33.33%;}
    .box4-tab li span{ border-radius: 0;}
    .box4-tab li.active span{ background-color: var(--main-color);}
    .box4-tab-mask{ display: none;}
    .team-list li{ width: 50%;}
    .news2-list li{ width: 100%;}
    .news2-title{ height: auto;}
}
@media (max-width:460px) {
    .box3-list .box3-name{ font-size: 12px;}
    .box4-logo li{ width: 33.33%;}
    .a4-list li{ width: 33.33%;}
    .leader-bot{ padding: 0 36px;}
    .leader-bot-name{ font-size: 12px;}
    .team-tab{ font-size: 12px;}
    .team-con{ font-size: 12px;}
    .ser2-list li{ width: 50%;}
    .news-img .img-bg{ height: 114px;}
    .news-link .news1-top-title{ font-size: 16px; margin: .15rem 0; white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
    .news-link .news1-top-con{ display: none;}
    .news-link .news1-top-more{ font-size: 12px; line-height: 24px;}
    
    .con-wx-text{ flex: auto;}
    .con-wx-icon{ display: none;}
    .con-wx-img{ margin: 0 auto;}

}

@media (min-width:992px) {
    .CAX3-hover{ display: flex !important;}
}
@media (min-width:1200px) {
    html{ font-size: 65px !important;}
}
@media (min-width:1400px) {
    html{ font-size: 80px !important;}
}
@media (min-width:1600px) {
    html{ font-size: 100px !important;}
}