@charset "utf-8";
@media screen and (max-width:1800px){
    .support_items .item{height: 640px;}
    .support_items .item b{font-size: 160px;margin: -70px auto 0;}
    .support_items .item span{width: 50px;height: 50px;}
    .support_items .item h3{font-size: 32px;}
    .support_items .item.active b{margin: -120px auto 0;}
    .support_items .item em{width: 50px;height: 50px;bottom: 60px;}
    .support_items .item p{font-size: 14px;margin: 10px auto;}
    .box_cons{padding: 0 4%;}
    header h1{max-width: 150px;}
    .head_right nav ul li a{font-size: 14px;padding: 0 10px;}

    .title {padding: 70px 0 20px;}
    .title h3{font-size: 30px;}
    .title p{font-size: 16px;line-height: 24px;margin-top: 10px;}

    .desc{font-size: 14px;line-height: 24px;}

    .more a{font-size: 14px;}

    .product_right ul li{height: 510px;margin-left: 30px;width: 360px;}
    .product_right ul li .pic{width: 260px;height: 360px;}
    .product_right ul li .tit{font-size: 20px;}

    .research_items .item span{width: 40px;height: 40px;}
    .research_items .item h3{font-size: 26px;}
    .research_items .item p{font-size: 16px;line-height: 24px;}
    .research_items .item em{line-height: 50px;}
    .research_items .item em i{width: 50px;height: 50px;}

    .news .news_tit {margin-top: -62px;}
    .news .news_tit ul li a{font-size: 14px;width: 120px;line-height: 40px;}
    .news_con .news_left{width: calc(68% - 30px);margin-right: 30px;}
    .news_con .news_left .item{width: calc(100% / 2 - 15px);margin-right: 30px;}
    .news_con .news_left .item .pic{height: 290px;}

    .news_right{height: auto;}    
    .news_right ul li .pic {width: 170px;height: 105px;}
    .news_con .news_left .item .tct{padding: 16px 30px;}
    .news_right ul li .tct h3{font-size: 18px;line-height: 24px;}
    .news_con .news_left .item .tct h3{font-size: 20px;line-height: 30px;}
    .news_right ul li .tct span,
    .news_con .news_left .item .tct span,
    .news_con .news_left .item .tct p{font-size: 14px;line-height: 24px;}
    .news_right ul li .tct{width: calc(100% - 170px);}

    .foot_top{padding: 60px 0  40px;}
    .foot_top .foot_nav dl dt{font-size: 18px;}
    .foot_top .foot_nav dl dd a{font-size: 14px;line-height: 30px;}
    .foot_top .foot_info p span{font-size: 16px;}
    .foot_top .foot_info p b{font-size: 26px;}

    .foot_center dl dt,
    .foot_center dl dd p{font-size: 14px;line-height: 32px;}
    .foot_center dl dt{width: 70px;}
    .foot_center dl dd{width: calc(100% - 70px);}
    .foot_btm p{font-size: 14px;line-height: 24px;}
    .foot_btm p a{margin-left: 10px;}
    
    .research_items .item:nth-child(1){padding-left: 4%;}
    .research_items .item:nth-child(2){padding-right: 4%;}

    .bar{height: 460px;}
    .bar_nav{height: 60px;margin-bottom: 20px;}
    .bar_nav dt{width: 200px;height: 58px;line-height: 58px;}
    .bar_nav dt span{width: 30px;height: 30px;background-size: contain;}
    .bar_nav dd{width: calc(100% - 200px);}
    .bar_nav dd a{margin-left: 20px;line-height: 58px;}
    .crumbs dd a{font-size: 14px;line-height: 24px;}

    .main_title h3{font-size: 30px;}
    .abouts_items{margin-top: 30px;}
    .abouts_items .item span{width: 45px;height: 45px;}
    .abouts_items .item p b{font-size: 14px;}
    .abouts_items .item p b font{font-size: 42px;}
    .abouts_items .item p{font-size: 14px;line-height: 20px;}
    
    .abouts, .history, .culture, .care{height: auto;padding: 40px 0;}
    .history_items .line{margin-top: 60px;}
    .swiper-container-history .swiper-slide{padding: 20px;}
    .swiper-container-history .swiper-slide h3{font-size: 40px;}
    .swiper-container-history .swiper-slide p{font-size: 16px;line-height: 24px;}
    .swiper-container-history .swiper-button-next, .swiper-container-history .swiper-button-prev{top: -128px;width: 40px;height: 40px;}
    .swiper-container-history .swiper-button-next{right: 4%;}
    .swiper-container-history .swiper-button-prev{right: calc(4% + 60px);}
    .swiper-container-care .swiper-slide .tit{font-size: 18px;line-height: 24px;}

    .main_title{padding: 20px 0 0;}
    .supports, .information, .job_item, .doings, .news_cons{padding: 40px 0;}
    .news_list .item{margin: 30px auto;}
    .news_list .item a .tct h3{font-size: 20px;}
    .news_list .item a .tct p{font-size: 14px;line-height: 20px;}
    .news_list .item a .tct span{font-size: 16px;}

    .page_list ul li{width: 40px;height: 40px;line-height: 40px;font-size: 16px;}
    .news_titles h3{font-size: 24px;}
    .product_page{margin-top: 30px;}
    .product_page ul{margin: 30px auto;}
    .product_page ul li a{font-size: 16px;line-height: 40px;}

    .products_left{padding: 20px;}
    .products_left h3{font-size: 22px;padding-bottom: 20px;margin-bottom: 20px;}
    .products_left ul li a{font-size: 20px;}
    .products_left ul li ul{padding: 10px 10px 0;}
    .products_left ul li ul li a{font-size: 18px;line-height: 20px;padding-right: 20px;}
    .products_right .item .tct p{line-height: 20px;}
    .products_right .item .tct h3{font-size: 18px;margin: 10px auto;}
    .products_info .pics{padding: 20px;}
    .products_info .tcts h3{font-size: 24px;}
    .supports_list{margin: 30px auto 0;}
    .supports_list .item{margin-bottom: 30px;}
    .supports_list .item a{padding: 20px 0 20px 20px;}
    .supports_list .item .tct{padding-right: 30px;width: calc(100% - 160px);}
    .supports_list .item .tct span{font-size: 16px;line-height: 24px;}
    .supports_list .item .tct h3{font-size: 20px;}
    .supports_list .item .tct p{font-size: 14px;line-height: 20px;}
    .supports_list .item .mores{width: 160px;}
    .page_list ul{padding: 20px 0;}
    .supports_list .item .tct{width: 100%;}
    .join_btm_tab .join_btm_right{width: calc(100% - 350px);}

    .job_item em{width: 45px;height: 40px;}
    .job_item h3{font-size: 20px;}
    .job_item p{font-size: 16px;line-height: 24px;}
    .job_item span{font-size: 16px;line-height: 30px;}
    .join_btm{padding: 30px;}
    .join_btm_tab .join_btm_left ul{padding-right: 30px;}
    .join_btm .join_title{font-size: 24px;}
    .information_items .item{padding: 20px;margin: 20px 0;}
    .information_items .item p span{font-size: 16px;}
    .information_items .item p b{font-size: 20px;}
    #allmap{height: 360px;}
}
@media screen and (max-width:1680px){
    
    
}
@media screen and (max-width:1600px){
    
}
@media screen and (max-width:1500px){
    /* .about, .product, .support, .research, .news {height: 680px;} */
    .product_right ul li{height: 440px;width: 310px;}
    .product_right ul li .pic{width: 210px;height: 290px;}
    
    .support_items .item{height: 500px;}
    .support_items .item em{bottom: 80px;}
    .foot_top .foot_info{margin-left: 30px;}
    .foot_top .foot_nav{width: calc(100% - 290px);}
    .foot_top .foot_nav dl{margin-right: 10px;}
    .research_items .item a{padding: 40px;}

    .box_con{max-width: 100%;padding: 0 4%;}
    .swiper-container-care .swiper-slide .pic{height: 205px;}
    .products_right .item{height: auto;}
    .products_right .item .pic{height: 225px;}
    .swiper-container-doings .swiper-slide .pic{height: 270px;}
    .swiper-container-doings .swiper-slide .tit{font-size: 16px;line-height: 20px;}
    .cooperate_items{margin-top: 30px;}
    .foot_top{padding: 40px 0 20px;}
    .foot_center dl,
    .foot_btm{padding: 10px 0;}

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

    .sj_menu{display: block;width:26px;height:26px;margin:0 auto;right: 4%;top:20px;position: absolute;z-index: 9;}
    .sj_menu span{width:20px;height:2px;display: block;margin:5px 0;position: relative;background: var(--fontColorf);border-radius: 2px;transition: all 0.5s;}
    .sj_menu span:nth-child(2){width: 15px;margin: 4px 0;}
  
    header,
    .fixed header{position: fixed;padding: 0;background: var(--mainColor);box-sizing: border-box;padding: 10px 0;}
    header h1{max-width: 115px;line-height: 65px;}
    header .head_right{width: 100%;height: calc(100vh - 65px);position: absolute;top: 65px;left: 0;right: 0;background:rgba(0, 0, 0, 0.8);padding: 20px;box-sizing: border-box;display: block;z-index: 5;transform: translateX(-100%);transition: all 0.5s;}
    header .head_right nav ul{display: block;box-sizing: border-box;}
    header .head_right nav ul li a{font-size: 16px;line-height: 36px;border-bottom: 1px solid rgba(255, 255, 255, 0.4);}
    .head_right nav ul li.active a::after,
    .head_right .lang a::before{display: none;}
    .head_right .lang a{margin-left: 0;padding-left: 20px;background: none;}
    
    .son{width: 100%;height: 100%;overflow: hidden;}
    .son header .head_right{transform: translateX(0);transition: all 0.5s;}
    .son .sj_menu span{transition: all 0.5s;}
    .son .sj_menu span:nth-child(2){width: 0;}
    .son .sj_menu span:nth-child(1){transform: rotate(45deg);margin: 12px 3px;transition-delay: 0.5s;}
    .son .sj_menu span:nth-child(3){transform: rotate(-45deg);margin: -20px 3px;transition-delay: 0.5s;}

    .lg_wrap,
    .section-wrap{padding-top: 65px;}
    
  
}
@media screen and (max-width:1024px){
    
    html,body{ width:100%; height:100%; overflow-y:auto !important;overflow-x: hidden !important;}
   

    .section-wrap .section{height: auto;}
    .banner{height: 500px;}
    .about, .product, .support, .research, .news{height: auto;}
    .title {padding: 30px 0 10px;}
    .title h3{font-size: 22px;}
    .title p{margin-top: 0;font-size: 14px;line-height: 20px;}
    .desc{margin: 10px auto;}
    .about{background: var(--lineColor3) !important;}
    .about .desc{margin: 10px auto;}
    .more{margin: 20px auto 0;width: 140px;padding-bottom: 20px;}
    .more a{line-height: 40px;}

    .product_left,
    .product_right{width: 100%;}
    .product_left .more{margin-top: 20px;}
    .product_left .title{text-align: center;}
    .product_right{margin-left: 0;}
    .product_right ul{padding: 20px 0;}
    .product_right ul li{margin-left: 20px;width: 180px;height: 270px;}
    .product_right ul li a{padding: 15px;}
    .product_right ul li .pic{width: 140px;height: 191px;}
    .product_right ul li .tit{font-size: 18px;line-height: 24px;margin-top: 15px;}
    .product_right ul li .tit span{width: 22px;height: 22px;}
    .product_right ul li .tit span::after{width: 12px;height: 12px;}
   
    .support_items{margin-top: 0;}
    .support_items .item,
    .support_items .item.active{padding: 50px;height: auto;}
    .support_items .item b,
    .support_items .item.active b {margin: -30px auto 0;font-size: 60px;}
    .support_items .item span{width: 30px;height: 30px;}
    .support_items .item h3{font-size: 22px;}
    .support_items .item.active p{display: none;}
    .support_items .item em{bottom: 20px;width: 36px;height: 36px;}
    .support_items .item em::after{width: 12px;height: 12px;}
    
    .research_items .item a{padding: 20px;}
    .research_items .item span{width: 30px;height: 30px;}
    .research_items .item h3{font-size: 18px;}
    .research_items .item h3::after{margin: 10px auto;}
    .research_items .item p{font-size: 14px;line-height: 20px;}
    .research_items .item em{line-height: 40px;}
    .research_items .item em i{width: 40px;height: 40px;}
    .research_items .item.active em{margin-top: 20px;}
    .news .news_tit{margin: 20px auto 0;}
    .news .news_tit ul{justify-content: flex-start;}
    .news .news_tit ul li a{margin-right: 20px;margin-left: 0;}
    .news_con{padding: 20px 0;}
    .news_con .news_left,
    .news_con .news_right{width: 100%;}
    .news_con .news_left{margin-right: 0;}
    .news_con .news_right{margin-top: 30px;}
    .news_con .news_left .item .pic{height: 205px;}
    .news_con .news_left .item .tct{padding: 15px;}
    .news_con .news_left .item .tct h3{font-size: 18px;line-height: 24px;}
    .news_right ul li .tct h3{font-size: 16px;}
    .foot_top .foot_nav{display: none;}
    .foot_top{padding: 20px 0;}
    .foot_top .foot_info{margin-left: 0;}
    .foot_center dl dt{display: block;width: 100%;}
    .foot_center dl dd{width: 100%;display: block;}
    .foot_center dl dd p img{display: none;}
    .foot_btm p a{display: block;margin-left: 0;}

    .bar{height: 350px;}
    .crumbs{display: none;}
    .bar_nav {height: auto;margin-bottom: 0;}
    .bar_nav dt,
    .bar_nav dd{width: 100%;}
    .bar_nav dt::before, .bar_nav dt::after{display: none;}
    .bar_nav dt{font-size: 20px;height: 40px;line-height: 40px;}
    .bar_nav dd a{font-size: 16px;line-height: 36px;margin-left: 0;}
    .join_btm{padding: 20px;margin: 20px auto 0;}
    .join_btm .join_title{font-size: 20px;}
    .join_btm_tab .join_btm_left ul{padding-right: 10px;}
    .join_btm_tab .join_btm_left ul li{margin-bottom: 10px;}
    .join_btm_tab .join_btm_left ul li a{line-height: 36px;}
    .join_btm_tab .join_btm_right{width: 100%;}
    .join_btm_tab .join_btm_right .join_btm_item .join_btm_tit h3{font-size: 20px;}
    .join_btm_tab .join_btm_right .join_btm_item .join_btm_tit p span{display: block;margin-right: 0;}
    .join_btm_more{padding: 10px;margin: 10px auto;}
    .information_items .item{width: 100%;margin: 10px 0;}
    #allmap{height: 300px;}
    
}
@media screen and (max-width:768px){
    .banner{height: 400px;}
    .abouts_left, .abouts_right{width: 100%;}
    .abouts_items .item{width: calc(100%);margin-top: 20px;}
    .abouts_items .item p b font{font-size: 24px;}
    .abouts_items .item span{width: 30px;height: 30px;}
    .abouts_items .item p{width: calc(100% - 40px);}
    .swiper-container-history .swiper-button-next, .swiper-container-history .swiper-button-prev {top: -75px;width: 30px;height: 30px;}
    .culture_con .mains_text{padding: 0 20px;}
    .swiper-container-care{margin-top: 20px;}
    .swiper-container-care .swiper-slide .tit{font-size: 16px;margin: 20px auto;}
    .swiper-container-care .swiper-slide .pic{height: 190px;}
    .main_title{padding: 10px 0 0;}
    .main_title h3{font-size: 22px;}
    .main_title p{line-height: 20px;}
    .culture_con{margin: 20px auto 0;}
    .swiper-container-history .swiper-slide h3{font-size: 26px;}
    .products_left,
    .products_right{width: 100%;}
    .products_right{margin-top: 20px;}
    .products_left h3{font-size: 20px;}
    .products_left ul li a{font-size: 18px;}
    .products_left ul li{padding: 5px 0;}
    .products_left ul li ul li a{font-size: 16px;}
    .products_right .item{width: 100%;margin: 10px auto;}
    .products_right .item .pic{height: auto;}
    .products_info{padding: 20px;}
    .product_tct_more a{line-height: 36px;margin: 20px auto;font-size: 16px;}
    .product_tct_page dl dt{width: 100%;}
    .product_tct_page dl dt a{display: block;}
    .products_info .tcts h3{font-size: 20px;}
    .products_info .tcts p{line-height: 24px;}
    .supports_list .item{margin-bottom: 20px;}
    .supports_list .item a{flex-wrap: wrap;}
    .supports_list .item .mores{justify-content: flex-start;margin-top: 10px;}
    .supports_list .item .tct{padding-right: 0;}
    .supports_list .item .tct h3{font-size: 18px;}
    .swiper-container-doings .swiper-slide .pic{height: auto;}
    .swiper-container-doings{padding: 20px 0 30px;}
    .doings{padding: 20px 0;}
    
}

