header,nav,footer,article,aside,bdi,comment,details,dialog,summary,section{
    display: block;
}
body{
    /*font-family: MicrosoftYaHei, Arial, Helvetica, sans-serif;*/
    font-family: MicrosoftYaHeiLight;
    background-color: #f2f2f2;
    touch-action: manipulation;
}
*{
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
header{
    z-index: 999;
}
ul {
    letter-spacing: -8px;
}
li{
    letter-spacing: normal;
}
ul li{
    list-style: none;
}
a{
    text-decoration: none;
}
button{
    border: none;
}
.cleardiv{
    clear: both;
}
/*::-webkit-scrollbar{*/
    /*position: absolute;*/
    /*top: 0;*/
    /*right: 0;*/
/*}*/
button:hover{
    /*box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);*/
    opacity: 0.9;
    cursor: pointer;
}
.ui-loader{
    display: none;
}
.video-play{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
    z-index: 9999;
}

/*
        滤镜效果
    */
.gray{
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}
.gray:hover{
    filter: none;
}
.foot-aboutus > li> a:hover{
    color: #ffffff;
}
video{
    position: relative;
}
.contact-us-shell{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
@media only screen and (min-width: 1242px){
    header{
        position: fixed;
        width: 100%;
        min-width: 1242px;
        top: 0;
        left: 0;
        -webkit-transition: top .3s;
        -moz-transition: top .3s;
        -ms-transition: top .3s;
        -o-transition: top .3s;
        transition: top .3s;
    }
    #headernone{
        top: -60px;
    }
    .tophead{
        width: 100%;
        height: 60px;
        background-color: rgba(35,37,38,.5);
    }
    .tophead > div{
        display: inline-block;
        vertical-align: top;
    }
    .tonav{
        display: inline-block;
        width: 52%;
        /*min-width: 1024px;*/
        height: 60px;
        /*overflow: hidden;*/
    }
    #mnav{
        display: none;
    }
    .nav-ul{
        display: block;
        width: 100%;
    }
    .nav-ul > li{
        display: inline-block;
        position: relative;
        font-size: 16px;
        width: 16%;
        height: 60px;
        line-height: 60px;
        text-align: center;
        vertical-align: top;
    }
    .nav-ul >li >a ,.nav-child-div > div >a{
        display: block;
        width: 100%;
        height: 100%;
        font-size: 16px;
        line-height: 60px;
        letter-spacing: 1px;
        color: #ffffff;
        z-index: 999;
    }
    .nav-child-div{
        display: none;
        position: relative;
        width: 110%;
        margin-left: -5%;
        background-color: #ffffff;
        z-index: 999;
    }
    .nav-child-div > div:before,.wx-vipcn:before,.app-download:before{
        content: '';
        position:absolute;
        top:-8px;
        right:0;
        left: 0;
        height:0;
        width:0;
        margin: auto;
        border-bottom:8px solid #ffffff;
        border-left:8px solid transparent;
        border-right:8px solid transparent;
    }
    .nav-child-div > div > a{
        font-size: 14px;
        color: #76787a;
    }
    .nav-child-div > div > a:hover{
        background-color: #f8f8f9;
    }
    #selctNavChildDiv{
        background-color: #f8f8f9;
    }
    #selecTa{
        color: #74d2e8;
    }
    .logo{
        width: 16%;
        min-width: 91px;
        height: 60px;
        margin-left: 6%;
    }
    .logo > a{
        display: block;
        margin: 11px auto;
    }
    .logo > a > div{
        margin: 0 auto;
    }
    .wwq{
        vertical-align: top;
        display: inline-block;
        height: 60px;
        margin-left: 5%;
        margin-top: 18px;
        letter-spacing: normal;
    }
    .wwq > div,.wwq >a{
        display: inline-block;
        margin-right: 51px;
        vertical-align: top;
    }
    footer{
        width: 100%;
        min-width: 1242px;
        font-size: 14px;
        padding-bottom: 14px;
        background-color: #12161a;
        border-radius: 1px;
    }
    .tofoot{
        width: 1242px;
        height: auto;
        margin: 0 auto;
        padding: 38px 60px 0;
        font-weight: bold;
    }
    .foot-title{
        font-size: 20px;
        letter-spacing: 2px;
        color: #707880;
    }
    .foot-nav{
        margin-top: 40px;
    }

    .foot-ul > li{
        display: inline-block;
        vertical-align: text-top;
    }
    .foot-ul > li:nth-child(2){
        margin-left: 152px;
    }
    .foot-ul > li:nth-child(3){
        margin-top: -12px;
        margin-left: 90px;
    }
    .foot-ul > li> ul > li{
        margin-bottom: 20px;
    }
    .foot-ul > li> ul > li > span:nth-child(1){
        color: #707880;
        margin-right: 41px;
    }
    .foot-ul > li> ul > li > span:nth-child(2){
        color: #a2a5a8;
        cursor: pointer;
    }
    .company-info > li > span:nth-child(2):hover{
        color: #ffffff;
    }
    .foot-ul-three > li > div{
        position: relative;
        display: inline-block;
        vertical-align: middle;
    }
    .foot-ul-three > li > div:nth-child(3),.foot-ul-three > li > div:nth-child(4){
        margin-left: 34px;
    }
    .foot-ul-three > li:nth-child(2) > *{
        vertical-align: top;
    }
    .foot-ul-three > li:nth-child(2) > div{
        width: 120px;
        text-align: center;
        color: #a2a5a8;
    }
    .appupload-item{
        display: inline-block;
        width:120px;
        margin-right: 10px;
    }
    .appupload-item>img{
        width: 100%;
    }
    .foot-ul-three > li:nth-child(2) > div > img{
        width: 100%;
        height: 117px;
        /*margin-bottom: 10px;*/
    }
    .foot-wx-img{
        display: none;
        position: absolute;
        top: -155px;
        left: -47px;
        width: 146px;
        height: 147px;
        background-image: url("../imgs/common/WechatQR.png");
        background-repeat: no-repeat;
        background-position: 18px 18px;
        background-size: 110px 111px;
        background-color: #ffffff;
    }
    .foot-wx-img:before{
        content: '';
        position:absolute;
        left: 0;
        right: 0;
        bottom: -8px;
        height:0;
        width:0;
        margin: auto;
        border-top:8px solid #ffffff;
        /*border-bottom:8px solid #ffffff;*/
        border-left:8px solid transparent;
        border-right:8px solid transparent;
    }
    .foot-hr{
        width: 1122px;
        height: 2px;
        /*margin-top: 14px;*/
        background-color: #e1e1e1;
        border-radius: 1px;
        opacity: 0.05;
    }
    .tofoot a,.blogroll,.blogroll a{
        color: #a2a5a8;
    }
    .blogroll{
        margin-top: 20px;
    }
    .blogroll > li {
        display: inline-block;
        margin-right: 37px;
    }
    .foot-num{
        margin-top: 39px;
        font-size: 14px;
        color: #4b5661;
        text-align: center;
    }
    .font-text-color{
        color:#707880;
    }
    .m-foot,.m-nav{
        display: none;
    }
    .bg-sina > a,.bg-sina_unselect > a,.bg-QQ > a,.bg-QQ_select > a{
        display: block;
        width: 100%;
        height: 100%;
    }
    .bg-wechat_unselect:hover{
        background:url("../imgs/common/css_sprites.png") -121px -10px;
    }
    .bg-wechat_unselect:hover div{
        display: block;
    }
    .bg-QQ_select:hover{
        background:url("../imgs/common/css_sprites.png") -150px -207px;
    }
    .bg-sina_unselect:hover{
        background:url("../imgs/common/css_sprites.png") -192px -10px;
    }
    .nav-ul > li:hover > a{
        color: #74d2e8;
    }
    .nav-ul > li:hover > div{
        display: block;
    }
    .app-download{
        display: none;
        position: relative;
        /*width: 350px;*/
        /*height: 420px;*/
        width: 296px;
        height: 419px;
        /*padding-top: 346px;*/
        left: 50%;
        transform: translateX(-50%);
        background: #ffffff;
        /*background: url(".././imgs/common/APPQR.png") no-repeat 34px 30px/280px 280px #ffffff;*/
    }
    .app-nav{
        height: 62px;
        border-bottom: 1px solid #FCF8F8;
    }
    .app-nav>span{
        display: inline-block;
        width:40%;
        text-align: center;
        font-size: 16px;
        color: #000000;
        font-weight: 600;
        cursor: pointer;
    }
    .app-active{
        position: relative;
    }
    .app-active::after{
        content: '';
        position: absolute;
        top:100%;
        left: 50%;
        transform: translateX(-50%);
        width: 44px;
        height: 4px;
        background-color: #06a7cc;
        border-radius: 1px;
    }
    .app-ewm{
        position: relative;
        text-align: center;
        height: 246px;
        margin: 24px 0;
    }
    .app-ewm>img{
        width: 260px;
    }
    .app-cirs{
        text-align: center;
        height: 26px;
        line-height: 26px;
    }
    .app-cirs>span{
        display: inline-block;
        width: 6px;
        height: 6px;
        border-radius: 3px;
        background-color: #000000;
    }
    .app-acirs{
        background-color: #009dcf !important;
    }
    .app-none{
        display: none;
    }

    .app-download > p{
        font-size: 16px;
        line-height: 28px;
        color: #000000;
        text-align: center;
        width: 100%;
        margin: 0;
        /*margin-top: 0;*/
        /*margin-bottom: 14px;*/
        /*line-height: 16px;*/
        /*text-align: center;*/
        /*font-size: 16px;*/
        /*font-weight: bold;*/
        /*letter-spacing: 1px;*/
    }
    .wx-vipcn{
        display: none;
        position: relative;
        width: 146px;
        height: 147px;
        margin-left: -59px;
        background: url("../imgs/common/WechatQR.png") no-repeat 18px 18px/110px 111px #ffffff;
    }
    button{
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
    }
    /*banner按钮*/
    .float-button:hover{
        color: #000;
        background-color: white;
    }
    .white-button:hover{
        color: #ffffff;
        background-color: #000000;
    }
    /*联系我们弹窗*/
    .contact-us{
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,.5);
        z-index: 1000;
    }
    .contact-us > div{
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        width: 1160px;
        height: 540px;
        padding-top: 20px;
        padding-bottom: 20px;
        background-color: #f7f9fa;
        border-radius: 2px;
        opacity: 1;
    }
    .close-div{
        position: absolute;
        top: 0;
        right: -40px;
        width: 20px;
        height: 20px;
        background: url("../imgs/common/close.png") no-repeat 0 0/cover;
        cursor: pointer;
    }
    .contact-us > div > p{
        font-size: 18px;
        text-align: center;
        letter-spacing: 1px;
        color: #3a3768;
    }
    .contact-us-div{
        display: flex;
        margin-top: 18px;
        justify-content: space-evenly;
        align-items: center;
    }
    .contact-us-div > div{
        width: 352px;
        height: 458px;
        background-color: #ffffff;
        border-radius: 2px;
    }
    .contact-us-div > div > img{
        display: block;
        width: 100%;
        margin-bottom: -40px;
    }
    .contact-us-div > div > p {
        font-size: 16px;
        letter-spacing: 1px;
        color: #11101f;
        text-align: center;
    }
    .contact-us-div > div > button{
        display: block;
        width: 112px;
        height: 38px;
        line-height: 36px;
        margin: 24px auto;
        border-radius: 4px;
        border: solid 1px #06a7cc;
        font-size: 16px;
        letter-spacing: 1px;
        color: #027a95;
        background: rgba(0,0,0,0);
        cursor: pointer;
    }
    iframe{
        width: 352px;
    }
    .contact-us-div > div > a{
        display: block;
        width: 112px;
        height: 38px;
        line-height: 36px;
        margin: 24px auto;
        border-radius: 4px;
        border: solid 1px #06a7cc;
        font-size: 16px;
        text-align: center;
        letter-spacing: 1px;
        color: #027a95;
        background: rgba(0,0,0,0);
    }
    .contact-us-select:hover{
        color: #ffffff;
        background-color: #06a7cc;
    }
    .contact-us-p{
        margin-top: 12px;
        color: #3a3768;
        font-weight: bold;
    }
    .video-div{
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        width: 1242px;
        height: 700px;
        margin: auto;
    }
    .video-div > video{
        width: 100%;
        height: 100%;
    }
    .close-video-icon{
        position: absolute;
        top: 0;
        right: -40px;
        width: 20px;
        height: 20px;
        background: url(../imgs/common/close.png) no-repeat 0 0/cover;
        cursor: pointer;
    }
}






