@media (max-width: 1680px){
    h1{font-size: 54px;}
    h2{font-size: 42px;}
    h3{font-size: 36px;}
    h4{font-size: 30px;}
    h5{font-size: 24px;}
    .inx-02-left{padding-top: 120px;}
    .inx-02-right{padding-top: 120px;}
    .inx-02-left>ul{margin-top:8vh;}
    .inx-04-cont p{font-size: .8vw;}
}
@media (max-width: 1500px){
    h1{font-size: 48px;}
    h2{font-size: 36px;}
    h3{font-size: 32px;}
    h4{font-size: 24px;}
    h5{font-size:20px;}
    .inx-02-left>p:nth-child(2){font-size: 18px;}
    .ab-03-box>img{width: 30%;}
    .ab-03-box ul>li:nth-child(2n-1){margin-left: 3%;}
    .ab-01-pc{width: 400px;height: 400px;}
    .ab-01-list>ul>li:nth-child(2),.ab-01-list>ul>li:nth-child(4){top: 280px;}
}
@media (max-width: 1440px){
    p{font-size: 15px;}
    .web-nav>.cont{width: 86%;}
    .web-nav>.cont>a{margin-left: 0;}
    .web-nav>.cont>p{display: none;}
    .web-nav>.cont>ul{width: 70%;}
    .inx-02-left>ul>li img{width: 32px;}
    .inx-02.active .inx-02-right>img{bottom: -10%;}
    .inx-04-cont p{line-height: 20px;}
    .inx-03.active .inx-03-tap{right: -60px;}
    .inx-03-tit{right: 120px;}
    .ab-03-list>p{margin-top: 10px;}
    .indu-bigpic{width: 40%;}
    .case-list-box ul>li>a>.img_box{height: 260px;}
    .case-tab>ul>li{width: 16.66%;}
}
@media (max-width: 1300px){
    .inx-03-tap{width: 500px;height: 500px;}
    .inx-03-tap>ul li{width: 80px;height: 80px;}
    .inx-03-tap>ul li:nth-of-type(n){transform-origin: 50px 290px;}
    .inx-03-tit{width: 240px;height: 240px;}
    .ab-03-box ul{padding-top: 0;}
    .ab-04 img{width: 100%;}
    .ab-01-list>ul>li{width: 90px;height: 90px;}
    .ab-01-list>ul>li>a>p{font-weight: 300;}
    .indu-bigpic{width: 36%;}
    .indu-dail{bottom: 10vw;}
    .case-list-box ul>li{padding:0 15px}
}
@media (max-width: 1200px){
    .indu-content-box{position: static;}
    .indu-content{height: 100%;}
    .indu-content>.box{position: static;}
    .indu-dail{position: relative;padding:120px 0 0 0;box-sizing: border-box;z-index: 3;}
    .indu-info{width: 100%;}
    .indu-info>strong{height: 100%;overflow: hidden;padding-right: 0;}
    .indu-content>img{position: absolute;top: 0;left: 0;z-index: -1;}
    .indu-dail{bottom: 0;}
    .indu-pics{display: none;}
    .indu-link{position: relative;display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 60px;}
    .indu-link>a{margin-left: 0;}
    .indu-link>a:nth-child(2){margin-left: auto;}
    .indu-link>h4{width: 100%;display: flex;justify-content: space-between;}
    .indu-link>h4>img{margin-left: auto;}
}
@media (max-width: 1100px){
    h1{font-size: 42px;}
    h2{font-size: 32px;}
    h3{font-size: 26px;}
    h4{font-size: 22px;}
    h5{font-size:18px;}
    .inx-02-left>p:nth-child(2){font-size: 16px;}
    .web-nav>.cont>ul>li>a{font-size: 14px;}
    .inx-02.active .inx-02-right>img{bottom: 0;}
    .inx-05-tap>ul>li h5{font-size: 18px;}
    .inx-05-list>ul>li{padding:0 15px}
    .inx-05-list>ul>li.swiper-slide-active .inx-05-info{padding:15px}
    .hmc6Mbtn p{font-size: 14px;}
}
@media (max-width: 980px){
    .cont{width: 90%;}
    #full_tap{display: none;}
    .web-nav-box{display: none;}
    .auto-header{top: 0;opacity: 1;}
    .inx-01.active .banner-box h3{top:56%;}
    .inx-swiper>ul>li{height: 70vh;}
    .inx-02-left{width: 100%;padding-top: 60px;transform: translateX(0);opacity: 1;}
    .inx-02-right{width: 100%;height: 40vh;padding-top: 60px;margin-top: 40px;transform: translateX(0);opacity: 1;}
    .inx-02-right>img{width: 80%;}
    .inx-02-right>h2{top: 35%;}
    .inx-02-right>span{width: 60px;height: 60px;}
    .inx-04 ul>li{width: 50vw;height: 28vw;}
    .inx-04 ul>li:nth-child(n) .inx-04-box{transform: translateY(0);opacity: 1;}
    .inx-04 ul>li:nth-child(5){display: none;}
    .inx-04-box{height: 100%;}
    .inx-04-box .img_box{width: 100%;height: 100%;}
    .inx-04, .inx-04 ul{height: 100%;}
    .inx-04-cont{width: 100%;margin-left: 0;height: 28vw;transform: translateY(0);position: static;background-image: url(../images/inx-bj3.jpg);background-size: cover;opacity: 1;}
    .inx-04-cont span>img{display: none;}
    .inx-04-cont>.box{width: 100vw;height: 100%;background-color: rgba(0,0,0,.6);}
    .inx-04-cont>.box>span{width: 100vw;left: 0;margin-left: 0;}
    .inx-04-cont>.box>span>dl{margin-top: 0;}
    .inx-04.active .inx-04-cont{transform: translateY(0);}
    .inx-04 ul>li .inx-04-box:after{background: rgba(0,0,0,0.5);}
    .inx-04 ul>li .inx-04-box .img_box{-webkit-filter: grayscale(0%); filter: grayscale(0%); opacity: 1;}
    .inx-04 ul>li .inx-04-box .img_box>img{ transform: scale(1);}
    /* .inx-04 ul>li .inx-04-tit{opacity: 1;} */
    .inx-04.active .hmc6more{bottom: -20px;}
    .hmc6Mbtn p{display: none;}
    .inx-03-box{padding: 0;}
    .inx-03-tit{display: none;}
    .inx-03-list{width: 100%;transform: translateX(0);opacity: 1;}
    .inx-03-info{width: 100%;}
    .inx-03-num{width: 15%;height: 120px;top:-30px;right: -20px;left:auto;}
    .inx-03-num h1{font-size: 54px;line-height: 60px;}
    .inx-03-tap{position: static;transform:translateY(0);width: 100%;height: auto;opacity: 1;}
    .inx-03-tap>ul{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 5px;}
    .inx-03-num span{top: 60px;}
    .inx-03-tap>ul li{position: static;margin:0;}
    .inx-03-tap>ul li:nth-of-type(n){transform: rotate(0deg);}
    .inx-03-tap>ul li:nth-of-type(n) p{transform: rotate(0deg);}
    .inx-05{padding: 60px 0;}
    .inx-05-tap{position: static;margin-top: 40px;}
    .inx-05-btn>ul{display: none;}
    .inx-05-list{margin-top: 40px;}
    .inx-05-list>ul>li{width: 50%;}
    .inx-05-btn{bottom: -50px;}
    .inx-05-list>ul>li.swiper-slide-active .inx-05-info>p{height: 0;}
    .inx-05.active .hmc6more{bottom: 20px;}
    .inx-05-box{transform: translateY(0); opacity: 1;}
    .inx-05-list>ul>li .img_box{height: 24vw;}
    .inx-05-btn{width: 100%;}
    .inx-05-btn-l{width: 100%;}
    .footer-l{display: none;}
    .footer-nav{max-width: 34%;}
    footer{padding-top: 60px;}
    .web-hengfu{height: 360px;}
    .padding{padding: 50px 0;}
    .ab-01-des{padding: 0;}
    .ab-01-more{display: none;}
    .ab-01-pc{display: none;}
    .ab-01-show{position: static;display: block;}
    .ab-01-info{position: static;background-color: rgba(0,0,0,0);}
    .ab-01-info>.cont{width: 100%;}
    .ab-01-show>.box::after{display: none;}
    .ab-01-text{color: #333;}
    .ab-01-des{display: none;}
    .ab-01-text{width: 100%;}
    .ab-01-text{padding-right: 0;}
    .ab-01-info .img_box{width: 100%;padding: 0;margin-top: 20px;}
    .ab-02-left{width: 100%;}
    .ab-02-right>img{position: static;transform: translateY(0);width: 60%;margin:0 auto}
    .ab-02-right{margin-top: 40px;width: 100%;}
    .ab-03-box ul{position: static}
    .ab-03-box>img{display: none;}
    .ab-03-box ul>li:nth-child(2n-1){margin-left:0}
    .ab-03-box ul>li{width: 48%;margin-top: 30px;}
    .ab-03-box{margin-top: 30px;}
    .ab-01-info{padding:0;margin-top: 30px;}
    .indu-tit>h4{font-size: 22px;line-height: 30px;height: auto;}
    .indu-swi>ul>li{width: 50%;}
    .case-tab>ul>li{width: 25%;}
    .case-tab{padding-bottom: 20px;}
    .case-list-box{margin-top: 20px;}
    .case-list-box ul>li{width: 50%;margin-bottom: 20px;}
    .case-info-box{width: 100%;padding: 0;border: none;}
    .case-info-recd{width: 100%;padding: 0;margin-top: 20px;}
    .hor-01-left{width: 100%;padding-top: 0;text-align: center;}
    .hor-01-name p{padding: 0;}
    .hor-01-name p:after{display: none;}
    .hor-01-tap{justify-content: center;}
    .hor-01-tap>div:last-child{margin-right: 0;}
    .hor-01-right{width: 100%;}
    .hor-01-list>ul>li{padding: 40px;}
    .news-list>.cont>ul>li{width: 48%;}
    .auto-2nav-all{width: 90%;}

    .ab-05 .box .img_box{width: 100%;}
    .ab-05 .box .info{width: 100%;margin-top: 30px;padding: 0;overflow: auto;max-height: 100%;}
    .ab-05 .box .info h5{font-size: 18px;}
}
@media (max-width: 768px){
    h1{font-size: 36px;}
    h2{font-size: 26px;}
    h3{font-size: 22px;}
    h4{font-size: 20px;}
    h5{font-size:16px;}
    .inx-02-left>p:nth-child(2){font-size: 15px;}
    .banner-tap>ul>li{width: 40px;height: 40px;line-height: 40px;margin:0 15px;}
    .banner-tap>ul>.active:after{width: 40px;}
    .banner-tap>ul>li:after{left:-30px;}
    .inx-scroll>p{margin-top: 5px;}
    .inx-02-left{padding-top: 40px;padding-left: 5%;}
    .inx-02-info{margin-top: 30px;}
    .inx-02-left>a{margin-top: 40px;}
    .inx-02-left>ul{margin-top: 40px;}
    .inx-02-right{padding-top: 40px;}
    .inx-02-right>img{width: 80%;}
    .inx-04-cont>.box>span>dl>dd img{width: 34px;height: 34px;}
    .inx-03-info{padding:30px;}
    .inx-03-info{height: auto;}
    .inx-03-num{display: none;}
    .inx-03-info>h5{margin-bottom: 20px;}
    .inx-03-tap>ul{border:1px solid rgba(0,0,0,.1);border-radius: 0;border-bottom: none;}
    .inx-03-tap>ul li{width: 25%;background-color: rgba(0,0,0,0);box-shadow: none;border-radius: 0;border-right: 1px solid rgba(0,0,0,.1);box-sizing: border-box;border-bottom: 1px solid rgba(0,0,0,.1);}
    .inx-03-tap>ul>li.active:after{display: none;}
    .inx-03-tap>ul li:nth-child(4n){border-right: none;}
    .inx-03-tap>ul>li>a>p>img{width: 40px;}
    .inx-05-tap>ul>li{padding:0 30px}
    .footer-nav{width: 100%;max-width: 100%;margin-bottom: 20px;}
    .footer-top{padding-bottom: 20px;}
    footer{padding-top: 40px;}
    .footer-bottom{flex-wrap: wrap;justify-content: center;text-align: center;}
    .footer-ewm>img{width: 24vw;height: 24vw;}
    .footer-ewm>p{font-size: 14px;line-height: 24px;}
    .indu-tit>span{width: 36px;height: 36px;}
    .indu-tit>h4{font-size: 20px;line-height: 24px;}
    .case-tab{display: none;}
    .case-list-box ul>li{width: 100%;padding:0}
    .news-top-pic{display: none;}
    .news-top-txt{width: 100%;padding:20px}
    .news-list>.cont>ul>li{width: 100%;margin-bottom: 20px;;}
    .join-01-top {flex-wrap: wrap;}
    .join-tel{width: 100%;}
    .join-02-box{width: 100%;}
    .join-02-box{padding:30px 5%}
    .join-tel>h5>img{height: 30px;}
    .join-tel>h5{font-size: 16px;line-height: 30px;}
    .join-02-top>.cont>ul>li{width: 50%;border: none;}
    .join-02-top>.cont>ul>li>img{width: 32px;}
    .recruit-02 dl>dt>h5{font-size: 16px;line-height: 40px;}
    .recruit-02 dl>dd>p{font-size: 15px;line-height: 40px;}
    .recruit-02 dl>dd{height: 40px;}
    .recr-info{padding: 20px;}
    .recr-info>form>p{width: 100%;margin-bottom: 15px;}
    .recr-info>form>button{width: 100%;height: 36px;}
    .cat-01-left{width: 100%;}
    .zxdt_box{position: static;height:60vh;width: 100%;}
    
    .auto-2nav-all>dl>dd{width: 50%;}
    .auto-2nav-all{padding:100px 20px 30px 20px;}
}
@media (max-width: 500px){
    h1{font-size: 28px;}
    h2{font-size: 22px;}
    h3{font-size: 20px;}
    h4{font-size: 18px;}
    h5{font-size:16px;}
    .inx-02-left>p:nth-child(2){font-size: 13px;padding-left: 0;}
    .inx-01.active .banner-box h3{width: 90%;}
    .inx-02-left>h4{padding-left: 0;}
    .inx-02-left>h4::before{display: none;}
    .inx-05-list>ul>li{width: 100%;}
    .inx-05-tap>ul>li h5{font-size: 13px;margin-top: 5px;}
    .inx-05-tap>ul>li h5{padding:10px 0;}
    .web-hengfu{height: 260px;}
    .web-hengfu-info{top: 60%;}
    .web-mbx{padding:5px 0}
    .web-mbx p,.web-mbx p>a{font-size: 13px;}
    .padding{padding:30px 0;}
    .ab-01-info{padding:0;margin-top: 20px;}
    .ab-02-left>a{margin-top: 20px;}
    .ab-02-left>a{width: 140px;line-height: 36px;}
    .ab-02-right>img{width: 100%;}
    .ab-02-right{margin-top:20px ;}
    .ab-03-box ul>li{width: 100%;display: flex;justify-content: space-between;}
    .ab-03-box ul>li>img{width: 30px;height: 30px;margin-right: 5px;}
    .ab-03-list{width: 85%;}
    .ab-04 img{margin-top: 20px;}
    .indu-swi>ul>li{width: 100%;}
    .indu-tit{bottom: 20vw;}
    .indu-link>h4{margin-top: 20px;}
    .indu-link>h4>img{width: 36px;height: 36px;margin-top: 12px;}
    .indu-info{padding: 15px;}
    .case-info-recd>h4{line-height: 40px;padding-bottom: 20px;}
    .case-info-recd>ul{margin-top: 20px;}
    .hor-01-list>ul>.swiper-slide-active,.hor-01-list>ul>li{padding: 10px;}
    .hor-02 ul>li{width: 50%;}
    .hor-01-left>h4{margin-top: 0;}
    .news-type>ul{justify-content: space-between;}
    .news-type>ul>li{width: 23%;margin: 0;}
    .news-top-list p{margin-top: 10px;}
    .news-list-info{padding:15px}
    .news-list-tap>ul{margin-top: 15px;}
    .cat-01-left ul{margin-top: 0;}
    .news_inner>.cont>.ym_tit{font-size: 18px;}
.hor-02 ul>li .img_box{height:75%}
.hor-02 ul>li{margin-bottom:20px;}
}