* { margin: 0px; padding: 0px; }
body {background:  center top no-repeat; -webkit-text-size-adjust: none;}
html {min-width: 1210px; }
.wraper {width: 100%;margin: 0 auto;min-width: 1210px}
.wrap {width: 1210px; margin: 0px auto; }
.fl {float: left; }
.fr {float: right; }
div{box-sizing: border-box;}
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}
.logo{margin-top: 30px;}
.title{text-align: center; padding: 40px 0;}
.inr{background: url(/uploads/image/z2limages/inr.png) center no-repeat;height: 171px;padding: 70px 29px 20px 45px;line-height: 25px;color: #01094c;text-indent: 2em; margin-top: 320px; margin-bottom: 25px;}
.recommend{display: flex; flex-wrap: nowrap; justify-content: space-around;}
.recommend div{font-size: 21px;line-height: 28px;width: 287px;height: 108px;padding: 21px 20px 0 64px; font-weight: bold; cursor: pointer;}
.recommend div:hover{-webkit-animation:swing 1s .2s ease both;
-moz-animation:swing 1s .2s ease both;
}
@-webkit-keyframes swing {
20%, 40%, 60%, 80%, 100% {
-webkit-transform-origin:top center
}
20% {
-webkit-transform:rotate(7deg)
}
40% {
-webkit-transform:rotate(-5deg)
}
60% {
-webkit-transform:rotate(2deg)
}
80% {
-webkit-transform:rotate(-2deg)
}
100% {
-webkit-transform:rotate(0deg)
}
}
@-moz-keyframes swing {
20%, 40%, 60%, 80%, 100% {
-moz-transform-origin:top center
}
20% {
-moz-transform:rotate(7deg)
}
40% {
-moz-transform:rotate(-5deg)
}
60% {
-moz-transform:rotate(2deg)
}
80% {
-moz-transform:rotate(-2deg)
}
100% {
-moz-transform:rotate(0deg)
}
}
.recommend div:nth-child(1){background: url(/uploads/image/z2limages/a1.png) center no-repeat; color: #000c47;}
.recommend div:nth-child(2){background: url(/uploads/image/z2limages/a2.png) center no-repeat; color: #013727;}
.recommend div:nth-child(3){background: url(/uploads/image/z2limages/a3.png) center no-repeat; color: #0e014d;}
.recommend div:nth-child(4){background: url(/uploads/image/z2limages/a4.png) center no-repeat; color: #480303;}
.video li{width: 598px;height: 342px;overflow: hidden;background: url(/uploads/image/z2limages/li.png) center no-repeat;padding: 30px 4px 25px;box-sizing: border-box; margin-right: 10px; position: relative; margin-bottom: 30px; cursor: pointer;}
.video li:hover{transform: translatey(-2px);}
.video li:nth-child(2n){margin-right: 0;}
.video li .video-right{width: 290px; margin-left: 25px;}
.video li .name{font-size: 28px; font-weight: bold; margin-bottom: 10px; margin-top: 10px;}
.video li .name span{display: inline-block; font-size: 12px; color: #503703; background: #fde5b0; background-image: linear-gradient(to right,#fde5b0,#fdecc7); font-weight: normal; padding: 2px 4px; position: relative; top: -2px; border-radius: 8px 0 8px 0; margin-left: 8px;}
.video .video-title span{background: url(/uploads/image/z2limages/b2.png) center bottom no-repeat;font-size: 16px;line-height: 20px;}
.video dt{margin-top: 30px; font-size: 18px; font-weight: bold; margin-bottom: 8px;}
.video dd{background: url(/uploads/image/z2limages/b3.png) left center no-repeat; padding-left: 10px; font-size: 14px; line-height: 25px;}
.video .leftbot{background: url(/uploads/image/z2limages/b1.png) -37px -9px no-repeat;width: 80px;height: 45px;position: absolute;z-index: 100;border-radius: 0 0 0 18px;left: 19px;bottom: 14px;}
.video li .subject{position: absolute; background: url(/uploads/image/z2limages/sub.png) center no-repeat; width: 134px; height: 50px; color: #fff; font-weight: bold; font-size: 17px; line-height: 40px; text-align: center;top: 230px; left: 60px;}
.video li img.fl{position:relative;left:15px; bottom:5px;border-radius:0 0 0 40px}

.bg1{background: url(/uploads/image/z2limages/bg1.png) center no-repeat; height: 1281px;}
.beikao ul li{width: 585px; height: 136px; padding: 35px 10px 10px 155px; box-sizing: border-box; font-size: 26px; font-weight: bold; margin-bottom: 30px; margin-right: 35px; cursor: pointer;}
.beikao ul li:nth-child(1){background: url(/uploads/image/z2limages/c1.png) center no-repeat;}
.beikao ul li:nth-child(2){background: url(/uploads/image/z2limages/c2.png) center no-repeat; margin-right: 0;}
.beikao ul li:nth-child(3){background: url(/uploads/image/z2limages/c3.png) center no-repeat;}
.beikao ul li:nth-child(4){background: url(/uploads/image/z2limages/c4.png) center no-repeat; margin-right: 0;}

.gaokao ul{display: flex; justify-content: center; flex-wrap: wrap;}
.gaokao ul li{width: 374px; height: 264px; box-sizing: border-box; padding: 125px 65px 0; text-align: center; line-height: 25px; margin-bottom: 30px; cursor: pointer;}
.gaokao ul li h3{font-size: 26px; margin-bottom: 15px;}
.gaokao ul li:nth-child(1){background: url(/uploads/image/z2limages/d1.png) center no-repeat;}
.gaokao ul li:nth-child(2){background: url(/uploads/image/z2limages/d2.png) center no-repeat;}
.gaokao ul li:nth-child(3){background: url(/uploads/image/z2limages/d3.png) center no-repeat;}
.gaokao ul li:nth-child(4){background: url(/uploads/image/z2limages/d4.png) center no-repeat;}
.gaokao ul li:nth-child(5){background: url(/uploads/image/z2limages/d5.png) center no-repeat;}
.silu{background: url(/uploads/image/z2limages/bg2.png) center no-repeat;}
.silu ul{display: flex; justify-content: space-evenly; flex-wrap: wrap;}
.silu ul li{width: 380px; height: 264px; box-sizing: border-box; font-size: 17px; padding: 30px 30px 0 50px; color: #333; line-height: 28px;}
.silu ul li h2{font-size: 28px; margin-bottom: 33px;color: #fff;}
.silu ul li:nth-child(1){background: url(/uploads/image/z2limages/e1.png) center no-repeat;}
.silu ul li:nth-child(2){background: url(/uploads/image/z2limages/e2.png) center no-repeat;}
.silu ul li:nth-child(3){background: url(/uploads/image/z2limages/e3.png) center no-repeat;}
.silu ul li:nth-child(4){background: url(/uploads/image/z2limages/e4.png) center no-repeat;}
.silu ul li:nth-child(5){background: url(/uploads/image/z2limages/e5.png) center no-repeat;}
.silu ul li:nth-child(6){background: url(/uploads/image/z2limages/e6.png) center no-repeat;}
.silu ul li:hover{-webkit-animation:swing 1s .2s ease both;
-moz-animation:swing 1s .2s ease both;
}
@-webkit-keyframes swing {
20%, 40%, 60%, 80%, 100% {
-webkit-transform-origin:top center
}
20% {
-webkit-transform:rotate(7deg)
}
40% {
-webkit-transform:rotate(-5deg)
}
60% {
-webkit-transform:rotate(2deg)
}
80% {
-webkit-transform:rotate(-2deg)
}
100% {
-webkit-transform:rotate(0deg)
}
}
@-moz-keyframes swing {
20%, 40%, 60%, 80%, 100% {
-moz-transform-origin:top center
}
20% {
-moz-transform:rotate(7deg)
}
40% {
-moz-transform:rotate(-5deg)
}
60% {
-moz-transform:rotate(2deg)
}
80% {
-moz-transform:rotate(-2deg)
}
100% {
-moz-transform:rotate(0deg)
}
}


.jiqiao div{width: 398px; height: 155px; float: left; padding: 30px 70px 0 30px; line-height: 28px;}
.jiqiao div:nth-child(1){background: url(/uploads/image/z2limages/f1.png) center no-repeat; }
.jiqiao div:nth-child(2){background: url(/uploads/image/z2limages/f2.png) center no-repeat; }
.jiqiao div:nth-child(3){background: url(/uploads/image/z2limages/f3.png) center no-repeat; }

.bot{background: url(/uploads/image/z2limages/bot.png) center no-repeat; height: 330px;}