/*图标*/
/*.bg-assets {*/
    /*width: 33px;*/
    /*height: 33px;*/
    /*background: url("../imgs/common/css_sprites.png") -10px -204px;*/
/*}*/
/*.bg-Creativemethod {*/
    /*width:34px; height:34px;*/
    /*background:url("../imgs/common/css_sprites.png") -10px -150px;*/
/*} */
/*.bg-customerservice {*/
    /*width:34px; height:33px;*/
    /*background:url("../imgs/common/css_sprites.png") -222px -116px;*/
/*}*/
/*.bg-data {*/
    /*width:34px; height:34px;*/
    /*background:url("../imgs/common/css_sprites.png") -64px -150px;*/
/*}*/
/*.bg-Mediareserve {*/
    /*width:34px; height:33px;*/
    /*background:url("../imgs/common/css_sprites.png") -222px -63px;*/
/*}*/
/*.bg-Platformteaching {*/
    /*width:34px; height:33px;*/
    /*background:url("../imgs/common/css_sprites.png") -222px -10px;*/
/*}*/
/*.bg-QQ_select {*/
    /*width:50px; height:50px;*/
    /*background:url("../imgs/common/css_sprites.png") -153px -80px;*/
/*}*/
/*.bg-QQ_unselect {*/
    /*width:50px; height:50px;*/
    /*background:url("../imgs/common/css_sprites.png") -152px -10px;*/
