﻿@charset "utf-8";
@media screen and (max-width:1800px){
    .head_right .head_nav>ul>li>a{padding: 0 25px;}
}
@media screen and (max-width:1680px){
    .box_cons{padding: 0 60px;}
    .head_con{padding-top: 10px;padding-bottom: 10px;}
    .drop_menu{top: 90px;}

    .myBanner .swiper-button{right: 60px;height: 36px;}
    .myBanner .swiper-pagination-banner{padding-left: 60px;}
    .myBanner .swiper-slide h3{font-size: 40px;}
    .myBanner .swiper-slide p{font-size: 14px;}

    .myBanner .swiper-button{width: 120px;}
    .myBanner .swiper-button-prev, .myBanner .swiper-button-next{width: 36px;background-size: contain;height: 36px;}
    .myBanner .swiper-button-prev:hover, .myBanner .swiper-button-next:hover{background-size: contain;}

    .about, .product, .technology, .news{padding: 110px 0;}
    .box_title h3{font-size: 36px;}
    .box_title h2{font-size: 60px;margin-top: -20px;}
    .about_tct .about_tst .about_tst_item .tit{font-size: 0.28rem;}
  .about_tct .about_items .item p b{font-size: 50px;}
    .about_tct .about_tab ul li{font-size: 18px;}
    
    .product_items .item{padding: 30px;height: 280px;}
    .product_items .item.active{padding: 100px;}
    .product_items .item b{font-size: 100px;}
    .product_items .item span{width: 45px;height: 45px;margin: 40px auto 15px;}
    .product_items .item h3{font-size: 30px;}
    .product_items .item.active h3{font-size: 36px;}
    .product_items .item.active span{margin-top: 25px;}
    .product_items .item p{margin: 15px auto;}
    .product_items .item.active::after{margin: 30px auto 0;width: 50px;height: 58px;background-size: contain;}

    .technology{padding: 0;}
    .technology .technology_items .item span{width: 80px;height: 80px;background-size: contain !important;}
    .technology .technology_items .item h3{font-size: 24px;}
    .technology .technology_items .item:hover h3, .technology .technology_items .item.active h3{font-size: 30px;}
    .technology .technology_items .item em{font-size: 14px;}
    .technology .technology_items .item p{font-size: 16px;line-height: 30px;}

    .more{font-size: 16px;}

    .news_tab .news_items .item .item_con .news_left .tct h3{font-size: 24px;}
    .news_tab .news_items .item .item_con .news_right ul li h3{font-size: 18px;}
    .news_tab .news_tit{margin: -80px 0 50px;}

    footer{padding-top: 30px;}
    footer .foot_top{padding: 20px 0;}
    footer .foot_top .foot_logo{max-width: 180px;}
    footer .foot_top .fwdh p b{font-size: 24px;}
    footer .foot_center .foot_nav dl dd{font-size: 14px;}
    
    .put-section-5 {
        transform: translateY(-458%);
        -webkit-transform: translateY(-458%);
    }
    
}
@media screen and (max-width:1600px){
    
}
@media screen and (max-width:1500px){
    

}
@media screen and (max-width:1366px){
    .box_con{width: 92%;}
    .box_cons{padding: 0;width: 92%;margin: 0 auto;}
    .drop_menu{top: 80px;}
    
    header h1{max-width: 180px;}
    .head_right .head_nav>ul>li>a{font-size: 18px;padding: 0 20px;}

    .myBanner .swiper-slide a{padding-left: 4%;}
    
    .about_tct .about_tst .about_tst_item .tit{font-size: 24px;}
    .about_tct .about_tst .about_tst_item .txt{font-size: 14px;}
    .about_tct .about_items .item p b{font-size: 40px;}
    .about_tct .about_tab ul li{font-size: 16px;line-height: 45px;}

    .product_items .item span{margin: 30px auto 10px;}
    .product_items .item.active{height: 430px;}
    .product_items .item.active span{margin-top: 10px;}
    .product_items .item h3{font-size: 24px;}
    .product_items .item.active h3{font-size: 30px;}
    .product_items .item p{font-size: 14px;}
    .product_items .item{height: 250px;}

    .technology .technology_items .item:hover h3, .technology .technology_items .item.active h3{font-size: 24px;}
    .technology .technology_items .item h3{font-size: 20px;}
    .technology .technology_items .item em{font-size: 12px;}
    .technology .technology_items .item p{font-size: 14px;line-height: 24px;}
    
    .more{font-size: 14px;}

    .news_tab .news_tit{margin: -60px auto 40px;}
    .news_tab .news_items .item .item_con .news_left .tct h3{font-size: 20px;}
    .news_tab .news_items .item .item_con .news_left .tct p{font-size: 14px;}
    .news_tab .news_items .item .item_con .news_right ul li h3{font-size: 16px;}
    .news_tab .news_items .item .item_con .news_left .tct span, .news_tab .news_items .item .item_con .news_right ul li span{font-size: 14px;}
    .news_tab .news_items .item .item_con .news_right ul li em{font-size: 14px;}
    
    footer .foot_center .foot_info dl dd{font-size: 14px;}
    footer .foot_center .foot_nav dl{width: calc(100% / 6);}
    footer .foot_btm p{font-size: 14px;}

    .bar{height: 440px;}
    .bar .bar_tit h3{font-size: 40px;}
    .bar .bar_tit p{font-size: 18px;}

    .main_title h3{font-size: 30px;}
    .main_title p{font-size: 50px;margin-top: -20px;}
    .main_title span{margin-top: -30px;}

    .about_one_tab .about_one_tit ul li a{font-size: 18px;}
    .about_one_tab .about_one_tct .about_one_item .tit{font-size: 24px;}
    .about_one_items .item p b{font-size: 36px;}
    .about_two_txt{font-size: 16px;}
    .about_two_items{margin: 40px auto 0;}
    .about_two_items .item h3{font-size: 24px;}
    .about_two_items .item p{font-size: 20px;}
    .about_two_items .item span{font-size: 22px;bottom: -12px;}
    .about_two_items .item.active .tct span{font-size: 24px;}

    .about_three_tab .about_three_items .item .tit{font-size: 16px;}

    .about_one, .about_two{padding: 60px 0 80px;}
    .pages2 .pages2_con .pages2_left ul li a{font-size: 20px;}

    .about_four .about_four_items .item .year{font-size: 24px;}
    .about_four .about_four_items .item.active .year{font-size: 36px;}
    .about_four .about_four_items .item .txt{font-size: 16px;}
    
    .contact .contact_left h3{font-size: 24px;}
    .contact .contact_left span{font-size: 16px;}
    .contact .contact_left p{font-size: 18px;}
    .contact .contact_left p b{font-size: 22px;}
    
    .join_title{font-size: 24px;}

    .main_title ul li{margin-bottom: 20px;}
    .main_title ul li a{font-size: 18px;line-height: 60px;}
    .download_list .item{margin: 30px auto;}
    .download_list .item .time span{font-size: 20px;}
    .download_list .item .time p{font-size: 15px;}
    .download_list .item .txt{font-size: 20px;}

    .news_list .item .tct h3{font-size: 18px;}
    .news_list .item .tct span{font-size: 15px;}
    .news_list .item .tct p{font-size: 15px;}
    .news_list .item .mores{font-size: 14px;}

    .news_titles h3{font-size: 24px;}
    .product_page ul{padding: 15px 30px;}

    .contact{padding: 60px 0 100px;}

    .product_left{width: 300px;}
    .product_left dl dt{font-size: 18px;}
    .product_left ul li a{font-size: 20px;}
    .product_left ul li ul{padding-left: 15px;}
    .product_left ul li ul li a{font-size: 18px;}
    .product_left ul li ul li ul li a{font-size: 16px;}
    .product_right{width: calc(100% - 330px);}
    .product_right .product_list .item h3{font-size: 18px;}
    .product_right .product_list .item p{font-size: 15px;}

    .pages2 .pages2_con .pages2_left{width: 320px;}

    .drop_menu ul li a{font-size: 18px;line-height: 60px;}
    
    .news_tab .news_items .item .item_con .news_left .pic{height: auto;}
    .news_tab .news_items .item .item_con .news_right ul li{margin-bottom: 15px;}
}
@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(--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;}
    
    header h1{max-width: 120px;line-height: 65px;height: 65px;}
    header h1 a{display: inline-flex;align-items: center;height: 100%;}
    .head_right{display: block;width: 100%;line-height: 36px;position: fixed;top: 65px;box-sizing: border-box;left: 0;right: 0;background: var(--mainColor);transform: translateX(100%);transition: all 0.5s;}
    .head_right .head_nav{padding: 20px;box-sizing: border-box;}
    .head_right ul li{width: 100%;}
    .head_right .head_nav>ul>li>a{padding: 0;}

    .head_right .search{padding: 0;margin-left: 20;}
    .head_right .search::after{display: none;}
    .head_right .search .search_btn{display: none;}
    .head_right .search .search_bd{display: block;position: static;height: 40px;}
    .head_right .search .search_bd input{background: var(--fontColore);}
    .head_right .search .search_bd button{background: var(--fontColorc);}
    .head_right .lang a{padding-left: 20px;}
    .drop_menu{display: none;}
    .head_right .head_nav>ul>li>ul{display: block;position: static;height: auto;width: 100%;display: inline-flex;box-shadow: none;}
    .head_right .head_nav>ul>li>ul>li{width: 50%;}
    .head_right .head_nav>ul>li>ul>li>a{font-size: 16px;line-height: 34px;}

    .fixed header{position: fixed;box-shadow: none;}
    .fixed header .head_right, header:hover .head_right{background: var(--fontColorf);}
    .son header .head_right{transform: translateX(0);transition: all 0.5s;}
    
    
    .fixed header .sj_menu span,
    header:hover .sj_menu span{background: var(--fontColor3);}
    .fixed header .sj_menu span::after,
    .fixed header .sj_menu span::before,
    header:hover .sj_menu span::after,
    header:hover .sj_menu span::before{background: var(--fontColor3);}

    .banner{height: 450px;}

    .product_items .item{padding: 0;height: 195px;}
    .product_items .item span{margin: 30px auto 10px;}
    .product_items .item b{font-size: 50px;}
    .product_items .item h3{font-size: 20px;margin-bottom: 5px;}
    .product_items .item em{font-size: 12px;}
    .product_items .item.active{padding: 30px;height: 360px;}
    .product_items .item.active p{display: none;}
    .product_items .item.active span {margin-top: 95px;}

    .about, .product, .technology, .news{min-height: 300px;}

    footer .foot_center .foot_nav{display: none;}
    html, body{height: initial !important;overflow: auto !important;}
    .about .box_title,
    .product .box_title{transform: translateX(0%);opacity: 1;}
    .about_tct .about_tst{transform: translateX(0%);opacity: 1;}
    .about_tct .about_items{transform: translateX(0%);opacity: 1;}
    .about_tab{transform: translateX(0%);opacity: 1;}
    .product_items .item:nth-child(1){opacity: 1;}
    .product_items .item:nth-child(2){opacity: 1;}
    .product_items .item:nth-child(3){opacity: 1;}
    .product_items .item:nth-child(4){opacity: 1;}
    .technology .box_title{transform: translateY(0%);opacity: 1;}
    .technology .technology_items .item{transform: translateY(0%); opacity: 1;}
    .news_tab .news_items .item .item_con .news_left{transform: scale(1);opacity: 1;}
    .news_tab .news_items .item .item_con .news_right{transform: translateX(0%); opacity: 1;}
   .news .box_title{transform: translateX(0%);opacity: 1;}
    .section-btn{display: none;}
}
@media screen and (max-width:1024px){
    
    
}
@media screen and (max-width:768px){
    .myBanner .swiper-slide h3{font-size: 30px;}
    .myBanner .swiper-slide p{letter-spacing: 0;}
    .about, .product, .technology, .news{padding: 30px 0;}
    .technology{height: auto;}

    .box_title h3{font-size: 30px;}
    .box_title h2{font-size: 46px;margin-top: -15px;}
    .about_tct{margin-top: 20px;}
    .about_tct .about_tst .about_tst_item .tit{font-size: 20px;}
    .about_tct .about_tst .about_tst_item .txt{margin: 20px 0;}
    
    .about_tct .about_items{max-width: 400px;padding: 20px 0;}
    .about_tct .about_items .item{margin-right: 20px;}
    .about_tct .about_items .item p b{font-size: 24px;}
    .about_tct .about_items .item span{font-size: 14px;}
    .about_tab ul{display: block;}
    .about_tab ul li{margin: 10px auto;display: inline-block;}

    .product_items .item.active{height: 270px;width: 400px;}
    .product_items .item.active span {margin-top: 15px;}
    .product_items .item.active h3{font-size: 22px;}
    .product_items .item.active::after{margin: 15px auto 0;}

    .technology .box_title{position: static;margin: 20px auto;}
    .technology .technology_items{height: auto;align-items: flex-start;}
    .technology .technology_items .item{height: auto;width: calc(100% / 2);padding: 10px;}
    .technology .technology_items .item a{transform: translateY(0);}
    .technology .technology_items .item .more{margin: 30px auto;}
    .technology .technology_items .item span{width: 50px;height: 50px;}
    .technology .technology_items .item:hover h3, .technology .technology_items .item.active h3,.technology .technology_items .item h3{font-size: 20px;}
    .technology .technology_items .item em::after{opacity: 1;margin: 10px auto 0;}
    .technology .technology_items .item p{margin: 10px auto;}
    .technology .technology_items .item:hover .more, .technology .technology_items .item.active .more{margin: 30px auto;}
    
    footer{border-radius: 0;margin: 0 auto;padding-top: 0;}
    footer .foot_top .foot_logo{max-width: 120px;margin-bottom: 30px;}

    .contact .contact_left,
    .contact .contact_right{width: 100%;margin-top: 20px;}
    .contact{padding: 30px 0;}
    .contact .contact_right #allmap{height: 300px;}
    .contact .contact_left span{margin-top: 10px;}
    .contact .contact_left p{font-size: 16px;}

    .bar{height: 200px;}
    .bar .bar_tit{padding-bottom: 20px;}
    .bar .bar_tit h3{font-size: 24px;}
    .bar .bar_tit p{font-size: 14px;padding-top: 10px;}

    .join::before{width: 100%;}
    .join_top{width: 100%;}

    .join_title{font-size: 20px;margin-bottom: 20px;}
    .join_tab .join_tit ul li{width: 100%;margin: 0 auto 10px;font-size: 18px;}

    .join_btm_tab .join_btm_left,
    .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;}
    .gotops{right: 0;}

    .main_title ul li{margin-right: 20px;width: calc(100% / 2 - 10px);}
    .main_title ul li a{line-height: 40px;}
    .main_title ul li a::before{display: none;}

    .download_list .item{margin: 20px auto;}
    .download_list .item .time{padding: 15px;width: 100px;}
    .download_list .item .txt{width: calc(100% - 120px);font-size: 16px;}
    .download_list .item .mores{display: none;}

    .pages2 .pages2_con .pages2_left,
    .pages2 .pages2_con .pages2_right{width: 100%;justify-content: center;margin: 10px auto 0;}
    .pages2 .pages2_con .pages2_right .pages2_next{margin-left: 15px;}
    .pages2 .pages2_con .pages2_left ul{justify-content: center;}
    .pages2 .pages2_con .pages2_left ul li a{margin-right: 10px;}
    .pages2 .pages2_con .pages2_right .pages2_prev a, .pages2 .pages2_con .pages2_right .pages2_next a{width: 36px;height: 40px;}
    .pages2 .pages2_con .pages2_right .pages2_prev a::after, .pages2 .pages2_con .pages2_right .pages2_next a::after{margin: 13px 11px;}
    .pages::after,
    .pages2::after{display: none;}
    .pages,
    .pages2{margin: 30px auto;}

    .news_list .item{margin: 20px auto 0;}
    .news_list .item .tct{width: 100%;margin-top: 10px;}
    .news_list .item .mores{display: none;}
    .news_list .item .tct h3{font-size: 16px;}

    .news_cons{padding: 20px;}
    .news_titles h3{font-size: 20px;}
    .news_titles p span{display: block;}

    .product_page{margin: 20px auto 0;}
    .product_page ul{margin: 20px auto 0;padding: 15px;}
    .product_page ul li{width: calc(100% / 3);}
    .product_page ul li a{padding: 0 10px;line-height: 30px;}
    .product_page ul li a em{display: none;}

    .bar .bar_tit dl{display: none;}

    .technologys{padding: 0;}
    .technologys .technology_items .item p{opacity: 1;}
    .technology .technology_items{padding-bottom: 0;}
    .technology .technology_items .item a{transform: translateY(0);}
    .technologys .technology_items .item:hover a, .technologys .technology_items .item.active a{margin-top: 0;}
    
    .products{padding-bottom: 20px;}
    .product_left,.product_right{width: 100%;}
    .product_left>ul{margin: 20px auto;}
    .product_left>ul>li{margin: 5px auto;}
    .product_left ul li a{font-size: 18px;}
    .product_left ul li ul li{margin: 5px auto;}
    .product_left ul li ul li a{font-size: 16px;}
    .product_left ul li ul li ul li a{font-size: 14px;}
    .product_right{margin-top: 20px;}
    .product_right .product_list .item{width: 100%;}
    .product_right .product_list .item span{height: 160px;}

    .about_one, .about_two{padding: 30px 0;}
    .main_title{margin-bottom: 20px;}
    .main_title h3{font-size: 24px;}
    .main_title p{font-size: 32px;margin-top: -10px;}

    .about_one_tab{margin: 20px auto;}
    .about_one_tab .about_one_tit,
    .about_one_tab .about_one_tct{width: 100%;}
    .about_one_tab .about_one_tct{margin-top: 20px;}
    .about_one_tab .about_one_tit ul li{width: 100%;}
    .about_one_tab .about_one_tit ul li a{font-size: 18px;line-height: 24px;padding: 10px;box-sizing: border-box;display: block;border-radius: 5px;margin-top: 15px;}
    .about_one_tab .about_one_tct .about_one_item .tit{font-size: 20px;margin-bottom: 20px;}

    .about_one_items .item{background: none;padding-left: 0;width: calc(100% / 2);}

    .about_two_items .item{width: 100%;margin: 20px auto 0;}
    .about_two_items .item p{font-size: 18px;}

    .about_three_tab .about_three_items .item{width: calc(100% / 2 - 10.31px);margin-right: 20px;}
    .about_three_tab .about_three_items .item:nth-child(2n){margin-right: 0;}
    .about_three_tab .about_three_items .item .tit{font-size: 14px;line-height: 24px;}

    .about_four .about_four_items{width: 92%;margin: 0 auto;padding-left: 4%;box-sizing: border-box;}
    .about_four .about_four_items .item{justify-content: flex-start;padding-bottom: 10px;}
    .about_four .about_four_items .item .year{text-align: left;min-width: 100%;}
    .about_four .about_four_items .item .txt{min-width: 100%;}
    .about_four .about_four_items .item:nth-child(even) .txt{text-align: left;}
    .about_four .about_four_items .item::before, .about_four .about_four_items .item::after{left: -10px;right: auto;}
    .about_four .about_four_items .item::before{left: -15px;}
    .about_four .about_four_items .item.active .year{font-size: 24px;}
    .about_four .about_four_items .item .year{font-size: 18px;margin-bottom: 10px;}
    .about_four .about_four_items .item .txt{font-size: 14px;}

    .swiper-container—team{padding: 20px 0 40px;}
    .swiper-pagination-team .swiper-pagination-bullet{width: 20px;height: 6px;}
    .swiper-container—team .swiper-button-next, .swiper-container—team .swiper-button-prev{width: 36px;height: 40px;}
    footer .foot_top .fwdh{width: 100%;}
    .product_tct{padding: 20px;}
}
.mobile_show{display: none;}
.pc_show{display: block;}
@media screen and (max-width:750px){
    html,body{overflow-x: hidden;}
    .mobile_show{display: block;}
    .pc_show{display: none;}
    img{width: 100%;height: 100%;display: inline-block;}
    .head_con2{padding: 0.15rem 0.4rem;box-sizing: border-box;}
    .box_con2{padding: 0 0.4rem;box-sizing: border-box;}
    .mobile_show .head_con2{justify-content: space-between;align-items: center;}
    .mobile_show .head_con2 h1{width: 1.8rem;max-width: 100%;height: 0.71rem;line-height: 0.71rem;display: inline-block;}
    header h1 img{width: 100%;height: 100%;}
    .mobile_show .head_con2 .mobile_right{display: inline-flex;}
    
    .mobile_right .mobile_item{width: 0.6rem;height: 0.6rem;text-align: center;line-height: 0.6rem;background: var(--mainColor);border-radius: 50%;font-size: 0.18rem;color: var(--fontColorf);margin-left: 0.3rem;}
    .mobile_right .mobile_search{position: relative;}
    .mobile_right .mobile_search::after{content: "";display: block;background: url(../images/search_icon.png) no-repeat;width: 0.2rem;height: 0.2rem;margin: 0.2rem;background-size: cover;}
    .mobile_menu span{display: block;width: 0.24rem;height: 0.04rem;background: var(--fontColorf);border-radius: 4px;margin: 0.28rem 0.18rem;position: relative;}
    .mobile_menu span::before,
    .mobile_menu span::after{content: "";display: block;background: var(--fontColorf);width: 0.24rem;height: 0.04rem;border-radius: 0.04rem;position: absolute;left: 0;right: 0;top: -0.08rem;}
    .mobile_menu span::after{top: 0.08rem;}
    .mobile_bd{width: 2.4rem;height: 0.4rem;position: absolute;top: 0.8rem;right: 0;display: none}
    .mobile_bd input{width: calc(100% - 0.4rem);font-size: 0.16rem;border:none;}
    .mobile_bd button{width: 0.4rem;height: 0.4rem;background: var(--mainColor);border: none;}
    .mobile_bd button::after{content: "";display: block;background: url(../images/search_icon.png) no-repeat;width: 0.2rem;height: 0.2rem;margin: 0.1rem;background-size: cover;}

    .mobile_menu_list{width: 100%;background: var(--fontColorf);position: fixed;top: 1rem;right: 0;padding: 0.2rem;box-sizing: border-box;transform: translateX(100%);opacity: 0;transition: all 0.5s;}
    .mobile_menu_list ul li{width: 100%;}
    .mobile_menu_list ul li a{display: block;font-size: 0.24rem;line-height: 0.4rem;color: var(--fontColor3);border-bottom: 1px solid var(--fontColord);}

    .son .mobile_menu_list{transform: translateX(0);transition: all 0.5s;opacity: 1;}

    .mobile_banner{height: 6.8rem;}
    .mobile_banner .swiper-button{display: none;}
    .mobile_banner .swiper-pagination-banner{width: 100%;padding: 0;text-align: center;bottom: 0.4rem;position: absolute;}
    .mobile_banner .swiper-pagination-banner .swiper-pagination-bullet{width: 0.3rem;height: 0.06rem;background: var(--fontColord);border-radius: 0.06rem;opacity: 1;margin: 0 0.1rem;}
    .mobile_banner .swiper-pagination-banner .swiper-pagination-bullet-active{background: var(--mainColor);width: 0.4rem;}
    .mobile_banner .myBanner .swiper-slide a{padding: 0 0.4rem;box-sizing: border-box;justify-content: center;}
    .mobile_banner .myBanner .swiper-slide a h3{font-size: 0.4rem;font-weight: bold;}
    .mobile_banner .myBanner .swiper-slide a p{font-size: 0.16rem;}


    .box_title{padding-top: 0.8rem;}
    .box_title h3{font-size: 0.48rem;}
    .box_title h2{font-size: 1rem;margin-top: -0.3rem;opacity: 0.15;}

    .mobile_product .box_title,
    .mobile_technology .box_title,
    .mobile_news .box_title{color: var(--mainColor);}
    
    .more{width: 1.4rem;height: 0.5rem;line-height: 0.5rem;}
    .more a{font-size: 0.18rem;font-weight: bold;}

    .mobile_about{height: 9.6rem;position: relative;}
    .mobile_about .about_tct{margin-top: 0.8rem;}
    .mobile_about .about_tct .about_tst .about_tst_item .tit{font-size: 0.34rem;font-weight: bold;}
    .mobile_about .about_tct .about_tst .about_tst_item .txt{font-size: 0.18rem;max-width: 3.9rem;}
    .mobile_about .about_tct .about_tab {position: absolute;bottom: 0.6rem;left: 0.4rem;right: 0.4rem;}
    .mobile_about .about_tct .about_tab ul{display: flex;justify-content: space-between;}
    .mobile_about .about_tct .about_tab ul li{width: 2rem;height: 0.9rem;line-height: 1.2;text-align: center;font-size: 0.22rem;padding: 0 0.2rem;margin: 0;display: inline-flex;align-items: center;}

    .mobile_product{height: 9.6rem;}
    .mobile_product .myProduct{position: relative;}
    .mobile_product .myProduct .swiper-slide{background: url(../images/mobile_product_item_bg.png) no-repeat;width: 7.16rem;height: 7.16rem;background-size: contain;opacity: 0 !important;}
    .mobile_product .myProduct .swiper-slide-visible{opacity: 1 !important;}
    .mobile_product .myProduct .swiper-slide a{padding: 1.5rem;display: flex;flex-direction: column;align-items: center;justify-content: center;height: 100%;box-sizing: border-box;position: relative;}
    .mobile_product .myProduct .swiper-slide b{font-size: 2.4rem;opacity: 0.04;line-height: 1;position: absolute;top: 1.4rem;left: 0;right: 0;margin: 0 auto;z-index: 0;transition: all 0.5s;text-align: center;}
    .mobile_product .myProduct .swiper-slide span{display: block;width: 0.7rem;height: 0.7rem;margin: -0.4rem auto 0;}
    .mobile_product .myProduct .swiper-slide span img{width: 100%;height: 100%;display: block;}
    .mobile_product .myProduct .swiper-slide h3{font-size: 0.48rem;font-weight: bold;}
    .mobile_product .myProduct .swiper-slide em{font-size: 0.16rem;text-transform: uppercase;}
    .mobile_product .myProduct .swiper-slide p{font-size: 0.16rem;margin: 0.3rem auto;}
    .mobile_product .myProduct .swiper-slide i{font-size: 0.18rem;font-weight: bold;text-transform: uppercase;}
    .mobile_product .myProduct .swiper-pagination-product{width: 100%;padding: 0;text-align: center;bottom: 0.4rem;position: absolute;z-index: 2;}
    .mobile_product .myProduct .swiper-pagination-product .swiper-pagination-bullet{width: 0.3rem;height: 0.06rem;background: var(--fontColord);border-radius: 0.06rem;opacity: 1;margin: 0 0.1rem;}
    .mobile_product .myProduct .swiper-pagination-product .swiper-pagination-bullet-active{background: var(--mainColor);width: 0.4rem;}

    .mobile_technology{height: 12.6rem;}
    .mobile_technology .technology_items{margin: 0.3rem auto;}
    .mobile_technology .technology_items .item{height: 2.2rem;border-radius: 0.2rem;overflow: hidden;margin-bottom: 0.2rem;}
    .mobile_technology .technology_items .item a{display: flex;height: 100%;padding: 0.55rem;box-sizing: border-box;justify-content: space-between;background: rgba(29, 32, 136, 0.7);position: relative;}
    .mobile_technology .technology_items .item h3{font-size: 0.34rem;font-weight: bold;color: var(--fontColorf);}
    .mobile_technology .technology_items .item em{font-size: 2.2rem;font-weight: bold;color: var(--fontColorf);opacity: 0.1;line-height: 1;font-style: italic;}
    .mobile_technology .technology_items .item a::after{content: "";display: block;width: 0.16rem;height: 0.16rem;border-radius: 0.16rem;background: var(--fontColorf);position: absolute;bottom: 0.55rem;left: 0.55rem;opacity: 0.5;}

    .mobile_news .news_tab .news_tit{margin: 0.5rem auto;width: 100%;}
    .mobile_news .news_tab .news_tit ul li{padding: 0;width: 2rem;text-align: center;margin: 0 auto;display: block;line-height: 0.5rem;font-size: 0.2rem;}
    .mobile_news .news_tab .news_items .item{padding-bottom: .5rem;}
    .mobile_news .news_tab .news_items .item .more{margin: 0.5rem auto 0;}
    .mobile_news .news_tab .news_items .item .item_con{background: var(--fontColorf);border-radius: 0.45rem;box-shadow: 0 0.05rem 0.2rem rgba(29, 32, 136, 0.15);}
    .mobile_news .news_tab .news_items .item .pic{width: 100%;height: 4rem;}
    .mobile_news .news_tab .news_items .item .tct{padding: 0 0.3rem;width: 100%;}
    .mobile_news .news_tab .news_items .item .tct a{width: 100%;border-bottom: 1px solid var(--fontColord);font-weight: bold;align-items: center;padding: 0.3rem 0;box-sizing: border-box;}
    .mobile_news .news_tab .news_items .item .tct span{width: 0.95rem;font-size: 0.18rem;color: var(--fontColor6);}
    .mobile_news .news_tab .news_items .item .tct span font{color: var(--mainColor);font-size: 0.26rem;}
    .mobile_news .news_tab .news_items .item .tct p{width: calc(100% - 0.95rem);font-size: 0.22rem;color: var(--fontColor3);}

    footer{background: url(../images/mobile_footer_bg.jpg) no-repeat;background-size: cover;}
    footer .foot_top h2{font-size: 0.34rem;line-height: 2;color: var(--fontColorf);}
    footer .foot_top ul{margin: 0.5rem auto;}
    footer .foot_top ul li{width: calc(100% / 3);line-height: 1;}
    footer .foot_top ul li::before{display: inline-flex;content: "";width: 0.02rem;height: 0.16rem;background: #ff5e00;margin-right: 0.1rem;}
    footer .foot_top ul li a{display: inline-flex;font-size: 0.24rem;line-height: 2;font-weight: bold;color: var(--fontColorf);color: var(--fontColorf);}
    footer .foot_top dl{margin: 0.3rem auto;}
    footer .foot_top dl dt{font-size: 0.26rem;line-height: 2;color: var(--fontColorf);opacity: 0.4;}
    footer .foot_top dl dd{line-height: 1;font-size: 0.28rem;color: var(--fontColorf);}
    footer .foot_top dl dd b{font-size: 0.56rem;color: #ff5e00;}
    footer .foot_top dl dd p{margin: 0.1rem auto;}
    .foot_think1{display: inline-flex;justify-content: space-between;width: 100%;}
    .foot_think1 input{width: 45%;background: none;border: none;border-bottom: 1px solid var(--fontColord);color: var(--fontColorf);line-height: 2;font-size: 0.18rem;height: 0.4rem;}
    .foot_think2 textarea{width: 100%;background: none;border: none;border-bottom: 1px solid var(--fontColord);color: var(--fontColorf);line-height: 1.5;font-size: 0.18rem;}
    .foot_think3{position: relative;display: inline-flex;justify-content: space-between;width: 100%;}
    .foot_think3 input{width: 2.2rem;line-height: 2;background: none;border: 1px solid rgba(255, 255, 255, 0.4);font-size: 0.18rem;height: 0.4rem;}
    .foot_think3 .yzm{position: absolute;left: 1.3rem;top: 0;width: 0.9rem;line-height: 2;height: 0.4rem;}
    .foot_think3 .yzm img{display: block;}
    .foot_think3 input:last-child{float: none;width: auto;border:none;font-size: 0.18rem;font-weight: bold;color: var(--fontColorf);text-transform: uppercase;}
    
    footer .foot_btm p{font-size: 0.16rem;opacity: 0.4;}

    .mobile_bar{height: 4.9rem;}
    .mobile_bar .box_con2{height: 100%;}
    .bar .bar_tit{padding-bottom: 0.5rem;}
    .bar .bar_tit dl{display: inline-flex;}
    .bar .bar_tit h3{font-size: 0.6rem;padding-bottom: 0.2rem;}
    .bar .bar_tit p{font-size: 0.2rem;padding-top: 0.3rem;}
    .bar .bar_tit dl dd a{font-size: 0.14rem;}

    .main_title{margin-bottom: 0.2rem;}
    .main_title ul li a{font-size: 0.28rem;line-height: 0.9rem;}

    .news_list .item{padding: 0.2rem;margin: 0.3rem auto 0;}
    .news_list .item .pic{width: 2.6rem;height: 1.4rem;}
    .news_list .item .tct{width: calc(100% - 2.9rem);margin: 0 auto;}
    .news_list .item .tct span{font-size: 0.18rem;}
    .news_list .item .tct span img{width: 0.17rem;height: 0.17rem;}
    .news_list .item .tct h3{font-size: 0.2rem;line-height: 0.3rem;}
    .news_list .item .tct p{display: none;}

    .pages, .pages2{margin: 0.7rem auto;}
    .pages::after,
    .pages2::after{display: block;width: 40%;}
    .pages2::after{right: 1.5rem;}
    .pages2 .pages2_con .pages2_left, .pages2 .pages2_con .pages2_right{width: auto;margin: 0;}
    .pages2 .pages2_con .pages2_left ul li a{font-size: 0.3rem;}
    .pages2 .pages2_con .pages2_right .pages2_prev a, .pages2 .pages2_con .pages2_right .pages2_next a{width: 0.36rem;height:0.4rem}
    .pages2 .pages2_con .pages2_right{background: #f5f7fb;position: relative;z-index: 2;}
    .pages2 .pages2_con .pages2_right .pages2_prev a, .pages2 .pages2_con .pages2_right .pages2_next a{width: 0.6rem;height: 0.64rem;display: flex;}
    .pages2 .pages2_con .pages2_right .pages2_prev a::after, .pages2 .pages2_con .pages2_right .pages2_next a::after{width: 0.14rem;height: 0.14rem;background-size: cover;}
    .pages2 .pages2_con .pages2_right .pages2_prev a::after, .pages2 .pages2_con .pages2_right .pages2_next a::after{margin: 0.26rem 0.22rem;}
    .pages2 .pages2_con .pages2_right .pages2_prev a:hover::after, .pages2 .pages2_con .pages2_right .pages2_next a:hover::after{background-position: -0.14rem 0;}

    .news_titles h3{font-size: 0.34rem;}
    .news_titles p{font-size: 0.14rem;}
    .news_titles p span{display: inline-block;}
    .mains_text{font-size: 0.18rem;line-height: 0.34rem;}

    .product_page ul li a{font-size: 0.2rem;line-height: 0.3rem;display: block;text-align: center;}

    .download_list .item{margin: 0.3rem auto;}
    .download_list .item .time{width: 1.1rem;padding: 0.2rem;border-radius: 0.05rem;}
    .download_list .item .time span{font-size: 0.24rem;}
    .download_list .item .time p{font-size: 0.18rem;}
    .download_list .item .txt{font-size: 0.24rem;width: calc(100% - 2.5rem);}
    .download_list .item .mores{display: block;font-size: 0;width: auto;margin-right: 0.3rem;}
    .download_list .item .mores::after{display: block;}
    
    .contact{padding: 0.3rem 0;}
    .contact .contact_left span img{width: 0.2rem;height: 0.2rem;}
    .contact .contact_left h3{font-size: 0.34rem;}
    .contact .contact_left span{font-size: 0.2rem;margin-right: 0.1rem;}
    .contact .contact_left p{font-size: 0.22rem;}
    .contact .contact_left p b{font-size: 0.3rem;}
    .contact .contact_left dl{margin-top: 0.5rem;}
    .contact .contact_left dl dd span{display: none;}
    .contact .contact_left dl dd em{position: static;display: block;width: 1rem;height: 1rem;margin-left: 0;margin-right: 0.2rem;}
    .contact .contact_left dl dd em img{display: block;}
    
    
    .contact{padding: 0;}
    .news,
    .download{padding-top: 0.3rem;}
    .contact .contact_right #allmap{height: 5rem;}

    .box_con{width:100%;}

    .join::before{margin: 0 0.4rem;display: none;}
    .join_top{height: 11.3rem;padding: 0.4rem;box-sizing: border-box;width:calc(100%);height: 100%;padding-bottom: 1.5rem;}
    
    .join_top .join_top_con{padding: 0.4rem;box-sizing: border-box;background: rgba(0, 0, 0, 0.5);border-radius: 0 0 0.8rem 0.8rem;margin-top: -0.4rem;}
    .join_title{font-size: 0.36rem;margin: 0.3rem auto;}
    

    .join_tab .join_tit ul li{font-size: 0.16rem;line-height: 0.5rem;width: calc(100% / 3 - 0.2233rem);}

    .join_btm{background: #f4f6fb;}
    .join_btm::before{display: none;}
    .join_btm .desc{font-size: 0.16rem;line-height: 0.26rem;}
    .join_tab .join_tct_item{padding-bottom: 1rem;}
    .join_btm .join_btm_con{background: var(--fontColorf);padding: 0.3rem;}


    .join_btm_list .item{background: #f4f6fb;margin: 0 auto 0.3rem ;}
    .join_btm_list .item .item_tit{line-height: 1;}
    .join_btm_list .item .item_tit h3{font-size: 0.2rem;color: var(--fontColor3);line-height: 2;background: #e7ecf2;padding: 0 0.3rem;line-height: 0.6rem;display: flex;justify-content: space-between;width: 100%;box-sizing: border-box;align-items: center;border-radius: 0.04rem;}
    .join_btm_list .item .item_tit h3 span{width: 0.3rem;height: 0.3rem;position: relative;}
    .join_btm_list .item .item_tit h3 span::before,
    .join_btm_list .item .item_tit h3 span::after{content: "";display: block;width: 0.2rem;height: 0.02rem;background: var(--fontColor3);margin: 0.06rem;position: absolute;left: 0;right: 0;top: 50%;margin-top: 0;}
    .join_btm_list .item .item_tit h3 span::after{transform: rotate(90deg);}
    .join_btm_list .item .item_tit p{font-size: 0.16rem;line-height: 2;flex-wrap: wrap;padding: 0.2rem 0.3rem;box-sizing: border-box;border-bottom: 1px solid var(--fontColord);display: none;}
    .join_btm_list .item .item_tit p span{margin: 0;width: calc(100% / 3);}
    .join_btm_list .item .item_tct{padding: 0.2rem;display: none;}
    .join_btm_list .item.active .item_tit h3{color: var(--fontColorf);background: var(--mainColor);}
    .join_btm_list .item.active .item_tit h3 span::before, .join_btm_list .item.active .item_tit h3 span::after{background: var(--fontColorf);}
    .join_btm_list .item.active .item_tit h3 span::after{opacity: 0;}
    .join_btm_list .item.active .item_tit p{display: flex;}
    .join_btm_list .item.active .item_tct{display: block;}

    .join_btm_more{font-size: 0.16rem;line-height: 0.3rem;padding: 0;margin: 0.2rem auto;background: none;border-top: 1px solid var(--fontColord);padding-top: 0.2rem;}
    
    .technology .technology_items .item{width: 100%;min-height: 9.4rem;display: flex;align-items: center;}
    .technologys{max-height: initial;}
    .technology .technology_items .item a{display: block;height: 100%;}
    .technology .technology_items .item span{width: 1.1rem;height: 1.25rem;}
    .technology .technology_items .item h3,
    .technology .technology_items .item:hover h3,
    .technology .technology_items .item.active h3{font-size: 0.4rem;font-weight: bold;}
    .technology .technology_items .item em{font-size: 0.14rem;}
    .technology .technology_items .item p{font-size: 0.18rem;line-height: 0.34rem;}

    .product_left{padding: 0.3rem;}
    .product_left .product_left_tit h3{font-size: 0.2rem;}
    .product_left .product_left_tit h3 font{font-size: 0.22rem;color: var(--mainColor);}
    .product_left .product_left_tct .item{line-height: 0;padding: 0.25rem 0;border-bottom: 1px solid var(--fontColord);}
    .product_left .product_left_tct .item a{display: inline-block;font-size: 0.2rem;line-height: 1;margin-right: 0.1rem;color: var(--fontColor3);}
    .product_left .product_left_tct .item a.active{color: var(--mainColor);}
    .product_right{margin-top: 0;}
    .product_right .product_list .item{width: calc(100% / 2);padding: 0.3rem;}
    .product_right .product_list .item:nth-child(3n){border-right: 1px solid var(--fontColord);}
    .product_right .product_list .item:nth-child(2n){border-right: 0;}
    .product_right .product_list .item h3{font-size: .2rem;line-height: 2;height: 0.68rem;}
    .product_right .product_list .item p{font-size: 0.16rem;line-height: 2;}
    .products{background:#f5f7fb url(../images/mobile_product_bgs.jpg) no-repeat !important;background-size: contain !important;}
    
    .product_tct_more a{font-size: 0.16rem;line-height: 0.6rem;border-radius: 0.04rem;}
    .product_tct_page dl dt a{font-size: 0.18rem;line-height: 0.36rem;}
    .product_tct_page dl dd{line-height: 0;}
    .product_tct_page dl dd a{font-size: 0.18rem;padding-right: 0.2rem;background-size: 0.14rem;}

    .main_title h3{font-size: 0.4rem;}
    .main_title p{font-size: 0.8rem;margin-top: -0.3rem;}
    .main_title span{font-size: 0.18rem;margin-top: -0.6rem;}

    .about_one_tab{margin: 0.3rem auto 0;min-height: 3.2rem;}
    .about_one_tab .about_one_tit ul li{width: calc(100% / 3 - 0.1rem);text-align: center;margin-right: 0.15rem;}
    .about_one_tab .about_one_tit ul li:nth-child(3n){margin-right: 0;}
    .about_one_tab .about_one_tit ul li a{padding: 0.2rem 0.1rem;font-size: 0.22rem;line-height: 1;margin-top: 0;}
    .about_one_tab .about_one_tct{margin-top: 0.2rem;}
    .about_one_tab .about_one_tct .about_one_item .tit{font-size: 0.36rem;line-height: 2;text-align: center;margin-bottom: 0.2rem;}
    .about_one_tab .about_one_tct .about_one_item .mains_text{max-height: 2.95rem;}
    .about_one_items{margin: 0.7rem auto;}
    .about_one_items .item{width: auto;}
    .about_one_items .item p{font-size: 0.18rem;}
    .about_one_items .item p b{font-size: 0.56rem;}
    .about_one_items .item span{font-size: 0.16rem;}
    .about_two_txt{font-size: 0.18rem;line-height: 0.3rem;margin: 0.3rem auto;}
    .about_two_items{margin: 0.3rem auto;}
    .about_two_items .item {height: 4.3rem;margin: 0.3rem auto 0;width: 100%;}
    .about_two_items .item .tct{padding: 0.4rem;}
    .about_two_items .item .tct h3{font-size: 0.42rem;padding-top: 0.3rem;margin-bottom: 0.3rem;}
    .about_two_items .item .tct p{font-size: 0.24rem;}
    .about_two_items .item .tct span{font-size: 0.46rem;}
    .about_two_items .item.active .tct h3{padding-top: 0.35rem;}
    
    .swiper-container-culture,
    .swiper-container-honor{width: 76%;position: relative;margin: 0 auto;overflow: visible;}
    .swiper-container-culture .swiper-pagination-culture{text-align: center;}
    .swiper-container-culture .swiper-pagination-culture .swiper-pagination-bullet{width: 0.4rem;height: 0.06rem;background: rgba(255, 255, 255, 0.6);opacity: 1;border-radius: 0.02rem;}
    .swiper-container-culture .swiper-pagination-culture .swiper-pagination-bullet-active{background: var(--mainColor);}

    .about_two_items .swiper-container-culture .swiper-slide-active .item::after{height: 100%;}
    .about_two_items .swiper-container-culture .swiper-slide-active .item .tct h3{color: var(--fontColor3);}
    .about_two_items .swiper-container-culture .swiper-slide-active .item .tct p{color: var(--mainColor);}
    .about_two_items .swiper-container-culture .swiper-slide-active .item .tct span {bottom: 0.5rem;color: var(--fontColor1);font-size: 0.46rem;font-weight: 500;transition: all 0.5s;}

    .about_three_tab .about_three_tit{margin: 0.6rem auto;}
    .about_three_tab .about_three_tit ul {justify-content: space-between;}
    .about_three_tab .about_three_tit ul li{width: calc(100% / 2 - 0.2rem);text-align: center;border-radius: 0.06rem;overflow: hidden;background: rgba(255, 255, 255, 0.8);}
    .about_three_tab .about_three_tit ul li a{display: block;margin: 0 auto;line-height: 0.9rem;padding:0;font-size: 0.28rem;color: var(--fontColor3);border-bottom: none;}
    .about_three_tab .about_three_tit ul li.active a{background: var(--mainColor);color: var(--fontColorf);}
    .about_three_tab .about_three_items .item{width: 100%;}
    .about_three_tab .about_three_items .item .tit{font-size: 0.2rem;}
    .swiper-container-honor{padding-bottom: 1.2rem;}
    .swiper-container-honor .swiper-button-next,
    .swiper-container-honor .swiper-button-prev,
    .swiper-container-honor::after{display: none;}
    .swiper-container-honor .swiper-pagination-honor .swiper-pagination-bullet{width: 0.4rem;height: 0.06rem;background: rgba(255, 255, 255, 0.6);border-radius: 0.02rem;}
    .swiper-container-honor .swiper-pagination-honor .swiper-pagination-bullet-active{background: var(--mainColor);}
    
    .about_one .main_title{text-align: center;}

    .about_four .about_four_items .item{justify-content: flex-end;padding-bottom: 0.8rem;color: var(--fontColorf);position: relative;margin: 0.30rem auto;}
    .about_four .about_four_items .item::before,
    .about_four .about_four_items .item::after{content: "";display: block;width: 10px;height: 10px;border-radius: 10px;background: var(--fontColorf);position: absolute;left: 0;right: 0;top: 10px;margin: 0 auto;}
    .about_four .about_four_items .item::after{width: 1px;height: 100%;background: var(--fontColorf);top: 30px;}
    .about_four .about_four_items .item:nth-child(even){flex-direction: row-reverse;}
    .about_four .about_four_items .item .year{min-width: 2.85rem;width: 2.85rem;text-align: right;font-size: 0.4rem;font-weight: bold;line-height: 1;margin-right: 3.8rem;}
    .about_four .about_four_items .item .txt{min-width: 2.85rem;width: 2.85rem;text-align: left;font-size: 0.18rem;line-height: 0.3rem;margin-top: -0.5rem;}
    .about_four .about_four_items .item:nth-child(even) .year{text-align: right;margin-right: 0px;margin-left: 2.2rem;}
    .about_four .about_four_items .item:nth-child(even) .txt{text-align: right;}
    .about_four .about_four_items .item.active .year{font-size: 1rem;text-align: right;margin-right: 3.8rem;}
    .about_four .about_four_items .item.active::before{background: var(--mainColor);}

    .about_four .about_four_items{padding: 0;width: 100%;margin: 0 auto;max-height: 7.4rem;overflow-y: auto;}
    .swiper-container—team{overflow: visible;width: 90%;margin: 0 auto;padding: 0.3rem 0 1.2rem;}
    .swiper-container—team .swiper-button-next, 
    .swiper-container—team .swiper-button-prev{display: none;}
    .swiper-container—team .swiper-slide{filter: blur(2px);}
    .swiper-container—team .swiper-slide-active, .swiper-container—team .swiper-slide-duplicate-active{filter: blur(0);}

}
@media screen and (max-width:640px){


}
@media screen and (max-width:414px){
    
}
@media screen and (max-width:375px){
    
}
@media screen and (max-width:360px){}
@media screen and (max-width:320px){
    
}