@media screen and (max-width:1900px) {
    .page7 .box2 .content .top{
        height: auto;
    }
    .page9 .container{
        width: 100%;
        padding: 0 130px;
    }
    .page9 .map{
        width: 100%;
    }
}

@media screen and (max-width:1800px) {
    .page8 .content{
        width: 100%;
    }
    .page8 .des{
        width: 100%;
    }
}

@media screen and (max-width:1700px) {
    .page1 .box1 .content .pic .left{
        padding: 0 55px;
    }
    .page7 .box2 .content .mySwiper_minImg{
        margin-top: 25px;
    }
    .page8 .content ul li:hover .box .text{
        height: auto;
    }
    .page9 .box .right form .inputGroup input{
        width: 31%;
    }
}

@media screen and (max-width:1600px) {
    .banner .swiper-container .swiper-pagination {
        bottom: 50px;
    }

    .footer .right .footerNav {
        display: none;
    }

    .footer .right .mes .right_l {
        display: none;
    }
    .page1 .box2 .content .mySwiper_culture .left{
        padding: 0 50px;
    }
    .swiper_arrow2{
        left: 50px;
    }
    
    .page7 .box3 .content ul li{
        margin-bottom: 40px;
    }
}

@media screen and (max-width:1440px) {
    .header .container .right .nav ul>li {
        margin: 0px 28px;
    }

    .header .container .right .nav ul>li:last-child {
        margin: 0 0 0 28px;
    }

    .container,
    .index2 .index_head .container,
    .index6 .list,
    .page2 .container,
    .page8 .container {
        padding: 0 80px;
    }
    .in .container{
        padding: 35px 100px 25px;
    }
    .page9 .container,
    .page5 .container{
        padding: 0 100px;
    }

    .index2 .main {
        background-position: right center;
    }
    
    .page3 .box1 .con .left{
        width: 52.14%;
    }
    .page3 .box1 .con .right{
        width: 45%;
    }
    .proContainer{
        /* width: 75%; */
        width: 100%;
        padding: 0 80px;
    }
    .page3 .box1 .con .left .mySwiper_min{
        width: 95.2%;
    }
    .page4 .container{
        padding: 0 100px;
    }
    .page4 .list ol li .box{
        height: 200px;
    }
}

@media screen and (max-width:1300px) {
    .proContainer,
    .container,
    .index2 .index_head .container,
    .index6 .list,
    .page2 .container,
    .page8 .container {
        padding: 0 50px;
    }
    .in .container {
        padding: 35px 70px 25px;
    }
    .page9 .container,
    .page5 .container{
        padding: 0 70px;
    }

    .header .container .right .nav ul>li {
        margin: 0px 20px;
    }

    .header .container .right .nav ul>li:last-child {
        margin: 0 0 0 20px;
    }

    .index2 .main {
        width: 100%;
    }
    .page3 .box1 .con .left .mySwiper_min{
        height: 75px;
    }
    .page4 .container{
        padding: 0 70px;
    }
    .page6 .container{
        width: 80%;
    }
    .col ul li:hover a, .col ul li.active a{
        margin-right: 0;
    }
}


@media screen and (max-width:1200px) {
    .header .container .right .nav ul>li {
        margin: 0px 10px;
    }

    .header .container .right .nav ul>li:last-child {
        margin: 0 10px;
    }

    .index2 .main_top .right {
        padding: 0 50px;
    }

    .index2 .main_bottom .container {
        padding: 110px 50px 166px;
        justify-content: center;
    }

    .index2 .main_top {
        justify-content: center;
        margin: 0 auto;
    }

    .index6 .center {
        width: 100%;
        padding: 0 50px;
        box-sizing: border-box;
    }
    .col ul li:hover a, .col ul li.active a{
        margin-right: 0;
    }
    .page2 .content .list ol li{
        width: 50%;
    }
    .page3 .box3 .content .text .info .icon{
        margin-bottom: 10px;
    }
    .page3 .box3 .content .text .info .icon img{
        transform: scale(0.8);
    }
    .page3 .box3 .content .mySwiper_more{
        width: 90%;
    }
    .page4 .list ol li{
        width: 33.3333%;
    }
    .page5 .list ol li{
        width: 33.33333%;
    }
    .page8 .content ul{
        margin: 0 auto;
    }
    .page8 .content ul li{
        padding: 0 10px;
    }
    .page9 .box .right form input[type=submit]{
        width: 160px;
    }
    .caseShow .bg_pic{
        width: 100%;
    }
    
    .page7 .box2 .content .top{
        width: 100%;
    }
    .page7 .box2 .content .mySwiper_minImg{
        width: 100%;
        height: 130px;
    }
    .banner .text h1{
        font-size: 34px;
    }
    .col ul li .icon{
        margin-right: 15px;
    }
    .col ul li:hover .icon, .col ul li.active .icon{
        margin-right: 10px;
    }
}


