.section>div {

    overflow: hidden;

}

.indexs {
    overflow: hidden !important;
}


.nav {

    background: rgba(0, 0, 0, 0.4);

    line-height: 80px;

    height: 80px;

    position: fixed;

    left: 0;

    top: 30px;

    right: 0;

    width: 100%;

    z-index: 999;

    padding: 0 110px;

    transition: all 0.4s ease-in-out;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

}


.xwgd {
    line-height: 30px;
    height: 30px;
    background: #fff;
    padding: 0 36% 0 110px;
    width: 100%;
    z-index: 5555;
    top: 0;
    left: 0;
    position: fixed;


}

.xwgd .fl {
    width: 1%;
    color: #1d1d1f;
    font-size: 14px;
}

.xwgd .fr {
    width: 99%;

}

.xwgd .swiper-container {
    height: 30px;
}


.xwgd .gaos .swiper-slide {
    line-height: 30px;
    width: 100% !important;
    height: 30px !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    overflow: hidden;
}



.xwgd .gaos .swiper-slide a {
    color: #1d1d1f;
    font-size: 15px;
    padding-left: 10px;
    height: 30px !important;
    line-height: 30px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    overflow: hidden;

}








.nav.active {

    height: 65px;

    line-height: 65px;

    transition: all 0.4s ease-in-out;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

    background: #003261;

}

.nav .fl a {

    width: 85%;

    display: inline-block;

}

.nav.active .fl a {

    width: 75%;

}

.nav_ul li {

    display: inline-block;

    position: relative;

    margin-left: 55px;

}



.nav_kf {
    color: #fff;
    font-size: 1.25rem;
    margin-left: 55px;
}

.nav_kf span {
    padding-right: 3px;
}

.nav_kf i {
    font-size: 1.5625rem;
}





.nav_ul li::after {

    width: 0px;

    height: 3px;

    background: #d3263a;

    content: "";

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    bottom: 0px;

    transition: all 0.4s ease-in-out;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

}

.nav_ul li:hover::after,

.nav_ul li.active::after {

    width: 100%;

    transition: all 0.4s ease-in-out;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

}

.nav_ul li a {

    color: #fff;

    font-size: 1.125rem;



}



.banner {

    height: 100vh;

}



.banner .swiper-container {

    height: 100%;

}



.banner_div {

    position: absolute;

    left: 0;

    right: 0;

    bottom: 25%;

    z-index: 2;

}



.banner_size h2 p:nth-of-type(1) {

    color: #ebebeb;

    font-size: 3.75rem;

    letter-spacing: 1px;

}



.banner_size p:nth-of-type(2) {

    color: #ebebeb;

    font-size: 1.5rem;

    font-weight: 300;

}



.banner_size .pp {
    color: #ebebeb;

    font-size: 1.5rem;

    font-weight: 300;
}


.education_div>div:nth-of-type(1) {

    width: 44.3%;

    height: 100vh;

}



.education_div>div:nth-of-type(2) {

    width: 55.7%;

}





#hengpai {

    width: 100%;

    height: 100%;

    margin-left: auto;

    margin-right: auto;

}

.homewrap {
    transform: translate(0, 0vh);
    width: 100%;
    opacity: 1;
    transition: 0.3s all;
    height: 100%;
    position: relative;
    touch-action: none;
    transition: transform 700ms ease 0s;
}



/* .head,.foot{ display: flex; align-items: center; justify-content: center; color: #fff;} */

.gallerybox {
    /* background: #10195E; */
    background: #2A3F91;
    color: #000;
    position: relative;
    height: 100vh;
}
.gallerybox .box-header{
    position: absolute;
    left: .81rem;
    top: 0;
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    margin-top: .3rem;

}
.gallerybox .box-header .box-tit{
    display: flex;
    z-index: 10;
}
.gallerybox .box-header .box-tit #Sectactive a{
    opacity: 1;
    font-size: .22rem;
    font-weight: 400;
    color: #FFFFFF;
}
.gallerybox .box-header .box-tit .tit a{
    padding-right: .7rem;
    font-size: .22rem;
    font-weight: 400;
    color: #FFFFFF;
    opacity: 0.6;
}
.gallerybox .box-header .box-tit .tit a:hover{
    opacity: 1;

}
.gallerybox .box-header .box-tit .tit:last-child{
    margin-right: .8rem;
}
.gallerybox .cates {
    line-height: 6.5vh;
    font-size: 2vh;
    position: absolute;
    left: 12vh;
    top: 18vh;
    z-index: 3;
}

.gallerybox .cates a {
    display: inline-block;
    color: #fff;
    margin: 0 2.1vh;
    cursor: pointer;
}

.gallerybox .cates a.on {
    border-bottom: 3px solid #fff;
}
.gallerybox .cates a:hover {
    border-bottom: 3px solid #fff;
}

.gallerybox ul {
    display: flex;
    transition: 0.6s all;
}

.gallerybox li {
    width: 100vw;
    flex-shrink: 0;
    position: relative;
    height: 100vh;
    color: #fff;
    display: flex;
    justify-content: center;
}

.gallerybox li img {
    height: 80vh;
    position: absolute;
    bottom: 0;
    right: 0;
    transition: 0.6s all;
    transform-origin: center right;
    /* width: 11rem; */
    border-radius: .2rem;
}

.gallerybox li .h2 {
    position: absolute;
    font-size:.48rem;
    display: flex;
    justify-content: center;
    left: 1.6rem;
    top: 50%;
    z-index: 2;
    transform: translate(-50%);
    margin-left: 1.6rem;
}

.gallerybox li .h3 {
    position: absolute;
    font-size: .16rem;
    display: flex;
        justify-content: center;
        
        left: 1.6rem;
        top: 50%;
        z-index: 2;
        transform: translate(-50%);
        margin-left: 1.6rem;
        letter-spacing: 5px;
        margin-top: .7rem;
    
}



.banner .swiper-pagination-bullet {

    width: 27px;

    height: 4px;

    background: #fff;

    border-radius: 0;

    opacity: 1;

}



.banner .swiper-pagination-bullet-active {

    background: #d3263a;

    width: 52px;

}



.banner .swiper-pagination-bullet {

    margin: 0 5px;

}



.banner .swiper-pagination {

    width: auto;

    position: static;

    width: 100%;

    text-align: left;

}

.banner_swiper {

    width: 100%;

    position: absolute;

    bottom: 20%;

    z-index: 555;

}

/* .education_img {

    text-align: center;

} */



/* .index {

    overflow: hidden;

} */

.education_img_fin {

    display: none;

}

.channel_none {

    display: none;

}



.education_fr {

    padding: 135px 88px 0 135px;

    height: 100vh;

    /* background: url(../images/3.png) no-repeat;

    background-size: cover; */

    position: relative;

    z-index: 2;

}

.education_div {

    position: relative;

}

.education_fing {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    z-index: 1;

    width: 40.7%;

}



.education_fr::after {

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    height: 150px;

    width: 100%;

    content: "";

    background: #1d1d1f;

    z-index: 1;

}



.education_size {

    color: #1d1d1f;

    font-size: .9375rem;

    line-height: 30px;

    width: 55%;

    padding-top: 10px;

}

.education_size p {

    margin-bottom: 10px;

}

.education_box .fl {

    width: 34.3%;

    z-index: 5;

    position: relative;

    color: #1d1d1f;

}

.education_box_fl {

    width: 65%;

    margin: 0 auto;

    font-family: 'jixiang';

}

.education_box_fl>p:nth-of-type(1) {

    font-size: 2.625rem;

}

.education_box_fl div {

    font-size: 2.125rem;

    padding-left: 15%;

    margin: 15px 0 25px 0;

}

.education_box_fl>p:nth-of-type(2) {

    font-size: 1.375rem;

    text-align: right;

    padding-right: 15px;

}

.education_box {

    /* padding-top: 70px; */

    position: absolute;

    left: 135px;

    bottom: 30px;

    right: 88px;

}



.education_a {

    padding-top: 45px;

    text-align: right;

}



.education_video {

    text-align: right;

    z-index: 5;

    position: relative;

}



.education_video {

    color: #fff;

    position: absolute;

    bottom: 45px;

    right: 88px;

    cursor: pointer;

}



.education_video>div {

    display: inline-block;

    font-size: 1rem;

}

.education_video:hover>div img {

    transform: rotate(360deg);

    transition: 600ms ease-in-out;

}

.education_video_size::after {

    width: 0px;

    height: 2px;

    background: #d3263a;

    content: "";

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    bottom: -1px;

    transition: all 0.4s ease-in-out;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

    z-index: 555;

}

.education_video:hover .education_video_size::after {

    width: 100%;

    transition: all 0.4s ease-in-out;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

}

.education_video>div:nth-of-type(1) {

    margin-right: 20px;

}



.education_video_size {

    padding-bottom: 7px;

    border-bottom: 1px solid #fff;

    position: relative;

    top: -5px;

}



.mission_top {

    overflow: hidden;

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

}





.mission_div {

    padding: 32% 15px 35px;



}

.mission_ul {

    background: url(../images/6.jpg) no-repeat;

    background-size: cover;

    z-index: 555;

    position: relative;

    width: 80%;

    margin: 0 auto;

}

.mission_lb {

    display: none;

}

.mission_on {

    width: 32%;

    float: left;

    color: #5a5858;

}



.mission_on_top p:nth-of-type(1) {

    font-size: 1.25rem;

    text-transform: uppercase;

}



.mission_on_top p:nth-of-type(2) {

    color: #333333;

    font-size: 2.5rem;

}



.mission_top img {

    -webkit-animation: scale 9s infinite linear;

    -moz-animation: scale 9s infinite linear;

    -o-animation: scale 9s infinite linear;

    animation: scale 9s infinite linear;

}



