/*
 *  respon.css by 453883682@qq.com
 */
@media (max-width:1600px) {
}
@media (max-width:1400px) {
}
@media (max-width:1200px) {
    .banner{ height: 100vh; max-height: 8rem;}
    .ban-swiper{ top: 60px; height: 100vh; max-height: 8rem; top: 0;}
    .ban-text{ padding-top: 60px;}
    .ban-page{ bottom: 3%;}
    .ban-page .container{ justify-content: center;}

    .box1{ min-height: 0; padding: .6rem 0;}
    .box1-list{ margin: .5rem -.2rem;}
    .box1-list li{ padding: 0 .2rem;}
    .box1-dot i{ width: 18px; height: 18px;}

    .box2-bg{ padding: .6rem 0;}
    .box2-text{ margin: .3rem 0 .4rem;}
    .box2-link{ min-height: 1.64rem;}
    .box2-icon{ width: 54px; height: 54px;}

    .box3-tab li span{ padding: .16rem 0;}
    .box3-list{ margin: 0 -.1rem;}
    .box3-list li{ padding: 0 .1rem; margin-top: .2rem;}
    .box3-link{ padding: .1rem .2rem;}

    .box4{ min-height: 0;}
    .box4-title{ margin: .1rem 0;}
    .box4-des{ margin: .1rem 0 .2rem;}
    .box4-wechat{ width: 100px; margin-left: -50px;}

    .about-title{ margin-bottom: .2rem;}
    .about-des{ margin: .2rem auto;}
    .about1-bg{ padding: .6rem 0;}
    .about2-bg{ padding: .6rem 0;}
    .about3-bg{ padding: .6rem 0;}
    .honor-swiper{ margin: .3rem 0 0;}
    .honor-item{ padding: .1rem;}
    .env-swiper{ margin: .3rem 0 0;}
    .env-swiper .swiper-btn{ margin-top: .3rem;}

    .field{ padding: .6rem 0;}
    .field-sort li a{ padding: .1rem; line-height: 28px;}
    .field-sort li a img{ max-width: 22px; max-height: 22px; margin: 0 .1rem;}
    .field-right{ padding: .3rem;}
    .field-title{ margin-bottom: .2rem;}
    .field-text{ margin: .2rem 0;}
    .field-case{ margin-top: .4rem; margin-bottom: .2rem; padding-top: .3rem;}
    .field-case-list li{ padding-top: .1rem; padding-bottom: .1rem;}

    .team-form{ margin: .3rem 0;}
    .team-form-list .layui-input,
    .team-input{ height: 45px; line-height: 25px;}
    .team-btn{ height: 45px;}
    .team-btn img{ max-width: 18px;}
    .team-form-list .layui-form-select dl{ top: 45px;}
    .team-form-list .layui-form-selectup dl{ bottom: 45px;}
    .team-list{ margin: .3rem -.1rem 0;}
    .team-list li{ padding: 0 .1rem; margin-bottom: .2rem;}
    .team-text{ padding: .3rem;}
    .team-line{ margin: .1rem 0;}
    .team-con{ margin: .15rem 0;}
    .team-bot{ height: 4px;}

    .team-top-left{ max-width: 50%;}
    .team-box{ padding: .6rem 0;}
    .team-left{ max-width: 25%;}
    .team-sort li a{ padding: .15rem 0;}

    .news-bot-title{ margin: .3rem 0;}
    .news-bot-swiper{ margin: .3rem 0;}

    .build1-top{ margin: .4rem 0;}
    .build-title{ margin: .2rem 0;}
    .build-text{ margin: .2rem 0;}

    .build1-item{ min-height: 2rem; padding: .1rem .3rem .1rem .3rem;}
    .build1-num{ right: .3rem;}
    .build1-title{ background-size: 24px auto; margin-left: 0; padding-left: 30px; line-height: 24px;}

    .build2-list{ margin: .2rem -.15rem;}
    .build2-list li{ padding: .15rem;}
    .build2-leaf1,
    .build2-leaf2{ max-width: .5rem; max-height: 1rem;}

    .pro-bg{ padding: .6rem 0;}
    .pro-title{ margin-bottom: .2rem;}
    .pro-des{ margin-bottom: .2rem;}
    .pro1-list{ margin: 0 -.1rem;}
    .pro1-list li{ padding: .1rem;}
    .pro1-icon{ width: 40px; height: 40px;}
    .pro3-swiper .swiper-btn{ margin-top: .3rem;}

    .research-link{ padding: .15rem;}
    .research-list li::after{ left: .15rem; right: .15rem;}

    .book-list{ margin: 0 -.1rem;}
    .book-list li{ padding: .1rem;}
    .book-text{ padding: .2rem; padding-right: 0;}

    .welfare-bg{ padding: .6rem 0;}
    .welfare-list{ margin: 0 -.15rem;}
    .welfare-list li{ padding: 0 .15rem; margin-bottom: .3rem;}
    .welfare-text{ padding: 0 .3rem;}
    .welfare-title{ margin: .2rem 0;}
    .welfare-con{ margin: .2rem 0;}
    .welfare-more{ margin: .2rem 0;}

    .welfare2-list li{ margin-top: .3rem;}

    .news-top{ padding-top: 0; padding: 0 0 .15rem;}

    .contact-bg{ padding: .6rem 0 .8rem;}
    .con-list{ margin: 0 -.1rem;}
    .con-list li{ padding: .1rem;}
    .con-text{ padding: .1rem .3rem;}
    .con-title{ padding: .2rem 0;}
    .con-con{ padding: .2rem 0 .3rem;}

    .join-title{ margin: 0 0 .2rem;}
    .join-text{ margin: 0 0 .2rem;}
    .join3-list li{ padding: 0 .2rem;}
    .join3-top{ padding: .15rem 0;}
    
}
@media (max-width:991px) {
    .box1{ display: block;}
    .box1-left{ width: 100%; max-width: 100%; margin: 0;}
    .box1-right{ display: none;}
    .box1-text{ margin: .3rem 0;}
    .box1-list{ margin: .3rem -.15rem; justify-content: center;}
    .box1-list::before{ left: -100%;}
    .box1-list li{ width: 33.33%; padding: 0 .15rem;}
    .box1-item{ margin: 0 auto;}

    .box2-list li{ width: 20%;}
    .box2-list li:nth-child(5) .box2-link::after{ border-radius: 0 .1rem 0 0;}
    .box2-list li:nth-child(11) .box2-link::after{ border-radius: 0 0 0 0.1rem;}
    .box2-list li:nth-child(16) .box2-link::after{ border-radius: 0 0 .1rem 0;}
    .box2-list li:nth-child(7) .box2-link::after{ border-radius: 0;}

    .box3{ display: block; padding: .3rem 0;}
    .box3-left{ width: 100%; margin: .3rem 0; padding: 0; border-right: none;}
    .box3-left .box-title{ text-align: center;}
    .box3-left .box-more{ display: none;}
    .box3-tab{ display: flex; justify-content: center; margin: .3rem -.1rem; border: none;}
    .box3-tab li{ padding: 0 .1rem;}
    .box3-tab li span{ padding: .1rem 0;}
    .box3-tab li i{ position: static; display: inline-block; vertical-align: middle; width: 18px; height: 18px; line-height: 18px; margin: 0; margin-left: 2px; margin-top: -2px;}
    .box3-tab li.active::before{ width: 100%; max-width: 100%;}
    .box3-right{ max-width: none; margin: 0; padding: 0;}

    .field{ display: block;}
    .field-left{ width: 100%; max-width: 100%; padding: 0; border: none;}
    .field-right{ width: 100%;}
    .field-sort{ display: flex; flex-wrap: wrap; font-size: 14px;}
    .field-sort li{ width: 25%;}
    .field-sort li a img{ margin-top: -2px;}
    .field-sort li::after{ display: block; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 1px; background: linear-gradient(to right, #d7d8d8, rgba(255, 255, 255, 0));}

    .team-list li{ width: 100%;}
    .team-img{ width: 40%; max-width: 200px;}

    .build1-top{ display: block;}
    .build1-left,
    .build1-right{ width: 100%; max-width: 100%; margin: .2rem 0;}
    .build1-right{ text-align: center;}

    .research-time{ flex-direction: column; justify-content: center; align-items: flex-start;}
    .research-time i{ width: .3rem; height: 1px; transform: none; margin: .1rem 0;}
    .research-title{ margin: 0 0 .1rem;}

    .book-title{ margin: 0 0 .2rem;}
    .book-line{ margin: .2rem 0;}
    .book-con p{ margin: 5px 0;}
    
    .join2-info{ padding: .1rem .3rem;}
    
}
@media (max-width:767px) {
    .about1-bg{ padding: .3rem 0;}
    .about1{ display: block;}
    .about1-left,
    .about1-right{ width: 100%; max-width: 100%; padding: 0; margin: .3rem 0;}

    .field-sort li{ width: 33.33%;}

    .team-form-list{ display: block;}
    .team-form-list li{ margin-bottom: .1rem;}
    .team-btn{ width: 100%;}

    .team-top{ flex-direction: column-reverse;}
    .team-top-left{ width: 100%; max-width: 100%; margin: .2rem 0;}
    .team-top-right{ width: 100%; margin: .2rem 0;}
    .team-top-right img{ max-width: 300px;}

    .team-box{ padding: .4rem 0 .6rem;}
    .team-left{ float: none; width: 100%; max-width: 100%; margin: 0; top: 60px; background-color: #FFFFFF;}
    .team-sort{ display: flex; flex-wrap: wrap; border: none; border-bottom: 1px solid #888888;}
    .team-sort li{ padding: 0 .15rem;}
    .team-sort li a::before{ left: 0 !important; top: auto; bottom: 0; height: 2px;}
    .team-sort li.active a::before{ width: 100%;}

    .pro1-list li{ width: 50%;}

    .book-list li{ width: 100%;}
    .book-img{ max-width: 200px; width: 35%;}

    .welfare-left .research-time{ min-width: 0; padding-right: .3rem;}
    .welfare-left .research-text{ padding-right: 0;}
    .welfare-right{ margin-left: .2rem;}

    .news-info{ display: block;}
    .news-left img{ max-width: 16px;}
    .news-share{ margin-top: .15rem;}
    .news-share .social-share-icon{ width: 30px; height: 30px; font-size: 14px; line-height: 30px;}
    .news-page a{ line-height: 46px; padding: 0 .2rem;}
    .news-page a img{ max-width: 16px;}

    .join2-list li{ width: 50% !important; flex: auto;}
    .join2-img{ padding-bottom: 64.52%;}
    .join2-text{ width: 100%;}
}
@media (max-width:640px) {
    .ban-text{ padding-top: 50px;}
    .box2-list li{ width: 33.33%;}
    .box2-list li:nth-child(3) .box2-link::after{ border-radius: 0 .1rem 0 0;}
    .box2-list li:nth-child(15) .box2-link::after{ border-radius: 0 0 0.1rem 0;}
    .box2-list li:nth-child(5) .box2-link::after,
    .box2-list li:nth-child(8) .box2-link::after,
    .box2-list li:nth-child(11) .box2-link::after,
    .box2-list li:nth-child(14) .box2-link::after,
    .box2-list li:nth-child(16) .box2-link::after{ border-radius: 0;}
    .box2-link{ padding: .3rem .1rem;}
    .box2-title{ min-height: 40px; line-height: 20px;}
    .box2-arrow{ line-height: 1; display: flex; flex-direction: column; justify-content: center; align-items: center;}

    .box3-tab li span{ padding: .2rem 0;}
    .box3-list li{ width: 100%;}

    .box4-btn{ margin: .2rem 0;}
    .box4-btn li a{ max-width: 100%;}
    .box4-btn li a i{ margin-left: 5px;}
    .box4-btn .icon-wechat{ width: 18px;}
    .box4-wechat{ width: 80px; margin-left: -40px; margin-bottom: 10px;}

    .field-sort li{ width: 50%;}

    .team-sort li{ padding: 0 .1rem;}
    .team-left{ top: 50px;}

    .pro2-text{ font-size: 12px;}
    .pro2-text table th:nth-child(1){ width: 20%;}
    .pro2-text table th:nth-child(2){ width: 20%;}
    .pro2-text table td{ line-height: 22px;}

    .welfare-list li{ width: 100%;}

    .join3-handle{ width: 24px; height: 24px;}

}
@media (max-width:460px) {
    .box1-title{ font-size: 12px;}
    .box3-tab li i{ display: none;}
    .build1-title{ font-size: 16px;}
    .welfare-title{ font-size: 16px;}
    .welfare2-list .research-link{ flex-wrap: wrap; flex-direction: column-reverse;}
    .welfare-right{ width: 100%; max-width: 100%; margin: 0 0 .1rem;}
    .welfare-left{ width: 100%; padding: .1rem 0;}
    .welfare-left .research-time{ justify-content: flex-start;}
    .news-left span{ display: block;}
    .news-left span + span{ margin: 0;}
    .news-page a{ line-height: 36px;}
    .con-list li{ width: 100%;}
    .join2-list li{ width: 100% !important;}
    .join2-img{ padding-bottom: 40.85% !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;}
}