

@media only screen and (max-width: 1800px){


  header .wap{height: 100%; padding: 0 5vw;}

}
@media only screen and (max-width: 1680px){

  nav li .oneNav{padding: 0 .8vw;}

  
  .index-part1{padding:100px 10vw;}
  .index-part1 .icon{width: 60px;margin-bottom: 8px;}
  .index-part1 .cont{font-size: 32px;line-height:1.6;}
  .index-part1 .name{font-size: 20px;line-height: 1.6;}
  .index-part2 .cont-box .w1520{padding-top: 0;justify-content: center;}

  .expertise-box{padding: 80px 0;    grid-template-columns: repeat(3, calc((100% - 24px * 2) / 3));}
}

@media only screen and (max-width: 1480px){
header .wap{padding: 0 3vw;}
header .con { padding: 0 3vw; }
.oneNav { line-height: 80px;padding: 0 1.2vw; }
.headertel .searchtopBtn { height: 80px; padding-left: 3vw; }



.recruitment-box .list2 li .cont{height: 200px;}

.news-box .news-list{ grid-template-columns: repeat(3, calc((100% - 48px) / 3));}

.expertise-details .details-title{font-size: 40px; line-height: 50px; margin-bottom: 40px;}


}
 @media only screen and (max-width: 1200px){

header .con { padding: 0 3vw; }
.oneNav { line-height: 80px;padding: 0 1.2vw; }
.headertel .searchtopBtn { height: 80px; padding-left: 3vw; }

.inner-baner{margin-top: 80px;}

.case-list .case-item{height: auto;width: 48%;margin-right:4%;margin-bottom: 15px;}
.case-list .case-item:nth-child(3n + 1){margin-right: 4%;}
.case-list .case-item:nth-child(2n + 1){margin-right: 0;}
.case-list .case-item .cont-box .cont{margin: 20px 0;}
 
.expertise-box{padding: 50px 0; grid-template-columns: repeat(2, calc((100% - 24px) / 2));}


}
@media only screen and (max-width: 1024px){
  header .con { padding: 0 0 0 20px; }
  .oneNav { line-height: 66px; }
  .headertel { display: none !important; }
  .searchtopBtn { height: 66px; }


  .index-title{font-size: 32px;}
  .index-subtit{font-size: 16px;}


  .inner_nav_box ul li{margin-right: 20px;}

  .about-title{font-size: 30px;margin-bottom: 20px;}
  .about-part1 .cont-box{width: 100%;}
  .about-part2 .w1520{align-items: flex-start;}

}