@-webkit-keyframes scale {

    0% {

        transform: scale(1);

    }



    50% {

        transform: scale(1.1);

    }



    100% {

        transform: scale(1);

    }

}



.mission_ul li {

    padding: 70px 0 60px;

}



.mission_li {

    width: 22.666%;

    /* float: right; */

    height: 530px;

    text-align: center;

}

.mission_ul li:nth-child(4) {

    width: 22.6688888%;

    float: right;

}

.mission_ul li:nth-child(3),

.mission_ul li:nth-child(2) {

    float: left;

}

.mission_ul .mission_on {

    padding-left: 45px;

    padding-right: 45px;

}



.mission_on_butt p:nth-of-type(1) {

    color: #333333;

    font-size: 1.5rem;

}



.mission_on_butt p:nth-of-type(2) {

    color: #333333;

    font-size: .78125rem;

}



.mission_ul {

    position: relative;

    margin-top: -300px;

}



.mission_on_butt {

    bottom: 60px;

    left: 45px;

    position: absolute;

}



.mission_li_top {

    color: #5a5858;

    font-size: .75rem;

    text-transform: uppercase;

    position: relative;

    padding-bottom: 10px;

}



.mission_li_top::after {

    height: 1px;

    width: 52px;

    background: #d3263a;

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    bottom: 0;

    content: "";

}



.mission_li {

    border-left: 1px solid #dbdbdc;

    position: relative;

    overflow: hidden;

}



.mission_li_bott {

    color: #333333;

    font-size: 1.5rem;

}



.mission_li_cen {

    padding: 130px 0 90px 0;

}



.mission_li_cen .iconfont {

    font-size: 3.55rem;

    color: #0d498c;

}



/* .mission_box {

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    height: 100%;

    background: url(../images/a1.jpg) center/cover no-repeat;

    z-index: 5;

    padding: 80px 30px 0;

    color: #fff;

    transition: all 0.4s ease-in-out;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

    opacity: 0;

} */

.mission_box {

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    height: 100%;

    padding: 80px 30px 0;

    opacity: 0;

    z-index: 10;

}



.mission_li::after {

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    height: 100%;

    background: url(../images/a1.jpg) bottom/cover no-repeat;

    z-index: 5;

    color: #fff;

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

    opacity: 0;

    content: "";

    width: 100%;

}

.mission_box_size div {

    color: #fff;

    font-size: .9375rem;

    line-height: 30px;

    text-align: left;

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

    /* -webkit-transform: translateY(-100%);

    -moz-transform: translateY(-100%);

    -ms-transform: translateY(-100%);

    -o-transform: translateY(-100%);

    transform: translateY(-100%); */

}



.mission_box_size p {

    font-size: 1.375rem;

    position: relative;

    padding-bottom: 60px;

    color: #fff;

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

    /* -webkit-transform: translateY(-100%);

    -moz-transform: translateY(-100%);

    -ms-transform: translateY(-100%);

    -o-transform: translateY(-100%);

    transform: translateY(-100%); */

}

.mission_li:hover .mission_box {

    opacity: 1;

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}

/* .mission_li:hover .mission_box div,

.mission_li:hover .mission_box p{

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

} */

.mission_li:hover::after {

    opacity: 1;

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}



.mission_box_size p::after {

    height: 2px;

    width: 45px;

    background: #fff;

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    bottom: 25px;

    content: "";

}



/* html,body,section{width: 100%;height: 100vh;overflow: hidden; }



.wrap{ transform: translate(0,0vh);width: 100%; opacity: 0.9; transition: 0.3s all; }



.cen ul{ 

    display: flex; width: 300vw;         

    transition: ease-out 1200ms;

    }

.cen li{ width: 100vw;}



.ulcen li{

transform: matrix(0.5, 0, 0, 0.5, -0.08252, 0);

transition: ease-out 1200ms;

}



.ulcen li.aaa{

transform: matrix(1, 0, 0, 1, -0.08252, 0);

transition: ease-out 1200ms;

} */





.dress {

    padding-top: 160px;

}



.dress_size {

    color: #fff;

    padding-top: 180px;

    /* position: absolute;

    top: 50%;

    transform: translateY(-50%);

    right: 0; */

}



.dress_size_tit p:nth-of-type(1) {

    font-size: 1.125rem;

}



.dress_size_tit p:nth-of-type(2) {

    font-size: 2.5rem;

}



.dress_size_butt {

    font-size: .9375rem;

    line-height: 30px;

    margin-top: 55px;

}



.dress_div .fl {

    width: 65%;

}



.dress_div .fr {

    width: 25%;

}



.dress {

    padding-right: 10%;

}



.dress_ul {

    position: absolute;

    top: 0;

    right: 2%;

    color: #ffffff;

    font-size: 1.125rem;

    z-index: 55;



}



.dress_ul li {

    margin: 0 25px;

    position: relative;

    padding: 10px 8px;

    display: inline-block;

}



.dress_ul li::after {

    height: 3px;

    width: 0%;

    background: #74b4fb;

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    top: 0;

    content: "";

}



.dress_ul li.active {

    color: #74b4fb;

}



.dress_ul li.active::after {

    width: 100%;

    transition: all 0.4s ease-in-out;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

}



.dress_a {

    text-align: right;

    padding-top: 155px;

}

video:focus {

    outline: -webkit-focus-ring-color auto 0px;

    outline: none;

}

.dress video {

    width: 100%;

}

.famous {}



.famous_top {}



.famous_top_tit {

    color: #fff;



}



.famous_top_tit p:nth-of-type(1) {

    font-size: 1.125rem;

    text-transform: uppercase;

}



.famous_top_tit p:nth-of-type(2) {

    font-size: 40px;

}



.famous_top {

    position: absolute;

    left: 0;

    bottom: 10%;

    right: 0;

}



.famous_butt {

    padding-top: 80px;

}



.famous_div .fl {

    width: 27%;

    color: #333333;

    font-size: .9375rem;

    line-height: 30px;



}



.famous_div .fl p:nth-of-type(1) {

    margin-bottom: 25px;

}



.famous_butt {

    background: #f4f7fa;

    height: 58.5vh;

}



.famous_div_a {

    padding-top: 110px;

}



.famous_fr {

    width: 68%;

}



.famous_fr .dress_ul {

    position: static;

    text-align: right;



}



.famous_fr .dress_ul li {

    color: #333333;

}



.famous_fr .dress_ul li.active {

    color: #05478f;

}



.famous_fr .dress_ul li::after {

    background: #05478f;

}



.famous_fin {

    text-align: center;

    background: #fff;

    padding-bottom: 30px;

    padding: 40px 0 30px;

    border: 1px solid #ece6e6;

}



.famous_fin a {

    color: #333333;

    font-size: 1rem;

    display: block;

}



.famous_fin a:nth-of-type(1) {

    margin-bottom: 35px;

}



.famous_box .swiper-container {

    padding: 40px 2px 10px 10px;

}



.famous_box>div {

    display: none;

}



.dress_ul li {

    cursor: pointer;

}



.famous_fin:hover {

    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);

    transition: all 0.4s ease-in-out;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

}



.channel {

    background: #12161a;

}



.china-map {

    width: 970px;

    height: 618px;

    background: url(../images/map_black_bg.png) center no-repeat;

    position: relative;

    float: left;

}







.region-list {

    position: absolute;

    left: 0;

    top: 0;

}



.area-box {

    z-index: 77;

}



.area-box .dot {

    position: absolute;

    left: 0;

    width: 10px;

    height: 10px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    background: #a2a9b4;

    opacity: 1;

    filter: alpha(opacity=100);

}



.region-list.active .area-box .dot {

    background: #ff6227;

}







.liaoning.active .area-box .pulse {

    border-color: #ff6227;

    top: -39px;

    left: -39px;

    height: 88px;

    width: 88px;

    -webkit-box-shadow: 0 0 12px #ff6227, 0 0 20px #ff6227 inset;

    -moz-box-shadow: 0 0 12px #ff6227, 0 0 20px #ff6227 inset;

    box-shadow: 0 0 12px #ff6227, 0 0 20px #ff6227 inset;

}



@-webkit-keyframes warn {

    0% {

        -webkit-transform: scale(0);

        transform: scale(0);

        opacity: 1
    }



    100% {

        -webkit-transform: scale(1);

        transform: scale(1);

        opacity: 0
    }

}



@-moz-keyframes warn {

    0% {

        -moz-transform: scale(0);

        transform: scale(0);

        opacity: 1
    }



    100% {

        -moz-transform: scale(1);

        transform: scale(1);

        opacity: 0
    }

}



@-o-keyframes warn {

    0% {

        -o-transform: scale(0);

        transform: scale(0);

        opacity: 1
    }



    100% {

        -o-transform: scale(1);

        transform: scale(1);

        opacity: 0
    }

}



@keyframes warn {

    0% {

        -webkit-transform: scale(0);

        -moz-transform: scale(0);

        -o-transform: scale(0);

        transform: scale(0);

        opacity: 1
    }



    100% {

        -webkit-transform: scale(1);

        -moz-transform: scale(1);

        -o-transform: scale(1);

        transform: scale(1);

        opacity: 0
    }

}



.area-box .dot {

    position: absolute;

    left: 0;

    width: 10px;

    height: 10px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    background: #a2a9b4;

    opacity: 1;

    filter: alpha(opacity=100)
}



.area-box .pulse {

    position: absolute;

    top: -28px;

    left: -28px;

    height: 66px;

    width: 66px;

    border: 2px solid #a2a9b4;

    -webkit-border-radius: 48px;

    -moz-border-radius: 48px;

    border-radius: 48px;

    -webkit-box-shadow: 0 0 4px #a2a9b4, 0 0 10px #a2a9b4 inset;

    -moz-box-shadow: 0 0 4px #a2a9b4, 0 0 10px #a2a9b4 inset;

    box-shadow: 0 0 4px #a2a9b4, 0 0 10px #a2a9b4 inset;

    opacity: .12;

    filter: alpha(opacity=0);

    -webkit-animation: warn 2s ease-out both;

    -moz-animation: warn 2s ease-out both;

    -o-animation: warn 2s ease-out both;

    animation: warn 2s ease-out both;

    -webkit-animation-iteration-count: infinite;

    -moz-animation-iteration-count: infinite;

    -o-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

    background: 0 0
}



