@charset "utf-8";
@media screen and (max-width:1800px){
    
}
@media screen and (max-width:1680px){
    .bar{height: 530px;}
    .bar .bar_con h3{font-size: 36px;}
    .bar .bar_con p{font-size: 18px;}

    .about_title h3{font-size: 30px;}
    .about_title p{font-size: 16px;}
    .honor_list ul li p{font-size: 18px;}

    .equipment_con .equipment_list .item .tct h3{font-size: 24px;}

    .join_top_left .tit{font-size: 30px;}
    .contact_top_left .contact_tst p b{font-size: 32px;}
    
    .product_list .item .pic{height: 250px;}
    
}
@media screen and (max-width:1600px){
    
}
@media screen and (max-width:1500px){
    .box_cons{padding:0 60px;}
    header .head_right .head_nav ul li a{font-size: 18px;}

    .title span{font-size: 18px;}
    .title h3{font-size: 36px;}
    .desc{font-size: 18px;line-height: 30px;}
    .more{margin: 30px 0;}
    .more span{width: 130px;font-size: 16px;}

    .about_right .about_item .item p b{font-size: 40px;}
    .about_right .about_item .item p{font-size: 16px;}
    .about_right .about_item .item p span{font-size: 18px;}

    .myProduct .swiper-slide .tct{padding: 20px;}
    .myProduct .swiper-slide .tct h3{font-size: 22px;}
    .myProduct .swiper-slide .tct h3::after{margin: 15px auto;}
    .myProduct .swiper-slide .tct p{line-height: 24px;}

    .business_left .business_tit h3{font-size: 36px;}
    .business_left .business_tit h3 font{font-size: 40px;}

    .honor{padding: 0 0 30px;}
    .honor_con .honor_left{margin-top: 100px;}
    .honor_con .honor_left .item b{font-size: 50px;}
    .honor_con .honor_left .item em,
    .honor_con .honor_left .item span{line-height: 1.2;}
    .honor_con .honor_left .item em::after{height: 18px;}

    .foot_top_left{font-size: 36px;}
    .foot_top_right a{width: 250px;line-height: 60px;}

    .foot_center_left p{font-size: 14px;}
    .foot_center_left p b{font-size: 36px;}
    .foot_center_right dl{margin-left: 60px;}
    .product_list .item .pic{height: 220px;}

}
@media screen and (max-width:1366px){
    .box_cons{padding: 0 4%;}
    header{line-height: 80px;}
    header .head_right .head_nav ul li a{padding: 0 25px;}
    .title h3,
    .business_left .business_tit h3,
    .foot_top_left{font-size: 30px;}
    .about_right .about_item .item p b{font-size: 36px;}
    .box_con{width: 92%;max-width: 100%;}

    .bar{height: 425px;}
    .bar .bar_con h3{padding-top: 150px;margin-bottom: 30px;padding-bottom: 30px;}
    header .head_right .head_nav ul li ul{top: 80px;}

}
@media screen and (max-width:1280px){
  
}
.sj_menu{display: none;}
@media screen and (max-width:1200px){

    .sj_menu{display: block;width:30px;height:30px;margin:0 auto;right: 4%;top:18px;position: absolute;}
    .sj_menu span{width:20px;height:3px;display: block;margin:13.5px auto;transition: ease-in 1s;position: relative;background: var(--fontColor3);}
    .sj_menu span::after,
    .sj_menu span::before{content: "";display: block;width:20px;height:3px;background: var(--fontColor3);transition: ease-in 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: ease-in 1s;}
    .son .sj_menu span::before{transform: rotate(90deg);top:0px;position: absolute;transition: ease-in 1s;}
    .son .sj_menu span::after{display: none;}
    
    .box_cons{padding: 0 4%;}
    header h1{line-height: 65px;max-width: 80px;}
    header .head_right{width: 100%;position: absolute;top: 65px;background: var(--fontColorf);width: 100%;left: 0;right: 0;transform: translate(100%);transition: all 0.5s;}
    header .head_right .head_nav ul{display: block;}
    header .head_right .head_nav ul li a{display: block;width: 100%;padding: 0 20px;line-height: 40px;font-size: 16px;}
    .son header .head_right{transform: translate(0);transition: all 0.5s;}
  
    .foot_top, .foot_center{padding: 20px 0;}
    .foot_top_left{font-size: 18px;}
    .foot_top_right a{width: 120px;font-size: 15px;line-height: 40px;}
    .foot_top_right a::before{display: none;}
    .foot_center_left p{padding-bottom: 5px;}
    .foot_center_left p b{font-size: 24px;}
    .foot_center_right{display: none;}
    .foot_btm_right{display: none;}
    .foot_btm p a{display: block;margin-left: 0;}

    .banner,
    .myBanner .swiper-slide a{height: 500px;}

    header .head_right .head_nav>ul>li>a::before, header .head_right .head_nav>ul>li>a::after{display: none;}
    header .head_right .head_nav ul li ul,
    header .head_right .head_nav ul li:hover ul{position: static;box-shadow: none;display: inline-flex;align-items: center;justify-content: center;flex-wrap: wrap;}
    header .head_right .head_nav ul li ul li{width: 43%;padding: 0;border:1px solid #ddd;box-sizing: border-box;margin: 0 2% 2%;}
    header .head_right .head_nav ul li ul li a{padding: 0;line-height: 36px;}
    

    .bar{height: 300px;}
    .bar .bar_con h3{font-size: 24px;padding-bottom: 20px;margin-bottom: 20px;}
    .bar .bar_con p{font-size: 16px;}
    .bar .bar_con dl{display: none;}

    .main{padding: 30px 0 50px !important;}

    .about_title span{font-size: 16px;}
    .about_title h3{font-size: 20px;}
    .about_title p{font-size: 14px;}
    .product_txt h3{font-size: 20px;line-height: 40px;}
    .product_tit{padding: 20px 0;}
    .product_tst{width: 100%;}
    .product_tst ul li,
    .product_tst ul li:nth-child(5n){width: calc(100% / 2 - 10px);margin-right: 10px;margin-bottom: 10px;}
    .product_tst ul li:nth-child(2n){margin-right: 0;}
    .product_tst ul li a{line-height: 40px;font-size: 16px;}
    
    .product_list .items{margin: 20px auto;padding-bottom: 0px;}
    .product_list .items .item{max-width: 630px;}
    .product_list .items .item_left{width: 100%;padding: 0;}
    .product_list .items .item_right{width: 100%;padding: 0;}
    .product_list .items .item_right h3{font-size: 18px;}
    .product_list .items .item_right h3::after{margin: 10px 0;}
    
    .pages{padding: 20px 0;}
    .pages ul li{width: 30px;height: 30px;line-height: 30px;margin: 0 5px;}
    .pages ul li a{font-size: 18px;}
    
    .business_pic,
    .business_tct{max-width: 630px;width: 100%;margin: 0 auto;}
    .business_tct h3{font-size: 20px;}
    .business_tct .business_tst dl dt{font-size: 16px;}
    .business_tct .business_tst dl dd{font-size: 14px;}
    .business_tct .business_tst dl dd::before{top: 10px;}

    .business_pic img,
    .business_right img{display: none;}

    .business_pic .map_item,
    .business_right .map_item{position: static;}
    .business_pic .map_item ul,
    .business_right .map_item ul{display: flex;width: 100%;flex-wrap: wrap;}
    .business_pic .map_item ul li,
    .business_right .map_item ul li{width: calc(100% / 2);position: static;border: 1px solid #ddd;margin-left: 0;box-sizing: border-box;line-height: 40px;}
    .business_pic .map_item ul li::before,
    .business_pic .map_item ul li::after,
    .business_pic .map_item ul li.active::before,
    .business_pic .map_item ul li.active::after,
    .business_right .map_item ul li::before,
    .business_right .map_item ul li::after,
    .business_right .map_item ul li.active::before,
    .business_right .map_item ul li.active::after{display: none;}
    .business_pic .map_item ul li.active,
    .business_right .map_item ul li.active{padding-top: 0;}

    .equipment_con{padding: 30px 0;}
    .equipment_con .equipment_list .item{width: calc(100% / 2 - 10.55px);margin-right: 20px;margin-bottom: 20px;}
    .equipment_con .equipment_list .item .tct{padding: 20px;transform: translateY(100px);}
    .equipment_con .equipment_list .item .tct h3{font-size: 20px;}
    .equipment_con .equipment_list .item .tct h3::after{margin: 20px 0 0;}
    .equipment_con .equipment_list .item .tct p{font-size: 14px;line-height: 24px;}
    .equipment_con .equipment_list .item .tct .more{margin: 15px 0;}
    .equipment_con .equipment_list .item .tct .more span{width: 80px;font-size: 14px;line-height: 36px;}
    .equipment_con .equipment_list .item .tct .more em{line-height: 36px;width: 40px;}

    .join_top{height: auto;padding-bottom: 50px;}
    .join_top::before{width: 100%;height: 100%;}
    .join_top_left{width: 100%;}
    .join_top_left .tit{font-size: 20px;padding-top: 30px;padding-bottom: 10px;}
    .join_tab ul li{width: calc(100% / 3 - 10px);margin-right: 10px;font-size: 16px;line-height: 36px;}

    .join_items{margin: 20px auto;}
    .join_items .item{margin-bottom: 20px;}
    .join_items .item .tit{padding: 20px;width: 100%;box-sizing: border-box;}
    .join_items .item .tit .tit_left h3{font-size: 20px;}
    .join_items .item .tit .tit_left p{font-size: 16px;}
    .join_items .item .tit .tit_left p span{display: block;}
    .join_items .item .tit .tit_right a{width: 120px;line-height: 40px;font-size: 14px;}
    .join_items .item .tct{padding: 20px;}
    .join_items .item .tct .tct_more a{font-size: 14px;line-height: 24px;padding: 10px 0;}

    .join_items .join_more a{width: 140px;line-height: 40px;}

    .main_tit{padding-bottom: 20px;}
    .main_tit ul li a{width: 120px;line-height: 40px;font-size: 18px;margin: 0 10px;}

    .contact_top, .contact_btm{padding-top: 60px;}
    .contact_top_left{width: 100%;}
    .contact_top_left .contact_tst span{font-size: 16px;margin-top: 15px;}
    .contact_top_left .contact_tst p b{font-size: 24px;}
    .contact_top_left .contact_tst p{font-size: 18px;}
    .contact_top_right{width: 100%;margin: 20px auto 0;}
    .contact_top_right #allmap{height: 260px;}
    
    .contact_bd{margin-top: 20px;}
    .contact_bd .item{width: 100%;margin: 10px auto;}
    .contact_bd .item p{font-size: 16px;line-height: 40px;}
    .contact_bd .item p input{height: 40px;line-height: 40px;font-size: 14px;}
    .contact_bd .item p textarea{font-size: 14px;}
    .contact_bd .item p .imgs{height: 38px;width: 120px;top: 2px;}
    .contact_bd .item p button{width: 140px;line-height: 40px;}

    .honor_list ul li{width: calc(100% / 3 - 7.5px);margin-right: 10px;margin-bottom: 20px;}
    .business_cons{padding: 20px 0;}

    .product_list .item{width: calc(100% / 2 - 7.25px);}
    .product_list .item .pic{height: 260px;}
    .product_list .item:nth-child(2n){margin-right: 0;}
}
@media screen and (max-width:1024px){
    
    
}
@media screen and (max-width:768px){
    #p-index{top: -38px;}
    .product_list .item .pic{height: 200px;}
}

@media screen and (max-width:640px){
    .banner, .myBanner .swiper-slide a{height: 260px;}

    .about,
    .business,
    .myHonor{padding: 20px 0;}
    .about_left,
    .about_right{width: 100%;}
    .about_left video{border-radius: 10px;}

    .title span{font-size: 16px;}
    .title h3{font-size: 20px;}
    .desc{font-size: 14px;line-height: 24px;margin: 10px 0;}
    .more{margin: 20px 0;}
    .more span{width: 80px;line-height: 36px;font-size: 14px;}
    .more em{line-height: 36px;width: 40px;}
    .about_right{padding-top: 20px;}
    .about_right .about_item .item p b{font-size: 22px;}
    .container .next {display: none;}
    
    .product{padding-bottom: 20px;}
    .product .more.fr{margin: 20px 0;float: none;}
    .myProduct{margin-top: 20px;padding-bottom: 30px;}
    .myProduct .swiper-slide .tct{transform: translateY(40%);}
    .myProduct .swiper-slide .tct i{width: 26px;height: 26px;}
    .myProduct .swiper-slide .tct h3{font-size: 18px;}
    .myProduct .swiper-slide .tct h3::after{margin: 10px auto;}
    .myProduct .swiper-slide .tct p{display: none;}

    .business_left,
    .business_right{width: 100%;max-width: 100%;margin: 10px auto;}
    .business_left .business_tit{margin-top: 10px;}
    .business_left .business_tit h3{font-size: 20px;}
    .business_left .business_tit h3 font{font-size: 24px;}
    .business_left .business_tit h3 span{font-size: 14px;}
    
    .honor_con .honor_left,
    .honor_con .honor_right{width: 100%;margin: 10px auto;}
    .honor_con .honor_left .item{margin-right: 15px;}
    .honor_con .honor_left .item b{font-size: 30px;}
    .honor_con .honor_left .item em, .honor_con .honor_left .item span{line-height: 1;}
    .myHonor .swiper-button-prev, .myHonor .swiper-button-next{width: 40px;line-height: 40px;height: 40px; top: 50%;}
    .myHonor .swiper-button-prev{left: 0;} 

    .equipment_con{padding: 0px;}
    .equipment_con .equipment_list .item{width: 100%;margin: 10px auto;}
    
    .bar{height: 200px;}
    .bar .bar_con h3{padding-bottom: 10px;margin-bottom: 10px;padding-top: 80px;}

    .honor_list{padding: 20px 0;}
    .honor_list ul li,
    .honor_list ul li:nth-child(3n){width: 100%;margin: 0 auto 20px;}
    .honor_list ul li p{font-size: 14px;}
    .myBanner .swiper-pagination-banner{bottom: 20px;}

    .product_list{padding: 20px;}
    .product_list .item,.product_list .item:nth-child(2n){width: 100%;margin: 20px auto 0;}
    .product_list .item .tit{font-size: 14px;line-height: 40px;}
    
}
@media screen and (max-width:414px){
    
}
@media screen and (max-width:375px){
    
}
@media screen and (max-width:360px){
    
}
@media screen and (max-width:320px){
    
}