* { margin: 0px; padding: 0px; }
body {background:  url(../images/bg.png),url(../images/bot.png); background-position: top center, bottom center; background-color: #04015c; background-repeat: no-repeat; -webkit-text-size-adjust: none;
font-family: "Microsoft YaHei", "PingFang SC",Arial, "Helvetica Neue", Helvetica, STHeiTi, sans-serif;background-size: 100%;}
html {min-width: 1220px;}
.wraper {width: 100%;margin: 0 auto;min-width: 1220px;}
.wrap {width: 1220px;margin: 0px auto;}
.fl {float: left; }
.fr {float: right; }
dl, dt, ul { list-style: none; text-decoration: none; padding-inline-start: 0px; }
a {text-decoration: none; color: #333;}
.clearfix::before, .clearfix::after { content: ""; display: table; clear: both; }
.un {transition: all 0.3s ease-out 0s; }
.none {display: none; }
.ellipsis {text-overflow: ellipsis;white-space: nowrap; overflow: hidden}
.flex{display: flex;}
.column{flex-direction: column;}

.logo{margin-top: 30px; margin-left: 20px;}
.title{text-align: center; margin: 40px auto;}

.inr{height: 153px;background: url(../images/inr.png) center no-repeat;text-indent: 6em;color: #07034f;font-size: 15px;line-height: 25px;box-sizing: border-box;padding: 28px 52px 0 37px;}

.goback h1{font-size: 30px; color: #fff; text-align: center; margin-bottom: 20px;}
.goback div img{text-align: center;display: block;margin: 0 auto;}

.tit{text-align: center; font-size: 35px; color: #fff; margin: 40px auto; font-weight: bold; letter-spacing: 5px;}
.tit1{background: url(../images/tit-bg.png) center 20px no-repeat;}
.tit2{background: url(../images/tit-bg1.png) center 20px no-repeat; letter-spacing: 1px;}
.middle ul li{
    background: url(../images/videobg.png) center no-repeat;
    height: 219px;
    box-sizing: border-box;
    position: relative;
    padding: 30px;
	margin-bottom: 85px;
}
.middle ul li:hover{transform: translateY(-3px);}
.middle ul li a{
    display: block;
    width: 100%;
    height: 100%;
}
.middle ul li h2{
    margin-top: 5px;
	color: #fff;
	font-size: 30px;
}
.middle ul li h2>span{font-size: 18px;display: inline-block;background: url(../images/school.png) center left no-repeat;height: 32px;line-height: 32px;font-weight: normal;position: relative;top: -2px;margin-left: 10px;padding-left: 10px;}
.middle ul li .keti{
    margin-top: 46px;
    background: url(../images/video.png)  left 10px no-repeat;
    color: #1a30ad;
    font-size: 28px;
    font-weight: bold;
    padding-left: 40px;
    letter-spacing: 1px;
}
.middle ul li .keti>span{display: inline-block;background: url(../images/bofang.png) center no-repeat;font-size: 16px;color: #fff;font-weight: normal;height: 41px;line-height: 36px;width: 107px;text-align: center;position: relative;top: -4px;margin-left: 5px;}
.middle ul li .keti>span:hover{-webkit-animation: shake-top 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
	        animation: shake-top 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;}

@-webkit-keyframes shake-top {
  0%,
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
  }
  10% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  20%,
  40%,
  60% {
    -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg);
  }
  30%,
  50%,
  70% {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg);
  }
  80% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
  90% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
}
@keyframes shake-top {
  0%,
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
  }
  10% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  20%,
  40%,
  60% {
    -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg);
  }
  30%,
  50%,
  70% {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg);
  }
  80% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
  90% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
}
.middle ul li img{
    position: absolute;
    right: 10px;
    top: -36px;
}
.update{color: #1a30ad !important;opacity: .5;font-size: 20px !important;height: 39px;line-height: 39px;font-weight: normal !important;letter-spacing: 0 !important;}

.join li{box-sizing: border-box;width: 382px;height: 471px;padding: 244px 35px 0;font-size: 18px;color: #555555;line-height: 31px;}
.join li:nth-child(1){background: url(../images/a1.png) center no-repeat;}
.join li:nth-child(2){background: url(../images/a2.png) center no-repeat; margin-left: 30px; margin-right: 30px;}
.join li:nth-child(3){background: url(../images/a3.png) center no-repeat;}

.promote{background: url(../images/computer.png) center no-repeat;height: 343px;box-sizing: border-box;padding: 35px 45px;}
.promote .detail{background: url(../images/b1.png) center no-repeat;height: 105px;box-sizing: border-box;position: relative;padding-left: 64px;padding-top: 20px;width: 758px;margin-bottom: 22px;}
.promote span{position: absolute;color: #fff;font-size: 12px;left: 26px;top: 30px;}
.promote .detail h2{color: #1a30ad; font-size: 24px;}
.meeting div{background: url(../images/c1.png) center no-repeat; width: 591px;  height: 81px; position: relative; line-height: 80px; color: #222; box-sizing: border-box; padding-left: 60px; font-weight: bold; margin-bottom: 10px;}
.meeting div:nth-child(1){margin-right: 22px;}
.meeting div span{position: absolute; color: #fff; font-size: 22px; left: 12px;}

.map{background: url(../images/map.png) center no-repeat;height: 474px;box-sizing: border-box;padding-top: 420px;text-align: center;color: #222;font-size: 16px;margin-bottom: 88px;}