@media screen and (max-width:1711px){
    .layout{padding: 0 2%;}
}
@media screen and (max-width:1400px){
    .center{padding: 0 2%;}
    .in4-pro{padding: 0 2%;}
}
@media screen and (max-width:1200px){
    .nav-btn{display: block;}
    .mobile-nav-box{display: block;}
    .h-top>div section{display: none;}
    .liu{padding: 0 2%;}
}
@media screen and (max-width:1024px){
    .in1 .swiper-box1 .navigation-box1{bottom: 10px;}
    .h-top{height: 50px;}
    .h-top>div a img {height: 40px;object-fit: contain;}
    .in1 .swiper-box1 .navigation-box1 i{width: 20px;height: 20px;line-height: 20px;font-size: 14px;}
    .in2>div ul{position: static;}
    .in2-word{width: 100%;}
    .in2-word h5{font-size: 20px;text-align: center;}
    .in2-word p{text-align: center;padding: 2% 0;}
    .in2{padding: 3% 0;margin-top: 3%;}
    .in2-word a{width:100%;text-align: center;margin-bottom: 3%;}
    .in2>div ul{height: 90px;}
    .in2>div ul li a span{font-size: 12px;}
    .in2>div ul li a img{width: 30px;height: 30px;object-fit: contain;}
    .in3{margin-top: 3%;padding: 3% 0 0 0;}
    .in3>div figure{flex-wrap: wrap;}
    .in3>div figure>div{width: 100%;order: 2;display: flex;justify-content: center;align-items: center;height: auto;position: relative;padding: 34% 0;overflow: hidden;}
    .in3>div figure>div img {width: 100%;height: 100%;position: absolute;top:0;left:0;object-fit: contain;}
    .in3>div figure figcaption{width: 100%;order: 1;}
    .in3>div figure figcaption article{width: 100%;height: auto;background: transparent;border-radius: 0;display: block;}
    .in3>div figure figcaption article span:nth-of-type(1){color: #f3d787;}
    .in3>div figure figcaption article p{color: #ffffff;text-align: center;}
    .in3>div figure figcaption article span{font-size: 20px;}
    .in3>div figure figcaption>p{line-height: 1.5em;}
    .in4{margin-top: 3%;padding: 3% 0;}
    .in4 section h5{margin-right: 0;font-size: 20px;margin-bottom: 6%;}
    .in4 section dl{width: 100%;justify-content: space-between;}
    .in4 section{padding: 0 2%;justify-content: center;align-items: center;flex-direction: column;}
    .in4 section dl dd{margin-right: 0;width: 100%;text-align: center;}
    .in4-pro .swiper-box2{margin-top: 3%;}
    .in4-pro .swiper-box2 ul li{flex-wrap: wrap;}
    .in4-pro .swiper-box2 ul li .in4-left{width: 100%;height: auto;margin-left: 0;padding: 29% 0;order: 2;}
    .in4-pro .swiper-box2 ul li .in4-left img {}
    .in4-pro .swiper-box2 ul li .in4-right{width: 100%;padding-left: 0;display: flex;justify-content: center;align-items: center;flex-direction: column;margin-bottom: 2%;order: 1;}
    .in4-pro .swiper-box2 ul li .in4-left>p{height: 60%;}
    .in4-pro .swiper-box2 ul li .in4-right b{font-size: 20px;}
    .in4-pro .swiper-box2 ul li .in4-right span{width: 100%;text-align: center;margin-bottom: 2%;}
    .in4-pro .swiper-box2 ul li .in4-right .more{width: 160px;height: 30px;line-height: 30px;position: absolute;bottom:5px;}
    .in4-pro .swiper-box2 .navigation-box2{width: 100%;left: 0;top:35%;}
    .in5{margin-top: 3%;padding: 3% 0;}
    .in5 figure>ul li{font-size: 16px;height: auto;}
    .in5 .in5-words .in5-lb{padding:0 2%;}
    .in5 .in5-words{height: 150px}
    .in5 .in5-words .in5-lb .swiper-box3 ul li.active::before{height: 100px;}
    .in5 .in5-words .in5-lb .swiper-box3 ul li span{font-size: 14px;}
    .in5 .in5-words .in5-lb .swiper-box3 ul li p{font-size: 14px;}
    .in5 figure::after{width: 20px;height: 20px;background-size: 100% 100%;}
    .in6{margin-top: 3%;padding: 3% 0;}
    .in6>div>h5{font-size: 20px;text-align: center;}
    .in6>div .in6-lb figure:nth-of-type(1){display: none;}
    .in6>div .in6-lb figure:nth-of-type(3){display: none;}
    .in6>div .in6-lb figure:nth-of-type(2){width: 100%;}
    .in6>div .in6-lb figure:nth-of-type(2) ul li a{padding: 3% 0;}
    .in6>div .in6-lb figure:nth-of-type(2) .in6-word{position: static;padding: 2%;width: 100%;height: auto;}
    .in6>div .in6-lb figure:nth-of-type(2) .in6-word p{margin: 2% 0;}
    .in6>div .in6-lb{padding-bottom: 35px;}
    .in6>div .in6-lb .navigation-box4{left:0;width:100%;display: flex;justify-content: center;}
    .in6>div .in6-lb .navigation-box4 i{width: 25px;height: 25px;line-height: 25px;font-size: 16px;}
    .in6>div .in6-lb .navigation-box4 i:first-of-type{margin-right: 0;}
    .foot{position: static;height: auto;padding: 1% 2%;justify-content: center;align-items: center;flex-direction: column;}
    .foot>div{justify-content: center;align-items: center;flex-direction: column;}
    .foot>div p{margin-right: 0;}
    footer{height: auto;}
    .in7{margin-top: 3%;padding: 3% 0;}
    .in7>div{flex-wrap: wrap;}
    .in7>div .in7-left{width: 100%;}
    .in7>div .in7-left .swiper-box7 ul li{padding: 30% 0;}
    .in7>div .in7-right{width: 100%;margin-top: 2%;}
    .in7>div .in7-right .swiper-box8{padding-bottom: 5%;}
    .in7 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 0!important;}
    .all-banner{margin-top: 50px;}
    .line-bd figure{flex-direction: column;justify-content: center;align-items: center;}
    .ver_code{margin-bottom: 10px;}
    .form_btn{display: flex;}
    .line-input>input{height: 45px;}
    .form_btn input{width: 100px;height: 45px;}
    .in4-kk{width: 100%;left:0;height: 40%;}
}


@media screen and (max-width:768px){
    .news-box>div>ul{height: auto;}
    .news-box>div>ul::after{height: 0;}
    .news-box>div>ul li {width: 50%;padding:2%;border-bottom: 1px solid #b5b5b5;height: 135px;}
    .news-box>div>ul li p {opacity: 1;line-height: 1.5em;font-size: 12px;}
    .news-box>div>ul li h6{margin: 2% 0;text-align: center;}
    .news-box>div>ul li span {display: block;text-align: center;width: 100%;}
    .news-box>div>ul li:nth-of-type(2n+2){border-right: none;}
    .news-box>div>ul li:nth-of-type(5n+5){border-right: 1px solid #b5b5b5;}
    .news-box>div>ul li:nth-of-type(9){border-bottom: none;}
    .news-box>div>ul li:nth-of-type(10){border-bottom: none;}
    .about-box>div>figure{flex-wrap: wrap;}
    .about-box>div>figure h5{width: 100%;text-align: center;margin-bottom: 2%;}
    .about-box>div>figure figcaption{width: 100%;}
    .con-box{flex-wrap: wrap;height: auto;}
    .con-box li{width: 50%;border-bottom: 1px solid #dfdfdf;height: 130px;}
    .con-box li h6{font-size: 14px;}
    .con-box li:nth-of-type(2){border-right: none;}
    .con-box li:nth-of-type(3){border-bottom: none;}
    .con-box li:nth-of-type(4){border-bottom: none;}
    .line-input>input{width: 100%;margin-top: 3%;}
    .culture-box>div figure{flex-wrap: wrap;}
    .culture-box>div figure>div{width: 100%;}
    .culture-box>div figure figcaption{width: 100%;padding: 23% 0;margin-top: 2%;}
    .culture-box>div figure>div h5{text-align: center;}
    .culture-box>div figure>div ul li::before{top:7px;width: 5px;height: 5px;}
    .cult-con>div{flex-wrap: wrap;}
    .cult-con>div .cu-left{width: 100%;order: 2;padding: 50% 0;}
    .cult-con>div .cu-right{width: 100%;order: 1;}
    .cult-con>div .cu-right h6::before{width: 20px;height: 20px;background-size: 100% 100%;}
    .cult-con>div .cu-right h6::after{width: 20px;height: 20px;background-size: 100% 100%;}
    .cult-con{padding-top:4%;}
    .cult-con>div .cu-right p{line-height: 1.5em;}
    .door-box .door-con li{width: 49%;margin-right: 2%;}
    .door-box .door-con li:nth-of-type(2n+2){margin-right: 0;}
    .history-box>div ul li span{font-size: 16px;}
    .history-box>div ul li{padding-left: 10px;}
    .history-box>div ul li::before{width: 5px;height: 5px;}
    .honor-box ul li{width: 49%;margin-right: 2%!important;}
    .honor-box ul li:nth-of-type(2n+2){margin-right: 0!important;}
    .news-box .news-con li{width: 49%;margin-right: 2%!important;}
    .news-box .news-con li:nth-of-type(2n+2){margin-right: 0!important;}
    .news-box .news-con li a p {margin: 2% 0;line-height: 1.5em;height: 40px;}
    .news-box .news-con li a b{margin: 2% 0;}
    .pro-box .pro-con li{width: 49%;margin-right: 2%!important;}
    .pro-box .pro-con li:nth-of-type(2n+2){margin-right: 0!important;}
    .pro-box .pro-con li a span{padding: 3% 0;}
    .pv-box .pv-lb{flex-wrap: wrap;}
    .pv-box .pv-lb .pv-left{width: 100%;}
    .pv-box .liu .pv-right{width: 100%;padding-left: 0;}
    .pv-right b{font-size: 20px;}
    .pv-right span{font-size: 16px;}
    .pv-right .pv-word{margin: 3% 0;}
    .pv-box .pv-lb .pv-left .swiper-pv{padding-bottom: 30px;}
    .p-view-con{padding: 5% 0;}
    .foot>div a{display: inline-block;text-align: center;}
    .ver_code .code-box{width: 310px;}
    .about-box>div>.ab-img img {height:250px;object-fit: cover;}
    .in4-kk{height: 24%;}
    /*.in4-pro .swiper-box2 ul li{padding-bottom: 8%;}*/
    /*.in4-pro .swiper-box2 ul li .in4-left{padding: 18% 0;}*/
    /*.in4-pro .swiper-box2 ul li .in4-left>img{height: 100%;}*/
    /*.in4-pro .swiper-box2 ul li .in4-right{margin-top: 4%;}*/
    .all-banner{width: 100%;height: 100%;position: relative;padding: 35% 0;overflow: hidden;}
    .all-banner img {position: absolute;top:0;left:0;object-fit: cover;width: 100%;height: 100%;}
    .in1{margin-top: 50px;}

}