@charset "utf-8";
@media screen and (max-width:1800px){
    
}
@media screen and (max-width:1680px){
    
    
}
@media screen and (max-width:1600px){
    
}
@media screen and (max-width:1500px){
    .banner,
    .banner .swiper-container-banner,
    .banner .swiper-container-banner .swiper-slide a{height:640px;}
    .bar{height:300px}
}
@media screen and (max-width:1366px){
  
}
@media screen and (max-width:1280px){
  
}
@media screen and (max-width:1200px){
    .lg_1200{width:92%;} 
    header .head_right .head_nav ul li a{padding:0 25px;}
    .solution_list ul li .list_img{height:140px;}
}
@media screen and (max-width:1024px){
    
    .pt-100,
    .pt-90,
    .pt-80,
    .pt-70,
    .pt-60,
    .pt-50,
    .pt-40,
    .pt-30,
    .pt-20{padding-top: 15px;}
    .pb-100,
    .pb-90,
    .pb-80,
    .pb-70,
    .pb-60,
    .pb-50,
    .pb-40,
    .pb-30{padding-bottom: 20px;}

    header{background: rgba(255, 255, 255, 1);}
    header,
    header h1{line-height: 50px;}
    header h1{width:8%;}
    header h1 .logo_white{display: none;}
    header h1 .logo_red{display: inline-block;}
    header .head_right .head_nav, header .head_right .head_search{display: block;width: 92%;margin: 0 auto;}
    header .head_right .head_nav ul li{width:100%;text-align: left;display: block;}
    header .head_right .head_nav ul li>a{margin: 0 auto;color:#333;font-weight: bold;padding:0 15px;display: block;line-height: 36px;}
    header .head_right .head_nav ul li.active a, header .head_right .head_nav ul li:hover a{background: none;color:#333;}
    header .head_right .head_nav ul li dl{position: static;border-top: 1px solid #ccc;}
    header .head_right .head_nav ul li dl{height:auto;width: 92%;}
    header .head_right .head_nav ul li dl dd{float: left;width:32%;background: none;text-align: left;padding:0;line-height: 30px;}
    header .head_right .head_nav ul li dl dd a{display: block;line-height: 30px;}
    header .head_right .head_nav ul li dl dd a, .fixeds header .head_right .head_nav ul li:hover a{color:#333;margin: 0 auto;}
    .fixeds header .head_right .head_nav ul li dl dd{background: none;}
    .fixeds header .head_right .head_nav ul li.active a, .fixeds header .head_right .head_nav ul li:hover a{color:#333;}
    .fixeds header .head_right .head_nav ul li dl dd:hover,
    header .head_right .head_nav ul li dl dd:hover{background: none !important;}
    .fixeds header .head_right .head_nav ul li dl dd:hover a,
    .fixeds header .head_right .head_nav ul li:hover>a,
    header .head_right .head_nav ul li dl dd:hover a,
    header .head_right .head_nav ul li:hover>a{color:#c2002d;}
    .head_right{position: absolute;right:-100vw;transition: all 1s;width: 80vw;height:100vh;top:50px;}
    .sj_menu{display: inline-block;width:50px;height:30px;margin:0 auto;vertical-align: middle;position: absolute;right: 15px;top:20px}
    .sj_menu span{width:20px;height:2px;display: block;margin:10px auto;transition: all 1s;position: relative;background: #c2002d;}
    .sj_menu span::after,
    .sj_menu span::before{content: "";display: block;width:20px;height:2px;background: #c2002d;margin-bottom: 5px;transition: all 1s;position: absolute;}
    .sj_menu span::after{bottom:5px;}
    .sj_menu span::before{top: -5px;}
 
    .son .sj_menu span{position: relative;transform: rotate(45deg);transition: all 1s;margin:5px auto;}
    .son .sj_menu span::before{transform: rotate(90deg);top:0px;position: absolute;transition: all 1s;}
    .son .sj_menu span::after{display: none;}
    .son .head_right{width:80vw;background: rgba(255, 255, 255, 1);position: absolute;right: 0;transition: all 1s;}
    header .head_right .head_search i{display: none;}
    header .head_right .head_search .shows{position: static;display: block;width:100%;}
    .banner, .banner .swiper-container-banner, .banner .swiper-container-banner .swiper-slide a{height:520px;}
    .service_right .pic{height:auto;}
    .service{height:auto;}
    .product_list ul li .list_img{height: auto;}
    /* .product_list ul li .list_img img{border:1px solid #c2002d;} */
    .product_list ul li .list_tct{margin: 2% 3.5%;}
    .contact .contact_left .tct{padding:50px 15px;}
    .contact .contact_left .tct .cn{font-size: 20px;}
}
@media screen and (max-width:768px){
    .banner, .banner .swiper-container-banner, .banner .swiper-container-banner .swiper-slide a{height:380px;}
    #boxes div img{width:30px;height:30px;}
    #boxes div{width:60px;height: 60px;}
    #boxes div:nth-child(1){top: -4%;}
    #boxes div:nth-child(4){top: 74%;}
    footer .foot_top .foot_nav{display: none;}
    .product_top ul li .list_tct .tit{font-size: 20px;}
    .product_top ul li .list_img{height:auto;}
    .retrun{margin: 0 auto;}
    .service_con ul li .list_img,
    .service_con ul li .list_tct{width:100%;float: none !important;}
    /* .service_con ul li .list_img{height:auto;} */
    .contact{height:auto;}
    .contact .contact_left,
    .contact .contact_right{width:100%;max-width: 100%;height: auto;}
    .contact .contact_left .pic{display: none;}
    .contact .contact_left .tct{padding: 15px;position: static;}
}
@media screen and (max-width:640px){
    .main .main_con .title .cn,
    .main .main_con .title .en{font-size: 20px;}
    .main .more{padding-top:10px;}
    .main .more a{width: 120px;font-size: 14px;line-height: 36px;}
    footer .foot_btm .foot_left,
    footer .foot_btm .foot_right{float: none;}
    footer .p1 p{text-align: center;}
    footer .p1 p a{display: block;float: none;}
    .banner, .banner .swiper-container-banner, .banner .swiper-container-banner .swiper-slide a{height:320px;}
    .banner .swiper-pagination-banner .swiper-pagination-bullet{width: 15px;height:15px;}
    .banner .swiper-pagination-banner .swiper-pagination-bullet-active::after{width:5px;height: 5px;}
    .product_left{height:auto}
    .product_left .tabs{padding: 20px 0 70px;}
    .product_left .tabs .swiper-slide{height:auto;}
    .product_right{margin-top:20px;}
    .product_right .tst{margin: 5px auto;}
    .product_right .tit{font-size: 18px;}
    #boxes div span{font-size: 14px;margin-top:5px;}
    .solution .solution_lists ul li{width: 48%;margin: 1%;display: none;padding:15px;}
    .solution .solution_lists ul li:nth-child(1),
    .solution .solution_lists ul li:nth-child(2){display: inline-block;}
    .service_left_txt{font-size: 14px;}
    .product_left .tabs .swiper-slide img{border:1px solid #e4e5e6}
    .product_left .tabs .swiper-slide.active img{border:1px solid #c2002d;}
    .product_left .tabs .swiper-button-prev, .product_left .tabs .swiper-button-next{border: 1px solid #c2002d;bottom: 10px;top: auto;}
    .product_left .tabs .swiper-button-prev::after, .product_left .tabs .swiper-button-next::after{color:#c2002d;}

    .bar{height:180px;}
    .solution_nav ul{text-align: left;}
    .solution_nav ul li{width:48%;margin: 1%;font-size: 14px;text-align: left;text-indent: 2.4em;}
    .crumbs .crumbs_left,
    .crumbs .crumbs_right{float: none;width:100%;}
    .crumbs .crumbs_left .title{font-size: 20px;padding-left: 30px;}
    .crumbs .crumbs_left .title .en{letter-spacing: -1px;}
    .crumbs .crumbs_left .title::before{width:30px;height:28px;background-size: cover;}
    .crumbs .crumbs_right{display: none;}
    .menu_nav ul{font-size: 0;}
    .menu_nav ul li{width: 48%;margin: 1%;text-align: center;font-size: 14px;line-height: 36px;}
    .menu_nav ul li a{padding: 0;}
    .product_list ul li{padding:15px;margin-bottom: 15px;}
    .product_list ul li .list_img{width:38%;margin-right: 2%;}
    .product_list ul li .list_tct{margin: 2% auto;width:60%}
    .product_list ul li .list_tct .tit{font-size: 18px;}
    .product_list ul li .list_tct .tst{margin: 5px auto;display: none;}
    .page{padding:0;}
    .product_top ul li .list_img{width:38%;margin-right: 2%;}
    .product_top ul li .list_tct{width: 60%;margin: 0 auto;}
    .product_top ul li .list_tct .tit{font-size: 18px;}
    .product_top ul li .list_tct .tst{display: none;}
    .solution_list ul li,
    .solution_list ul li:nth-child(3n){width:48%;margin: 1%;}
    .solution_list ul li .list_tct{padding:10px;}
    .service_con ul li .list_tct .tit{font-size: 18px;margin: 15px auto;}
    .contact .contact_left .tct .cn{font-size: 18px;}
    .contact .contact_left .tct .en{font-size: 12px;}
    .contact .contact_left .tct .txt{padding-top: 10px;}
    .contact .contact_left .tct .txt dl dd{font-size: 14px;}
    footer .foot_top .foot_logo{width:16%;}
}
@media screen and (max-width:414px){
    header h1{width:16%;}
    .banner, .banner .swiper-container-banner, .banner .swiper-container-banner .swiper-slide a{height:220px;}
    .service_left,
    .service_right{width: 100%;}
    .service_right .pic{display: none;}
    #boxes,
    #boxes div{position: static;}
    #boxes div{width:80px;height:80px;text-align: center;}
    #boxes div img{margin: 0 auto;}
    #boxes div span{position: static;color:#fff !important;}
}
@media screen and (max-width:375px){
   
}
@media screen and (max-width:360px){}
@media screen and (max-width:320px){
    
}