.liaoning.region-list.active .area-box .pulse {

    top: -50px;

    left: -50px;

    width: 110px;

    height: 110px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

}



.region-list.active .area-box .pulse {

    border-color: #ff6227;

    top: -39px;

    left: -39px;

    height: 88px;

    width: 88px;

    -webkit-box-shadow: 0 0 12px #ff6227, 0 0 20px #ff6227 inset;

    -moz-box-shadow: 0 0 12px #ff6227, 0 0 20px #ff6227 inset;

    box-shadow: 0 0 12px #ff6227, 0 0 20px #ff6227 inset;

}



.hubei.active .area-box .dot,

.shanxi.active .area-box .dot {

    background: #046ef0;

}



.hubei.active .area-box .pulse,

.shanxi.active .area-box .pulse {

    border-color: #046ef0;

    top: -39px;

    left: -39px;

    height: 88px;

    width: 88px;

    -webkit-box-shadow: 0 0 12px #046ef0, 0 0 20px #046ef0 inset;

    -moz-box-shadow: 0 0 12px #046ef0, 0 0 20px #046ef0 inset;

    box-shadow: 0 0 12px #046ef0, 0 0 20px #046ef0 inset;

}



.area-box .delay-01 {

    -webkit-animation-delay: 0;

    -moz-animation-delay: 0;

    -o-animation-delay: 0;

    animation-delay: 0
}



.area-box .delay-02 {

    -webkit-animation-delay: .4s;

    -moz-animation-delay: .4s;

    -o-animation-delay: .4s;

    animation-delay: .4s
}



.area-box .delay-03 {

    -webkit-animation-delay: .8s;

    -moz-animation-delay: .8s;

    -o-animation-delay: .8s;

    animation-delay: .8s
}



.area-box .delay-04 {

    -webkit-animation-delay: 1.2s;

    -moz-animation-delay: 1.2s;

    -o-animation-delay: 1.2s;

    animation-delay: 1.2s
}



.area-box .delay-05 {

    -webkit-animation-delay: 1.6s;

    -moz-animation-delay: 1.6s;

    -o-animation-delay: 1.6s;

    animation-delay: 1.6s
}



.area-box .delay-06 {

    -webkit-animation-delay: 2s;

    -moz-animation-delay: 2s;

    -o-animation-delay: 2s;

    animation-delay: 2s
}



.area-box .delay-07 {

    -webkit-animation-delay: 2.4s;

    -moz-animation-delay: 2.4s;

    -o-animation-delay: 2.4s;

    animation-delay: 2.4s
}



.area-box .delay-08 {

    -webkit-animation-delay: -.4s;

    -moz-animation-delay: -.4s;

    -o-animation-delay: -.4s;

    animation-delay: -.4s
}



.area-box .delay-09 {

    -webkit-animation-delay: -.8s;

    -moz-animation-delay: -.8s;

    -o-animation-delay: -.8s;

    animation-delay: -.8s
}



.area-box .delay-10 {

    -webkit-animation-delay: -1.2s;

    -moz-animation-delay: -1.2s;

    -o-animation-delay: -1.2s;

    animation-delay: -1.2s
}



.area-box .delay-11 {

    -webkit-animation-delay: 4s;

    -moz-animation-delay: 4s;

    -o-animation-delay: 4s;

    animation-delay: 4s
}



.online-node .show-regin,

.region-list:hover .show-regin,

.underline-node .show-regin,

.waite-node .show-regin {

    height: 127px;

    opacity: 1;

}



.show-regin {

    position: absolute;

    left: 2px;

    height: 0;

    top: 0;

    width: 11px;

    opacity: 0;

    -o-transition: all .5s ease-in-out;

    -webkit-transition: all .5s ease-in-out;

    -moz-transition: all .5s ease-in-out;

    transition: all .5s ease-in-out;

}



.region-list.active .show-regin span {

    position: relative;

    color: #ccc;

}



.show-regin span {

    width: 50px;

    position: absolute;

    left: 8px;

    top: -11px;

    padding: 6px 10px;

    font-size: 14px;

    color: #ccc;

    -moz-border-radius: 2px;

    -webkit-border-radius: 2px;

    border-radius: 2px;

    text-align: center;

    white-space: nowrap;

    display: inline-block;

}



.liaoning {

    left: 79%;

    top: 200px;

    display: none;

}



.tianjin {

    left: 70.5%;

    top: 242px;

}



.neimeng {

    left: 59%;

    top: 250px;

    display: none;

}



.shandong {

    left: 71.5%;

    top: 300px;

}



.shanxi {

    left: 58.5%;

    top: 348px;

}



.hubei {

    left: 66%;

    top: 394px;

}



.jiangsu {

    left: 77%;

    top: 371px;

}



.sichuang {

    left: 49%;

    top: 403px;

}



.guangdong {

    left: 67.3%;

    top: 520px;

}

.postition-4 .show-regin span,

.guangxi .show-regin span {

    left: -72px;

}

.shanxi .show-regin span {

    left: -72px;

}

.guangxi {

    left: 60%;

    top: 520px;

}



.postition-1 {

    left: 40%;

    top: 308px;

    display: none;

}



.postition-2 {

    left: 48%;

    top: 516px;

}

.postition-3 {

    left: 58%;

    top: 415px;

}

.postition-4 {

    left: 64%;

    top: 450px;

}

.postition-5 {

    left: 70%;

    top: 450px;

}

.postition-6 {

    left: 71%;

    top: 370px;

}

.postition-7 {

    left: 66%;

    top: 345px;

}

.postition-8 {

    left: 63%;

    top: 300px;

}

.postition-9 {

    left: 68%;

    top: 270px;

}

.postition-10 {

    left: 77%;

    top: 417px;

}

.channel_fr {

    width: 32.5%;

    padding-top: 120px;

}



.channel_div {

    padding: 8% 228px 0 80px;

}



.channel_size {

    color: #ffffff;

    font-size: .9375rem;

    line-height: 30px;

    margin: 30px 0 50px 0;

}



.channel_ul {

    color: #fff;

}



.channel_ul li {

    /* width: 33.3%;

    float: left; */

    display: inline-block;

    text-align: center;

    margin-left: 48px;

}



.channel_ul li:nth-of-type(1) {

    margin-left: 0;

}



.channel_ul li div:nth-of-type(2) {

    font-size: 1.125rem;



}



.channel_ul li div span {

    font-size: 4.5625rem;

}



.channel_ul li div sup {

    font-size: 1.25rem;

    top: -2em;

}



.channel_ul li:nth-of-type(2) sup,

.channel_ul li:nth-of-type(3) sup {

    font-size: 2.25rem;

    top: -1em;

}



.news_top {

    margin-bottom: 30px;

}



.news_top_ul li {

    display: inline-block;

    color: #1d1d1f;

    font-size: 1.25rem;

    cursor: pointer;

    padding: 0 45px;

    line-height: 45px;

    background: #fff;

    overflow: hidden;

    position: relative;

    z-index: 2;

}



.news_top .famous_top_tit {

    color: #333333;

}

.news_top_ul li::after {

    width: 0px;

    height: 100%;

    background: #05478f;

    content: "";

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    bottom: 0px;

    z-index: -1;

}

.news_top_ul li.active {

    color: #fff;

}

.news_top_ul li.active::after {

    width: 100%;

}

.news_top_ul li:nth-of-type(1) {

    margin-right: 30px;

}



.news_div>div {

    width: 47%;

}



.news_div_fl {

    padding: 80px 90px;

    background: #f4f7fa;

}



.news_size a {

    color: #333333;

    font-size: 1.25rem;

    font-weight: bold;

    display: block;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    text-overflow: ellipsis;

    -webkit-line-clamp: 1;

    overflow: hidden;

    height: 28px;

}



.news_sizee a {

    color: #333333;

    font-size: 1.25rem;

    font-weight: bold;

    display: block;

    /*display: -webkit-box;*/

    -webkit-box-orient: vertical;

    text-overflow: ellipsis;

    -webkit-line-clamp: 1;

    overflow: hidden;

    height: 52px;

}





.news_size p:nth-of-type(1) {

    color: #5a5858;

    font-size: .9375rem;

    line-height: 30px;

    margin: 0px 0 20px;

    padding-top: 16px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    text-overflow: ellipsis;

    -webkit-line-clamp: 3;

    overflow: hidden;

    height: 105px;



}

.news_sizee p:nth-of-type(1) {

    color: #5a5858;

    font-size: .9375rem;

    line-height: 30px;

    margin: 0px 0 20px;

    padding-top: 16px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    text-overflow: ellipsis;

    -webkit-line-clamp: 3;

    overflow: hidden;

    height: 105px;



}



.news_size p:nth-of-type(2) {

    color: #666666;

    font-size: .75rem;



}



.news_sizee p:nth-of-type(2) {

    color: #666666;

    font-size: .75rem;



}

.news_div_fl .news_size p:nth-of-type(1) {

    border-top: 1px solid #cecece;

}



.news_div_fl .news_sizee p:nth-of-type(1) {

    border-top: 1px solid #cecece;

}

.news .news_div_fl .news_size a {

    margin-bottom: 20px;



}

.news_div_fl .news_sizee a {

    margin-bottom: 20px;



}



.news_div_fl .news_size1 a {

    margin-bottom: 20px;



}



.news_div_fl .over {

    margin-top: 30px;

    display: block;

    height: 307px;

    overflow: hidden;

}