@media screen and (max-width:992px) {
    .header .container .right .nav ul {
        display: block;
    }

    .header .right .nav_icon {
        display: block;
    }

    /* 手机端导航开始 */
    .navPc{
        display: none;
    }
    .navWap {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        z-index: 999;
        box-sizing: border-box;
        background-color: rgba(17, 52, 121, .5);
    }

    .navWap ul {
        width: 80%;
        background: rgb(17, 52, 121);
        height: 100%;
        box-sizing: border-box;
        padding: 80px 35px 0 35px;
        overflow-y: scroll;
    }

    .navWap ul li {
        border-bottom: 1px solid #eee;
        padding: 10px 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }
     .navWap ul li.active a{
         color: #a99167;
     }

    .navWap ul li a {
        display: flex;
        align-items: center;
        justify-content: left;
        width: 100%;
        color: #fff;
        box-sizing: border-box;
        padding-left: 20px;
        font-size: 16px;
    }

    /* 箭头 */
    svg {
        width: 30px;
        height: 30px;
    }

    /* 导航栏二级栏目 */
    .nav_bar a {
        font-size: 16px;
        color: rgba(255, 255, 255, .5);
        padding: 10px 0;
        box-sizing: border-box;
        padding-left: 20px;
        border-bottom: 1px solid rgba(255, 255, 255, .5);
        display: block;
    }

    /* 手机端导航结束 */
    .banner .swiper-container .swiper-pagination {
        bottom: 20px;
    }

    .index2 .main_top .content {
        width: 100%;
    }

    .index2 .main_bottom .right {
        width: 100%;
    }

    .index2 .main_top .content {
        font-size: 20px;
        line-height: 1.5em;
    }

    .index2 .main_top .content p,
    .index2 .main_top .content span {
        line-height: 1.5em;
    }

    .index2 .index_head {
        padding: 0;
        padding-bottom: 120px;
    }

    .index2 .main_bottom .container {
        padding: 60px 50px 100px;
    }

    .index3 .content {
        display: none;
    }

    .index3 .content2.wap {
        display: block;
    }

    .index3,
    .index4 {
        padding: 0;
        padding-top: 70px;
    }

    .index3 .index_head {
        margin-bottom: 30px;
    }

    .swiper_arrow {
        margin: 40px 0 0 0;
    }

    .index5 {
        padding: 70px 0;
    }

    .index5 .list {
        margin-left: 0;
        width: 100%;
    }

    .index5 .list .container {
        padding: 0 50px;
    }

    .index5 .list .mySwiper_news h5,
    .page5 .list ol li h5 {
        font-size: 28px;
    }

    .index5 .list .mySwiper_news .des p,
    .page5 .list ol li .des p {
        font-size: 18px;
        line-height: 1.3em;
    }

    .index5 .list .mySwiper_news .swiper-slide{
        height: 550px;
    }

    .index6 {
        display: none;
    }

    .index6_wap {
        display: block;
    }

    .index6_wap .top {
        background: url(../images/join_bg.jpg) no-repeat center / cover;
        height: 423px;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .index6_wap .top h5 {
        font-weight: normal;
        font-size: 22px;
        color: #5b5051;
        text-align: center;
    }

    .index6_wap .center {
        background: url(../images/join_item_wap_bg.png) no-repeat center / cover;
        height: 108px;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .index6_wap .center h5 {
        font-weight: bold;
        font-size: 30px;
        color: #fff;
        text-align: center;
    }

    .index6_wap .bottom {
        background-color: #535353;
        padding: 30px 0;
        box-sizing: border-box;
    }
    .mySwiper_serive{
        background-color: #535353;
    }

    .index6_wap .bottom p {
        font-size: 18px;
        color: rgb(255, 255, 255);
        line-height: 1.7em;
        text-indent: 2em;
    }

    .footer {
        display: none;
    }

    .footer_wap {
        display: block;
    }

    .index1 {
        padding: 70px 0;
    }
    
    .index1 .content_text {
        font-size: 20px;
        padding: 73px 0;
    }
    .page1 .box3 .content{
        width: 100%;
        margin: 0 auto;
    }
    .page1 .box3 .content ul{
        width: 100%;
        margin: 0 auto;
    }
    .page1 .box3 .content ul li{
        padding: 0 10px;
    }
    .page1 .box3{
        background-position: 80% 50%;
    }
    
    .page1 .box1 .content .pic{
        flex-direction: column;
        height: auto;
    }
    .page1 .box1 .content .pic .left{
        padding: 30px;
    }
    .page1 .box1 .content .pic .left,
    .page1 .box1 .content .pic .right{
        width: 100%;
    }
    .col ul li:hover .icon, .col ul li.active .icon{
        margin-right: 0;
    }
    .col ul li .icon{
        margin-right: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .col ul li a{
        flex-direction: column;
        align-items: center;
    }
    .col ul li .name{
        display: flex;
        justify-content: center;
        align-items: center;
        /*flex-direction: column;*/
        flex-wrap: wrap;
    }
    .col ul li .name p{
        text-align: center;
        padding-right: 5px;
        box-sizing: border-box;
    }
    .page3 .box1 .con{
        flex-direction: column;
    }
    .page3 .box1 .con .left,
    .page3 .box1 .con .right{
        width: 100%;
    }
    .page3 .box1 .con .right{
        margin-top: 50px;
        height: auto;
    }
    .page3 .box1 .con .right .pro_title{
        padding-bottom: 15px;
    }
    .page3 .box1{
        padding-top: 50px;
    }
    .page3 .box3 .content .swiper-button-prev, .page3 .box3 .content .swiper-button-next {
        width: 20px;
        height: 70px;
    }
    .page3 .box1 .con .right .bottom .link {
        width: 165px;
        height: 45px;
    }
    .page3 .box2 .content{
        padding: 40px 0 50px;
    }
    .page4 .list{
        padding: 50px 0 20px;
    }
    .page4 .list ol li{
        width: 50%;
    }
    
    .page4 .list ol li .box .text{
        transform: translateY(-100%);
        opacity: 1;
        height: auto;
        padding: 10px 0;
    }
    .page4 .list ol li .box::after{
        display: none;
    }
    .page4{
        padding-bottom: 50px;
    }
    .page5 .list{
        padding: 50px 0 30px;
    }
    .page5 .list ol li{
        width: 50%;
    }
     .page5 .list ol li a {
        border: 1px solid transparent;
        background-color: #f7f6f5;
    }
    .page5{
        padding-bottom: 50px;
    }
    .page6 .backBtn{
        margin-top: 50px;
    }
    .page6{
        padding-bottom: 50px;
    }
    .page6 .content {
        padding: 30px 0 50px 0;
    }
    .page6 .page_l p:first-child{
        padding-bottom: 10px;
    }
    .page7 .box2 {
        background: url(../images/join_box2_bg.jpg) no-repeat 50% 80px / cover;
    }
    .page7 .box1{
        padding-top: 50px;
    }
    .page7 .box1 ul {
        padding: 30px 7% 50px;
    }
    .page7 .box2 .content .top .swiper-button-next::after,
    .page7 .box2 .content .top .swiper-button-prev::after{
        font-size: 38px;
    }
    .page7 .box3{
        padding: 50px 0 60px;
    }
    
    .page7 .box1 ul li .icon{
        height: 50px;
    }
    .page7 .box1 ul li .icon img{
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    
    .page_title h5{
        font-size: 26px;
    }
    .page_title p{
        font-size: 12px;
    }
    .page7 .box3 .content ul li p {
        padding-top: 15px;
        font-size: 18px;
    }
    .page7 .box3 .content ul li::after{
        margin-top: -39px;
    }
    .page8 .content ul li .box .text h5{
        font-size: 24px;
        transform: translateY(20px);
    }
    .page8 .content ul li .box .text p{
        font-size: 15px;
        padding-top: 0;
    }
    .page8 .content ul li:hover .box .text{
        padding: 25px;
    }
    .page8 .content ul li .box{
        height: auto;
    }
    .page8 .content ul li .box .text {
        padding: 0px 25px 0px;
    }
    .page8 .content{
        padding-top: 50px;
    }
    .page8{
        padding: 50px 0;
    }
    .page9{
        padding: 50px 0;
    }
    .page9 .title h5 {
        font-size: 27px;
        padding-bottom: 0;
    }
    .page9 .title p{
        font-size: 12px;
    }
    .page9 .box{
        flex-direction: column;
        margin-bottom: 50px;
    }
    .page9 .box .right{
        width: 100%;
        margin-top: 40px;
    }
    .caseShow .box{
        height: auto;
        width: 100%;
    }
    
    .page7 .box3 .content ul li .icon{
        width: 90px;
        height: 90px;
    }
    .page7 .box3 .content ul li .icon img{
        max-width: 100%;
    }
    .banner .text h1{
        font-size: 24px;
        padding-bottom: 5px;
    }
    .banner .text p{
        font-size: 12px;
    }
    .page10 .content .list ol{
        margin: 0 -10px;
    }
    .page10 .content .list ol li{
        padding: 0 10px;
    }
}


@media screen and (max-width:767px) {
    .container,
    .header .container,
    .page2 .container,
    .proContainer,
    .page9 .container{
        padding: 0;
        width: 92%;
        margin: 0 auto;
    }

    .banner .swiper-container .swiper-pagination {
        display: none;
    }

    .index1 {
        padding: 50px 0;
    }

    .index1 .bottom .container {
        padding: 0;
    }

    .header {
        padding-top: 0;
        height: 75px;
    }

    .header .container {
        height: 100%;
    }

    .header .logo {
        width: 100px;
    }

    .header .logo img {
        width: 100%;
    }
    .header .left{
        width: 100px;
    }
    .header .left a img.white{
        width: 100%;
    }

    .header .right .nav_icon {
        width: 25px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .header .right .nav_icon img {
        width: 100%;
    }
    .index_head h4.t38,
    .index_head p.t38{
        font-size: 30px;
    }
    .index2 .main_bottom ol li .top span{
        font-size: 45px;
    }
    .index1 .content_text {
        padding: 50px 0;
        font-size: 18px;
    }
    .index2 .index_head .container{
        padding: 0;
    }
    .index2 .main{
        padding-top: 50px;
    }
    .index_head h4{
        font-size: 30px;
    }
    .index2 .index_head{
        padding-bottom: 80px;
    }
    .index2 .main_top .title::before,
    .index2 .main_bottom .right::before{
        margin-bottom: 10px;
    }
    .index2 .main_top .title h5{
        font-size: 20px;
    }
    .index2 .main_top .content{
        font-size: 17px;
    }
    .index2 .main_top .title{
        padding-bottom: 25px;
    }
    .index2 .main_bottom .container{
        width: 100%;
        padding: 60px 50px 50px;
    }
    .index2 .main_bottom ol li .top i{
        font-size: 14px;
    }
    .index2 .main_bottom ol li .top{
        margin-bottom: 6px;
    }
    .index3, .index4{
        padding-top: 50px;
    }
    .index_head .right span.line_65{
        margin-top: 5px;
    }
    .index3 .content2.wap .pro_col ul li a::after{
        bottom: -10px;
    }
    .swiper_arrow{
        margin: 20px 0 0 0;
        width: 125px;
        height: 40px;
    }
    .swiper_arrow .button-prev:after,
    .swiper_arrow .button-next:after{
        font-size: 26px;
    }
    .swiper_arrow .button-next, .swiper_arrow .button-prev{
        margin: 0 18px;
    }
    .index5{
        padding: 50px 0;
    }
    .index5 .list .container{
        padding: 0;
    }
    .index5 .list .mySwiper_news h5, .page5 .list ol li h5{
        font-size: 24px;
        padding: 25px 0 15px 0;
    }
    .index5 .list .mySwiper_news .des p, .page5 .list ol li .des p{
        font-size: 16px;
    }
    .index5 .list .mySwiper_news .swiper-slide{
        height: 500px;
    }
    .index6_wap .center h5{
        font-size: 26px;
    }
    .index6_wap .bottom p{
        font-size: 16px;
        line-height: 1.6em;
    }
    .footer_wap form input, .footer_wap form textarea{
        font-size: 16px;
    }
    .in .container{
        padding: 35px 0 25px;
    }
    .in .left h4{
        font-size: 26px;
        padding-right: 20px;
    }
    .in .left p{
        font-size: 22px;
    }
    .page1 .box2 .content .mySwiper_culture .swiper-slide {
        height: auto;
        flex-direction: column;
    }
    .page1 .box2 .content .mySwiper_culture .left,
    .page1 .box2 .content .mySwiper_culture .right{
        width: 100%;
    }
    .page1 .box2 .content .mySwiper_culture .left{
        height: auto;
        padding: 30px 50px 80px;
    }
    .page1 .box2 .content .mySwiper_culture .right{
        order: -1;
    }
    .swiper_arrow2{
        bottom: 25px;
    }
    .page1 .box2 .content .mySwiper_culture .left h5{
        padding-bottom: 20px;
        font-size: 26px;
    }
    .page1 .box2{
        padding: 50px 0 0 0;
    }
    .page1 .box3 .content {
        padding: 50px 0 85px 0;
    }
    .in .location{
        display: none;
    }
    .in{
        height: auto;
    }
    .in .container{
        padding: 20px 0;
        height: auto;
    }
    .page2 .content{
        padding: 50px 0;
    }
    .page2 .content .list ol li{
        margin-bottom: 15px;
        width: 100%;
    }
    .page2 .content .list{
        margin-bottom: 15px;
    }
    .page2 .content .list ol li .box{
        height: auto;
        padding: 20px;
    }
    .page2 .content .list ol li .box .bt{
        align-items: center;
        flex-direction: column;
    }
    .page2 .content .list ol li .box .bt .left{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .page2 .content .list ol li .box .bt .right{
        margin-top: 10px;
    }
    .col ul li .name p{
        font-size: 16px;
    }
    .page2 .content .list ol{
        margin: 0 50px;
    }
    .page3 .box1 .con .left .mySwiper_big{
        height: auto;
    }
    .page4 .container{
        padding: 0;
    }
    .page5 .container{
        padding: 0;
    }
    .page5 .list ol li{
        width: 100%;
    }
    .page6 .container{
        width: 92%;
    }
    .page6 .content p{
        line-height: 1.6em;
    }
    .page6 .page_l p, .page6 .page_l p a, .page6 .page_l p span{
        font-size: 12px;
    }
    .page6 .backBtn{
        margin-bottom: 25px;
    }
    .page6 .title h5{
        font-size: 20px;
    }
    .page6 .title .msg p{
        font-size: 12px;
    }
    .page7 .box1 ul {
        padding: 30px 0 50px;
        flex-direction: column;
    }
    .page7 .box1 ul li .txt p{
        line-height: 1.5em;
    }
    .page7 .box1 ul li .icon{
        height: 40px;
        margin: 0 auto 15px;
    }
    .page7 .box2 {
        background: url(../images/join_box2_bg.jpg) no-repeat 50% 100px / cover;
        padding-bottom: 30px;
    }
    .page7 .box2 .content .top {
        padding: 33px 10px;
    }
    .page7 .box2 .content .mySwiper_bigImg{
        width: 85%;
    }
    .page7 .box3 .content ul li .item{
        margin: 0 15px;
    }
    
    .page7 .box1 ul li{
        width: 100%;
        margin-bottom: 25px;
    }
    .page7 .box2 .content .mySwiper_minImg{
        height: auto;
        margin-top: 10px;
    }
    .page7 .box2 .content .mySwiper_minImg .swiper-slide{
        padding: 5px;
    }
    .page7 .box2 .content{
        padding-top: 30px;
    }
    .page7 .box3 .content ul li p{
        font-size: 15px;
        padding-top: 10px;
    }
    .page7 .box3 .content ul li::after{
        margin-top: -30px;
        font-size: 24px;
    }
    .page8 .container {
        padding: 0;
    }
    
    .page8 .content ul li{
        width: 100%;
        margin-bottom: 15px;
    }
    .page8 .content ul{
        flex-direction: column;
    }
    .page8 .content ul li .box .text h5 {
        transform: translateY(-10px);
        transition: transform .65s cubic-bezier(0.05, 0.2, 0.1, 1);
    }
    .page8 .content ul li .box .text p {
        opacity: 1;
        color: #fff;
        height: auto;
        transform: translateY(0);
        transition: opacity .65s cubic-bezier(0.05, 0.2, 0.1, 1) .15s, transform .65s cubic-bezier(0.05, 0.2, 0.1, 1) .15s;
    }
    .page8 .content ul li .box .text {
        padding: 25px;
        background: url(../images/brand_bg.png) no-repeat center / cover;
    }
    .page8 .content ul li:hover .box {
        transform: translateY(0);
        box-shadow: unset;
    }
    .page8 .content ul li:hover .box .text{
        background: unset;
    }
    .page9 .map{
        height: 320px;
    }
    .caseShow .box{
        padding: 40px 20px;
    }
    .caseShow .box .cels{
        top: 8px;
        right: 10px;
    }
    .caseShow .box .cels img{
        width: 20px;
    }
    .caseShow .left {
        margin-right: 10px;
    }
    .caseShow .right {
        margin-left: 10px;
    }
    .caseShow .left, .caseShow .right{
        font-size: 45px;
    }
    .banner .text p{
        font-size: 10px;
    }
    .banner .text h1{
        font-size: 20px;
    }
    .col ul li .name span {
        text-align: center;
    }
    .page10 .content .list ol li{
        width: 100%;
    }
    .page10{
        padding: 50px 0;
    }
}

@media screen and (max-width:500px) {
    .blueBg_arrow{
        padding:0 10px;
        width: 110px;
    }
    .index1 .index_head .right .blueBg_arrow span{
        font-size: 12px;
    }
    .index_head h4.t38, .index_head p.t38{
        font-size: 24px;
    }
    .index1 .content_text{
        padding: 30px 0;
        font-size: 14px;
    }
    .index_head{
        align-items: center;
    }
    .index_head .right ul li{
        padding: 0 5px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .index_head .right ul li a{
        font-size: 12px;
    }
    .index_head .right ul li:last-child{
        padding: 0 0 0 5px;
    }
    .index_head h4{
        font-size: 24px;
        padding-bottom: 0;
    }
    .index_head p{
        font-size: 12px;
    }
    .index2 .main_top .right{
        width: 92%;
        margin: 0 auto;
        padding: 0;
    }
    .index2 .main_top .title{
        padding-bottom: 20px;
    }
    .index2 .main_top .content{
        font-size: 14px;
    }
    .index2 .main_bottom .container{
        padding: 50px 0;
        width: 92%;
        margin: 0 auto;
    }
    .index2 .main_bottom ol li{
        flex: 1;
    }
    .index2 .main_bottom ol li:first-child{
        display: flex;
        align-items: flex-start;
        flex-direction: column;
    }
    .index2 .main_bottom ol li:last-child{
        display: flex;
        align-items: flex-end;
        flex-direction: column;
        margin-left: 20px;
    }
    .index2 .main_bottom ol li .top span{
        font-size: 38px;
        margin-right: 3px;
    }
    .index2 .main_bottom ol li .top{
        justify-content: center;
        align-items: flex-end;
    }
    .index2 .main_bottom ol li .top i{
        font-size: 12px;
    }
    .index2 .main_bottom ol li .bottom p{
        font-size: 12px;
    }
    .index_head p.black{
        font-size: 12px;
    }
    .index_head .right span.all{
        font-size: 14px;
    }
    .index_head .right span.line_65{
        width: 56px;
        height: 3px;
    }
    .index3 .content2.wap .col_img_box{
        height: 380px;
    }
    .index3 .content2.wap .col_img_box .img_item .ab p{
        font-size: 20px;
    }
    .index3 .content2.wap .pro_col{
        height: 80px;
    }
    .index3 .content2.wap .pro_col ul li a{
        font-size: 14px;
    }
    .index3 .content2.wap .pro_col ul li a::after{
        height: 3px;
    }
    .swiper_arrow{
        width: 105px;
        height: 35px;
    }
    .swiper_arrow .button-prev:after, .swiper_arrow .button-next:after{
        font-size: 22px;
    }
    .index5 .list .col2 ul li a{
        font-size: 16px;
        white-space: nowrap;
    }
    .index5 .list .col2 ul li{
        padding: 0 10px;
        width: auto;
    }
    .index5 .list .col2 ul li:first-child{
        padding: 0 10px 0 0;
    }
    .index5 .list .col2 ul li:hover a, .index5 .list .col2 ul li.active a{
        font-size: 18px;
    }
    .index5 .list .mySwiper_news .swiper-slide, .page5 .list ol li a{
        width: 100%!important;
    }
    .index5 .list .col2{
        padding: 30px 0;
    }
    .index5 .list .mySwiper_news .swiper-slide a {
        border: 1px solid transparent;
        background-color: #f7f6f5;
    }
    .index5 .list .mySwiper_news h5, .page5 .list ol li h5{
        font-size: 20px;
    }
    .index5 .list .mySwiper_news .des p, .page5 .list ol li .des p{
        font-size: 14px;
    }
    .index5 .list .mySwiper_news .time em, .page5 .list ol li .time em{
        font-size: 20px;
        margin-right: 6px;
        line-height: 0.9em;
    }
    .index5 .list .mySwiper_news .time span, .page5 .list ol li .time span{
        font-size: 13px;
    }
    .index5 .list .mySwiper_news .time i, .page5 .list ol li .time i{
        font-size: 16px;
    }
    .index5 .list .mySwiper_news .swiper-slide, .page5 .list ol li a{
        height: auto;
    }
    .index6_wap .top{
        height: 250px;
    }
    .index6_wap .center h5{
        font-size: 22px;
    }
    .index6_wap .center{
        height: 85px;
    }
    .index6_wap .bottom p {
        font-size: 14px;
        line-height: 1.5em;
    }
    .header .container .right .nav ul li{
        padding: 10px 0;
    }
    .in .left h4 {
        font-size: 24px;
        padding-right: 15px;
    }
    .in .left p{
        font-size: 20px;
    }
    .page1 .box1{
        padding-top: 50px;
    }
    .pageTitle h3{
        font-size: 20px;
    }
    .pageTitle p{
        font-size: 12px;
    }
    .page1 .box1 .content{
        padding: 20px 20px 0;
    }
    .page1 .box1 .content .pic .left .cn p {
        font-size: 15px;
        line-height: 1.6em;
    }
    .page1 .box1 .content .pic .left .en{
        padding-top: 20px;
    }
    .page1 .box2 .content{
        margin-top: 25px;
    }
    .page1 .box2 .content .mySwiper_culture .left h5 {
        padding-bottom: 15px;
        font-size: 20px;
    }
    .page1 .box2 .content .mySwiper_culture .left {
        padding: 30px 30px 80px;
    }
    .swiper_arrow2{
        left: 30px;
    }
    .swiper_arrow2 .button-prev:after,
    .swiper_arrow2 .button-next:after{
        font-size: 26px;
    }
    .page1 .box3 .content ul li{
        width: 50%;
        margin-bottom: 15px;
    }
    .page1 .box3 .content{
        padding: 50px 0;
    }
    .col{
        height: auto;
    }
    .col .container{
        width: 100%;
    }
    .col ul {
        height: auto;
        flex-wrap: wrap;
    }
    .col ul li {
        flex: auto;
        height: auto;
        width: 50%;
        padding: 10px 0;
        border-bottom: 1px solid #d9d0c7;
    }
    /*.col ul li:nth-child(1),*/
    /*.col ul li:nth-child(2){*/
    /*    border-bottom: 1px solid #d9d0c7;*/
    /*}*/
    .col ul li:nth-child(2n) {
        border-right: none;
    }
    .col ul li .icon{
        height: 35px;
        width: 40px;
    }
    .col ul li .icon img{
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    .page2 .content .list ol{
        margin: 0 -7.5px;
    }
    .page2 .content .list ol li .box .pic{
        height: auto;
    }
    .page3 .box3 .content .mySwiper_more{
        width: 80%;
    }
    .page3 .box1 .title .more{
        display: none;
    }
    .page3 .box1 .title .left p{
        font-size: 17px;
        font-weight: bold;
    }
    .page3 .box1 .con .left .mySwiper_min{
        height: auto;
    }
    .page3 .box1 .con .left .bottom{
        margin-top: 10px;
    }
    .page3 .box1 .con .left .mySwiper_min{
        width: 90%;
    }
    .page3 .box1 .con .right{
        margin-top: 25px;
    }
    .page3 .box1 .con .right .pro_title h5{
        font-size: 20px;
    }
    .page3 .box1 .con .right .pro_title p{
        font-size: 14px;
        padding-right: 10px;
    }
    .page3 .box1 .con .right .text p{
        font-size: 14px;
    }
    .page3 .box1 .con .right .bottom .tel p {
        font-size: 20px;
        padding-right: 10px;
    }
    .page3 .box1 .con .right .bottom .tel a{
        font-size: 24px;
    }
    .page3 .box1 .con .right .bottom .link {
        width: 125px;
        height: 38px;
    }
    .page3 .box1 .con .right .bottom .link a {
        font-size: 14px;
    }
    .page3 .box1 .con .right .bottom .tel{
        padding-bottom: 10px;
    }
    .page3 .box1 .title .left::before,
    .page3 .box2 .title::before,
    .page3 .box3 .title .left::before{
        width: 7px;
        height: 40px;
        margin-right: 7px;
    }
    .page4 .list ol li{
        width: 100%;
    }
    .page5 .list ol li{
        margin-bottom: 20px;
    }
    .page5 .list ol li a{
        padding: 30px 20px;
    }
    .page6 .title h5{
        font-size: 18px;
        padding-bottom: 5px;
    }
    .page6 .title .msg p{
        line-height: unset;
        font-size: 10px;
        margin: 0 8px;
    }
    .page_title h5{
        font-size: 20px;
    }
    .page7 .box2 .content .top .swiper-button-next::after, .page7 .box2 .content .top .swiper-button-prev::after{
        font-size: 26px;
    }
    .page7 .box2 .content .top {
        padding: 20px 5px;
    }
    .page8 .title h5{
        font-size: 20px;
    }
    .page8 .title p{
        font-size: 12px;
    }
    .page8 .title{
        padding-bottom: 15px;
    }
    .page8 .content{
        padding-top: 28px;
    }
    .page8 .content ul li .box .text h5{
        font-size: 20px;
    }
    .page8 .content ul li .box .text p{
        font-size: 14px;
    }
    .page9 .title h5{
        font-size: 22px;
    }
    .page9 .title p{
        font-size: 10px;
    }
    .page9 .title{
        margin-bottom: 20px;
    }
    .page9 .box .left .tel span{
        font-size: 20px;
        padding-bottom: 0;
    }
    .page9 .box .left .tel a{
        font-size: 24px;
    }
    .page9 .box .left .msg{
        padding-top: 20px;
    }
    .page9 .map{
        height: 250px;
    }
    
    .caseShow .left {
        margin-right: 5px;
    }
    .caseShow .right {
        margin-left: 5px;
    }
    .caseShow .left, .caseShow .right{
        font-size: 25px;
    }
    .footer_wap .codeBox .code{
        width: 100px;
        height: 100px;
        padding: 5px;
    }
    .footer_wap .logo{
        width: 120px;
        height: auto;
    }
    .page7 .box3 .content ul li .icon{
        width: 70px;
        height: 70px;
    }
    .page7 .box3 .content ul li .item{
        margin: 0 10px;
    }
    .page7 .box3 .content ul li::after{
        font-size: 18px;
    }
    .page7 .box3 .content ul li .icon img {
        width: 50%;
        height: 100%;
        object-fit: contain;
    }
    .banner .text{
        width: auto;
    }
    .banner .pic{
        height: 200px;
    }
    .banner .pic img{
        height: 100%;
        object-fit: cover;
    }
    .page1 .box2 .content .mySwiper_culture .left p{
        font-size: 14px;
    }
    .page1 .box2 .content .mySwiper_culture .left span{
        font-size: 12px;
    }
    .page1 .box2 .content .mySwiper_culture .left{
        padding: 30px 10px 80px;
    }
    .banner .text h1{
        font-size: 15px;
    }
    .banner .text p{
        font-size: 8px;
    }
    .page9 .box .right form input, .page9 .box .right form textarea{
        padding-bottom: 10px;
    }
    .page6 .title .msg {
        flex-wrap: wrap;
    }
    .page10 .content .list ol li{
        margin-bottom: 25px;
    }
    .page10 .content .list ol li .box p{
        font-size: 14px;
        padding-top: 5px;
    }
}