/*}*/
/*.bg-sina_select {*/
    /*width:51px; height:50px;*/
    /*background:url("../imgs/common/css_sprites.png") -81px -80px;*/
/*}*/
/*.bg-sina_unselect {*/
    /*width:51px; height:50px;*/
    /*background:url("../imgs/common/css_sprites.png") -10px -80px;*/
/*}*/
/*.bg-Tutorial {*/
    /*width:34px; height:34px;*/
    /*background:url("../imgs/common/css_sprites.png") -118px -150px;*/
/*}*/
/*.bg-website {*/
    /*width:34px; height:32px;*/
    /*background:url("../imgs/common/css_sprites.png") -63px -204px;*/
/*}*/
/*.bg-wechat_select {*/
    /*width:51px; height:50px;*/
    /*background:url("../imgs/common/css_sprites.png") -81px -10px;*/
/*}*/
/*.bg-wechat_unselect {*/
    /*width:51px; height:50px;*/
    /*background:url("../imgs/common/css_sprites.png") -10px -10px;*/
/*}*/
/*.bg-down {*/
    /*width:50px; height:50px;*/
    /*background:url("../imgs/common/css_sprites.png") -80px -207px;*/
/*}*/
/*.bg-logo {*/
    /*width:91px; height:37px;*/
    /*background:url("../imgs/common/css_sprites.png") -10px -10px;*/
