.bouutom-banada{margin-top:0;}
.eluid0c704ddb{padding-bottom:0;}
.fluid-width-video-wrapper {
    height: 100%;
    padding-top: 0px;
}
.site-bottom {
	background-color: #2f2f2f;
	height: 60px;
	width: 100%;
}
.mecon {
	background-size:cover;
	padding-top: 424px;
	padding-bottom:120px;
	background-image: url(../image/k_bg.jpg);
	background-repeat: no-repeat;
	background-position: center 0;
	background-color: #2f2f2f;
}

.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{
	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;
	background-image: url(../image/ttdown.jpg);
}
.mect .left .down:hover{text-decoration: none;}
.mect .left .other{height: 284px;background: linear-gradient(#282f58 70%, #03c8fd);}
.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: #44d3f1;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: #fff;display: block;font-size: 12px}
.mect .left .other .twobtn{height: 76px;background: #2f3b80;display: flex;align-items: center;justify-content: center;line-height: 20px;}
.mect .left .other .twobtn a{color: #44d3f1;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: #fff;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:#282f58;}
.mect .right .news .tab{border-bottom: 1px solid #44d3f1;height: 64px;margin:0px;font-size: 17px;font-weight: bold;color: #555;padding:0;
}
.mect .right .news .tab li{border-bottom: solid 3px #03c8fd;width: fit-content;
	line-height: 62px;padding:0 10px;font-size: 26px;background-image:-webkit-linear-gradient(bottom,#44d3f1,#03c8fd); -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: #fff;width:calc(100% - 75px) ;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.mect .right .news .list li a:hover{color: #44d3f1;text-decoration: none;}
.mect .right .news .list li span{color: #44d3f1;width: 60px;}
.ktitle {
        font-size: 26px;
        text-align:center;
        width: 283px;
        height: 56px;
        color: #fff;
        font-weight:bold;
        line-height: 56px;
        margin:0 auto 60px;
        background: url(static/image/ti.png) no-repeat center center;
        
    }
    
    .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(static/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(static/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: url(static/image/bg-1.jpg) center center;
        background-size: cover;
    }

    .funarea {
        background: url(static/image/45428101219102kimw.jpg) center center no-repeat;
        background-size: cover;
    }
    .thek{position: relative;}
    .thek .ht{position: absolute;width: 100%;height:26px;background: url(static/image/ht.png) center 0;top: -22px }

    .mecontainer {
        margin-right: auto;
        margin-left: auto;
        padding-left: 15px;
        padding-right: 15px;
        width: 1440px;
    }

    .funarea ul {
        display: flex;
        flex-wrap: wrap;
        width: calc(100% + 25px)
    }
.funarea ul li {
        width: calc(20% - 25px);
        margin-right: 25px;
        margin-bottom: 25px;
         background: url(static/image/kk.jpg) 0 0 no-repeat;
         background-size: 100%;
         height: 0;
         padding-bottom: calc(34.029850746269% - 42px)
    }

    .funarea ul li .ico {
        width: 88px;
        height: 78px;
        margin: 50px auto 0;
    }

    .funarea ul li .ico img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        filter: drop-shadow(0px 4px 0px rgba(0,0,0,.2));
    }

    .funarea ul li .title {
        font-size: 26px;
        color: cyan;
        text-align: center;
        line-height: 32px;
        padding: 38px 0;
    }

    .funarea ul li .ms {
        font-size: 14px;
        color: #fff;
        line-height: 24px;
        padding:0 20px;
    }

    .funarea ul li .ms dd {
        padding-bottom: 12px;
    }

    .funarea ul li .ms dd:last-child {
        padding-bottom: 0
    }
@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;padding-bottom:0;}
	.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;
       }
       .funarea, .teacharea {
         padding: 30px 0;
        }
        .funarea ul{width: calc(100% + 15px);padding:0 15px;}
        .teacharea ul{padding:0 15px;}
        .funarea ul li {
            width: calc(50% - 15px);
                padding-bottom: calc(85.074626865672% - 22px);
                margin-right: 15px;
                 margin-bottom: 15px;
        }
        .funarea ul li .title{font-size:18px;line-height:20px;padding: 20px 0;}
        .funarea ul li .ico {
        width: 60px;
        height: 53px;
        margin: 30px auto 0;
        }

        .teacharea ul li {
            width: 50%
        }
        .videoplay .kuang {
        width: 90%
        }

        .videoplay .kuang .video {
            height: 226px;
        }

        .videoplay .closewin {
            right: 0;
            width: 30px;
            height: 30px;
            top: -38px;
        }

}