@charset "utf-8";
body{overflow-x: hidden;}
@media screen and (max-width:1800px){
    
}
@media screen and (max-width:1680px){
    
    
}
@media screen and (max-width:1600px){
    
}
@media screen and (max-width:1500px){
   
}
@media screen and (max-width:1366px){
    .lg_1280{max-width: 1200px;}
    .mains_text p:nth-child(2) span img{width: 45%;}
    .bar{height:320px;}

    .history_list .list_item .left::after{right: -44px;}
    .history_list .list_item:nth-child(even) .left::after{left: -44px;}
    .history_list .list_item .left span:nth-child(2){padding-left: 10px;}
    .history_list .list_item:nth-child(even) .left span:nth-child(2){padding: 0 10px 0 0;}

    .product_left{width: 20%;}
    .product_right{width: 78%;}
    .product_item ul li{width: 31.3333%;margin: 0 1% 1%;}
    .product_item ul li span{width: 100%;}
    
    .product_top .product_pic{width: 48%;}
    .product_top .product_tct{width: 50%;}
    .product_top .product_pic .view,
    .preview{width: 100%;}
    .preview .swiper-container .swiper-slide{width: 103px !important;}
    .case_item ul li{width: 31.3333%;margin: 0 1% 1%;}
    .case_item ul li span{width: 100%;height: auto;}

    .news_item ul li{width: 31.3333%;margin: 0 1% 1%;}
    .news_item ul li .pic{height: 180px;}
    .contact_bd{width: 92%;padding: 20px;box-sizing: border-box;margin: -40px auto 0;}
    .map{height: auto;}
    .map .map_info{padding: 30px 15px;height: auto;}
    .map .map_info dl dt::after{margin: 15px 0;}
    .map .map_info dl dd{padding: 5px 0;}
    .contact_bd dl{width: 31.9333%;margin-right: 2%;}
    .contact_bd dl:nth-child(5){width: 45%;}
    .map .map_pic{height: 500px;}
}
@media screen and (max-width:1280px){
    
}
@media screen and (max-width:1200px){
    body,
    html {
        overflow-x: hidden !important;
    }

    .pt-100,
    .pt-90,
    .pt-80,
    .pt-70,
    .pt-60,
    .pt-50,
    .pt-40,
    .pt-30 {
        padding-top: 20px;
    }

    .pb-100,
    .pb-90,
    .pb-80,
    .pb-70,
    .pb-60,
    .pb-50,
    .pb-40,
    .pb-30 {
        padding-bottom: 20px;
    }
    .lg_1280{width: 92%;}
    .mains_text p:nth-child(1){float: none !important;padding: 0 !important;}
    .mains_text p:nth-child(2) span img{width: 100%;}
    .crumbs dl{display: none;}
    .history_list .list_item .left::after{right: -36px;}
    .history_list .list_item:nth-child(even) .left::after{left: -36px;}
    .history_list .list_item .left span:nth-child(1){width: 72%;height: auto;}
    .honor_list ul li{width: 31.333%;margin: 1%;}

    .product_left h3{font-size: 24px;}
    .product_item ul li{padding: 15px;}
    .product_left ul li a{font-size: 15px;}
    .product_item ul li p{font-size: 15px;}
    .product_left{width: 28%;}
    .product_right{width: 70%;}

    .preview .swiper-container .swiper-slide {width: 78px!important;}
    .download_item ul li span em{padding: 0 15px;}
}
@media screen and (max-width:1024px){
    header{padding: 10px;overflow: hidden;box-sizing: border-box;}
    header h1{max-width: 80px;height: 30px;line-height: 30px;}
    header h1 img{display: inline-block;}
    .head_right{position: absolute;top: 50px;right: 0;display: block;width: 85%;padding: 15px;box-sizing: border-box;background: var(--fontColorf);z-index: 99;transform: translateX(100%);transition: all 1s;}
    .head_nav ul{display: block;}
    .head_nav ul{text-align: left;}
    .head_nav ul li{border-bottom: 1px solid #dedede;}
    .head_nav ul li a{line-height: 30px;}
    .head_nav ul li dl{position: static;display: block;width: 100%;left: 0;box-shadow: none;width: 100%;}
    .head_nav ul li dl dd,
    .head_nav ul li:hover dl dd{width: 49%;display: inline-flex;}
    .head_nav ul li dl dd a,
    .head_nav ul li:hover dl dd a{line-height: 24px;}
    .head_nav ul li::after{display: none;}
    .head_serch,
    .head_serch dl{width: 100%;padding: 0;}
    .head_serch dl dt{display: none;}
    .head_serch dl dd{display: block;position: static;width: 100%;}
    .head_tel dl{justify-content: flex-end;}
    .head_tel dl dt{border:none;}
    .head_lang{border-left: none;}
    .head_lang span{display: none;}
    .head_lang p{position:static;display: block;width: 100%;background: none;text-align: right;margin: 0 auto;}
    .head_lang p a{width: 100px;background: var(--mainColor);text-align: center;display: inline-block;}

    .sj_menu{display: block;width:30px;height:30px;margin:0 auto;right: 2%;top:10px;position: absolute;}
    .sj_menu span{width:20px;height:3px;display: block;margin:13.5px auto;transition: all 1s;position: relative;background: var(--mainColor);}
    .sj_menu span::after,
    .sj_menu span::before{content: "";display: block;width:20px;height:3px;background: var(--mainColor);transition: all 1s;position: absolute;}
    .sj_menu span::after{bottom: -6px;}
    .sj_menu span::before{top: -6px;}
    .son .sj_menu span{position: relative;transform: rotate(45deg);transition: all 1s;}
    .son .sj_menu span::before{transform: rotate(90deg);top:0px;position: absolute;transition: all 1s;}
    .son .sj_menu span::after{display: none;}
    .son header .head_right{transition: all 1s;transform: translateX(0);}
    
    .banner,
    .swiper-container-banner .swiper-slide a{height: 400px;}
    
    .box .box_title h3{font-size: 24px;}
    .box .box_title p{font-size: 14px;line-height: 20px;}
    .product_list ul, .case_list ul, .news_list ul{flex-wrap: wrap;justify-content: space-around;}
    .product_list ul li{width: 40%;max-width: 100%;margin: 2%;}
    .product_list ul li:nth-child(5){display: none;}

    .more{margin: 20px auto;}
    
    .foot_cen .foot_nav{display: none;}
    .ggt_right{display: none;}
    .ggt_left{width: 100%;}
    .product_page ul li,
    .product_page ul li:nth-child(2){width: 32%;}
    .product_page ul li:nth-child(2){margin: 0 1%;}
    
}
@media screen and (max-width:768px){
    .banner,
    .swiper-container-banner .swiper-slide a{height: 300px;}
    .history_list .list_item .left span:nth-child(2){font-size: 34px;}
    .history_list .list_item .left::after{right: -30px;top: 10px;}
    .history_list .list_item:nth-child(even) .left::after{left: -30px;}
    .product_top .product_pic,
    .product_top .product_tct{width: 100%;}
    .preview{margin: 30px auto;}
    .preview .swiper-container .swiper-slide {width: 129px!important;}
    .download_item ul li{padding: 15px;}
    .download_item ul li p{width: 68%;}
    .download_item ul li span{width: 38%;}
}
@media screen and (max-width:640px){
    .banner,
    .swiper-container-banner .swiper-slide a{height: 145px;}
    .swiper-container-banner .swiper-button-prev::after, .swiper-container-banner .swiper-button-next::after{font-size: 20px;}

    .product_list ul li{width: 48%;margin: 1%;padding: 15px;box-sizing: border-box;}
    .product_list ul li span{max-width: 100%;width: 100%;height: auto;}

    .case_list ul li{width: 50%;}
    .case_list ul li span{height: 350px;}
    .case_list ul li span img{width: 100%;height: 100%;}
    .case_list ul li .tct{padding: 15px;}
    .case_list ul li .tct p{font-size: 18px;}

    .news_list ul li{padding: 15px;margin: 0 auto 35px;}
    .news_list ul li span{padding: 0 10px;}
    .news_list ul li h3{line-height: 24px;}
    .news_list ul li p{line-height: 20px;}
    
    .foot_cen,
    .foot_top{display: block;padding: 15px 0;}
    .foot_logo{display: none;}
    .foot_tel dd b{font-size: 20px;}
    .foot_dz{padding-left: 15px;}
    .foot_dz dl dd span{font-size: 16px;line-height: 20px;}
    .foot_dz dl dd p{font-size: 14px;line-height: 20px;}
    .foot_btm p{text-align: center;line-height: 20px;}
    .foot_btm p a{display: block;float: none;}
 
    .ggt{display: none;}
    .crumbs ul{flex-wrap: wrap;margin: 0 auto;width: 100%;}
    .crumbs ul li{line-height: 36px;width: 50%;box-sizing: border-box;padding: 0 20px;text-align: center;}
    .bar{height: 200px;}
    .bar_txt h3{font-size: 24px;}
    .bar_txt p{font-size: 14px;}

    .history_list .list_item{padding: 0 0 20px;}
    .history_list .list_item::before{left: 0;}
    .history_list .list_item .left, .history_list .list_item .right{width: 100%;margin: 0 auto;float: none;box-sizing: border-box;padding: 0px 0 15px 20px;}
    .history_list .list_item .left span:nth-child(1){width: 100%;}
    .history_list .list_item .left::after,
    .history_list .list_item:nth-child(even) .left::after{left: -8px;right: auto;}
    .history_list .list_item:nth-child(even) .right ul li{padding: 0 0 15px 20px;text-align: left;}
    .history_list .list_item:nth-child(even) .right ul li::before{left: 0;right: auto;}
    .history_list::after{display: none;}
    .lg_ckgd{font-size: 16px;line-height: 36px;width: 120px;}
    .honor_list ul li{width: 100%;margin: 1% auto;}
    .honor_list ul li p{font-size: 16px;margin: 10px auto;}

    .product_left,
    .product_right{width: 100%;margin: 2% auto;}
    .product_item ul li{width: 100%;margin: 2% auto;}
    .page{padding: 10px 0;}

    .view .arrow-right, .view .arrow-left{width: 36px;height: 36px;line-height: 32px;}
    .product_top .product_pic .view{height: 240px;line-height: 240px;}
    .preview{display: none;}
    .product_top .product_tct{padding: 15px;margin-top: 15px;}
    .product_top .product_tct h3{font-size: 20px;}
    .product_top .product_tct p{font-size: 16px;}
    .product_top .product_tct .pos small{padding-left: 30px;}
    .product_top .product_tct .pos small strong{font-size: 18px;}
    .product_top .product_tct .pos a{width: 120px;line-height: 40px;}
    .product_top .product_tct .pos{background-size: 10%;}
    .product_tst .product_tit{font-size: 20px;}
    
    .product_page ul li:nth-child(2) a{text-align: center;display: block;}
    .product_page ul li:nth-child(2) span{display: none;}
    .case_item ul li{width: 100%;margin: 2% auto;padding-bottom: 15px;}
    .case_item ul li p{font-size: 16px;margin-top: 15px;}
    .download_item ul li a{display: block;}
    .download_item ul li p,
    .download_item ul li span{width: 100%;font-size: 15px;}
    .download_tit h3,
    .boxs_tit h3,
    .news_cons .tit h3{font-size: 20px;}
    .news_cons .tit{margin-bottom: 20px;}

    .news_item ul li{width: 100%;margin: 2% auto;}
    .news_item ul li .tct p{font-size: 16px;line-height: 30px;height:60px;}
    .news_item ul li:hover .tct em img{transform: translateX(200px);}
    .lg_fy_con2 dl dt{float: none;margin-bottom: 15px;}
    .lg_fy_con2 dl dd{width: 46%;}
    .contact_bd{width: 100%;margin: 0 auto;}
    .contact_bd dl,
    .contact_bd dl:nth-child(5){width: 100%;}
    .map .map_info{position: static;width: 100%;}
    .map .map_info dl dt,
    .contact_bd h3{font-size: 20px;}
    .map .map_info dl dd,
    .contact_bd dl dt,
    .contact_bd dl dd input{font-size: 16px;}
    .contact_bd dl dd input{height:36px;line-height: 36px;}
    .contact_bd dl dd .img{height:36px;line-height: 36px;}
    .contact_bd button{width: 120px;font-size: 18px;line-height: 40px;margin-top: 20px;}
    .map .map_pic{height: 200px;}
}
@media screen and (max-width:414px){
    .case_list ul li span{height: 250px;}
}
@media screen and (max-width:375px){
   
}
@media screen and (max-width:360px){}
@media screen and (max-width:320px){
    
}