/*}*/
/*.bg-play {*/
    /*width:30px; height:30px;*/
    /*background:url("../imgs/common/css_sprites.png") -171px -330px;*/
/*}*/
/*.bg-QQ {*/
    /*width:23px; height:23px;*/
    /*background:url("../imgs/common/css_sprites.png")-290px -207px;*/
/*}*/
/*.bg-sina {*/
    /*width:27px; height:22px;*/
    /*background:url("../imgs/common/css_sprites.png")-269px -330px;*/
/*}*/
/*.bg-wechat {*/
    /*width:28px; height:23px;*/
    /*background:url("../imgs/common/css_sprites.png")-221px -330px;*/
/*}*/
.bg-assets {
    width:33px; height:33px;
    background:url("../imgs/common/css_sprites.png") -334px -277px;
}
.bg-sina_select {
    width:51px; height:50px;
    background:url("../imgs/common/css_sprites.png") -192px -10px;
}
.bg-Creativemethod {
    width:34px; height:34px;
    background:url("../imgs/common/css_sprites.png") -334px -188px;
}
.bg-data {
    width:34px; height:34px;
    background:url("../imgs/common/css_sprites.png") -263px -150px;
}
.bg-customerservice {
    width:34px; height:33px;
    background:url("../imgs/common/css_sprites.png") -118px -277px;
}
.bg-wechat_select {
    width:51px; height:50px;
    background:url("../imgs/common/css_sprites.png") -121px -10px;
}
.bg-QQ_unselect {
    width:50px; height:50px;
    background:url("../imgs/common/css_sprites.png") -150px -207px;
}
.bg-wechat_unselect {
    width:51px; height:50px;
    background:url("../imgs/common/css_sprites.png") -10px -67px;
}
.bg-sina_unselect {
    width:51px; height:50px;
    background:url("../imgs/common/css_sprites.png") -153px -137px;
}
.bg-mediareserve {
    width:34px; height:33px;
    background:url("../imgs/common/css_sprites.png") -10px -277px;
}
.bg-platformteaching {
    width:34px; height:33px;
    background:url("../imgs/common/css_sprites.png") -172px -277px;
}
.bg-Tutorial {
    width:34px; height:34px;
    background:url("../imgs/common/css_sprites.png") -192px -80px;
}
.bg-QQ_select {
    width:50px; height:50px;
    background:url("../imgs/common/css_sprites.png") -334px -10px;
}
.bg-website {
    width:34px; height:32px;
    background:url("../imgs/common/css_sprites.png") -63px -330px;
}
.bg-logo {
     width:91px; height:37px;
     background:url("../imgs/common/css_sprites.png") -10px -10px;
    cursor: pointer;
 }