@media only screen and (max-width: 900px){
  header .wap{padding: 0 20px;}
 .headerLogo .logoIcon{ width:72px; }
  header .right { display: none !important; }
  .wap-show { display: block; }
  .inner-banner{margin-top: 60px;}
  .inner-banner .cont-box{padding: 0 20px;}

  .idxBusUl{ flex-direction: column;}
	.idxBusUl li{ width: 100% !important; height: auto;padding: 30px 20px;}

  .about-title{font-size: 26px;margin-bottom: 15px;}
  .about-part2 .w1520{flex-direction: column-reverse;}
  .about-part2 .pic-box{width: 100%;}
  .about-part2 .cont-box{width: 100%;padding-top: 20px;padding-right: 0;}

  .contact-list .top-item .cont-box{padding: 15px;}
  .contact-list .top-item .cont-box .title{font-size: 22px;margin-bottom: 15px;}
  .contact-list .top-item .line{font-size: 16px;}

  .contact-list .contact-item{width: 48%;margin-right: 4%;}
  .contact-list .contact-item:nth-of-type(3n + 1){margin-right: 4%;}
  .contact-list .contact-item:nth-child(2n + 1){margin-right: 0;}
  .contact-list .contact-item .title{font-size: 20px;}

  .recruitment-box .list1 {padding-bottom: 30px;}
  .recruitment-box .list1 .swiper-pagination{display: block;}
  .recruitment-box .swiper-pagination-clickable .swiper-pagination-bullet{margin-right: 15px;background-color: #005bac;}
  .recruitment-box .swiper-pagination-clickable .swiper-pagination-bullet:last-child{margin-right: 0;}

  .news-box{padding: 28px 24px;}
  .news-box .news-list{grid-template-columns: repeat(2, calc(98% / 2));}
  .page-box{padding-bottom: 20px;}
}
@media only screen and (max-width: 750px){





}
@media only screen and (max-width:640px){
   header{height: 60px;}
  .banner .pc{display: none;}
  .banner .mobile{display: block;}
  .banner .cont-box{font-size: 52px;  line-height: 60px;padding-top:24px;}  
  .banner .cont-box .spinner-box{display: block; width: 104px;position: relative;top:auto;right: 0;margin: 0 auto;margin-top: 28px;}
  .banner .cont-box .spinner{width: 104px; }
  .banner .cont-box .spinner-icon{width:14px;}


  .inner-banner .pc{display: none;}
  .inner-banner .mobile{display: block;}
  .inner-banner .cont-box .title{font-size: 20px;line-height: 24px;}
  .inner-banner .cont-box .cont{font-size: 14px;line-height: 24px;}

  .index-part1{padding: 28px 20px 56px 20px;}
  .index-part1 .icon{width: 40px;margin-bottom: 8px;}
  .index-part1 .cont{font-size: 16px;line-height:24px;}
  .index-part1 .name{font-size: 14px;line-height: 24px;}
  .index-title{font-size:20px; margin-bottom:30px;}
  .index-part2 .back.pc{display: none;}
  .index-part2 .back.mobile{display: block;}
  .index-part2 .cont-box .w1520{align-items: center;}
  .index-part2 .cont-box .index-title{text-align: center;}
  .index-part2 .cont-box{align-items:center}
  .index-part2 .cont-box .cont{width: 100%; font-size: 14px;line-height: 24px;margin-bottom: 24px;}
  .index-part2 .cont-box .more{height: 48px;}
  .index-part3{padding: 28px 20px;}
  .index-part3 ul li{width: 100%;margin-right: 0;}
  .index-part3 ul li:nth-of-type(3){height: auto;}
  .index-part3 ul li .tit{font-size: 18px;line-height: 26px;}
  .index-part3 ul li:last-of-type{margin-bottom: 0;}
  .index-part4{padding: 28px 20px;}
  .index-part4 .index-subtit{font-size: 14px;line-height: 20px;margin-bottom: 24px;}
  .index-part4 ul{display: block;}
  .index-part4 ul li{margin-bottom: 16px; box-shadow: 4px 4px 12px 0 rgba(0, 0, 0, 0.08);}
  .index-part4 ul li .cont-box{padding: 8px;}
  .index-part4 ul li .cont-box .tit{font-size: 16px;}
  .index-part4 .more{height: 48px;}
  .index-part5{padding: 28px 20px;}
  .index-part5 ul{display: block;}
  .index-part5 ul li{margin-bottom: 16px;}
  .index-part5 .more{height: 48px;}
  .index-part6{padding: 28px 20px;}
  .map-box .mark-item{width: 16px;height: 16px;}
  .map-pic{margin-bottom: 24px;}
  .map-box .info-box{width: 100%; position: relative; border-radius: 12px;transform: translate(0, 0);left: 0!important;}
  .map-box .info-box .title{font-size: 18px;line-height: 26px;margin-bottom: 12px;}
  .map-box .info-box .line{font-size: 14px;line-height: 20px;}
  .index-part7{padding: 28px 20px;}


  .footer-top{padding: 40px 0;}
  .footer-top .logo img{height: 40px;}
  .footer-top .logo .tit{flex: 1;width: auto;font-size: 14px;line-height: 20px;}
  .footer-top .info{font-size: 14px;line-height: 20px;margin-top: 24px;}
  .footer-top .info>div:first-of-type{margin-bottom: 8px;}
  .footer-bottom{padding: 12px 8px;font-size: 12px;line-height: 16px;}

  .inner-baner{margin-top: 60px;}
  .inner-baner .pc{display: none;}
  .inner-baner .mobile{display: block;}
  .inner_nav_box.fixed{top: 60px;}
  .inner_nav_box ul{display: block; white-space: nowrap;overflow-x: scroll;}
  .inner_nav_box ul li{display: inline-block;margin-right: 10px;font-size: 14px;}
  .inner_nav_box ul li a{line-height: 60px;}
  .inner_nav_box ul li.active{border-bottom-width: 2px;}
  .case-list{padding: 0 20px;}
  .case-list .case-item{width: 100%;}
  .case-list .case-item .cont-box{padding: 8px;}
  .case-list .case-item.top-item{height: auto; margin-bottom: 15px;}
  .case-list .case-item .cont-box .title{font-size: 16px;}
  .case-list .case-item.top-item .pic-box{width: 100%;height: auto;}
  .case-list .case-item.top-item .cont-box{width: 100%;padding: 15px;}
  .case-list .case-item.top-item .cont-box .title{font-size: 16px;}
  .case-list .case-item.top-item .cont-box .cont{font-size: 12px;margin: 10px 0;}
  .case-list .case-item.top-item .cont-box .more{font-size: 12px;height: 48px;}
  .tab-box {padding: 5px 0;}
  .tab-box a{font-size: 14px;color: #333;line-height: 30px;margin-right:5px;padding: 0 10px;}

  .about-title{font-size: 24px;margin-bottom: 10px;}
  .about-number .num-box{padding: 30px 0;}
  .about-number .num-box li{padding: 0 15px;}
  .about-number .num-box li .num{font-size: 36px;}
  .about-number .num-box li .num .unit{font-size: 14px;}
  .about-number .num-box li .tit{font-size: 14px;line-height: 1.4;}
  .about-part2{padding: 30px 0;}
  .about-part2 .cont-box{font-size: 14px;}
  .about-part2 .cont-box .icon{width: 20px;margin-bottom: 20px;}
  .about-part3{padding: 30px 0;}
  .about-part3 .about-title{margin-bottom: 30px;}
  .shou{display: block;}
  .historySwiper{height: 350px;}
  .historySwiper .swiper-slide .pic-box{width: 150px;height: 150px;padding: 15px;}
  .historySwiper .swiper-slide-active .cont-box .year{font-size: 32px;}
  .about-part4{padding: 30px 0;}
  .about-part4 .about-title{margin-bottom: 20px;}
  .about-part4 .honor-swiper .swiper-slide{padding: 10px;}
  .about-part4 .honor-swiper .btn-box{display: none;}

  .contact-list{padding: 30px 0;}
  .contact-list .top-item{margin-bottom: 15px;}
  .contact-list .top-item .pic-box{width: 100%;}
  .contact-list .top-item .cont-box{width: 100%;padding: 15px 0 0 0;}
  .contact-list .top-item .cont-box .title{font-size: 18px;margin-bottom: 10px;}
  .contact-list .top-item .line{font-size: 14px;}
  .contact-list .contact-item{width: 100%;margin-right: 0!important;padding: 20px 15px;margin-bottom:15px;min-height: auto;}
  .contact-list .contact-item .title{font-size: 18px;}
  .contact-list .contact-item .line .iconfont{font-size: 10px;}
  .contact-list .contact-item .line{font-size: 14px;margin-top: 10px;}
  
  .recruitment-box{padding: 30px 0;}
  .recruitment-title{font-size: 24px;margin-bottom:25px;}
  .recruitment-box .list1-cont{margin: 20px 0;font-size: 14px;}
  .recruitment-box .list2{margin-bottom: 20px;}
  .recruitment-box .list2 .swiper-slide .tit{font-size: 18px;}
  .recruitment-box .list2 .swiper-slide .pic-box{height: 100px;}
  .recruitment-box .list2 .swiper-slide .cont{padding: 15px;font-size: 14px;}
  .recruitment-list li{padding: 20px 30px;}
  .recruitment-list li .btn{width: 40px;height: 40px;font-size: 18px;top: 20px;right: 10px;}
  .recruitment-list li .title{font-size: 18px;margin-bottom: 10px;}
  .recruitment-list li .info{font-size: 14px;line-height: 1.4;}
  .recruitment-list li .info span{margin-right: 10px;}
  .recruitment-list li .cont-box{padding: 15px 0;font-size: 14px;}
  .recruitment-list li .phone{width: 180px;height: 40px; font-size: 14px;margin-bottom:10px;}

  .news-details{padding: 60px 20px 30px 20px;}
  .news-details .content-box{padding: 30px 0 0 0;}
  .news-details .title{font-size: 18px;line-height: 1.6;margin-bottom:16px;}
  .news-details .infoImg{padding: 15px 0;font-size: 14px;}
  .news-details .time{font-size: 13px;margin-right: 15px;line-height: 1.8;}
  .news-details .time .iconfont{font-size: 14px;margin-right: 4px;}
  .newspage{padding-top: 15px;}
  .newspage a{font-size: 14px;margin-top: 10px;line-height: 1.4;}

  .news-box .news-list{display: block;}
  .news-box .news-list .news-item{height: auto;margin-bottom: 16px;}


  .invite-tenders{padding: 30px 0;}
  .invite-tenders ul li{height: 60px; }
  .invite-tenders ul li a{padding: 0 15px;font-size: 14px;}

  .expertise-box{padding: 28px 20px;display: block;}
  .expertise-item .tit{font-size: 18px;line-height: 26px;}
  

  .expertise-details{padding: 80px 20px 30px 20px;}
  .expertise-details .details-title{font-size: 20px; line-height: 1.6; margin-bottom: 30px;}
  .expertise-details .expertise-banner{margin-bottom: 20px;}
  .expertise-banner .swiper-pagination-bullet{ width:8px; height: 8px;}
  .expertise-banner .swiper-pagination-bullet-active{width: 20px;}
  .expertise-details .content-box{font-size: 16px;margin-bottom: 30px;}
  .expertise-details .case-list{padding: 0;}
  .expertise-title{font-size: 20px;line-height: 1.6;margin-top: 24px;}

  .projects-details{padding-top: 30px;}  
  .projects-details .list{margin-bottom: 30px;}
  .projects-details .projects-item{width: calc((100% - 16px) / 2);margin-right: 16px; padding:12px 16px ;margin-bottom: 16px;}
  .projects-details .projects-item:nth-of-type(3){margin-right: 4%;}
  .projects-details .projects-item:nth-of-type(2), .projects-details .projects-item:nth-of-type(4){margin-right: 0;}
  .projects-details .projects-item .tit{font-size: 14px;margin-top: 10px;line-height: 1.4;}
  .projects-details .title{font-size: 20px; line-height: 1.6; margin-bottom: 30px;}
  .projects-details .cont{font-size: 16px;margin-bottom: 30px;}
  .projects-swiper{padding-top: 20px; margin-bottom: 40px;}
  .projects-swiper .btn-box{display: none;}
  .projects-swiper .shou{display: block;}
  .doctor-swiper .swiper-slide {flex-direction: column-reverse;}
  .doctor-swiper .swiper-slide .cont-box{width: 100%;padding: 25px 60px;}
  .doctor-swiper .swiper-slide .cont-box .icon{width: 40px;}
  .doctor-swiper .swiper-slide .cont-box .cont{font-size: 16px;line-height: 1.6;}
  .doctor-swiper .swiper-slide .cont-box .name{font-size: 16px;line-height: 1.6;}
  .doctor-swiper .swiper-slide .pic-box{width: 100%;}
  .doctor-swiper .btn-box{display: none;}
  .doctor-swiper .shou{display: block;}
  .doctor-swiper{margin-bottom: 40px;}
  
  .partners-box .pic-box{display: grid;grid-template-columns: repeat(2, calc((100% - 15px) / 2));column-gap:15px;}

}

@media only screen and (max-width:420px){
}


@media only screen and (max-width:380px){
 }

