/* COMMON ================ */
html,body { font-size: 20px; min-width: 320px; max-width: 640px; margin-left: auto;margin-right: auto;font-family: 'Noto Sans SC', sans-serif}
.wrapper {width:100%;overflow: hidden;margin-top: 0 !important;}
.main-content {/*margin-top: 80px;*/background-color: #FFFFFF;}
.main-content * {	outline: none!important;}
.main-content a {text-decoration: none;}
.main-content img {width: 100%;display: block;margin:0 auto;}
.blockSpace {padding: 50px 0;}
/*banner*/
.banner{ clear: both; }
.banner img {width: 100%;display: block;margin:0 auto;}
.banner .slick-dotted.slick-slider {margin: 0;}
.banner li {position: relative;}
.banner p {position:absolute;bottom:35px;right:100px;display:inline-block;padding:25px 35px;font-size: 24px;color: #fff;background-color: rgba(16,34,106,.85);text-transform: uppercase;text-align: justify;}
.banner .slick-list {overflow: visible;}
.banner .slick-dots {bottom: 15px;margin: 0;font-size: 0;}
.banner .slick-dots li {width:12px;height:12px;background-color: #a8a8a8;border-radius: 100px;}
.banner .slick-dots li.slick-active {background-color: #56aef2;}
/*.banner .swiper-pagination{text-align: right;padding-right: 35px;}*/
.banner .swiper-pagination-bullet-active{background:#006ebc;}


/*热点新闻    名医讲堂*/
.hotnews{ margin:4% 3%;  background: red; clear:both;}
.hotnews .news{ width:48%; margin-right: 3%; border: 1px solid #c5c5c5; padding: 3%; padding-top: 2%;padding-bottom: 1%; float: left;}
.hotnews span{ font-size: 0.9rem; border-bottom: solid 2px #cfa575; padding-bottom: 1.5%; }
.hotnews .swiper-container{ margin-top: 4%; }
.hotnews img{ width: 100%; }
.hotnews .swiper-pagination-bullet-active{background:#f9dd85;}
.hotnews .swiper-pagination{text-align: right;padding-right:5%;}
.hotnews p{ text-align: center; font-size: 0.8rem; margin-bottom: 0;}
.hotnews .classroom{ width:48%; margin-right: 0%; border: 1px solid #c5c5c5; padding: 3%; padding-top: 2%; padding-bottom: 1%; float: right; }
.hotnews .swiper-pagination-bullets{ bottom: 1%; }

/*视频专区*/
.video .news{ width: 100%; margin-top:4%; margin-bottom: 4%; clear: both;}


/*医生介绍*/
.pc-slide{ clear: both;}
.view .swiper-container { /*height: 620px;*/width: 100%;}
.pc-slide img{ width: 100%; }
.view:hover .arrow{display: block;}
.view .arrow{display: none;position: absolute;top: 50%;margin-top: -35px;width: 70px;height: 70px;z-index: 10; }
.preview { background:#dddddd; padding: 4% 7.8%;margin: -6% 3% 3% 3%;position: relative; z-index: 1;}
.preview .swiper-slide {width: 49%;height: 100%;}
.preview .arrow{position: absolute;top: 50%;margin-top: -9px;width: 23px; height: 52px;z-index: 10;}
.preview .arrow-left {background: url("../images/arrow-left.png") no-repeat center;left: 2%; background-size: 100% 100%;}
.preview .arrow-right {background: url("../images/arrow-right.png") no-repeat center;right: 2%; background-size: 100% 100%;}
.preview img {padding: 1px; width: 99%;}
.preview .active-nav img {border: 1px solid #0095e0;}


/*底部*/
.bottom{width: 100%;background: url(../images/bottom_bg.jpg) no-repeat; background-size: 100% 100%; clear: both;}
.bottom img{ width: 100%; }
.bottom .container{ width: 100%; padding:19% 3%; padding-bottom:18%; padding-top: 12%; font-size:1rem; color: #fff; }
.bottom .container .left{ float: left; width: 73%; padding-left: 5%;}
.bottom .container .left ul li{ width: 100%; float: left; }
.bottom .container .left ul li:first-child p{ width:49%;}
.bottom .container .left ul li span{ width: 7%; display: block; float: left;}
.bottom .container .left ul li p{ width:90%; float: left; margin-left: 2%; color: #fff;}
.bottom .container .right{ float: left; width: 23%;}
.bottom .container .right p{ width: 100%; margin-top: 39%; }
.caroufredsel_wrapper{background:#006ebd;padding:17vh 0;}
.newfooter{width: 100%;max-width: 640px;height: 120px;z-index: 199;bottom: 0;left: 0;margin: 0 auto;position: fixed;right: 0;}




/*footer代码开始*/
.footer{
    width: 100%;
    max-width: 640px;
    height: 80px;
    z-index: 199;
	background:#10368C;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    bottom: 0;
    left: 0;
    margin: 0 auto;
    position: fixed;
    right: 0;
}
.footer a{
    float: left;
    width: 19%;
    max-width: 640px;
    height: 4rem;
    text-decoration: none;
    font-size: 0.7rem;
    text-align: center;
    color: #fff;
}
.footer a.counsel{
    width: 24%;
    margin-top: -7.5%;
    position: relative;
}
.footer a img{
    width: 100%;
}








/* RESPONSIVE ================ */

@media screen and (max-width: 479px) {
	html{ font-size: 17px; }
    .preview .arrow{top: 50%;margin-top: -9px;width: 18px; height: 41px;}
    .footer a.counsel{
    margin-top: -5.5%;    
    }
}

@media screen and (max-width: 414px) {
    html{ font-size: 16px; }
    .preview .arrow{top: 50%;margin-top: -9px;width: 15px; height: 34px;}
    .footer a.counsel{
    margin-top: -5%;    
    }
    .footer{    
    height: 3.8rem;   
    }
    .footer a{       
        height: 3.8rem;      
    }
    .hotnews .news{ padding-top: 0; }
    .hotnews .classroom{ padding-top: 0; }
}

@media screen and (max-width: 375px) {
    html{ font-size: 15px; }
    .preview .arrow{top: 50%;margin-top: -9px;width: 12px; height: 27px;}
    .footer a.counsel{
    margin-top: -6%;    
    }
    .footer{    
    height: 3.5rem;   
    }
    .footer a{       
        height: 3.5rem;      
    }
    .hotnews .news{ padding-top: 0; }
    .hotnews .classroom{ padding-top: 0; }
}

@media screen and (max-width: 360px) {
    html{ font-size: 14px; }
    .preview .arrow{top: 50%;margin-top: -9px;width: 12px; height: 27px;}
    .footer a.counsel{
    margin-top: -6%;    
    }
    .footer{    
    height: 3.5rem;   
    }
    .footer a{       
        height: 3.5rem;      
    }
    .hotnews .news{ padding-top: 0; }
    .hotnews .classroom{ padding-top: 0; }
}
@media screen and (max-width: 320px) {
    html{ font-size: 14px; }
    .preview .arrow{top: 50%;margin-top: -9px;width: 12px; height: 27px;}
    .footer a.counsel{
    margin-top: -5%;    
    }
    .footer{    
    height: 3.5rem;   
    }
    .footer a{       
        height: 3.5rem;      
    }
    .hotnews .news{ padding-top: 0; }
    .hotnews .classroom{ padding-top: 0; }
}