.news {

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

}



.news_div_ul li {

    padding: 28px 30px;

    border-top: 1px solid #8b8b8b;

}



.news_div_ul li:nth-of-type(1) {

    border-top: none;

}

.news_div_span {

    position: absolute;

    left: 89px;

    top: 0;

    background: #0d498c;

    color: #fff;

    font-size: 12px;

    display: inline-block;

    padding: 22px 16px;



}

.news_div {

    display: none;

}



/* 校服 */

.picture_div {

    position: absolute;

    left: 0;

    right: 0;

    bottom: 22%;

    color: #fff;

}



.picture_size p:nth-of-type(1) {

    font-size: 3.75rem;

}



.picture_size p:nth-of-type(2) {

    font-size: 1.5rem;

}



.level_fl a {

    color: #1d1d1f;

}



.level_fl {

    color: #1d1d1f;

    font-size: 1rem;

}



.level {

    line-height: 70px;

    border-bottom: 1px solid #e7e7e7;

    background: #f8f8f8;

}



.level_ul li {

    display: inline-block;

    position: relative;



}



.level_ul li a {

    color: #1d1d1f;

    font-size: 1.25rem;

    padding: 0 41px;

    line-height: 45px;

    display: block;

    position: relative;



    z-index: 22;

}

.level_ul li::after {

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    width: 0;

    background: #05478f;

    content: "";

    transition: 400ms ease-in-out;

    -moz-transition: 400ms ease-in-out;

    -webkit-transition: 400ms ease-in-out;

    -o-transition: 400ms ease-in-out;

}

.level_ul li:hover a,

.level_ul li.active a {

    color: #fff;

}

.level_ul li.active::after,

.level_ul li:hover::after {

    width: 100%;

    transition: 400ms ease-in-out;

    -moz-transition: 400ms ease-in-out;

    -webkit-transition: 400ms ease-in-out;

    -o-transition: 400ms ease-in-out;

}



.sameite_title {

    color: #333333;

    padding-bottom: 30px;

    position: relative;

}



.sameite_title::after {

    width: 52px;

    height: 3px;

    background: #d3263a;

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

}



.sameite_title p:nth-of-type(1) {

    font-size: 1.125rem;

    text-transform: uppercase;

    color: #5a5858;

}



.sameite_title p:nth-of-type(2) {

    font-size: 2.5rem;

}



.sameite {

    padding: 60px 0 50px;

}



.sameite_size {

    color: #5a5858;

    font-size: .9375rem;

    line-height: 1.867;

}

.sameite_size div .ta {

    font-size: 1.75rem;

    color: #333333;

}

.sameite_size p {

    margin-bottom: 10px;

}



.sameite_fl {

    width: 25%;

    float: left;

}



.sameite_fr {

    width: 70%;

}



.sameite_size div {

    width: 80%;

    float: right;

    text-align: justify;

}

.sameite_vid video {

    opacity: 0;

}

.sameite_vid.active video {

    opacity: 1;

}

.sameite_vid {

    margin: 35px 0 50px;

    position: relative;

}

.sameite_vid_img {

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    right: 0;

    width: 100%;

    z-index: 5;

    cursor: pointer;

}

/* .sameite_fin>div {

    width: 47%;

} */



.sameite_fin_size p {

    font-size: 1.75rem;

    color: #333333;

    margin-bottom: 25px;

    text-align: center;

}



.sameite_fin_size p span {

    position: relative;

    display: inline-block;

    padding-bottom: 5px;

}



.sameite_fin_size p span::after {

    width: 100%;

    height: 3px;

    background: #d3263a;

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

}



.sameite_fin_size {

    color: #5a5858;

    font-size: .9375rem;

    line-height: 1.867;

}



.brand {

    overflow: hidden;

    position: relative;

    background: url(../images/15.jpg) center/cover no-repeat;

    background-attachment: fixed;

    padding: 75px 0 50px;

}



.brand .sameite_title {

    color: #fff;

    text-align: center;

}



.brand .sameite_title p:nth-of-type(1) {

    color: #fff;

}



.brand_lb {

    margin-top: 30px;

}



.brand .sameite_title::after {

    left: 50%;

    transform: translateX(-50%);

}



.brand_div {

    text-align: center;

}



.brand_div .iconfont {

    width: 85px;

    height: 85px;

    line-height: 88px;

    text-align: center;

    border-radius: 50%;

    background: #fff;

    font-size: 2.8125rem;

    color: #333333;

    display: inline-block;

}



.brand_div {

    width: 40%;

    margin: 0 auto;

    color: #ffffff;

    font-size: .9375rem;

    line-height: 28px;

}



.brand_div p {

    font-size: 1.5rem;

    margin: 20px 0 15px;

}



.brand_lb .swiper-button-next {

    right: 13%;

}



.brand_lb .swiper-button-prev {

    left: 13%;

}



.idea {

    padding: 90px 0 105px;

}



.idea_ul {

    height: 407px;

    width: 89%;

    margin: 0 auto;

}



.idea_ul li {

    width: 20.6%;

    margin-left: 1%;

    position: relative;

    height: 100%;

    float: left;

    transition: all 0.4s ease-in-out;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

}



.idea_ul li:nth-of-type(1) {

    margin-left: 0;

}



.idea_ul li.active {

    width: 35%;

    transition: all 0.4s ease-in-out;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

}



.idea_size {

    font-size: .9375rem;

    line-height: 28px;

    color: #FFFFFF;

    position: absolute;

    left: 5%;

    bottom: 5%;

    right: 5%;

}



/* .idea_size div{

    overflow: hidden;

    height: 0;

    padding-top: 15px;

    transition: all 0.4s ease-in-out;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

} */

/* .idea_ul li.active .idea_size div{

    height: 180px;

    transition: all 0.4s ease-in-out;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

} */

.idea_box {

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    right: 0;

    z-index: 55;

    transition: all 0.4s ease-in-out;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

}



.idea_box::after {

    position: absolute;

    left: 0;

    bottom: 0;

    height: 0%;

    width: 100%;

    z-index: -1;

    content: "";

}



.idea_ul li.active .idea_box::after {

    transition: all 0.4s ease-in-out;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

    height: 100%;

    z-index: -1;

    content: "";

    background: rgba(0, 0, 0, 0.502);

}



.idea_top p:nth-of-type(1) {

    font-size: .75rem;

}



.idea_top p:nth-of-type(2) {

    font-size: 1.75rem;

}



.idea_top {

    padding-bottom: 12px;

    position: relative;

}



.idea_top::after {

    width: 40px;

    height: 2px;

    background: #d3263a;

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

}



.idea_size div:nth-of-type(2) {

    margin-top: 22px;

    opacity: 0;

    height: 0;

    overflow: hidden;

    transition: all 0.4s ease-in-out;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

}



.idea_ul li.active .idea_size div:nth-of-type(2) {

    opacity: 1;

    height: 115px;

    transition: all 0.4s ease-in-out;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

}



.idea {

    padding: 80px 0 105px;

    background: url(../images/17.jpg) no-repeat;

    background-size: cover;

}



.idea .sameite_title {

    text-align: center;

}



.idea .sameite_title::after {

    left: 50%;

    transform: translateX(-50%);

}



.idea_ul {

    margin-top: 55px;

}



.honor>div {

    width: 50%;

}



.honor_div {

    padding: 0 25% 0 100px;

}



.honor_size {

    color: #5a5858;

    margin-top: 15px;

    padding: 105px 60px 215px;

    background: url(../images/3.png) no-repeat;

    background-size: 100% 100%;

}



.honor_box {

    margin-top: 48px;

    font-size: .9375rem;

    line-height: 1.75rem;

}



.honor_fin_top {

    text-align: center;

    color: #aaaaaa;

    font-size: 1rem;

    padding-bottom: 60px;

    position: relative;

}



.honor_fin_lb .swiper-container::before {

    position: absolute;

    left: 0;

    top: 24%;

    right: 0;

    height: 1px;

    width: 100%;

    content: "";

    background: #e4e3e3;

}



.honor_fin_top::after {

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    bottom: 0px;

    height: 17px;

    width: 22px;

    content: "";

    background: #fff;

    border: 1px solid #a0a0a0;

    z-index: 55;

}



.honor_fin_lb .honor_fin_top {

    margin-bottom: 40px;

}



.honor_fin_lb {

    margin-top: 80px;

}



/* .honor_fin{

    padding-bottom: 310px;

} */

.honor_fin_div {

    text-align: center;

}



.honor_fin_div .over {

    border: 1px solid #e2e2e2;

}



.honor_fin_size {

    color: #1f1f1f;

    font-size: 1rem;

    margin-top: 14px;

}



.honor_fin_lb .swiper-slide.swiper-slide-active .honor_fin_top::after {

    background: #d3263a;

    border: 1px solid #d3263a;

}



.honor_fin_img {

    overflow: hidden;

}



/* .honor_fin_img img {

    -webkit-animation: scale 9s infinite linear;

    -moz-animation: scale 9s infinite linear;

    -o-animation: scale 9s infinite linear;

    animation: scale 9s infinite linear;

} */

/* 园服 */

.clothes_div>div:nth-of-type(1) {

    margin-bottom: 18px;

}

.child {

    padding: 125px 0 115px 0 !important;

}

.clothes .swiper-container-free-mode>.swiper-wrapper {

    -webkit-transition-timing-function: linear;
    /*之前是ease-out*/

    -moz-transition-timing-function: linear;

    -ms-transition-timing-function: linear;

    -o-transition-timing-function: linear;

    transition-timing-function: linear;

    margin: 0 auto;

}

.child .nice_wid .fr {

    padding: 15px 0 0 0;

}



.child .nice_wid {

    margin-top: 0;

}

.plays {

    background: #f4f7fa;

    padding: 145px 0 175px 0;

}

.plays a {

    display: block;

}



