﻿/*?????????*/
@media screen and (max-width: 1699px) {
  .h-sousuo{
    margin-left: 4%;
  }
  .h-nav{
    width: 55%;
  }
    .adv2-left ul li{
        height: 200px;
    }

}
@media screen and (max-width: 1620px) {
  
  .warpper{
    padding: 0 3%;
    width: auto;
  }
  .about1-left{
    width: 35%;
  }
}
@media screen and (max-width: 1500px) {
  .h-sousuo{
    margin-left: 3%;
  }
  .adv2-right{
    width: 35%;
  }
  .f-lianxi ul li{
    width: 24%;
  }
  .banner .swiper-slide1 .slide-inner .text .sec{
    margin-top: 6%;
  }
  .banner .swiper-slide2 .slide-inner .text .sec{
    margin-top: 6%;
  }
  .banner .swiper-slide3 .slide-inner .text .sec{
    margin-top: 6%;
  }
  .banner .swiper-slide4 .slide-inner .text .sec{
    margin-top: 6%;
  }
  .banner .swiper-slide1 .slide-inner .text .thr{
    margin-top: 10%;
  }
  .banner .swiper-slide2 .slide-inner .text .thr{
    margin-top: 6%;
  }
  .banner .swiper-slide3 .slide-inner .text .thr{
    margin-top:6%;
  }
  .banner .swiper-slide4 .slide-inner .text .thr{
    margin-top: 6%;
  }
  .banner .swiper-slide1 .slide-inner .text .four{
    margin-top: 14%;
  }
  .banner .swiper-slide2 .slide-inner .text .four{
    margin-top: 10%;
  }
  .banner .swiper-slide3 .slide-inner .text .four{
    margin-top:10%;
  }
  .banner .swiper-slide4 .slide-inner .text .four{
    margin-top: 10%;
  }
}
@media screen and (max-width: 1400px) {
  .h-sousuo{
    margin-left: 2%;
  }
  .h-nav{
    margin-left: 8%;
  }
  .adv2-tit{
    margin-right: 30%;
  }
  .circle{
    right: 22%;
  }
  .f-nav{
    margin-left: 3%;
  }
  .slide_box{
    padding: 30px;
  }
  .slide_nav li:first-child{
    margin-bottom: 8px;
  }
  .slide_nav li{
    margin-bottom: 8px;
  }
  .info-contact ul li{
    margin-right: 1%;
  }
}
@media screen and (max-width: 1300px) {
  .h-logo{
    width: 13%;
    padding-top: 39px;
  }
  .h-nav{
    width: 43%;
  }
  .h-nav ul li a{
    font-size: 15px;
  }
  .f-sea1{
    font-size: 14px;
    text-indent: 10px;
  }
  .adv2-left ul li{
    height: 205px;
  }
  .about1-left h3{
    font-size: 28px;
  }
  .ab2-tit h3{
    font-size: 20px;
  }
  .news_list li .img{
    height: 227px;
  }
  .news_list li:first-child{
    height: 478px;
  }
  .pro-type ul li{
    width: 128px;
  }
  .f1{
    width: 30%;
  }
}
@media screen and (max-width: 1200px) {
  .h-tel{
    display: none;
  }
  .h-nav{
    width: 60%;
  }
  .banner .swiper-slide1 .slide-inner .text .sec{
    margin-top: 8%;
  }
  .banner .swiper-slide2 .slide-inner .text .sec{
    margin-top: 8%;
  }
  .banner .swiper-slide3 .slide-inner .text .sec{
    margin-top: 8%;
  }
  .banner .swiper-slide4 .slide-inner .text .sec{
    margin-top: 8%;
  }
  .banner .swiper-slide1 .slide-inner .text .thr{
    margin-top: 8%;
  }
  .banner .swiper-slide2 .slide-inner .text .thr{
    margin-top: 8%;
  }
  .banner .swiper-slide3 .slide-inner .text .thr{
    margin-top:8%;
  }
  .banner .swiper-slide4 .slide-inner .text .thr{
    margin-top: 8%;
  }
  .banner .swiper-slide1 .slide-inner .text .four{
    margin-top: 14%;
  }
  .banner .swiper-slide2 .slide-inner .text .four{
    margin-top: 14%;
  }
  .banner .swiper-slide3 .slide-inner .text .four{
    margin-top:14%;
  }
  .banner .swiper-slide4 .slide-inner .text .four{
    margin-top: 14%;
  }
  .index-adv1 ul li{
    width: 32.25%;
  }
  .adv1-content .adv1-tit{
    padding: 0 15% 0 30%;
  }
  .adv2-left ul li{
    height: 232px;
  }
  .adv2-title{
    right: -27%;
  }
  .adv2-tit h3{
    font-size: 26px;
  }
  .adv2-tit{
    margin-top: 54%;
  }
  .adv2-tit p{
    font-size: 15px;
  }
  .circle{
    right: 20%;
  }
  .f1{
    width: 30%;
  }
  .nei-banner-tit{
    top: 50%;
  }
  .nei-banner-tit h3{
    font-size: 32px;
    padding-bottom: 0;
  }
  .about4-left h3{
    font-size: 26px;
  }
  .info-pro-list ul li{
    width: 32.62%;
  }
  .info-pro-list ul li:nth-child(3n){
    margin-right: 0;
  }
  .info-pro-list ul li:nth-child(4),.info-pro-list ul li:nth-child(8){
    margin-right: 1%;
  }
}
@media screen and (max-width:1024px) {
  .slide_nav .nav_down{
    display: none;
  }
  .info-case-list ul li{
    height: 250px;
  }
  .about2-tit h3{
    font-size: 30px;
  }
  .pro_tit span.tit{
    font-size: 28px;
  }
}
@media screen and (max-width:991px) {
 .pad{
   display: block;
 }
  .header{
    height: 80px;
  }
  .header_btn{
    line-height: 80px;
  }
  .fixed-banner{
    height: 250px;
    margin-top: 80px;
  }
  .fixed-banner img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .h-logo{
    width: 63%;
    padding-top: 24px;
  }
  .h-nav{
    display: none;
  }
  .h-sousuo{
    display: none;
  }
  .h-tel{
    display: none;
  }
  .h-lan{
    display: none;
  }
  .slide_nav .nav_down{
    display: none;
  }
  .header_btn{
    width: 27%;
  }
  .slide_box{
    width: 100%;
    top: 80px;
  }
  .slide_tit h3{

  }
  .slide_tit span{

  }
  .slide_nav li>a{

  }
  .slide_nav .nav_down a{

  }
  .slide-lx span{

  }
  .slide-lx p{

  }
  .slide-lx strong{

    font-size: 16px;
  }
  .slide_nav .nav_down a{
    margin-right: 12px;
  }
  .banner .swiper-slide1 .slide-inner .text .fir{
    font-size: 34px;
  }
  .banner .swiper-slide2 .slide-inner .text .fir{
    font-size: 34px;
  }
  .banner .swiper-slide3 .slide-inner .text .fir{
    font-size: 34px;
  }
  .banner .swiper-slide4 .slide-inner .text .fir{
    font-size: 34px;
  }
  .banner .swiper-slide1 .slide-inner .text .sec{
    margin-top:10%;
  }
  .banner .swiper-slide2 .slide-inner .text .sec{
    margin-top: 10%;
  }
  .banner .swiper-slide3 .slide-inner .text .sec{
    margin-top: 10%;
  }
  .banner .swiper-slide4 .slide-inner .text .sec{
    margin-top: 10%;
  }
  .banner .swiper-slide1 .slide-inner .text .thr{
    margin-top: 9%;
  }
  .banner .swiper-slide2 .slide-inner .text .thr{
    margin-top: 9%;
  }
  .banner .swiper-slide3 .slide-inner .text .thr{
    margin-top:9%;
  }
  .banner .swiper-slide4 .slide-inner .text .thr{
    margin-top: 9%;
  }
  .banner .swiper-slide1 .slide-inner .text .four{
    margin-top:17%;
  }
  .banner .swiper-slide2 .slide-inner .text .four{
    margin-top:17%;
  }
  .banner .swiper-slide3 .slide-inner .text .four{
    margin-top:17%;
  }
  .banner .swiper-slide4 .slide-inner .text .four{
    margin-top:17%;
  }
  .com-right h3{
    font-size: 24px;
  }
  .adv1-content .adv1-tit h3{
    font-size: 16px;
  }
  .adv1-content img{
    margin-left: 7%;
  }
  .adv2-left{
    width: 100%;
    float: none;
  }
  .adv2-left ul li{
    height: 205px;
  }
  .adv2-right{
    /*width: 72%;*/
    /*float: right;*/
    /*position: relative;*/
    display: none;
  }
  .adv2-title{
    right: -12%;
  }
  .adv2-tit{
    margin-top: 0;
    padding-top: 31%
  }
  .n1{
    width: 49%;
    margin-right: 2%;
  }
  .n2{
    width: 49%;
    margin-right: 0;
  }
  .n3{
    display: none;
  }
  .news-type{
    margin-top: 0;
    margin-bottom: 20px;
  }
  .liuyan form input{
    width: 49%;
    margin-bottom: 1%;
    margin-right: 1%;
  }
  .liuyan form textarea{
    width: 49%;
    margin-right: 1%;
  }
  .liuyan form .code{
    width: 32%;
  }
  .liuyan .submit{
    width: 18%;
  }
  .f-nav{
    display: none;
  }
  .f1{
    width: 48%;
  }
  .f3{
    width: 48%;
  }
  .f-lianxi ul li{
    width: 30%;
  }
  .ywfw_list li{
    height: 62vh;
  }
  .index_yw{
    height: 62vh;
  }
  .about2-tit h3{
    font-size: 24px;
  }
  .ab2-tit h3{
    padding-top: 10px;
    font-size: 19px;
  }
  .about4-left h3{
    font-size: 22px;
    padding-top: 15px;
  }
  .about4-left a{
    width: 100%;
    margin-top: 10px;
  }
  .pro-type1{
    width: 30%;
  }
  .info-pro-list{
    width: 68%;
  }
  .info-pro-list ul li{
    height: 200px;
  }
  .info-pro-list ul li .tj-img{
    height: 200px;
    line-height: 200px;
  }
  .info-pro-list ul li h4{
    background: rgba(0,0,0,0.7);
  }
  .info-case-list ul li{
    width: 32.62%;
  }
  .info-case-list ul li:nth-child(3n){
    margin-right: 0;
  }
  .info-case-list ul li:nth-child(4),.info-pro-list ul li:nth-child(8){
    margin-right: 1%;
  }
  .news_list li{
    width: 48.7%;
  }
  .yewu-left{
    width: 100%;
    margin-bottom: 2%;
  }
  .yewu-right{
    width: 100%;
    height: auto;
  }
  .yewu-right img{
    position: relative;
  }
  .contact-ewm{
    width: 20%;
    margin-top: -70px;
  }
  .contact-map #dituContent{
    height: 345px;
  }
  .biaodan{
    width: 61%;
  }
  .con-mes{
    height: 585px;
  }
}
@media screen and (max-width: 767px) {
  .pc{
    display: none;
  }
  .mobile{
    display: block;
  }
  .foot{
      background:#275aa6;
  }
    .f-admin{
        background: #275aa6;
    }
    .f1-tit{
        color: #fff;
    }
    .f3 p{
        color: #fff;
    }
    .f-lianxi ul li p{
        color: #fff;
    }
  .banner .swiper-slide .slide-inner .text{
    top: 31%;
  }
  .banner .swiper-slide1 .slide-inner .text .fir{
    font-size: 24px;
  }
  .banner .swiper-slide2 .slide-inner .text .fir{
    font-size: 24px;
  }
  .banner .swiper-slide3 .slide-inner .text .fir{
    font-size: 24px;
  }
  .banner .swiper-slide4 .slide-inner .text .fir{
    font-size: 24px;
  }
  .banner .swiper-slide1 .slide-inner .text .sec{
    margin-top:14%;
  }
  .banner .swiper-slide2 .slide-inner .text .sec{
    margin-top: 14%;
  }
  .banner .swiper-slide3 .slide-inner .text .sec{
    margin-top: 14%;
  }
  .banner .swiper-slide4 .slide-inner .text .sec{
    margin-top: 14%;
  }
  .banner .swiper-slide1 .slide-inner .text .thr{
    margin-top: 26%;
  }
  .banner .swiper-slide2 .slide-inner .text .thr{
    margin-top: 26%;
    font-size: 16px;
  }
  .banner .swiper-slide3 .slide-inner .text .thr{
    margin-top: 26%;
    font-size: 16px;
  }
  .banner .swiper-slide4 .slide-inner .text .thr{
    margin-top: 26%;
    font-size: 16px;
  }
  .banner .swiper-slide1 .slide-inner .text .four{
    margin-top:56%;
    width: 90%;
  }
  .banner .swiper-slide2 .slide-inner .text .four{
    margin-top:56%;
    width: 90%;
  }
  .banner .swiper-slide3 .slide-inner .text .four{
    margin-top:56%;
    width: 90%;
  }
  .banner .swiper-slide4 .slide-inner .text .four{
    margin-top:56%;
    width: 90%;
  }
  .gallery-thumbs h3{
    font-size: 16px;
  }
  .index-company{
    height: auto;
    margin-bottom: 2%;
  }
  .com-left{
    width: 100%;
    float: none;
  }
  .com-right{
    width: 95%;
  }
  .index-adv1{
    height: auto;
  }
  .index-adv1 ul li{
    width: 100%;
    height: 127px;
    border-bottom: 1px solid #ebebeb;
    float: none;
  }
  .title h3{
    font-size: 24px;
  }
  .pro-list{
    width: 96%;
    margin: 0 auto;
  }
  .pro-type ul li{
    width: 117px;
  }
  .pro-type ul li a{
    font-size: 15px;
  }
  .adv2-left ul li{
    width: 92%;
  }
  .index_yw{
    height: auto;
  }
  .ywfw_list li{
    width: 50%;
    border-bottom: 1px solid rgba(255, 255, 255, .26);
  }
  .ywfw_list li.swiper-slide{
    background-size: cover;
  }
  .ywfw_list li .tit h3{
    margin: 10px 0;
  }
  .ywfw_list li .num2{
    font-size: 70px;
  }
  .ywfw_list li .tit .arr1{
    transform: translateY(69px);
  }
  .new-title h3{
    font-size: 24px;
  }
  .news-type{
    width: 100%;
  }
  .n1{
    width: 100%;
    height: 300px;
  }
  .n2{
    width: 100%;
  }
  .liuyan form input{
    width: 100%;
  }
  .liuyan form textarea{
    width: 100%;
    margin-bottom: 1%;
  }
  .liuyan form .code{
    width: 54%;
  }
  .liuyan .submit{
    width: 44%;
  }
  .f1{
    width: 100%;
  }
  .f1-tit{
    padding-top: 20px;
  }
  .f1-tit:after{
    margin: 10px 0;
  }
  .f3{
    width: 100%;
    margin-top: 30px;
  }
  .f-lianxi ul li{
    width: 100%;
    margin-bottom: 2%;
  }
  .f3 p{
    padding: 15px 0;
  }
  .f-admin{
    line-height: 25px;
  }
  .f-admin img{
    padding-top: 0;
  }
  .par-img{
    width: 98%;
  }
  .nei-banner-tit h3{
    font-size: 22px;
  }
  .nei-banner-tit span{
    font-size: 16px;
  }
  .loca-type{
    width: 100%;
  }
  .location{
    line-height: 45px;
  }
  .about1-left{
    width: 100%;
  }
  .about1-right{
    width: 100%;
    margin-left: 0;
  }
  .about1-left h3{
    font-size: 24px;
  }
  .about1-left .circle1{
    display: none;
  }
  .ab1-img{
    height: 250px;
  }
  .about3-list .swiper-slide{
    height: 200px;
  }
  .hj-img{
    height: 200px;
  }
  .about4-left{
    width: 100%;
  }
  .about4-left span{
    padding-top: 10px;
  }
  .about4-left a{
    margin-bottom: 10px;
  }
  .about4-right{
    width: 100%;
  }
  .nei-banner-tit p{
    font-size: 20px;
  }
  .pro-type1{
    width: 100%;
  }
  .info-pro-list{
    width: 100%;
  }
  .info-pro-list ul li{
    width: 49%;
    margin-right: 2%;
  }
  .info-pro-list ul li:nth-child(2n){
    margin-right: 0;
  }
  .info-pro-list ul li:nth-child(3),.info-pro-list ul li:nth-child(9){
    margin-right: 2%;
  }
  .pro-erji a{
    width: 50%;
    float: left;
  }
  .pro_tit span.tit{
    font-size: 20px;
  }
  .protab_li li{
    width: 30%;
  }
  .protab_con{
    padding: 2%;
  }
  .info-case-list ul li{
    width: 49%;
    margin-right: 2%;
    height: 200px;
  }
  .info-case-list ul li:nth-child(2n){
    margin-right: 0;
  }
  .info-case-list ul li:nth-child(3),.info-pro-list ul li:nth-child(9){
    margin-right: 2%;
  }
  .news_list li:first-child{
    width: 100%;
    height: 350px;
  }
  .news_list li:first-child .info{
    width: 80%;
  }
  .news_list li{
    width: 100%;
  }
  .newsPage .page-a{
    width: 100%;
  }
  .newsPage .page-a:last-child{
    text-align: left;
  }
  .job_tab span{
    font-size: 15px;
    width: 25%;
  }
  .job_tab span:nth-child(3){
    display: none;
  }
  .job1 ul li span{
    width: 25%;
  }
  .job1 ul li span:nth-child(3){
    display: none;
  }
  .job1 ul li .jobs_last img{
    margin-top: 28px;
    max-width: 25px;
  }
  .loca-right{
    width: 100%;
    text-indent: 30px;
    line-height: 20px;
    padding: 10px 0;
    border-top: 1px solid #275aa6;
    background: url(img/home.png) no-repeat top 10px left;
  }
  .info-service ul li{
    width: 100%;
    margin-bottom: 2%;
  }
  .contact-ewm{
    width: 100%;
    margin-top: 20px;
  }
  .info-contact ul li strong{
    font-size: 16px;
  }
  .biaodan{
    width: 80%;
  }
  .protab_li li{
    font-size: 16px;
  }
  .pro-mobile{
      margin-bottom: 3%;
  }
    .pro-mobile h3{
        position: relative;
    }
  .pro-mobile h3 p{
      height: 50px;
      line-height: 50px;
      font-size: 20px;
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
  }
    .finger{background:url("img/m-jt.png") center center no-repeat;width:50px;height:50px;animation:fingerHandle 1s ease infinite both;
        float: right;margin-right:2px;color: #fff;
        font-size: 16px}
    @keyframes fingerHandle{
        0%{transform:none}
        70%{transform:scale3d(.8,.8,.8)}
        100%{transform:none}
    }
    .pro-mobile h3 span{
        float: right;
        font-size: 14px;
        display: block;
        line-height: 50px;
        position: absolute;
        right: 12px;
    }
}