.bg-QQ {
width:23px; height:23px;
background:url("../imgs/common/css_sprites.png")-290px -207px;
}
.bg-wechat {
    position: relative;
    padding-top: 42px;
    width:28px; height:23px;
    background:url("../imgs/common/css_sprites.png")-221px -330px;
}
.bg-wechat:hover > div{
    display: block;
}
.bg-sina {
width:27px; height:22px;
background:url("../imgs/common/css_sprites.png")-269px -330px;
}
.bg-play {
    width:30px; height:30px;
    background:url("../imgs/common/css_sprites.png") -171px -330px;
}
.bg-down {
    width:50px; height:50px;
    background:url("../imgs/common/css_sprites.png") -80px -207px;
    cursor: pointer;
}
/*移动端图标*/
.bg-sidebar {
    width: 54px; height: 48px;
    background: url("../imgs/common/css_m_sprites.png") -695px -306px;
}
.bg-SEVINGLOGO {
    width: 245px;
    height: 49px;
    background: url("../imgs/common/css_m_sprites.png") -550px -10px;
}
.bg-QRcode {
    width: 54px;
    height: 54px;
    background: url("../imgs/common/css_m_sprites.png") -550px -306px;
}
.bg-m-tel {
    width: 35px; height: 35px;
    background: url("../imgs/common/css_m_sprites.png") -605px -380px;
}
.bg-m-address {
    width: 31px; height: 37px;
    background: url("../imgs/common/css_m_sprites.png") -550px -435px;
}
.bg-m-Creativemethod {
    width: 160px; height: 160px;
    background: url("../imgs/common/css_m_sprites.png") -10px -10px;
}
.bg-m-Platformteaching {
    width: 160px; height: 160px;
    background: url("../imgs/common/css_m_sprites.png") -190px -10px;
}
.bg-m-Mediareserve {
    width: 160px; height: 160px;
    background: url("../imgs/common/css_m_sprites.png") -10px -190px;
}
.bg-m-backtop {
    width: 27px; height: 35px;
    background: url("../imgs/common/css_m_sprites.png") -660px -380px;
}
.bg-m-down {
    width: 88px; height: 88px;
    background: url("../imgs/common/css_m_sprites.png") -663px -193px;
}
.bg-m-sidebar {
    width: 54px; height: 48px;
    background: url("../imgs/common/css_m_sprites.png") -695px -306px;
}
.bg-m-Customerservice {
    width: 160px; height: 160px;
    background: url("../imgs/common/css_m_sprites.png") -370px -190px;
}
.bg-m-QRcode {
    width: 54px; height: 54px;
    background: url("../imgs/common/css_m_sprites.png") -550px -306px;
}
.bg-plya_white {
    width: 160px; height: 160px;
    background: url("../imgs/common/css_m_sprites.png") -370px -10px;
}
.bg-m-data {
    width: 160px; height: 160px;
    background: url("../imgs/common/css_m_sprites.png") -190px -190px;
}
.bg-m-Tutorial {
    width: 158px; height: 159px;
    background: url("../imgs/common/css_m_sprites.png") -367px -370px;
}
.bg-m-expand {
    width: 35px; height: 35px;
    background: url("../imgs/common/css_m_sprites.png") -550px -380px;
}
.bg-m-qq {
    width: 93px; height: 93px;
    background: url("../imgs/common/css_m_sprites.png") -550px -193px;
}
.bg-m-sino {
    width: 94px; height: 94px;
    background: url("../imgs/common/css_m_sprites.png") -550px -79px;
}
.bg-m-close {
    width: 28px; height: 28px;
    background: url("../imgs/common/css_m_sprites.png") -601px -435px;
}
.bg-m-email {
    width: 35px; height: 25px;
    background: url("../imgs/common/css_m_sprites.png") -707px -380px;
}
.bg-m-wechat {
    width: 93px; height: 94px;
    background: url("../imgs/common/css_m_sprites.png") -664px -79px;
}
.bg-m-play {
    width: 51px; height: 51px;
    background: url("../imgs/common/css_m_sprites.png") -624px -306px;
}
.bg-m-SEVINGLOGO {
    width: 245px; height: 49px;
    background: url("../imgs/common/css_m_sprites.png") -550px -10px;
}
.bg-m-assets {
    width: 158px; height: 159px;
    background: url("../imgs/common/css_m_sprites.png") -189px -370px;
}
.bg-m-next {
    width: 19px; height: 34px;
    background: url("../imgs/common/css_m_sprites.png") -771px -193px;
}
.bg-m-website {
    width: 159px; height: 160px;
    background: url("../imgs/common/css_m_sprites.png") -10px -370px;
}

