
@media screen and (max-width: 1200px) {

  .caseList li{
    height: 5.17rem
  }
  .caseList li .img{
    height: 1.72rem;
  }
  .caseList li .desc{
    font-size: 12px;
    -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-top: 10px;text-align: center;
  }

  .caseList li .more{
    bottom: .2rem;
  }
  .caseList li .more a{
    width: 1.75rem;height: .5rem;
    text-align: center;line-height: .5rem;
    font-size: .16rem;
  }
  
  .caseList li:hover .more a{
    font-size: .16rem;
  }

 
 



}

@media screen and (max-width: 1000px) {

  header {
    background-image: url(../images/tbg.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% 140%;
    height: 100px;
  }
  header .container{
    height: 100%;
  }
  .top_r{
    display: block;
    width: 35px;
    float: right;
    position: relative;
    top: 50%;
    transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    
  }
  header .logo{
    float: left;
    margin-top: 0px;
    width: 30%;
    position: relative;
    top: 50%;
    transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
  }
  header .logo img{
    width: 100%;
  }

  header .tel{
    display: none;
  }
.caseList li .img{
    height: auto;
}
  .caseList li{
    height: 300px
}
  
.caseList li .more a{
  border-radius: 10px;
  width: 80%;height: .5rem;
  text-align: center;line-height: .5rem;
  font-size: 12px;
}

.aboutBg{
  min-height: auto;padding-bottom: 50px;
}
.aboutPic{
    width: 100%;
}
.aboutLeft{
    width: 100%;
}
/*导航*/
.ys_phnav_icon{
  display: inline-block;
  float: right;
}
header .menu .item.on:before{
  display: none;
}

.mb{
  content: '';
  background: rgba(0, 0, 0, .5);
  position: fixed;left: 0;right: 0;top:0;bottom: 0;
  z-index: 9;
}

header .menu{
  position:fixed;
  bottom: 0;
  left: 0px;
  top: 100px;
  width: 50%;
  height:calc( 100% - 100px);
  background-color:#420000;
  overflow-x: hidden;
  overflow-y: auto;
  -moz-transform: translateX(-101%);
  -ms-transform: translateX(-101%);
  -webkit-transform: translateX(-101%);
  transform: translateX(-101%);
  -webkit-overflow-scrolling: touch;
  z-index: 1000;
  -webkit-transition: all .5s cubic-bezier(.25, .46, .45, .94);
  -moz-transition: all .5s cubic-bezier(.25, .46, .45, .94);
  -ms-transition: all .5s cubic-bezier(.25, .46, .45, .94);
  -o-transition: all .5s cubic-bezier(.25, .46, .45, .94);
  transition: all .5s cubic-bezier(.25, .46, .45, .94);
  margin-top: 0;
  background-image: none;

}
.menuOpen header{
  position: fixed;
  left: 0;right: 0;top: 0;
  z-index: 999;background: #ffffff;
}
.menuOpen .menu {
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
transform: translateX(0%);
}
header .menu ul{
text-align: left;
 
}
.menuOpen header .menu li.item {
width: 90%;
text-align: left;
margin-left: 5%;padding: 3px 0;height: auto;
display: block;float: none;
border-bottom: 1px solid rgba(204, 204, 204,.2);
}
.menuOpen .menu li.item span{
  height: 35px;
  line-height: 35px;
  width: 100%;
  overflow: hidden;
  display: block;
 text-align: left;
  position: relative;

}

header .menu li.item:hover:after{display: none;}


.menu ul li .secNav{
visibility:visible;
transition:all 0ms ease-out 0ms;
position:static;
width: 100%;
padding: 10px  0;
height:auto;
display: none;
background: none;
transform:translate(0,0);
-webkit-transform:translate(0,0);
min-width: 100%;
margin-bottom: 10px;
overflow: hidden;

}
header .menu  ul .secNav.active{
  transform:translate(0%, 0px);
}


header .menu  ul .secNav p{
  position: relative;
  height: 40px;
  line-height: 40px;
  display: block;
  position: relative;
  width: 90%;
  text-align: left;
  margin-left: 5%;

}

header .menu  ul .secNav p a{
  color: #f4e7b9;font-size: 14px;
}
header .menu li.on  span{
  border: 0px;
}

header .menu li:hover  span{
  border: 0px;
}


.proBg{
  background-size: auto 100%;
  min-height: auto;padding-bottom: 50px;
}
.newsList li{
 
  width: 100%;
  margin-right: 0px;
  margin-bottom: 30px;
}
.caseBg{
  background-size: auto 100%;
  min-height: auto;
  padding-bottom: 50px;
}
.moreCase{

  margin-top: .1rem;
}
.bannerOther img{

  width: 100%;
  height: 205px;
  object-fit: cover; 

}


.aboutPic2{
  width: 100%;text-align: center;margin-top: .4rem;
}
.aboutPic2 img{
  display: inline-block;
  width: 50%;
}
.aboutLeft2{
    width: 100%;  margin-top: 0rem;
}



.hospital li{
  float: left;
  width: calc((100%  - 20px)/2);
  margin-right: 20px;
  margin-bottom: 20px;
  position: relative;overflow: hidden;
}

.hospital li:nth-child(3){
  margin-right: 0px;
}


.hospital li:nth-child(2n){
  margin-right: 0;
}
.hospital li:nth-child(4){
  margin-right: 20px;
}

.zsList li{
  width: calc((100% - 20px)/2);
  margin-right: 20px;

}
.zsList li:nth-child(2n){
    margin-right: 0;
}


.contactBox{
  padding: 20px 20px;
  height: auto;
}
.contactBox .tel{
  width: 100%;
  border-right: 0px;
  top: 0%;
  transform:translateY(0%);
  -webkit-transform:translateY(0%);
}
.contactBox .address{
  width: 100%;
  border-right: 0px;
  top: 0%;
  transform:translateY(0%);
  -webkit-transform:translateY(0%);
  margin-left: 0;
}

.newsList2 .img{
  width: 100%;
}
.newsList2 li .box{
  width:100%;padding: 0;
  margin-top: 15px;
 
}
.newsList2 li .box::after{
    display: none;
}



 .zhengshu .swiper-slide{
  
  
  float:left;
  width:48%;
  margin-right:2%;
  
}
.zhengshu .swiper-slide:nth-child(2n){ margin-right:0;}
.zhengshu .swiper-slide:nth-child(2n+1){ clear:both}
 .zhengshu .swiper-slide:nth-child(5){ margin-right:2%;}
 
 .teamList2 li{
  padding-bottom: 40px;
  overflow: hidden;
  position: relative;
  
      width: 100%;
    float:  none;
    margin-right:0%;
	
}


}

@media screen and (max-width: 750px) {
  .titMax{
    margin-top: .35rem;
  }
  .titMax  h2{
    font-size: .36rem;
  }
  .titMax  h2::after{
    height: .31rem;
    width: .91rem;
    background-size: contain;
   
  }
  .titMax  h2::before{
    content: '';
    height: .31rem;
    width: .91rem;
    background-size: contain;
  }
  .titMax  p{
    display: inline-block;
    font-size: .16rem;
    color: #000000;
    position: relative;
    margin-top: 15px;
  }
  
  
  .titMax  p::after{
    zoom: .2;
  }
  
  .titMax  p::before{
    zoom: .2;
  }
  .aboutPic{
    width: 100%; margin-top: .4rem;
  }
  .aboutLeft{
    width: 100%; margin-top: .4rem;
  }


  .aboutBg{
    background-size: auto 100%;
    padding-bottom: 40px;
    
  }
  .caseList li{
    width: calc((100% - .3rem)/2);
    margin-right: .3rem;
    height: 4.5rem;margin-top: .3rem;
  }
  .caseList li:nth-child(2n){
    margin-right: 0;
  }
  
  .caseList li .title{
    margin-top: .15rem;
    font-size: .2rem;
    padding-bottom: .15rem;
  }


  .caseList li .more a{
    width: 1.55rem;
    height: .4rem;
    line-height: .4rem;
    font-size: .16rem;
  }
  .proList{
    margin-top: .3rem;
  }
  .proList li{
    width: calc((100% - 10px)/2);
    margin-right: 10px;
    margin-top: 10px;
  }
  .proList li:nth-child(2n){
    margin-right: 0;
  }
  .proBg{
    background-image: url(../images/bg2.jpg);
    background-size: auto 100%;
    min-height: auto;
   
  }

  .newsList li{
    width: calc((100% - 20px)/2);
    margin-right: 20px;
    margin-bottom: 20px;
    height: 4rem;
  }

  .newsList li .img{
    width: 100%;
  }
  .newsList li .box{
    width:100%;
  }

  .newsList li .box .title a{
    font-size: .18rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  }

  .newsList li .box .desc{
    font-size: .18rem;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  
  }
  
  
  .moreCase{
    text-align: center;
    margin-top: .5rem;
  }
  .moreCase a{
   font-size: .25rem;
   height: .6rem;line-height: .6rem;
   padding: 0  1rem;
  
  }

  .caseBg{
    background-image: url(../images/bg3.jpg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    padding-bottom: 1rem;
  }

.teamList2 li .img{
  width: 100px;
}
.teamList2 li .box{
  width: calc(100% - 120px);
}

.teamList2 .box .zhicheng{
zoom: .8;
}


  
}




@media screen and (max-width: 600px) {
    
  header .logo{
    width: 60%;

  }
    
  
    
  header {
    background-image: url(../images/tbg.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: auto 140%;
    height: 100px;
  }
  .bannerHome{
    margin-top: 0px;
  }
  
 .bannerHome .swiper-slide img{
  width: 100%;
  height: 220px;
  object-fit: cover; 
}
.footLogo{
  text-align: center;width: 100%;
}
.footLogo img{
  display: inline-block;
}
 .footNav{
    display: none;
 }
  
.copyright{

  width: 98%;
 
}
.titMax  h2{
    font-size: .46rem;
}
.titMax  p{
    font-size: 12px;
}
.aboutLeft .tit{
  font-size: .4rem;
}
.aboutLeft .tit span{
  font-size: 12px
}
.aboutLeft .desc{
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 19;
  -webkit-box-orient: vertical;
}
.aboutLeft .desc p{
  font-size: .28rem;
}
  

.proList li .title{
  font-size: .28rem;
}
.caseList li .title{
  font-size: .3rem;
}
.caseList li .more a{
 font-size: 12px;

}
.newsList {
    overflow: hidden;margin-top: .5rem;
}
.newsList li .box .title{
      margin-top: 10px;
}
.newsList li .box .title a{
    font-size: .3rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
    width: 100%;display: block;
}

.newsList li .box .desc{
    font-size: 12px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  
}
  
  .caseList li{
    height: 5.17rem
}

.aboutPic p{
  height: .8rem;line-height: .8rem;
  font-size: .3rem;
}
  .contents{

    background: none;
    padding-bottom: 0rem;
  }


  .contents b{
    font-size: .3rem;

  }

  .contents p{
    font-size: .28rem;

  }

  .contactTit{
    zoom: .8;
  }
.contactBox .tel{
  font-size: .3rem;
}

.contactBox .address{
  font-size: .3rem;margin-top: 15px;
}
.teamList2 .box .zhicheng{
zoom: .6;
}  
.teamList2 li .title{
  font-size: .35rem;
} 
 .teamList2 li .title span{
 font-size: 12px;
} 
  
.teamList2 li .desc{
  font-size: 12px;
 
}

.newsList2 li .box .title a{
 font-size: .35rem;
}

.caseItem a{
  display: inline-block;
  font-size: 14px;color: #666666;
  margin-right: 20px;
  height: 41px;line-height: 41px;
  padding-right: 45px;    margin-right: 0px;margin-left: 40px;
  float: left;
}

.newsList2 li  .mores {
 display: none;

}


.submit a{

  width: 90%;
  height: 1rem;line-height: 1rem;
  font-size: 18px;

  margin-top: 30px;

}

.form .row {
  height: 50px;
}

.form .row  .col{

  height: 50px;

}

.fenye{
  margin-top: .5rem;
}
.fenye a{

  height: 45px;line-height: 45px;
  font-size: .3rem;width: 45%;
}
.newsContent{
  font-size: .3rem;
}



.page{
  margin-top: .3rem;margin-bottom: .1rem;
}


.page a{
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  color: #333333;
  background:#ffffff;
  border: 1px solid #CBCBCB;
  height: 30px;line-height: 30px;
  padding: 0 10px;margin-left: 5px;
  margin-right: 5px;
}
.page a.on{
  background: #630000;color: #ffffff !important;
  border: 1px solid #7e4e0c;
}
.page a:hover{
  background: #630000;color: #ffffff !important;
  border: 1px solid #7e4e0c;
}



  

}

@media screen and (max-width: 360px) {
.bannerOther img{

  width: 100%;
  height: 150px;
  object-fit: cover; 

}
}
