@charset "utf-8";
.sj_menu{display: none;}
@media screen and (max-width:1800px){
    
}
@media screen and (max-width:1680px){
    .foot_nav ul li{margin-right: 45px;}
    .foot_txt::before{left: -15px;}
    .bar {height: 510px;}
    .subnav ul li{line-height: 64px;}
    .foot_logo{margin-right: 15.583333vw;}

    .swiper-container-business{margin: 30px auto;}
    .about_tit h3{font-size: 40px;}
    .about_item h3 b{font-size: 50px;}
    .about_item p{font-size: 16px;}
    .news_tct h3{font-size: 20px;}
    .news_items{margin: 30px auto;}
    .news_tab{margin-bottom: 30px;}
    .section-3, .section-4, .section-5{padding: 80px 0;}
    .swiper-container-business .swiper-scrollbar{margin-top: 30px;}
    .foot_top {padding: 36px 0;}
    
    
}
@media screen and (max-width:1600px){
      
}
@media screen and (max-width:1500px){
    .foot_nav ul li{margin-right: 20px;}
    .foot_logo{margin-right: 16.583333vw;}
    
    .bar_con h3{font-size: 30px;}
    .bar_con span{margin: 15px auto;}

    .subnav ul li a, .mySwiper-subnav .swiper-slide a{font-size: 16px;}
    .about .mains_text{margin: 50px auto;}
    .history_con{padding: 50px 0;}
    .preview{margin-top: 120px;}
    .preview .swiper-slide p::after{top: -70px;}
    .team_top{padding: 50px 0;}
    .news_top{margin: 50px auto 20px;}
    .news_list .news_tct h3{font-size: 20px;}
   
    .mySwiper-product{margin: 50px auto;}
    .culture_tct ul li h3,
    .honors_items .honors_item .honors_tit{font-size: 20px;}
    .honors_items, .partners_items{margin: 50px auto 0;}
    .news_title h3{font-size: 30px;}
    .business_tct h3,
    .contact_con h3{font-size: 24px;}
    .business_tct h4{margin: 15px auto;}
    .business_con,
    .business_tct{height: 400px;}
    .business_tct em{width: 65px;height: 65px;}

    .culture_con{height: 450px;}
    .culture_tct ul li{margin: 40px auto;}
    .contact_con ul li p:nth-child(1),
    .contact_con ul li p span{font-size: 16px;}
    .contact_con ul li p b{font-size: 20px;}
    .foot_top {padding: 33px 0;}
    .service_tct h3{font-size: 40px;}
    .service_tct{padding-bottom: 155px;}
    .service_tab ul li h3{font-size: 15px;line-height: 20px;}
    .service_tab ul li p{line-height: 20px;}
    .section-1 .swiper-container-banner .swiper-banner-prev, .section-1 .swiper-container-banner .swiper-banner-next{width: 60px;height: 60px;}
    .section-1 .swiper-container-banner .swiper-pagination-banner .swiper-pagination-bullet {width: 70px;}
    .service_tab ul li span{width: 50px;height: 50px;}
    .swiper-container-business .swiper-slide .tct h3{font-size: 20px;}
    .swiper-container-business .swiper-slide .tct h4{line-height: 20px;}
    .swiper-container-business .swiper-slide:hover .tct em{margin: 30px auto;}
    .swiper-container-business .swiper-slide,
    .swiper-container-business .swiper-slide .pic{height: 480px;}
    .news_pic{height:220px;}
    .section-btn{left: 1%;}
   
}
@media screen and (max-width:1366px){
    .box_con{padding: 0 30px;}
    .foot_logo {margin-right: 23.583333vw;}
    .bar{height: 420px;}
    .section-3, .section-4, .section-5 {padding: 60px 0;}
    .foot_top {padding: 33px 0;}
    .service_tct {padding-bottom: 90px;}
    .title h3{font-size: 30px;}
    .title p{font-size: 14px;margin-top: 5px;}
    .news_pic{height: 245px;}
}
@media screen and (max-width:1280px){
    .box_con2{max-width: 1200px;}
    .swiper-container-business .swiper-slide,
    .swiper-container-business .swiper-slide .pic{height: 400px;}
    .about_item h3 b{font-size: 45px;}
    .about_item{padding: 40px 10px;}
    .about_tit h3{font-size: 32px;}
    .news_pic{height: 210px;}
    .foot_top {padding: 20px 0;}
}
@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;
    }
    
}
@media screen and (max-width:1024px){
    html,
    body {
        height: auto !important;
        overflow: auto !important;
    }
    .box_con {padding: 0 20px;}
    .box_con2{padding: 0 20px;max-width: 100%;box-sizing: border-box;}
    .head_right>div{margin-left: 10px;}
    .section-wrap,
    .section-wrap .section{height: auto;}
    .section-btn{display: none;}

    header h1{max-width: 120px;}
    header h1,
    .search_btn,
    .languag_btn,
    .languag_btn a{line-height: 65px;}

    .head_nav{position: absolute;top: 65px;right: 0;margin-left: 0 !important;background: linear-gradient(180deg, rgba(50, 59, 110, 0.8) 100%, rgba(50, 59, 110, 0) 0%);transform: translateX(100%);transition: all 0.5s;}
    .head_nav ul li{line-height: 30px;width: 100%;text-align: left;box-sizing: border-box;}
    .head_nav>ul>li>ul,
    .head_nav>ul>li:hover>ul{display: none;width: 100%;position: static;background: none;box-sizing: border-box;padding: 5px 10px;}
    .head_nav>ul>li>ul li{float: left;;width: 50%;margin: 0 auto;line-height: 20px;}
    .sj_menu{display: block;width:30px;height:30px;margin:0 auto;right: 20px;top:17px;position: absolute;}
    .sj_menu span{width:20px;height:3px;display: block;margin:13.5px auto;transition: ease-in 1s;position: relative;background: var(--fontColorf);}
    .sj_menu span::after,
    .sj_menu span::before{content: "";display: block;width:20px;height:3px;background: var(--fontColorf);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;}
    .son .head_nav{transform: translateX(0);transition: all 0.5s;}
    .head_right{margin-right: 50px;}
    .header .head_bd{width: 200px;height: 40px;margin-top: 0px;top: 65px;right: 0;transition: width 0s;}
    .head_bd input{height: 40px;line-height: 40px;}
    .head_bd button{line-height: 40px;}
    .head_nav ul li.active a::after, .head_nav>ul>li:hover>a::after{display: none;}
    .header .head_nav{opacity: 1;}
    .section-1 .swiper-container-banner .swiper-slide a{height: 520px;}

    .service_tab{width: 100%;box-sizing: border-box;left: 0;height: 50vh;top: 100px;}
    .service_tab ul{height: 100%;}
    .service_tab ul li{height: auto;}
    .service_tab ul li:nth-child(1), .service_tab ul li:nth-child(2),
    .service_tab ul li:nth-child(3), .service_tab ul li:nth-child(4), 
    .service_tab ul li:nth-child(5),.service_tab ul li:nth-child(6), 
    .service_tab ul li:nth-child(7),.service_tab ul li:nth-child(8){flex: 0 0 50%;margin-left: 0;}
    .section-1 .swiper-container-banner .swiper-banner-prev, .section-1 .swiper-container-banner .swiper-banner-next{display: none;}
    .section-1 .swiper-container-banner .swiper-pagination-banner .swiper-pagination-bullet{width: 20px;}
    .service_con .title{top: 20px;left: 0;padding: 0 20px;box-sizing: border-box;}
    .service_tct{display: none;}
    .service_tab ul li span{width: 36px;height: 36px;margin: 0 auto 5px;}
    .service_tab ul li p{font-size: 12px;}
    .service_tab ul li:hover em, .service_tab ul li.active em{display: none;}

    .title h3{font-size: 24px;}
    .more span{width:120px;line-height: 36px;border-radius: 36px;}
    .more span a::after{display: none;}
    .section-3, .section-4, .section-5{padding: 20px 0;}
    .service_con, .service_items{height: 60vh;}
    .about_tit h3{font-size: 22px;}
    .about_item{width: 100%;border:none;padding: 10px;}
    .about_items{margin: 20px auto;}
    .about_item h3 b{font-size: 36px;}
    .news_tab{float: none;margin: 20px auto;}
    .news_tab ul li{margin-right: 20px;margin-left: 0;margin: 10px auto;}
    .news_item{width: 100%;margin-right: 0;margin-bottom: 20px;}
    .news_items{margin: 20px auto;}
    .news_tct{padding: 20px;}
    .news_tct h3{font-size: 16px;}
    .news_tct em{width: 40px;height: 40px;top: -20px;}
    .foot_nav{display: none;}
    .foot_txt{display: block;}
    .foot_txt::before{display: none;}
    .foot_txt p{font-size: 14px;}
    .foot_txt p span{font-size: 16px;}
    .foot_txt2{display: none;}
    .foot_logo{max-width: 120px;display: block;margin: 0 auto;line-height: 60px;}
    .foot_btm{height: auto;}
    .foot_btm p{line-height: 30px;}
    .foot_btm p a{float: none;}
    .crumb{display: none;}

    .about .mains_text{margin: 20px auto;}
    .view .swiper-slide{display: block;}
    .view .swiper-slide .history_pic{width: 100%;}
    .view .swiper-slide .history_tct{width: 100%;}
    .history_con{padding: 30px 0;}
    .view .arrow-left, .view .arrow-right{display: none;}
    .subnav ul{justify-content: flex-start;}
    .subnav ul li,
    .mySwiper-subnav .swiper-slide{line-height: 36px;margin: 0;width: 50%;}
    .view .swiper-slide .history_pic{height: auto;}
    .view .swiper-slide .history_tct h3{font-size: 20px;line-height: 36px;padding: 10px 0;}
    .view .swiper-slide .history_tct p{font-size: 14px;line-height: 24px;}
    .preview .swiper-slide p::after{width: 60px;background-size: contain;height: 20px;}
    .preview .swiper-slide p{font-size: 20px;line-height: 40px;}
    .preview {margin-top: 70px;}
    .preview .swiper-slide p::after {top: -45px;}
    .team_top ul li{width: 100%;margin: 10px auto;}
    .team_top ul li span{width: 36px;height: 36px;}
    .team_top ul li h3{font-size: 20px;line-height: 30px;margin: 5px auto;}
    .team_top{padding: 20px 0;}
    .team_tit{font-size: 24px;padding-bottom: 20px;}
    .news_top{margin: 20px auto;}
    .news_info{padding: 20px;margin: 20px auto;}
    .news_title h3{font-size: 24px;line-height: 30px;}
    .news_info .mains_text{margin: 20px auto;padding-bottom: 20px;}
    .mySwiper-product{margin: 20px auto;}
    .mySwiper-product .swiper-slide .tct h3{font-size: 20px;}
    .business_tct em{width: 36px;height: 36px;}
    .business_tct h3, .contact_con h3{font-size: 20px;line-height: 36px;}
    .mySwiper-subnav .swiper-button-next, .mySwiper-subnav .swiper-button-prev{width: 36px;height: 36px;margin-top: -15px;}
    .mySwiper-subnav{padding: 0 36px;}
    .subnav ul li a, .mySwiper-subnav .swiper-slide a{display: block;text-align: center;}
    .culture_left{width: 100%;}
    .culture_tct{padding: 20px;}
    .culture_tct ul li p{font-size: 16px;}
    .culture_tct ul li h3, .honors_items .honors_item .honors_tit{font-size: 18px;line-height: 22px;}
    .culture_tct ul li{margin: 10px auto;}
    .culture_con{height: 400px;}
    .page_list ul li{width: 36px;height: 36px;font-size: 20px;line-height: 34px;}
    .page_list ul li a{width: 34px;height: 34px;}
    .page_list, .page_list ul{padding: 15px 0;}
    .service_lists{padding: 20px 0;}
    .contact_map{padding: 20px 0;}
    #allmap{height: 300px;}
    .contact_con{width: 100%;box-sizing: border-box;padding: 20px;position: static;}

    .service_tab{transform: translateX(-0%);transition: ease-in 1.5s;}
    .service_tct{transform: translateX(0%);transition: ease-in 1.5s;}
    .service .title{transform: translateY(0%);transition: ease-in 1s;opacity: 1;}
    
    .section-3 .title{transform: translateY(0%);transition: ease-in 1s;opacity: 1;}
    .section-3 .business{transform: translateY(0%);transition: ease-in 1.5s;opacity: 1;}
    .section-4 .about_tit{transform: translateY(0%);transition: ease-in 1s;opacity: 1;}
    .section-4 .about_items{transform: translateY(0%);transition: ease-in 1.5s;opacity: 1;}
  
    .section-5 .title {transform: translateY(0%);transition: ease-in 1s;opacity: 1;}
    .section-5 .news_cons{transform: translateY(0%);transition: ease-in 1.5s;opacity: 1;}
}
@media screen and (max-width:768px){
    .section-1 .swiper-container-banner .swiper-slide a{height: 250px;}
    .swiper-container-business .swiper-slide, .swiper-container-business .swiper-slide .pic{height: 500px;}
    .service_con, .service_items{height: 77vh;}
    .bar{height: 200px;}
    .bar_con h3{font-size: 24px;}
    .bar_con span{margin: 5px auto;}
    .bar_con p{font-size: 14px;line-height: 20px;letter-spacing: 5px;}
    
    .news_list{width: 100%;margin-right: 0;margin-bottom: 20px;}
    .news_list .news_pic{height: auto;}
    .news_list .news_tct h3{font-size: 16px;line-height: 24px;}
    .news_btm .news_list .news_tct{padding: 20px;}
    .news{padding-bottom: 20px;}
    .news_title p span{display: block;line-height: 24px;}
    .product_page ul{display: block;padding: 20px;}
    .product_page ul li,
    .product_page ul li:nth-child(2){width: 100%;text-align: center;margin: 10px auto;}
    .product_page ul li a{display: block;text-align: center !important;line-height: 36px;}
    .product_page ul li a em{display: none;}
    .news_info .desc_txt{margin: 10px auto;}
    .honors_items .honors_item,
    .partners_items .partners_item,
    .service_lists .service_list{width: 100%;margin-right: 0;margin-bottom: 20px;}
    
    
    
}
@media screen and (max-width:640px){
    
   
    
    
}
@media screen and (max-width:414px){
    
}
@media screen and (max-width:375px){
    .service_con, .service_items{height: 98vh;}
}
@media screen and (max-width:360px){}
@media screen and (max-width:320px){
    
}