@charset "utf-8";
@media screen and (max-width:1800px){
    .box_cons{padding: 0;width: 90%;margin: 0 auto;}
    header{padding-top: 10px;}
    header .head_right .head_nav ul li a{font-size: 18px;padding: 0 15px;}
    
    .banner .swiper-pagination-banner .swiper-pagination-bullet{width: 12px;height: 12px;}
    .banner_list ul li{width: calc(100% / 3 - 14px);margin-right: 20px;}
    .banner_list ul li a{height: 80px;}
    .banner_list ul li h3{font-size: 20px;margin-left: 20px;margin-right: 20px;}
    .banner_list ul li span{width: 120px;height: 120px;margin-left: -20px;}
    .banner_list ul li span img{width: 36px;height: 36px;margin: 42px 48px;}

    .main_title{padding: 20px 0 0;}
    .main_title p{font-size: 16px;}
    .main_title h3{font-size: 30px;}
    .main_title h5{font-size: 16px;}

    .more{margin: 40px auto;}
    .more a{width: 140px;line-height: 40px;border-radius: 10px;}
    .more a span{font-size: 14px;padding-right: 30px;}

    .about{padding: 50px 0;}
    .about .mains_text{max-width: 63%;}
    .about_list ul li{width: calc(100% / 4 - 15px);margin-right: 20px;padding: 20px;}
    .about_list ul li span{font-size: 40px;}
    .about_list ul li span em{width: 36px;height: 36px;}

    .news .more,
    .service .more{margin: -40px 0 0;}

    .service_list{padding-top: 50px;}
    .service_list ul li{width: calc(100% / 4 - 15px);margin-right: 20px;}
    .service_list ul li .tct{padding: 40px 20px;}
    .service_list ul li .tct span{width: 32px;height: 32px;}
    .service_list ul li .tct h3{font-size: 20px;line-height: 24px;}
    .service_list ul li .tct p{margin: 10px 0;}
    .service_list ul li .tct em{width: 36px;}
    .service_list ul li:hover .tct em{height: 36px;border-radius: 10px;}

    .swiper-container-news{padding: 70px 0;}
    .swiper-container-news .swiper-slide h3{font-size: 22px;line-height: 30px;}
    .swiper-container-news .swiper-slide p{font-size: 14px;line-height: 20px;}
    .swiper-container-news .swiper-slide em{font-size: 14px;}
    .swiper-container-news .swiper-slide-active a p{margin-bottom: 30px;}
   
    .foot_top{padding-bottom: 30px;margin-bottom: 30px;}
    .foot_top h2{font-size: 24px;}
    .foot_top a{width: 240px;line-height: 50px;font-size: 18px;}
    .foot_top a span{margin-left: 50px;}
    .foot_center dl dt{margin-bottom: 15px;}
    .foot_center dl dt p,
    .foot_center dl dd p{font-size: 14px;}
    .foot_center dl dt b{font-size: 32px;line-height: 1;}
    .foot_center dl dd p{margin-bottom: 5px;}
    .foot_center ul li a{font-size: 16px;padding: 10px 20px 10px 0;}
    .foot_center ul li{margin-right: 30px;margin-bottom: 20px;width: calc(100% / 3 - 20px);}

    .bar{height: 500px;}
    .bar_tit{padding-bottom: 110px;}
    .bar_tit h3{font-size: 36px;}
    .bar_tit p{font-size: 20px;}
    .bar_btm ul li a{font-size: 16px;line-height: 40px;}

    .introduce_items{margin-top: 30px;}
    .introduce_items .item b{font-size: 40px;line-height: 60px;}

    .project_search input{height: 45px;line-height: 45px;}
    .retrieve h3{font-size: 16px;line-height: 30px;}
    .retrieve p a{font-size: 18px;}
    .retrieve p a.active{font-size: 24px;}
    .detection_list ul li,
    .detection_items .item{margin: 30px auto;}
    .detection_list ul li a,
    .detection_items .item{padding: 20px 30px;}
    .detection_list ul li h3{font-size: 20px;line-height: 24px;}
    .detection_list ul li p{margin-top: 15px;padding-top: 15px;}
    .detection_list ul li p span{font-size: 16px;line-height: 24px;}
    .detection_list ul li p em{line-height: 24px;}
    .page_list ul li{width: 45px;height: 45px;line-height: 43px;font-size: 18px;}

    .main_box{padding: 60px 0;}

    .detection_items .item h3{font-size: 22px;}
    .detection_items .item h3::after{width: 95px;}

    .news_top .swiper-slide .tct span b{font-size: 36px;}
    .news_top .swiper-slide .tct h3{font-size: 22px;}
    .news_top .swiper-slide .tct p{font-size: 14px;line-height: 24px;}
    .news_top .swiper-slide .pic{height: 380px;}
    .news_top .swiper-slide .tct em{line-height: 40px;width: 140px;font-size: 14px;}
    .news_top .swiper-slide .tct em i{margin-left: 10px;}

    .news_btm ul li p{font-size: 18px;line-height: 24px;margin-bottom: 10px;}
    .news_btm ul li h3{font-size: 22px;margin: 15px auto;}
    .news_btm ul li span{height: 210px;}
    .news_titles h3{font-size: 24px;}
    .product_page{margin-top: 30px;}
    .product_page ul{margin: 30px auto;padding: 10px 30px;}
 
    .specialist_list ul li .tct h3{font-size: 20px;}
    .specialist_list ul li .tct p{font-size: 16px;line-height: 20px;}
    .specialist_list ul li .tct em{font-size: 16px;}

    .main_left h3{font-size: 24px;padding-bottom: 20px;margin-bottom: 20px;}
    .main_left ul li{margin: 20px auto;}
    .main_left ul li a{font-size: 20px;}
    .main_left ul li ul li a{font-size: 16px;}
    .main_right{width: calc(100% - 350px);}

    .sampling_list ul li .tct h3{font-size: 18px;}
    .sampling_list ul li .tct p{font-size: 14px;line-height: 24px;}
    .sampling_list ul li .mores em{font-size: 14px;}

    .call_top ul{padding: 30px;}
    .call_top ul li span{width: 140px;height: 140px;}
    .call_top ul li p{font-size: 18px;line-height: 40px;}
    .call_btm{margin: 40px auto;}
    .call_btm ul li a{padding: 20px;}
    .call_btm ul li p{font-size: 18px;width: calc(100% - 30px);}
    .call_btm ul li p span{width: 30px;height: 30px;margin-right: 5px;}
    .call_btm ul li em{width: 30px;height: 30px;}
    
}

