@font-face {
    font-family:iconfont;
    src:url(//at.alicdn.com/t/font_504637_s2goftcatmhiwwmi.eot);
    src:url(//at.alicdn.com/t/font_504637_s2goftcatmhiwwmi.eot?#iefix) format('embedded-opentype'), url(//at.alicdn.com/t/font_504637_s2goftcatmhiwwmi.woff) format('woff'), url(//at.alicdn.com/t/font_504637_s2goftcatmhiwwmi.ttf) format('truetype'), url(//at.alicdn.com/t/font_504637_s2goftcatmhiwwmi.svg#iconfont) format('svg')
}
@font-face {
    font-family:bigcaslon;
    src:url(../fonts/bigcaslon/fonteditor.eot);
    src:url(../fonts/bigcaslon/fonteditor.eot?#iefix) format('embedded-opentype'), url(../fonts/bigcaslon/fonteditor.woff) format('woff'), url(../fonts/bigcaslon/fonteditor.ttf) format('truetype'), url(../fonts/bigcaslon/fonteditor.svg#bigcaslon) format('svg');
    font-weight:400;
    font-style:normal
}
@font-face {
    font-family:melbournebold;
    src:url(../fonts/melbourne_bold-webfont.eot);
    src:url(../fonts/melbourne_bold-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/melbourne_bold-webfont.woff) format('woff'), url(../fonts/melbourne_bold-webfont.ttf) format('truetype'), url(../fonts/melbourne_bold-webfont.svg#melbournebold) format('svg');
    font-weight:400;
    font-style:normal
}
@font-face {
    font-family: AlibabaSans-Normal;
    src: url('../fonts/AlibabaSans-Regular.otf');
    font-weight: normal;
    font-style: normal;
}
body, html {
    font-family:'Source Han Sans CN', "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    color:#3e3e3e
}
h2, h3, h4 {
    font-weight:400
}
.article_info p{text-indent: 2rem;}
.star-right ul li img {
    width:100%
}
.iconfont {
    font-family:iconfont
}
* {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.bg {
    position:fixed;
    width:100%;
    top:0;
    top:0;
    height:100vh;
    z-index:6;
    pointer-events:none
}
.page-wrap {
    position:relative;
    overflow:hidden
}
.bg ul {
    font-size:0;
    -webkit-text-size-adjust:none;
    margin-left:7%;
    width:86%;
    position:relative;
    height:100vh
}
.bg ul li {
    display:inline-block;
    width:-webkit-calc(100% / 6);
    width:-moz-calc(100% / 6);
    width:calc(100% / 6);
    vertical-align:top;
    height:100%;
    position:relative
}
.bg ul li:before {
    content:'';
    display:block;
    position:absolute;
    height:100%;
    width:1px;
    background-color:rgba(0, 0, 0, .15);
    left:0;
    top:0;
    z-index:3;
    opacity:.3
}
.bg ul li:last-of-type:after {
    content:'';
    display:block;
    position:absolute;
    height:100%;
    width:1px;
    background-color:#eee;
    right:0;
    top:0;
    opacity:.3
}
.color1 {
    background-color:#00c0cb
}
.color2 {
    background-color:#c4dc37
}
.color3 {
    background-color:#fb004e
}
.bg ul li span {
    position:absolute;
    width:1px;
    height:54px;
    left:0;
    z-index:4
}
.bg ul li span.s7 {
    left:auto;
    right:0
}
.w100 {
    width:100%
}
.section1 .swiper-container {
    position:absolute;
    width:100%;
    height:100%;
    overflow:hidden;
    top:0;
    left:0
}
.section1 {
    width:-webkit-calc(93% - 86% / 6);
    width:-moz-calc(93% - 86% / 6);
    width:calc(93% - 86% / 6);
    position:relative;
    margin-left:auto;
    margin-right:0;
    z-index:5
}
.select-box .select-item.error {
    background-color:red
}
.select-box .select-item.error p {
    opacity:1
}
.section1 .text-t {
    position:absolute;
    width:auto;
    left:5%;
    top:40%;
    color:#fff
}
.banner-left {
    position:fixed;
    width:35.7%;
    left:0;
    top:0;
    z-index:1;
    height:auto;
    overflow:hidden
}
.banner-left.active {
    position:absolute;
    top:-webkit-calc(100vh - 200px);
    top:-moz-calc(100vh - 200px);
    top:calc(100vh - 200px);
    left:0
}
.left-1 {
    display:none
}
.section1 .swiper-container .swiper-slide {
    position:relative;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat
}
.section1 .text-t h3 {
    font-size:48px;
    line-height:65px;
    font-weight:400
}
.section1 .text-t p {
    text-transform:uppercase;
    font-size:25px;
    font-family:melbournebold
}
.wx {
    position:absolute;
    right:30px;
    top:40px;
    z-index:5;
    display:none
}
.wx ul li {
    display:inline-block;
    vertical-align:middle;
    color:#fff;
    font-size:18px
}
.wx ul li.yx-box {
    font-size:14px
}
.wx ul li+li {
    margin-left:20px
}
.menu-button {
    display: inline-block;
    width:126px;
    height: 90px;
    /* left:-webkit-calc(7% + 86% / 6 + 1px);
    left:-moz-calc(7% + 86% / 6 + 1px);
    left:calc(7% + 86% / 6 + 1px); */
    z-index:6;
    cursor:pointer;
    position: absolute;
    right: 0;
    top: 0;
}
.menu-index {
    position:fixed;
    left: 0;
    width: calc(7% + 86% / 6 + 1px);
    top: 64px;
    display:block;
    transition:all .3s ease 0s;
    background-color: rgba(255, 255, 255, .5);
    z-index:6;
    padding: 20px;
}
.menu-logo-box{
    display: inline-block;

}
.menu-logo-box img{
    height: 50px;
}

.menu-button span {
    position:absolute;
    width:26px;
    left:50%;
    top:50%;
    display:block;
    height:1px;
    background-color:#fff;
    margin-left:-13px
}
.banner {
    position:relative;
    height:-webkit-calc(100vh - 200px);
    height:-moz-calc(100vh - 200px);
    height:calc(100vh - 200px);
    background-color: #fff;
}
.menu-button span:first-of-type {
    margin-top:-10px
}
.menu-button span:last-of-type {
    width:21px;
    margin-top:10px
}
.nav {
    position:relative;
    width:-webkit-calc(86vw / 6 * 5);
    width:-moz-calc(86vw / 6 * 5);
    width:calc(86vw / 6 * 5);
    z-index:5
}
.nav ul {
    font-size:0;
    -webkit-text-size-adjust:none;
    width:100%
}
.nav ul li {
    display:inline-block;
    font-size:14px;
    color:#696969;
    text-transform:uppercase;
    width:20%;
    height:200px;
    position:relative
}
.nav ul li:first-child:before, .nav ul li:nth-child(2):before {
    width:-webkit-calc(100% - 1px);
    width:-moz-calc(100% - 1px);
    width:calc(100% - 1px);
    height:100%;
    left:0;
    top:0;
    content:'';
    display:block;
    position:absolute;
    background-color:#fff
}
.nav ul li .detail {
    position:absolute;
    top:50%;
    width:90%;
    left:5%;
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0);
    text-align:center;
    z-index:6;
    opacity:0;
    visibility:hidden;
    font-size:14px;
    color:#fff;
    line-height:1.5;
    -webkit-transition:all .6s;
    -o-transition:all .6s;
    -moz-transition:all .6s;
    transition:all .6s
}
.nav ul li .detail a {
    display:block;
    position:relative;
    width:160px;
    height:40px;
    border:1px solid rgba(255, 255, 255, .7);
    line-height:40px;
    text-align:center;
    color:#fff;
    margin:0 auto;
    -webkit-transition:all .3s;
    -o-transition:all .3s;
    -moz-transition:all .3s;
    transition:all .3s;
    margin-top:20px;
    font-family:melbournebold
}
.nav ul li .detail a:before {
    width:0;
    height:100%;
    position:absolute;
    right:0;
    top:0;
    -webkit-transition:all .3s;
    -o-transition:all .3s;
    -moz-transition:all .3s;
    transition:all .3s;
    z-index:-1;
    content:'';
    background:#fff
}
.nav ul li .title {
    position:absolute;
    top:50%;
    text-align:center;
    width:100%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    z-index:6;
    -webkit-transition:all .6s;
    -o-transition:all .6s;
    -moz-transition:all .6s;
    transition:all .6s
}
.nav ul li .detail a:hover:before {
    width:100%;
    left:0
}
.nav ul li .detail a:hover {
    color:#7E0303
}
.nav ul li:hover .title {
    color:#fff;
    top:-25%;
}
.nav ul li:hover .detail {
    transform:translateY(-60%);
    -webkit-transform:translateY(-60%);
    -o-transform:translateY(-60%);
    -ms-transform:translateY(-60%);
    -moz-transform:translateY(-60%);
    opacity:1;
    visibility:visible
}
.nav ul li .title span {
    font-size:50px;
    line-height:50px
}
.nav ul li .title img{
    width: 40px;
    margin: 10px auto;
}
.nav ul li .title h4 {
    font-size:18px;
    margin:15px 0
}
.nav ul li .title p {
    font-size:12px;
    font-family:melbournebold
}
.nav ul li:nth-of-type(4) .title span {
    font-size:44px
}
.nav-icon-active{
    display: none;
}
.nav ul li:hover .nav-icon-active{
    display: block;
}
.nav ul li:hover .nav-icon{
    display: none;
}
.sub-mouse {
    position: absolute;
    left: 50%;
    top: 90%;
    transform: translateY(-50%) translateX(-50%);
    margin-left: 0;
    cursor: pointer;
    z-index: 10;
}

.sub-mouse span {
    background: url(../img/icon/mouse.svg) center no-repeat;
    display: block;
    position: relative;
    width: 40px;
    height: 40px;
    -o-animation: moveDownSpot 0.85s linear 0s alternate infinite;
    animation: moveDownSpot 0.85s linear 0s alternate infinite;
    -webkit-animation: moveDownSpot 0.85s linear 0s alternate infinite;
    -moz-animation: moveDownSpot 0.85s linear 0s alternate infinite;
}
@keyframes moveDownSpot {
    0% {
        opacity: 0.4;
        transform: translateY(-20px);
    }

    15% {
        opacity: 0.65;
        transform: translateY(-15px);
    }

    25% {
        opacity: 0.8;
        transform: translateY(-10px);
    }

    50% {
        opacity: 1;
        transform: translateY(0px);
    }

    75% {
        opacity: 0.8;
        transform: translateY(10px);
    }

    85% {
        opacity: 0.65;
        transform: translateY(15px);
    }

    100% {
        opacity: 0.4;
        transform: translateY(20px);
    }
}

@-webkit-keyframes moveDownSpot {
    0% {
        opacity: 0.4;
        -webkit-transform: translateY(-20px);
    }

    15% {
        opacity: 0.65;
        -webkit-transform: translateY(-15px);
    }

    25% {
        opacity: 0.8;
        -webkit-transform: translateY(-10px);
    }

    50% {
        opacity: 1;
        -webkit-transform: translateY(0px);
    }

    75% {
        opacity: 0.8;
        -webkit-transform: translateY(10px);
    }

    85% {
        opacity: 0.65;
        -webkit-transform: translateY(15px);
    }

    100% {
        opacity: 0.4;
        -webkit-transform: translateY(20px);
    }
}

@-moz-keyframes moveDownSpot {
    0% {
        opacity: 0.4;
        -moz-transform: translateY(-20px);
    }

    15% {
        opacity: 0.65;
        -moz-transform: translateY(-15px);
    }

    25% {
        opacity: 0.8;
        -moz-transform: translateY(-10px);
    }

    50% {
        opacity: 1;
        -moz-transform: translateY(0px);
    }

    75% {
        opacity: 0.8;
        -moz-transform: translateY(10px);
    }

    85% {
        opacity: 0.65;
        -moz-transform: translateY(15px);
    }

    100% {
        opacity: 0.4;
        -moz-transform: translateY(20px);
    }
}
.section2 {
    position:relative;
    height:110vh;
    width:-webkit-calc(93vw - 86vw / 3 - 4px);
    width:-moz-calc(93vw - 86vw / 3 - 4px);
    width:calc(93% - 86% / 6);
    margin-left:auto;
    margin-right:0;
    z-index:6;
    background-color: #fff;
}
.section2-left{
    position: absolute;
    bottom: 0;
    right: 100%;
    height: 100%;
    width: 30%;
    background: url(../img/section2_left.jpg);
}
.section2-bg{
    width: 100vw;
    position: absolute;
    bottom: 0;
    right: 0;
}
.section2 .section2-box {
    position:absolute;
    top:20%;
    left:20%;
    z-index: 1;
    width: 60%;
}
.section2 .section2-box h2 {
    font-size:30px;
    letter-spacing:5px;
    color: #028E98;
}
.section2 .section2-box h3 {
    font-size:14px;
    letter-spacing:0;
    color: #028E98;
    padding-top: 15px;
}
.section2 .section2-box>p {
    font-size:16px;
    line-height:2;
    margin-top:25px;
    text-indent: 2em;
}
.section2 .section2-box>a {
    float: right;
}
.section2 .section2-box ul {
    margin-top:40px
}
.section2 .section2-box ul li {
    display:inline-block;
    vertical-align:top
}
.section2 .section2-box ul li+li {
    margin-left:50px
}
.section2 .section2-box ul li p:first-of-type {
    font-size:46px;
    color:#7E0303;
    position:relative;
    line-height:1
}
.section2 .section2-box ul li p span {
    position:relative
}
.section2 .section2-box ul li:first-of-type p:first-of-type span:before {
    content:'+';
    display:block;
    position:absolute;
    font-size:16px;
    left:60px;
    width:20px;
    text-align:center
}
.section2 .section2-box ul li p:last-of-type {
    line-height:1.5
}
.section2 .section2-box ul li p:first-of-type span:before {
    content:'+';
    display:block;
    position:absolute;
    font-size:16px;
    left:110px;
    width:20px;
    text-align:center
}
.section2 .section2-box ul li:last-of-type p:first-of-type:before {
    left:82px
}
.section2 .section2-box a {
    position:relative;
    width:192px;
    height:48px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    text-align:center;
    color:#000;
    text-transform:uppercase;
    line-height:45px;
    display:block;
    margin-top:50px;
    -webkit-transition:all .3s;
    font-family:melbournebold;
    font-size:18px
}

.section2 .section2-box a{
    background-image: url(../img/icon/button_bg_blue.svg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: #028E98;
}


.map_web {
    margin:20px 0
}
.map_web h2 {
    padding-bottom:5px
}
.map_web h2 a {
    font-size:24px;
    color:#3e3e3e
}
.map_web .map-list a {
    font-size:16px;
    display:inline-block;
    margin-right:20px
}
.map_web a:hover {
    color:#328ba1
}
.msg_form .msg_div .msg_submit:hover, .msg_nav a.active, .msg_nav a:hover, .replay_gd a:hover, .select-box .btn_:hover, .yk-body .yk-item .see:hover {
    color:#fff;
    border-color:#7E0303
}
.msg_form .msg_div .msg_submit:before, .msg_nav a:before, .replay_gd a:before, .select-box .btn_:before, .yk-body .yk-item .see:before {
    width:0;
    height:100%;
    display:block;
    position:absolute;
    right:0;
    top:0;
    z-index:-1;
    background:#7E0303;
    -webkit-transition:all .2s;
    content:''
}
.msg_form .msg_div .msg_submit:hover:before, .msg_nav a.active:before, .msg_nav a:hover:before, .replay_gd a:hover:before, .select-box .btn_:hover:before, .yk-body .yk-item .see:hover:before {
    width:100%;
    left:0
}

.msg_form .msg_div .msg_submit:before, .select-box .btn_:before {
    z-index: 0
}
.star {
    min-height:95vh;
    position:relative;
    font-size:0;
    -webkit-text-size-adjust:none;
    z-index:5
}
.star-title {
    position:relative;
    margin-top:15px;
    margin-left:15%
}
.star-title h2 {
    font-size:56px;
    letter-spacing:5px
}
.star-right {
    position:relative;
    display:inline-block;
    width:-webkit-calc(7vw + 86vw / 6 - 4px);
    width:-moz-calc(7vw + 86vw / 6 - 4px);
    width:calc(7vw + 86vw / 6 - 4px);
    vertical-align:top
}
.star-right ul {
    position:relative
}
.star-right ul li {
    position:absolute;
    width:100%;
    left:0;
    height:100%;
    background-position:center center;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    opacity:0;
    -webkit-transition:all 1.2s;
    -o-transition:all 1.2s;
    -moz-transition:all 1.2s;
    transition:all 1.2s;
    top:0
}
.star-right ul li img:last-of-type {
    display:none
}
.star-right ul li.active {
    opacity:1
}
.star-right ul li:first-of-type {
    position:relative;
    width:auto;
    height:auto
}
.star-left {
    position:relative;
    display:inline-block;
    width:-webkit-calc(93% - 86% / 6);
    width:-moz-calc(93% - 86% / 6);
    width:calc(93% - 86% / 6);
    font-size:14px;
    vertical-align:top
}
.dot img {
    position:relative;
    margin:0 auto
}
.dot {
    margin:10vh 0
}
.star .swiper-container {
    width:70%;
    text-align:center;
    height:250px
}
.star .swiper-container .swiper-slide {
    height:250px;
    position:relative
}
.star .swiper-container .swiper-slide p:not(.name) {
    line-height:2;
    font-size:16px;
    text-align:left;
    padding:0 2%
}
.star .name {
    position:absolute;
    width:100%;
    left:0;
    bottom:0
}
.star .name>span:first-of-type {
    font-size:16px;
    letter-spacing:3px;
    line-height:45px
}
.star .name>span span {
    display:block;
    font-size:12px;
    line-height:18px;
    opacity:.7
}
.star .name>span {
    display:inline-block;
    vertical-align:middle;
    text-align:left;
    padding-top:3px
}
.star .name>span span:first-of-type {
    opacity:.9;
    font-size:14px
}
.activities-video .arr, .beauty-list- .arr, .classroom-banner .arr, .star .arr {
    position:absolute;
    bottom:0;
    height:32px;
    width:80px;
    background-image:url(../img/arr-left.png);
    background-position:center center;
    background-repeat:no-repeat;
    cursor:pointer;
    z-index:10
}
.arr.disable {
    display:none!important
}
.activities-video .arr.right, .beauty-list- .arr.right, .classroom-banner .arr.right, .star .arr.right {
    background-image:url(../img/arr-right.png);
    right:0;
    left:auto
}
.saav {
    position:relative
}
.saav .tupian {
    position:absolute;
    left:0;
    top:0;
    visibility:hidden;
    opacity:0
}
.saav .activities-video {
    visibility:hidden;
    opacity:0
}
.saav .activities-video.active {
    visibility:visible;
    opacity:1
}
.c-btns {
    text-align:center;
    padding-top:100px;
    position:relative;
    z-index:10
}
.c-btns a {
    display:inline-block;
    width:160px;
    height:45px;
    line-height:45px;
    border:1px solid rgba(0, 0, 0, .1);
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-transition:all .3s;
    -o-transition:all .3s;
    -moz-transition:all .3s;
    transition:all .3s;
    margin:0 30px
}
.c-btns a.active {
    background:#000;
    color:#fff
}
.c-btns a:hover {
    background:#000;
    color:#fff
}
.activities-video .swiper-container .swiper-slide {
    background-position:center center;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover
}


/* 海外星云 */
.main-container {
    position: relative;
    background: #fff;
    z-index: 5;
}
.section3{
    position: relative;
    z-index: 1;
}
 .section3 li {
    float: left;
    width: 33.333333%;
    overflow: hidden;
}
 .section3 li a {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
}
.section3 li a:before {
    content:'';
    position: absolute;
    bottom: 18px;
    right: 2.75%;
    z-index: 1;
    width: 0px;
    height: 1px;
    background-color: #ff9595;
    -webkit-transition: all 1.5s ease 0s;
    -moz-transition: all 1.5s ease 0s;
    -ms-transition: all 1.5s ease 0s;
    -o-transition: all 1.5s ease 0s;
    transition: all 1.5s ease 0s;
    opacity: 0;
}
@media (min-width: 1200px) {
    .index .section5 .main-container .news .item:hover .text a {
        color: #ff3f3f;
    }
    .gx_ydcen a:hover {
        color: #ff3f3f;
    }
    .gx_dah3, .gx_tubtn {
        transition: all 0.36s;
    }
    .gx_neitm a:hover .gx_dah3 {
        color: #ff3f3f;
    }
    .gx_neitm a:hover .gx_tubtn {
        color: #ff3f3f;
    }
    .section3 li a:hover:before {
        width: 94.5%;
        opacity: 1;
    }
    .section3 li a:hover:after {
        height: 72.8%;
        opacity: 1;
    }
}
.section3 li a:after {
    content:'';
    position: absolute;
    bottom: 14.8%;
    left: 2.75%;
    z-index: 1;
    width: 1px;
    height: 0;
    background-color: #ff9b9b;
    -webkit-transition: all 1.5s ease 0s;
    -moz-transition: all 1.5s ease 0s;
    -ms-transition: all 1.5s ease 0s;
    -o-transition: all 1.5s ease 0s;
    transition: all 1.5s ease 0s;
    opacity: 0;
}
.section3 li a .logodiv {
    content:'';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% + 2px);
    background: rgba(0, 0, 0, .5);
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    opacity: 1;
}
@media (min-width: 1200px) {
    .section3 li a:hover .logodiv {
        background-color: #ff4343;
    }
    .section3 li a .logodiv:hover:before {
        width: 94.5%;
        opacity: 1;
    }
}
.section3 li a .logodiv:before {
    content:'';
    position: absolute;
    top: 18px;
    left: 2.75%;
    width: 0px;
    height: 1px;
    background-color: #ff9b9b;
    -webkit-transition: all 1.5s ease 0s;
    -moz-transition: all 1.5s ease 0s;
    -ms-transition: all 1.5s ease 0s;
    -o-transition: all 1.5s ease 0s;
    transition: all 1.5s ease 0s;
    opacity: 0;
}
.section3 li a .logodiv:after {
    content:'';
    position: absolute;
    top: 14.8%;
    right: 2.75%;
    width: 1px;
    height: 0;
    background-color: #ff9b9b;
    -webkit-transition: all 1.5s ease 0s;
    -moz-transition: all 1.5s ease 0s;
    -ms-transition: all 1.5s ease 0s;
    -o-transition: all 1.5s ease 0s;
    transition: all 1.5s ease 0s;
    opacity: 0;
}
@media (min-width: 1200px) {
    .section3 li a .logodiv:hover:after {
        height: 72.8%;
        opacity: 1;
    }
}
.section3 li a .logodiv .lod_con {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}
.section3 li a .logodiv .lod_con img {
    width: 246px;
    max-width: 100%;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}
.section3 li a .logodiv .lod_con h5 {
    height: 0px;
    font-size: 20px;
    line-height: 1.5;
    color: #fff;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    opacity: 0;
}
.section3 li a .logodiv .lod_con:after {
    content:'';
    display: block;
    position: relative;
    left: 50%;
    top: 0;
    width: 34px;
    height: 0;
    background: url(../img/arryuan.png) no-repeat;
    background-size: 100% 100%;
    margin-top: 0px;
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    opacity: 0;
}
@media (min-width: 1200px) {
    .section3 li a .logodiv:hover .lod_con img {
        margin-bottom: 35px;
    }
    .section3 li a .logodiv:hover .lod_con h5 {
        opacity: 1;
        height: auto;
    }
    .section3 li a .logodiv:hover .lod_con:after {
        opacity: 1;
        height: 34px;
        margin-top: 26px;
    }
}
.section3 li .imgdiv {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: calc(100% + 2px);
    overflow: hidden;
}
.section3 li .imgdiv img {
    width: 100%;
    height: 100%;
}
.section3 li .bgimg {
    width: 100%;
}
.section3 li .bgimg img {
    width: 100%;
    vertical-align: bottom;
    display: block;
}

.s-item {
    width:24.2%;
    float:left;
    margin-left:1%;
    position:relative;
    background-position:center center;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    margin-bottom:10px
}
.s-item p {
    position:absolute;
    line-height:18px;
    padding:8px;
    background-color:rgba(0, 0, 0, .7);
    color:#fff;
    width:100%;
    left:0;
    bottom:0
}
.ddd.s-item {
    cursor:pointer
}
.ddd.s-item a {
    position:absolute;
    display:block;
    width:100%;
    height:100%;
    left:0;
    top:0;
    z-index:9
}
.lightBox {
    position:absolute;
    display:block;
    width:100%;
    height:100%;
    left:0;
    top:0;
    z-index:9
}
.ddd.s-item:before {
    display:none
}
.s-item:before {
    content:'';
    display:block;
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background-color:rgba(0, 0, 0, .6)
}
.s-item:hover:before {
    opacity:0
}
.s-item img {
    width:100%
}
.s-item:first-of-type {
    width:49.6%;
    margin-left:0
}
.s-item:first-of-type .play {
    width:60px;
    height:60px;
    line-height:60px;
    font-size:60px;
    margin-left:-30px;
    margin-top:-30px
}

.news-body .page-nav ul.a-c li {
    width:-webkit-calc(86vw / 4 - 2px);
    width:-moz-calc(86vw / 4 - 2px);
    width:calc(86vw / 4 - 2px)
}

.news {
    padding:150px 0 68px;
    background-color: #7E0303;
}
.news-d p {
    margin:15px 0
}
.news-box {
    position:relative;
    z-index:5
}
.news-box .item-left {
    position:relative;
    width: 100%;
    max-width:42.7%;
    margin-left: 2%;
    float:left;
}
.news-box .item-right .news-list {
    display:none
}
.news-box .item-right .news-list.active {
    display:block
}
.news-box .item-right {
    float:left;
    margin-left:50px
}
.news-box .item-right .news-nav {
    padding-left:120px
}
.news-box .item-right .news-nav li {
    display:inline-block;
    width:195px;
    height:35px;
    border:1px solid #fff;
    color: #fff;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    line-height:33px;
    text-align:center;
    font-size:16px;
    cursor:pointer;
    -webkit-transition:all .2s
}
.news-box .item-right .news-nav li.active, .news-box .item-right .news-nav li:hover {
    border-color:#fff;
    background-color:#fff;
    color:#333
}
.news-box .item-right .news-nav li+li {
    margin-left:10px
}
.news-box .item-right .news-list a {
    display:block;
    color:#fff
}
.news-box .item-right .news-list {
    margin-top:40px
}
.news-box .item-right .news-list a .date {
    display:inline-block;
    width:90px;
    vertical-align:top;
    font-size:14px;
    line-height:1;
    text-align: center;
    margin-top: 5px;
}
.news-box .item-right .news-list a .news-content {
    display:inline-block;
    vertical-align:top;
    width:620px;
    margin-left:30px;
}
/* 新闻轮播 */
.news-box::after{
    content: '';
    clear: both;
    display: block;
}
.news-box .item-left .news-slide .swiper-wrapper .img{height: 640px;width:100%}
.news-box .item-left .news-slide .swiper-wrapper .bottom-title{position: absolute;bottom: 0;padding: 10px 15px;color: #fff;width: 100%;height: 150px;display: flex;align-items: flex-end;background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1));background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1));background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1));background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1)); }
.news-box .item-left .news-slide .swiper-wrapper .bottom-title p{width: 85%; font-size: 16px;}
.news-box .item-left .news-slide-pagination{position: relative;bottom: 30px!important;z-index: 1024;text-align: right;padding: 0 20px;}
.news-box .item-left .news-slide-pagination .swiper-pagination-bullet{display: inline-block;opacity: .5;background: #fff;margin: 0 3px;cursor: pointer;transition: width 0.3s ease-in-out;}
.news-box .item-left .news-slide-pagination .swiper-pagination-bullet-active{opacity: 1!important;}
.news-box .item-left .swiper-button-prev{left: 10px;}
.news-box .item-left .swiper-button-next{right: 10px;left: auto;}
.news-box .item-left .swiper-button-next, .news-box .item-left .swiper-button-prev{background: none;height: 70px;margin-top: -35px;display: flex;align-items: center;justify-content: center;display: flex; color: #fff;}
.news-box .item-left .swiper-button-next i, .news-box .item-left .swiper-button-prev i{font-size: 18px;color: #fefefe;} 
.news-box .item-left-bg{
    width: 100%;
    height: 100%;
    position: absolute;
    top: -50px;
    left: -50px;
    background-color: #fff;
    opacity: .2;
    border-radius: 4px;
}
.news-box .item-right .news-list a .date p:last-of-type {
    font-size:40px;
    margin-top: 5px;
}
.news-box .item-right .news-list a .news-content p:first-of-type {
    font-size:22px
}
.news-box .item-right .news-list a .news-content p:last-of-type {
    font-size:16px;
    line-height:2;
    overflow:hidden;
}
.news-box .item-right .news-list a+a {
    margin-top:67px
}
.news-more {
    background: url(../img/icon/button_bg_white.svg) center center no-repeat;
    width:160px;
    height:45px;
    color: #fff;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    line-height:45px;
    text-align:center;
    display:block;
    position:absolute;
    font-size:18px;
    bottom:25px;
    text-transform:uppercase;
    left:80%;
    margin-left:-79px;
    -webkit-transition:all .2s;
    font-family:melbournebold
}
.news-more:hover{
    color: #fff;
}


.activity {
    position:relative;
    height:114vh;
    z-index:6
}
.activity .title {
    position:absolute;
    z-index:6;
    top:11%;
    left:10%;
    z-index:20
}
.activity ul {
    width:86%;
    left:7%;
    font-size:0;
    -webkit-text-size-adjust:none;
    text-align:left;
    height:100%;
    position:relative;
    z-index:10
}
.activity ul li {
    width:-webkit-calc(100% / 6);
    width:-moz-calc(100% / 6);
    width:calc(100% / 6);
    display:inline-block;
    vertical-align:top;
    font-size:16px;
    position:relative;
    height:100%;
    cursor:pointer;
    overflow:hidden
}
.activity ul li .a-bg {
    width:150%;
    height:100%;
    content:'';
    display:block;
    position:absolute;
    left:1px;
    top:0;
    background-repeat:no-repeat;
    -webkit-transition:all .5s;
    -o-transition:all .5s;
    -moz-transition:all .5s;
    transition:all .5s;
    opacity:0;
    background-size:cover;
    background-position:center center;
}
.activity ul li:hover .a-bg {
    opacity:1;
    animation:scroll 15s infinite alternate
}
.activity ul li:hover p {
    color:#fff
}
.activity ul li p {
    position:absolute;
    width:100%;
    left:0;
    top:50%;
    text-align:center;
    color:#696969;
    margin-top:-23px;
    -webkit-transition:all .3s ease;
    -o-transition:all .3s ease;
    -moz-transition:all .3s ease;
    transition:all .3s ease
}
.activity ul li p span {
    display:inline-block;
    vertical-align:top;
    line-height:1.1;
    position:relative
}
.activity ul li p span img {
    width:100%
}
.activity ul li p span img:last-of-type {
    opacity:0;
    position:absolute;
    top:0;
    left:0
}
.activity ul li:hover p span img:first-of-type {
    opacity:0
}
.activity ul li:hover p span img:last-of-type {
    opacity:1
}
.activity ul li p .iconfont {
    width:30px
}
.activity ul li p span {
    text-align:left;
    display:inline-block
}
.activity ul li:hover a {
    z-index:2
}
.activity ul li p span:last-of-type {
    letter-spacing:1px;
    margin-left:5px;
    width:-webkit-calc(100% - 60px);
    width:-moz-calc(100% - 60px);
    width:calc(100% - 60px);
    line-height:1.4
}
.activity ul li:nth-of-type(2) p .iconfont {
    font-size:30px
}
.activity ul li:nth-of-type(3) p .iconfont {
    font-size:40px
}
.activity ul li:nth-of-type(5) p .iconfont {
    font-size:42px
}
.activity ul li a {
    display:block;
    width:70%;
    height:44px;
    border:2px solid rgba(54, 54, 54, .3);
    text-align:center;
    line-height:40px;
    color:#000;
    top:50%;
    left:15%;
    margin-top:-22px;
    font-family:melbournebold;
    position:absolute;
    text-transform:uppercase
}
.activity ul li:last-of-type a:before {
    content:'';
    display:block;
    width:0;
    height:100%;
    position:absolute;
    top:0;
    right:0;
    background:rgba(2, 142, 152, .6);
    z-index:-1;
    -webkit-transition:all .3s ease;
    -o-transition:all .3s ease;
    -moz-transition:all .3s ease;
    transition:all .3s ease
}
.activity ul li a:hover:before {
    width:100%;
    right:auto;
    left:0
}
.activity ul li a:hover {
    color:#fff;
    border-color:rgba(2, 142, 152, .6)
}
.activity .title h3 {
    font-size:56px;
    letter-spacing:5px;
    margin-top:10px
}
.activity .bg- {
    position:absolute;
    width:50%;
    top:100vh;
    right:0;
    z-index:6
}
.activity .bg- img {
    width:100%
}
.activity ul li:not(:last-of-type) a {
    margin-top:60px;
    color:#fff;
    border-color:rgba(255, 255, 255, .3);
    opacity:0;
    visibility:hidden;
    -webkit-transition:all .3s;
    -o-transition:all .3s;
    -moz-transition:all .3s;
    transition:all .3s;
    font-family:melbournebold
}
.activity ul li:last-of-type:hover a {
    color:#fff;
    border-color:rgba(255, 255, 255, .3);
    -webkit-transition:all .3s;
    -o-transition:all .3s;
    -moz-transition:all .3s;
    transition:all .3s;
    font-family:melbournebold
}
.activity ul li:not(:last-of-type):hover a {
    opacity:1;
    visibility:visible
}
.activity ul li:last-of-type a:hover {
    background:#fff;
    color:#000
}
.activity ul li a:hover {
    background:#fff;
    color:#000
}
.footer {
    position:relative;
    background-color:#1f1f1f;
    width:100%;
    z-index:10;
    color:#fff;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    z-index:20
}
.footer-box{
    padding-top:75px;
    background-image: url(../img/foot_bg.png);
    background-repeat: no-repeat;
    background-size: contain;
    overflow: hidden;
}
.foot-top {
    padding: 0px 0 53px;
}

.foot-topfr {
    width: 295px;
}

.foot-ewm {
}
.foot-ewm li{ float: left; }
.foot-ewm li:last-of-type {
    margin-left: 15px;
}
.foot-ewm li img {
    margin: 0 auto;
    width: 140px;
    height: 140px;
}

.foot-ewm li p {
    color: #fff;
    font-size: 14px;
    line-height: 44px;
    text-align: center;
}

.foot-ul {
    width: calc(100% - 295px);
    padding-right: 75px;
}

.foot-li {
    padding: 0 55px;
}

.foot-li>a {
    color: #fff;
    font-size: 18px;
    line-height: 1.75;
    margin-bottom: 20px;
    display: block;
    transition: all .36s ease;
}

.foot-ul2 a {
    color: #ccc;
    font-size: 16px;
    line-height: 2;
    display: block;
    transition: all .36s ease;
}

.foot-ul2 .iconfont{
    margin-right: 10px;
}
.footer .link li a {
    color: #ccc;
}

.footer .link li a:hover {
    color: rgba(255, 255, 255, 1);
}

.footer .report {
    margin-top: 24px;
    margin-bottom: 54px;
}

.footer .report  a {
    color: #ccc;
    font-size: 16px;
}

.copyright p,

.copyright p a {
    color: #666666;
    font-size: 14px;
    line-height: 24px;
}

.copyright {
    padding: 30px 0;
    background: #333;
}

.footer-info {
    margin-top:40px
}

.info-list li {
    display:block;
    line-height:28px;
    font-size:12px
}
.info-list li p span:last-of-type {
    font-size:12px;
    margin-left:5px
}
.info-list li p span {
    display:inline-block;
    vertical-align:baseline
}
.footer .link-box{
    margin-bottom:8px;
    display: flex;
    border-top: 1px solid #fff;
    padding-top: 30px;
}
.footer .link-box-lebel{
    white-space: nowrap;
    margin-top: 3px;
    font-size: 16px;
}
.footer .link {
    color:rgba(255, 255, 255, .4);
    font-size:16px;
    margin-left: 20px;
}
.footer .link li {
    display:inline-block;
    line-height:26px;
    cursor:pointer;
    margin-right:20px;
    margin-bottom: 10px;
}
.footer .link li:hover {
    color:rgba(255, 255, 255, 1)
}
.page-footer, .page-footer a {
    color:rgba(255, 255, 255, .3);
    font-size:12px;
    text-transform:uppercase
}
.page-footer span:first-of-type {
    margin-left:40px
}
.page-footer span+span {
    margin-left:20px
}
.page-footer span:hover {
    color:rgba(255, 255, 255, .8)
}
.page-footer span {
    cursor:pointer
}
.aside .wx- .qcrode:after {
    transform: rotate(135deg);
    right: -8px;
    left: unset;
}

.aside {
    width:70px;
    height:auto;
    background-color:#fff;
    position:fixed;
    right:0;
    bottom:10%;
    color:#191a1d;
    font-size:30px;
    text-align:center;
    z-index: 99999;
}
.aside ul {
    padding:0;
    height:auto;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    background-color:#f9f7f5
}
.backtop {
    width:70px;
    height:70px;
    background-color:#191a1d;
    color:#fff;
    line-height:70px;
    cursor:pointer
}
.aside ul li {
    width:70px;
    height:70px;
    line-height:70px;
    cursor:pointer;
    -webkit-transition:all .2s
}
.aside ul li:hover {
    background:#7E0303;
    color:#fff
}
.nav ul li .item-bg {
    content:'';
    width:100%;
    left:0;
    bottom:0;
    height:0;
    position:absolute;
    display:block;
    z-index:5;
    overflow:hidden;
    -webkit-transition:all .5s cubic-bezier(.25, 0, 0, 1);
    -o-transition:all .5s cubic-bezier(.25, 0, 0, 1);
    -moz-transition:all .5s cubic-bezier(.25, 0, 0, 1);
    transition:all .5s cubic-bezier(.25, 0, 0, 1)
}
.nav ul li .item-bg:after {
    content:'';
    display:block;
    position:absolute;
    left:0;
    top:0;
    background:url(../img/menu-bg.jpg) center center no-repeat;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    width:150%;
    height:100vh;
    display:block
}
.nav ul li:nth-child(1) .item-bg:after {
    background:url(../img/banner_nav_01.jpg?v=1.0) center center no-repeat;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover
}
.nav ul li:nth-child(2) .item-bg:after {
    background:url(../img/banner_nav_02.jpg?v=1.0) center center no-repeat;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover
}
.nav ul li:nth-child(3) .item-bg:after {
    background:url(../img/banner_nav_03.jpg?v=1.0) center center no-repeat;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover
}
.nav ul li:nth-child(4) .item-bg:after {
    background:url(../img/banner_nav_04.jpg?v=1.0) center center no-repeat;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover
}
.nav ul li:nth-child(5) .item-bg:after {
    background:url(../img/banner_nav_05.jpg?v=1.0) center center no-repeat;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover
}
.nav ul li:hover .item-bg {
    height:100vh;
}
.nav ul li:hover .item-bg:after {
    -webkit-animation:scroll 15s linear infinite;
    -moz-animation:scroll 15s linear infinite;
    -o-animation:scroll 15s linear infinite;
    animation:scroll 15s linear infinite
}
@-webkit-keyframes scroll {
    from {
        left:0
    }
    to {
        left:-50%
    }
}
.menu-right {
    position:fixed;
    width:30px;
    height:30px;
    right:30px;
    top:56px;
    z-index:95;
    cursor:pointer;
    display:none
}
.menu-right.active {
    display:block
}
.menu-right span {
    position:relative;
    width:21px;
    height:2px;
    background-color:#000;
    display:block
}
.menu-right span+span {
    margin-top:5px
}
.menu-right span:nth-of-type(2) {
    width:19px
}
.menu {
    position:fixed;
    width:100%;
    height:100%;
    z-index:100;
    color:#fff;
    display:none;
    top:0
}
.menu-logo {
    position:relative;
    left:30px;
    top:30px
}
.menu .close {
    position:absolute;
    right:33px;
    top:50px;
    font-size:30px;
    cursor:pointer
}
.menu .menu-content ul {
    position:absolute;
    left:25%;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    font-size: 22px
}
.menu a {
    color:#ccc
}
.menu .menu-content ul li+li {
    margin-top:3vh
}
.menu a:hover {
    color:rgba(255, 255, 255, 1)
}
.menu .menu-content ul li.active a {
    color:rgba(255, 255, 255, 1)
}
.menu.active {
    opacity:1;
    display:block
}
.bg-menu ul {
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    z-index:6
}
.bg-menu ul li {
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background-position:center center;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    /* -webkit-filter:grayscale(100%); */
    /* filter:grayscale(100%); */
    opacity:0;
    -webkit-transition:all .3s;
    -o-transition:all .3s;
    -moz-transition:all .3s;
    transition:all .3s
}
.bg-menu ul li.active {
    background-image:url(../img/menu.png);
    opacity:.5
}
.bg-menu ul li.active::after{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .7);
}
/* .bg-menu ul li:nth-of-type(1) {
    background-image:url(../img/menu.png)
}
.bg-menu ul li:nth-of-type(2) {
    background-image:url(../img/course.jpg)
}
.bg-menu ul li:nth-of-type(3) {
    background-image:url(../img/teachers.jpg)
}
.bg-menu ul li:nth-of-type(4) {
    background-image:url(../img/j_banner.jpg)
}
.bg-menu ul li:nth-of-type(5) {
    background-image:url(../img/about_banner.jpg)
}
.bg-menu ul li:nth-of-type(6) {
    background-image:url(../img/env-1.jpg)
}
.bg-menu ul li:nth-of-type(7) {
    background-image:url(../img/news-1.jpg)
}
.bg-menu ul li:nth-of-type(8) {
    background-image:url(../img/menu.jpg)
} */
.bg-menu {
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    font-size:0;
    -webkit-text-size-adjust:none
}
.bg-menu div {
    width:-webkit-calc(86% / 6);
    width:-moz-calc(86% / 6);
    width:calc(86% / 6);
    display:inline-block;
    position:relative;
    vertical-align:top;
    height:100%;
    overflow:hidden;
    font-size:14px
}
.bg-menu div:first-of-type, .bg-menu div:last-of-type {
    width:7%
}
.bg-menu div:after {
    content:'';
    display:block;
    position:absolute;
    width:100%;
    right:0;
    height:100%;
    top:0;
    -webkit-transition:all .5s;
    -o-transition:all .5s;
    -moz-transition:all .5s;
    transition:all .5s;
    background-color:#2d2f34;
    -webkit-transform:translateX(100%);
    -moz-transform:translateX(100%);
    -ms-transform:translateX(100%);
    -o-transform:translateX(100%);
    transform:translateX(100%)
}
.bg-menu.active div:after {
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0);
    transform:translateX(0)
}
.bg-menu .xs {
    height:54px;
    position:absolute;
    top:-54px;
    left:0;
    display:block;
    width:1px;
    z-index:6;
    -webkit-transition:all 3s ease;
    -o-transition:all 3s ease;
    -moz-transition:all 3s ease;
    transition:all 3s ease;
    visibility:hidden
}
.bg-menu .xs.active {
    visibility:visible;
    top:120%
}
.bg-menu .xsb {
    background-color:#00c0cb
}
.bg-menu .xsg {
    background-color:#c4dc37
}
.bg-menu .xsr {
    background-color:#fb004e
}
.menu-content {
    position:relative;
    width:100%;
    height:100%;
    opacity:0;
    -webkit-transition:all .3s;
    -o-transition:all .3s;
    -moz-transition:all .3s;
    transition:all .3s;
    z-index:7
}
.bg-menu div+div:before {
    content:'';
    display:block;
    position:absolute;
    width:1px;
    left:0;
    height:100%;
    top:0;
    background-color:#fff;
    opacity:.1;
    z-index:3
}
.menu-content.active {
    opacity:1
}
.bg .s1 {
    top:110px
}
.bg .s2 {
    top:700px
}
.bg .s3 {
    top:160px
}
.bg .s4 {
    top:500px
}
.bg .s5 {
    top:220px
}
.bg .s6 {
    top:300px
}
.bg .s7 {
    top:340px
}
.map {
    position:relative;
    height:100vh;
    z-index:5
}
#map {
    width:100%;
    height:100%;
    position:relative
}
.map:before {
    content:'';
    display:none;
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background-color:rgba(55, 55, 55, .2);
    z-index:6
}
.addr-list {
    position:absolute;
    width:50%;
    height:auto;
    right:0;
    bottom:0;
    background-color:#fff;
    z-index:9;
    padding-top:80px;
    padding-left:60px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    padding-bottom:100px
}
.addr-list .title {
    font-size:38px
}
.addr-list .title span {
    font-size:24px;
    text-transform:capitalize;
    margin-left:15px
}
.addr-ul {
    margin-top:60px
}
.addr-ul li {
    display:inline-block;
    font-size:14px;
    height:30px;
    width:110px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    border:1px solid rgba(0, 0, 0, .3);
    line-height:28px;
    text-align:center;
    cursor:pointer
}
.addr-ul li+li {
    margin-left:15px
}
.addr-ul li.active {
    border-color:#000;
    background-color:#000;
    color:#fff
}
.addr-item {
    position:relative;
    margin-top:20px
}
.addr-item>li:first-of-type {
    position:relative
}
.addr-item>li {
    position:absolute;
    left:0;
    top:0;
    opacity:0;
    visibility:hidden;
    font-size:18px;
    line-height:24px
}
.addr-item>li.active {
    opacity:1;
    visibility:visible
}
.addr-item ul li+li {
    margin-top:10px
}
.addr-item ul li p span:last-of-type {
    margin-left:10px;
    font-size:14px
}
.conductor {
    position:relative;
    height:750px;
    z-index:9;
    padding-top:100px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    margin-bottom:90px
}
.conductor .view .swiper-container {
    width:1242px;
    height:650px
}
.conductor .view .swiper-slide img {
    width:50%
}
.conductor .view .swiper-slide {
    position:relative;
    height:auto
}
.conductor .view .swiper-slide .desBox {
    position:absolute;
    top:120px;
    right:0;
    width:50%;
    padding-left:30px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.conductor .view .swiper-slide .desBox .nameB {
    position:relative;
    padding-bottom:10px;
    margin-bottom:15px
}
.conductor .view .swiper-slide .desBox .nameB:after {
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:1px;
    background-color:#000;
    opacity:.1
}
.conductor .view .swiper-slide .desBox .name {
    display:inline-block;
    margin-right:5px;
    color:#ff9b00;
    font-size:24px
}
.conductor .view .swiper-slide .desBox .zc {
    font-size:16px
}
.conductor .view .swiper-slide .desBox .det {
    line-height:24px;
    max-height:250px;
    overflow-y:scroll
}
.conductor .view .arrow-left {
    background-color:#328ba1;
    position:absolute;
    left:10px;
    top:50%;
    margin-top:-25px;
    width:28px;
    height:51px;
    z-index:10
}
.conductor .view .arrow-right {
    background-color:#328ba1;
    position:absolute;
    right:10px;
    top:50%;
    margin-top:-25px;
    width:28px;
    height:51px;
    z-index:10
}
.conductor .preview {
    width:1240px;
    margin-top:10px;
    position:absolute;
    bottom:35px;
    left:50%;
    margin-left:-620px;
    z-index:9
}
.conductor .preview .swiper-container {
    width:1240px;
    height:142px;
    margin:0 auto
}
.conductor .preview .swiper-slide {
    padding-right:20px;
    width:190px;
    height:142px;
    position:relative;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.conductor .preview .swiper-slide.active-nav:before {
    border-width:4px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.conductor .preview .swiper-slide div {
    position:relative;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    -moz-background-origin:content-box;
    -o-background-origin:content-box;
    background-origin:content-box;
    background-repeat:no-repeat;
    width:100%;
    height:100%;
    background-color:#fff
}
.conductor .preview .swiper-slide img {
    width:100%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    background:#f3f3f3;
    cursor:pointer;
    -webkit-transition:all .5s;
    -o-transition:all .5s;
    -moz-transition:all .5s;
    transition:all .5s;
    padding:0;
    border:1px solid transparent
}
.news-detail .news-d a {
    font-size:16px!important;
    line-height:35px!important
}
.pageOther {
    margin-top:50px
}
.conductor .preview .arrow-left {
    background-color:#328ba1;
    position:absolute;
    left:-56px;
    top:50%;
    margin-top:-19px;
    width:112px;
    height:38px;
    z-index:10;
    -moz-background-size:200%;
    -o-background-size:200%;
    background-size:200%;
    -webkit-transition:all .5s;
    -o-transition:all .5s;
    -moz-transition:all .5s;
    transition:all .5s;
    line-height:38px;
    text-align:center;
    font-size:30px;
    color:#fff
}
.conductor .preview .arrow-right {
    background-color:#328ba1;
    position:absolute;
    right:-56px;
    top:50%;
    margin-top:-19px;
    width:112px;
    height:38px;
    line-height:38px;
    z-index:10;
    -moz-background-size:200%;
    -o-background-size:200%;
    background-size:200%;
    -webkit-transition:all .5s;
    -o-transition:all .5s;
    -moz-transition:all .5s;
    transition:all .5s;
    text-align:center;
    font-size:30px;
    color:#fff
}
.conductor .preview img {
    padding:1px
}
.conductor .preview .swiper-slide:before {
    content:'';
    display:block;
    position:absolute;
    width:-webkit-calc(100% - 20px);
    width:-moz-calc(100% - 20px);
    width:calc(100% - 20px);
    height:100%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    border:1px solid #328ba1;
    left:0;
    top:0;
    cursor:pointer;
    z-index:2
}
.conductor .preview .swiper-slide.active-nav:before {
    border-width:4px
}
.conductor .preview .arrow-left:hover {
    background-position:left bottom
}
.conductor .preview .arrow-right:hover {
    background-position:right bottom
}
.page-nav {
    position:relative;
    height:100vh;
    z-index:15
}
.nav-bg {
    position:absolute;
    width:100%;
    height:100vh;
    z-index:1;
    background-image:url(../img/teachers.jpg);
    left:0;
    top:0;
    background-repeat:no-repeat;
    -moz-background-size:100% 100%;
    -o-background-size:100% 100%;
    background-size:100% 100%;
    background-position:center center
}
.nav-bg:before {
    content:'';
    display:block;
    position:absolute;
    width:100%;
    height:100%;
    background-color:#2d2f34;
    left:0;
    top:0;
    opacity:.7
}

.nav-bg.msg {
    position:fixed
}
.page-nav.msg {
    position:absolute
}

.msglist ol {
    margin-top:10px
}
.msglist ol li {
    width:-webkit-calc(100% - 25px);
    width:-moz-calc(100% - 25px);
    width:calc(100% - 25px);
    height:auto;
    line-height:20px;
    padding:5px 0 5px 25px;
    position:relative
}
.msglist ol li:after {
    width:20px;
    height:20px;
    background:#000;
    line-height:20px;
    text-align:center;
    font-size:12px;
    color:#fff;
    content:'1';
    position:absolute;
    left:0;
    top:5px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%
}
.msglist ol li:nth-child(2):after {
    content:'2'
}
.msglist ol li:nth-child(3):after {
    content:'3'
}
.msglist ol li:nth-child(4):after {
    content:'4'
}
.msg_form {
    overflow:hidden;
    width:100%;
    height:auto;
    padding:50px 0 150px 0
}
.msg_form .msg_div {
    float:left;
    width:30%;
    margin-right:5%;
    padding:10px 0;
    line-height:40px;
    font-size:16px
}
.msg_form .msg_div:nth-child(3), .msg_form .msg_div:nth-child(5) {
    margin-right:0
}
.msg_form .msg_div:nth-child(4), .msg_form .msg_div:nth-child(5) {
    width:47.5%
}
.msg_form .msg_div label {
    width:80px;
    float:left;
    text-align:right;
    position:relative
}
.msg_form .msg_div:nth-child(6), .msg_form .msg_div:nth-child(7) {
    width:100%;
    margin-right:0
}
.msg_form .msg_div input {
    float:left;
    width:-webkit-calc(100% - 90px);
    width:-moz-calc(100% - 90px);
    width:calc(100% - 90px);
    height:40px;
    text-indent:10px;
    outline:0;
    margin-left:10px;
    border:1px solid rgba(0, 0, 0, .1);
    background:#f9f9f9
}
.msg_form .msg_div textarea {
    float:left;
    width:-webkit-calc(100% - 90px);
    width:-moz-calc(100% - 90px);
    width:calc(100% - 90px);
    height:200px;
    padding:10px;
    outline:0;
    margin-left:10px;
    border:1px solid rgba(0, 0, 0, .1);
    background:#f9f9f9;
    font-family:"微软雅黑"
}
.msg_form .msg_div .msg_submit {
    display:block;
    float:left;
    margin-left:90px;
    height:40px;
    line-height:40px;
    display:block;
    width:200px;
    background:#f9f9f9;
    text-align:center;
    cursor:pointer;
    position:relative;
    -webkit-transition:all .2s;
    border:1px solid rgba(0, 0, 0, .1)
}
.msg_form .msg_div .msg_submit span {
    display:block;
    width:100%;
    height:100%;
    position:relative
}
.page-nav ul {
    position:absolute;
    width:-webkit-calc(93vw - 86vw / 6 - 5px);
    width:-moz-calc(93vw - 86vw / 6 - 5px);
    width:calc(93vw - 86vw / 6 - 5px);
    bottom:0;
    right:0;
    background:#fff;
    height:-webkit-calc(86vw / 6);
    height:-moz-calc(86vw / 6);
    height:calc(86vw / 6);
    font-size:0;
    -webkit-text-size-adjust:none
}
.msg_nav {
    width:100%;
    height:auto;
    overflow:hidden;
    padding-top:15px;
    margin-bottom:15px
}
.msg_nav a {
    display:block;
    float:left;
    width:auto;
    font-size:16px;
    height:auto;
    line-height:40px;
    text-align:center;
    position:relative;
    padding:0 55px;
    cursor:pointer;
    margin-right:10px;
    -webkit-transition:all .2s;
    border:1px solid rgba(0, 0, 0, .1)
}
.replay_list {
    width:100%;
    height:auto
}
.listMOre {
    width:160px;
    height:45px;
    line-height:43px;
    text-transform:uppercase;
    text-align:center;
    border:1px solid rgba(0, 0, 0, .3);
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    font-size:18px;
    cursor:pointer;
    position:relative;
    -webkit-transition:all .2s;
    font-family:melbournebold;
    margin:100px auto 50px
}
.listMOre:after {
    width:0;
    height:100%;
    display:block;
    position:absolute;
    right:0;
    top:0;
    z-index:-1;
    background:#7E0303;
    -webkit-transition:all .2s;
    content:''
}
.listMOre:hover:after {
    width:100%;
    left:0
}
.listMOre:hover {
    color:#fff;
    border-color:#7E0303
}
.replay_list ol li {
    width:100%;
    height:auto;
    padding:15px 0;
    overflow:hidden;
    border-bottom:1px solid rgba(0, 0, 0, .1)
}
.msg_nav a.active, .msg_nav a:hover {
    border-color:#000
}
.msg_nav a:before {
    background:#000
}
.replay_list ol li .icon {
    width:80px;
    height:30px;
    background:#328ba1;
    line-height:30px;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    border-radius:30px;
    text-align:center;
    color:#fff;
    float:left
}
.replay_list ol li .r {
    width:-webkit-calc(100% - 90px);
    width:-moz-calc(100% - 90px);
    width:calc(100% - 90px);
    height:auto;
    float:left;
    margin-left:10px
}
.replay_list ol li .r .t {
    width:100%;
    height:auto;
    line-height:30px;
    font-size:18px;
    color:#328ba1;
    margin-bottom:5px
}
.replay_gd {
    width:100%;
    height:auto;
    margin-top:50px;
    overflow:hidden
}
.replay_gd a {
    height:auto;
    line-height:40px;
    width:200px;
    text-align:center;
    cursor:pointer;
    position:relative;
    display:block;
    margin-left:90px;
    -webkit-transition:all .2s;
    border:1px solid rgba(0, 0, 0, .1)
}
.replay_list ol li .r .d {
    width:100%;
    height:auto;
    line-height:1.6;
    font-size:16px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical
}
.replay_list ol li .r .more {
    float:right;
    color:#ababab;
    cursor:pointer;
    margin-top:12px
}
.replay_list ol li .r .more:hover {
    color:#000
}
.replay_list ol li.active .r .d {
    -webkit-line-clamp:inherit
}
.page-nav ul li {
    width:-webkit-calc(86vw / 6 - 2px);
    width:-moz-calc(86vw / 6 - 2px);
    width:calc(86vw / 6 - 2px);
    display:inline-block;
    vertical-align:top;
    position:relative;
    height:100%;
    cursor:pointer;
    color:#696969
}
.page-nav ul li a {
    display:block;
    height:100%;
    color:#696969
}
.page-nav ul li p {
    position:absolute;
    font-size:18px;
    line-height:30px;
    width:100%;
    left:0;
    top:50%;
    margin-top:-15px;
    text-align:center
}
.page-nav ul li.active, .page-nav ul li.active a, .page-nav ul li:hover, .page-nav ul li:hover a {
    background:#464646;
    color:#fff
}
.page-nav ul li p span {
    display:inline-block;
    vertical-align:baseline;
    font-size:26px
}
.page-nav ul li:nth-of-type(3) p span {
    font-size:32px
}
.page-nav ul li:nth-of-type(4) p span {
    font-size:36px
}

.beauty .page-nav ul {
    width:-webkit-calc(86vw / 3 - 4px);
    width:-moz-calc(86vw / 3 - 4px);
    width:calc(86vw / 3 - 4px);
    right:-webkit-calc(50% + 1px);
    right:-moz-calc(50% + 1px);
    right:calc(50% + 1px);
    border:none
}
.beauty .teacher-abs {
    bottom:0;
    min-height:50vh
}
.beauty .page-nav ul li {
    width:50%
}
.beauty .beauty-cover {
    position:relative;
    -webkit-filter:grayscale(100%);
    filter:grayscale(100%);
    -webkit-transition:all .5s;
    -o-transition:all .5s;
    -moz-transition:all .5s;
    transition:all .5s;
    cursor:pointer
}
.beauty .beauty-cover:hover {
    -webkit-filter:grayscale(0);
    filter:grayscale(0)
}
.beauty .beauty-cover:before {
    content:'';
    display:block;
    position:absolute;
    width:100%;
    height:100%;
    background-color:#2d2f34;
    opacity:.4;
    left:0;
    top:0
}
.beauty .beauty-cover:hover:before {
    opacity:0
}
.beauty .nav-bg {
    background-image:url(../img/beautybg.jpeg)
}
.beauty-list {
    position:relative;
    width:86%;
    margin-left:7%;
    z-index:4;
    padding-bottom:150px
}
.beauty-list ul {
    font-size:0;
    -webkit-text-size-adjust:none
}
.beauty .page-nav ul li {
    width:50%
}
.beauty-list ul li {
    width:-webkit-calc(100% / 6);
    width:-moz-calc(100% / 6);
    width:calc(100% / 6);
    display:inline-block;
    vertical-align:top;
    height:-webkit-calc(86vw / 6);
    height:-moz-calc(86vw / 6);
    height:calc(86vw / 6);
    line-height:-webkit-calc(86vw / 6);
    line-height:-moz-calc(86vw / 6);
    line-height:calc(86vw / 6)
}
.beauty-list ul li.beauty-title {
    width:-webkit-calc(100% / 3);
    width:-moz-calc(100% / 3);
    width:calc(100% / 3);
    font-size:34px;
    background-color:#2d2f34;
    color:#fff;
    text-align:center;
    background-image:none!important
}
.beauty-list ul li.beauty-cover:nth-of-type(3n) {
    background-image:url(../img/101H.jpg)
}
.beauty-list ul li.beauty-cover:nth-of-type(3n+1) {
    background-image:url(../img/219H.jpg)
}
.beauty-list ul li.beauty-cover:nth-of-type(3n+2) {
    background-image:url(../img/252H.jpg)
}

.news-body .page-nav ul {
    width:auto;
    right:-webkit-calc(7% + 1px);
    right:-moz-calc(7% + 1px);
    right:calc(7% + 1px);
    height:80px;
    background-color:transparent;
    z-index:9
}
.news-body .page-nav ul li {
    width:-webkit-calc(86vw / 3 - 2px);
    width:-moz-calc(86vw / 3 - 2px);
    width:calc(86vw / 3 - 2px);
    color:#fff
}
.news-body .page-nav ul li:first-of-type {
    background-color:rgba(0, 0, 0, .4)
}
.news-body .page-nav ul li:nth-of-type(2) {
    background-color:rgba(0, 0, 0, .5)
}
.news-body .page-nav ul li:nth-of-type(3) {
    background-color:rgba(0, 0, 0, .6)
}
.news-body .page-nav ul li:nth-of-type(4) {
    background-color:rgba(0, 0, 0, .7)
}
.news-detail {
    position:relative;
    margin:0 auto;
    max-width:1200px;
    z-index:8
}
.news-detail h2 {
    line-height:1.3;
    margin-bottom:30px;
    font-size:34px
}
.news-detail>p {
    color:rgba(0, 0, 0, .4);
    font-size:14px
}
.news-detail>p span {
    display:inline-block;
    vertical-align:middle
}
.news-detail>p span+span {
    margin-left:40px
}
.news-detail .news-d {
    position:relative;
    margin-top:50px;
    border-top:1px solid rgba(55, 55, 55, .2);
    padding-top:30px;
    overflow:hidden
}
.news-detail .news-d {
    line-height:1.7
}
.news-detail .news-d table {
    float:none
}
.news-body .page-nav ul li a {
    color:inherit;
    position:absolute;
    display:block;
    width:100%;
    height:100%;
    left:0;
    top:0
}
.news-detail .news-d img {
    display:block;
    position:relative;
    margin:10px auto!important;
    max-width:800px
}
.news-body .page-nav ul li p {
    font-size:16px
}
.news-body-list {
    position:relative;
    margin:0 auto;
    max-width:1250px;
    margin-top:60px;
    margin-bottom:150px;
    z-index:6
}
.yk-body {
    position:relative;
    margin:0 auto;
    max-width:1200px;
    margin-top:60px;
    margin-bottom:150px;
    z-index:6
}
.yk-body .yk-item>li+li {
    margin-top:100px
}
.yk-body .yk-item h3 {
    font-size:18px;
    line-height:40px;
    color:#fff;
    background-color:#328ba1;
    padding:0 50px;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    border-radius:30px;
    display:inline-block;
    letter-spacing:2px
}
.yk-body .yk-item ul {
    margin-top:26px;
    margin-bottom:20px;
    font-size:0;
    -webkit-text-size-adjust:none
}
.yk-body .yk-item ul li {
    position:relative;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    display:inline-block;
    vertical-align:middle;
    font-size:14px;
    cursor:pointer;
    width:49%;
    margin-bottom:15px;
    padding:15px 10px;
    overflow:hidden;
    background:rgba(0, 0, 0, .03);
    -webkit-transition:all .2s
}
.yk-body .yk-item ul li:nth-child(even) {
    margin-left:2%
}
.yk-body .yk-item ul li .time {
    width:75px;
    height:50px;
    line-height:20px;
    padding:5px 0;
    text-align:center;
    float:left;
    opacity:.5;
    font-family:melbournebold
}
.yk-body .yk-item ul li .time b {
    display:block;
    height:24px;
    line-height:24px;
    font-size:24px
}
.yk-body .yk-item ul li .time p {
    display:block;
    height:16px;
    line-height:16px;
    font-size:14px
}
.yk-body .yk-item ul li .txt {
    width:-webkit-calc(100% - 85px);
    width:-moz-calc(100% - 85px);
    width:calc(100% - 85px);
    height:auto;
    float:left;
    margin-left:10px;
    position:relative
}
.yk-body .yk-item ul li .txt b {
    display:block;
    height:30px;
    line-height:30px;
    overflow:hidden;
    font-size:16px
}
.yk-body .yk-item ul li .txt p {
    display:block;
    height:20px;
    line-height:20px;
    opacity:.5
}
.yk-body .yk-item ul li p {
    overflow:hidden;
    white-space:nowrap;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    position:relative
}
.yk-body .yk-item ul li:before {
    width:100%;
    height:0%;
    position:absolute;
    left:0;
    bottom:0;
    content:'';
    background:#7E0303;
    -webkit-transition:all .5s
}
.yk-body .yk-item ul li:hover {
    color:#fff
}
.yk-body .yk-item ul li:hover b {
    color:#fff
}
.yk-body .yk-item ul li:hover:before {
    height:100%;
    top:0
}
.yk-body .yk-item .see {
    width:160px;
    height:45px;
    line-height:43px;
    text-transform:uppercase;
    text-align:center;
    border:1px solid rgba(0, 0, 0, .3);
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    font-size:18px;
    cursor:pointer;
    position:relative;
    -webkit-transition:all .2s;
    font-family:melbournebold;
    margin:auto
}
.news-body-list ul {
    display:none
}
.news-body-list ul.active {
    display:block
}
.news-body-list ul li .news-img {
    display:inline-block;
    position:relative;
    background-image:url(../img/252H.jpg);
    vertical-align:middle
}
.news-body-list ul li .news-abs {
    width:-webkit-calc(100% - 510px);
    width:-moz-calc(100% - 510px);
    width:calc(100% - 510px);
    display:inline-block;
    vertical-align:middle;
    margin-left:60px;
    color:#606060
}
.news-body-list ul li+li {
    margin-top:50px
}
.news-body-list ul li .news-abs .title {
    font-size:24px;
    white-space:nowrap;
    overflow:hidden
}
.news-body-list ul li .news-abs .disc {
    font-size:16px;
    line-height:24px;
    max-height:48px;
    overflow:hidden;
    margin-top:7px;
    color:#999
}
.news-body-list .news-more {
    position:relative;
    bottom:0;
    margin-top:50px
}
.news-body-list ul:nth-of-type(2), .news-body-list ul:nth-of-type(3) {
    font-size:0;
    -webkit-text-size-adjust:none
}
.news-body-list ul:nth-of-type(3) li {
    width:280px;
    height:auto;
    background-color:#fff;
    font-size:14px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-box-shadow:0 0 30px rgba(0, 0, 0, .06);
    -moz-box-shadow:0 0 30px rgba(0, 0, 0, .06);
    box-shadow:0 0 30px rgba(0, 0, 0, .06);
    display:inline-block;
    margin-right:-webkit-calc(80px / 3);
    margin-right:-moz-calc(80px / 3);
    margin-right:calc(80px / 3)
}
.news-body-list ul:nth-of-type(2) li {
    width:-webkit-calc((100% - 40px)/ 3);
    width:-moz-calc((100% - 40px)/ 3);
    width:calc((100% - 40px)/ 3);
    font-size:14px;
    display:inline-block;
    margin-right:20px;
    -webkit-box-shadow:0 0 10px rgba(0, 0, 0, .2);
    -moz-box-shadow:0 0 10px rgba(0, 0, 0, .2);
    box-shadow:0 0 10px rgba(0, 0, 0, .2);
    padding-bottom:10px;
    background-color:#fff
}
.drag_list {
    position:absolute;
    width:100%;
    background-color:#fff;
    border:1px solid rgba(0, 0, 0, .15);
    -webkit-box-shadow:0 0 20px rgba(0, 0, 0, .1);
    -moz-box-shadow:0 0 20px rgba(0, 0, 0, .1);
    box-shadow:0 0 20px rgba(0, 0, 0, .1);
    top:80px;
    opacity:0;
    visibility:hidden;
    -webkit-transition:opacity .5s;
    -o-transition:opacity .5s;
    -moz-transition:opacity .5s;
    transition:opacity .5s;
    font-size:14px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
ul li:hover .drag_list {
    opacity:1;
    visibility:visible
}
.drag_list div.active, .drag_list div:hover {
    background-color:#2d2f34;
    color:#fff
}
.drag_list div {
    line-height:45px;
    color:#333;
    text-align:center;
    -webkit-transition:all .3s;
    -o-transition:all .3s;
    -moz-transition:all .3s;
    transition:all .3s
}
.drag_list div+div {
    margin-top:1px
}
.news-body-list ul:nth-of-type(2) li p {
    white-space:nowrap;
    overflow:hidden;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    line-height:30px;
    width:94%;
    margin-left:3%;
    margin-top:10px
}
.news-body-list ul:nth-of-type(2) li img {
    width:100%
}
.news-body-list ul:nth-of-type(2) li .news-video {
    width:100%;
    position:relative;
    height:226px;
    overflow:hidden;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    background-position:center center
}
.news-body-list ul:nth-of-type(3) li .news-video {
    width:100%;
    position:relative;
    height:280px;
    background-position:center center;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover
}
.footer .link a {
    color:rgba(255, 255, 255, .4)
}
.news-body-list ul:nth-of-type(3) li .news-video img {
    width:100%
}
.news-body-list ul:nth-of-type(3) li .news-video .icon {
    width:auto;
    height:auto;
    line-height:20px;
    padding:0 10px;
    background:#d9470e;
    color:#fff;
    position:absolute;
    left:10px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:20px;
    top:10px
}
.news-body-list ul:nth-of-type(2) li:nth-of-type(3n), .news-body-list ul:nth-of-type(3) li:nth-of-type(4n) {
    margin-right:0
}
.news-body-list ul:nth-of-type(3) li p {
    line-height:24px;
    white-space:nowrap;
    overflow:hidden;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    display:inline-block;
    line-height:1.1;
    vertical-align:middle
}
.news-body-list ul:nth-of-type(3) li .more- {
    line-height:35px;
    border-top:1px solid rgba(0, 0, 0, .2);
    text-align:center;
    margin-top:10px;
    cursor:pointer
}
.news-body-list ul:nth-of-type(3) li p:nth-of-type(1) {
    width:100%;
    font-size:20px;
    padding-left:5px;
    padding-bottom:5px
}
.news-body-list ul:nth-of-type(3) li p:nth-of-type(2) {
    width:40px;
    height:40px;
    position:absolute;
    right:15px;
    top:20px;
    color:#fff;
    opacity:1;
    cursor:pointer;
    line-height:40px;
    background:#ccc;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    text-align:center
}
.news-body-list ul:nth-of-type(3) li p:nth-of-type(2):hover {
    background:#7E0303
}
.news-body-list ul:nth-of-type(3) li p:nth-of-type(3) {
    font-size:36px;
    line-height:1;
    cursor:pointer;
    border-left:1px solid rgba(0, 0, 0, .2);
    padding-left:20px
}
.news-body-list ul:nth-of-type(3) li .t-i {
    overflow:hidden;
    padding:15px 10px;
    position:relative
}
.news-body-list ul:nth-of-type(3) li .t-i a {
    display:block;
    width:-webkit-calc(100% - 50px);
    width:-moz-calc(100% - 50px);
    width:calc(100% - 50px);
    float:left
}
.news-body-list ul:nth-of-type(3) li p:nth-of-type(1) {
    width:-webkit-calc(100% - 50px);
    width:-moz-calc(100% - 50px);
    width:calc(100% - 50px);
    float:left
}
.news-body-list ul:nth-of-type(3) li p:nth-of-type(3):hover {
    color:rgba(252, 109, 4, .8)
}
.news-body-list ul:nth-of-type(3) li p:nth-of-type(1) span {
    display:inline-block;
    width:auto;
    height:20px;
    padding:0 10px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:20px;
    text-align:center;
    color:#fff;
    background-color:#d9470e;
    line-height:20px;
    margin-right:5px;
    font-size:14px
}
.news-body-list ul:nth-of-type(3) li p:nth-of-type(2) span {
    display:block
}
.news-body-list ul:nth-of-type(3) li p:nth-of-type(2) span:last-of-type {
    font-size:24px
}
.news-body-list ul:nth-of-type(3) li p:last-of-type span.active {
    color:#fc6d04
}
.achieve.news-body .page-nav ul {
    height:-webkit-calc(86vw / 6);
    height:-moz-calc(86vw / 6);
    height:calc(86vw / 6);
    width:-webkit-calc(86vw / 6 - 3px);
    width:-moz-calc(86vw / 6 - 3px);
    width:calc(86vw / 6 - 3px);
    right:-webkit-calc(50% + 1px);
    right:-moz-calc(50% + 1px);
    right:calc(50% + 1px)
}
.achieve.news-body .page-nav ul li {
    width:100%;
    position:relative
}
.achieve.news-body .page-nav ul li:last-of-type {
    background-color:#464646
}
.achieve.news-body .page-nav ul li p {
    font-size:14px;
    position:relative;
    line-height:1.5;
    top:0;
    margin-top:0
}
.achieve.news-body .page-nav ul li p.title {
    font-size:24px;
    letter-spacing:2px;
    margin-bottom:10px
}
.achieve.news-body .page-nav ul li .li-wrapper div {
    position:relative;
    cursor:pointer;
    width:156px;
    height:44px;
    border:2px solid #fff;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    text-align:center;
    margin:0 auto;
    margin-top:70px
}
.achieve.news-body .page-nav ul li .li-wrapper div p {
    line-height:40px
}
.achieve.news-body .page-nav ul li .li-wrapper {
    position:absolute;
    width:200px;
    left:50%;
    margin-left:-100px;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%)
}
.achieve.news-body .page-nav ul {
    height:460px
}
.form-box {
    position:fixed;
    background-color:rgba(0, 0, 0, .9);
    width:100%;
    height:100vh;
    left:0;
    top:0;
    z-index:30;
    display:none
}
.form-wrapper {
    position:absolute;
    width:800px;
    height:auto;
    left:50%;
    margin-left:-400px;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    background-color:#fff;
    padding:50px 80px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.form-wrapper input {
    outline:0;
    border:1px solid rgba(55, 55, 55, .65);
    height:40px;
    width:300px;
    padding-left:10px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.form-wrapper input:focus {
    border-color:#2d2f34
}
.form-wrapper ul:first-of-type li {
    display:inline-block;
    margin-right:40px;
    margin-bottom:20px
}
.form-wrapper ul:first-of-type li:nth-of-type(2n) {
    margin-right:0
}
.form-wrapper ul {
    font-size:0;
    -webkit-text-size-adjust:none
}
.form-wrapper ul li {
    font-size:16px
}
.form-wrapper textarea {
    width:100%;
    height:150px;
    border:1px solid rgba(55, 55, 55, .65);
    padding:10px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    margin-bottom:20px;
    resize:none;
    outline:0
}
.form-wrapper ul:last-of-type li {
    display:inline-block;
    vertical-align:middle;
    width:-webkit-calc(100% / 3);
    width:-moz-calc(100% / 3);
    width:calc(100% / 3);
    height:42px;
    line-height:40px;
    text-align:center;
    font-size:14px;
    border:1px solid #2d2f34;
    border-right:none;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    cursor:pointer
}
.form-wrapper ul:last-of-type li:last-of-type {
    border-right:1px solid #2d2f34
}
.form-wrapper ul:last-of-type li.active {
    color:#fff;
    background-color:#2d2f34
}
.subimt {
    text-align:center;
    line-height:40px;
    background-color:#2d2f34;
    color:#fff;
    cursor:pointer;
    margin-top:20px
}
.form-box .close-, .video-box .close- {
    position:absolute;
    right:33px;
    top:47px;
    line-height:30px;
    width:30px;
    text-align:center;
    font-size:30px;
    cursor:pointer
}
.video-box .close- {
    color:#fff
}
.upload {
    text-align:center;
    line-height:40px;
    border:1px dashed rgba(54, 54, 54, .8);
    margin-top:20px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    cursor:pointer
}
.div-left {
    width:200px;
    height:300px;
    display:inline-block;
    vertical-align:middle;
    background-image:url(../img/star.jpg);
    -moz-background-size:contain;
    -o-background-size:contain;
    background-size:contain;
    background-position:center center;
    background-repeat:no-repeat
}
.div-right {
    width:-webkit-calc(100% - 250px);
    width:-moz-calc(100% - 250px);
    width:calc(100% - 250px);
    margin-left:40px;
    vertical-align:middle;
    display:inline-block
}
.div-right p:first-of-type>span:first-of-type {
    font-size:34px
}
.div-right p:first-of-type>span {
    display:inline-block;
    vertical-align:middle;
    line-height:1
}
.div-right p:first-of-type>span span {
    display:block
}
.div-right p:first-of-type>span span:first-of-type {
    font-size:16px;
    font-weight:700;
    line-height:1;
    margin-bottom:4px
}
.div-right p:first-of-type>span span+span {
    font-size:14px
}
.div-right p:first-of-type {
    font-size:16px
}
.div-right p:first-of-type>span:last-of-type {
    margin-left:20px
}
.div-right p:nth-of-type(2) {
    margin-top:30px;
    color:#b28008;
    font-size:18px
}
.achiveve-detail {
    margin-top:40px;
    line-height:1.8
}

.RIMGBlock img {
    display:inline-block
}
.achievement .nav-bg {
    background-image:url(../img/j_banner.jpg)
}
.nav-bg:before {
    opacity:0
}

.form-wrapper h3 {
    text-align:center;
    line-height:30px;
    font-size:22px;
    margin-bottom:50px
}
.menu-right.white span {
    background: #000;
}
.menu-right.white span.active {
    background-color:#000
}
.about .page-nav ul {
    width:-webkit-calc(86vw / 3 - 4px);
    width:-moz-calc(86vw / 3 - 4px);
    width:calc(86vw / 3 - 4px);
    right:-webkit-calc(50% + 1px);
    right:-moz-calc(50% + 1px);
    right:calc(50% + 1px);
    height:274px
}
.about .page-nav ul li {
    width:100%;
    height:100%;
    background-image:url(../img/about_banner.jpg);
    background-position:center top;
    -moz-background-size:100% auto;
    -o-background-size:100% auto;
    background-size:100% auto;
    background-repeat:no-repeat
}
.about .nav-bg {
    background-image:url(../img/about_banner.jpg)
}
.nav-bg:before {
    content:'';
    display:block;
    position:absolute;
    width:100%;
    height:100%;
    background-color:#000;
    left:0;
    top:0;
    opacity:.8
}
.introduction {
    position:relative;
    padding-top:150px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    z-index:6;
    padding-left:12.8%;
    padding-bottom:100px
}
.introduction-box {
    width:45%
}
.xzxx {
    display:none
}
.title-common.en {
    font-family:bigcaslon;
    font-size:36px;
    letter-spacing:2px;
    line-height:1
}
.title-common.cn {
    font-size:44px;
    line-height:1;
    margin-top:5px;
    letter-spacing:2px
}
.introduction-box>ul {
    line-height:1.8;
    font-size:16px;
    margin-top:40px;
    letter-spacing:1px
}
.introduction-box>ul li {
    opacity:0
}
.introduction-box>ul li.active {
    display:block
}
.introduction-box>ul li+li {
    margin-top:200px
}
.introduction-box>ul li+li strong {
    font-size:44px;
    font-weight:400
}
.introduction .img-list {
    position:absolute;
    right:0;
    top:100px;
    height:auto;
    width:45%
}
.introduction .img-list ul {
    position:relative
}
.introduction .img-list ul img {
    width:100%
}
.introduction .img-list.active {
    position:fixed;
    top:100px;
    right:0;
    -webkit-transition:all .5s;
    -o-transition:all .5s;
    -moz-transition:all .5s;
    transition:all .5s
}
.introduction .img-list.active.ff {
    position:absolute
}
.introduction .img-list ul li {
    position:absolute;
    left:0;
    top:0;
    opacity:0;
    visibility:hidden;
    -webkit-transition:all 1s;
    -o-transition:all 1s;
    -moz-transition:all 1s;
    transition:all 1s
}
.introduction .img-list ul li img {
    width:100%
}
.introduction .img-list ul li.active {
    opacity:1;
    visibility:visible
}
.advantages-box {
    position:absolute;
    padding-top:80px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    z-index:6;
    padding-left:12.8%;
    right:0;
    width:100%;
    z-index:6
}
.advantages-left {
    position:relative;
    width:65%
}
.advantages-left img {
    width:100%
}
.advantages-box>ul {
    margin-top:70px;
    font-size:18px;
    letter-spacing:1px;
    line-height:1;
    cursor:pointer
}
.advantages-box>ul li {
    position:relative;
    -webkit-transition:all .3s;
    -o-transition:all .3s;
    -moz-transition:all .3s;
    transition:all .3s;
    width:100%;
    opacity:.7
}
.advantages-box>ul li.active {
    padding-left:30px;
    opacity:1
}
.advantages-box>ul li:before {
    content:'';
    display:block;
    position:absolute;
    width:14px;
    height:14px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    border:2px solid;
    opacity:0;
    top:2px;
    left:4px;
    visibility:hidden;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.advantages-box>ul li.active:before {
    opacity:1;
    visibility:visible
}
.advantages-box>ul li+li {
    margin-top:30px
}
.advantages-right {
    position:absolute;
    top:230px;
    width:68%;
    right:0
}
.advantages-right img {
    width:100%
}
.advantages {
    padding-bottom:330px;
    margin-top:300px
}
.advantages .circle {
    width:500px;
    height:500px;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-250px;
    margin-top:-250px;
    z-index:6
}
.advantages .circle .text-disc {
    position:absolute;
    width:86%;
    text-align:center;
    left:7%;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    color:#fff;
    opacity:0;
    z-index:11;
    visibility:hidden
}
.advantages .circle .text-disc.active {
    opacity:1;
    visibility:visible
}
.advantages .circle .text-disc p:first-of-type {
    font-size:16px!important;
    color:#fff;
    letter-spacing:1px
}
.advantages .circle .text-disc p a {
    color:#fff
}
.advantages .circle .text-disc p:last-of-type {
    font-size:14px;
    line-height:1.6;
    opacity:.8;
    margin-top:15px
}
.circle .circle-dot {
    position:absolute;
    width:100%;
    height:100%;
    z-index:10;
    color:#fff
}
.circle .circle-dot:before {
    border:3px solid #fff;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    position:absolute;
    width:100%;
    height:100%;
    display:block;
    content:'';
    left:0;
    top:0
}
.circle .circle-dot div {
    width:20px;
    height:20px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    background-color:#fff;
    position:absolute;
    cursor:pointer
}
.votedDetail {
    text-align:center;
    line-height:30px
}
#nums {
    background:#d9470e!important;
    color:#fff!important;
    padding:0 25px;
    -webkit-border-radius:25px;
    -moz-border-radius:25px;
    border-radius:25px
}
#dz, #nums {
    margin:20px 50px;
    display:inline-block
}
.news-detail .news-d .a_dz {
    width:120px;
    height:40px;
    display:inline-block;
    line-height:40px!important;
    background-color:#d9470e!important;
    color:#fff!important
}
#dz {
    padding:10px;
    -webkit-border-radius:100%;
    -moz-border-radius:100%;
    border-radius:100%
}
.circle .circle-dot div:before {
    content:'';
    display:block;
    position:absolute;
    width:20px;
    height:20px;
    background-color:#fff;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    left:50%;
    top:50%;
    margin-left:-10px;
    margin-top:-10px;
    -webkit-transition:all .3s;
    -o-transition:all .3s;
    -moz-transition:all .3s;
    transition:all .3s
}
.circle .circle-dot div p {
    font-size:18px;
    position:absolute;
    right:40px;
    top:15px;
    white-space:nowrap;
    opacity:0;
    visibility:hidden
}
.circle .circle-dot div.arr-right p {
    left:40px;
    right:auto
}
.circle .circle-dot div.t_ p {
    top:-20px
}
.circle .circle-dot div.active p {
    opacity:1;
    visibility:visible
}
.circle .circle-dot div.active:before, .circle .circle-dot div:hover:before {
    -webkit-box-shadow:0 0 0 8px #fff;
    -moz-box-shadow:0 0 0 8px #fff;
    box-shadow:0 0 0 8px #fff;
    background-color:#19c2d6
}
.purpose {
    position:relative;
    z-index:6;
    width:100%;
    padding-bottom:220px
}
.purpose .purpose-left {
    display:inline-block;
    vertical-align:middle
}
.purpose .purpose-right {
    display:inline-block;
    vertical-align:middle;
    max-width:830px;
    margin-left:90px
}
.purpose-right .disc- {
    line-height:1.8;
    font-size:16px;
    margin-top:50px
}

.course .nav-bg {
    background-image:url(../img/course.jpg)
}
.page-nav ul li.active, .page-nav ul li:hover {
    background-color:rgba(0, 0, 0, .8)!important
}
.course .page-nav ul li p span {
    display:block
}
.course .page-nav ul li.active p span {
    color:#fff
}
.course .page-nav ul li p span:nth-of-type(2) {
    font-size:24px;
    letter-spacing:2px
}
.course .page-nav ul li p span:nth-of-type(3) {
    font-size:16px;
    text-transform:uppercase;
    font-family:melbournebold
}
.course .page-nav ul li {
    border-right:1px solid #fff
}
.course .page-nav ul li p span.iconfont {
    font-size:50px;
    line-height:50px
}
.course .page-nav ul li:nth-of-type(4) p span.iconfont {
    font-size:42px
}
.course .page-nav ul li:nth-of-type(5) p span.iconfont {
    font-size:42px
}
.course .page-nav ul li.active, .course .page-nav ul li:hover {
    border-color:#328ba1
}
.course .page-nav ul li p {
    margin-top:-55px
}
.Summary-right {
    position:relative
}
.Summary-right img {
    margin-left:auto;
    margin-right:0
}
.Summary {
    padding-top:100px
}
.Summary-box {
    position:absolute;
    left:0;
    z-index:6;
    background-repeat:no-repeat;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    background-position:center center
}
.Summary-info {
    position:absolute;
    top:50%;
    width:740px;
    left:50%;
    margin-left:-370px;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    color:#fff;
    font-size:16px;
    line-height:1.7
}
.Summary-info .disc {
    margin-top:40px
}
.course .star {
    padding-top:90px
}
.classroom-left {
    position:absolute;
    left:0;
    top:0
}
.classroom-box {
    position:relative;
    z-index:6;
    padding-top:100px;
    width:1200px;
    font-size:16px;
    margin:0 auto
}
.classroom {
    position:relative
}
.classroom-banner .swiper-container {
    height:240px
}
.classroom-banner .swiper-container .swiper-slide {
    padding:0 12px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    position:relative
}
.classroom-banner .swiper-container .swiper-slide img {
    width:100%;
    position:relative
}
.classroom-banner {
    position:relative
}
.activities-video .arr, .beauty-list- .arr, .classroom-banner .arr {
    bottom:50%;
    margin-bottom:-16px;
    left:-100px
}
.activities-video .arr.right, .beauty-list- .arr.right, .classroom-banner .arr.right {
    right:-100px
}
.classroom-box .disc {
    margin:50px 0;
    line-height:1.7
}
.classroom-box .p1 {
    margin-top:35px
}
.classroom-box .classroom-banner {
    margin-top:20px
}
.activities-video {
    position:relative;
    margin-top:40px;
    width:75%
}
.activities-video>img {
    width:100%
}
.activities-box {
    position:absolute;
    padding-top:60px;
    padding-left:12.8%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    width:100%;
    z-index:6
}
.activities {
    padding-top:110px;
    padding-bottom:20px
}
.activities-right img {
    margin-left:auto;
    margin-right:0;
    position:relative
}
.activities-video .swiper-container {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%
}
.play {
    font-size:30px;
    line-height:30px;
    width:30px;
    text-align:center;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-15px;
    margin-top:-35px;
    color:#fff;
    z-index:6;
    cursor:pointer;
    font-size:40px!important
}
.activities-video .swiper-container .swiper-slide {
    position:relative
}
.footer-wrapper {
    height:150px
}
.footer-bg {
    width:50%;
    position:absolute;
    right:0;
    bottom:0;
    overflow:hidden
}
.video-box {
    position:fixed;
    width:100%;
    height:100vh;
    left:0;
    top:0;
    background-color:rgba(0, 0, 0, .9);
    z-index:500;
    display:none;
    opacity:0;
    visibility:hidden
}
.video-box .lb {
    position:absolute;
    width:80%;
    height:auto;
    left:50%;
    /* margin-left:-400px; */
    top:50%;
    padding:20px;
    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    -o-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    background:#fff;
    /* height:500px; */
    -o-object-position:center center;
    object-position:center center;
    -o-object-fit:contain;
    object-fit:contain
}
#mod_player>div {
    height:100%!important;
    width:100%!important
}
.video-box .lb embed {
    width:100%!important;
    height:100%!important
}
.video-box .lb video {
    width:100%;
    height:100%
}


.erw-box {
    position:absolute;
    bottom:60px
}
.erw-box ul li {
    display:inline-block
}
.erw-box ul li p {
    font-size:14px;
    text-align:center;
    margin-top:5px
}
.erw-box ul li+li {
    margin-left:50px
}

.tips {
    position:absolute;
    width:200px;
    height:40px;
    line-height:40px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    background-color:#fff;
    color:#000;
    text-align:center;
    top:50px;
    left:50%;
    margin-left:-100px;
    opacity:0;
    visibility:hidden;
    -webkit-transform:translateY(-20px);
    -moz-transform:translateY(-20px);
    -ms-transform:translateY(-20px);
    -o-transform:translateY(-20px);
    transform:translateY(-20px)
}

.newss.news-body .page-nav {
    height:auto
}
.news-body .page-nav>img {
    position:relative;
    width:-webkit-calc(93vw - 6px);
    width:-moz-calc(93vw - 6px);
    width:calc(93vw - 6px)
}
.news-body .page-nav .vm {
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-60%);
    -moz-transform:translateY(-60%);
    -ms-transform:translateY(-60%);
    -o-transform:translateY(-60%);
    transform:translateY(-60%);
    width:-webkit-calc(100% - 200px);
    width:-moz-calc(100% - 200px);
    width:calc(100% - 200px);
    z-index:5
}
.news-right {
    position:absolute;
    right:0;
    top:0;
    width:-webkit-calc(50vw - 3px);
    width:-moz-calc(50vw - 3px);
    width:calc(50vw - 3px);
    overflow:hidden
}
.news-right img {
    width:100%
}

.news-body-list .title-common.cn {
    margin-bottom:36px
}
.news-body-list ul li .news-abs .news-date {
    display:inline-block;
    vertical-align:top;
    font-family:bigcaslon;
    line-height:1;
    font-size:20px;
    font-weight:700
}
.news-body-list ul li .news-abs .news-date p:last-of-type {
    font-size:70px;
    margin-top:0;
    font-weight:400
}
.news-body-list ul li .news-abs .new-con {
    display:inline-block;
    vertical-align:top;
    width:calc(100% - 140px);
    margin-left:50px
}
.news-body-list ul li .news-abs .new-con .news-more {
    position:relative;
    margin-left:0;
    left:0
}
.beauty-list- {
    width:853px;
    height:486px;
    position:relative;
    margin:0 auto
}
.beauty-list- .swiper-container {
    width:100%;
    height:100%
}
.news-body .teacher-abs .abs {
    font-size:16px
}
.news-body .teacher-abs .abs a {
    color:#3e3e3e
}
.beauty .news-body-list {
    max-width:86vw
}
.news-body-list .beauty-item {
    max-width:1300px;
    position:relative;
    margin:0 auto
}
.news-body-list ol {
    width:100%;
    font-size:0;
    -webkit-text-size-adjust:none;
    margin-top:74px;
    padding:0 3px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.news-body-list ol li {
    display:inline-block;
    vertical-align:top;
    width:-webkit-calc(86vw/6 - 2px);
    width:-moz-calc(86vw/6 - 2px);
    width:calc(86vw/6 - 2px);
    height:-webkit-calc(86vw/6 - 2px);
    height:-moz-calc(86vw/6 - 2px);
    height:calc(86vw/6 - 2px);
    position:relative;
    background-image:url(../img/beauty.jpg);
    background-position:center center;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    margin-left:1px;
    margin-top:2px;
    cursor:pointer
}
.news-body-list ol li:nth-of-type(6n) {
    margin-left:0
}
.news-body-list ol li:before {
    content:'';
    display:block;
    position:absolute;
    width:100%;
    height:100%;
    background-color:rgba(0, 0, 0, .7);
    left:0;
    top:0
}
.news-body-list ol li:nth-of-type(6) {
    margin-left:-webkit-calc(86vw/6);
    margin-left:-moz-calc(86vw/6);
    margin-left:calc(86vw/6)
}
.news-body-list ol li.active:before {
    opacity:0
}
.news-body-list .beauty-item ul {
    position:relative;
    display:block;
    margin-bottom:50px
}
.beauty-item ul li {
    position:absolute;
    top:0;
    opacity:0;
    visibility:hidden
}
.beauty-item ul li.active {
    opacity:1;
    visibility:visible
}
.beauty-item ul li:first-of-type {
    position:relative
}
.beauty-item ul li+li {
    margin-top:0
}
.menu-logo img {
    height: 50px
}
.menu .menu-content ul li a span {
    font-size:12px;
    margin-right:20px
}
.xw {
    position:absolute;
    width:35px;
    left:64px;
    bottom:64px;
    z-index:10
}
.xw .p, .xw p {
    display:block;
    width:35px;
    height:35px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    background-color:#696969;
    line-height:35px;
    text-align:center;
    font-size:19px;
    color:#272727
}
.xw .p:last-of-type, .xw p:last-of-type {
    font-size:24px;
    padding-top:2px;
    margin-top:15px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.menu .info {
    position:absolute;
    left:55%;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    z-index: 10;
}
.menu .info ul {
    text-align:left;
    width:730px;
    color: #fff;
}
.menu .info ul li {
    margin-top:25px;
    line-height:1;
    font-size:16px;
}
.menu .info ul li p span:last-of-type {
    margin-left:5px;
    margin-right:5px
}
.menu .info ul li p {
    color: #ccc;
}
.menu .info ul h3 {
    font-size:18px
}
.menu .info ul+ul {
    margin-top:50px
}
.menu .info .menu-qcrode{
    display: inline-block;
    text-align: center;
}
.menu .info .menu-qcrode span{
    margin:0 auto;
    width: 285px; 
    height: 146px;
}
.menu .info .menu-qcrode span{
    font-size: 14px;
    padding-top: 10px;
    display: inline-block;
}
.achievement.news-body .page-nav {
    height:100vh
}
.art.news-body .page-nav ul {
    right:-webkit-calc(50% - 1px);
    right:-moz-calc(50% - 1px);
    right:calc(50% - 1px);
    width:-webkit-calc((86vw - 6px)/ 3 + 2px);
    width:-moz-calc((86vw - 6px)/ 3 + 2px);
    width:calc((86vw - 6px)/ 3 + 2px);
    height:auto
}
.art .drag_list {
    top:-webkit-calc((86vw - 6px)/ 6);
    top:-moz-calc((86vw - 6px)/ 6);
    top:calc((86vw - 6px)/ 6);
    left:0
}
.art.news-body .page-nav ul li {
    width:50%;
    background-color:#fff;
    height:-webkit-calc((86vw - 6px)/ 6);
    height:-moz-calc((86vw - 6px)/ 6);
    height:calc((86vw - 6px)/ 6)
}
.art.news-body .page-nav ul li:hover {
    color:#fff;
    background-color:#328ba1
}
.art.news-body .page-nav ul li p {
    position:relative;
    width:100%;
    margin-top:0;
    top:auto;
    color:#696969;
    text-transform:uppercase
}
.art.news-body .page-nav ul li+li {
    border-left:1px solid rgba(0, 0, 0, .1);
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.art.news-body .page-nav ul li:hover p {
    color:#fff
}
.art.news-body .page-nav ul li p.iconfont {
    font-size:48px;
    line-height:50px
}
.art.news-body .page-nav ul li p.iconfont+p {
    font-size:18px;
    font-weight:700;
    margin-top:10px
}
.art.news-body .page-nav ul li .text {
    position:absolute;
    width:100%;
    left:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%)
}
.xy {
    line-height:40px;
    text-align:center
}
.xy * {
    display:inline-block;
    vertical-align:middle;
    font-size:14px
}
.xy input {
    line-height:16px;
    height:16px;
    border:none;
    width:20px;
    cursor:pointer
}
.xy p {
    opacity:.6;
    margin-left:15px
}
.xy p span:hover {
    color:red
}
.xy p span {
    cursor:pointer
}
.artdetail .teacher-abs {
    width:-webkit-calc(100% - (86vw / 3 + 7vw));
    width:-moz-calc(100% - (86vw / 3 + 7vw));
    width:calc(100% - (86vw / 3 + 7vw));
    position:relative;
    height:auto;
    margin-top:130px;
    margin-left:auto;
    margin-right:0;
    min-height:-webkit-calc(100vh - 130px);
    min-height:-moz-calc(100vh - 130px);
    min-height:calc(100vh - 130px)
}
.artdetail.news-body .page-nav .vm {
    position:relative;
    width:100%;
    -webkit-transform:none;
    -moz-transform:none;
    -ms-transform:none;
    -o-transform:none;
    transform:none;
    top:auto
}
.artdetail .page-nav {
    height:auto;
    min-height:-webkit-calc(100vh - 130px);
    min-height:-moz-calc(100vh - 130px);
    min-height:calc(100vh - 130px)
}
.time-art {
    position:absolute;
    width:-webkit-calc(86vw / 6);
    width:-moz-calc(86vw / 6);
    width:calc(86vw / 6);
    left:-webkit-calc(86vw / 6 + 7vw);
    left:-moz-calc(86vw / 6 + 7vw);
    left:calc(86vw / 6 + 7vw);
    top:50vh;
    color:#fff;
    text-align:center;
    font-family:bigcaslon
}
.time-art p:first-of-type {
    font-size:30px;
    line-height:1;
    opacity:.5
}
.time-art p:last-of-type {
    font-size:110px;
    line-height:1;
    margin-top:-20px
}
.art-title {
    margin-top:100px
}
.art-title p:first-of-type {
    font-size:16px;
    line-height:28px;
    padding:0 25px;
    color:#fff;
    background-color:#328ba1;
    -webkit-border-radius:28px;
    -moz-border-radius:28px;
    border-radius:28px;
    display:inline-block;
    letter-spacing:1px
}
.art-title p:last-of-type {
    font-size:34px;
    line-height:1.4;
    font-weight:700
}
.datail-t {
    margin-top:55px
}
.datail-t>p {
    color:#328ba1;
    font-size:20px;
    padding-left:18px;
    position:relative;
    font-weight:700
}
.datail-t>p:before {
    content:'';
    display:block;
    position:absolute;
    width:9px;
    height:9px;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    border-radius:50px;
    background-color:#328ba1;
    left:0;
    top:12px
}
.datail-t .desc-box {
    margin-top:10px;
    line-height:30px;
    color:#4c4c4c
}
.teacher-body .drag_list {
    top:-webkit-calc(86vw / 6);
    top:-moz-calc(86vw / 6);
    top:calc(86vw / 6)
}
.select-box {
    position:absolute;
    width:-webkit-calc(86% / 6 - 2px);
    width:-moz-calc(86% / 6 - 2px);
    width:calc(86% / 6 - 2px);
    right:-webkit-calc(50% + 1px);
    right:-moz-calc(50% + 1px);
    right:calc(50% + 1px);
    background-color:#464646;
    bottom:0;
    color:#fff;
    padding:60px 16px 50px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.select-box h1 {
    font-size:28px;
    text-align:center;
    margin-bottom:35px;
    line-height:1
}
.s1 {
    z-index:60!important
}
.s2 {
    z-index:30!important
}
.select-box .select-item {
    position:relative;
    line-height:40px;
    height:42px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    border:1px solid rgba(255, 255, 255, .3);
    padding-left:14px
}
.select-box .select-item:before {
    content:'';
    display:block;
    position:absolute;
    right:14px;
    top:50%;
    border-top:8px solid #fff;
    border-left:7px solid transparent;
    border-right:7px solid transparent;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%)
}
.select-box .select-item+.select-item {
    margin-top:25px
}
.select-box .select-item p {
    opacity:.3;
    cursor:pointer
}
.select-box .select-item.active ol {
    z-index:20;
    display:block
}
.select-box .select-item ol {
    position:absolute;
    top:50px;
    width:100%;
    height:auto;
    left:0;
    background-color:#fff;
    text-align:center;
    line-height:40px;
    display:none;
    -webkit-box-shadow:0 0 10px rgba(0, 0, 0, .3);
    -moz-box-shadow:0 0 10px rgba(0, 0, 0, .3);
    box-shadow:0 0 10px rgba(0, 0, 0, .3);
    padding:10px 0;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    font-size:16px;
    max-height:340px;
    overflow-y:scroll
}
.select-box .select-item ol:before {
    content:'';
    display:block;
    position:absolute;
    border-bottom:6px solid #fff;
    border-left:6px solid transparent;
    border-right:6px solid transparent;
    top:-6px;
    left:50%;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    transform:translateX(-50%)
}
.select-box .select-item ol li {
    cursor:pointer;
    color:#3e3e3e
}
.select-box .select-item ol li:hover {
    color:#fff;
    background-color:rgba(29, 24, 52, .3)
}
.select-box .btn_ {
    height:45px;
    line-height:45px;
    width:100%;
    border:1px solid rgba(255, 255, 255, .7);
    text-align:center;
    position:relative;
    margin:0 auto;
    margin-top:66px;
    font-size:16px;
    cursor:pointer;
    -webkit-transition:all .2s
}
.select-box .btn_ span {
    display:block;
    width:100%;
    height:100%;
    position:relative;
    z-index:10
}
.classroom-banner .swiper-container .swiper-slide p {
    text-align:center;
    margin-top:10px
}
.ppp {
    margin:30px;
}
.ppp div {
    display:inline-block;
    font-size:16px;
    border:1px solid;
    padding:10px 35px;
    line-height:24px;
    text-align:center;
    cursor:pointer;
    -webkit-transition:all .2s
}
.ppp div.active, .ppp div:hover {
    color:#fff;
    background-color:#000
}
.ppp div+div {
    margin-left:20px;
    margin-bottom:20px
}
.oo {
    margin-top:20px;
    text-align:center;
    font-size:16px
}
.news-body-list ol li p {
    position:absolute;
    width:90%;
    font-size:16px;
    line-height:24px;
    top:50%;
    left:5%;
    color:#fff;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    z-index:30;
    text-align:center
}
.news-body-list ol li.active p {
    display:none
}
.mobile-menu {
    position:fixed;
    top:0;
    left:0;
    background:rgba(0, 0, 0, .6);
    width:100%;
    height:100vh;
    z-index:100;
    display:none
}
.mobile-menu .m-top {
    height:50px;
    background:#7E0303;
    border-bottom:1px solid #fff
}
.mobile-menu .m-top h1 {
    width:40px;
    left:3%;
    top:5px;
    position:relative
}
.mobile-menu .m-top h1 img {
    width:100%
}
.mobile-menu li {
    display:inline-block;
    width:50%;
    float:left;
    height:45px;
    background:#fff;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    border-right:1px solid rgba(0, 0, 0, .1);
    border-bottom:1px solid rgba(0, 0, 0, .1);
    line-height:45px;
    font-size:16px;
    text-indent:15px
}
.mobile-menu li a {
    display:block;
    color:#7E0303
}
.mobile-menu ol {
    display:none
}
.mobile-menu ol li {
    background:#fff
}
.mobile-menu .m-tag li {
    color:#9c0436
}
.mobile-menu .m-tag li.active {
    background:#9c0436;
    color:#fff;
    border-color:#9c0436
}
.mobile-menu ol li {
    font-size:14px;
    text-indent:0;
    border-color:rgba(0, 0, 0, .1);
    position:relative
}
.mobile-menu ol li.auto {
    width:100%;
    min-height:45px;
    line-height:1.7
}
.mobile-menu ol li span {
    margin-right:5px
}
.mobile-menu ol li b, .mobile-menu ol li span, .mobile-menu ol li strong {
    font-weight:400;
    color:rgba(0, 0, 0, .65)
}
.mobile-menu ol li p {
    width:94%;
    margin:0 auto;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    position:absolute;
    top:50%;
    left:3%
}
.mobile-menu ol li:nth-of-type(1) p, .mobile-menu ol li:nth-of-type(2) p {
    width:100%;
    text-indent:6%;
    left:auto
}
.mobile-menu ol.active {
    display:block
}
.mobile-menu li {
    -moz-transform:translateY(20px) rotateX(-45deg);
    transform:translateY(20px) rotateX(-45deg);
    -webkit-transform:translateY(20px) rotateX(-45deg);
    -webkit-transition:all .2s ease 0s;
    -o-transition:all .2s ease 0s;
    -moz-transition:all .2s ease 0s;
    transition:all .2s ease 0s;
    opacity:0
}
.mobile-menu li.active {
    background:#7E0303;
    border-color:#fff
}
.mobile-menu li.active a {
    color:#fff
}
.mobile-menu.active {
    display:block
}
.mobile-btn {
    width:45px;
    height:45px;
    position:fixed;
    top:2px;
    right:3%;
    z-index:101;
    display:none
}
.mobile-btn>span {
    display:block;
    width:70%;
    height:3px;
    background:#7E0303;
    margin:0 auto;
    position:relative;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    -webkit-transform:rotate(0);
    -moz-transform:rotate(0);
    -ms-transform:rotate(0);
    -o-transform:rotate(0);
    transform:rotate(0)
}
.mobile-btn .s1 {
    top:10px;
    left:0;
    -webkit-transition:all .6s;
    -o-transition:all .6s;
    -moz-transition:all .6s;
    transition:all .6s
}
.mobile-btn .s2 {
    top:18px;
    left:0
}
.mobile-btn .s3 {
    top:26px;
    left:0;
    -webkit-transition:all .6s;
    -o-transition:all .6s;
    -moz-transition:all .6s;
    transition:all .6s
}
.teacher-abs .title {
    line-height:50px
}
.achievement_subtitle, .achievement_title {
    padding-bottom:10px;
    opacity:.8
}
.introduction-box>ul .imgBot {
    display:none
}
.star-right ul li .mobile_img {
    display:none
}
@media only screen and (max-width:1440px) {
    .activity .title h3, .introduction-box>ul li+li strong, .section2 .section2-box h2, .star-title h2, .teacher-abs .title, .title-common.cn {
        font-size:40px
    }
    .activity .title img, .star-title img {
        width:350px
    }
    .banner-left {
        width:35.7%
    }
    .dot {
        margin:5vh 0
    }
    .teacher-abs p {
        font-size:15px
    }
    .introduction {
        padding-top:100px
    }
    .introduction .img-list {
        width:40%
    }
    .advantages .circle {
        -webkit-transform:scale(.8)
    }
    .advantages-box {
        padding-left:10%
    }
    .advantages-right {
        width:60%
    }
    .purpose .purpose-left {
        width:40%
    }
    .purpose .purpose-left img {
        width:100%
    }
    .purpose .purpose-right {
        width:50%;
        margin-left:5%
    }
    .purpose {
        padding-bottom:0
    }
    .activities-right img {
        width:40%
    }
    .erw-box {
        bottom:10px
    }
    .teacher-abs .title {
        margin-bottom:25px
    }
}
@media only screen and (max-width:1366px) {
    .activity .title h3, .introduction-box>ul li+li strong, .section2 .section2-box h2, .star-title h2, .teacher-abs .title, .title-common.cn {
        font-size:35px
    }
    .section2 .section2-box ul li p:first-of-type, .section1 .text-t h3 {
        font-size:40px
    }
    .section1 .text-t p {
        font-size:21px
    }
    .section2 .section2-box {
        top:10%
    }
    .news-box .item-left {
        width:40%
    }
    .news-box .item-right {
        width:55%;
        margin-left:5%
    }
    .news-box .item-right .news-list a .news-content p:first-of-type {
        font-size:22px
    }
}
@media only screen and (max-width:1024px) {
    .banner-left {
        display:none
    }
    .news-body-list {
        width:100%;
        margin-bottom:0
    }
    .news-body-list ul {
        width:94%;
        margin-left:3%
    }
    .news-body-list ul li .news-img {
        width:45%;
        background-position:center center;
        background-repeat:no-repeat;
        -moz-background-size:cover;
        -o-background-size:cover;
        background-size:cover
    }
    .news-body-list ul li .news-abs {
        width:50%;
        margin-left:4%
    }
    .news-body-list ul li .news-abs .title {
        -o-text-overflow:ellipsis;
        text-overflow:ellipsis;
        white-space:nowrap
    }
    .news-body-list ul li .news-abs .news-date {
        width:60px;
        font-size:16px;
        text-align:center
    }
    .news-body-list ul li .news-abs .new-con {
        width:-webkit-calc(100% - 80px);
        width:-moz-calc(100% - 80px);
        width:calc(100% - 80px);
        margin-left:5px
    }
    .conductor .view .swiper-container {
        width:94%;
        margin-left:3%;
        left:auto
    }
    .conductor .preview {
        bottom:70px;
        width:90%;
        margin-left:5%;
        left:auto
    }
    .conductor {
        margin-bottom:0
    }
    .drag_list {
        display:none!important
    }
    .conductor .preview .swiper-container {
        width:100%
    }
    .conductor .view .swiper-container {
        height:500px
    }
    .select-box {
        width:-webkit-calc(86% / 4 - 2px);
        width:-moz-calc(86% / 4 - 2px);
        width:calc(86% / 4 - 2px)
    }
    .news-detail {
        width:94%
    }
    .news-detail .news-d table {
        width:100%!important;
        height:auto!important
    }
    .page-nav ul li p {
        line-height:27px
    }
    .page-nav {
        overflow:hidden
    }
    .activities-video .arr, .beauty-list- .arr, .classroom-banner .arr {
        left:-3%
    }
    .activities-video .arr.right, .beauty-list- .arr.right, .classroom-banner .arr.right {
        right:-3%
    }
    .activities-video .arr, .beauty-list- .arr, .classroom-banner .arr, .star .arr {
        background-color:rgba(255, 255, 255, .7)
    }
    .msg_nav a {
        padding:0 42px
    }
    .achieve.news-body .page-nav ul {
        width:-webkit-calc(86vw / 4 - 3px);
        width:-moz-calc(86vw / 4 - 3px);
        width:calc(86vw / 4 - 3px)
    }
    .advantages .circle {
        -webkit-transform:scale(.65);
        -moz-transform:scale(.65);
        -ms-transform:scale(.65);
        -o-transform:scale(.65);
        transform:scale(.65)
    }
    .menu-button {
        width:60px;
        height:60px;
        left:auto;
        right:0;
        margin-left:0
    }
    .achieve .news-body-list li {
        width:94%;
        margin-left:3%
    }
    .nav, .section2, .section1 {
        width:100%
    }
    .news-box .item-right .news-nav li {
        width:130px
    }
    .section2 {
        height:auto;
        padding:100px 0;
        background:rgba(0, 0, 0, .05)
    }
    .section2 .section2-box {
        left:5%;
        position:relative
    }
    .star .swiper-container {
        height:300px;
        width:90%
    }
    .star-title {
        margin-top:55px;
        margin-left:5%
    }
    .dot {
        margin:2vh 0
    }
    .star-right {
        width:20%;
        margin-top:15%
    }
    .teacher-box {
        width:100%
    }
    .teacher-big {
        display:none!important
    }
    .teacher-info {
        width:90%;
        margin-left:0;
        left:5%
    }
    .nav ul li {
        height:150px
    }
    .banner {
        height:-webkit-calc(100vh - 150px);
        height:-moz-calc(100vh - 150px);
        height:calc(100vh - 150px)
    }
    .banner .swiper-slide {
        -moz-background-size:cover;
        -o-background-size:cover;
        background-size:cover;
        background-position:center
    }
    .teacher-info>div {
        height:200px;
        max-height:200px;
        font-size:14px;
        line-height:1.6
    }
    .star {
        min-height:55vh
    }
    .teacher {
        min-height:70vh
    }
    .news-box .item-right .news-nav {
        padding-left:0;
        padding-top:7%
    }
    .news-box .item-right {
        width:56%;
        margin-left:2%
    }
    .news-box .item-right .news-list a {
        overflow:hidden
    }
    .news-box .item-right .news-list a .date {
        display:block;
        float:left;
        text-align:center
    }
    .news-box .item-right .news-list a .date p:last-of-type {
        font-size:50px
    }
    .news-box .item-right .news-list a .news-content {
        display:block;
        width:-webkit-calc(100% - 90px);
        width:-moz-calc(100% - 90px);
        width:calc(100% - 90px);
        float:left;
        margin-left:0
    }
    .news-box .item-left {
        margin-top:75px
    }
    .news-box .item-left>img {
        width:100%
    }
    .news-box .item-right .news-list a+a {
        margin-top:15px
    }
    .news-more {
        position:relative;
        bottom:auto;
        margin-top:25px;
        font-size:14px
    }
    .news-box .item-right .news-list a .news-content p:first-of-type {
        font-size:16px
    }
    .news-box .item-right .news-list a .news-content p:last-of-type {
        font-size:14px;
        line-height:1.6;
        opacity:.7
    }
    .news {
        padding-top:0
    }
    .activity {
        height:80vh
    }
    .activity .title {
        left:5%
    }
    .activity ul {
        width:90%;
        left:5%
    }
    .footer {
        padding:25px
    }
    .nav ul li .detail a {
        margin-top:10px
    }
    .nav ul li:hover .title {
        top:-35%
    }
    .nav ul li .detail {
        font-size:12px
    }
    .menu .menu-content ul {
        left:25%;
        font-size:20px;
        -webkit-transform:none;
        -moz-transform:none;
        -ms-transform:none;
        -o-transform:none;
        transform:none;
        top:22%
    }
    .menu .info {
        left:35%;
        top:22%;
        -webkit-transform:none;
        -moz-transform:none;
        -ms-transform:none;
        -o-transform:none;
        transform:none
    }
    .menu .info ul {
        width:95%
    }
    .menu .info ul li p span:last-of-type {
        font-size:14px
    }
    .menu .info ul li p {
        font-size:14px
    }
    .xw {
        width:100px
    }
    .xw p {
        float:left;
        margin-right:10px
    }
    .xw p:last-of-type {
        margin-top:0
    }
    .about .page-nav ul {
        display:none
    }
    .classroom-box {
        width:94%
    }
    .activities-box {
        width:94%;
        padding-left:0;
        margin-left:3%
    }
    .activities-video {
        width:100%
    }
    .saav .tupian {
        margin-top:0
    }
    .teacher-abs {
        height:70vh
    }
    .replay_list ol li .r .d {
        -webkit-line-clamp:5
    }
}
@media only screen and (min-width:768px) and (max-width:1023px) {
    .menu .info ul li:nth-of-type(2) {
        position:relative;
        top:-42px;
        margin-left:200px
    }
    .form-box .close-, .video-box .close- {
        top:14%
    }
    .teacher-abs {
        height:80vh
    }
    .ppp div {
        margin-bottom:20px
    }
    .news-body-list ul:nth-of-type(3) li {
        width:31%;
        margin-right:3%
    }
    .news-detail .news-d img {
        width:100%!important;
        margin:20px 0!important
    }
    .conductor .view .swiper-slide .desBox {
        top:30px
    }
    .conductor {
        height:650px
    }
    .conductor .preview {
        bottom:0
    }
    .teacher-body .page-nav ul li p span:nth-of-type(2) {
        font-size:20px
    }
    .conductor .preview .swiper-container {
        height:116px
    }
    .select-box {
        width:-webkit-calc(86% / 3 - 2px);
        width:-moz-calc(86% / 3 - 2px);
        width:calc(86% / 3 - 2px)
    }
    .activities-box, .classroom-box, .video-box .lb {
        width:94%;
        margin-left:3%
    }
    .video-box .lb {
        margin-left:-47%
    }
    .saav .tupian {
        margin-top:0
    }
    .activities-box {
        padding-left:0
    }
    .activities-video {
        width:100%
    }
    .Summary-info {
        width:94%;
        margin-left:-47%
    }
    .page-nav ul {
        width:94%
    }
    .page-nav ul li {
        width:20%
    }
    .form-wrapper {
        width:94%;
        margin-left:-47%
    }
    .form-wrapper ul li {
        width:46.4%
    }
    .form-wrapper input {
        width:100%
    }
    #checked {
        width:20px
    }
    .news-body .page-nav ul {
        height:55px
    }
    .msg_form .msg_div, .msg_form .msg_div:nth-child(4), .msg_form .msg_div:nth-child(5) {
        width:100%
    }
    .msg_nav a {
        margin-bottom:10px;
        padding:0 36px
    }
    .teacher-abs {
        width:60%
    }
    .select-box {
        width:-webkit-calc(86% / 4 - 2px);
        width:-moz-calc(86% / 4 - 2px);
        width:calc(86% / 4 - 2px);
        right:-webkit-calc(60% + 1px);
        right:-moz-calc(60% + 1px);
        right:calc(60% + 1px)
    }
    .achieve.news-body .page-nav ul {
        width:-webkit-calc(86vw / 3 - 3px);
        width:-moz-calc(86vw / 3 - 3px);
        width:calc(86vw / 3 - 3px);
        right:-webkit-calc(60% + 1px);
        right:-moz-calc(60% + 1px);
        right:calc(60% + 1px)
    }
    .achieve.news-body .page-nav ul {
        height:300px
    }
    .menu .info ul li:nth-of-type(3) {
        margin-top:-25px;
        line-height:1.7
    }
    .star {
        height:65vh
    }
    .introduction {
        padding-bottom:0
    }
    .advantages-box {
        padding-left:5%
    }
    .advantages-box>ul {
        margin-top:50px
    }
    .advantages-right {
        top:280px
    }
    .advantages .circle {
        -webkit-transform:scale(.5);
        -moz-transform:scale(.5);
        -ms-transform:scale(.5);
        -o-transform:scale(.5);
        transform:scale(.5)
    }
}
@media only screen and (min-width: 1700px) {

}

@media only screen and (max-width:767px ) {
  .news .news-box{
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(0,0,0,.1);
  }
  .bg{
    display: none;
  }
  .section2{
    padding: 35px 0;
  }
}

@media only screen and (max-width:767px) {
    .news-body-list ul li .news-abs .new-con .news-more {
        left:0!important
    }
    .news-body-list ul li .news-abs .title {
        font-size:16px;
        color:#000
    }
    .news-body-list ul li .news-abs .title span {
        display:none
    }
    .news-body-list ul li .news-abs .disc {
        font-size:14px
    }
    .div-right p:first-of-type>span:last-of-type {
        display:block;
        margin:20px auto 0
    }
    .RIMGBlock img {
        width:100%
    }

    #qidian_wpa_2852156011_246 {
        display:none!important
    }
    .aside ul li {
        display:none
    }
    .select-box {
        background:#328ba1
    }
    .bg {
        display:none
    }
    .section2 .section2-box ul li:first-of-type p:first-of-type span:before {
        left:25px;
        font-size:16px;
        top:2px
    }
    .section2 .section2-box ul li p:first-of-type span:before {
        left:45px;
        top:-3px;
        font-size:14px
    }
    .section2 .section2-box ul li:last-of-type p:first-of-type span:before {
        left:30px;
        top:-3px
    }
    .activities-video .arr, .beauty-list- .arr, .classroom-banner .arr, .star .arr {
        width:35px;
        height:20px;
        -moz-background-size:contain;
        -o-background-size:contain;
        background-size:contain
    }
    .activities-video .arr, .beauty-list- .arr, .classroom-banner .arr {
        left:0
    }
    .activities-video .arr.right, .beauty-list- .arr.right, .classroom-banner .arr.right, .star .arr.right {
        right:0
    }
    .menu .info {
        display:none
    }
    .menu-logo img {
        height:30px
    }
    .menu .close {
        top:15px;
        right:15px
    }
    .star-title {
        margin-top:0
    }
    .dot {
        display:none
    }
    .xw {
        bottom:30px;
        left:15px;
        width:50px
    }
    .xw p:first-of-type {
        margin-bottom:10px
    }
    .menu .menu-content ul {
        position:absolute;
        top:50%;
        -webkit-transform:translateY(-50%);
        -moz-transform:translateY(-50%);
        -ms-transform:translateY(-50%);
        -o-transform:translateY(-50%);
        transform:translateY(-50%);
        left:auto;
        text-align:center
    }
    .bg-menu div:after {
        background-color:#111214
    }
    .bg-menu div+div:before {
        opacity:.05
    }
    .bg ul li:before {
        opacity:.1
    }
    .menu .menu-content ul li {
        width:100%;
        display:inline-block
    }
    .menu .menu-content ul li a {
        font-size:24px;
        display:inline-block
    }
    .menu .menu-content ul li a span {
        display:none
    }
    .menu .menu-content ul li:first-of-type a span {
        position:relative;
        left:-25px
    }
    .menu-logo {
        left:15px;
        top:15px
    }
    .star-right ul {
        height:240px;
        overflow:hidden
    }
    .star-right ul li:first-of-type {
        width:100%;
        height:100%
    }
    .star-right ul li {
        background-position:top center;
        background-image:none!important;
        height:240px;
        overflow:hidden
    }
    .star-right ul li img:nth-child(2) {
        display:block!important
    }
    .news-body-list ul li {
        padding-bottom:20px;
        border-bottom:1px solid rgba(0, 0, 0, .1)
    }
    .star-right ul li img {
        display:none
    }
    .star-right ul li .mobile_img {
        display:block
    }
    .advantages-box>ul {
        display:none
    }
    .teacher-body .page-nav ul li p span:first-of-type {
        font-size:32px
    }
    .teacher-body .page-nav ul li p span:nth-of-type(2) {
        font-size:14px
    }
    .c-btns {
        padding-top:0;
        margin-top:120px
    }
    .c-btns a {
        width:29%;
        margin:0;
        height:40px;
        line-height:40px;
        margin-right:2%
    }
    .c-btns a:last-of-type {
        margin-right:0
    }
    .course .page-nav ul li p, .teacher-body .page-nav ul li p {
        margin-top:-40px
    }
    .teacher-body .page-nav ul li p span:nth-of-type(3) {
        display:none
    }
    .activity ul li p {
        color:#fff
    }
    .activity ul li p span img {
        opacity:0
    }
    .activity ul li p span img:last-of-type {
        opacity:1
    }
    .activity ul li .a-bg {
        opacity:1
    }
    .news-detail>p span:last-of-type {
        display:block;
        margin-left:0;
        margin-top:3px
    }
    .news-body-list ul li .news-abs .news-date p:last-of-type {
        text-align:center;
        font-size:30px
    }
    .introduction-box>ul .imgBot {
        margin-top:20px;
        display:block
    }
    .introduction-box>ul .imgBot img {
        width:100%;
        display:block
    }
    .circle .circle-dot div p {
        top:35px;
        right:-100px
    }
    .circle .circle-dot>div:last-of-type p, .circle .circle-dot>div:nth-child(9) p {
        top:35px
    }
    .circle .circle-dot>div:nth-child(9) p {
        right:-45px
    }
    .circle .circle-dot>div:first-child p, .circle .circle-dot>div:nth-child(2) p {
        top:-35px
    }
    .circle .circle-dot div.arr-right p {
        left:-10px
    }
    .circle .circle-dot>div:nth-child(3) p, .circle .circle-dot>div:nth-child(4) p {
        left:-50px
    }
    .circle .circle-dot>div:nth-child(5) p {
        top:30px
    }
    .advantages .circle .text-disc {
        width:74%;
        left:13%
    }
    .saav .tupian {
        display:none
    }
    .saav .activities-video {
        display:none
    }
    .saav .activities-video.active {
        display:block
    }
    .star .swiper-container .swiper-slide .n-con {
        max-height:200px;
        overflow-y:scroll
    }
    .news-detail .news-d img {
        width:100%!important;
        margin:20px 0!important;
        height:auto!important
    }
    .news-body-list ul:nth-of-type(2) li .news-video {
        height:auto
    }
    .dot img {
        -webkit-transform:scale(.7);
        -moz-transform:scale(.7);
        -ms-transform:scale(.7);
        -o-transform:scale(.7);
        transform:scale(.7)
    }
    .teacher-box {
        background-image:url(../img/teacher1.jpg);
        background-repeat:no-repeat;
        background-position:center center;
        -moz-background-size:100% 100%;
        -o-background-size:100% 100%;
        background-size:100% 100%
    }
    .teacher-box img {
        opacity:0
    }
    .play {
        margin-top:-15px
    }
    .video-box .lb {
        width:94%;
        margin-left:-47%;
        height:300px
    }
    .form-box .close-, .video-box .close- {
        top:20%;
        right:3%
    }
    .ppp div {
        width:100%;
        padding:10px 0;
        text-align:center;
        margin-left:0!important;
        margin-bottom:20px
    }
    .news-body-list ul:nth-of-type(3) li {
        width:100%;
        margin:0;
        margin-bottom:20px
    }
    .news-body-list ul:nth-of-type(3) li .news-video {
        height: 300px;
    }
    .news-body-list ul:nth-of-type(3) li:nth-child(odd) {
        margin-right:4%
    }
    .news-right {
        display:none
    }
    .news-body .page-nav ul.a-c li {
        width:25%
    }
    .teacher-abs .abs {
        height:auto;
        overflow-y:scroll
    }
    .conductor .preview {
        display:none
    }
    .conductor .view .swiper-slide .desBox {
        top:30px
    }
    .news-body .page-nav>img, .newss.news-body .teacher-abs {
        width:100%
    }
    .mask {
        position:absolute!important;
        top:0;
        width:auto!important;
        height:100%
    }
    .conductor .preview .swiper-container {
        height:110px
    }
    .news-detail {
        margin-top:100px;
        padding-bottom:100px
    }
    .news-detail h2 {
        font-size:24px
    }
    .conductor .view .swiper-slide .desBox .det {
        max-height:none;
        overflow:visible
    }
    .page-nav ul {
        width:100%;
        position:relative;
        height:260px;
        bottom:0
    }
    .conductor {
        margin-top:0
    }
    .news-body .teacher-abs .abs {
        padding-bottom:100px
    }
    .news-body .page-nav ul {
        right:0;
        position:absolute;
        bottom:0;
        width:100%;
        height:60px;
        line-height:60px
    }
    .beauty-list- {
        width:100%;
        height:260px
    }
    .news-body-list ol li, .news-body-list ol li:nth-of-type(6) {
        width:31.3%;
        margin-left:0;
        margin:0 1% 10px 1%
    }
    .beauty-list- .swiper-slide {
        background-position:center center;
        background-repeat:no-repeat;
        -moz-background-size:cover;
        -o-background-size:cover;
        background-size:cover
    }
    .news-body .page-nav ul li {
        width:33.3%
    }
    .Summary-info {
        width:94%;
        margin-left:-47%;
        position:relative;
        top:0;
        -webkit-transform:translate(0);
        -moz-transform:translate(0);
        -ms-transform:translate(0);
        -o-transform:translate(0);
        transform:translate(0);
        padding-top:50px
    }
    .activity .title h3, .introduction-box>ul li+li strong, .section2 .section2-box h2, .star-title h2, .teacher-abs .title, .title-common.cn, .title-common.en {
        font-size:30px
    }
    .title-common.en {
        font-size:18px
    }
    .Summary-right {
        display:none
    }
    .Summary-box {
        width:100%;
        position:relative;
        -moz-background-size:auto 100%;
        -o-background-size:auto 100%;
        background-size:auto 100%;
        background-repeat:no-repeat;
        background-position:center center
    }
    .Summary-box img {
        display:none
    }
    .course .page-nav ul li p span:nth-of-type(2) {
        font-size:16px
    }
    .page-nav ul li {
        width:33.33%;
        height:100%
    }
    .course .page-nav ul li {
        border-right:1px solid rgba(0, 0, 0, .1);
        border-bottom:1px solid rgba(0, 0, 0, .1)
    }
    .course .page-nav ul li p span:nth-of-type(3) {
        font-size:14px;
        display:none
    }
    .page-nav ul li p {
        line-height:20px;
        margin-top:0;
        top:35%
    }
    .saav .swiper-wrapper {
        overflow:hidden
    }
    .activities-right, .footer-wrapper {
        display:none
    }
    .activities-video .swiper-container .swiper-slide {
        float:none
    }
    .teacher-abs.msg {
        width:100%;
        left:0;
        margin-top:200px
    }
    .nav-bg {
        height:200px
    }
    .msg_form .msg_div, .msg_form .msg_div:nth-child(4), .msg_form .msg_div:nth-child(5), .msg_form .msg_div:nth-child(6), .msg_form .msg_div:nth-child(7) {
        width:94%
    }
    .msg_form {
        padding:50px 0 50px 0
    }
    .msg_nav, .replay_list {
        width:94%;
        margin-left:3%
    }
    .msg_nav a {
        width:30%;
        margin-right:3%;
        margin-bottom:10px;
        padding:0
    }
    .menu-right {
        display:none!important
    }
    .teacher-abs {
        padding:0;
        position:relative;
        height:auto;
        padding:10px 0 50px 0
    }
    .menu-button {
        z-index:99;
        width:50px;
        height:50px
    }
    .teacher-abs p.more {
        left:3%;
        bottom:0
    }
    .advantages-box, .introduction {
        padding-left:0
    }
    .addr-item, .addr-ul, .advantages-box, .div-left, .div-right, .introduction-box, .page-nav .more {
        width:94%;
        margin-left:3%
    }
    .page-nav .more {
        margin-top:20px
    }
    .introduction .img-list {
        width:94%;
        right:auto;
        left:3%;
        display:none
    }
    .introduction {
        padding-top:100px
    }
    .achieve.news-body .page-nav ul {
        width:94%;
        margin-left:3%;
        position:relative;
        height:200px;
        right:auto
    }
    .addr-ul {
        margin-top:35px
    }
    .achieve.news-body .page-nav ul li .li-wrapper div {
        margin-top:20px
    }
    .news-body-list {
        margin-top:50px
    }
    .div-left {
        margin-bottom:25px
    }
    .footer-bg {
        display:none
    }
    .nav-bg {
        -moz-background-size:cover;
        -o-background-size:cover;
        background-size:cover;
        background-repeat:no-repeat;
        background-position:top center
    }
    .teacher-abs {
        width:100%;
        height:auto;
        position:relative
    }
    .Summary {
        padding-top:0
    }
    .news-body .page-nav .vm {
        position:relative;
        top:auto;
        -webkit-transform:translateY(0);
        -moz-transform:translateY(0);
        -ms-transform:translateY(0);
        -o-transform:translateY(0);
        transform:translateY(0);
        width:100%
    }
    .yk-body {
        background:#fff;
        margin-top:100px
    }
    .msglist ol li {
        font-size:14px;
        line-height:25px
    }
    .msglist ol li:after {
        top:8px
    }
    .select-box {
        width:100%;
        position:relative;
        right:auto;
        padding:40px 0
    }
    .select-box .btn_ {
        margin-top:40px;
        width:80%
    }
    .yk-body .yk-item ul li {
        width:94%;
        margin:0!important;
        margin-left:3%!important;
        margin-bottom:20px!important
    }
    .yk-body .yk-item h3 {
        margin-left:3%
    }
    .select-box .select-item {
        width:80%;
        margin:0 auto;
        z-index:11
    }
    .select-box .select-item.s3 ol {
        height:200px;
        overflow:auto
    }
    .form-wrapper {
        left:3%;
        margin-left:0;
        width:94%;
        height:80%;
        overflow-y:scroll;
        padding:3%
    }
    .form-box .close- {
        top:3%
    }
    .form-wrapper input {
        width:100%
    }
    .form-wrapper ul li {
        width:100%;
        margin:0 auto 20px auto!important
    }
    #map {
        height:200px
    }
    #map .BMap_mask {
        left:0!important;
        top:0!important
    }
    .teacher-abs {
        width:100%;
        background:0 0
    }
    .teacher-abs .erw-box {
        position:relative;
        padding-top:50px
    }
    .achiveve-detail {
        font-size:16px
    }
    .advantages-box {
        padding-top:0;
        position:relative
    }
    .erw-box ul li img {
        width:70%;
        margin:0 auto
    }
    .erw-box ul {
        text-align:center
    }
    .erw-box ul li {
        width:45%;
        margin:0 2%
    }
    .footer-wrapper {
        height:80px
    }
    .erw-box ul li+li {
        margin-left:0
    }
    .map {
        height:auto
    }
    .advantages-left {
        display:none
    }
    .advantages-box>ul {
        margin-top:50px;
        padding-bottom:50px
    }
    .advantages-right {
        width:100%;
        position:relative;
        top:0;
        background:url(../img/section2-right.jpg) no-repeat center center;
        -moz-background-size:cover;
        -o-background-size:cover;
        background-size:cover;
        height:340px;
        margin-top:50px
    }
    .advantages-right img {
        opacity:0
    }
    .advantages .circle {
        -webkit-transform:scale(.55);
        -moz-transform:scale(.55);
        -ms-transform:scale(.55);
        -o-transform:scale(.55);
        transform:scale(.55)
    }
    .advantages .circle .text-disc p:last-of-type {
        font-size:18px
    }
    .purpose .purpose-left, .purpose .purpose-right {
        width:94%;
        margin-left:3%;
        display:block
    }
    .purpose .purpose-left {
        height:240px;
        overflow:hidden;
        position:absolute;
        bottom:-50px;
        -moz-background-size:cover;
        -o-background-size:cover;
        background-size:cover;
        background-repeat:no-repeat;
        background-position:center center
    }
    .purpose {
        padding:50px 0 250px 0
    }
    .purpose .purpose-left img {
        width:100%;
        opacity:0
    }
    .purpose-right {
        display:block
    }
    .purpose:after {
        clear:both;
        content:'';
        display:block
    }
    .advantages {
        padding-bottom:0;
        margin-top:0
    }
    .introduction-box>ul li+li {
        margin-top:30px
    }
    .introduction-box>ul li {
        background:#f2f2f2;
        padding:5px 10px
    }
    .introduction-box>ul li .imgBot {
        margin-top:0
    }
    .page-nav {
        height:auto;
        top:55px
    }
    .teacher-abs .title, .teacher-abs .title-en {
        color:#fff
    }
    .introduction {
        padding-bottom:0;
        z-index:16
    }
    .teacher-abs .abs, .teacher-abs .title, .teacher-abs .title-en {
        width:94%;
        margin-left:3%;
        font-size:30px;
        line-height:40px
    }
    .news-body .teacher-abs .abs, .teacher-abs .abs {
        margin-top:100px
    }
    .teacher-abs .title-en {
        font-size:28px;
        line-height:30px
    }
    .section2 .section2-box ul li p:first-of-type, .section1 .text-t h3 {
        font-size:20px
    }
    .section1 .text-t p {
        font-size:12px
    }
    .section1 .text-t h3 {
        line-height:38px
    }
    .section1 .text-t {
        top:50%
    }
    .nav ul li .title p {
        display:none
    }
    .nav ul li .detail {
        opacity:1;
        visibility:visible;
        color:rgba(0, 0, 0, .7)
    }
    .nav ul li .title {
        top:14%
    }
    .nav ul li:hover .item-bg {
        display:none;
    }
    .logo {
        width:60px
    }
    .logo>img {
        width:100%
    }
    .nav ul li:nth-of-type(2) .title, .nav ul li:nth-of-type(4) .title, .nav ul li:nth-of-type(5) .title {
        -webkit-transform:translateY(-44%);
        -moz-transform:translateY(-44%);
        -ms-transform:translateY(-44%);
        -o-transform:translateY(-44%);
        transform:translateY(-44%)
    }
    .section2 .section2-box {
        width:94%;
        margin-left:3%;
        left:auto
    }
    .section2 .section2-box>p {
        width:100%
    }
    .section2 .section2-box ul li {
        width:48%;
        margin-left:0!important;
        margin-bottom:3%
    }
    .section2 .section2-box ul li p:first-of-type {
        margin-bottom:4%
    }
    .news-box .item-left {
        display:none
    }
    .news-box .item-right {
        width:94%;
        margin-left:3%
    }
    .news-box .item-right .news-nav {
        font-size:0
    }
    .news-box .item-right .news-nav li {
        width:30%;
        margin:0 1.5%!important
    }
    .activity ul li {
        width:50%;
        height:30vh;
        border-bottom:1px solid #fff
    }
    .activity ul li:last-of-type {
        border-left:1px solid #fff;
        border-bottom:1px solid #fff
    }
    .activity ul li:last-of-type a {
        border-color:#fff;
        color:#fff
    }
    .activity {
        height:100%;
        padding:50px 0
    }
    .activity ul {
        top:28%
    }
    .activity ul li p {
        margin-top:-12vh
    }
    .activity ul li:not(:last-of-type) a {
        margin-top:7vh;
        opacity:1;
        visibility:visible
    }
    .activity ul li:last-of-type a {
        margin-top:0
    }
    .activity ul li a {
        width:76%;
        height:40px;
        left:12%
    }
    .activity .bg- {
        display:none
    }
    .activity .title {
        position:relative;
        margin-bottom:30px
    }
    .aside {
        width:45px;
        right:0;
        position:fixed;
        bottom:60px
    }
    .backtop {
        width:45px;
        height:45px;
        line-height:45px
    }
    .footer {
        padding:15px 0;
        position:relative;
        text-align:center;
    }
    .footer .link, .footer-box .title, .page-footer p span {
        display:none
    }
    .page-footer {
        width:90%;
        margin:0 auto
    }
    .footer-info {
        margin:0
    }
    .star {
        margin-bottom:50px;
        padding-top:20px;
        height:90vh
    }
    .star .star-left .swiper-container {
        position:relative;
        top:35vh
    }
    .star-right ul {
        height:33vh
    }
    .star .star-right {
        position:absolute;
        top:5vh;
        left:0
    }
    .star .swiper-container .swiper-slide .n-con {
        margin-top:20px
    }
    .introduction-box>ul li+li strong {
        font-size:24px
    }
    .star-left, .star-right {
        width:94%;
        margin-left:3%
    }
    .star .name>span:first-of-type {
        display:block;
        text-align:center;
        font-size:16px
    }
    .teacher-info .title {
        font-size:30px
    }
    .teacher {
        min-height:auto;
        padding-bottom:50px;
        min-height:100vh
    }
    .star .swiper-container {
        height:300px;
        width:100%
    }
    .activities {
        padding-top:0;
        padding-bottom:50px
    }
    .classroom-box {
        padding-top:50px
    }
    .activities-box {
        position:relative;
        padding-top:30px
    }
    .s-item, .s-item:first-of-type {
        width:100%;
        margin-left:0;
        float:left
    }
    .s-item:first-of-type .play {
        width:30px;
        height:30px;
        line-height:30px;
        font-size:30px;
        margin-left:-15px;
        margin-top:-15px
    }
    .activities-video .swiper-container .swiper-slide {
        height:100%!important;
        overflow:hidden
    }
    .saav .tupian {
        position:relative
    }
    .activities-video>img {
        display:none
    }
    .saav .arr {
        display:none
    }
    .saav .swiper-container {
        overflow:visible;
        position:relative
    }
    .star-title {
        margin-left:0
    }
    .activity .title img, .star-title img {
        width:45%
    }
    .teacher-box {
        position:relative;
        bottom:auto
    }
    .activity .title h3 {
        margin-top:5px
    }
    .activity ul li .a-bg {
        background-position:center top;
        width: 100%;
    }
    .teacher-info {
        width:94%;
        left:auto;
        margin-left:3%;
        top:5%
    }
    .news-more, .section2 .section2-box a, .teacher-info a {
        margin-top:10px;
        width:120px;
        height:40px;
        line-height:40px
    }
    .news-more {
        margin-top:25px;
        margin-left:-60px
    }
    .section2 .section2-box a {
        margin-top:25px
    }
    .teacher-info>div {
        margin-bottom:30px
    }
    .nav ul li .detail a {
        width:100%
    }
    .nav ul li:hover .title {
        top:-60%;
    }
    .teacher-info ul {
        margin-bottom:25px;
        margin-left:7px
    }
    .teacher-info ul li:last-of-type {
        display:none
    }
    .section2 {
        padding:70px 0
    }
    .teacher-info ul li {
        width:18%;
        margin-right:2%;
        height:auto
    }
    .teacher-info ul li img {
        width:100%
    }
    .nav ul li .detail {
        display:none
    }
    .nav ul li .detail a:hover:before {
        width:100%;
        left:0
    }
    .nav ul li .detail a:hover {
        color: #000;
    }
    .nav ul li .title {
        top:50%;
        -webkit-transform:translateY(-50%);
        -moz-transform:translateY(-50%);
        -ms-transform:translateY(-50%);
        -o-transform:translateY(-50%);
        transform:translateY(-50%)
    }
    .nav ul li {
        border-right:1px solid rgba(0, 0, 0, .05);
        border-bottom:1px solid rgba(0, 0, 0, .05);
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box
    }
    .nav ul li:nth-child(4), .nav ul li:nth-child(5) {
        float:right;
    }
    .nav ul:after {
        clear:both;
        content:'';
        display:block
    }
    .banner-left {
        display:none
    }
    .left-1 {
        width:33%;
        height:20vh;
        z-index:8;
        display:block;
        background:url(../img/left.jpg) no-repeat bottom center;
        -moz-background-size:cover;
        -o-background-size:cover;
        background-size:cover;
        bottom:0;
        top:auto;
        position:absolute
    }
    .banner-left img {
        display:none
    }
    .nav ul li .title span {
        -webkit-transform:scale(.8);
        -moz-transform:scale(.8);
        -ms-transform:scale(.8);
        -o-transform:scale(.8);
        transform:scale(.8)
    }
    .nav ul li:hover .title {
        color: inherit;
        top:50%;
    }
    .nav ul li:hover .detail {
        transform:translateY(0);
        -webkit-transform:translateY(0);
        -o-transform:translateY(0);
        -ms-transform:translateY(0);
        -moz-transform:translateY(0);
        display:none
    }
    #checked {
        width:20px
    }
    .banner {
        height:60vh
    }
    .nav ul li {
        width:33.333%;
        height:20vh
    }
    .nav ul li.active {
        background:#7E0303
    }
    .nav ul li.active .title h4, .nav ul li.active .title span {
        color:#fff
    }
    .nav ul li.active:first-child:before, .nav ul li.active:nth-child(2):before, .nav ul li.active:nth-child(3):before, .nav ul li.active:nth-child(4):before, .nav ul li.active:nth-child(5):before {
        background-color:transparent
    }
}
@media only screen and (max-width:450px) {
    .teacher-info ul li {
        width:31%
    }
}
@media only screen and (max-width:413px) {
    .section2 .section2-box ul li p:first-of-type, .section1 .text-t h3 {
        font-size:18px
    }
    .section1 .text-t p {
        font-size:14px
    }
    .logo {
        width:60px;
        left:15px
    }
    .logo>img {
        width:100%
    }
    .nav ul li:nth-of-type(2) .title, .nav ul li:nth-of-type(4) .title, .nav ul li:nth-of-type(5) .title {
        -webkit-transform:translateY(-44%);
        -moz-transform:translateY(-44%);
        -ms-transform:translateY(-44%);
        -o-transform:translateY(-44%);
        transform:translateY(-44%);
    }
    .section2 .section2-box {
        width:94%;
        margin-left:3%;
        left:auto
    }
    .section1 .text-t {
        top:60%
    }
    .section1 .text-t h3 {
        line-height:25px
    }
    .activity .title h3, .introduction-box>ul li+li strong, .section2 .section2-box h2, .star-title h2, .teacher-abs .title, .title-common.cn {
        font-size:30px
    }
}
@media only screen and (max-width:360px) {
    .section2 .section2-box ul li p:first-of-type, .section1 .text-t h3 {
        font-size:22px
    }
    .teacher-abs {
        padding:40px 0 50px 0
    }
    .news-body-list ul:nth-of-type(3) li {
        width:100%;
        margin-bottom:20px
    }
    .nav-bg {
        height:200px
    }
    .page-nav {
        top:25px
    }
    .news-body .teacher-abs .abs, .teacher-abs .abs {
        margin-top:90px
    }
    .course .page-nav ul li p span.iconfont {
        -webkit-transform:scale(.7);
        -moz-transform:scale(.7);
        -ms-transform:scale(.7);
        -o-transform:scale(.7);
        transform:scale(.7)
    }
    .page-nav ul {
        height:auto;
        bottom:0
    }
    .page-nav ul li {
        height:110px
    }
    .teacher-abs .abs {
        height:auto
    }
    .yk-body {
        margin-top:100px
    }
    .Summary {
        padding-top:0
    }
    .news-detail {
        margin-top:50px
    }
    .introduction {
        padding-top:50px
    }
    .c-btns {
        margin-top:100px
    }
    .course .page-nav ul li {
        width:33.33%;
        border-right:1px solid rgba(0, 0, 0, .05);
        border-bottom:1px solid rgba(0, 0, 0, .05);
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box
    }
    .course .page-nav ul li p span:nth-of-type(2) {
        font-size:14px
    }
    .section1 .text-t {
        display:none
    }
    .teacher-body .page-nav ul li p span:nth-of-type(2) {
        font-size:16px
    }
    .mobile-menu ol li:nth-of-type(1) p, .mobile-menu ol li:nth-of-type(2) p {
        text-indent:3.5%
    }
    .circle .circle-dot>div:nth-child(8) p {
        right:-110px
    }
    .video-box .lb {
        height:220px
    }
    .beauty-list- {
        width:100%;
        height:200px
    }
    .news-body-list ol li, .news-body-list ol li:nth-of-type(6) {
        width:48%;
        margin-left:0;
        margin:0 1% 10px 1%
    }
    .ppp {
        margin:30px 0
    }
    .section1 .text-t p {
        font-size:16px
    }
    .section1 .text-t h3 {
        line-height:40px
    }
    .logo {
        width:50px
    }
    .activity .title h3, .introduction-box>ul li+li strong, .section2 .section2-box h2, .star-title h2, .teacher-abs .title, .title-common.cn {
        font-size:28px
    }
    .introduction-box>ul li+li strong {
        font-size:22px
    }
    .nav ul li .title h4 {
        font-size:16px
    }
    .nav ul li:nth-of-type(2) .title, .nav ul li:nth-of-type(4) .title, .nav ul li:nth-of-type(5) .title {
        -webkit-transform:translateY(-50%);
        -moz-transform:translateY(-50%);
        -ms-transform:translateY(-50%);
        -o-transform:translateY(-50%);
        transform:translateY(-50%)
    }
    .activity ul li {
        height:45vh
    }
    .activity ul li p {
        margin-top:-19vh
    }
    .activity ul li:not(:last-of-type) a {
        margin-top:11vh
    }
    .mobile-menu ol li:nth-of-type(1), .mobile-menu ol li:nth-of-type(2) {
        width:100%
    }
    .mobile-menu li {
        line-height:40px;
        height:40px
    }
    .mobile-menu ol li.auto {
        min-height:40px;
        line-height:1.3
    }
    .news-body .teacher-abs .abs {
        padding-bottom:50px
    }
}
@media only screen and (width:375px) {
    .nav ul li:nth-child(3) .title {
        top:54%
    }
    .nav ul li .detail {
        top:38%
    }
}
.header {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:80px;
    background:#fff;
    border-bottom:1px solid rgba(0, 0, 0, .1);
    box-shadow:0 0 10px rgba(0, 0, 0, .1);
    z-index:200;
    text-align:center;
    vertical-align:top;
    top:-100%;
    opacity:0;
    visibility:hidden;
    transition:all .3s
}
.header.active {
    opacity:1;
    top:0;
    visibility:visible
}
.header h1 {
    width:59px;
    height:59px;
    float:left;
    margin-left:5%
}
.header h1 img {
    margin-top:10px;
    height: 60px;
}
.header:after {
    clear:both;
    content:'';
    display:none
}
.header nav {
    text-align:center;
    margin:0 auto;
    width:1000px
}
.header nav a {
    display:inline-block;
    font-size:16px;
    color:#3e3e3e;
    margin-right:10px;
    line-height:80px;
    min-width:90px
}
.header nav a.active {
    background:#eee
}
.header .header-right {
    float:right;
    width:110px;
    position:absolute;
    top:2px;
    right:5%
}
.header nav a:hover {
    background:#eee
}
.header .header-right a {
    font-size:24px;
    color:#3e3e3e;
    display:inline-block;
    margin:18px 5px;
    width:40px;
    height:40px;
    border-radius:100%;
    text-align:center;
    line-height:40px;
    position:relative
}
.header .header-right a:first-child {
    top:2px
}
.header .header-right a:last-of-type {
    font-size:24px;
    position:relative;
    top:2px
}
.header .header-right a:hover {
    background:#eee
}
.qcrode {
    width:250px;
    height:128px;
    background:#fff;
    position:absolute;
    top:-20px;
    right:70px;
    transition:all .3s;
    opacity:0;
    visibility:hidden;
    box-shadow:0 0 5px rgba(0, 0, 0, .1)
}
.qcrode:after {
    border-top:8px solid #fff;
    border-left:8px solid #fff;
    border-right:8px solid transparent;
    border-bottom:8px solid transparent;
    display:block;
    content:'';
    position:absolute;
    top:50%;
    left:-8px;
    margin-top:-4px;
    transform:rotate(315deg)
}
.qcrode.qc {
    bottom:-200px;
    top:auto;
    left:-50%
}
.qcrode.qc:after {
    /* top:-8px;
    left:50%;
    margin-top:0;
    margin-left:-4px; */
    transform:rotate(45deg);
    top: -4px;
    left: unset;
    right: 50px;
}
.aside ul li:hover .qcrode {
    right:90px;
    opacity:1;
    visibility:visible
}
.xw .p:last-of-type .qcrode {
    top:15px
}
.xw .p:last-of-type:hover .qcrode {
    left:60px;
    opacity:1;
    visibility:visible
}
.header .header-right a:hover .qcrode {
    bottom:-118px;
    opacity:1;
    visibility:visible
}
.qcrode img {
    display:block;
    width:100%;
    margin:0 auto
}
.aside ul li:hover a {
    color:#fff
}
.details, .h3s, .teacher-big {
    display:none
}
.details.active, .h3s.active, .teacher-big.active {
    display:block
}

/* 首页banner分页 */
.banner-pagination{
    position:absolute;
    color:#fff;
    z-index:5;
    right:30px;
    bottom:50%;
}
.banner-pagination-item{
    text-align: right;
    height: 2px;
    cursor: pointer;
    padding: 15px 0;
}
.banner-pagination-num{
    display: inline-block;
    transform: translateY(5px);
    transition: all .3s;
    opacity: 0;
    margin-right: 10px;
}
.banner-pagination-item:hover .banner-pagination-line{
    background-color: #fff;
}
.banner-pagination-line{
    display: inline-block;
    width: 20px;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.5);
    transition: all .3s;
}
.banner-pagination-active .banner-pagination-num{
    opacity: 1;
}
.banner-pagination-active .banner-pagination-line{
    width: 40px;
    background-color: #fff;
}

/* 海外星云 */
.entrance{
    background-image: url(../img/section3_bg.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 1080px;
}
.entrance::after{
    content: '';
    clear: both;
    display: block;
}
.entrance-item{
    width: 33.3%;
    float: left;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.entrance-item + .entrance-item{
    border-left: 1px solid #fff;
}
.entrance-item a + a{
    border-top: 1px solid #fff;
}
.entrance-item a{
    width: 100%;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #fff;
    padding: 10%;
}
.entrance-item a:hover{
    background: rgba(255, 0, 0, .2);
}
.entrance-item a h2{
    font-size: 24px;
    margin: 60px 0 10px 0;
}
.entrance-item a span{
    text-transform:uppercase;
    letter-spacing: 2px;
}
.entrance-item a p{
    font-size: 20px;
    line-height: 2;
    text-indent: 2em;
    margin-top: 20px;
}
.entrance-item a .more{
    text-transform:uppercase;
    color: #ccc;
    padding: 20px 0 10px 0;
    position: relative;
}
.entrance-item a .more::after{
    display: block;
    content: '';
    width: 40px;
    border: 1px solid #ccc;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    transition: all .3s;
}
.entrance-item a:hover .more::after{
    width: 80px;
}
.entrance-centent .img{
    margin-bottom: 50px;
}



/* 党建之窗聚合页 */
 .banner-inner {
    margin-top: 80px;
    position: relative;
}
.banner-inner img {
    width: 100%;
}
.banner-inner .text {
    position: absolute;
    width: 100%;
    left: 0;
    top: 40%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.banner-inner .text .tu {
    width: 12rem;
    margin: 0 auto;
}
.banner-inner .text .tu img {
    width: 100%;
}

.banner-inner .text .tu4 {
    width: 24rem;
    margin: 0 auto;
}

.banner-inner .text .tu4 img {
    width: 100%;
}

.sub_nav {
    width: 100%;
    background-color: rgba(0, 0, 0, .5);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 9;
}
.sub_nav ul {
    max-width: 1680px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    padding: 0 15px;
}
.sub_nav li {
    flex: 1;
}
.sub_nav a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 96px;
    font-size: 24px;
    color: #fff;
    position: relative;
}

.sub_nav img {
    display: none;
    width: 80px;
    height: 80px;
    position: absolute;
    bottom: 0;
    right: 0;
}
.sub_nav a:hover {
    color: #fff;
}
.sub_nav a.on {
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-color: #C5A775;
}

.sub_nav a.on img {
    display: block;
}

.history {
    padding: 8rem 0;
    background: url(../img/red_cloud.png) no-repeat center top;
    background-size: 100% 600px;
}
.history_ti {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 6rem;
}
.history_ti:before, .history_ti:after {
    display: block;
    content:'';
    width: 120px;
    height: 1px;
    margin: 0 20px;
    background-color: #C5A775;
}
.history_ti b {
    margin-left: 15px;
    font-size: 42px;
    color: #C5A775;
}
.w1680 {
    max-width: 100%;
    width: 1680px;
    margin: 0 auto;
}
.history_content {
    display: flex;
    justify-content: space-between;
}
.history_left {
    width: 832px;
}
.history_slide {
    margin-bottom: 20px;
}
.history_slide img {
    width: 100%;
}
.history_slide .swiper-pagination {
    padding-right: 50px;
    bottom: 28px;
    text-align: right;
}
.history_slide .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
    background: none;
    border: 2px #fff solid;
    opacity: 1;
}
.history_slide .swiper-pagination-bullet-active {
    background-color: #fff;
}
.history_slide_p {
    font-size: 24px;
    color: #333;
    line-height: 40px;
    font-weight: bold;
}
.history_right {
    width: 768px;
}
.history_list li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}
.history_time {
    text-align: center;
}
.history_time h3 {
    margin-bottom: 12px;
    font-size: 32rpx;
    font-weight: bold;
    color: #333;
}
.history_time p {
    font-size: 18px;
    color: #999;
}
.history_con {
    width: 638px;
    height: 120px;
    border-bottom: 1px #eee solid;
}
.history_link {
    height: 80px;
    font-size: 24px;
    line-height: 40px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.more_btn {
    width: 100%;
    padding: 3.2rem 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.more_btn a {
    display: block;
    width: 222px;
    height: 48px;
    background: url(../img/more1.png) no-repeat;
    background-size: 100% 100%;
}
.more_btn.white a {
    background: url(../img/more3.png) no-repeat;
    background-size: 100% 100%;
}
.more_btn a:hover {
    background: url(../img/more2.png) no-repeat;
    background-size: 100% 100%;
}
@-webkit-keyframes fadeInUpSmall {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 30px, 0);
        transform: translate3d(0, 30px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInUpSmall {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 30px, 0);
        transform: translate3d(0, 30px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInUpSmall {
    -webkit-animation-name: fadeInUpSmall;
    animation-name: fadeInUpSmall;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}
@media only screen and (max-width:1440px) {
    .banner-inner .text .tu4 {
        width: 18rem;
    }
    .history {
        padding: 6rem 0;
    }
    .history_ti {
        margin-bottom: 4rem;
    }
    .history_ti:before, .history_ti:after {
        width: 100px;
        height: 1px;
    }
    .history_ti b {
        margin-left: 15px;
        font-size: 36px;
        color: #C5A775;
    }
    .w1680 {
        padding: 0 20px;
    }
    .history_left {
        width: 50%;
    }
    .history_slide {
        margin-bottom: 10px;
    }
    .history_slide img {
        width: 100%;
    }
    .history_slide .swiper-pagination {
        padding-right: 30px;
        bottom: 20px;
        text-align: right;
    }
    .history_slide .swiper-pagination-bullet {
        width: 12px;
        height: 12px;
    }
    .history_slide_p {
        font-size: 18px;
        line-height: 36px;
    }
    .history_right {
        width: 46%;
    }
    .history_list li {
        margin-bottom: 20px;
    }
    .history_time h3 {
        margin-bottom: 10px;
        font-size: 28rpx;
    }
    .history_time p {
        font-size: 16px;
    }
    .history_con {
        width: 85%;
        height: 100px;
    }
    .history_link {
        height: 72px;
        font-size: 18px;
        line-height: 36px;
    }
    .more_btn {
        padding: 2.8rem 0;
    }
    .more_btn a {
        width: 160px;
        height: 40px;
    }
}
@media only screen and (max-width:1200px) {
    .banner-inner .text .tu4 {
        width: 14rem;
    }
    .history {
        padding: 4rem 0;
    }
    .history_ti {
        margin-bottom: 3rem;
    }
    .history_ti:before, .history_ti:after {
        width: 60px;
    }
    .history_ti b {
        margin-left: 10px;
        font-size: 24px;
    }
    .history_ti img {
        width: 26px;
        height: 26px;
    }
    .history_slide_p {
        font-size: 16px;
        line-height: 30px;
    }
    .history_list li {
        margin-bottom: 20px;
    }
    .history_time h3 {
        margin-bottom: 5px;
        font-size: 20rpx;
    }
    .history_time p {
        font-size: 12px;
    }
    .history_con {
        height: 80px;
    }
    .history_link {
        height: 60px;
        font-size: 16px;
        line-height: 30px;
    }
    .more_btn {
        padding: 2rem 0;
    }
    .more_btn img {
        width: 140px;
    }
}
.dnews_list {
    padding: 4rem 0;
    background: url(../img/dnews_bg.png) no-repeat center top;
}
.dnews_list ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.dnews_list li {
    width: 46%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}
.dnews_img {
    width: 46%;
    overflow: hidden;
    background-color: #fff;
    position: relative;
}
.dnews_img:after {
    display: block;
    content:'';
    margin-top: 56%;
}
.dnews_img img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    transition: all .3s;
}
.dnews_img:hover img {
    transform: scale(1.2);
}
.dnews_info {
    width: 50%;
}
.dnews_name {
    margin-bottom: 40px;
    height: 72px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 24px;
    line-height: 36px;
    color: #fff;
}
.dnews_name a {
    color: #fff;
}
.dnews_info p {
    font-size: 16px;
    color: #fff;
}
@media only screen and (max-width:1440px) {
    .dnews_list li {
        margin-bottom: 30px;
    }
    .dnews_name {
        margin-bottom: 30px;
        height: 64px;
        font-size: 20px;
        line-height: 32px;
    }
}
@media only screen and (max-width:1200px) {
    .dnews_list li {
        margin-bottom: 20px;
    }
    .dnews_name {
        margin-bottom: 20px;
        height: 60px;
        font-size: 18px;
        line-height: 30px;
    }
    .dnews_info p {
        font-size: 14px;
    }
}
@media only screen and (max-width:1024px) {
    .dnews_list li {
        margin-bottom: 20px;
    }
    .dnews_name {
        margin-bottom: 20px;
        height: 48px;
        font-size: 16px;
        line-height: 24px;
    }
    .dnews_info p {
        font-size: 12px;
    }
}
.brand {
    padding: 8rem 0;
}
.brand_list ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.brand_list li {
    width: 49%;
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    height: 160px;
    background-color: #F4F4F4;
}
.brand_list li .history_time {
    width: 18%;
    border-right: 1px #ccc solid;
}
.brand_link {
    width: 82%;
    padding: 0 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 24px;
    color: #333;
}
@media only screen and (max-width:1440px) {
    .brand {
        padding: 6rem 0;
    }
    .brand_list li {
        margin-bottom: 30px;
        height: 120px;
    }
    .brand_link {
        padding: 0 30px;
        font-size: 20px;
        color: #333;
    }
}
@media only screen and (max-width:1200px) {
    .brand {
        padding: 4rem 0;
    }
    .brand_list li {
        margin-bottom: 20px;
        height: 100px;
    }
    .brand_link {
        padding: 0 20px;
        font-size: 18px;
    }
}
@media only screen and (max-width:1024px) {
    .brand {
        padding: 3rem 0;
    }
    .brand_list li {
        margin-bottom: 20px;
        height: 90px;
    }
    .brand_link {
        padding: 0 20px;
        font-size: 16px;
    }
}
.tong {
    padding: 3rem 0;
}
.tong_list {
    background: url(../img/tongbg.png) no-repeat center top;
}
.tong_list ul {
    display: flex;
    justify-content: space-between;
    margin: 0 -15px;
}
.tong_list li {
    width: 33.333333%;
    padding: 0 15px;
}
.tong_img {
    width: 100%;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #fff;
    position: relative;
}
.tong_img:after {
    display: block;
    content:'';
    margin-top: 60%;
}
.tong_img img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    transition: all .3s;
}
.tong_img:hover img {
    transform: scale(1.2);
}
.tong_list .dnews_name {
    margin-bottom: 24px;
    color: #333;
}
.tong_list .dnews_name a {
    color: #333;
}
.tong_list .dnews_name a:hover {
    color: #C5A775;
}

/* 2021-12-08 新增 */
/* 详情页 */

.article_wrap {
    padding: 6rem 0;
    background-color: #F4F4F4;
}

.article {
    margin-bottom: 40px;
    background-color: #fff;
}

.article_content {
    width: 1200px;
    margin: 0 auto;
    padding: 4rem 0;
}

.article_top {
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px #CCCCCC dashed;
}

.article_title {
    margin-bottom: 20px;
    font-size: 32px;
    line-height: 40px;
    color: #333;
}

.article_row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.po {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #999;
}

.po_item {
    margin-right: 40px;
    display: flex;
    align-items: center;
}

.po_item img {
    margin-right: 10px;
}

.share_btns {
    display: flex;
    align-items: center;
}

.share_btns .bdshare-button-style0-32 .bds_sqq {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-image: url(../img/QQ.png);
    background-position: center center;
}

.share_btns .bdshare-button-style0-32 .bds_sqq:hover {
    background-color: #f4f4f4;
}

.share_btns .bdshare-button-style0-32 .bds_weixin {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-image: url(../img/weixin.png);
    background-position: center center;
}

.share_btns .bdshare-button-style0-32 .bds_weixin:hover {
    background-color: #f4f4f4;
}

.article_info p {
    font-size: 16px;
    line-height: 40px;
    color: #333;
}

.article_info img {
    margin: 2rem 0;
    max-width: 1160px;
}

.article_pages {
    display: flex;
    background-color: #fff;
    font-size: 16px;
}

.pages_btn {
    width: 40%;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pages_link {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pages_menu_btn {
    width: 20%;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-left: 1px #DDDDDD solid;
    border-right: 1px #DDDDDD solid;
}

@media only screen and (max-width:1440px) {
    .article_wrap {
        padding: 4rem 0;
    }
    .article_content {
        width: 100%;
        padding: 4rem;
    }
    .article_top {
        padding-bottom: 30px;
        margin-bottom: 30px;
    }
    .article_title {
        margin-bottom: 20px;
        font-size: 26px;
        line-height: 32px;
    }
    .po {
        font-size: 14px;
    }
    .po_item {
        margin-right: 30px;
    }
    .po_item img {
        margin-right: 5px;
    }
    .article_info p {
        font-size: 14px;
        line-height: 32px;
        color: #333;
    }
    .article_info img {
        margin: 2rem 0;
    }
    .article_pages {
        font-size: 14px;
    }
    .pages_btn {
        height: 60px;
    }
    .pages_menu_btn {
        height: 60px;
    }
}

@media only screen and (max-width:1200px) {
    .article_wrap {
        padding: 3rem 0;
    }
    .article_content {
        padding: 3rem;
    }
    .article_top {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    .article_title {
        font-size: 24px;
        line-height: 32px;
    }
    .po {
        font-size: 12px;
    }
    .po_item {
        margin-right: 20px;
    }
}


/* 党建动态 */

.dang_wrapper {
    padding: 6rem 0;
}

.building_row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 4rem;
}

.building_title p {
    font-size: 28px;
    color: #999;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.building_title h3 {
    font-size: 42px;
    color: #ED190D;
}

.search {
    display: flex;
    align-items: center;
}

.search_slide_box {
    margin-right: 1.2rem;
    position: relative;
}

.search_year {
    width: 10rem;
    height: 3.5rem;
    padding: 0 1.2rem;
    display: flex;
    align-items: center;
    border: 1px #e6e6e6 solid;
    position: relative;
    font-size: 1rem;
    color: #777;
}

.search_year:after {
    content: '\e600';
    font-family: iconfont;
    font-size: 1.2rem;
    color: #CCCCCC;
    position: absolute;
    right: 1.2rem;
    display: inline-block;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transform: rotate(180deg);
}

.search_year.on:after {
    color: #C5A775;
    transform: rotate(0deg);
}

.search_slide {
    display: none;
    width: 100%;
    border-left: 1px #e6e6e6 solid;
    border-right: 1px #e6e6e6 solid;
    background-color: #fff;
    position: absolute;
    top: 3.5rem;
    left: 0;
    z-index: 20;
}

.search_slide p {
    text-align: center;
    line-height: 2.6rem;
    background: #fff;
    font-size: 1rem;
    border-bottom: 1px solid #ddd;
    color: #999;
    cursor: pointer;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
}

.search_slide p:hover {
    background-color: #C5A775;
    color: #fff;
}

.search_row {
    width: 22.5rem;
    height: 3.5rem;
    border: 1px solid #ddd;
    position: relative;
}

.search_row input {
    width: 100%;
    height: 100%;
    font-size: 1rem;
    color: #777;
    border: none;
    border-radius: 0;
    padding: 0 3rem 0 1.5rem;
    outline: none;
}

.zoom_btn {
    display: block;
    width: 25px;
    height: 25px;
    background: url(../img/zoom.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.dang_list {
    margin-bottom: 4rem;
}

.dang_row {
    padding: 2rem;
    padding-right: 4rem;
    display: flex;
    justify-content: space-between;
    border-radius: 10px;
    transition: all 0.3s;
}

.dang_img {
    width: 31%;
    position: relative;
    overflow: hidden;
}

.dang_img:after {
    display: block;
    content: '';
    margin-top: 50%;
}

.dang_img img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    transition: all 0.3s;
}

.dang_img:hover img {
    transform: scale(1.2);
}

.dang_info {
    width: 59%;
    padding-top: 2rem;
    position: relative;
}

.dang_info_row {
    display: flex;
    justify-content: space-between;
}

.dang_time {
    text-align: center;
}

.dang_time h3 {
    margin-bottom: 1rem;
    font-size: 38px;
    font-weight: bold;
    color: #333;
}

.dang_time p {
    font-size: 22px;
    color: #999;
}

.dang_link {
    width: 79%;
    height: 80px;
    font-size: 24px;
    line-height: 40px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.dang_more {
    display: block;
    width: 223px;
    height: 57px;
    background: url(../img/dangmore1.png);
    background-size: 100% 100%;
    position: absolute;
    bottom: 0;
    right: 0;
}

.dang_row:hover {
    box-shadow: 0 0 20px rgba(197, 167, 117, .2);
}

.dang_row:hover .dang_time h3,
.dang_row:hover .dang_time p {
    color: #C5A775;
}

.dang_row:hover .dang_link a {
    color: #C5A775;
}

.dang_row:hover .dang_more {
    background: url(../img/dangmore2.png);
    background-size: 100% 100%;
}

.dang_line_row {
    padding: 2rem;
}

.dang_line {
    width: 100%;
    height: 1px;
    background-color: #EEEEEE;
}

.dang_row:hover+.dang_line_row .dang_line {
    background-color: #fff;
}

.load_more {
    width: 200px;
    height: 60px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 2px;
    background-color: #C5A775;
    font-size: 18px;
    color: #fff;
}

.load_more:hover {
    color: #fff;
}

@media only screen and (max-width:1440px) {
    .dang_wrapper {
        padding: 4rem 0;
    }
    .building_row {
        margin-bottom: 4rem;
    }
    .building_title p {
        font-size: 20px;
    }
    .building_title h3 {
        font-size: 36px;
    }
}

@media only screen and (max-width:1200px) {
    .dang_wrapper {
        padding: 3rem 0;
    }
    .building_row {
        margin-bottom: 3rem;
    }
    .building_title p {
        font-size: 18px;
    }
    .building_title h3 {
        font-size: 28px;
    }
    .dang_row {
        padding: 2rem;
        padding-right: 4rem;
        display: flex;
        justify-content: space-between;
        border-radius: 10px;
    }
    .dang_img {
        width: 31%;
        position: relative;
        overflow: hidden;
    }
    .dang_img:after {
        display: block;
        content: '';
        margin-top: 50%;
    }
    .dang_img img {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        transition: all 0.3s;
    }
    .dang_img:hover img {
        transform: scale(1.2);
    }
    .dang_info {
        width: 59%;
        padding-top: 1rem;
        position: relative;
    }
    .dang_info_row {
        display: flex;
        justify-content: space-between;
    }
    .dang_time {
        text-align: center;
    }
    .dang_time h3 {
        font-size: 26px;
    }
    .dang_time p {
        font-size: 16px;
    }
    .dang_link {
        width: 79%;
        height: 60px;
        font-size: 16px;
        line-height: 30px;
    }
    .dang_more {
        display: block;
        width: 120px;
        height: 36px;
    }
}


/* 品牌阵地 */

.pinpai_row {
    display: flex;
    margin-bottom: 40px;
}

.pinpai_img {
    width: 17%;
    overflow: hidden;
    position: relative;
}

.pinpai_img:after {
    display: block;
    content: '';
    margin-top: 150%;
}

.pinpai_img img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    transition: all 0.3s;
}

.pinpai_img:hover img {
    transform: scale(1.2);
}

.pinpai_info {
    width: 83%;
    padding: 4rem 6rem;
    position: relative;
}

.pinpai_link {
    margin-bottom: 40px;
    font-size: 24px;
    color: #333;
}

.pinpai_dec {
    margin-bottom: 15px;
    height: 56px;
    line-height: 28px;
    font-size: 18px;
    color: #999;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.pinpai_time {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #999;
}

.pinpai_time img {
    margin-right: 10px;
}

.pinpai_info .dang_more {
    bottom: 4rem;
    right: 8rem;
}

.pinpai_row:hover .pinpai_link a {
    color: #C5A775;
}

.pinpai_row:hover .dang_more {
    background: url(../img/dangmore2.png);
    background-size: 100% 100%;
}

.pp_row {
    display: flex;
    align-items: center;
}

.pp_row:hover {
    box-shadow: 0 0 20px rgba(197, 167, 117, .2);
}

.pp_time {
    width: 17%;
    height: 240px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
}

.pp_time:after {
    display: block;
    content: '';
    width: 1px;
    height: 50%;
    background-color: #EEEEEE;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.pp_time h3 {
    margin-bottom: 20px;
    font-size: 40px;
    font-weight: bold;
    color: #333;
}

.pp_time p {
    font-size: 24px;
    color: #999;
}

.pp_info {
    width: 83%;
    padding: 0 6rem;
}

.pp_info .pinpai_link {
    margin-bottom: 20px;
}

.pp_row:hover .pp_time {
    background-color: #C5A775;
}

.pp_row:hover .pp_time h3 {
    color: #fff;
}

.pp_row:hover .pp_time p {
    color: #fff;
}

.pp_row:hover .pp_time:after {
    display: none;
}

.pp_row:hover+.dang_line_row .dang_line {
    background-color: #fff;
}

.pp_row:hover .pinpai_link a {
    color: #C5A775;
}

@media only screen and (max-width:1440px) {}

@media only screen and (max-width:1200px) {
    .pinpai_info {
        padding: 2rem 3rem;
    }
    .pinpai_link {
        margin-bottom: 20px;
        font-size: 18px;
    }
    .pinpai_dec {
        margin-bottom: 10px;
        height: 48px;
        line-height: 24px;
        font-size: 14px;
    }
    .pinpai_time {
        font-size: 14px;
    }
    .pinpai_time img {
        margin-right: 5px;
    }
    .pinpai_info .dang_more {
        bottom: 2rem;
        right: 3rem;
    }
    .pp_time {
        width: 17%;
        height: 160px;
    }
    .pp_time h3 {
        margin-bottom: 10px;
        font-size: 30px;
    }
    .pp_time p {
        font-size: 18px;
    }
    .pp_info {
        padding: 0 3rem;
    }
}


/* 新闻详情页 */

.banner-inner .text2 {
    position: absolute;
    width: 100%;
    left: 10%;
    top: 25%;
}

.banner-inner .text2 .tu {
    width: 24rem;
}

.banner-inner .text2 .tu img {
    width: 100%;
}

@media only screen and (max-width:1440px) {
    .banner-inner .text2 .tu {
        width: 16rem;
    }
}

@media only screen and (max-width:1200px) {
    .banner-inner .text2 .tu {
        width: 12rem;
    }
}


/* 媒体聚焦 */

.xinwen_info {
    width: 79%;
    padding: 0 6rem;
    position: relative;
}

.xinwen_link {
    margin-bottom: 20px;
    font-size: 24px;
    color: #333;
}

.xinwen_dec {
    margin-bottom: 15px;
    height: 56px;
    line-height: 28px;
    font-size: 18px;
    color: #999;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.xinwen_time {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #999;
}

.xinwen_time img {
    margin-right: 10px;
}

.xinwen_info .dang_more {
    bottom: 0;
    right: 0;
}

.dang_row:hover .xinwen_link a {
    color: #C5A775;
}

@media only screen and (max-width:1440px) {
    .xinwen_info {
        padding: 0 4rem;
    }
    .xinwen_link {
        margin-bottom: 10px;
        font-size: 20px;
    }
    .xinwen_dec {
        margin-bottom: 10px;
        height: 48px;
        line-height: 24px;
        font-size: 16px;
    }
    .xinwen_time {
        font-size: 14px;
    }
    .xinwen_time img {
        margin-right: 10px;
    }
}

@media only screen and (max-width:1200px) {
    .xinwen_info {
        padding: 0 3rem;
    }
    .xinwen_link {
        font-size: 18px;
    }
    .xinwen_dec {
        height: 40px;
        line-height: 20px;
        font-size: 14px;
    }
    .xinwen_time {
        font-size: 12px;
    }
    .xinwen_time img {
        margin-right: 5px;
    }
}


/* 视频中心 */

.videos_list {
    margin-bottom: 50px;
}

.videos_list ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.videos_list ul:after {
    display: block;
    content: '';
    width: 31.4%;
}

.videos_list li {
    width: 31.4%;
    margin-bottom: 40px;
}

.videos_img {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.videos_img:after {
    display: block;
    content: '';
    margin-top: 56%;
}

.videos_img img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    transition: all .6s;
    z-index: 2;
}

.videos_list li:hover img {
    transform: scale(1.05, 1.05);
}

.videos_img i {
    width: 60px;
    height: 60px;
    background: url(../img/play_icon.png);
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
    visibility: hidden;
    opacity: 0;
    transition: all 0.4s;
}

.videos_mask {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 6;
    visibility: hidden;
    opacity: 0;
    transition: all 0.4s;
}

.videos_img span {
    width: 100%;
    height: 4rem;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 3;
}

.videos_img em {
    width: 100%;
    padding-left: 30px;
    background: url(../img/play_small.png) no-repeat left center;
    background-size: 24px 24px;
    font-style: normal;
    font-size: 18px;
    color: #fff;
    position: absolute;
    bottom: 12px;
    left: 40px;
    z-index: 7;
}

.videos_list li:hover i {
    visibility: visible;
    opacity: 1;
}

.videos_list li:hover .videos_mask {
    visibility: visible;
    opacity: 1;
}

.videos_name {
    height: 70px;
    width: 100%;
    padding: 0 20px;
    line-height: 70px;
    border: 1px #e6e6e6 solid;
    border-top: none;
    font-size: 22px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.videos_list li:hover .videos_name {
    background-color: #C5A775;
    color: #fff;
}

.videos_list li:hover .videos_name a {
    color: #fff;
}

.view_more {
    width: 100%;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 9;
    opacity: 0;
    transform: translate(-50%, -50%);
    transition: all 0.4s;
}

.view_more:before,
.view_more:after {
    display: block;
    content: '';
    width: 100px;
    height: 1px;
    background-color: #f2f2f2;
    position: absolute;
    left: 50%;
    margin-left: -50px;
    transition: all 0.6s ease 0s;
}

.view_more:before {
    top: 0;
}

.view_more:after {
    bottom: 0;
}

.videos_list li:hover .view_more {
    opacity: 1;
}

.videos_list li:hover .view_more:before,
.videos_list li:hover .view_more:after {
    width: 6px;
    margin-left: -3px;
    opacity: 0.6;
}

@media only screen and (max-width:1360px) {
    .videos_list {
        margin-bottom: 40px;
    }
    .videos_list li {
        margin-bottom: 30px;
    }
    .videos_name {
        height: 56px;
        line-height: 56px;
        font-size: 18px;
    }
}

@media only screen and (max-width:1200px) {
    .videos_list {
        margin-bottom: 30px;
    }
    .videos_list li {
        margin-bottom: 20px;
    }
    .videos_name {
        height: 48px;
        line-height: 48px;
        font-size: 16px;
    }
}


/* 社会责任 */

.respon_info {
    padding: 20px 0;
    display: flex;
    align-items: center;
    border: 1px #e6e6e6 solid;
    border-top: none;
}

.respon_time {
    width: 20%;
    text-align: center;
    position: relative;
}

.respon_time:after {
    display: block;
    content: '';
    width: 1px;
    height: 100%;
    background-color: #EEEEEE;
    position: absolute;
    top: 0;
    right: 0;
}

.respon_time h3 {
    font-weight: bold;
    font-size: 28px;
    color: #333;
}

.respon_time p {
    font-size: 14px;
    color: #999;
}

.respon_dec {
    width: 80%;
    height: 60px;
    padding: 0 20px;
    line-height: 30px;
    font-size: 18px;
    color: #666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.videos_list li:hover .respon_info {
    background-color: #C5A775;
}

.videos_list li:hover .respon_time h3 {
    color: #fff;
}

.videos_list li:hover .respon_time p {
    color: #fff;
}

.videos_list li:hover .respon_dec {
    color: #fff;
}

@media only screen and (max-width:1360px) {
    .respon_info {
        padding: 15px 0;
    }
    .respon_time h3 {
        font-size: 22px;
    }
    .respon_dec {
        height: 48px;
        padding: 0 15px;
        line-height: 24px;
        font-size: 14px;
    }
}

@media only screen and (max-width:1200px) {
    .respon_info {
        padding: 10px 0;
    }
    .respon_time h3 {
        font-size: 18px;
    }
    .respon_time p {
        font-size: 12px;
    }
    .respon_dec {
        height: 40px;
        padding: 0 10px;
        line-height: 20px;
    }
}


/* 影像广西 */

.yingxiang_info {
    padding-top: 20px;
}

.yingxiang_name {
    margin-bottom: 15px;
    font-size: 22px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.yingxiang_info p {
    font-size: 16px;
    color: #999;
}

@media only screen and (max-width:1360px) {
    .yingxiang_info {
        padding-top: 15px;
    }
    .yingxiang_name {
        margin-bottom: 10px;
        font-size: 18px;
    }
    .yingxiang_info p {
        font-size: 14px;
    }
}

@media only screen and (max-width:1200px) {
    .yingxiang_info {
        padding-top: 10px;
    }
    .yingxiang_name {
        margin-bottom: 10px;
        font-size: 16px;
    }
    .yingxiang_info p {
        font-size: 12px;
    }
}


/* 重点推荐 */

.videos_total {
    font-size: 16px;
    color: #fff;
    position: absolute;
    bottom: 12px;
    right: 12px;
    z-index: 7;
}

/* 2021-12-08 新增 end */

/* 数字出版 */

.list_title {
    margin-bottom: 45px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.list_name {
    font-size: 32px;
    color: #666;
}

.list_title_more {
    display: block;
    width: 223px;
    height: 57px;
    background: url(../img/dangmore1.png);
    background-size: 100% 100%;
}

.list_title_more:hover {
    background: url(../img/dangmore2.png);
    background-size: 100% 100%;
}

.disc_list ul {
    display: flex;
    flex-wrap: wrap;
}

.disc_list li {
    width: 25%;
    padding-right: 1%;
    margin-bottom: 50px;
}

.disc {
    display: flex;
    margin-bottom: 20px;
}

.disc_img {
    width: 71%;
    position: relative;
    overflow: hidden;
    background-color: #fff;
}

.disc_icon {
    width: 19%;
}

.disc_img:after {
    display: block;
    content: '';
    margin-top: 100%;
}

.disc_img img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    z-index: 2;
    transition: all 0.6s;
}

.disc_img:hover img {
    transform: scale(1.05, 1.05);
}

.disc_img span {
    display: block;
    width: 100%;
    height: 40px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 3;
}

.disc_num {
    padding-left: 24px;
    background: url(../img/beat.png) no-repeat left center;
    background-size: 16px 16px;
    font-size: 14px;
    color: #fff;
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 4;
}

.disc_name {
    font-size: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media only screen and (max-width:1360px) {
    .list_title {
        margin-bottom: 30px;
    }
    .list_name {
        font-size: 26px;
    }
    .list_title_more {
        width: 160px;
        height: 40px;
    }
    .disc_name {
        font-size: 18px;
    }
    .disc_list li {
        margin-bottom: 40px;
    }
}

@media only screen and (max-width:1200px) {
    .disc {
        margin-bottom: 10px;
    }
    .disc_name {
        font-size: 16px;
    }
    .disc_list li {
        margin-bottom: 30px;
    }
}


/* 音频详情 */

.player_wrap {
    display: flex;
    justify-content: space-between;
}

.player {
    width: 480px;
    height: 722px;
    position: relative;
    overflow: hidden;
}

.player_bg {
    width: 480px;
    height: 722px;
    position: relative;
    overflow: hidden;
}

.player_bg img {
    width: 530px;
    height: 772px;
    margin: -25px;
    filter: blur(10px);
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -ms-filter: blur(10px);
    -o-filter: blur(10px);
}

.player_bg:before {
    display: block;
    width: 100%;
    height: 100%;
    content: '';
    background-color: rgba(0, 0, 0, .3);
    position: absolute;
    z-index: 1;
}

.song_name {
    width: 100%;
    padding: 0 20px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    position: absolute;
    top: 40px;
    left: 0;
    z-index: 5;
}

.player_disc {
    width: 240px;
    height: 240px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(../img/big_disc.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -120px;
    margin-left: -120px;
    z-index: 5;
    animation: play 5s linear infinite;
    animation-play-state: paused;
}

.player_disc.on {}

@-webkit-keyframes play {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@-moz-keyframes play {
    0% {
        -moz-transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes play {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.player_poster {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    overflow: hidden;
}

.player_poster img {
    width: 100%;
    height: 100%;
}

.stick {
    width: 110px;
    height: 200px;
    position: absolute;
    top: 142px;
    left: 211px;
    z-index: 6;
    transform: rotate(-20deg);
    transform-origin: top center;
}

.stick.on {
    transform: rotate(0);
}

.player_control {
    width: 100%;
    position: absolute;
    bottom: 60px;
    left: 0;
    z-index: 6;
}

.player_control .audiojs {
    width: 100%;
    height: 100px;
    background: none;
    box-shadow: none;
}

.player_control .audiojs .time {
    width: 100%;
    margin: 0;
    padding: 0 40px;
    float: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: none;
    text-shadow: none;
    color: #fff;
}

.player_control .audiojs .scrubber {
    width: 300px;
    height: 2px;
    float: none;
    background: rgba(255, 255, 255, .4);
    margin: 0;
    border-top: none;
    position: absolute;
    top: 17px;
    left: 50%;
    margin-left: -150px;
    overflow: visible;
    z-index: 9;
}

.player_control .audiojs .loaded {
    height: 2px;
    width: 0px;
    background: none;
}

.player_control .audiojs .progress {
    height: 2px;
    width: 0px;
    background: #fff;
}

.player_control .audiojs .progress:after {
    display: block;
    content: '';
    width: 8px;
    height: 8px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: -3px;
    right: -3px;
    cursor: pointer;
}

.player_control .play-pause {
    display: none;
    width: 36px;
    height: 36px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -18px;
    padding: 0;
    float: none;
    overflow: hidden;
    border: none;
    z-index: 6;
}

.player_control .audiojs p {
    width: 36px;
    height: 36px;
}

.player_control .audiojs p.pause {
    background: url(../img/pause.png) no-repeat;
    background-size: 100% 100%;
}

.player_control .audiojs p.play {
    background: url(../img/big_play.png) no-repeat;
    background-size: 100% 100%;
}

.player_btns {
    width: 156px;
    height: 36px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -78px;
    z-index: 4;
}

.pause_btn {
    display: none;
}

.pause_btn,
.play_btn {
    width: 36px;
    height: 36px;
}

.play_right {
    width: 66.6666666%;
    padding-top: 50px;
}

.play_label {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.album_icon {
    margin-right: 12px;
}

.album_name {
    margin-bottom: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 42px;
    color: #222;
}

.album_counter {
    display: flex;
    align-items: center;
    margin-bottom: 66px;
}

.album_counter_item {
    margin-right: 80px;
    display: flex;
    align-items: center;
    font-size: 18px;
    color: #999;
}

.album_counter_item img {
    margin-right: 8px;
}

.album_list {
    border-top: 3px #C5A775 solid;
}

.album_title {
    padding: 0 60px;
    display: flex;
    align-items: center;
    height: 64px;
    background-color: #f4f4f4;
    font-size: 22px;
    color: #666;
}

.album_list ul {
    max-height: 384px;
    overflow-y: auto;
}

.album_list a {
    padding: 0 60px;
    height: 64px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.album_list li:nth-child(even) {
    background-color: #f4f4f4;
}

.album_left {
    display: flex;
    align-items: center;
}

.album_num {
    width: 26px;
    margin-right: 40px;
    font-size: 23px;
    color: #CCCCCC;
}

.album_play_btn {
    width: 28px;
    height: 28px;
    margin-right: 60px;
    background: url(../img/play2.png);
    background-size: 100% 100%;
}

.song_name2 {
    width: 432px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 22px;
    color: #333;
}

.album_right {
    display: flex;
    align-items: center;
}

.album_right .album_counter_item {
    margin-right: 0;
    margin-left: 40px;
}

.album_list li.playing .album_play_btn {
    background: url(../img/playing.png);
    background-size: 100% 100%;
}

.album_list li.playing .song_name2 {
    color: #C5A775;
}

@media only screen and (max-width:1440px) {
    .player {
        width: 450px;
        height: 680px;
    }
    .player_bg {
        width: 450px;
        height: 680px;
    }
    .player_disc {
        width: 200px;
        height: 200px;
        margin-top: -100px;
        margin-left: -100px;
    }
    .player_poster {
        width: 120px;
        height: 120px;
    }
    .stick {
        width: 90px;
        height: 164px;
        position: absolute;
        top: 152px;
        left: 200px;
    }
    .player_control .audiojs .time {
        padding: 0 30px;
    }
    .player_control .audiojs .scrubber {
        width: 280px;
        margin-left: -140px;
    }
    .play_right {
        width: 62%;
        padding-top: 40px;
    }
    .album_name {
        font-size: 32px;
    }
    .album_counter {
        margin-bottom: 50px;
    }
    .album_counter_item {
        margin-right: 60px;
        font-size: 16px;
    }
    .album_title {
        padding: 0 50px;
        height: 56px;
        font-size: 18px;
    }
    .album_list ul {
        max-height: 336px;
    }
    .album_list a {
        padding: 0 50px;
        height: 56px;
    }
    .album_num {
        width: 20px;
        margin-right: 30px;
        font-size: 18px;
    }
    .album_play_btn {
        width: 20px;
        height: 20px;
        margin-right: 40px;
    }
    .song_name2 {
        width: 360px;
        font-size: 18px;
    }
    .album_right .album_counter_item {
        margin-left: 30px;
    }
}

@media only screen and (max-width:1360px) {
    .player {
        width: 390px;
        height: 590px;
    }
    .player_bg {
        width: 390px;
        height: 590px;
    }
    .player_disc {
        width: 160px;
        height: 160px;
        margin-top: -80px;
        margin-left: -80px;
    }
    .player_poster {
        width: 80px;
        height: 80px;
    }
    .stick {
        width: 75px;
        height: 137px;
        position: absolute;
        top: 142px;
        left: 180px;
    }
    .player_control .audiojs .time {
        padding: 0 20px;
    }
    .player_control .audiojs .scrubber {
        width: 240px;
        margin-left: -120px;
    }
    .play_right {
        width: 66.6666%;
        padding-top: 40px;
    }
    .album_name {
        font-size: 28px;
    }
    .album_counter {
        margin-bottom: 40px;
    }
    .album_counter_item {
        margin-right: 50px;
        font-size: 14px;
    }
    .album_title {
        padding: 0 40px;
        height: 50px;
        font-size: 16px;
    }
    .album_list ul {
        max-height: 300px;
    }
    .album_list a {
        padding: 0 40px;
        height: 50px;
    }
    .album_num {
        width: 20px;
        margin-right: 30px;
        font-size: 16px;
    }
    .album_play_btn {
        width: 20px;
        height: 20px;
        margin-right: 30px;
    }
    .song_name2 {
        max-width: 320px;
        font-size: 16px;
    }
    .album_right .album_counter_item {
        margin-left: 30px;
    }
}

@media only screen and (max-width:1200px) {
    .player {
        width: 345px;
        height: 523px;
    }
    .player_bg {
        width: 345px;
        height: 523px;
    }
    .player_disc {
        width: 140px;
        height: 140px;
        margin-top: -70px;
        margin-left: -70px;
    }
    .player_poster {
        width: 70px;
        height: 70px;
    }
    .stick {
        width: 68px;
        height: 117px;
        position: absolute;
        top: 132px;
        left: 160px;
    }
    .player_control .audiojs .scrubber {
        width: 200px;
        margin-left: -100px;
    }
    .play_right {
        width: 66.6666%;
        padding-top: 30px;
    }
    .album_name {
        font-size: 22px;
    }
    .album_counter {
        margin-bottom: 30px;
    }
    .album_counter_item {
        margin-right: 40px;
        font-size: 14px;
    }
    .album_title {
        padding: 0 30px;
        height: 46px;
        font-size: 14px;
    }
    .album_list ul {
        max-height: 274px;
    }
    .album_list a {
        padding: 0 30px;
        height: 46px;
    }
    .album_num {
        margin-right: 20px;
        font-size: 14px;
    }
    .album_play_btn {
        width: 16px;
        height: 16px;
        margin-right: 20px;
    }
    .song_name2 {
        max-width: 280px;
        font-size: 14px;
    }
    .album_right .album_counter_item {
        margin-left: 20px;
    }
}

/* 海外星云 */

.overseas {
    width: 100%;
    height: 100vh;
    position: relative;
    overflow: hidden;
}

.overseas_left {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 100%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility .3s, opacity .3s, right .8s;
    -moz-transition: visibility .3s, opacity .3s, right .8s;
    transition: visibility .3s, opacity .3s, right .8s;
}

.overseas.active .overseas_left {
    right: 56%;
    visibility: visible;
    opacity: 1;
}

.overseas_item {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: center no-repeat;
    background-size: cover;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility .3s, opacity .3s;
    -moz-transition: visibility .3s, opacity .3s;
    transition: visibility .3s, opacity .3s;
}

.overseas.active .overseas_item {
    opacity: 1;
    visibility: visible;
}

.overseas_right {
    padding: 7% 11% 0;
    position: absolute;
    left: 44%;
    top: 0;
    bottom: 0;
    right: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility .3s, opacity .3s;
    -moz-transition: visibility .3s, opacity .3s;
    transition: visibility .3s, opacity .3s;
}

.overseas.active .overseas_right {
    visibility: visible;
    opacity: 1;
}

.overseas_right img {
    margin: 0 auto 80px;
}

.overseas_right p {
    margin-bottom: 25px;
    text-indent: 40px;
    font-size: 16px;
    line-height: 35px;
    color: #333;
}

.magazine {
    display: flex;
    height: 1080px;
}

.magazine_left {
    width: 25%;
    padding-top: 5%;
    padding-left: 5%;
    position: relative;
}

.magazine_bar {
    width: 24px;
    height: 4px;
    margin: 40px 0;
    background-color: #999999;
}

.magazine_link li {
    height: 60px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    font-size: 18px;
}

.magazine_link li.on a {
    color: #C5A775;
}

.magazine_pages {
    width: 100%;
    padding: 0 100px;
    display: flex;
    justify-content: space-between;
    position: absolute;
    bottom: 5%;
    left: 0;
}

.magazine_pages a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 96px;
    height: 36px;
    background-color: #F4F4F4;
    font-size: 14px;
    color: #999;
}

.magazine_pages a:hover {
    background-color: #C5A775;
    color: #fff;
}

.magazine_pages a.swiper-button-disabled {
    opacity: 0.8;
}

.magazine_pages a.swiper-button-disabled:hover {
    background-color: #F4F4F4;
    color: #999;
}

.magazine_right {
    width: 75%;
    display: none;
}

.magazine_right .magazine_slide {
    height: 100%;
}

.magazine_right.on {
    display: block;
}

/* .magazine_list {
    display: flex;
    height: 100%;
} */

/* .magazine_slide .swiper-slide {
    width: 25%;
    transition: all 0.5s;
}

.magazine_slide .swiper-slide:nth-last-child(2) {
    width: 624px;
} */

.magazine_list {
    display: flex;
    height: 100%;
}

.magazine_item {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}


/* .swiper-slide:hover {
    width: 624px;
} */

.magazine_item {
    width: 25%;
    position: relative;
    overflow: hidden;
    transition: all 0.5s;
}

.magazine_item:hover {
    width: 70%;
}
/* .magazine_item:hover .magazine_img {
    left: 20%;
    bottom: 0%;
    transform: translateX(-50%);
    transform: scale(1.05);
} */

.magazine_book {
    width: 694px;
    height: 100%;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.magazine_book a {
    display: block;
    padding: 128px 72px 0;
}

.magazine_year {
    font-size: 36px;
    color: #fff;
    transition: all 0.3s;
}

.magazine_qi {
    margin-bottom: 40px;
    font-size: 24px;
    color: #fff;
    white-space: nowrap;
    transition: all 0.3s;
}

.magazine_img {
    height: 678px;
    background-color: #fff;
}

.magazine_img img {
    transition: all 0.5s;
}


/* .magazine_img {
    position: absolute;
    left: 72px;
    bottom: 0%;
    transition: all .3s ease-in-out;
}

.magazine_img img {
    height: 678px;
} */


.mbg1 {
    background-image: url(../img/color1.png);
}

.mbg2 {
    background-image: url(../img/color2.png);
}

.mbg3 {
    background-image: url(../img/color3.png);
}

.mbg4 {
    background-image: url(../img/color4.png);
}

.mbg5 {
    background-image: url(../img/color1.png);
}

.mbg6 {
    background-image: url(../img/color2.png);
}

.magazine_book a:hover img {
    transform: scale(1.04);
}

.magazine_book a:hover .magazine_year {
    transform: translateX(48%);
}

.magazine_book a:hover .magazine_qi {
    transform: translateX(35%);
}

.magazine_slide .swiper-button-prev,
.magazine_slide .swiper-button-next {
    width: 48px;
    height: 48px;
    top: 90px;
}

.magazine_slide .swiper-button-prev:after,
.magazine_slide .swiper-button-next:after {
    display: none;
}

.magazine_slide .swiper-button-prev {
    background: url(../img/mleft.png);
    background-size: 100% 100%;
    left: 72px;
}

.magazine_slide .swiper-button-next {
    background: url(../img/mright.png);
    background-size: 100% 100%;
    right: 72px;
}

.magazine_slide .swiper-button-next.swiper-button-disabled,
.magazine_slide .swiper-button-prev.swiper-button-disabled {
    pointer-events: auto;
}

.wave {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 500px;
    overflow: hidden;
    position: relative;
}

.wave canvas {
    position: absolute;
    left: -30%;
    min-width: 3000px;
    pointer-events: none;
}

@media only screen and (max-width:1600px) {
    .magazine {
        height: 910px;
    }
    .magazine_book {
        width: 578px;
    }
    .magazine_img {
        height: 550px;
    }
    .magazine_book a:hover .magazine_year {
        transform: translateX(45%);
    }
    .magazine_book a:hover .magazine_qi {
        transform: translateX(30%);
    }
}

@media only screen and (max-width:1440px) {
    .magazine {
        display: flex;
        height: 800px;
    }
    .magazine_bar {
        margin: 30px 0;
    }
    .magazine_link li {
        height: 50px;
    }
    .magazine_pages {
        padding: 0 60px;
    }
    .magazine_book {
        width: 520px;
    }
    .magazine_img {
        height: 500px;
    }
    /* .magazine_item:hover {
        width: 57.6%;
    } */
    /* .magazine_slide .swiper-slide:nth-last-child(2) {
        width: 460px;
    }
    .swiper-slide:hover {
        width: 460px;
    } */

    /* .magazine_book {
        width: 460px;
    } */
    .magazine_book a {
        padding: 120px 60px 0;
    }
    .magazine_book a:hover .magazine_year {
        transform: translateX(45%);
    }
    .magazine_book a:hover .magazine_qi {
        transform: translateX(28%);
    }
    .magazine_year {
        font-size: 36px;
        color: #fff;
    }
    .magazine_qi {
        margin-bottom: 40px;
        font-size: 24px;
        color: #fff;
    }
    .magazine_img {
        width: 100%;
        height: 480px;
        background-color: #fff;
    }
    .magazine_slide .swiper-button-prev,
    .magazine_slide .swiper-button-next {
        top: 70px;
    }
    .magazine_slide .swiper-button-prev {
        background: url(../img/mleft.png);
        background-size: 100% 100%;
        left: 60px;
    }
    .magazine_slide .swiper-button-next {
        right: 60px;
    }
}

@media only screen and (max-width:1360px) {
    .overseas_right img {
        margin: 0 auto 50px;
    }
    .overseas_right p {
        margin-bottom: 32px;
        text-indent: 30px;
        font-size: 18px;
        line-height: 46px;
        color: #333;
    }
    .magazine_book {
        width: 491px;
    }
    .magazine_img {
        height: 480px;
    }
    .magazine_book a:hover .magazine_year {
        transform: translateX(45%);
    }
    .magazine_book a:hover .magazine_qi {
        transform: translateX(25%);
    }
}

@media only screen and (max-width:1200px) {
    .overseas_right img {
        width: 50%;
        margin: 0 auto 40px;
    }
    .overseas_right p {
        margin-bottom: 20px;
        font-size: 16px;
        line-height: 42px;
    }
    .magazine {
        height: 700px;
    }
    .magazine_bar {
        margin: 20px 0;
    }
    .magazine_link li {
        height: 40px;
        margin-bottom: 10px;
        font-size: 16px;
    }
    .magazine_pages {
        padding: 0 30px;
    }
    .magazine_book {
        width: 433px;
    }
    .magazine_img {
        height: 420px;
    }
    /* .magazine_item:hover {
        width: 57.6%;
    } */
    /* .magazine_slide .swiper-slide:nth-last-child(2) {
        width: 390px;
    }
    .swiper-slide:hover {
        width: 390px;
    }

    .magazine_book {
        width: 390px;
    } */
    .magazine_book a {
        padding: 100px 40px 0;
    }
    .magazine_year {
        font-size: 30px;
    }
    .magazine_qi {
        margin-bottom: 30px;
        font-size: 18px;
    }
    .magazine_img {
        width: 100%;
        height: 440px;
        background-color: #fff;
    }
    .magazine_book a:hover .magazine_year {
        transform: translateX(45%);
    }
    .magazine_book a:hover .magazine_qi {
        transform: translateX(32%);
    }
    .magazine_slide .swiper-button-prev,
    .magazine_slide .swiper-button-next {
        top: 50px;
    }
    .magazine_slide .swiper-button-prev {
        background: url(../img/mleft.png);
        background-size: 100% 100%;
        left: 40px;
    }
    .magazine_slide .swiper-button-next {
        right: 60px;
    }
}


/* 美文精读 */

.maga_list ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.maga_list ul:after {
    display: block;
    content: '';
    width: 31%;
}

.maga_list li {
    width: 31%;
    margin-bottom: 48px;
    padding: 24px;
}

.maga_img {
    width: 100%;
    margin-bottom: 24px;
    background-color: #fff;
    position: relative;
    overflow: hidden;
}

.maga_img:after {
    display: block;
    content: '';
    margin-top: 140%;
}

.maga_img img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    transition: all .6s;
    z-index: 2;
}

.maga_img:hover img {
    transform: scale(1.05, 1.05);
}

.maga_img:hover .videos_mask {
    visibility: visible;
    opacity: 1;
}

.maga_img:hover .view_more {
    opacity: 1;
}

.maga_img:hover .view_more:before,
.maga_img:hover .view_more:after {
    width: 6px;
    margin-left: -3px;
    opacity: 0.6;
}

.maga_name {
    font-size: 22px;
    color: #fff;
}


/* 订阅服务 */

.subscribe {
    margin-bottom: 80px;
    background-color: #fff;
}

.subscribe ul {
    display: flex;
}

.subscribe li {
    width: 33.333333%;
    height: 400px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-right: 1px #e6e6e6 solid;
}

.subscribe li:last-child {
    border-right: none;
}

.subscribe img {
    width: 120px;
    height: 120px;
    margin-bottom: 40px;
}

.subscribe_name {
    padding: 0 23%;
    height: 80px;
    font-size: 28px;
    line-height: 40px;
    color: #333;
    text-align: center;
}

.follow {
    text-align: center;
}

.follow_title {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 36px;
    color: #333;
}

.follow_title:before,
.follow_title:after {
    display: block;
    content: '';
    width: 38px;
    height: 1px;
    margin: 0 18px;
    background-color: #707070;
}

.follow p {
    margin-bottom: 40px;
    font-size: 28px;
    color: #999;
}

.qr img {
    width: 240px;
    height: 240px;
    margin: 0 auto;
}

@media only screen and (max-width:1360px) {
    .subscribe {
        margin-bottom: 60px;
    }
    .subscribe li {
        height: 300px;
    }
    .subscribe img {
        width: 90px;
        height: 90px;
        margin-bottom: 30px;
    }
    .subscribe_name {
        height: 64px;
        font-size: 20px;
        line-height: 32px;
    }
    .follow_title {
        font-size: 30px;
        color: #333;
    }
    .follow_title:before,
    .follow_title:after {
        width: 32px;
        margin: 0 15px;
    }
    .follow p {
        margin-bottom: 30px;
        font-size: 22px;
    }
    .qr img {
        width: 200px;
        height: 200px;
    }
}

@media only screen and (max-width:1200px) {
    .subscribe {
        margin-bottom: 40px;
    }
    .subscribe li {
        height: 260px;
    }
    .subscribe img {
        width: 80px;
        height: 80px;
        margin-bottom: 20px;
    }
    .subscribe_name {
        height: 56px;
        font-size: 16px;
        line-height: 28px;
    }
    .follow_title {
        font-size: 26px;
        color: #333;
    }
    .follow_title:before,
    .follow_title:after {
        width: 30px;
        margin: 0 12px;
    }
    .follow p {
        margin-bottom: 30px;
        font-size: 18px;
    }
    .qr img {
        width: 180px;
        height: 180px;
    }
}


/* 站内搜索页 */

.result_wrapper {
    padding: 10rem 0;
}

.result_title {
    margin-bottom: 40px;
    text-align: center;
    font-size: 28px;
    color: #333;
}

.result_search_row {
    margin-bottom: 40px;
    display: flex;
}

.result_search_row input[type="text"] {
    flex: 1;
    padding: 0 20px;
    height: 45px;
    background-color: #fff;
    border: 1px #C5A775 solid;
    font-size: 16px;
    outline: none;
}

.result_search_btn {
    width: 114px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
    font-size: 16px;
    color: #fff;
    background-color: #C5A775;
}

.result_search_btn:hover {
    opacity: 0.8;
}

.result_search_btn img {
    width: 14px;
    height: 14px;
    margin-right: 12px;
}

.result_search_btn input[type="submit"] {
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    cursor: pointer;
}

.result {
    background-color: #fff;
}

.result_num {
    padding: 40px 120px 20px;
    border-bottom: 1px #e6e6e6 solid;
    font-size: 20px;
    color: #999;
}

.result_list {
    padding: 40px 120px 80px;
}

.result_list li {
    padding: 40px 0;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px #e6e6e6 dashed;
}

.result_info {
    width: 76%;
}

.result_name {
    margin-bottom: 20px;
    font-size: 20px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.result_name em {
    font-style: normal;
    color: #C5A775;
}

.result_name a {
    color: #333;
}

.result_dec {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 40px;
    color: #333;
}

.result_dec a {
    color: #C5A775;
}

.result_spec {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #999;
}

.result_spec span {
    margin: 0 18px;
}

.result_img {
    width: 18%;
    overflow: hidden;
    position: relative;
}

.result_img:after {
    display: block;
    content: '';
    margin-top: 56%;
}

.result_img img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    transition: all .3s;
}

.result_img:hover img {
    transform: scale(1.2);
}

@media only screen and (max-width:1440px) {
    .result_wrapper {
        padding: 8rem 0;
    }
    .result_title {
        margin-bottom: 30px;
        font-size: 22px;
    }
    .result_search_row {
        margin-bottom: 30px;
    }
    .result_num {
        padding: 30px 90px 20px;
        font-size: 18px;
    }
    .result_list {
        padding: 30px 90px 60px;
    }
    .result_list li {
        padding: 30px 0;
    }
    .result_name {
        margin-bottom: 18px;
        font-size: 18px;
    }
    .result_dec {
        margin-bottom: 18px;
        line-height: 32px;
    }
    .result_spec {
        font-size: 14px;
    }
    .result_spec span {
        margin: 0 15px;
    }
}

@media only screen and (max-width:1360px) {
    .result_wrapper {
        padding: 6rem 0;
    }
    .result_title {
        margin-bottom: 30px;
        font-size: 20px;
    }
    .result_search_row {
        margin-bottom: 20px;
    }
    .result_num {
        padding: 20px 70px 15px;
        font-size: 16px;
    }
    .result_list {
        padding: 20px 70px 40px;
    }
    .result_list li {
        padding: 20px 0;
    }
    .result_name {
        margin-bottom: 15px;
        font-size: 16px;
    }
    .result_dec {
        margin-bottom: 15px;
        line-height: 28px;
        font-size: 14px;
    }
    .result_spec {
        font-size: 14px;
    }
    .result_spec span {
        margin: 0 12px;
    }
}

@media only screen and (max-width:1200px) {
    .result_wrapper {
        padding: 5rem 0;
    }
    .result_num {
        padding: 20px 60px 15px;
        font-size: 14px;
    }
    .result_list {
        padding: 20px 60px 40px;
    }
    .result_list li {
        padding: 15px 0;
    }
    .result_name {
        margin-bottom: 10px;
        font-size: 16px;
    }
    .result_dec {
        margin-bottom: 10px;
        line-height: 24px;
        font-size: 14px;
    }
    .result_spec {
        font-size: 12px;
    }
    .result_spec span {
        margin: 0 10px;
    }
}


/* 联系我们 */

.map_wrap {
    width: 100%;
    margin-top: 80px;
    height: 640px;
    position: relative;
    background-color: #f4f4f4;
    overflow: hidden;
}

.contact {
    width: 780px;
    height: 380px;
    padding: 80px;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .05);
    border-radius: 4px;
    position: absolute;
    bottom: 80px;
    right: 6%;
    z-index: 20;
}

.contact_close {
    display: block;
    width: 16px;
    height: 16px;
    background: url(../img/close.png);
    position: absolute;
    top: 20px;
    right: 20px;
}

.contact_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.contact_info {
    width: 400px;
}

.contact_title {
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: bold;
    color: #333;
}

.contact_info li {
    padding: 10px 0;
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #222;
}

.contact_info img {
    width: 16px;
    height: 16px;
    margin-right: 12px;
}

.contact_info p {
    flex: 1;
}

.contact_qr {
    text-align: center;
    font-size: 16px;
    color: #222;
}

.contact_qr img {
    margin-bottom: 12px;
    width: 154px;
    height: 154px;
}

.contact_right {
    width: 40px;
    height: 380px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .05);
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    position: absolute;
    bottom: 80px;
    right: -100%;
    z-index: 20;
    cursor: pointer;
}

.contact_right p {
    margin-top: 20px;
    padding: 0 10px;
    text-align: center;
}

@media only screen and (max-width:1440px) {
    .contact {
        width: 700px;
        height: 300px;
        padding: 40px;
    }
    .contact_info {
        width: 360px;
    }
    .contact_title {
        margin-bottom: 10px;
        font-size: 18px;
    }
    .contact_info li {
        padding: 8px 0;
        display: flex;
        align-items: center;
        font-size: 16px;
        color: #222;
    }
    .contact_info img {
        width: 16px;
        height: 16px;
        margin-right: 10px;
    }
    .contact_info p {
        flex: 1;
    }
    .contact_qr {
        text-align: center;
        font-size: 16px;
        color: #222;
    }
    .contact_qr img {
        margin-bottom: 12px;
        width: 140px;
        height: 140px;
    }
    .contact_right {
        width: 40px;
        height: 300px;
    }
    .contact_right p {
        margin-top: 20px;
        padding: 0 10px;
        text-align: center;
    }
}

@media only screen and (max-width:1360px) {}

@media only screen and (max-width:1200px) {}


/* 荣誉展示 */

.honur {
    width: 1800px;
    float: right;
    position: relative;
    top: -260px;
    right: 0;
    overflow: hidden;
}

#timeline {
    width: 1800px;
    padding: 6px;
    padding-right: 0;
    /* height: 300px; */
    overflow: hidden;
    position: relative;
}

.bb {
    height: 140px;
    overflow: hidden;
}

#dates {
    width: 1600px;
    height: 90px;
    z-index: 50;
    padding-top: 5px;
}

#dates li {
    list-style: none;
    float: left;
    width: 250px;
    height: 80px;
    font-size: 28px;
    text-align: center;
    color: #ccc;
    position: relative;
}

#dates li:after {
    display: block;
    content: '';
    width: 200px;
    height: 1px;
    background-color: rgba(255, 255, 255, .7);
    position: absolute;
    bottom: 0;
    right: -100px;
}

#dates a {
    display: block;
    height: 80px;
    line-height: 80px;
    font-size: 28px;
    font-weight: 400;
    color: #ccc;
    position: relative;
}

#dates a:after {
    display: block;
    content: '';
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    bottom: -6px;
    left: 50%;
    transform: translateX(-50%);
}

#dates .selected {
    font-size: 42px;
    line-height: 30px;
    color: #fff;
    display: block;
    margin-bottom: 20px;
}

#dates .selected:after {
    width: 8px;
    height: 8px;
    background: #E20000;
    border: 8px #fff solid;
    bottom: -10px;
}

#issues {
    /* width: 800px; */
    overflow: hidden;
}

#issues li {
    width: 1200px;
    list-style: none;
    float: left;
    position: relative;
}

.timeline {
    position: relative;
}

.dates {
    position: absolute;
    top: 0;
    z-index: 999;
}

.time_wrap {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    background-color: #fff;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
}

.time_wrap ul {
    padding: 5% 10%;
    overflow: hidden;
}

.year_title {
    margin-bottom: 40px;
    font-size: 42px;
    color: #C5A775;
    position: relative;
}

.year_title img {
    width: 20px;
    height: 40px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -40px;
}

.honur_item {
    padding: 40px 0;
    display: flex;
    align-items: center;
    border-bottom: 1px #eee solid;
}

.honur_img {
    width: 29%;
    margin-right: 80px;
    border-radius: 2px;
    overflow: hidden;
    position: relative;
}

.honur_img:after {
    display: block;
    content: '';
    margin-top: 57%;
}

.honur_img img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

.honur_name {
    font-size: 20px;
    color: #333;
    width: 64%;
}

@media only screen and (max-width:1600px) {
    .honur {
        width: 1500px;
        top: -220px;
    }
    #timeline {
        width: 1500px;
    }
}

@media only screen and (max-width:1500px) {
    .honur {
        width: 1400px;
        top: -200px;
    }
    #timeline {
        width: 1400px;
    }
}

@media only screen and (max-width:1400px) {
    .honur {
        width: 1300px;
        top: -200px;
    }
    #timeline {
        width: 1300px;
    }
}


/* 视频详情 */

.video_wrap {
    padding-top: 180px;
    padding-bottom: 100px;
    background-color: #333;
}

.video_box {
    display: flex;
    margin-bottom: 60px;
}

.video_player {
    width: 80%;
    transition: all 0.3s;
    position: relative;
}

.v_list {
    width: 20%;
    background-color: #000;
    transition: all 0.3s;
    position: relative;
    overflow: hidden;
}

.v_inner {
    padding: 60px;
    padding-right: 40px;
}

.v_name {
    margin-bottom: 80px;
    font-size: 22px;
    color: #fff;
}

.v_count {
    margin-bottom: 30px;
    display: flex;
    justify-content: space-between;
    font-size: 18px;
    color: #CCCCCC;
}

.v_count span {
    color: #666666;
}

.v_list ul {
    max-height: 450px;
    overflow: hidden;
    overflow-y: auto;
}

.v_list li {
    margin-bottom: 20px;
}

.v_list li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.v_num {
    font-size: 16px;
    color: #fff;
}

.v_list li img {
    display: none;
    width: 16px;
    height: 16px;
}

.v_list li a.on .v_num {
    display: none;
}

.v_list li a.on img {
    display: block;
}

.v_info {
    width: 190px;
}

.v_info h3 {
    margin-bottom: 5px;
    font-size: 16px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.v_info p {
    font-size: 12px;
    color: #999;
}

.v_info span {
    margin-right: 18px;
}

.v_list li a.on .v_info h3 {
    color: #C5A775;
}

.v_switch {
    display: none;
    width: 32px;
    height: 64px;
    background: url(../img/vright.png) no-repeat #818181 center center;
    background-size: 12px 24px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    position: absolute;
    top: 50%;
    right: -32px;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 9;
}

.video_box:hover .v_switch {
    display: block;
}

.v_switch.on {
    background: url(../img/vleft.png) no-repeat #818181 center center;
    background-size: 12px 24px;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    right: 0;
}

.v_detail_name {
    margin-bottom: 40px;
    font-size: 28px;
    color: #fff;
}

.v_detail_name span {
    color: #CCCCCC;
}

.v_content h3 {
    margin-bottom: 40px;
    font-size: 20px;
    color: #C5A775;
}

.v_content p {
    font-size: 18px;
    line-height: 40px;
    color: #fff;
    text-indent: 40px;
}

@media only screen and (max-width:1440px) {
    .video_wrap {
        padding-top: 100px;
        padding-bottom: 60px;
    }
    .video_box {
        margin-bottom: 40px;
    }
    .v_inner {
        padding: 40px;
        padding-right: 30px;
    }
    .v_name {
        margin-bottom: 60px;
        font-size: 18px;
    }
    .v_count {
        margin-bottom: 20px;
        font-size: 16px;
    }
    .v_list ul {
        max-height: 400px;
    }
    .v_list li {
        margin-bottom: 20px;
    }
    .v_num {
        font-size: 14px;
        color: #fff;
    }
    .v_info {
        width: 180px;
    }
    .v_info h3 {
        font-size: 14px;
    }
    .v_detail_name {
        margin-bottom: 30px;
        font-size: 24px;
    }
    .v_content h3 {
        margin-bottom: 30px;
        font-size: 18px;
    }
    .v_content p {
        font-size: 16px;
        line-height: 34px;
        text-indent: 34px;
    }
}

@media only screen and (max-width:1360px) {
    .video_wrap {
        padding-bottom: 50px;
    }
    .video_box {
        margin-bottom: 30px;
    }
    .v_inner {
        padding: 30px;
        padding-right: 20px;
    }
    .v_name {
        margin-bottom: 40px;
        font-size: 16px;
    }
    .v_count {
        font-size: 14px;
    }
    .v_detail_name {
        margin-bottom: 26px;
        font-size: 20px;
    }
    .v_content h3 {
        margin-bottom: 30px;
        font-size: 18px;
    }
    .v_content p {
        font-size: 16px;
        line-height: 34px;
        text-indent: 34px;
    }
}

@media only screen and (max-width:1200px) {
    .video_wrap {
        padding-bottom: 40px;
    }
    .v_name {
        margin-bottom: 30px;
    }
    .v_list ul {
        max-height: 350px;
    }
    .v_info {
        width: 150px;
    }
    .v_detail_name {
        margin-bottom: 30px;
        font-size: 20px;
    }
    .v_content h3 {
        margin-bottom: 20px;
        font-size: 16px;
    }
    .v_content p {
        font-size: 14px;
        line-height: 30px;
        text-indent: 30px;
    }
}

/* 关于我们 */

.guanyu {
    width: 60%;
    padding: 4%;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    right: 0;
}

.guanyu_logo {
    margin-top: 80px;
    margin-bottom: 40px;
    color: #028E98;
}

.guanyu_logo h3 {
    margin-bottom: 10px;
    font-size: 30px;
    font-weight: bold;
}

.guanyu_logo p {
    font-size: 14px;
}

.guanyu_content p {
    margin-bottom: 40px;
    font-size: 16px;
    line-height: 35px;
    text-indent: 40px;
    color: #333;
}

.overseas2 {
    width: 100%;
    height: 100vh;
    position: relative;
    overflow: hidden;
}

.overseas_left2 {
    position: absolute;
    left: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility .3s, opacity .3s, left .8s;
    -moz-transition: visibility .3s, opacity .3s, left .8s;
    transition: visibility .3s, opacity .3s, left .8s;
}

.overseas2.active .overseas_left2 {
    left: 56%;
    visibility: visible;
    opacity: 1;
}

.overseas_item2 {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: center no-repeat;
    background-size: cover;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility .3s, opacity .3s;
    -moz-transition: visibility .3s, opacity .3s;
    transition: visibility .3s, opacity .3s;
}

.overseas2.active .overseas_item2 {
    opacity: 1;
    visibility: visible;
}

.overseas_right2 {
    padding: 7% 11% 0;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 44%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility .3s, opacity .3s;
    -moz-transition: visibility .3s, opacity .3s;
    transition: visibility .3s, opacity .3s;
}

.overseas2.active .overseas_right2 {
    visibility: visible;
    opacity: 1;
}

.overseas_right2 img {
    margin: 0 auto 80px;
}

.overseas_right2 p {
    margin-bottom: 40px;
    text-indent: 40px;
    font-size: 16px;
    line-height: 35px;
    color: #333;
}

@media only screen and (max-width:1440px) {
    .guanyu {
        padding: 3%;
    }
    .guanyu_logo {
        margin-top: 60px;
        margin-bottom: 30px;
    }
    .guanyu_logo h3 {
        margin-bottom: 10px;
        font-size: 26px;
    }
    .guanyu_logo p {
        font-size: 14px;
    }
    .guanyu_content p {
        margin-bottom: 30px;
        font-size: 14px;
        line-height: 35px;
        text-indent: 36px;
    }
}

@media only screen and (max-width:1360px) {
    .overseas_right2 img {
        margin: 0 auto 50px;
    }
    .overseas_right2 p {
        margin-bottom: 32px;
        text-indent: 30px;
        font-size: 18px;
        line-height: 35px;
        color: #333;
    }
    .guanyu {
        padding: 3%;
    }
    .guanyu_logo {
        margin-top: 30px;
        margin-bottom: 20px;
    }
    .guanyu_logo h3 {
        font-size: 22px;
    }
    .guanyu_logo p {
        font-size: 14px;
    }
    .guanyu_content p {
        margin-bottom: 20px;
        font-size: 14px;
        line-height: 32px;
        text-indent: 32px;
    }
}

@media only screen and (max-width:1200px) {
    .overseas_right2 img {
        width: 50%;
        margin: 0 auto 40px;
    }
    .overseas_right2 p {
        margin-bottom: 20px;
        font-size: 16px;
        line-height: 42px;
    }
    .guanyu {
        padding: 2%;
    }
    .guanyu_logo {
        margin-top: 30px;
        margin-bottom: 20px;
    }
    .guanyu_logo h3 {
        font-size: 20px;
    }
    .guanyu_logo p {
        font-size: 12px;
    }
    .guanyu_content p {
        margin-bottom: 20px;
        font-size: 14px;
        line-height: 28px;
        text-indent: 28px;
    }
}

/* 程序新增 */
/* 头部微信二维码 */
.header .header-right a:hover .qcrode{
    bottom: unset;
    top: 75px;
    left: unset;
    right: -40px;
}
/* 党建聚合页 - 党史学习教育 - 幻灯片 */
.history_slide img {
    height: 468px;
}
.history_slide_p{margin-top: 12px;}
/*  */
.dnews_list li{
    margin: 30px 0;
}
/*  */
.pinpai_img img{
    height: auto;
}

/* 缩略图 */
.dang_img img {
    height: auto;
}
/* 列表缩略图图 */
.videos_list #new_content  .videos_img img {
    height: auto;
}
/* 列表 - 年份选择 */
.search .search_slide_box .search_slide {
    z-index: 999;
}
/* 获取数据为空 */
.nodate-text {
    text-align: center; 
    font-size: 22px; 
    color: #999;
}

/* 视频播放键 */
.play {margin-left: 0;margin-top: 0;}

/* 首页侧边 导航 二维码 */
.menu-qcrode{width: 75%;}
.menu-qcrode img{width: 100%;}

/* 首页图标 */
.menu .info .svg,.footer .svg {width: 16px;height: 16px;display: block;float: left;}
.menu .info .svg-icon1,.footer .svg-icon1 {background-image: url(../img/icon/dianhua.svg);}
.menu .info .svg-icon2,.footer .svg-icon2 {background-image: url(../img/icon/youxiang.svg);}
.menu .info .svg-icon3,.footer .svg-icon3 {background-image: url(../img/icon/dizhi.svg);}
.footer .svg {transform: translateY(50%);}