.page_1, .page_2{
    display: none;
}
.container1 {
    position:relative;height:775px;background:linear-gradient(180deg,rgba(255,252,252,0.5) 0%,rgba(244,233,223,1) 100%);
}
.container1 .main1 {
    height:370px;
}
.container1 .main1 img {
    position:absolute;left:0;top:0;width:100%;height:370px;
}
.container1 .main1 .center_area{
    display:flex;justify-content: flex-end;height:100%;flex-direction: column;
}
.container1 .main1 .main{
    width:100%;text-align:center;height:62px;background:rgba(255,255,255,0.75);line-height:24px;
    font-size:14px;font-family:PingFangSC-Regular,PingFang SC,Microsoft Yahei;font-weight:400;color:rgba(74,74,74,1);
    box-sizing: border-box;padding-top:10px;
}
.container1 .main3 {
    box-sizing: border-box;position:absolute;left:0;top:110px;
}
.container1 .main3 img{
    width:15px;height:20px;position:relative;
}
.container1 .main3 .cn{
    font-size:36px;font-family:PingFangSC-Semibold,PingFang SC,Microsoft Yahei;font-weight:600;color:#174C8E;
    margin-top:16px;
}
.container1 .main3 .en{
    font-size:14px;font-family:DINCondensed-Bold,DINCondensed,Microsoft Yahei;font-weight:bold;color:#174C8E;
    margin-top:7px;
}
.container1 .main2 .main{
    display:flex;flex-direction: row;
}
.container1 .main2 .main .left {
    width:480px;height:405px;
}
.container1 .main2 .main .left .map{
    width:371px;height:340px;overflow: hidden;margin-top:42px;margin-left:68px;
}
.container1 .main2 .main .left .map img{
    display:none;
}
.container1 .main2 .main .left .map img.active{
    display:inline-block;
}
.container1 .main2 .main .left .location{
    position:absolute;width:25px;height:36px;left:320px;top:200px;
    background-image: url("../img/edu/icon_map.png");background-size:25px 36px;
    -webkit-animation:bounce-up 0.8s linear infinite;
    animation:bounce-up 0.8s linear infinite;
}
.location1 {
    left:130px;top:150px;
}
.location2 {
    left:270px;top:135px;
}
location3 {
    left:240px;top:30px;
}
.container1 .main2 .main .right{
    width:680px;height:405px;
}
.container1 .main2 .main .right img{
    width:549px;height:218px;
}
.container1 .main2 .right{
    box-sizing: border-box;padding-top:50px;position:relative;
}
.container1 .main2 .right .en{
    font-size:24px;font-family:DINCondensed-Bold,DINCondensed,Microsoft Yahei;font-weight:bold;color:rgba(0,70,96,1);
    line-height:29px;
}
.container1 .main2 .right .cn{
    font-size:18px;font-family:PingFangSC-Semibold,PingFang SC,Microsoft Yahei;font-weight:600;color:rgba(74,74,74,1);
    line-height:25px;
}
.container1 .main2 .right .list {
    margin-top:16px;background-color: #fff;width:628px;height:273px;overflow:hidden;
    box-sizing: border-box;padding:9px 9px 0 70px;margin-left:49px;display:none;
}
.container1 .main2 .right .list.active{
    display:inline-block;
}
.container1 .main2 .right .areas {
    position:absolute; left:0;top:121px;
}
.container1 .main2 .right .areas div{
    width:98px;height:30px;line-height:30px;text-align:center;font-size:12px;
    font-family:PingFangSC-Semibold,PingFang SC,Microsoft Yahei;font-weight:600;color:#ccc;
    box-sizing: border-box;border:1px solid #ccc;margin-bottom:12px;
    border-radius:15px;background-color:#fff;cursor: pointer;transition:all 400ms;
}
.container1 .main2 .right .areas div:hover{
    background-color:#B39EBA;color:#fff;transition:all 400ms;
}
.container1 .main2 .right .areas div.active{
    background-color:#AB05F2;border:none;color:#fff;
}
@-webkit-keyframes bounce-up {
    25% { -webkit-transform: translateY(4px); }
    50%, 100% { -webkit-transform: translateY(0); }
    75% { -webkit-transform: translateY(-4px); }
}

@keyframes bounce-up {
    25% { transform: translateY(4px); }
    50%, 100% { transform: translateY(0); }
    75% { transform: translateY(-4px); }
}


