.mFooter {
    background: #000;
    width: 100%;
    padding: 0.4rem 0;
}
.mFooter .copyright p {
    text-align: center;
    line-height: .42667rem;
    font-size: .2rem;
    color: #4e4e4e;
}
.wrap{
    height: 36.06rem;
    background: url('https://static.web.sdo.com/gmys/20190301_yxm/wrap.jpg?a97efafaa99026b140f6e8bcd0d3a9b7') no-repeat center /cover;
}

.section{
    position: relative;
    top: 0;
    left: 0;
    height: 12.02rem;
    overflow: hidden;
}

/* sec1 */
.logo{
    position: absolute;
    top: 0.2rem;
    left: 0.2rem;
    width: 1.93rem;
    height: 1.22rem;
    background: url('https://static.web.sdo.com/gmys/20190301_yxm/logo.png?a97efafaa99026b140f6e8bcd0d3a9b7') no-repeat center/cover;
}

.home{
    position: absolute;
    top: 10.5rem;
    left: 50%;
    margin-left: -1.22rem;
    width: 2.44rem;
    height: 0.99rem;
    background: url('https://static.web.sdo.com/gmys/20190301_yxm/home.png?a97efafaa99026b140f6e8bcd0d3a9b7') no-repeat center/cover;
}

.slogan{
    position: absolute;
    top: 1.4rem;
    left: 50%;
    width: 4.98rem;
    margin-left: -2.49rem;
}
.slogan img{
    width: 100%;
}

.play{
    position: absolute;
    width: 1.32rem;
    top: 4.8rem;
    right: 0.8rem;
    animation: scale 3s ease-in infinite;
}

.play img{
    width: 100%;
}

@keyframes scale{
    60% {
        transform: scale(1.2);
    }
}

/* sec2 */
.title{
    display: block;
    margin: 0 auto;
    margin-top: 0.5rem;
}
.profession_nav{
    width: 5.8rem;
    margin:  0 auto;
    margin-top: 0.45rem;
}
.yx,.ck{
    width:2.44rem; height:0.99rem;
}
.yx{
    background-position: -4.16rem -0rem;
}
.yx.on{
    background-position: -1.72rem -0rem;
}
.ck{
    background-position: -0rem -.99rem;
}
.ck.on{
    background-position: -6.60rem -0rem;
}
.con{
    width: 6.9rem;
    margin:  0 auto;
}
.change{
    opacity: 0;
    display: none;
}
.change.on{
    opacity: 1;
    display: block;
    z-index: 1;
}
.tips{
    font-size: 0;
    margin-top: 0.4rem;
}
.w i{
    vertical-align: middle;
    margin-right: 0.2rem;
}
.w span{
    font-size: 0.36rem;
    font-weight: bold;
    color: #143b59;
    vertical-align: middle;
}
.tips .text{
    display: inline-block;
    width: 100%;
    font-size: 0.24rem;
    color: #143b59;
    padding-left: 0.6rem;
    box-sizing: border-box;
}
.sk_nav {
    width: 5.9rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    line-height: 0.37rem;
    margin:  0 auto;
}
.sk_nav .sp{
    vertical-align: middle;
    margin-left: 0.3rem;
    margin-top: 0.32rem;
    transform-origin: center;
    transform: scale(1.4);
}
.sk_nav .sp.on{
    margin-top: 0.2rem;
}
.text_w {
    width: 6rem;
    height: 1.5rem;
    overflow-y: scroll;
    margin: 0 auto;
    margin-top: 0.5rem;
}
.text_w .text{
    display: none;
    opacity: 0;
    padding-left: 0;
}

.text_w .text.on{
    display: block;
    opacity: 1;
}

/* .sec3 */
.sec3 .name{
    font-size: 0.72rem;
}

.sec3_t{
    display: block;
    width: 5.85rem;
    margin:  0 auto;
    margin-top: 0.45rem;
}

.pic_w {
    position: relative;
    top: 0;
    left: 0;
    width: 6.1rem;
    height: 3.45rem;
    margin: 0.5rem auto 0.3rem;
}
.pic_w .pic_ul{
    position: relative;
    top: 0;
    left: 0;
    width: 4.81rem;
    height: 3.04rem;
    background: url('https://static.web.sdo.com/gmys/20190301_yxm/picbg.png?a97efafaa99026b140f6e8bcd0d3a9b7') no-repeat center/cover;
    margin:  0 auto;
}

.pic_w .pic_ul li{
    position: absolute;
    width: 4.65rem;
    top: 0.1rem;
    left: 50%;
    opacity: 0;
    margin-left: -2.325rem;
    transition: opacity 0.5s;
}
.pic_w .pic_ul li img{
    width: 100%;
}
.pic_w .pic_ul li.on{
    opacity: 1;
    z-index: 2;
}

.prev,.next{
    width: 0.32rem;
    height: 0.56rem;
    position: absolute;
    top: 1.2rem;
}
.prev{
    left: 0;
    background: url('https://static.web.sdo.com/gmys/20190301_yxm/prev.png?a97efafaa99026b140f6e8bcd0d3a9b7') no-repeat center/cover;
}
.next{
    right: 0;
    background: url('https://static.web.sdo.com/gmys/20190301_yxm/next.png?a97efafaa99026b140f6e8bcd0d3a9b7') no-repeat center/cover;
}
.sec3_p{
    width: 5.64rem;
    margin:  0 auto;
}

.sec3_p img{
    width: 100%;
}

/* video */
.showMedia {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.8);
    top: 0;
    left: 0;
    z-index: 9999;
    display: none;
}

.closeMedia {
    position: absolute;
    top: 0;
    right: 0;
    width: 44px;
    height: 44px;
    font-size: 30px;
    line-height: 34px;
    background: #000;
    border-radius: 0 0 0 22px;
    z-index: 2;
}
.closeMedia:after, .closeMedia:before {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: 0 0 0 -40%;
    content: "";
    line-height: 0;
    font-size: 0;
    width: 80%;
    height: 1px;
    background: #fff;
    overflow: hidden;
    display: none\0;
}
.closeMedia::after {
    -webkit-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
}
.closeMedia::before {
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}

.showVideoWrap {
    position: absolute;
    top: 35%;
}

.showVideoWrap video {
    width: 100%;
}