﻿/*轮播*/
.linkmap{ display:none;}
.main{overflow: hidden; background: #f5f5f5;}
.details {float: right;font-size: 14px;overflow: hidden;color: #35b4c9; margin-top:35px; margin-right:15px; }
.banner{width: 100%; height: 550px;}
.swiper-container{height:550px;}
.swiper-slide{height:550px;}
.banner img{width: 100%; height: 100%;}
.content{ width: 1300px; margin: 0 auto; height: 1035px; }
.dw{position: relative; height: 360px;}
.lunbo{width: 805px; height: 400px; position: absolute; top:-40px;}
.lunbo img{ width: 100%; height: 100%;}
.m1-r{ width: 473px; height: 300px; position: absolute; top:-40px; left: 824px; background: #fff;}
.m1-r li{padding-left: 35px; padding-top: 30px;}
.m1-r .icon1{background: url(/Content/Areas/Hospitals/images/Main/icon-1.png) no-repeat 35px 30px;}
.m1-r .icon2{background: url(/Content/Areas/Hospitals/images/Main/icon-2.png) no-repeat 35px 30px;}
.m1-r .icon3{background: url(/Content/Areas/Hospitals/images/Main/icon-3.png) no-repeat 35px 30px;}
.m1-r .icon4{background: url(/Content/Areas/Hospitals/images/Main/icon-4.png) no-repeat 35px 30px;}
.m1-r li .m1-t1{ font-size: 20px; color: #35b4c9; font-family: "黑体"; padding-left: 50px;width: 260px; }
.m1-r li .m1-t1 img{float: right; }
.m1-r li span{ display: block;margin-left: 50px; color: #4de7c5; font-size: 12px;}
.danwei{width: 415px; position: absolute; left: 824px; top:295px;background: #fff;padding: 20px 30px; min-height: 243px;}
.danwei h2{font-size: 24px; color: #00578e; font-family: "黑体"; }
.fq li{ padding:20px 0;}
.fq li .title_type{color: #35b4c9; font-size: 18px; margin-left: 10px;line-height: 36px; }
.fq .title_type:hover{color: #4de7c5; }
/*协作单位样式 --18.2.1--注释修改显示全部单位*/
/*.xz li{line-height: 47px; color: #35b4c9; font-size: 16px; margin-top: 6px; float: left; margin-right: 30px; background: url(/Sites/Uploaded/UserUpLoad/20171107/20171107134940.png) no-repeat 0px 22px; padding-left:15px;}*/
/*--18.2.1--添加*/
.xz li{line-height: 24px; color: #35b4c9; font-size: 14px;float: left;padding-left: 15px;}
/*--18.2.1--添加结束*/

.xz .title_type{color: #35b4c9; font-size: 16px; }
.xz .title_type:hover{color: #4de7c5; }
.mr{margin-right: 15px;}
.news{width: 765px; height: 178px; background: #fff; padding: 20px; }
.news h2,.about h2,.c-us h2{ font-size: 22px; color: #00578e; font-family: "黑体"; }
.news h3,.about h3,.c-us h3{margin-top: 10px;font-size: 20px; color: #7bc8d7; font-family: "黑体"; }
.news p,.about p{font-size: 14px; font-family: "微软雅黑"; line-height: 30px;}
.about{width: 600px; height: 398px; background: #fff;padding: 20px;}
.about img{ float: none;margin-bottom: 10px;}
.contact{width: 640px; background: #fff; margin-left: 20px; padding-bottom:25px;min-height:413px;}
.c-us{ margin-left: 30px; margin-top: 35px; }
.con-u{margin-top: 15px;}
.con-u li{line-height: 34px; font-size: 14px; padding-left: 50px; margin-bottom:10px;}
.con-u .icon-1{ display:inline-block; background: url(/Content/Areas/Hospitals/images/Main/b-weixin.png) no-repeat; margin-right:10px;}
.con-u .icon-2{ display:inline-block; background: url(/Content/Areas/Hospitals/images/Main/b-weibo.png) no-repeat; margin-right:30px;}
.con-u .icon-3{display:inline-block; background: url(/Content/Areas/Hospitals/images/Main/b-email.png) no-repeat; margin-right:10px;}
.con-u .icon-4{ display:inline-block; background: url(/Content/Areas/Hospitals/images/Main/b-phone.png) no-repeat; margin-right:125px;}
.con-u .icon-5{ background: url(/Content/Areas/Hospitals/images/Main/b-person.png) no-repeat;}
.con-u .icon-6{ background: url(/Content/Areas/Hospitals/images/Main/p-address.png) no-repeat;}
.gzh{width: 150px; height: 17px; background: url(/Content/Areas/Hospitals/images/Main/ma_2.png) no-repeat; margin-top: 85px; margin-right: 100px;padding-top: 158px; text-align: center;font-size: 14px;font-family: "微软雅黑";}

/*轮播*/

.Click_scroll{width: 805px;height: 400px;position:relative;margin:0 auto; top:-40px;}
.Click_scroll .btn{position:absolute;width:10px;height:18px;bottom: 0px;cursor:pointer;z-index:99;width: 15px;height:108px;line-height: 108px;text-align: center;font-family: "宋体";font-size: 26px;background: rgba(37,37,37,0.8);color: #fff; margin-bottom: 10px;}
.Click_scroll .prev{left:5px;}
.Click_scroll #prevTop,.Click_scroll #nextTop{top:213px;width: 46px;height: 48px;display: none}
.Click_scroll #prevTop{background: url(/Content/Areas/Common/images/zuo.png) 0 0 no-repeat;}
.Click_scroll #nextTop{background: url(/Content/Areas/Common/images/you.png) 0 0 no-repeat;}

.Click_scroll .next{right:5px;_right:0px;}
.Click_scroll .next:hover,.Click_scroll .prev:hover{color: #fff;background:#0085ab;}

.Click_scroll li{float:left;}
.Click_scroll .cf li{position: relative;color: #fff;}
.Click_scroll .cf li span{display: block;width: 232px; position: absolute; left: 0; bottom: 0;padding: 10px 20px;line-height: 22px;text-align:left;background:rgba(0,0,0,0.6);filter: progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000") 6}
.Click_scroll .picBox{height: 400px;position:relative;overflow:hidden;}
.Click_scroll .picBox ul{height:400px;position:absolute;}
.Click_scroll .picBox li,.Click_scroll .picBox li img{width: 805px;height: 400px;}
.Click_scroll .picBox li h2{position:absolute;bottom:0;height:32px;background:url(/Content/Areas/Common/images/op_bg.png) repeat;line-height:32px;width:100%;text-align: center;font-size: 16px;}
.Click_scroll .picBox li h2 a{color: #fff}
.zhezhao{width: 805px;_width:805px;height: 118px;margin:0 auto;position:relative;margin:9px auto 0px;overflow:hidden; top:-135px; padding-bottom: 8px; background:rgba(37,37,37,0.6);}
.Click_scroll .listBox{width: 750px;_width:750px;height: 118px;margin:0 auto;position:relative;margin:9px auto 0px;overflow:hidden; top:-262px; padding-bottom: 8px;}
.Click_scroll .listBox ul{height:118px;position:absolute; width: 1000px;}
.Click_scroll .listBox li{width: 176px;_width:188px;height: 118px;cursor:pointer;position:relative;margin-right: 14px;}
.Click_scroll .listBox li i{display:none;}
.Click_scroll .listBox li img{width: 100%;height: 104px;}
.Click_scroll .listBox .on img{border:2px solid #fff;}
.Click_scroll .listBox .on i{display:block;}
.Click_scroll .listBox li h2{font:12px/2em '宋体';text-align:center;}
.listBox li .title_type{display: none;}

@media only screen and (max-width: 768px){
.main{width: 100%; overflow: hidden; margin-top:-2px;}
.dw{position: relative; height: 480px; overflow: hidden;}
.m1-r{ width: 100%; height: 180px; background: #fff; float: none; position: relative; top: 0; left: 0; margin: 0 auto;}
.icon1 p:hover{color:red;}
.m1-r li{float: left;}
.mr{margin-right: 70px;}
.content{ width: 100%; margin: 0 auto; height: 1035px; }
.danwei {width: 100%;height: 263px;position: relative; top: 0; left: 0;background: #fff; float: none; margin: 0 auto; margin-top: 20px; box-sizing: border-box;}
.news{width: 100%; padding-left: 30px; padding-right: 30px; padding-top: 20px;box-sizing: border-box;}
.about{width: 100%; padding-left: 30px; padding-right: 30px; padding-top: 20px;margin-top: 17px; box-sizing: border-box; height:40%;}
 .contact{width: 100%; margin: 0; margin-bottom:15px;}
 .contact img{width: 100%;}
.banner{width: 100%; height: 230px;}
.swiper-container{height:230px;}
.swiper-slide{height:230px;}
.banner img{width: 100%; height: 100%;}
}
@media only screen and (max-width: 710px){
.m1-r li .m1-t1{width: 230px;}
}

@media only screen and (max-width: 680px){
.banner{width: 100%; height: 200px;}
.swiper-container{height:200px;}
.swiper-slide{height:200px;}
.banner img{width: 100%; height: 100%;}
.m1-r li .m1-t1{width: 200px;}
}
@media only screen and (max-width: 640px){
.m1-r li .m1-t1{width: 180px;}
.dw{height: 480px; }
.banner .arrow-left,.banner .arrow-right{display: none}
.banner{width: 100%; height: 190px;}
.swiper-container{height:190px;}
.swiper-slide{height:190px;}
.banner img{width: 100%; height: 100%;}
.dw{position: relative; height: 490px; overflow: hidden;}
}
@media only screen and (max-width: 600px){
.banner{width: 100%; height: 180px;}
.swiper-container{height:180px;}
.swiper-slide{height:180px;}
.banner img{width: 100%; height: 100%;}
.dw{height: 480px; }
}
@media only screen and (max-width: 550px){
.m1-r{height: 300px;}
.m1-r li .m1-t1{width: 375px;}
.dw{height: 640px; }
.banner{width: 100%; height: 165px;}
.swiper-container{height:165px;}
.banner img{width: 100%; height: 100%;}
.swiper-slide{height:165px;}
.con-u .icon-1,.con-u .icon-2,.con-u .icon-3,.con-u .icon-4{display:block; float:none;}
.about{height: 44%;}
.dw{height: 490px; }

}

@media only screen and (max-width: 480px){
.m1-r{height: 300px;}
.m1-r li .m1-t1{width: 345px;}
.dw{height: 680px; }
.danwei{height: 300px;}
.banner{width: 100%; height: 140px;}
.swiper-container{height:140px;}
.swiper-slide{height:140px;}
.banner img{width: 100%; height: 100%;}
.about img{width: 100%;}
.about{height: 50%;}
}
@media only screen and (max-width: 414px){
.m1-r li .m1-t1{width: 240px;}
.dw{height: 685px; }
.banner{width: 100%; height: 210px;}
.danwei{height:355px; }
.banner img{width: 100%; height: 100%;}
.m1-r li .m1-t1{font-size:18px;}
.danwei h2{font-size:22px;}
.banner{width: 100%; height: 120px;}
.swiper-container{height:120px;}
.swiper-slide{height:120px;}
}
@media only screen and (max-width: 380px){
.about{height: 55%;}
}
@media only screen and (max-width: 360px){
.m1-r li .m1-t1{width: 200px;}
.banner{width: 100%; height: 110px;}
.swiper-container{height:110px;}
.swiper-slide{height:110px;}
.banner img{width: 100%; height: 100%;}
.danwei{height:355px; }
.m1-r li .m1-t1{font-size:18px;}
.about{height: 57%;}
}
@media only screen and (max-width: 320px){
.m1-r li .m1-t1{width: 185px;}
.danwei{height:355px; }
.m1-r li .m1-t1{font-size:18px;}
.danwei h2{font-size:20px;}
.fq{font-size:16px;}
.xz li{font-size:16px;}
.news h2, .about h2, .c-us h2{font-size:20px;}
.fq li .title_type{font-size:16px;}
} 