@media screen and (max-width:640px){
    .banner{height: 220px;}
    .banner .swiper-button-next, .banner .swiper-button-prev{display: none;}
    .banner .swiper-pagination-banner{width: 100%;bottom: 10px;}
    .banner .swiper-pagination-banner .swiper-pagination-bullet{margin: 0 5px;}
    .banner .swiper-pagination-banner .swiper-pagination-bullet-active{width: 20px;height: 15px;background-size: contain;}
   
    .support_items .item{width: calc(100% / 2);}
    .support_items .item em{display: none;}
    .support_items .item b, .support_items .item.active b{font-size: 40px;}
    .support_items .item span{margin: 10px auto;}
    .support_items .item h3{font-size: 16px;}

    .research .title{padding: 30px 4% 10px;}
    .research_con, .research_items{display: block;height: auto;}
    .research_items .item{width: 100%;margin: 0px auto;}
    .research_items .item em,
    .research_items .item.active em{padding: 0 10px 0 20px;font-size: 14px;margin-top: 20px;}
    .research_items .item em i{margin-left: 0px;}
    .research_items .item:nth-child(2){padding-top: 20px;background: rgba(0, 64, 152, 0.3);}
    .research_items .item p{height: auto;}
    .research_items .item.active em i{margin-left: 0;}
    
    .research_items .item{padding: 0 !important;}
    .research_items .item:nth-child(1){padding-top: 80px !important;}
    .news_con .news_left .item{width: 100%;margin-right: 0;}
    .news_right ul li .pic{width: 140px;height: 91px;}
    .news_right ul li .tct{width: calc(100% - 140px);}
    .news_right ul li a{margin-bottom: 20px;padding-bottom: 20px;}
    .cooperate{height: auto;padding-bottom: 30px;}
    .cooperate_items::before, .cooperate_items::after{width: 30px;}
    .cooperate_items .item{margin: 10px auto;}
    .cooperate_items{margin-top: 20px;}
    .news .news_tit ul li a{width: 100px;line-height: 36px;margin-right: 10px;}
    .news .news_tit ul li:last-child a{margin-right: 0;}
    .bar{height: 250px;}
    .bar2{height: 140px;}
    .news_list .item{margin: 20px 4%;}
    .news_list .item a .pic{width: 100%;height: auto;}
    .news_list .item a .tct{width: 100%;padding-top: 10px;}
    .news_list .item a .tct h3{font-size: 18px;line-height: 24px;}
    .page_list ul{padding: 20px 0;}
    .page_list ul li{width: 36px;height: 36px;line-height: 36px;margin: 0 2px;}
    .news_cons2{padding: 20px;}
    .news_titles h3{font-size: 20px;}
    .news_titles p{margin: 10px auto;}
    .news_titles p span{display: block;}
    .news_cons2 .mains_text{margin-top: 20px;}
    .product_page{margin-top: 20px;}
    .product_page ul{margin: 20px auto;padding: 10px;}
    .product_page ul li a{padding: 0;line-height: 30px;}
    .product_page ul li a em{display: none;}
    .job_item{width: 100%;padding: 20px 0;}
    .job2 .job2_con{height: auto;}

}
@media screen and (max-width:414px){
    
}
@media screen and (max-width:375px){
    .banner{height: 190px;}
}
@media screen and (max-width:360px){
    
}
@media screen and (max-width:320px){
    
}