/*移动端样式*/
@media only screen and (max-width: 1242px) {
    /*byzxr+*/
    .uploadkhd,.uploadsxd{
        color: #707880;
        font-size: 2.9vw;
        line-height: 11vw;
    }
    ::-webkit-scrollbar {display:none}
    header{
        position: fixed;
        width: 100%;
        height: 12vw;
        top: 0;
        left: 0;
        -webkit-transition: top .3s;
        -moz-transition: top .3s;
        -ms-transition: top .3s;
        -o-transition: top .3s;
        transition: top .3s;
    }
    #headernone{
        top: -12vw;
    }
    .tophead{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 12vw;
        background-color: rgba(31,38,45,0.5);
        z-index: 999;
    }
    .logo,.tonav,.wwq{
        display: none;
    }
    #mnav{
        display: block;
        position: relative;
        width: 100vw;
        height: 12vw;
    }
    #mnav > div{
        display: inline-block;
        /*vertical-align: middle;*/
    }
    #mnav > div > img{
        width: 100%;
        height: 100%;
    }
    .mnav-left-icon{
        width: 4.3vw;
        height: 3.8vw;
        margin-left: 3.8vw;
    }
    .mlogo{
        width: 19.7vw;
        margin: 0 31vw 0 32.05vw;
    }
    .mnav-right{
        /*float: right;*/
        width: 4.3vw;
        height: 4.3vw;
        margin: 3.9vw 0 0 0;
    }
    .tofoot{
        display: none;
    }
    .m-foot{
        width: 100vw;
        height: auto;
        background-color: #12161a;
    }
    .return-top{
        width: 100vw;
        height: 11.6vw;
        line-height: 11.6vw;
        background-color: #12161a;
        box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.11);
        border-bottom: solid 1px #2c3033;
    }
    .return-top > span{
        display: block;
        width: 100%;
        height: 100%;
        font-size: 2.8vw;
        letter-spacing: 2px;
        color: #707880;
        text-align: center;
    }
    .return-top-icon{
        display: inline-block;
        width: 2.1vw;
        height: 2.8vw;
        margin-left: 1.1vw;
        background: url("../imgs/mobile/common/backtop.png") no-repeat 0 0/2.1vw 2.8vw;
        vertical-align: middle;
    }
    .bot-nav{
        width: 100%;
        height: auto;
        padding: 0 3vw;
        background-color: #12161a;
    }
    .bot-nav-title{
        display: block;
        width: 100%;
        height: 11.6vw;
        line-height: 11.6vw;
        font-size: 2.9vw;
        color: #f3f3f3;
        letter-spacing: 0.16vw;
        border-bottom: solid 1px #2c3033;
    }
    .bot-nav-title > span:nth-child(2){
        display: inline-block;
        float: right;
        width: auto;
        height: 100%;
    }
    .bot-nav-title > span:nth-child(2)>span{
        display: inline-block;
        vertical-align: middle;
    }
    .bot-nav-content{
        display: none;
        width: 100%;
        padding-left: 2vw;
    }
    .bot-nav-content > a{
        display: block;
        width: 100%;
        height: 11.6vw;
        line-height: 11.6vw;
        font-size: 2.9vw;
        letter-spacing: 0.16vw;
        color: #707880;
    }
    .bot-nav-logo{
        height: 11.6vw;
        line-height: 11.6vw;
    }
    .bot-nav-logo > div{
        display: inline-block;
        vertical-align: middle;
        background-repeat: no-repeat;
    }
    .bot-nav-logo > div:nth-child(2),.bot-nav-logo > div:nth-child(3),.bot-nav-logo > div:nth-child(4){
        float: right;
        margin-top: 2.2vw;
        margin-left: 5vw;
    }
    .bot-info{
        position: relative;
        width: 100%;
        height: 11.6vw;
        line-height: 11.6vw;
        font-size: 2.9vw;
        letter-spacing: 0.16vw;
        border-bottom: solid 1px #2c3033;
    }
    .bot-info > * ,.bot-info > *:nth-child(3) > div{
        display: inline-block;
        vertical-align: middle;
    }
    .bot-info > span:nth-child(1){
        width: 15vw;
        color: #707880;
    }
    .bot-info > *:nth-child(2){
        color: #ffffff;
    }
    .bot-info > *:nth-child(3) {
        float: right;
        width: auto;
        height: 100%;
        margin-right: 0;
    }
    .bot-info > *:nth-child(3):after{
        content: "";
        clear: both;
    }
    /*.bot-info > *:nth-child(3) > div{*/
        /*display: inline-block;*/
        /*vertical-align: middle;*/
    /*}*/
    .m-foot-text{
        padding: 3.9vw 4vw 3.5vw;
        font-size: 2.9vw;
        line-height: 3.8vw;
        letter-spacing: 0.16vw;
        color: #707880;
    }
    .m-foot-href{
        padding: 0 4vw 18vw;

    }
    .m-foot-href > li{
        display: table-cell;
    }

    .m-foot-href > li > a{
        padding-right: 2.4vw;
        font-size: 2.4vw;
        color: #f3f3f3;
    }
    .m-foot-href a:after{
        content: "|";
        margin-left: 2.4vw;
    }
    .add-icon{
        width: 2.8vw;
        height: 2.8vw;
        background: url("../imgs/mobile/common/expand.png") no-repeat 0 0/2.8vw 2.8vw;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: transform 1s;
        -moz-transition: transform 1s;
        -ms-transition: transform 1s;
        -o-transition: transform 1s;
        transition: transform 1s;
    }
    .next-icon{
        width: 1.5vw;
        height: 2.7vw;
        background: url("../imgs/mobile/common/next.png") no-repeat 0 0/1.5vw 2.7vw;
    }
    .bg-SEVINGLOGO{
        width: 19.7vw;
        height: 3.9vw;
        background: url("../imgs/mobile/common/SEVINGLOGO.png") no-repeat 0 0/19.7vw 3.9vw;
    }
    .bg-SEVINGLOGO > a{
        width: 100%;
        height: 100%;
    }
    .bg-m-wechat{
        width: 7.48vw; height: 7.56vw;
        background: url("../imgs/mobile/common/wechat.png") no-repeat 0 0/7.48vw 7.56vw;
    }
    .bg-m-sino{
        width: 7.56vw; height: 7.56vw;
        background: url("../imgs/mobile/common/sino.png") no-repeat 0 0/7.56vw 7.56vw;
    }
    .bg-m-qq{
        width: 7.48vw; height: 7.48vw;
        background: url("../imgs/mobile/common/qq.png") no-repeat 0 0/7.48vw 7.48vw;
    }
    .bg-m-tel{
        width: 2.8vw; height: 2.8vw;
        background: url("../imgs/mobile/common/tel.png") no-repeat 0 0/2.8vw 2.8vw;
    }
    .bg-m-address{
        width: 2.49vw; height: 2.9vw;
        background: url("../imgs/mobile/common/address.png") no-repeat 0 0/2.49vw 2.9vw;
    }
    .bg-m-email{
        width: 2.8vw; height: 2vw;
        background: url("../imgs/mobile/common/email.png") no-repeat 0 0/2.8vw 2vw;
    }
    .close-icon {
        width: 2.2vw;
        height: 2.2vw;
        background: url("../imgs/mobile/common/close.png") no-repeat 0 0/2.2vw 2.2vw;
    }
    /*
        移动端导航栏
    */
    .m-nav{
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background-color: rgba(0,0,0,.5);
        overflow-y: auto;
        -ms-overflow-y: auto;
        z-index: 9999;
    }
    .m-nav-title{
        width: 100%;
        height: 12vw;
        background-color: #ffffff;
    }
    .m-nav-title > div{
        display: inline-block;
        vertical-align: middle;
    }
    .icon-close-left{
        width: 12vw;
        height: 12vw;
        background: url("../imgs/mobile/common/mback.png") no-repeat 3.8vw 4.35vw/3.3vw 3.3vw;
    }
    .icon-logo-center{
        width: 19.7vw;
        height: 3.9vw;
        margin-left: 27.6vw;
        background: url("../imgs/mobile/common/mSEVINGLOGO.png") no-repeat 0 0/cover;
    }
    .bot-nav-title > a{
        color: #f3f3f3;
    }
    .m-nav-item{
        width: 100%;
        padding: 0 3.8vw;
        background-color: #ffffff;
    }
    .m-nav-item > a{
        display: block;
        width: 100%;
        height: 11.6vw;
        line-height: 11.6vw;
        font-size: 2.8vw;
        color: #12161a;
        border-bottom: solid 1px #e3e3e3;
    }
    .m-nav-item > div{
        width: 100%;
    }
    .m-nav-item div{
        border-bottom: solid 1px #e3e3e3;
    }
    .m-nav-item-title{
        height: 11.6vw;
        line-height: 11.6vw;
        font-size: 2.8vw;
        letter-spacing: 1.8px;
        color: #12161a;
    }
    .m-nav-item-title > a{
        display: block;
        width: 100%;
        height: 11.6vw;
        color: #12161a;
    }
    .m-nav-item-a{
        display: none;
        width: 100%;
    }
    .m-nav-item-a > a{
        display: block;
        width: 100%;
        padding-left: 2.1vw;
        line-height: 11.6vw;
        font-size: 2.8vw;
        letter-spacing: 1.8px;
        color: #707880;
    }
    .m-nav-item > div > span{
        display: inline-block;
        vertical-align: middle;
    }
    .add-icon-head{
        float: right;
        display: inline-block;
        width: 2.8vw;
        height: 2.8vw;
        margin-top: 4.4vw;
        margin-right: 0;
        background: url("../imgs/mobile/common/mexpand.png") no-repeat 0 0/2.8vw 2.8vw;
    }
    .add-icon-head:after{
        content: '';
        clear: both;
    }
    .next-icon-head{
        float: right;
        display: inline-block;
        width: 11.6vw;
        height: 11.6vw;
        margin-right: 0;
        background: url("../imgs/mobile/common/mnext.png") no-repeat 10.1vw 4.4vw/1.5vw 2.8vw;
    }
    .m-nav-foot{
        width: 100%;
        padding: 0 3.8vw 4vw;
        background-color: #ffffff;
    }
    .m-nav-foot > span,.m-nav-foot > ul{
        display: inline-block;
    }
    .m-nav-foot > span{
        line-height: 11.6vw;
        font-size: 2.8vw;
        letter-spacing: 1.8px;
        color: #12161a;
    }
    .m-nav-foot > ul{
        float: right;
        height: 11.6vw;
    }
    .m-nav-foot > ul:after{
        content: '';
        clear: both;
    }
    .m-nav-foot > ul > li{
        float: right;
        height: 100%;
        padding-top: 2.1vw;
        margin-left: 5vw;
    }
    .m-nav-foot > ul > li:after{
        content: '';
        clear: both;
    }
    .m-nav-wechat{
        width: 7.4vw;
        height: 7.4vw;
        background: url("../imgs/mobile/common/mwechat.png") no-repeat 0 0/cover;
    }
    .m-nav-sino{
        width: 7.4vw;
        height: 7.4vw;
        background: url("../imgs/mobile/common/msino.png") no-repeat 0 0/cover;
    }
    .m-nav-qq{
        width: 7.4vw;
        height: 7.4vw;
        background: url("../imgs/mobile/common/mqq.png") no-repeat 0 0/cover;
    }
    .bg-m-sino > a,.bg-m-qq > a,.m-nav-foot > ul > li > div > a{
        display: block;
        width: 100%;
        height: 100%;
    }
    /*联系我们弹窗*/
    .contact-us{
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,.5);
        z-index: 1000;
    }
    .contact-us > div{
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        width: 85vw;
        height: 123vw;
        padding: 2vw 2vw 4vw;
        background-color: #f7f9fa;
        border-radius: 1vw;
        opacity: 1;
    }

    .contact-us > div > p{
        display: none;
    }
    .contact-us-div{
        display: flex;
        justify-content: space-between;
        width: 243vw;
        height: 100%;
        margin-left: 0;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
    }
    .contact-us-div > div{
        width: 81vw;
    }
    .contact-us-div > div > img{
        width: 100%;
    }
    .contact-us-div > div> p:nth-child(2){
        font-size: 4vmin;
        text-align: center;
        color: #11101f;
    }
    .contact-us-div > div> p:nth-child(3){
        margin-top: 5vw;
        font-size: 4vmin;
        text-align: center;
        letter-spacing: 0;
        color: #3a3768;
        cursor: pointer;

    }
    /*.contact-us-div > div:last-child > p:nth-child(3){*/
        /*display: block;*/
        /*width: 42vw;*/
        /*height: 10vw;*/
        /*line-height: 10vw;*/
        /*text-align: center;*/
        /*margin: 6vw auto;*/
        /*background-color: #06a7cc;*/
        /*font-size: 4vmin;*/
        /*color: #ffffff;*/
        /*cursor: pointer;*/
    /*}*/
    .contact-us-div > div > button{
        display: block;
        width: 42vw;
        height: 10vw;
        line-height: 10vw;
        text-align: center;
        margin: 6vw auto;
        background-color: #06a7cc;
        font-size: 4vmin;
        color: #ffffff;
        cursor: pointer;
    }
    .contact-us-div > div> p:nth-child(4){
        text-align: center;
    }
    .contact-us-div > div> button{
        display: block;
        width: 42vw;
        height: 10vw;
        margin: 6vw auto;
        background-color: #06a7cc;
        font-size: 4vmin;
        color: #ffffff;
    }
    .close-div{
        position: absolute;
        left: 0;
        right: 0;
        bottom: -13vw;
        width: 7vw;
        height: 7vw;
        margin: auto;
        background: url("../imgs/mobile/common/close.png") 0 0/cover;
    }
    .video-div{
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        width: 90vw;
        height: 63vw;
        margin: auto;
    }
    .video-div > video{
        width: 100%;
        height: 100%;
    }
    .close-video-icon{
        position: absolute;
        top: 0;
        right: -40px;
        width: 20px;
        height: 20px;
        background: url(../imgs/common/close.png) no-repeat 0 0/cover;
        cursor: pointer;
    }
    .wechat-vipcn{
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,.5);
        z-index: 1000;
    }
    .wechat-vipcn > div{
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 85vw;
        height: 110vw;
        padding: 2vw 2vw 4vw;
        margin: auto;
        border-radius: 2vw;
        background-color: #ffffff;
    }
    .wechat-vipcn > div > img{
        display: block;
        width: 100%;
    }
    .wechat-vipcn > div > p{
        line-height: 6vw;
        margin-top: 5vw;
        font-size: 4vmin;
        text-align: center;
        color: #11101f;
    }
}