.container1 .main2 .right .list_box{
    overflow:hidden;height:218px;width:549px;position:relative;
}
.container1 .main2 .right .list_box ul {
    width:100%;height:218px;position:absolute;z-index:99;
}
.container1 .main2 .right .list_box ul li{
    float:left;
}
.container1 .main2 .right .list_box ul li, .container3 .list_box ul li img{
    width:549px;height:218px;
}
.container1 .main2 .right .bottom {
    display:flex;flex-direction: row;justify-content: space-between;height:46px;
}
.container1 .main2 .right .bottom .opts{
    display:flex;flex-direction: row;justify-content: center;align-items: center;
}
.container1 .main2 .right .btn_pre{
    background-image: url("../img/edu/icon_pre.png");background-size: 32px 32px;
    width:37px;height:37px;background-repeat: no-repeat;background-position: center center;
    margin-right:16px;
}
.container1 .main2 .right .btn_next{
    background-image: url("../img/edu/icon_next.png");background-size: 32px 32px;
    width:37px;height:37px;background-repeat: no-repeat;background-position: center center;
}
.container1 .main2 .right .btn_pre:hover{
    background-image: url("../img/edu/icon_pre_active.png");
}
.container1 .main2 .right .btn_next:hover{
    background-image: url("../img/edu/icon_next_active.png");
}
.container1 .main2 .right .bottom .texts div {
    font-size:14px;font-family:PingFangSC-Regular,PingFang SC,Microsoft Yahei;font-weight:400;color:rgba(74,74,74,1);
    line-height:46px;display:none;
}
.container1 .main2 .right .bottom .texts div.active{
    display:inline-block;
}
.container2 {
    height:409px;box-sizing: border-box;padding-top:21px;text-align:center;background-color:#f1f1f1;
    position:relative;
}
.container2 .main>.en{
    font-size:24px;font-family:DINCondensed-Bold,DINCondensed,Microsoft Yahei;font-weight:bold;color:rgba(74,74,74,1);
    line-height:29px;
}
.container2 .main>.cn{
    font-size:18px;font-family:PingFangSC-Semibold,PingFang SC,Microsoft Yahei;font-weight:600;color:rgba(74,74,74,1);
    line-height:25px;
}
.container2 .list{
    margin-top:20px;display:flex;flex-direction: row;justify-content: space-between;align-items: center;
}
.container2 .list .item{
    width:573px;height:130px;background-color:#fff;box-sizing: border-box;padding-top:32px;transition:all 400ms;
}
.container2 .list .item .en{
    font-size:16px;font-family:DINCondensed-Bold,DINCondensed,Microsoft Yahei;font-weight:bold;
    color:#B2B2B2;line-height:19px;
}
.container2 .list .item .cn{
    font-size:16px;font-family:DINCondensed-Bold,DINCondensed,Microsoft Yahei;font-weight:bold;
    color:#4A4A4A;line-height:19px;margin-top:5px;
}
.container2 .list .item .opt{
    width:109px;height:28px;line-height:28px;border-radius: 14px;background-color:#E1E1EB;color:#4A4A4A;
    margin-top:10px;display:inline-block;font-size:10px;font-family:PingFangSC-Semibold,PingFang SC,Microsoft Yahei;font-weight:600;
}
.container2 .list .item:hover{
    cursor: pointer;background-color:#0068B7;transition:all 400ms;
}
.container2 .list .item:hover .en{
    color:#F4F4F4;
}
.container2 .list .item:hover .cn{
    color:#f4f4f4;
}
.container2 .list .item:hover .opt{
    background-color: #F6AB00;color:#fff;
}
.container2 .bg_mask {
    position:absolute;left:0;top:0;width:100%;height:100%;
}
.container3 {
    height:495px;background-color:#F4F4F4;
}
.container3 .main {
    display:flex;flex-direction: row;
}
.container3 .main .left{
    width:808px;height:495px;
}
.container3 .main .left img{
    width:100%;height:100%;
}
.container3 .main .right{
    width:352px;height:495px;box-sizing: border-box;padding:159px 74px 0 71px;
    font-size:13px;font-family:PingFangSC-Regular,PingFang SC,Microsoft Yahei;font-weight:400;color:rgba(74,74,74,1);
    line-height:24px;
}
.container4 {
    height:412px;background:linear-gradient(180deg,rgba(255,255,255,0.99) 0%,rgba(243,232,232,1) 100%);
}
.container4 .main {
    padding-top:52px;text-align:center;
}
.container4 .main .en{
    font-size:24px;font-family:DINCondensed-Bold,DINCondensed,Microsoft Yahei;color:rgba(74,74,74,1);
    line-height:29px;
}
.container4 .main .cn {
    font-size:18px;font-family:PingFangSC-Semibold,PingFang SC,Microsoft Yahei;font-weight:600;color:rgba(74,74,74,1);
    line-height:25px;
}
.container4 .main .list {
    position:relative;margin-top:27px;
}
.container4 .main .list_box{
    overflow:hidden;height:212px;width:1160px;position:relative;
}
.container4 .main .list_box ul {
    width:100%;height:212px;position:absolute;z-index:99;
}
.container4 .main .list_box ul li{
    float:left;width:370px;height:212px;margin-right:25px;
}
.container4 .main .list_box ul li:last-child{
    margin-right:0;
}
.container4 .main .list_box ul li img{
    width:100%;height:100%;
}
.container4 .main .list .btn_pre{
    background-image: url("../img/icon/icon_left_blue.png");background-size: 37px 37px;
    width:37px;height:37px;position:absolute;left:-57px;top:87px;z-index:100;
}
.container4 .main .list .btn_next{
    background-image: url("../img/icon/icon_right_blue.png");background-size: 37px 37px;
    width:37px;height:37px;position:absolute;right:-57px;top:87px;z-index:100;
}
.container4 .main .list .btn_pre:hover{
    background-image: url("../img/icon/icon_left_blue_active.png");
}
.container4 .main .list .btn_next:hover{
    background-image: url("../img/icon/icon_right_blue_active.png");
}
.opt_back{
    height:56px;width:56px;background-size: 100% 100%;position:absolute;right:46px;top:26px;
    background-image: url("../img/icon/icon_back.png");
}
.container5 .main{
    text-align:center;box-sizing: border-box;margin-top:30px;
}
.container5 .main .en{
    font-size:24px;font-family:DINCondensed-Bold,DINCondensed,Microsoft Yahei;font-weight:bold;color:rgba(74,74,74,1);
    line-height:29px;
}
.container5 .main .cn{
    font-size:18px;font-family:PingFangSC-Semibold,PingFang SC,Microsoft Yahei;font-weight:600;color:rgba(74,74,74,1);
    line-height:25px;
}
.container5 .main .top>img{
    width:1160px;height:345px;vertical-align: middle;
}
.container5 .main .top .intro{
    width:100%;height:232px;display:flex;flex-direction: row;position:relative;
    background-color: #0068B7;
}
.container5 .main .top .intro .left{
    position:absolute;left:70px;top:27px;background-color:#fff;padding:12px 12px 0 12px;box-sizing: border-box;
}
.container5 .main .top .intro .left img{
    width:347px;height:192px;
}
.container5 .main .top .intro .left video{
    width:347px;height:192px;
}
.container5 .main .top .intro .left .mask{
    width:100%;height:100%;position:absolute;left:0;top:0;width:347px;height:192px;
    background-color: rgba(0, 0, 0, 0.6);margin:12px 12px 0 12px;
    background-image:url("../img/icon/icon_play.png");background-size: 55px 55px;background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
}
.container5 .main .top .intro .left .mask:hover{
    background-color:rgba(0, 70, 96, 0.9);
}
.container5 .main .top .intro .right{
    position:absolute;width:570px;top:43px;right:72px;text-align:left;
    font-size:13px;font-family:PingFangSC-Regular,PingFang SC,Microsoft Yahei;font-weight:400;
    color:rgba(255,255,255,1);line-height:24px;
}
.container5 .main .top .intro .right .content{
    color:#fff;
}
.container5 .main .top .intro .right .link{
    text-align:center;margin-top:24px;
}
.container5 .main .top .intro .right .link .btn{
    width:134px;height:36px;line-height:36px;display:inline-block;border-radius: 10px;
    border:1px solid #fff;font-size:13px;font-family:PingFangSC-Regular,PingFang SC,Microsoft Yahei;font-weight:400;
    color:rgba(255,255,255,1);
}
.container5 .main .top .intro .right .link .btn:hover{
    background-color:#F5A623;border:1px solid #F5A623;
}
.container5 .main .views{
    margin-top:54px;
}
.container5 .main .list {
    position:relative;margin-top:27px;margin-bottom:66px;
}
.container5 .main .list_box{
    overflow:hidden;height:212px;width:1160px;position:relative;
}
.container5 .main .list_box ul {
    width:100%;height:212px;position:absolute;z-index:99;
}
.container5 .main .list_box ul li{
    float:left;width:370px;height:212px;margin-right:25px;
}
.container5 .main .list_box ul li:last-child{
    margin-right:0;
}
.container5 .main .list_box ul li img{
    width:100%;height:100%;
}
.container5 .main .list .btn_pre{
    background-image: url("../img/icon/icon_left_blue.png");background-size: 37px 37px;
    width:37px;height:37px;position:absolute;left:-57px;top:87px;z-index:100;
}
.container5 .main .list .btn_next{
    background-image: url("../img/icon/icon_right_blue.png");background-size: 37px 37px;
    width:37px;height:37px;position:absolute;right:-57px;top:87px;z-index:100;
}
.container5 .main .list .btn_pre:hover{
    background-image: url("../img/icon/icon_left_blue_active.png");
}
.container5 .main .list .btn_next:hover{
    background-image: url("../img/icon/icon_right_blue_active.png");
}
.container6 {
    background-color:#4A4A4A;display:none;
}
.container6.active {
    display: block;
}
.container6 .center_area{
    background-color: #FFFFFF;height:665px;padding-top:85px;box-sizing: border-box;
}
.container6 .opt_back{
    height:56px;width:56px;background-size: 100% 100%;position:absolute;right:46px;top:26px;
    background-image: url("../img/icon/icon_back.png");
}
.container6 .main{
    margin-left:161px;margin-top:20px;
}
.container6 .main video{
    width:840px;height:456px;
}
.container7 .main{
    text-align:center;box-sizing: border-box;margin-top:30px;margin-bottom:15px;
}
.container7 .main .en{
    font-size:24px;font-family:DINCondensed-Bold,DINCondensed,Microsoft Yahei;font-weight:bold;color:rgba(74,74,74,1);
    line-height:29px;
}
.container7 .main .cn{
    font-size:18px;font-family:PingFangSC-Semibold,PingFang SC,Microsoft Yahei;font-weight:600;color:rgba(74,74,74,1);
    line-height:25px;
}