@media screen and (max-width:1500px){
    

}
@media screen and (max-width:1366px){
    .box_con{max-width: 100%;padding: 0 4%;}

    .introduce_right{width: 46%;}
    .specialist_list ul li .pic{height: 180px;}
}
@media screen and (max-width:1280px){
  
}
.sj_menu{display: none;}
@media screen and (max-width:1200px){
    .gotops{right: 0;}
    main,
    .lg_wrap{padding-top: 55px;}
    .sj_menu{display: block;width:26px;height:26px;margin:0 auto;right: 4%;top:15px;position: absolute;z-index: 9;}
    .sj_menu span{width:20px;height:2px;display: block;margin:5px 0;position: relative;background:#fff;border-radius: 2px;transition: all 0.5s;}
    .sj_menu span:nth-child(2){width: 15px;margin: 4px 0;}
    
    .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;}
    header h1{max-width: 120px;}
    header,
    .fixed header{background: #0b64ee;padding: 10px 0;}
    header .head_right{display: block;width: 100%;padding: 20px;box-sizing: border-box;position: fixed;top: 55px;left: 0;right: 0;height: calc(100vh - 55px);background: rgba(0, 0, 0, 0.7);transform: translateX(-100%);transition: all 0.5s;}
    .head_nav,
    .head_nav ul{display: block;width: 100%;}
    header .head_right .head_nav ul li a{font-size: 16px;line-height: 30px;border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
    .search,
    .search_bd form{margin: 0 auto;width: 100%;}
    .search_ico{display: none;}
    .search_bd{position: static;display: block;width: 100%;margin-top: 20px;}
    .search_bd form input{width: calc(100% - 40px);}

    .banner{height: 38vh;}
    .banner_list{bottom: 20px;display: none;}
    .banner_list ul li span{display: none;}
    .banner_list ul li a{width: 100%;height: 40px;}
    .banner_list ul li h3{width: 100%;font-size: 16px;background: none;margin: 0;text-align: center;line-height: 40px;}
    .banner_list ul li{width: calc(100% / 3 - 7px);margin-right: 10px;}

    .main_title p{font-size: 14px;}
    .main_title h3{font-size: 22px;}

    .about{padding: 0;}
    .about .mains_text{max-width: 100%;text-align: justify;margin: 20px auto;}
    .about_list ul li span{font-size: 30px;line-height: 36px;}
    .about_list ul li span em{width: 24px;height: 24px;}
    .about_list ul li p{font-size: 14px;margin-top: 0;}

    .service{padding-bottom: 20px;}
    .service_list ul li .tct{padding: 20px 10px;}
    .service_list ul li .tct h3{font-size: 18px;}
    .service_list ul li .tct span{width: 26px;height: 26px;}

    .swiper-container-news{padding: 20px 0;}
    .swiper-container-news .swiper-slide h3{font-size: 18px;line-height: 24px;}
    
    .foot_top h2{font-size: 20px;}
    .foot_top a{width: 160px;font-size: 14px;margin-top: 20px;}
    .foot_top a span{margin-left: 15px;}
    .foot_center dl,
    .foot_center ul{display: block;width: 100%;}
    .foot_center ul{display: flex;margin-top: 20px;}
    .foot_center ul li,
    .foot_center ul li:nth-child(3n){width: calc(100% / 2 - 10px);margin-right: 20px;}
    .foot_center ul li:nth-child(2n){margin-right: 0;}
    .foot_btm p span{float: none;display: block;}

    .pop ul li{padding: 5px;}
    .pop ul li span{width: 20px;height: 20px;}
    .pop ul li p{font-size: 12px;}

    .bar{height: 400px;}
    .bar_tit{padding-bottom: 60px;}
    .bar_btm dl{display: none;}
    .bar_tit h3{font-size: 24px;}
    .bar_tit p{font-size: 16px;}

    .main_box{padding: 20px 0;}

    .introduce_items .item b{font-size: 30px;line-height: 45px;}

    .project_search{margin: 20px auto;}
    .project_search input{font-size: 14px;width: calc(100% - 60px);}
    .project_search .btn{width: 60px;}

    .retrieve p a{font-size: 14px;}
    .retrieve p a.active{font-size: 18px;}
    .detection_list ul li, .detection_items .item{margin: 20px auto;}
    .detection_list ul li a, .detection_items .item{padding: 15px;}
    .detection_list ul li h3{font-size: 18px;}
    .detection_list ul li p span,
    .detection_list ul li p em{font-size: 14px;}
    .detection_list ul li p em{width: 70px;}
    .page_list ul{padding: 20px 0;}
    .page_list ul li{width: 36px;height: 36px;line-height: 34px;}

    .detection_items .item h3{font-size: 20px;margin-bottom: 10px;padding-bottom: 10px;}
    .product_page{margin-top: 30px;}
    .product_page ul{padding: 10px 15px;margin: 20px auto;}
    .product_page ul li a em{display: none;}
    .product_page ul li a{padding: 0;line-height: 30px;}

    .news_top .swiper-slide .pic{height: 300px;}
    .news_btm ul li span{height: 165px;}
    .news_cons{padding: 0;}
    .news_titles h3{font-size: 20px;}
    .news_titles p{margin: 10px auto;}
    .news_titles p span{margin: 0 5px;}
    .specialist_list ul li .tct{padding: 10px;}
    .specialist_list ul li .tct p,
    .specialist_list ul li .tct em{font-size: 14px;}
    .main_left,
    .main_right{width: 100%;}
    .main_left{padding: 15px;}
    .main_right{margin-top: 30px;}
    

}
@media screen and (max-width:1024px){
    
    
}
@media screen and (max-width:768px){
    .banner_list{display: none;}
    .banner .swiper-pagination-banner{bottom: 10px;left: 0;right: 0;width: 100%;height: 20px;display: block;text-align: center;}
    .banner .swiper-pagination-banner .swiper-pagination-bullet{margin: 0 5px;}

    .news .more, .service .more{float: none;margin: 20px 0;}

    .main_left h3{font-size: 22px;}
    .main_left ul li{margin: 15px auto;}
    .main_left ul li a{font-size: 18px;}
}

@media screen and (max-width:640px){
    header{padding-top: 10px;}

    .banner{height: 30vh;}
    .about_list ul li{width: calc(100% / 2 - 5px);margin-right: 10px;margin-bottom: 10px;padding: 15px;border-radius: 10px;}
    .about_list ul li:nth-child(2n){margin-right: 0;}

    .service_list ul li{width: calc(100% / 2 - 5px);margin-right: 10px;margin-bottom: 10px;}
    .service_list ul li:nth-child(2n){margin-right: 0;}
    
    .bar{height: 220px;}
    .bar_tit{padding-bottom: 20px;}
    .bar_btm{padding-bottom: 10px;}
    .bar_btm ul li a{font-size: 14px;padding: 0 15px;line-height: 30px;}

    .introduce_left,
    .introduce_right{width: 100%;margin-top: 20px;}
    
    .news_top{padding-bottom: 30px;margin-bottom: 20px;}
    .news_top .swiper-slide .pic,
    .news_top .swiper-slide .tct{width: 100%;height: auto;}
    .news_top .swiper-slide .tct{padding-left: 0;margin-top: 10px;}
    .news_top .swiper-slide .tct span b{font-size: 20px;line-height: 30px;}
    .news_top .swiper-slide .tct h3{font-size: 18px;margin-top: 10px;}
    .news_top .swiper-slide .tct p{margin: 10px auto;}
    .news_top .swiper-pagination-news{bottom: 0;width: 100%;text-align: center;}
    .news_btm ul li{width: 100%;margin: 10px auto;}
    .news_btm ul li p{font-size: 16px;}
    .news_btm ul li span{height: auto;}
    .news_btm ul li h3{font-size: 18px;margin: 10px 0;}
    .specialist_list ul li{width: 100%;margin: 0 auto 20px;}
    .specialist_list ul li .pic{height: auto;}
    .specialist_list ul li .tct h3{font-size: 18px;}
    .sampling_list ul li{margin: 0 auto 20px;}
    .sampling_list ul li .pic{width: 150px;height: auto;}
    .sampling_list ul li .tct{width: calc(100% - 150px);padding:0 10px;}
    .sampling_list ul li .tct h3{line-height: 24px;}
    .sampling_list ul li .tct p{margin-top: 5px;}
    .sampling_list ul li .mores{display: none;}

    .call_top{margin-top: 20px;}
    .call_top ul{padding: 15px;}
    .call_top ul li{width: calc(100% / 2);margin-top: 10px;}
    .call_top ul li p{font-size: 14px;}
    .call_top ul li span{width: 100px;height: 100px;}

    .call_btm{margin: 20px auto;}
    .call_btm ul li{width: 100%;margin: 10px auto;}
    .call_btm ul li p{font-size: 14px;}

}
@media screen and (max-width:414px){
    
}
@media screen and (max-width:375px){
    
}
@media screen and (max-width:360px){
    
}
@media screen and (max-width:320px){
    
}