.sameite1 {

    padding: 85px 0 95px;

}



/* 责任 */

.responsibility {

    padding: 25px 0 165px 0;

    background: #f8f8f8;

    position: relative;

}

.responsibility::after {

    position: absolute;

    right: 0;

    top: 0;

    bottom: 0;

    width: 35%;

    background: #252525;

    content: "";

}



.responsibility_size {

    color: #5a5858;

    font-size: .9375rem;

    line-height: 1.75rem;

}

.responsibility_size p {

    margin-bottom: 10px;

}

.responsibility_div .fl {

    width: 35%;

}



.responsibility_div .fr {

    width: 55%;

}

.responsibility_div {

    margin-top: 50px;

}

.responsibility_size {

    margin-top: 35px;

}



/* .responsibility_lb {

    margin-top: 45px;

} */



.responsibility_box .education_video {

    color: #5a5858;

    text-align: left;

    top: auto;

    right: auto;

    margin-top: 0px;

    position: absolute;

    left: 0;

    bottom: 0;

}



.responsibility_box .education_video_size {

    /* top: 0; */

    border-bottom: 1px solid #5a5858;

}



.responsibility_lb .swiper-button-next,

.responsibility_lb .swiper-button-prev {

    background: none;

    top: auto;

    bottom: -1%;

    opacity: 1;

}



.responsibility_lb .swiper-button-next {

    right: auto;

    left: 38%;

}



.responsibility_lb .swiper-button-prev {

    left: 33%;

}



.responsibility_lb .swiper-button-next .iconfont,

.responsibility_lb .swiper-button-prev .iconfont {

    color: #333333;

    font-size: 1.875rem;

}



.responsibility_lb .swiper-button-prev:hover .iconfont,

.responsibility_lb .swiper-button-next:hover .iconfont {

    color: #d3263a;

}



.responsibility_sed_ul {

    width: 77.5%;

    margin: 0 auto;

    padding: 34px 0;

    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);

}



.responsibility_sed_top sup {

    color: #333333;

    font-size: 1rem;

    top: -1.1em;

}



.responsibility_sed_top {

    color: #333333;

    font-size: 2.5rem;

}



.responsibility_sed_ul li {

    width: 25%;

    float: left;

    text-align: center;

    border-left: 1px solid #dddcdc;

}

.responsibility_sed_ul li:nth-of-type(1) {

    border-left: none;

}

.responlist {

    padding: 60px 0 80px 0;

}



.responsibility_sed_ul li:nth-of-type(3) .responsibility_sed_top sup {

    font-size: 1.875rem;

    top: -0.45em;

    font-weight: 300;

}



.responsibility_sed_ul {

    position: relative;

    margin-top: -90px;

    z-index: 55;

    background: #fff;

}



.responsibility_sed_ul li>div:nth-of-type(2) {

    color: #5a5858;

    font-size: 1rem;

    margin-top: 5px;

}



.responlist_box_div {

    margin: 0 auto;

    width: 90%;

}



.responlist_size {

    background: #f8f8f8;

    padding: 25px;

    position: relative;

    margin-top: -35px;

}



.responlist_size a {

    color: #333333;

    font-size: 1.125rem;

    font-weight: bold;

    display: block;

    display: -webkit-box;

    -webkit-box-orient: vertical;



    text-overflow: ellipsis;

    -webkit-line-clamp: 2;

    overflow: hidden;

    position: relative;

    line-height: 1.556;

    height: 55px;

}



.responlist_size p:nth-of-type(1)::after {

    width: 52px;

    height: 2px;

    background: #d3263a;

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    transition: all 0.4s ease-in-out;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

}



.responlist_size p:nth-of-type(1) {

    color: #5a5858;

    font-size: .875rem;

    line-height: 1.786;

    margin: 15px 0;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    text-overflow: ellipsis;

    -webkit-line-clamp: 2;

    overflow: hidden;

    position: relative;

    padding-top: 15px;

    height: 65px;

}



.responlist_size p:nth-of-type(2) {

    color: #666666;

    font-size: .75rem;

}



.responlist_box:hover .responlist_size a {

    color: #d3263a;

}

.responlist_box {

    overflow: hidden;

}

.responlist_box .over {

    position: relative;

    height: 280px;

}

.responlist_box .over::after {

    width: 100%;

    height: 100%;

    background: rgba(15, 22, 45, 0.302);

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    transition: all 0.5s ease-in-out;

    -webkit-transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    -ms-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

    opacity: 0;

}

.responlist_box .over::before {

    background: url(../images/news.png) no-repeat;

    background-size: 100% 100%;

    position: absolute;

    top: 50%;

    transform: translate(-50%, -50%);

    left: 50%;

    content: "";

    width: 45px;

    height: 15px;

    transition: all 0.5s ease-in-out;

    -webkit-transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    -ms-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

    z-index: 55;

    opacity: 0;

}

.responlist_box:hover .over::before {

    opacity: 1;

    transition: all 0.5s ease-in-out;

    -webkit-transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    -ms-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

}

.responlist_box:hover .over::after {

    opacity: 1;

    transition: all 0.5s ease-in-out;

    -webkit-transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    -ms-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

}





.responlist_box:hover .responlist_size p:nth-of-type(1)::after {

    width: 75px;

    transition: all 0.4s ease-in-out;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

}

.level2,

.responlist_div {

    width: 99.5%;

    margin: 0 auto;

}

.responlist_div {

    margin-right: -15px;

    margin-left: -15px;

}

.responlist_div>div {

    margin-bottom: 30px;

}



/* 新闻列表 */

.newslist {

    padding: 70px 0 80px 0;

}



/* 新闻详情 */

.nav1 {

    background: #003261;
    top: 0px !important;

}


.newsxq_wid {

    width: 77%;

    margin: 0 auto;

}



.newsxq_wid .level_fl {

    padding-top: 12px;

}



.newsxq_tit {

    text-align: center;

    margin-top: 60px;

    padding-bottom: 30px;

    border-bottom: 1px solid #dddddd;

}



.newsxq_tit p:nth-of-type(1) {

    color: #333333;

    font-size: 2.375rem;

    font-weight: bold;

    width: 80%;

    margin: 0 auto;

}



.newsxq_tit>p:nth-of-type(1) {

    color: #5a5858;

    font-size: 1.125rem;

    margin-top: 28px;

}



.newsxq_size {

    color: #333333;

    font-size: .9375rem !important;

    line-height: 28px;

    padding: 30px 0;

    width: 90.5%;

    margin: 0 auto;

}

.newsxq_size div span {

    font-size: .9375rem !important;

    /* color: #a8a7a7; */

}



.newsxq_tui {

    background: #f8f8f8;

    padding: 35px 30px;

    width: 90.5%;

    margin: 0 auto;

}



.newsxq {

    padding-bottom: 100px;

}



.newsxq_tui_tit {

    color: #333333;

    font-size: 1.125rem;

    font-weight: bold;

    margin-bottom: 12px;

}



.newsxq_tui_box div,

.newsxq_tui_box a {

    color: #333333;

    font-size: .9375rem;

    line-height: 30px;

}



.newsxq_tui_box a {

    width: 50%;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    text-overflow: ellipsis;

    -webkit-line-clamp: 1;

    overflow: hidden;

}



/* 底部 */

.foot .container {

    width: 100%;

    padding: 0 95px;

}

.foot {

    background: #05478f;



}



.foot_ul li>a {

    color: #ffffff;

    font-size: 1rem;

    display: block;

    margin-bottom: 10px;

    font-weight: bold;

}



.foot_ul li div a {

    color: #fff;

    font-size: .875rem;

    line-height: 26px;

    display: block;

}



.foot_ul li {

    float: left;

    margin-left: 50px;

}



.foot_div {

    padding: 70px 0 50px 0;

}

.foot_fr .fl {

    margin-right: 10px;

}

.foot_fr .fr {

    color: #fff;

    font-size: .75rem;

    line-height: 22px;

}

.foot_fr .fr p {

    font-size: 1.125rem;

}

.foot_fin {

    text-align: center;

    color: #fff;

    font-size: .75rem;

    padding: 15px 0;

    background: #003261;

    position: relative;

}

.bor_fin {

    position: fixed;

    bottom: 0;

    left: 0;

    width: 100%;

    background: #003261;

    content: "";

    height: 1px;

}

/* 案例 */

.nice {

    padding: 25px 0 85px;

}



.nice_wid .fl {

    width: 50%;

}



.nice_wid .fr {

    width: 39%;

    padding: 50px 8% 0 0;

}



.nice_size {

    color: #5a5858;

    font-size: .9375rem;

    line-height: 28px;

    margin-top: 30px;

}

.nice_size p {

    margin-bottom: 10px;

}

.nice_wid {

    margin-top: 40px;

}



.cooperative {

    padding: 120px 0 100px 0;

    background: url(../images/32.jpg) center/cover no-repeat;

}



.cooperative .sameite_title {

    text-align: center;

    color: #fff;

}



.cooperative .sameite_title p:nth-of-type(1) {

    color: #fff;

}



.cooperative .sameite_title::after {

    left: 50%;

    transform: translateX(-50%);

}



.cooperative_div span {

    display: block;

    color: #fff;

    line-height: 28px;

    font-size: .9375rem;

    text-align: center;

}



.cooperative_div {

    margin-top: 30px;

}

.group_box>div {

    display: none;

}

.group_ul {
    padding-top: 95px;
}

.group_ul li {

    display: inline-block;

    color: #333333;

    font-size: 1.25rem;

    padding: 0 25px;

    line-height: 45px;

    margin-right: 15px;

    cursor: pointer;

    border: 1px solid #fff;

    position: relative;

    z-index: 555;


}

