.clearit{clear:both;}
li{list-style: none;}a{text-decoration:none;color:#333;}
body{margin:0!important; padding:0!important;}
.main{height:950px;background: url( /Sites/Uploaded/UserUpLoad/20180419/20180419171706.jpg) 100% no-repeat;}
.header{width: 1280px; overflow: hidden; margin: 0 auto;}
.header .pic{
 width: 56%;
 float: left;
 overflow: hidden;
}
.header .logo{margin: 90px 10px;position: inherit;}
.l1,.l2,.l3{ height: 90px;}
.l4{width:305px; padding-bottom: 20px; }
.header ul{margin-top:104px;float:right;padding-left: 0;}
.header li a{color:white; display: block;  padding: 13px 20px; border: 2px solid #fff;}
.header ul li{float: left; margin-right: 15px; position: relative; }
.header ul .m1{position: absolute; left: 0px; top: 50px; display: none; width: 124px;}
.header ul .m2{position: absolute; left: 0px; top: 50px; display: none; width: 124px;}
 .header ul .m3{position: absolute; left:0px; top: 50px; display: none; width: 108px;}
 .top_2:hover .m1{display: block}
 .top_3:hover .m2{display: block}
 .top_4:hover .m3{display: block}
.le,.rig{display: none;}
.height_300{height: 160px;}
.Content{text-align: center;}
.Content ul li{float:left;}
.Content a:visited{border:none;}
.Content img:visited{border:none;} 
.Content img{border:none;}
.Img{width:1150px;margin:0 auto;overflow:hidden; margin-top: 20px;padding-left: 0;}

.Img li{height: 290px;width:250px;border-radius: 10px; }
.img1{background:rgba(27, 164, 129, 0.7);-webkit-transition: all 0.5s;transition: all 0.5s; margin-top: 60px; }
.img1:hover{margin-top: 30px;}
.img2{background: rgba(255, 255,255, 0.7);-webkit-transition: all 0.5s;transition: all 0.5s;margin-left: -30px; margin-top: 138px; }
.img2:hover {margin-top:78px;}
.img3{background: rgba(178, 178,178, 0.7);-webkit-transition: all 0.5s;transition: all 0.5s; margin-left: -30px;}
.img3:hover{margin-top: 30px;}
.img4{background: rgba(221, 200,146, 0.7);-webkit-transition: all 0.5s;transition: all 0.5s; margin-left: -30px; margin-top: 90px;}
.img4:hover{margin-top: 60px;}
.img5{background: rgba(60,132,199, 0.7);-webkit-transition: all 0.5s;transition: all 0.5s; margin-left: -30px;}
.img5:hover{margin-top: 30px;}
.Img li img{height: 80px; padding: 60px 80px;}
.Img li a{ display: block;
 width: 170px;
 height: 50px;
 margin: 0 auto;
 border-radius: 50px;
 line-height: 50px;
 font-size: 24px;
 color: #fff;
 box-shadow: 0px 0px 10px rgba(51,51,51,0.5);
}
 .img1 a{background: #1ba481;}   
 .img2 a{background: #fff; color: #333!important;}
 .img3 a{background: #b2b2b2;}
 .img4 a{background: #ddc892;}
 .img5 a{background: #3c84c7;}
ul{list-style: none;}
 .slide {height:500px;position: relative;}

 .slide li{position: absolute;left:200px;top:0;}
 .slide li img{width:100%;}
 .prev,.next{width:33px;height:60px;position: absolute;top:50%;margin-left:-20px;margin-top:-56px;
 background: url(/Content/Areas/Hospitals/images/Main/le.png) no-repeat;z-index: 99;}
 .next{right:0;background-image: url(/Content/Areas/Hospitals/images/Main/rig.png);}
 .big_lunbo{position: absolute;left: 50px;top: 29px;height: 600px;}  
.slide{display: none;}

.footer{margin-top: -8px;}


@media only screen and (max-width:1366px){
 .main{
 height: 768px;
 background: url( /Sites/Uploaded/UserUpLoad/20180419/20180419171706.jpg) no-repeat;
 background-size: cover;
 }
 .height_300 {height:72px;}
 .header ul {margin-top: 104px;padding-left: 0;}
 
 
 .Img li{height: 200px;width:175px;border-radius: 10px; }
 .Img li img{height: 55px; padding: 42px 56px;}
 .Img li a{ display: block;
 width: 119px;
 height: 35px;
 margin: 0 auto;
 border-radius: 50px;
 line-height: 35px;
 font-size: 20px;
 color: #fff;
 box-shadow: 0px 0px 10px rgba(51,51,51,0.5);
 }
 .Img{width:805px;}
}

@media only screen and (max-width:1024px){
 .main{
 height: 768px;
 background: url( /Sites/Uploaded/UserUpLoad/20180419/20180419171706.jpg) no-repeat;
 background-size: cover;
 width: 100%;
 overflow: hidden
 }
 .height_300 {height:72px;}
 .header{width: 100%}
 .header .pic{width: 40%}
 .header ul {margin-top: 104px;padding-left: 0;}
 .Img li{height: 200px;width:175px;border-radius: 10px; }
 .Img li img{height: 55px; padding: 42px 56px;}
 .Img li a{ display: block;
 width: 119px;
 height: 35px;
 margin: 0 auto;
 border-radius: 50px;
 line-height: 35px;
 font-size: 20px;
 color: #fff;
 box-shadow: 0px 0px 10px rgba(51,51,51,0.5);
 }
 .Img{width:805px;}
 .l1, .l2, .l3{display: none;}
 .header li a{ padding: 13px 10%;font-size: 14px; }

}



@media only screen and (max-width:768px){
 .F_gk{margin-top:0!important;}
 .footer{margin-top: -28px;}
 .line_q{display: block;}
 .main{margin:0!important;}
 .main_content1{padding-top: 27px;width:100%!important;}
 .F_l{width:100%!important;}
 .F_r{display: none;}
 .big_lunbo{margin-left: 30px;}
 .height_300 {height: 20%;}
 .next{margin-right: 80px;}
 .height_300 {height: 0;}
 .header .logo { margin: 35px 0px; width: 100%; }
 .Content{width: 100%;}
 .Content .Img{width: 600px;height: 600px;position: relative;margin-top: 0;}
 .Content .Img li{position: absolute;width: 200px;height: 200px;margin: 0}
 .Content .Img .img1{top: 200px;left: 200px;}
 .Content .Img .img2{top: 0;left: 0;}
 .Content .Img .img3{top: 0;left: 400px;}
 .Content .Img .img4{top: 400px;left: 0;}
 .Content .Img .img5{top: 400px;left: 400px;}
 .Img li img{height: 25%; padding: 20%;}
 .Img li a{margin-left: 15%;}
   .Img img {width: 25%; margin: 0;}
 .main {background: url( /Sites/Uploaded/UserUpLoad/20180419/20180419171706.jpg) 73%;}
 .header{width: 100%}
 .header .pic{width: 40%; margin-left: 20px;}
  .l1,.l2,.l3{display: none}
  .header ul{margin-top: 43px;}
  .header li a{ padding: 4px 10px; font-size: 14px;}
  .header ul{display: none;}
}

@media only screen and (max-width:630px){
 .Content ul li{width: 50%;margin: 0}
 .Img li a{ margin-left: 20%;}
 .header .pic{width: 50%;}
 .Content .Img{width: 450px;}
 .Content .Img .img1{top: 200px;left: 125px;}
 .Content .Img .img2{top: 0;left: 0;}
 .Content .Img .img3{top: 0;left: 250px;}
 .Content .Img .img4{top: 400px;left: 0;}
 .Content .Img .img5{top: 400px;left: 250px;}
  
}
@media only screen and (max-width:500px){
 .Content ul li{width: 50%;}
 .Img li a{ margin: 0 auto;}
 .header .pic{width: 60%;}
 .Content .Img{width: 360px;}
 .Content .Img li{width: 160px;height: 170px;}
 .Content .Img .img1{top: 190px;left: 100px;}
 .Content .Img .img2{top: 0;left: 0;}
 .Content .Img .img3{top: 0;left: 200px;}
 .Content .Img .img4{top: 380px;left: 0;}
 .Content .Img .img5{top: 380px;left: 200px;}
  
}
@media only screen and (max-width:400px){
 .Content ul li{width: 50%;  height: 170px;}
 .Img li a{ margin-left: 15%;}
 
}
@media only screen and (max-width:375px){
 .Img li a{ margin-left: 10%;}
}
@media only screen and (max-width:320px){
 .Content .Img{width: 300px;}
 .Content .Img li{width: 140px;height: 150px;}
 .Content .Img .img1{top: 170px;left: 80px;}
 .Content .Img .img2{top: 0;left: 0;}
 .Content .Img .img3{top: 0;left: 160px;}
 .Content .Img .img4{top: 340px;left: 0;}
 .Content .Img .img5{top: 340px;left:160px;}
}