@charset "utf-8";
@media screen and (max-width: 1680px){

}
@media screen and (max-width: 1440px){
header .header .menu nav ul li{padding: 0 0.75rem;}
}
    
@media screen and (max-width:1024px){	
    .container{max-width: 100%;}
    header .header .menu-bar{ display:block; width:30px; height:20px; float:right; position: absolute; right:1.5rem; top:30px; border-bottom:2px solid #333;}
    header .header .menu-bar:after{ content:""; display:block; width:100%; height:2px; background:#333; position:absolute; left:0; top:0;}
    header .header .menu-bar:before{ content:""; display:block; width:100%; height:2px; background:#333; position:absolute; left:0; top:50%;}
    header .header .search{padding-right: 0.5rem;}
    header .header .tel{margin:0rem;padding: 0 0.5rem 0 0;}
    header .header .menu{margin: 0;}
    header .header .menu nav ul li a{color: #fff;font-size: 16px;}
    .banner .swiper-pagination{top:35%;}
    header .header nav {position: fixed;width: 100%; height: 100%;left: -100%; top: 0; z-index: 9999; transition: all .3s linear;}
    header .header .nav-warp {width: 100%; height: 100%; position: fixed; right: 0;top: 0;background: rgba(0, 0, 0, .81);display: none; z-index: 1920;}

    header .header nav .d-flex{flex-direction:column;}
    header .header nav ul.d-flex li {width: 100%; border-bottom: 1px solid rgba(255, 255, 255, .1);border-radius: 0 !important; padding:1rem; position: relative;}
    header .header nav .d-flex {display: block; width: 60%; background: #409eff;height: 100%;position: relative; overflow-y: auto; pointer-events: auto;z-index: 9999;}

    header .header nav ul.d-flex li .xiala {position: absolute; width: 70px; display: block;right: 0;top: 0; color: rgba(255, 255, 255, .81);line-height: 60px;}
    header .header nav ul.d-flex li .subnav.show {display: block;}
header .header .menu nav ul .active a
}
@media screen and (max-width:768px){
    .banner .swiper-pagination{top:25%;}
    .nav-warp .menu-bar-close{ color:#fff; font-size:24px; padding:15px; opacity:.5; padding-left: 66%;}
    #bot1 .ft-first{margin: 0 auto;float: none;}
    #bot1 .ft-end{float: none;width: auto; margin: 0 auto;}
    .index-pro_ul li{width:calc(100% / 3)}
    .yb_conct,.home-about-img{display: none;}
    .home-about-text{min-width: 100%;}
    .home-about-text h3{font-size: 16px;}
    .home-about-text .p{font-size: 14px;}
    .home-about-btn{display: none;}
    header .header .menu nav ul .active a{color: #fff;}
    .ind_pro_01 .img > div.box .p1, .ind_pro_02 .img > div.box .p1,.ind_pro_03 .img > div.box .p1,.ind_pro_04 .img > div.box .p1,.ind_pro_05 .img > div.box .p1,.ind_pro_06 .img > div.box .p1,.ind_pro_07 .img > div.box .p1,.ind_pro_08 .img > div.box .p1,.ind_pro_09 .img > div.box .p1,.ind_pro_10 .img > div.box .p1{font-size: 14px;}

    .ind_pro_01{width: 100%;height: auto;}
    .ind_pro_01 .img{height: auto;}
    .ind_pro_01 .img img{width: 130%;}
    .ind_pro_01 .img > div.box{position: relative;width: 100%; background: #bcebfd99;}

    .ind_pro_02{width: 100%; height: auto;}
    .ind_pro_02 .img{height: 270px;}
    .ind_pro_02 .img img{object-fit: cover;}
    .ind_pro_02 .img > div.box{height: auto;}

    .ind_pro_03{width: 100%;height: auto;}
    .ind_pro_03 .img{height: auto;}
    .ind_pro_03 .img > div.box{position: absolute;height: auto;}

    .ind_pro_04{width: 100%;height: auto;}
    .ind_pro_04 .img{height: auto;}
    .ind_pro_04 .img > div.box{position: absolute;height: auto;}

    .ind_pro_05{width: 100%;height: auto;}
    .ind_pro_05 .img{height: auto;}
    .ind_pro_05 .img > div.box{position: absolute;height: auto;}

    .ind_pro_06{width: 100%;height: auto;}
    .ind_pro_06 .img{height: auto;}
    .ind_pro_06 .img > div.box{position: absolute;height: auto; background: #bcebfd;}

    .ind_pro_07{width: 100%;height: auto;}
    .ind_pro_07 .img{height: auto;}
    .ind_pro_07 .img img{margin-left:-30%;width: 130%;}
    .ind_pro_07 .img > div.box{position: relative;width: 100%;height: auto; background: #bcebfd;}

    .ind_pro_08{width: 100%;height: auto;}
    .ind_pro_08 .img{height: auto;}
    .ind_pro_08 .img img{width: 130%;}
    .ind_pro_08 .img > div.box{position: absolute;height: auto;}

    .ind_pro_10{width: 100%;height: auto;}
    .ind_pro_10 .img{height: auto;}
    .ind_new_art{padding:20px 0;min-height:150px;}
    .ind_new_art .left .ul ul{display: flex;}
    .ind_new_art .left .ul li{font-size: 14px;height: auto;margin-bottom: 10px;}
    .ind_new_art .left .ul li div{display: flex;flex-direction: column;margin: 10px 0;}
    .ind_new_art .left .ul li i{font-size: 14px;}
    .ind_new_art .left{padding-right: 0;}
    .ind_new_art .right{width: 100%;}
    .ind_new_art .right ul li{padding:15px 10px;}
    .ind_new_art .right ul li .name{font-size: 16px;margin-bottom: 10px;}
    .ind_new_art .right ul li .dixx{margin-top: 5px;}
    .index-link{display: none;}
    .index-pro{padding:0px 0;}
    
}
@media screen and (max-width:640px){
    .cont-1{padding-top:2rem;}
    .cont-1 h4{font-size: 18px;}
    .cont-2{display: flex; flex-direction: column; gap: 1rem;padding: 10px;}
    .cont-2 ul{padding:10px 5px;}
    .cont-3 li .left,.cont-3 li .right{width: 100%;height: auto;}
    .cont-3 li .right > div{margin: 1.5rem;}
    #bot1 .ft-second{margin:0.5rem 1rem;}
    #bot1 .container{display: flex !important; flex-direction: column;}
    
}