.group_ul li::after {

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    width: 0;

    background: #05478f;

    content: "";

    transition: 400ms ease-in-out;

    -moz-transition: 400ms ease-in-out;

    -webkit-transition: 400ms ease-in-out;

    -o-transition: 400ms ease-in-out;

    z-index: -1;

}

.group_ul li:hover,

.group_ul li.active {

    color: #fff;

}

.group_ul li:hover::after,

.group_ul li.active::after {

    width: 100%;

    transition: 400ms ease-in-out;

    -moz-transition: 400ms ease-in-out;

    -webkit-transition: 400ms ease-in-out;

    -o-transition: 400ms ease-in-out;

}

.group {

    padding: 30px 0 85px 0;

}



.group_lb_size {

    color: #5a5858;

    font-size: .9375rem;

    line-height: 28px;

    margin: 30px 0 70px 0;

}



.group_fl a:nth-of-type(2) {

    color: #000000;

    font-size: .875rem;

    text-transform: uppercase;

}



.group_lb_div .fr {

    width: 55%;

}



.group_lb_div .fl {

    width: 38%;

}



.group_fl a:nth-of-type(2) img {

    position: relative;

    top: -3px;

    margin-left: 15px;

}



.group_lb {

    margin-top: 20px;

}



.group_fl a:nth-of-type(1) {

    display: block;

    margin: 20px 0 15px;

}



.group_div_butt {

    margin-top: 30px;

}



.group_div_butt li {

    width: 19%;

    float: left;

    margin-left: 1.25%;

    border: 1px solid #ececec;

    padding: 18px 0;

    text-align: center;

    cursor: pointer;

}



.group_div_butt li:nth-of-type(1) {

    margin-left: 0;

}



.group_lb_box {

    color: #333333;

    font-size: .9375rem;

    margin-top: 15px;

}



.group_div_butt li.active {

    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);

    transition: all 0.4s ease-in-out;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

    border: 1px solid #d5d5d5;

}



.partner {

    padding: 110px 0 100px 0;

    background: url(../images/35.jpg) center/cover no-repeat;

}



.partner .sameite_title {

    text-align: center;

    color: #fff;

}



.partner .sameite_title p:nth-of-type(1) {

    color: #ffffff;

}



.partner .sameite_title::after {

    left: 50%;

    transform: translateX(-50%);

}



.partner_lb {



    width: 80%;

    margin: 0 auto;

    margin-top: 70px;

}



.partner_lb .swiper-slide a {

    border-radius: 50%;

    /* background: #fff; */

    display: block;

}



.partner_lb .swiper-pagination {

    bottom: 0;

}

.partner_lb .swiper-slide a img {

    width: 80%;

    border-radius: 50%;

    display: block;

    margin: 0 auto;

}

.partner_lb .swiper-container {

    padding-bottom: 75px;

}



.partner_lb .swiper-pagination-bullet {

    background: none;

    border: 1px solid #fff;

    width: 12px;

    height: 12px;

    opacity: 1;

}



.partner_lb .swiper-pagination-bullet-active {

    background: #fff;

}



/* 加盟 */

.strengths {

    padding: 25px 0 70px;

}



.strengths_wid {

    margin-top: 60px;

    padding-left: 6%;

}



.strengths_size {

    margin-top: 40px;

    color: #5a5858;

    font-size: .9375rem;

    line-height: 28px;

}

.advantage_size p,

.strengths_size p {

    margin-bottom: 10px;

}

.strengths_wid .fl {

    width: 35%;

}



.strengths_div {

    width: 55%;

    padding: 65px 15% 0 0;

}



.advantage {

    overflow: hidden;

    position: relative;

    background: url(../images/38.jpg) center/cover no-repeat;

    background-attachment: fixed;

    padding: 75px 0 90px 0;

}



.advantage_size {

    color: #fff;

    font-size: .9375rem;

    line-height: 28px;

    margin-top: 40px;

}



.advantage_wid .sameite_title p:nth-of-type(1),

.advantage_wid .sameite_title {

    color: #fff;

}



.advantage_wid .fl {

    width: 40%;

    padding-left: 6%;

    padding-top: 4%;

}



.advantage_fr {

    width: 50%;

}



.advantage_fr_div {

    height: 510px;

    max-width: 70%;

    border: 1px solid rgba(255, 255, 255, 0.12);

    border-radius: 50%;

    margin: 0 auto;

}



.advantage_fr_ul li {

    background: rgb(255, 255, 255);

    font-size: 30px;

    height: 60px;

    width: 60px;

    margin: -30px;

    line-height: 60px;

    cursor: pointer;

    list-style: none;

    position: absolute;

    text-align: center;

    color: #a8a7a7;

    border-radius: 50%;

}

.advantage_fr_ul li.active,

.advantage_fr .info-circle-icons.info-circle-active {

    background: #0069d8 !important;



}

.advantage_fr_ul li.active .iconfont,

.advantage_fr .info-circle-active .iconfont {

    color: #fff;

}

.advantage_fr_ul li .iconfont,

.advantage_fr .info-circle-icons .iconfont {

    font-size: 1.875rem;

}

.info-circle-sub-def {

    padding: 35px;

    padding-top: 30px;

}



@keyframes circle_pulse {

    25% {

        -webkit-transform: scale(1.1);

        -ms-transform: scale(1.1);

        transform: scale(1.1)
    }



    75% {

        -webkit-transform: scale(.9);

        -ms-transform: scale(.9);

        transform: scale(.9)
    }

}

.advantage_fr_ul li .iconfont {

    font-size: 1.875rem;

    color: #a8a7a7;

}



.advantage_fr_ul li:nth-of-type(1) {

    left: 50%;

    top: 0px;

}



.advantage_fr_ul li:nth-of-type(2) {

    right: 5%;

    top: 27%;

}



.advantage_fr_ul li:nth-of-type(3) {

    right: 8%;

    top: 77%;

}



.advantage_fr_ul li:nth-of-type(4) {

    left: 50%;

    bottom: 0%;

}



.advantage_fr_ul li:nth-of-type(5) {

    left: 8%;

    top: 77%;

}



.advantage_fr_ul li:nth-of-type(6) {

    left: 5%;

    top: 27%;

}



.advantage_fr_box {

    width: 355px;

    height: 355px;

    border-radius: 100%;

    background: #fff;

    padding: 40px;

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    text-align: center;

    overflow: hidden;

}



.advantage_fr_box>div {

    display: none;



}

.advantage_fr_cen {

    position: absolute;

    left: 40px;

    top: 40px;

    right: 40px;

    bottom: 40px;

}

/* .advantage_fr_box>div.active {

    opacity: 1;

    transition: all 0.6s ease-in-out;

    -webkit-transition: all 0.6s ease-in-out;

    -moz-transition: all 0.6s ease-in-out;

    -ms-transition: all 0.6s ease-in-out;

    -o-transition: all 0.6s ease-in-out;

} */

.advantage_fr_box>div.active .iconfont {

    /* font-size: 2.5rem !important; */

    /* color: #0069d8; */

    /* line-height: 40px; */



}

.advantage_fr .info-circle-sub-def .iconfont {

    color: #0069d8;

    line-height: 40px;

}

.advantage_fr_box>div .iconfont {

    font-size: 60px;

    color: #0069d8;

    line-height: 40px;

}

.advantage_fr div .info-circle-heading {

    color: #151515;

    font-size: 1.75rem;

    margin: 15px 0 15px;

}

.advantage_fr_dize,

.advantage_fr .info-circle-text {

    color: #5a5858;

    font-size: 0.95rem;

    line-height: 25px;

    text-align: left;

}

.advantage_fr_dize {

    padding: 35px;

    padding-top: 0;

}

.advantage_fr_dize p {

    font-size: 22px;

    text-align: center;

    margin: 15px 0;

}

.support_wid .fr {

    width: 55%;

}

.support_fl {

    width: 40%;

}

.support_wid,

.support .sameite_title {

    width: 88%;

    margin: 0 auto;

}

.support_wid {

    margin-top: 50px;

}

.support {

    padding: 110px 0 160px 0;

}

.support_fl .fl {

    width: 55px;

    height: 55px;

    line-height: 55px;

    text-align: center;

    border: 1px solid #646464;

    border-radius: 50%;

    position: relative;

    top: 5px;

}

.support_fl .fl .iconfont {

    font-size: 1.875rem;

    color: #646464;

}

.support_fl .fr {

    width: 87%;

    color: #5a5858;

    font-size: .9375rem;

}

.support_fl .fr p {

    color: #333333;

    font-size: 1.5rem;

    margin-bottom: 2px;

}

.support_fl>div {

    margin-top: 37px;

}

.support_fl>div:nth-of-type(1) {

    margin-top: 0;

}

/* 联系我们 */

.contact_wid {

    padding-top: 90px;

}

.contact {

    padding: 25px 0 85px 0;

}

.contact .level_fl,

.contact_wid {

    width: 92%;

    margin: 0 auto;

}

.contact_wid>.fl {

    width: 50%;

}

.contact_wid>.fr {

    width: 49.5%;

}

.contact_box {

    margin-top: 45px;

}

.contact_box>p {

    color: #000000;

    font-size: 1.875rem;

}

.contact_box_wid>div {

    width: 48%;

}

.contact_box_size .fl {



    font-weight: bold;

}

.contact_box_size {

    color: #000000;

    font-size: 1rem;

    line-height: 28px;

}

.contact_box_size .fl {

    width: 30%;

}

.contact_box_size .fr {

    width: 70%;

}

.contact_box_wid {

    padding: 20px 0 35px 0;

}

.contact_box_img {}

.contact_box_img>div {

    /* width: 33.3%;

    float: left; */

    display: inline-block;

    margin-left: 90px;

    color: #000000;

    font-size: .9375rem;

    text-align: center;

}

.contact_box_img>div:nth-of-type(1) {

    margin-left: 0;

}

.contact_box_img>div img {

    width: 120px;

}

.contact_box_img p {

    padding-top: 12px;

}



