/*响应式*/
@media screen and (max-width: 1699px) {
    .index1-bo-center{
        width: 67%;
    }
    .index3-left{
        width: 59%;
    }
    .yj-prev{
        left: 89.5%;
    }
    .index3-tit{
        height: 495px;
    }
}
@media screen and (max-width: 1599px) {
 .container{
   width:auto;
   padding: 0 5%;
   margin: 0 auto;
 }
    .index3-left{
        width: 58%;
    }
    .index1-bo-center{
        width: 76%;
    }
  .top-nav ul li{
    padding-left: 40px;
  }
  .f1{
    width: 65%;
  }
  .swiper-pagination_wrap p{
    padding-left: 21%;
  }
  .h-next{
    right: -30px!important;
  }
  .h-prev{
    left: -30px!important;
  }
  .cp-next{
    right: -30px!important;
  }
  .cp-prev{
    left: -30px!important;
  }
  .index3-tit{
    height: 505px;
    background: url(../img/index3-r.jpg) no-repeat center left;
  }
  .yj-prev{
    left: 88%;
  }
  .index3-right{
    width: 41.2%;
  }
    .pro-info-img{
        width: 58%;
    }
    .pro-info-tit{
        width: 38%;
    }


}
@media screen and (max-width: 1399px) {
    .top-logo{
        padding-left: 2%;
    }
    .top-nav ul li {
        padding-left: 30px;
    }
    .f-lianxi{
        width: 71%;
    }
    .top-logo{
        width: 25%;
        margin-top: 37px;
    }
    .banner .slide-inner .text .fir{
        font-size: 50px;
        line-height: 67px;
    }
    .banner .swiper-slide .slide-inner .text{
        top: 20%;
    }
    .index1-tit p{
        padding-top: 25px;
    }
    .index1-tit a{
        margin-top: 77px;
    }
    .index1-bo-center{
        width: 52%;
    }
    .yj-prev{
        left: 74%;
    }
    .yj-next{
        right: 0;
    }
    .banner .swiper-slide3 .slide-inner .text img{
        max-width: 90%;
    }
    .banner .swiper-slide2 .slide-inner .text img{
        max-height: 450px;
    }
    .banner .swiper-slide2.swiper-slide-active .slide-inner .text img {
        transform: translateY(-14%);
    }

}
@media screen and (max-width: 1200px) {
    .hidden-m{
        display: block!important;
    }
    .top-yuyan{
        border-right: 1px solid #e5e5e5;
    }
    .top-nav{
        position: absolute;
        top: 116px;
        right: 10px;
        z-index: -1;
        display: block;
        visibility: hidden;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-top: 2vw;
        width: 220px;
        height: 100vh;
        background: #fff;
        box-shadow: 0 6px 3px #c9c9c9;
        opacity: 0;
        -webkit-transition: 350ms 0s all ease;
        -moz-transition: 350ms 0s all ease;
        -o-transition: 350ms 0s all ease;
        transition: 350ms 0s all ease;
        -ms-transition: 350ms 0s all ease;
        justify-content: initial;
    }
    .nav_ulfix{
        right:0;
        z-index:10000;
        visibility:visible;
        opacity:1;
    }
    .top-nav ul{
        display: block;
    }
    .top-nav ul li{
        width: 100%;
        line-height: 50px;
        border-bottom: 1px solid #e5e5e5;
    }
    .top-nav ul li{
        padding-left: 0;
        text-indent: 50px;
    }
    .top-logo{
        width: 30%;
        margin-top: 42px;
    }
    .top-search{
        position: unset;
    }
    .swiper-pagination_wrap{
        width: 478px;
    }
    .index1-tit p{
        font-size: 16px;
        line-height: 26px;
    }
    .index1{
        padding-top: 8%;
    }
    .index1-bo-center img{
        margin-right: 18px;
        margin-top: 10px;
    }
    .index1-bo-tit h3{
        font-size: 25px;
    }
    .index3-left{
        position: relative;
        float: left;
        width: 60%;
        margin-top:3%;
    }
    .yj-prev{
        left: 0;
        width: 50px!important;
        height: 50px!important;
        top: 50%!important;
    }
    .yj-next{
        right: 0;
        width: 50px!important;
        height: 50px!important;
        top: 50%!important;
    }
    .index3-right{
        width: 40%;
    }
    .index3-tit h4{
        padding: 13% 9% 0;
        line-height: 35px;
    }
    .index3-tit {
        background: url(../img/index3-r1.jpg) no-repeat center left;
    }
    .f-lianxi ul li{
        font-size: 16px;
    }
    .f-ewm{
        display: none;
    }
    .f2 ul li a{
        font-size: 16px;
    }
    .f-lianxi{
        width: 85%;
    }
    .info-about-type ul li:nth-child(2){
        background: #f3f3f3 url(../img/ab2.png) no-repeat center left 23%;
    }
    .info-about-type ul li:nth-child(3){
        background: #f3f3f3 url(../img/ab3.png) no-repeat center left 23%;
    }
    .info-news-type ul li:nth-child(1){
        background: #f3f3f3 url(../img/n1.png) no-repeat center left 28%;
    }
    .info-about-type{
        margin: 50px 0;
    }
    .info-news-list{
        padding-bottom: 50px;
    }
    .index2-type ul li p{
        font-size: 16px;
    }
    .info-pro-list .list ul li{
        height: 320px;
    }
    .info-pro-list .list ul li .cp-img{
        height: 270px;
    }
    .info-pro-list .list ul li .cp-tit{
        line-height: 50px;
        padding: 0 35px;
    }
    .info-pro-list .list ul li .cp-hover{
        width: 90%;
    }
    .info-pro-list .list ul li .cp-hover p{
        font-size: 16px;
        line-height: 35px;
    }
    .pro-info-left{
        display: none;
    }
    .pro-info-right{
        width: 100%;
        padding: 3% 0;
        background: none;
    }

    .pro-info-top{
        background: #fff;
    }
    .xq-title{
        background: #fff;
    }
    .pro-page{
        width: 94%;
    }
    .job1 ul li .name{
        font-size: 18px;
    }
    .cont1 ul li{
        width: 49%;
    }
    .cont1 ul li:nth-child(3){
        margin-right: 2%;
    }
    .cont1 ul li:nth-child(2n){
        margin-right: 0;
    }
    .info-about-type ul li:nth-child(1){
        background: #f3f3f3 url(../img/ab1.png) no-repeat center left 27%;
    }

}
@media screen and (max-width: 991px) {
    .banner {
        height: 50vh;
    }

    .top-logo {
        width: 40%;
    }

    .searchshow {
        width: 100%;
    }

    .cont1-img {
        margin-left: 10px;
    }

    .index1-bo-center {
        width: 67%;
    }

    .info-about-type ul li:nth-child(1) {
        background: #f3f3f3 url(../img/ab1.png) no-repeat center left 23%;
    }

    .cont1-tit span {
        font-size: 16px;
    }

    .cp-hover p {
        font-size: 16px;
    }

    .index3-right p {
        font-size: 32px;
    }

    .index3-right h3 {
        font-size: 32px;
    }

    .index3-right {
        margin-top: 3%;
    }

    .n-more a {
        width: 100%;
    }

    .index4-left p {
        font-size: 24px;
        padding-bottom: 40px;
    }

    .index4-left h3 {
        font-size: 32px;
    }

    .f-lianxi {
        margin-left: 0;
    }

    .f1 {
        width: 100%;
        background: none;
        border-bottom: 1px solid #ddd;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .f2 {
        width: 100%;
    }

    .info-about-type ul li:nth-child(2) {
        background: #f3f3f3 url(../img/ab2.png) no-repeat center left 17%;
    }

    .inner-ban-tit h3 {
        font-size: 38px;
    }

    .about1 h3 {
        font-size: 30px;
    }

    .nm-left {
        width: 50%;
        padding-right: 3%;
    }

    .nm-right h3 {
        font-size: 28px;
    }

    .nm-right {
        width: 100%;
        float: none;
    }

    .info-honor ul li {
        width: 32%;
        height: 205px;
    }

    .info-honor ul li:nth-child(3n) {
        margin-right: 0;
    }

    .info-honor ul li:nth-child(4), .info-honor ul li:nth-child(8) {
        margin-right: 2%;
    }

    .index2-type ul li img {
        height: 35px;
    }

    .info-pro-list .list ul li .cp-hover p {
        line-height: 28px;
    }

    .cp-hover h4 {
        margin-top: 20px;
    }

    .pro-info-tit a {
        width: 100%;
    }

    .pro-info-top h3 {
        padding-bottom: 20px;
        text-indent: 20px;
    }

    .pro-info-tit img {
        margin: 25px auto;
    }

    .re1-right p {
        line-height: 30px;
    }

    .job1 ul li .num {
        display: none;
    }

    .inner-banner {
        height: 400px;
    }

    .banner .swiper-slide2 .slide-inner .text img {
        max-height: 350px;
    }

    .swiper-pagination_wrap {
        bottom: -25px;
    }

    .swiper-pagination_wrap {
        height: 65px;
    }

    .b-dian {
        bottom: -21px;
    }
}
@media screen and (max-width: 767px) {
    .pc{
        display: none;
    }
    .mobile{
        display: block;
    }
    .banner{
        height: 68vh;
    }
    .swiper-pagination_wrap{
        width: 36%;
        height: 60px;
        line-height: 60px;
        bottom: 0;
    }
    .banner .slide-inner .text .fir{
        font-size: 24px;
        line-height: 40px;
    }
    .banner .slide-inner .text .sec{
        font-size: 16px;
        padding-right: 20px;
    }
    .b-dian{
        display: none;
    }
    .ban-next{
        right: 7%!important;
        top: 72%!important;
    }
    .ban-prev{
        top: 72%!important;
    }
    .index1-left{
        width: 100%;
    }
    .index1-tit a{
        margin-top: 30px;
    }
    .index1-honor{
        margin-top: 30px;
    }
    .index1-right{
        width: 100%;
        margin-top: 30px;
        height: 300px;
    }
    .index1-bo-center{
        width: 75%;
    }
    .index1-bo-center img{
        width: 30px;
    }
    .index2-type ul {
        flex-wrap: wrap;
    }
    .index2-type ul li{
        width: 20%;
    }
    .index3-left{
        width: 100%;
    }
    .index3{
        height: auto;
        background-size: cover;
    }
    .yj-img{
        height: 300px;
    }
    .index3-right{
        width: 100%;
    }
    .index3-right h3{
        margin-top: 0;
    }
    .index3-tit{
        height: auto;
        padding-bottom: 50px;
        margin-top: 30px;
    }
    .index3-tit h4{
        padding: 9%;
    }
    .index3-tit a{
        padding-top: 0;
    }
    .index4-left{
        width: 100%;
    }
    .index4-right{
        width: 100%;
    }
    .index4-left ul li{
        width: 33%;
        float: left;
        margin-top: 0px;
    }
    .index4-left ul:after{
        display: block;
        content: '';
        clear: both;
    }
    .n-more a{
        margin-top: 20px;
        line-height: 35px;
        margin-bottom: 20px;
        height: 35px;
    }
    .f-lianxi{
        width: 100%;
    }
    .f-admin{
        height: auto;
        padding: 15px 0;
        line-height: 20px;
    }
    .n-tit h3{
        font-size: 18px;
    }
    .f1{
        height: auto;
    }
    .f-lianxi ul li{
        width: 100%;
    }
    .dibu{
        padding: 30px 0;
    }
    .m-search{
        width: 80%;
        margin:20px auto;
        line-height: 35px;
        border: 1px solid #eee;
        box-sizing: border-box;
        border-radius: 20px;
    }
    .m-search .search_i{
        width: 80%;
        float: left;
        display: block;
        height: 35px;
        line-height: 35px;
        border-radius: 20px;
        text-indent: 10px;
    }
    .m-search .search_s{
        width: 20%;
        float: right;
        height: 20px;
        padding-top: 33px;
        display: block;
        background:url("../img/sea1.png") no-repeat center center;
    }
    .nav_menu{
        margin-top: 35px;
    }
    .top-nav{
        top: 80px;
    }
    .top-logo{
        width: 65%;
        margin-top: 23px;
    }
    .top{
        height: 80px;
    }
    .index1-left h3{
        font-size: 40px;
    }
    .index1-left h4{
        font-size: 30px;
    }
    .h-img{
        width: 99%;
    }
    .h-next {
        right: -0px!important;
    }
    .h-prev {
        left: -0px!important;
    }
    .index1-bo{
        height: 345px;
    }
    .index1-bo ul li{
        width: 100%;
    }
    .index1-bo-center img{
        width: auto;
    }
    .index1-bo ul li:nth-child(2){
        width: 100%;
    }
    .index2-type ul li{
        width: 33%;
    }
    .cp-next {
        right: -0px!important;
    }
    .cp-prev {
        left: -0px!important;
    }
    .info-about-type ul li{
        width: 100%;
        margin-bottom: 20px;
    }
    .info-about-type ul li:last-child{
        margin-bottom: 0;
    }
    .about1 h3{
        font-size: 26px;
    }
    .about1-t p{
        font-size: 16px;
        line-height: 28px;
    }
    .about2 h3{
        font-size: 26px;
    }
    .about2 p{
        font-size: 16px;
        line-height: 28px;
    }
    .about3-video{
        height: 320px;
    }
    .location p{
        font-size: 14px;
    }
    .location p a{
        font-size: 14px;
    }
    .neimeng{
        padding-bottom: 30px;
        margin-bottom: 30px;
    }
    .nm-left{
        width: 100%;
        height: 300px;
        margin-bottom: 20px;
    }
    .nm-right h3{
        font-size: 26px;
    }
    .nm-right-t{
        padding-top: 20px;
    }
    .nm-right-t p{
        font-size: 16px;
        line-height: 28px;
    }
    .inner-ban-tit h3{
        font-size: 30px;
    }
    .inner-banner{
        height: 350px;
    }
    .info-honor h3{
        font-size: 26px;
        padding-bottom: 20px;
    }
    .info-honor ul li{
        width: 49%;
        height: 170px;
    }
    .info-honor ul li:nth-child(2n){
        margin-right: 0;
    }
    .info-honor ul li:nth-child(3),.info-honor ul li:nth-child(9){
        margin-right: 2%;
    }
    .info-about-type{
        margin: 30px 0;
    }
    .info-pro-list .list ul li{
        width: 100%;
        margin-right: 0;
    }
    .info-pro-list .list ul li .cp-hover {
        width: 80%;
    }
    .index2-type ul li:first-child{
        display: none;
    }
    .pro-info-img{
        width: 100%;
        height: 350px;
    }
    .pro-info-img .gallery-top .swiper-slide{
        height: 320px;
    }
    .pro-info-img .gallery-thumbs .swiper-slide{
        height: 45px;
    }
    .pro-info-tit{
        width: 98%;
    }
    .pro-info-tit h3{
        margin-top: 20px;
    }
    .pro-info-tit img{
        margin: 10px auto 20px;
    }
    .xq-bo{
        height: auto;
    }
    .re1-left{
        width: 100%;
        height: 300px;
    }
    .re1-right{
        width: 100%;
    }
    .re2{
        padding-top: 30px;
    }
    .re2 h3{
        font-size: 26px;
    }
    .re2 ul{
        margin-top: 20px;
    }
    .re2 ul li{
        width: 100%;
        margin-right: 0;
        height: 250px;
    }
    .re3{
        padding-top: 30px;
    }
    .re3 h3{
        font-size: 26px;
    }
    .huanjing{
        margin-top: 20px;
    }
    .job1 ul li .time{
        display: none;
    }
    .job1 ul li .name{
        font-size: 16px;
        width: 60%;
    }
    .jobs_req strong{
        font-size: 18px;
    }
    .jobs_req p{
        font-size: 16px;
        line-height: 28px;
    }
    .info-about-type ul li:nth-child(2){
        background: #f3f3f3 url(../img/ab2.png) no-repeat center left 23%;
    }
    .info-contact{
        padding-bottom: 40px;
    }
    .cont1 ul li{
        width: 100%;
        margin-right: 0;
    }
    .cont1 ul li{
        height: auto;
        padding: 10px 0;
    }
    .cont1-img{
        margin-top: 12px;
    }
    .cont1-tit{
        margin-top: 0;
    }
    .cont2{
        height: 350px;
    }
    .contact-map #dituContent{
        height: 350px;
    }
    .order-tit{
        width: 100%;
    }
    .formlist{
        width: 100%;
        margin-right: 0;
    }
    .form-tr{
        width: 100%;
        margin-right: 0;
    }
    .order-title{
        margin-bottom: 0;
    }
    .formlist1{
        margin-top: 20px;
    }
    .index2-center .index2-type ul li:first-child{
        display: block;
    }
    .info-news-list ul li .box{
        width: 100%;
        margin-bottom: 20px;
    }
    .info-news-list ul li .img{
        width: 100%;
    }
    .info-news-list ul li .box h4{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .info-news-list ul li .box p{
        padding: 10px 0;
    }
    .info-news-list ul li .box h5{
        padding-bottom: 15px;
    }
    .top-nav ul li a{
        display: block;
    }
    .info-research{
        padding: 30px 0;
    }
    .info-job{
        padding: 30px 0;
    }
    .formlist1 h3{
        padding-left: 20px;
    }

    .banner .slide-inner .text .fir{
        font-size: 18px;
        line-height: 30px;
    }
    .banner .slide-inner .text .sec{
        font-size: 14px;
        padding-right: 18px;
        padding-top: 20px;
    }

}