@import 'swiper.css';

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

li {
    list-style: none;
}

input:focus,
button:focus {
    outline: 0;
}

html,
body {
    overflow-x: hidden;
    font-family: 'Microsoft YaHei', Arial, sans-serif;
    color: #333;
    
}
a,
a:hover {
    text-decoration: none;
}


.mw-page {
    font-family: Arial, 'Microsoft YaHei', sans-serif;
    overflow: hidden;
    position: relative;
    color: #fff;
    background-color: #0844b0;
    line-height: 1.6;
    padding-bottom: .2rem;
    width: 7.5rem;
    margin: 0px auto;
    background: url(../images/back.jpg);    
    background-size:.13rem .13rem;
    min-height: 20rem;
}
.mw-head{
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 11.74rem;
    background: url(../images/back_jy.jpg) no-repeat center;
    background-size:contain;
    padding-top: .15rem;
    
}
.mw-head_logo{
    width: 3.47rem;
    height: 1.64rem;
    background: url(../images/logo.png) no-repeat;
    background-size:contain;
}
.mw-head_banner{
    margin-top: .17rem;
    height: 7.56rem;
    background: url(../images/back_quan.png) no-repeat center top;
    background-size:5.52rem 4.78rem;
    width: 100%;
    padding-top: .32rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.mw-banner_text{
    width: 5.03rem;
    height: 2.01rem;
    background: url(../images/icon_text.png) no-repeat;
    background-size:contain;
}
.mw-banner_title{
    text-align: center;
    width: 6.8rem;
    color: #f8ecb9;
    font-size: .36rem;
    font-weight: bold;
    margin-top: .2rem;
}
.mw-banner_pople{
    width: 5.31rem;
    height: 4.1rem;
    background: url(../images/head_popple.png) no-repeat;
    background-size:contain;
}
.mw-head_media{
    width: 5rem;
    height: 1rem;
    background: url(../images/tips_back.jpg);
    position: relative;
    padding: .1rem;
    border-radius: .1rem;
}
.mw-head_media::before{
    content: '\20';
    background: #ecd589;
    width: .8rem;
    height: .8rem;
    border-radius: .8rem;
    position: absolute;
    left: -1.45rem;
    top: -.33rem;
}
.mw-head_media::after{
    content: '\20';
    background: #ecd589;
    width: .4rem;
    height: .4rem;
    border-radius: .4rem;
    position: absolute;
    right: -1.14rem;
    bottom: -.44rem;
}
.mw-head_media_main{
    border: 1px dashed #00439e;    
    border-radius: .1rem;
    height: .8rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #012256;
    justify-content: center;
}
.mw-head_media_main .mw-title{
    font-size: .2rem;
}
.mw-head_media_main .mw-data{
    font-size: .26rem;
    font-weight: bold;
}
.mw-head_mediaTwo{
    margin-top: .35rem;
    text-shadow: 0 0 .05rem rgba(0, 0, 0, .3);
    font-size: .16rem;
    line-height: 1.8;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.mw-head_mediaTwo .mw-title{   
    color: #e3cb80;
}
.mw-head_mediaTwo .mw-more{
    color: #fff;
    width: 6.7rem;
    text-align: center;
    margin-top: .1rem;
}
.mw-body {
    width: 7.2rem;
    margin: 0px auto;
    padding-bottom: .5rem;
}
.mw-introduction{
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 10.2rem;
    background: url(../images/back_jy.jpg) no-repeat;
    background-size:100% auto;
    padding-top: .1rem;
    width: 6.72rem;
    margin: 0px auto;
}
.mw-introduction_title{
    font-size: .48rem;
    padding: .4rem 0;
    line-height: 1;
}
.mw-introduction_main{
    border-radius: .15rem;
    background-color: rgba(255, 255, 255, .2);
    padding: .6rem .4rem;
    background: url(../images/intor_back.png) repeat-x;
    background-size:100% auto;
    font-size: .28rem;
    box-shadow: 0 0 .08rem rgba(0, 0, 0, .1);
}
.mw-introduction_main p{
    text-indent: 2em;
}

.mw-public_head{
    background: url(../images/public_head.png) no-repeat;
    background-size:contain;
    height: 1.02rem;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .36rem;
    text-shadow: .03rem .02rem 0 #3b5d99;
    font-weight: 500;
    flex-wrap: wrap;
}
.mw-public_head .mw-public_swap{
    font-size: .32rem;    
    text-align: center;
    line-height: 1.2;
}
.mw-public_head::before,
.mw-public_head::after{
    content: '\20';
    position: absolute;
    height: .43rem;
    width: .43rem;
    background: url(../images/iocn_niao.png) no-repeat;
    background-size:contain;
    left: .37rem;
    top: .64rem;
}
.mw-public_head::after{
    width: .56rem;
    height: .56rem;
    left: auto;
    right: .46rem;
    top: -.13rem;
}
.mw-public_head.mw-headTwo::before{
    display: none;
}
.mw-box-1{
    margin-top: .5rem;
}
.mw-bigTitle{
    color: #e4cd81;
    font-size: .42rem;
    text-align: center;
    padding-bottom: .5rem;
    line-height: 1;
}
.mw-bigTitle img{
    display: inline-block;
    width: 3.47rem;
    height: .56rem
}
.mw-box-1 .mw-photo_box{
    background: url(../images/back_in.jpg) no-repeat;
    padding: .13rem;
    margin-top: .16rem;
}
.mw-box-1 .mw-photo_img{
    height: 4.58rem;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.mw-box-1 .mw-photo_items{
    display: flex;
    justify-content: space-between;    
    align-items: flex-start; 
    margin-top: .38rem;
}
.mw-box-1 .mw-photo_cert{
    background: url(../images/guang_bg.jpg) no-repeat left bottom;
    background-size:contain;
    height: 5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 3.73rem;
}
.mw-box-1 .mw-photo_cert .mw-certificate{
    height: 2.6rem;    
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    width: 100%;
}
.mw-box-1 .mw-photo_cert .mw-title{
    font-size: .16rem;
    margin-top: .14rem;    
}
.mw-box-1 .mw-explanation{
    background-color: #0956bd;
    border-radius: .1rem;
    padding: .2rem;
    width: 3.3rem;
}
.mw-box-1 .mw-explanation p{
    text-indent: 2em;
    font-size: .24rem;
    line-height: 2;
}
.mw-box-2{
    margin-top: .5rem;
}
.mw-box-2.mw-mt1{
    margin-top: 0;
}
.mw-pictureOne{
    padding: .17rem .15rem;
    position: relative;
    margin-top: .38rem;
}
.mw-pictureOne::before,
.mw-pictureOne::after{
    content: '\20';
    width: .52rem;
    height: .52rem;
    background: url(../images/back_in.jpg) no-repeat;
    background-size:100% 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.mw-pictureOne::after{
    left: auto;
    top: auto;
    bottom: 0;
    right: 0;
}
.mw-pictureOne .mw-photo{
    position: relative;
    z-index: 1;
    height: 6.87rem;
    width: 6.87rem;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.mw-pictureOne .mw-photo.mw-pt02{
    height: 5.12rem;
}
.mw-pictureTwo{
    background: url(../images/back_in.jpg) no-repeat;
    background-size: 100% 100%;
    padding: .25rem;
    margin-top: .2rem;
}
.mw-pictureTwo .mw-photo{
    height: 9.47rem;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    position: relative;
}
.mw-pictureTwo .mw-photo.mw-pt03{
    height: 4.56rem;

}
.mw-pictureThree{
    margin: 0px -.15rem;
    padding: .1rem;
    background-color: #fff;
    margin-top: .2rem;
}
.mw-pictureThree .mw-photo{
    height: 10.42rem;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.mw-pictureFour{
    margin-top: .2rem;
}
.mw-pictureFour .mw-video{
    height: 3.42rem;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    position: relative;
}
.mw-directions{
    background-color: #0956bd;
    border-radius: .15rem;
    padding: .35rem .3rem;
    font-size: .24rem;
    margin-top: .25rem;
}
.mw-directions p{
    text-indent: 2em;
    line-height: 2.2;
}
.mw-videoOne{
    padding: .2rem;
    position: relative;
    width: 7.08rem;
    margin: 0px auto;    
    margin-top: .15rem;
}
.mw-videoOne::before,
.mw-videoOne::after{
    content: '\20';
    background: url(../images/video_dian.png) no-repeat;
    background-size:contain;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: .4rem;
}
.mw-videoOne::after{
    top: auto;
    bottom: 0;
}
.mw-videoOne .mw-video{
    position: relative;    
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    height: 3.84rem;
    z-index: 2;
}

.mw-video_play{
    position: absolute;
    background: url(../images/play.png) no-repeat;
    background-size:contain;
    width: .63rem;
    height: .63rem;
    left: .3rem;
    bottom: .3rem;
    display: block;
}
.mw-videoOne .mw-video.mw-vd02{
    height: 3.77rem;
}
.mw-videoOne .mw-video.mw-vd03{
    height: 6.39rem;   
}
.mw-nurse{
    background: url(../images/hs_lk.png) no-repeat;
    background-size:100% 100%;
    margin: 0px -.15rem;    
    height: 5.43rem;
}
.mw-footer{
    background: url(../images/back_jy.jpg) no-repeat center;
    background-size:contain;
    height: 10.33rem;
    padding-top: .5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.mw-footer_icons{    
    display: flex;
    flex-direction: column;
    align-items: center;
    background:url(../images/back_quan.png) no-repeat center bottom;
    background-size:contain;
    width: 5.52rem;
    height: 5.7rem;
    position: relative;
}
.mw-footer_icons::after{
    content: '\20';
    width: 3.66rem;
    height: 2.16rem;    
    background: url(../images/iocn_niaoBig.png);
    background-size:contain;
    position: absolute;
    bottom: -.32rem;
    right: -.2rem;
}
.mw-footer_logo{
    width: 4.76rem;
    height: 2.25rem;
    background: url(../images/logo.png) no-repeat;
    background-size:contain;
}
.mw-footer_text{
    width: 3.84rem;
    height: 1.57rem;
    background: url(../images/icon_text.png) no-repeat;
    background-size:contain;
    margin-top: .5rem;
}
.mw-footer_host{
    margin-top: .88rem;
    position: relative;
    font-size: .16rem;
    text-align: center;    
    text-shadow: .02rem .05rem .05rem rgba(0, 0, 0, .3);
    line-height: 1.8;
}
.mw-footer_host::before{
    content: '\20';
    background: #ecd589;
    width: .8rem;
    height: .8rem;
    border-radius: .8rem;
    position: absolute;
    left: -1.15rem;
    top: -.33rem;
}
.mw-footer_host span{
    color: #d8c68e;
    font-size: .16rem;
}
.mw-footer_media{
    position: relative;
    margin-top: .6rem;    
    text-align: center;
    font-size: .16rem;
}
.mw-footer_media_title{
    color: #d8c68e;
}
.mw-footer_media_main{
    margin-top: .1rem;
}