.message_img {

    width: 50%;

}

.message_fin {

    position: absolute;

    left: 0;

    right: 0;

    width: 100%;

    top: 50%;

    transform: translateY(-50%);

}

.message {

    background: #05478f;

}

.message_fin .sameite_title p:nth-of-type(1),

.message_fin .sameite_title {

    color: #fff;

}



.message_fin .sameite_title::after {

    background: #fff;

}

.message_div {

    width: 45%;

    float: right;

}

.message_for {

    margin-top: 35px;

}

.contact_top>div {

    display: inline-block;

    margin-right: 20px;

}

.contact_top label {

    color: #fff;

    font-size: .9375rem;

    font-weight: 500;



}

.male:checked {

    background: #fff;

}

.male {

    width: 15px;

    height: 15px;

    background-color: #fff;

    border: solid 1px #fff;

    font-size: 0.8rem;

    margin: 0;

    padding: 0;

    position: relative;

    display: inline-block;

    vertical-align: top;

    cursor: default;

    -webkit-appearance: none;

    -webkit-user-select: none;

    user-select: none;

    -webkit-transition: background-color ease 0.1s;

    transition: background-color ease 0.1s;

}

.contact_top.active .male {

    border: none;

    background: none;

}

.male:checked::after {

    content: '';

    top: 2px;

    left: 1px;

    position: absolute;

    background: transparent;

    border: #0069d8 solid 2px;

    border-top: none;

    border-right: none;

    height: 6px;

    width: 10px;

    -moz-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

}



.message_tit {

    color: #ffffff;

    font-size: .75rem;
    margin: 10px 0px;

}

.message_tit span {

    color: #d00808;

}

.contact_top {

    margin-top: 10px;

}

#span_nativeplace,
#span_nativeplace_son,
#span_nativeplace_sec {

    font-size: 14px;
}


.contact_box_in input {

    width: 100%;

    background: #fff;

    border: 1px solid #fff;

    height: 35px;

    font-size: .9375rem;

    padding-left: 15px;

}

.contact_box_in input::-webkit-input-placeholder {

    color: #807e7e;

    font-size: .9375rem;

}

.message_text p,

.contact_box_in p {

    margin: 10px 0;

}

.message_text textarea {

    width: 100%;

    background: #fff;

    border: 1px solid #fff;

    height: 100px;

    color: #807e7e;

    font-size: .9375rem;

    padding: 15px;

}

.message_butt {

    text-align: center;

    margin-top: 20px;

}

.message_butt button {

    color: #05478f;

    font-size: 1rem;

    border: 1px solid #fff;

    background: #fff;

    width: 100px;

    line-height: 35px;

}

.ditu_title {

    text-align: center;

    font-size: 2.5rem;

    color: #333333;

}

.ditu_img {

    margin-top: 55px;

}

.ditu {

    padding: 70px 0 160px 0;

}

/* 校服 */

.campus {

    padding-top: 25px;

}

.campus_top {

    margin-top: 40px;

}

.campus_top .sameite_title {

    text-align: center;

}

.campus_top .sameite_title::after {

    transform: translateX(-50%);

    left: 50%;

}

.campus_top_size {

    text-align: center;

    font-size: .9375rem;

    color: #5a5858;

    line-height: 1.75rem;

    margin-top: 30px;

}

.campus_lb {

    margin-top: 50px;

}

.campus_lb .swiper-container {

    padding: 0 28% 50px;

}

.campus_lb_size a {

    color: #333333;

    font-size: 1.75rem;

}

.campus_lb_size p {

    color: #5a5858;

    font-size: .9375rem;

    line-height: 1.75rem;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    text-overflow: ellipsis;

    -webkit-line-clamp: 2;

    overflow: hidden;

}

.campus_lb_size {

    padding: 40px 25px;

    background: #fff;

    background-color: rgb(255, 255, 255);

    box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.08);

    margin: 0 auto;

    width: 90%;

    position: relative;

    margin-top: 0px;

    z-index: 22;

    opacity: 0;

    transition: all 1.5s ease-in-out;

    -webkit-transition: all 1.5s ease-in-out;

    -moz-transition: all 1.5s ease-in-out;

    -ms-transition: all 1.5s ease-in-out;

    -o-transition: all 1.5s ease-in-out;

}

.campus_lb .swiper-slide-active .campus_lb_size {

    margin-top: -35px;

    opacity: 1.5;

    transition: all 1.5s ease-in-out;

    -webkit-transition: all 1.5s ease-in-out;

    -moz-transition: all 1.5s ease-in-out;

    -ms-transition: all 1.5s ease-in-out;

    -o-transition: all 1.5s ease-in-out;

}

.campus_lb .swiper-button-next,

.campus_lb .swiper-button-prev {

    background: none;

    width: 80px;

    height: 80px;

    line-height: 80px;

    text-align: center;

    background: #ffffff;

    top: 35%;

    color: #535252;

}

.campus_lb .swiper-button-next .iconfont,

.campus_lb .swiper-button-prev .iconfont {



    font-size: 1.5rem;



}

.campus_lb .swiper-button-next {

    right: 22%;

}

.campus_lb .swiper-button-prev {

    left: 22%;

}

.campus_lb .swiper-button-next:hover,

.campus_lb .swiper-button-prev:hover {

    color: #fff;

    background: #0069d8;

}

.customized {

    padding: 135px 0 90px;

    overflow: hidden;

    position: relative;

    background: url(../images/49.jpg) center/cover no-repeat;

    background-attachment: fixed;

}

.customized_div .fl {

    width: 30%;

}

.customized_div .sameite_title {

    color: #fff;

}

.customized_lb {

    width: 62%;

    float: right;

    padding-left: 5%;

}

.customized_fin {

    border-radius: 10px;

    background: #f8f8f8;

    padding: 35px 20px;

    text-align: center;

    height: 345px;

}

.customized_size p:nth-of-type(1) {

    color: #5a5858;

    font-size: .75rem;

    text-transform: uppercase;

}

.customized_size p:nth-of-type(2) {

    color: #252525;

    font-size: 1.5rem;

}

.customized_size {

    padding: 15px 0;

    margin-bottom: 22px;

    position: relative;

}

.customized_size::after {

    width: 45px;

    height: 2px;

    background: #0069d8;

    content: "";

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    bottom: 0;

}

.customized_fin div:nth-of-type(3) {

    color: #5a5858;

    font-size: .9375rem;

    line-height: 1.75rem;

    text-align: left;

}

.customized_lb .swiper-container {

    padding-bottom: 40px;

}

.customized_lb .swiper-pagination {

    bottom: 0;

}

.customized_lb .swiper-pagination-bullet {

    width: 11px;

    height: 11px;

    border: 1px solid #fff;

    background: none;

    opacity: 1;

}

.customized_lb .swiper-pagination-bullet-active {

    background: #fff;

}

.system {

    padding: 105px 0 90px 0;

}

.system_div {

    width: 42%;

    padding: 25px 9.5% 0 0;

}

.system_wid .fl {

    width: 47%;



}

.modal_div .modal-lg {

    top: 50%;

    transform: translateY(-50%) !important;

}

.modal_div .modal-header {

    border-bottom: none;

    padding-bottom: 0;

}

.system_wid .education_video {

    position: static;

    text-align: left;

    margin-top: 25px;

    color: #5a5858;

}

.system_wid .fl .swiper-pagination-bullet {

    background: none;

    border: 1px solid #fff;

    opacity: 1;

}

.education_video_size {

    border-bottom: 1px solid #5a5858;

}

.system_wid .fl .swiper-pagination-bullet-active {

    background: #fff;

}

.services {

    padding: 50px 0 160px 0;

    background: #f8f8f8;

}

.services .campus_top {

    margin-top: 0;

}

.services_lb .swiper-pagination {

    display: none;

}

.services_lb .swiper-pagination-bullet {

    background: none;

    border: 1px solid #0069d8;

    opacity: 1;

}

.services_lb .swiper-pagination-bullet-active {

    background: #0069d8;

}

.services_div {

    border-radius: 12px;

    background: #ffffff;

    border: 1px solid #ebebeb;

    padding: 50px 40px 15px 40px;

    height: 400px;

    position: relative;

}

.services_div::after {

    position: absolute;

    right: 20px;

    top: 20px;

    background: url(../images/01.png) no-repeat;

    background-size: 100% 100%;

    content: "";

    height: 110px;

    width: 135px;

}

.services_lb .swiper-slide:nth-child(2) .services_div::after {

    background: url(../images/02.png) no-repeat;

    background-size: 100% 100%;

}

.services_lb .swiper-slide:nth-child(3) .services_div::after {

    background: url(../images/03.png) no-repeat;

    background-size: 100% 100%;

}

.services_lb .swiper-slide:nth-child(4) .services_div::after {

    background: url(../images/04.png) no-repeat;

    background-size: 100% 100%;

}

.services_lb .swiper-slide:nth-child(5) .services_div::after {

    background: url(../images/05.png) no-repeat;

    background-size: 100% 100%;

}

.services_lb .swiper-slide:nth-child(6) .services_div::after {

    background: url(../images/06.png) no-repeat;

    background-size: 100% 100%;

}

.services_div .iconfont {

    font-size: 4.2rem;

    color: #0069d8;

}

.services_div_size p:nth-of-type(1) {

    padding: 25px 0 20px;

    position: relative;

    color: #333333;

    font-size: 1.5rem;

    margin-bottom: 20px;

}

.services_div_size p:nth-of-type(1)::after {

    width: 45px;

    height: 2px;

    background: #a9a9a9;

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

}

.services_div_size p:nth-of-type(2) {

    color: #5a5858;

    line-height: 28px;

    font-size: .9375rem;

}

.services_lb {

    width: 90%;

    margin: 0 auto;

    margin-top: 50px;

}

