    <style>
    .bouutom-banada{margin-top:0;display:None;}
    .fluid-width-video-wrapper {
    height: 100%;
    padding-top: 0px!important;
}
    .site-footer {
    border-top-color: transparent;
    }
    .eluid0c704ddb{padding-bottom:0;}
        .mecon {
    background: url(../image/long1.jpg) center 0 no-repeat;
    padding-top: 424px;padding-bottom:30px;
}

.mect {
    width: 1440px;
    height: 431px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.mect .left {
    width: 240px;
    flex-shrink: 0;
    display: flex;flex-direction: column;
}
.mect .left .down{background:url(../image/longdown.jpg);height: 147px;color: #fff;font-weight: bold;font-size: 34px;text-shadow: 0 0 6px rgba(0,0,0,.4);text-align: center;line-height: 147px;text-indent:-9999em;}
.mect .left .down:hover{text-decoration: none;}
.mect .left .other{height: 284px;background: linear-gradient(#2c343b, #44535e);}
.mect .left .other .ewm{height: 133px;display: flex;padding:15px;}
.mect .left .other .ewm .img{width: 79px;height: 79px;flex-shrink: 0}
.mect .left .other .ewm .img img{width: 100%;height: 100%;object-fit: cover;}
.mect .left .other .ewm .text{color: #fff;background: linear-gradient(90deg,#3f4d59,transparent);flex-grow: 1;margin-left: 6px;padding:6px;font-size: 14px}
.mect .left .other .ewm .text span{font-weight: bold;color: #ffb98a;display: block;font-size: 12px}
.mect .left .other .twobtn{height: 76px;background: #3f4e5a;display: flex;align-items: center;justify-content: center;line-height: 20px;}
.mect .left .other .twobtn a{color: #fff;font-size: 16px;padding:0 15px;text-align:center;}
.mect .left .other .twobtn a:first-child{border-right: solid 1px #5f6e79}

.mect .left .other .liwu{height: 75px;color: #ffb98a;font-size: 14px;padding:15px;font-weight: bold;}

.mect .right {
    width: 1166px;
    flex-shrink: 0;
    display: flex;
}
.mect .right .flavar{width: 686px;position: relative;}
.mect .right .flavar {overflow: hidden;}
.mect .right .flavar .slidetab{position: absolute;bottom: 18px;width: 100%;height: 4px;}
.mect .right .flavar .slidetab ul{display: flex;justify-content: center;}
.mect .right .flavar .slidetab li{width: 20px;height: 4px;background: #ec4828;border-radius: 2px;margin:0 3px;cursor: pointer;}
.mect .right .flavar .slidetab li.cur,.mect .right .flavar .slidetab li:hover{background: #fff}

.mect .right .flavar .slidewrap{transition: all .4s;display: flex;}
.mect .right .flavar .slidewrap .slide img{width: 100%;height: 100%;object-fit: cover;}
.mect .right .flavar .slidewrap .slide{width: 686px;flex-shrink: 0;height: 431px;}
.mect .right .news{width: 480px;padding:0 30px;background: url(../image/longnew.jpg) 0 0 no-repeat;border: 0px transparent solid;
    border-image: linear-gradient(45deg,#ea8f08,#b81f00,#ea8f08) 1;}
.mect .right .news .tab{border-bottom: 1px solid #8a533e;height: 64px;margin:0px;font-size: 17px;font-weight: bold;color: #555;padding:0;
}
.mect .right .news .tab li{border-bottom: solid 3px #ec4828;width: fit-content;
	line-height: 62px;padding:0 10px;font-size: 26px;background-image:-webkit-linear-gradient(bottom,red,#fd8403,yellow); -webkit-background-clip:text;-webkit-text-fill-color:transparent; 
    }
.mect .right .news .list li{height: 14px;line-height: 14px;margin:15px 0;display: flex;justify-content: space-between;text-align:left;}
.mect .right .news .list li a{color: #c29578;width:calc(100% - 75px) ;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.mect .right .news .list li a:hover{color: #ec4828;text-decoration: none;}
.mect .right .news .list li span{color: #c29578;width: 60px;}

.ktitle {
        font-size: 46px;
        width: 283px;
        height: 56px;
        color: #fead1e;
        line-height: 56px;
        margin:0 auto 60px;
        background: url(../image/tbg-1.png);
        background-size: cover;
    }
    .ktitle span{padding-left: 24.734982332155%;}
    .videoplay {
        position: fixed;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: 999;
        background: rgba(0, 0, 0, .8);
        display: flex;
        align-items: center;
        justify-content: center;
        display: none;
    }

    .videoplay .kuang {
        width: 1000px;
        position: relative;
    }

    .videoplay .kuang .video {
        height: 526px;
    }

    .videoplay .closewin {
        width: 60px;
        height: 60px;
        cursor: pointer;
        position: absolute;
        right: -68px;
        top: -12px;
        transform: rotate(45deg);
        transition: all .4s;
    }

    .videoplay .closewin:hover {
        transform: rotate(135deg);
    }

    .videoplay .closewin span {
        display: block;
        background: #fff;
        position: absolute;
    }

    .videoplay .closewin span:nth-child(1){
        height: 2px;
        width: 100%;
        top: 50%;
        margin-left: -50%;
        left: 50%;
        margin-top: -1px
    }

    .videoplay .closewin span:nth-child(2) {
        height: 100%;
        width: 2px;
        left: 50%;
        margin-left: -1px;
        margin-top: -50%;
        top: 50%;
    }


    .teacharea ul {
        display: flex;
        flex-wrap: wrap;
        width: calc(100% + 20px)
    }

    .teacharea ul li {
        width: 25%;
        padding-right: 20px;
        padding-bottom: 30px;
    }

    .teacharea ul li .vk {
        padding-bottom: 67.246376811594%;
        position: relative;
        height: 0;
        background: url(../image/vk.png);
        background-size: 100%
    }

    .teacharea ul li .vk .vkn {
        width: 100%;
        padding: 2.0289855072463% 3.1884057971014% 1.7391304347826%;
        height: 100%;
        position: absolute;
        overflow: hidden;
    }

    .teacharea ul li .vk .vkn .video {
        position: absolute;
        height: calc(100% - 5.6034482758621%);
        width: calc(100% - 6.3768115942029%);
        background: #000;
        border-radius: 3px;
        overflow: hidden;
    }

    .teacharea ul li .vk .vkn .playicon {
        position: absolute;
        background: rgba(0, 0, 0, .1);
        height: calc(100% - 5.6034482758621%);
        width: calc(100% - 6.3768115942029%);
        z-index: 4;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }

    .teacharea ul li .vk .vkn .playicon i {
        background: url(../image/btn_play.png);
        width: 26.666666666667%;
        padding-bottom: 26.666666666667%;
        height: 0;
        background-size: 100%;
        background-repeat: no-repeat;
        transition: all .4s
    }

    .teacharea ul li .vk .vkn .playicon:hover i {
        transform: scale(1.1);
    }

    .teacharea ul li .vk .vkn .text {
        bottom: 2.5862068965517%;
        position: absolute;
        background: rgba(0, 0, 0, .8);
        color: #fff;
        font-size: 18px;
        overflow: hidden;
        line-height: 40px;
        height: 40px;
        width: calc(100% - 6.3768115942029%);
        border-radius: 0 0 3px 3px;
    }




    .funarea,
    .teacharea {
        padding: 60px 0;
    }

    .teacharea {
        background: #000;
        background-size: cover;
    }

    .funarea {
        background: url(../image/funbg.jpg) center center no-repeat;
        background-size: cover;
    }
    .thek{position: relative;}
    .thek .ht{position: absolute;width: 100%;height:26px;background: url(../image/ht.png) center 0;top: -22px }

    .mecontainer {
        margin-right: auto;
        margin-left: auto;
        padding-left: 15px;
        padding-right: 15px;
        width: 1440px;
    }

@media screen and (max-width: 1440px){
	.mecontainer{width: 100%;}
	.funarea ul li {
        width: calc(33.33% - 25px);
        padding-bottom: calc(56.149253731343% - 42px);
    }

}
@media screen and (max-width: 992px){
    .teacharea ul li{width: 33.33%;}
}
@media screen and (max-width: 768px){
	.mecon{background-size: 220%;padding-top: 220px;}
	.mect{width: 100%;height: auto;flex-direction: column;}
	.mect .left{width: 100%}
	.mect .left .down{background:linear-gradient(#b81f00, #ea8f08);text-indent:0em;}
	.mect .right{flex-direction: column;width: 100%}
	.mect .right .flavar,.mect .right .news{width: 100%}
	.mect .right .news{padding: 0 15px;}
	.mect .right .flavar .slidewrap .slide{height: 0;position: relative;padding-bottom: 21%}
	.mect .right .flavar .slidewrap .slide img{position: absolute;}
	.mect .left .other,.mect .left .other .ewm,.mect .left .other .liwu{height: auto}
	.mect .left .other .ewm .img{width: 34%;padding-bottom: 34%;position: relative;}
	.mect .left .other .ewm .img img{position: absolute;}
	.mect .left .other .ewm .text{font-size: 24px;}
	.mect .left .other .ewm .text span{font-size: 14px;}
	.mect .left .other .twobtn a{font-size: 18px;}
	.mect .left .other .liwu{font-size: 16px;text-align: center;line-height: 34px;}
	
	.ktitle {
        font-size: 26px;
        width: 202px;
        height: 40px;
        line-height: 40px;
        margin:0 auto 30px;
       }
      .teacharea {
         padding: 30px 0;
        }
        .teacharea ul{padding:0 15px;}
        

        .teacharea ul li {
            width: 50%
        }
        .videoplay .kuang {
        width: 90%
        }

        .videoplay .kuang .video {
            height: 226px;
        }

        .videoplay .closewin {
            right: 0;
            width: 30px;
            height: 30px;
            top: -38px;
        }

}

    </style>