.you12 {

    display: inline-block;

    color: #fff;

    border: 1px solid #eeeeee;

    line-height: 18px;

    padding: 0 10px;

    cursor: pointer;

    margin-left: 15px;

}

.you-uls {

    width: 100px;

    background: #FFFFFF;

    border: 1px solid #eeeeee;

    padding: 5px 0;

    text-align: center;


    bottom: 100%;

    display: none;

    z-index: 99;



    line-height: 15px;
    left: 50%;

    transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    /* IE 9 */

    -moz-transform: translateX(-50%);

    /* Firefox */

    -webkit-transform: translateX(-50%);

    /* Safari 和 Chrome */

    -o-transform: translateX(-50%);



}

.you12:hover .you-uls {

    display: block;



}

.you-uls a {

    color: #000;
    display: block;



}





#page {
    clear: both;
    height: 40px;
    margin: 0 auto;
    text-align: center;
    display: table;
    margin-top: 20px
}

#page li {
    float: left;
    padding: 5px 14px;
    border: 1px solid #CCCCCC;
    margin-right: 6px;
    color: #666;
    font-size: 12px;
    list-style: none;
}

#page li:hover {
    border: 1px solid #003261;
}

#page li:hover a {
    color: #003261
}

#page li a {
    color: #666
}

#page li.active {
    border: 1px solid #003261;
    background-color: #003261;
    color: #FFFFFF
}

#page li.active a {
    color: #fff
}

#page .thisclass {
    background-color: #003261;
    color: #FFFFFF
}

.level_fl a:hover,

.foot_ul li div a:hover {

    color: #d00808;

}



.news_div_ul li:hover .news_size a,

.news_div_fl:hover .news_size a {

    color: #003261;

}



.news_div_ul li:hover .news_sizee a,

.news_div_fl:hover .news_sizee a {

    color: #003261;

}







/* #wrap .section.active .footer,

#wrap .section.active .news_top,

#wrap .section.active .more,

#wrap .section.active .business_lb,

#wrap .section.active .about_div,

#wrap .section.active .banner_size>p:nth-of-type(1),

#wrap .section.active .banner_size>p:nth-of-type(2) {

    animation: fadeInUp 1.5s;

    -moz-animation: fadeInUp 1.5s;

    -webkit-animation: fadeInUp 1.5s;

    -o-animation: fadeInUp 1.5s;

} */

/* #wrap .section.active .education_fr, */

#wrap .section.active .news_div_fr,

#wrap .section.active .channel_fr,

#wrap .section.active .famous_div .fr,

#wrap .section.active .education_video {

    animation: fadeInRight 2s;

    -moz-animation: fadeInRight 2s;

    -webkit-animation: fadeInRight 2s;

    -o-animation: fadeInRight 2s;

}

#wrap .section.active .education_div>.fl,

#wrap .section.active .news_div_fl,

#wrap .section.active .famous_div .fl {

    animation: fadeInLeft 2s;

    -moz-animation: fadeInLeft 2s;

    -webkit-animation: fadeInLeft 2s;

    -o-animation: fadeInLeft 2s;

}

.dress_a,

.education_a {

    padding-right: 15px;

    transition: all 0.4s ease-in-out;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

}

.dress_a:hover,

.education_a:hover {

    padding-right: 0px;

    transition: all 0.4s ease-in-out;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

}

#wrap .section.active .dress .swiper-container,

#wrap .section.active .mission_ul {

    animation: fadeInUp 2s;

    -moz-animation: fadeInUp 2s;

    -webkit-animation: fadeInUp 2s;

    -o-animation: fadeInUp 2s;

}

.famous_div_a {

    padding-left: 0px;

    transition: all 0.4s ease-in-out;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

}

.famous_div_a:hover {

    padding-left: 20px;

    transition: all 0.4s ease-in-out;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

}







@keyframes opacity {

    form {
        opacity: 0;
    }

    to {
        opacity: 1;
    }

}





#wrap .section.active .education_box_fl p span {
    display: inline-block;
    opacity: 0;
}

#wrap .section.active .education_box_fl p span:nth-child(1) {

    -webkit-animation: opacity 1s 0.2s forwards linear;

    -moz-animation: opacity 1s 0.2s forwards linear;

    -ms-animation: opacity 1s 0.2s forwards linear;

    -o-animation: opacity 1s 0.2s forwards linear;

    animation: opacity 1s 0.2s forwards linear;

}



#wrap .section.active .education_box_fl p span:nth-child(2) {

    -webkit-animation: opacity 1s 0.4s forwards linear;

    -moz-animation: opacity 1s 0.4s forwards linear;

    -ms-animation: opacity 1s 0.4s forwards linear;

    -o-animation: opacity 1s 0.4s forwards linear;

    animation: opacity 1s 0.4s forwards linear;

}



#wrap .section.active .education_box_fl p span:nth-child(3) {

    -webkit-animation: opacity 1s 0.6s forwards linear;

    -moz-animation: opacity 1s 0.6s forwards linear;

    -ms-animation: opacity 1s 0.6s forwards linear;

    -o-animation: opacity 1s 0.6s forwards linear;

    animation: opacity 1s 0.6s forwards linear;

}



#wrap .section.active .education_box_fl p span:nth-child(4) {

    -webkit-animation: opacity 1s 0.8s forwards linear;

    -moz-animation: opacity 1s 0.8s forwards linear;

    -ms-animation: opacity 1s 0.8s forwards linear;

    -o-animation: opacity 1s 0.8s forwards linear;

    animation: opacity 1s 0.8s forwards linear;

}



#wrap .section.active .education_box_fl p span:nth-child(5) {

    -webkit-animation: opacity 1s 1s forwards linear;

    -moz-animation: opacity 1s 1s forwards linear;

    -ms-animation: opacity 1s 1s forwards linear;

    -o-animation: opacity 1s 1s forwards linear;

    animation: opacity 1s 1s forwards linear;

}



#wrap .section.active .education_box_fl p span:nth-child(6) {

    -webkit-animation: opacity 1s 1.2s forwards linear;

    -moz-animation: opacity 1s 1.2s forwards linear;

    -ms-animation: opacity 1s 1.2s forwards linear;

    -o-animation: opacity 1s 1.2s forwards linear;

    animation: opacity 1s 1.2s forwards linear;

}



#wrap .section.active .education_box_fl p span:nth-child(7) {

    -webkit-animation: opacity 1s 1.4s forwards linear;

    -moz-animation: opacity 1s 1.4s forwards linear;

    -ms-animation: opacity 1s 1.4s forwards linear;

    -o-animation: opacity 1s 1.4s forwards linear;

    animation: opacity 1s 1.4s forwards linear;

}



#wrap .section.active .education_box_fl p span:nth-child(8) {

    -webkit-animation: opacity 1s 1.6s forwards linear;

    -moz-animation: opacity 1s 1.6s forwards linear;

    -ms-animation: opacity 1s 1.6s forwards linear;

    -o-animation: opacity 1s 1.6s forwards linear;

    animation: opacity 1s 1.6s forwards linear;

}



#wrap .section.active .education_box_fl p span:nth-child(9) {

    -webkit-animation: opacity 1s 1.8s forwards linear;

    -moz-animation: opacity 1s 1.8s forwards linear;

    -ms-animation: opacity 1s 1.8s forwards linear;

    -o-animation: opacity 1s 1.8s forwards linear;

    animation: opacity 1s 1.8s forwards linear;

}

#wrap .section.active .education_box_fl p span:nth-child(10) {

    -webkit-animation: opacity 1s 2s forwards linear;

    -moz-animation: opacity 1s 2s forwards linear;

    -ms-animation: opacity 1s 2s forwards linear;

    -o-animation: opacity 1s 2s forwards linear;

    animation: opacity 1s 2s forwards linear;

}

#wrap .section.active .education_box_fl p span:nth-child(11) {

    -webkit-animation: opacity 1s 2.2s forwards linear;

    -moz-animation: opacity 1s 2.2s forwards linear;

    -ms-animation: opacity 1s 2.2s forwards linear;

    -o-animation: opacity 1s 2.2s forwards linear;

    animation: opacity 1s 2.2s forwards linear;

}


.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {

    background-color: #003261;
    border-color: #003261;
}

.pager li>a,
.pager li>span {
    padding: 0;
    margin: 0;
    border: none;

}

.pagination li {

    margin-bottom: 5px;

}

.pagination {
    clear: both;
    height: 40px;
    margin: 0 auto;
    text-align: center;
    display: table;
    margin-top: 20px
}

.pagination li {
    float: left;
    padding: 5px 14px;
    border: 1px solid #CCCCCC;
    margin-right: 6px;
    color: #666;
    font-size: 12px;
    list-style: none;
}

.pagination li:hover {
    border: 1px solid #003261;
}

.pagination li:hover a {
    color: #003261
}

.pagination li a {
    color: #666
}

.pagination li.active {
    border: 1px solid #003261;
    background-color: #003261;
    color: #FFFFFF
}

.pagination li.active a {
    color: #fff
}

.pagination .thisclass {
    background-color: #003261;
    color: #FFFFFF
}

/* .education_box_fl p span:nth-child(12){

   -webkit-animation: opacity 1s 2.4s forwards  linear;

   -moz-animation: opacity 1s 2.4s forwards  linear;

   -ms-animation: opacity 1s 2.4s forwards  linear;

   -o-animation: opacity 1s 2.4s  forwards linear;

   animation: opacity 1s 2.4s  forwards linear;

 }

 

 .education_box_fl p span:nth-child(13){

   -webkit-animation: opacity 1s 2.6s forwards  linear;

   -moz-animation: opacity 1s 2.6s  forwards linear;

   -ms-animation: opacity 1s 2.6s forwards  linear;

   -o-animation: opacity 1s 2.6s forwards  linear;

   animation: opacity 1s 2.6s forwards  linear;

 } */