body,
p,
ul,
li,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dt,
dd,
form,
iframe {
    margin: 0;
    padding: 0;
    color: #313131;
}

ul,
li,
ol {
    list-style: none outside none;
}

a img {
    border: none;
}

img {
    display: block;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

a:link,
a:visited {
    text-decoration: none;
    cursor: pointer;
}

a:hover {
    text-decoration: none;
    cursor: pointer;
}

a:focus {
    color: #0c1d0d;
    cursor: pointer;
}

.pad30 {
    padding: 30px 0;
}

.warp {
    width: 990px;
    margin: 0 auto;
    display: block;
}

.tl {
    text-align: left !important;
}

.pmd {
    width: 1000px;
    height: 401px;
    /* border: 1px solid #7379ff; */
    margin: 10px auto 0;
    position: relative;
    border-radius: 10px;
}

.pmd i {
    width: 6px;
    height: 6px;
    background: #7379ff;
    position: absolute;
    z-index: 1;
    border-radius: 50%;
}

.pmd i.one {
    left: 17px;
    top: -2px;
    animation: rout1 16s infinite linear;
}

.pmd i.two {
    left: 977px;
    top: -2px;
    animation: rout2 16s infinite linear;
}

.pmd i.thr {
    left: 978px;
    top: 396px;
    animation: rout3 16s infinite linear;
}

.pmd i.fou {
    left: 17px;
    top: 394px;
    animation: rout4 16s infinite linear;
}

@keyframes tag {
    0% {
        transform: scale(1.2);
    }
    50% {
        transform: scale(0.95);
    }
    100% {
        transform: scale(1.2);
    }
}

@-webkit-keyframes tag {
    0% {
        transform: scale(1.2);
    }
    50% {
        transform: scale(0.95);
    }
    100% {
        transform: scale(1.2);
    }
}

@keyframes rout1 {
    0% {
        left: 17px;
        top: -2px;
    }
    25% {
        left: 977px;
        top: -2px;
    }
    50% {
        left: 977px;
        top: 396px;
    }
    75% {
        left: 17px;
        top: 396px;
    }
    100% {
        left: 17px;
        top: -2px;
    }
}

@keyframes rout2 {
    0% {
        left: 977px;
        top: -2px;
    }
    25% {
        left: 977px;
        top: 396px;
    }
    50% {
        left: 17px;
        top: 396px;
    }
    75% {
        left: 17px;
        top: -2px;
    }
    100% {
        left: 977px;
        top: -2px;
    }
}

@keyframes rout3 {
    0% {
        left: 977px;
        top: 396px;
    }
    25% {
        left: 17px;
        top: 396px;
    }
    50% {
        left: 17px;
        top: -2px;
    }
    75% {
        left: 977px;
        top: -2px;
    }
    100% {
        left: 977px;
        top: 396px;
    }
}

@keyframes rout4 {
    0% {
        left: 17px;
        top: 396px;
    }
    25% {
        left: 17px;
        top: -2px;
    }
    50% {
        left: 977px;
        top: -2px;
    }
    75% {
        left: 977px;
        top: 396px;
    }
    100% {
        left: 17px;
        top: 396px;
    }
}
@keyframes shang {
    0% {
        top: -100px;
    }
    50% {
       top: -50px;
    }
    100% {
        top: 0px;
    }
}
@keyframes xiad {
    0% {
        top: 100px;
    }
    50% {
       top: 50px;
    }
    100% {
        top: 0px;
    }
}

/* clear */

@charset "utf-8";
#BDBridgeIconWrap {
    display: none !important;
}

html,
body,
div,
ul,
ol,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
fieldset,
input,
abbr,
article,
aside,
command,
details,
figcaption,
figure,
footer,
header,
hgroup,
mark,
meter,
nav,
output,
progress,
section,
summary,
time,
button {
    margin: 0;
    padding: 0;
}

body {
    font-family: "微软雅黑";
    background-color: transparent;
    color: #333;
    -webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
address,
caption,
cite,
code,
em,
th,
figcaption {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
}

fieldset,
iframe,
input {
    border: none;
}

ul,
ol,
li {
    list-style: none;
}

caption,
th {
    text-align: left;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

img {
    border: 0;
}

a:link,
a:visited,
a:active {
    text-decoration: none;
    color: #000;
}


/*a:hover { text-decoration: none; color:#333 }*/


/*jieshu*/

#BizQQWPA1 {
    background: url(/style/img/gif.png);
    position: fixed;
    right: 2px;
    width: 110px;
    height: 154px;
    top: 130px;
    cursor: pointer;
    z-index: 998;
}

.content1 {
    background: #020202;
    /* padding-bottom: 80px; */
}

.banner img {
    width: 100%;
    display: block;
}

.banner111 {
    text-align: center;
    /* padding: 0px 0 10px; */
    /* height: 630px; */
    background-image: url('../images/1_02.png');
    background-size: 100% 100%;
}

.b_p2 {
    width: 70%;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    margin: 60px auto;
    margin-top: 30px;
    color: #d0cbcb
}

/* .banner111 .b_p1 span:nth-child(2){
    color: #685b93;
}
.banner111 .b_p1 span:nth-child(1){
   
  
} */

.b_p1 {
    font-size: 48px;
    line-height: 75px;
    padding-top: 70px;
    text-align: center;
    font-weight: bold;
    background-image:url('../images/sanguang.png');
    background-position: center 92px;
    background-repeat: no-repeat;
  
}
.b_p1_1 {
    padding-top: 50px;
    background-position: center 80px;
}
.b_p1>span{
    background-image:-webkit-linear-gradient(left,#996bac,#59568d,#ab71bb); 
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent; 
}
.work_box {
     height: 1990px;
     background-image: url('../images//1_03.png');
     background-size: 100% 100%;
}
.xiantiao_box {
    padding-top: 50px;
    background-color: #000201;
}
.work_box .xinzijies {
    width: 1360px;
    height: 480px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.xia_content_box {
    width: 900px;
    height: 236px;
    /* background-color: red; */
    margin: 0 auto;
    margin-top: 100px;
    margin-bottom: 70px;
    display: flex;
    justify-content: space-between;
}
.xia_content_box >div{
    width: 262px;
    height: 178px;
    background-image:url('../images//dunpai.png');
    background-size: 100% 100%;
    /* background-repeat: no-repeat; */
    font-size: 38px;
    padding-top: 60px;
  
}
.shuoming {
    width: 1390px;
    color: #fff;
    text-align: right;
    margin: 0 auto;
    margin-top: 20px;
}
.xia_content_box >div>p{
    color: #fff;
}
.main1 {
    width: 100%;
    height: 2290px;
    /* overflow: hidden; */
    color: #333;
    background-image: url('../images/1_05.png');
    background-size: 100% 100%;
   
}
.main1>ul{
    width: 1505px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    margin-top: 50px;

}
.main1 li {
    width: 354px;
 
}
.main1 li div {
    width: 100%;
}
.main1>ul img {
    width: 100%;
    height: 100%;
}
.xinzijies>div{
    width: 324px;
    height: 474px;
    border: 5px solid transparent;
    border-image: linear-gradient(to top, #6e3278, #1d1c60) 2;
   text-align: center;
   position: relative;
   overflow: hidden;
}
.xinzijies>div p{
    color: #fff;
    
}
.line_box >img {
    width: 100%;
    height: 100%;
}

.main1>.line_box >img {
    width: 100%;
    height: 100%;
}

.xinzijies>div>p:nth-child(1) {
       font-size: 30px;
       margin-top: 305px;
}
.jieshao{
    height: 100%;
    background-color: rgba(0, 0, 0,0.7);
    position: absolute;
    top: 100%;
    transition: all 0.3s linear;
    padding-left: 24px;
    padding-right:24px ;
}
.jieshao>p {
    
    font-size: 30px;
    margin-top: 50px;
}
.jieshao>p:nth-child(2){
    font-size: 20px;
    text-align: left;
}
.gengduo {
    width: 536px;
    height: 95px;
    margin: 0 auto;
    font-size: 40px;
    text-shadow: 2px 4px 3px #053b5f;
    color: #fff;
    background-image: url('../images//anniu.png');
    background-size: 100% 100%;
    line-height: 95px;
    text-align: center;
    margin-top: 50px;
   margin-bottom: 48px;
}
.xinzijies>div:hover .jieshao{
    position: absolute;
    top: 0;
    transition: all 0.5s linear;
}
.xinzijies>div:hover >p {
    display: none;
}
.xinzijies>div p:nth-child(2) {
    font-size: 25px;
    margin-top: 14px;
}
.xinzijies>div p:nth-child(3) {
    font-size: 42px;
    /* margin-top: 5px; */
}
.xinzijies>div:nth-child(1){
    background-image: url('../images//1.01.jpg');
    background-size: 100% 100%;
}
.xinzijies>div:nth-child(2){
    background-image: url('../images//1.02.jpg');
     background-size: 100% 100%;
}
.xinzijies>div:nth-child(3){
    background-image: url('../images//1.03.jpg');
     background-size: 100% 100%;
}
.xinzijies>div:nth-child(4){
    background-image: url('../images//1.04.jpg');
     background-size: 100% 100%;
}
.renquan {
    width: 1350px;
    height: 788px;
    margin: 0 auto;
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.final_box {
    width: 100%;
    background-image: url('../images//1_07.png');
    background-size: 100% 100%;
}
.final_box>.jiangzhuang{
    width: 818px;
    height: 554px;
   
    border-radius: 10px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 14px;
    padding-bottom: 14px;
    margin: 0 auto;
    margin-top: 50px;
    border: 10px solid transparent;
    border-image: linear-gradient(to top, #6e3278, #1d1c60) 2;

}
.final_box>.jiangzhuang>div{
    width: 100%;
    height: 100%;
    background-color: #0aaff0;
    overflow: hidden;
   
}
.final_box>.jiangzhuang>div>img {
    width: 100%;
    height: 100%;
    display: none;
}
.final_box>.jiangzhuang>div>.tupss{
    display: block;
}
.final_box>.jiangzhuang>div>img:hover{
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    /*   border:4px solid #ccc;*/
    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    transition: none;
}

.final_box>.cuanzhe{
    width: 1070px;
    height: 170px;
    /* background-color: #0bb2f3; */
    margin: 0 auto;
    margin-top: 35px;
    display: flex;
    justify-content: space-between;
}
.final_box>.cuanzhe>div {
    width: 235px;
    height: 100%;
}
.final_box>.cuanzhe>div img{
    display: block;
    width: 100%;
    height: 100%;
    display: none;
}
.final_box>.cuanzhe>div .dijianjichuxian{
    display: block;
}
.final_box>.cuanzhe>div:nth-child(1){
    background-image: url('../images/beijinyi.png');
    background-size: 100% 100%;

}
.final_box>.cuanzhe>div:nth-child(2){
    background-image: url('../images/beijiner.png');
    background-size: 100% 100%;

}
.final_box>.cuanzhe>div:nth-child(3){
    background-image: url('../images/beijinsans.png');
    background-size: 100% 100%;
}
.final_box>.cuanzhe>div:nth-child(4){
    background-image: url('../images/beijinsi.png');
    background-size: 100% 100%;
}
.renquan>div {
    width: 606px;
    height: 352px;
    padding-left: 24px;
    padding-right: 24px;
    border: 5px solid transparent;
    border-image: linear-gradient(to top, #6e3278, #1d1c60) 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.renquan>div>div{
    width: 314px;
    text-align: center;
}
.renquan>div>div>h3{
    font-size: 44px;
    color: #fff;
}
.renquan>div>div>p{
    font-size: 27px;
    color: #fff;
    margin-top: 40px;
}
.renquan>div>img{
    width: 278px;
    height: 291px;
}
.main1 li div {
    width: 100%;
    height: 283px;
    /*background:url(../images/202103021.png);*/
    overflow: hidden;
    /*background-size: 100%;*/
}
.course_box {
    height: 2476px;
    background-image: url('../images/1_04.png');
    background-size: 100% 100%;

}
.laodengerqiehuan {
    width: 1288px;
    height: 650px;
    padding-bottom: 50px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    position: relative;
}
.laodengerqiehuan>.gengduo{
    position: absolute;
    left: 390px;
    bottom: 20px;
}
.xuanzhe{
    width: 104px;
    height: 627px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.laodengerqiehuan>.xuanzhe>div{
    width: 100%;
    height: 118px;
    background-size: 100% 100%; 
}
.laodengerqiehuan>.xuanzhe>div>img{
    width: 100%;
    height: 100%;
    display: none;
}
.laodengerqiehuan>.xuanzhe>div>.jianshixianshi{
display: block;
}
.laodengerqiehuan>.xuanzhe>div:nth-child(1){
    background-image: url('../images/antu1.png');
}
.laodengerqiehuan>.xuanzhe>div:nth-child(2){
    background-image: url('../images/antu2.png');
}
.laodengerqiehuan>.xuanzhe>div:nth-child(3){
    background-image: url('../images/antu3.png');
}
.laodengerqiehuan>.xuanzhe>div:nth-child(4){
    background-image: url('../images/antu4.png');
}
.laodengerqiehuan>.xuanzhe>div:nth-child(5){
    background-image: url('../images/antu5.png');
}
.renwu {
    width: 1110px;
    height: 526px;
}
.renwu>div{
    width: 100%;
    height: 100%;
    display: none;
    position: relative;
}
.renwu>.xianshile{
    display: block;
}
.exhibition {
    background-image: url('../images/1_06.png');
}
.renwu>div>img{
    width: 368px;
    height: 518px;
    position: absolute;
    bottom: 5px;
    left: 20px;
    z-index: 99;
}
.main1 .renwu>div>img:hover{
    width: 368px;
    height: 518px;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    /*   border:4px solid #ccc;*/
    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    transition: none;
}
.renwu>div>.text_boxc{
    width: 100%;
    height: 370px;
    background-color: #101125;

    border: 5px solid transparent;
    border-image: linear-gradient(to top, #6e3278, #1d1c60) 2;
    position: absolute;
    bottom: 0;
}
.chanyuxiangmu>p {
    color: #fff;
    font-size: 26px;
    margin-left: 428px;
}
.chanyuxiangmu{
    margin-top: 45px;
}
.text_boxc>.biaotis{
    width: 658px;
    margin-top: 36px;
    padding-right: 132px;
    line-height: 70px;
    margin-left: 330px;
}
.text_boxc>.biaotis>h1{
    width: 292px;
    height: 70px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    font-size: 55px;
    float: left;
    background-image:url('../images/sanguang.png');
    background-position: center 20px;
    background-size: 200% 100%;
    background-repeat: no-repeat;
}
.text_boxc>.biaotis>span{
    color: #fff;
    font-size: 30px;
    margin-left: 40px;
}
.capacity_box>div{
    width: 1300px;
    height: 466px;
    border: 5px solid transparent;
    border-image: linear-gradient(to top, #6e3278, #1d1c60) 2;
    margin: 0 auto;
}
.capacity_box>div:nth-child(1){
    background-image: url('../images/diyige.png');
    background-size: 100% 100%;
}
.capacity_box>div:nth-child(2){
    background-image: url('../images/beijer.png');
    background-size: 100% 100%;
    margin-top: 22px;
}
.capacity_box>div:nth-child(3){
    background-image: url('../images/beijsan.png');
    background-size: 100% 100%;
    margin-top: 22px;
 
}

.capacity_box>div:nth-child(4){
    background-image: url('../images/beijinsan.png');
    background-size: 100% 100%;
    margin-top: 22px;
}
.capacity_box>div:nth-child(2)>div{
    background-image: url('../images/diergetu.png');
}
.capacity_box>div:nth-child(3)>div{
    background-image: url('../images/disangebj.png');
}
.capacity_box>div:nth-child(4)>div{
    background-image: url('../images/disige.png');
}

.capacity_box>div>img{
    width: 474px;
    height: 343px;
    /* border: 4px solid transparent;
    border-image: linear-gradient(to top, #6e3278, #1d1c60) 2; */
}
.capacity_box>.figure_left{
    width: 1266px;
    height: 466px;
    padding-left: 34px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.capacity_box>.figure_left>div{
    width: 750px;
    height: 100%;
    background-image: url('../images/ptu.png');
    background-size: 100% 100%;
}
.capacity_box>.figure_left>div>p{
    width: 682px;
    font-size: 26px;
    color: #fff;
    margin: 0 auto;
    margin-top: 25px;
}
.capacity_box>.figure_left>div>p>span{
    font-size: 30px;
}

.capacity_box>.figure_r{
    width: 1266px;
    height: 466px;
    padding-right: 34px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.capacity_box>.figure_r>div{
    width: 750px;
    height: 100%;
    background-image: url('../images/ptu.png');
    background-size: 100% 100%;
}
.capacity_box>.figure_r>div>p{
    width: 682px;
    font-size: 20px;
    color: #fff;
    margin: 0 auto;
    margin-top: 12px;
}
.capacity_box>.figure_r>div>p>span{
    font-size: 26px;
}
.main1 li h1 {
    font-size: 30px;
    line-height: 28px;
    text-align: center;
    color: #bbbfc3;
    margin-top: 22px;
}

.main1 ul li img {
    width: 100%;
    height: 100%;
    padding-left: 2px;
    padding-top: 2px;
    box-sizing: border-box;
}
.business_box {
    width: 1200px;
    height: 400px;
    margin: 0 auto;
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.business_box>div{
    width: 294px;
    height: 190px;
    background-color: #000201;
    border-radius: 20px;
    overflow: hidden;
}
.business_box>div>p{
    width: 100%;
    text-align: center;
    background-color: rgba(0, 0, 0,0.5);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 100%;
    transition: 0.8s;
}
.business_box>div:hover>p{
    position: absolute;
    top: 50%;
    transition: 0.8s;
}
.business_box>div>img{
    width: 100%;
    height: 100%;
}
.main1 img:hover {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    /*   border:4px solid #ccc;*/
    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

.main1 video {
    width: 270px;
    height: 191px;
}

.mainfb li {
    width: 368px !important;
    float: left;
    margin: 15px;
}

.mainfb img {
    width: 368px !important;
    height: 266px !important;
}

.btn_zixun {
    font-size: 22px;
    color: #fcfeff;
    text-align: center;
    width: 300px;
    height: 50px;
    background: linear-gradient(154deg, #7cd9fd 0%, #508df7 100%);
    border: 2px solid #3b99fc;
    display: block;
    margin: 0 auto;
    line-height: 50px;
    margin-top: 50px;
    border-radius: 24px;
    font-weight: bold;
    letter-spacing: 2px;
    animation: .9s tag linear infinite;
}

.btn_zixun:hover {
    background: linear-gradient( #e94fff,#a470f6, #807afe,#0b92ee);
    color: #ffffff;
}

.banner2021 {
    background: url(../images/beijing212.jpg) no-repeat center bottom;
}

.banner4 .lygj {
    font-size: 16px;
    color: #fcfeff;
    text-align: center;
    width: 334px;
    height: 46px;
    background: linear-gradient(154deg, #7cd9fd 0%, #508df7 100%);
    border: 2px solid #3b99fc;
    display: block;
    margin: 0 auto;
    line-height: 42px;
    margin-top: 50px;
    border-radius: 24px;
    font-weight: bold;
}

.banner4 .lygj:hover {
    background: linear-gradient(154deg, #0bb2f3 0%, #1761e2 100%);
    color: #ffffff;
}

.clear {
    clear: both;
}

.clear {
    zoom: 1;
    clear: both;
    display: inline-block;
}

.clear {
    display: block;
}

.clear:after {
    content: ".";
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
    font-size: 0;
}

.jiangshijiaoshao p {
    color: #fff
}

.jiangshijiaoshao .majs {
    font-size: 19px;
    font-weight: bold;
}

.jiasl {
    height: 216px;
    width: 971px;
    margin-bottom: 14px;
    background: url(../images/cgfj.jpg);
}

.jiasl2 {
    height: 216px;
    width: 971px;
    margin-bottom: 14px;
    background: url(../images/cgfj.jpg);
}

.jiasl3 {
    height: 216px;
    width: 971px;
    margin-bottom: 14px;
    background: url(../images/cgfj.jpg);
}

.jiangshileft {
    float: left;
    padding-top: 4px;
    padding-left: 4px;
}

.jiangshijiaoshao {
    float: left;
    margin-left: 70px;
}

.dmbanner {
    background: url(../images/bannerdm.jpg) no-repeat center top;
    height: 640px;
}

.banner2 {
    background: url(../images/zuopin20209.jpg) no-repeat center top;
    height: 710px;
}

.banner2 h2 {
    position: relative;
    font-size: 54px;
    font-weight: bold;
    color: #fbfbfb;
    text-align: center;
    padding-top: 100px;
    width: 1080px;
    text-align: center;
    margin: auto;
    margin-bottom: 42px;
}

.banner2 h2:before {
    content: "";
    display: block;
    position: absolute;
    width: 1087px;
    height: 124px;
    top: 112px;
    left: 61px;
    background: url(../images/guang.png) no-repeat center top;
    background-size: 1000px 100%;
}

.banner2 p {
    font-size: 30px;
    color: #ffffff;
    text-align: center;
}

.banner202012 {
    background: url(../images/202191xh1.jpg) no-repeat center top !important;
    height: 780px;
}

.banner3 {
    text-align: center;
    padding-bottom: 72px;
    background: #1e2c50;
}

.banner3 h2 {
    font-size: 38px;
    font-weight: normal;
    font-weight: bold;
    text-align: center;
    padding-top: 66px;
    margin-bottom: 14px;
    color: #fffefd;
}

.banner3 p {
    font-size: 18px;
    width: 919px;
    margin: 0 auto;
    line-height: 28px;
    margin-bottom: 40px;
    text-align: center;
    color: #d0cbcb;
}

.banner3 h3 {
    font-size: 24px;
    font-weight: normal;
    text-align: center;
    line-height: 42px;
    margin-bottom: 40px;
    color: #ececec;
}

.banner3 img {
    margin-bottom: 10px;
}

.banner3 h4 {
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    color: #dadfe2;
}

.banner3 span {
    color: #ec561b;
}

.banner4 {
    padding-bottom: 96px;
    background: #141e37;
}

.banner4 h2 {
    font-size: 38px;
    font-weight: bold;
    text-align: center;
    padding-top: 66px;
    margin-bottom: 42px;
    color: #fff;
}

.curriculumBox {
    width: 1200px;
    margin: auto;
    position: relative;
    margin-top: 30px;
}

.curriculumBg {
    background: url(../images/curriculumLogo.png) center top no-repeat;
    height: 580px;
    background-size: contain;
    padding: 20px;
}

.curriculumIcon i {
    width: 6px;
    height: 6px;
    background: #7379ff;
    position: absolute;
    z-index: 1;
    border-radius: 50%;
}
.biaoti{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin-top: 65px;
}
.biaoti>img:nth-child(1){
    height: 76px;
}
.biaoti>img:nth-child(2){
    height: 60px;
}
@keyframes route1 {
    0% {
        left: 0px;
        top: 0px;
    }
    25% {
        left: 1200px;
        top: 0px;
    }
    50% {
        left: 1200px;
        top: 580px;
    }
    75% {
        left: 0px;
        top: 580px;
    }
    100% {
        left: 0px;
        top: 0px;
    }
}

@keyframes route2 {
    0% {
        left: 1200px;
        top: 0px;
    }
    25% {
        left: 1200px;
        top: 580px;
    }
    50% {
        left: 0px;
        top: 580px;
    }
    75% {
        left: 0px;
        top: 0px;
    }
    100% {
        left: 1200px;
        top: 0px;
    }
}

@keyframes route3 {
    0% {
        left: 1200px;
        top: 580px;
    }
    25% {
        left: 0px;
        top: 580px;
    }
    50% {
        left: 0px;
        top: 0px;
    }
    75% {
        left: 1200px;
        top: 0px;
    }
    100% {
        left: 1200px;
        top: 580px;
    }
}

@keyframes route4 {
    0% {
        left: 0px;
        top: 580px;
    }
    25% {
        left: 0px;
        top: 0px;
    }
    50% {
        left: 1200px;
        top: 0px;
    }
    75% {
        left: 1200px;
        top: 580px;
    }
    100% {
        left: 0px;
        top: 580px;
    }
}

.curriculumBg .icon-1 {
    top: 0px;
    left: 0px;
    animation: route1 16s infinite linear;
}

.curriculumBg .icon-2 {
    top: 0px;
    right: 0px;
    animation: route2 16s infinite linear;
}

.curriculumBg .icon-3 {
    bottom: 0px;
    left: 0px;
    animation: route3 16s infinite linear;
}

.curriculumBg .icon-4 {
    bottom: 0px;
    right: 0px;
    animation: route4 16s infinite linear;
}

.curriculumContent {
    background: #142634;
    width: 100%;
    border-radius: 15px;
    height: 580px;
}

.curriculumConten {
    padding: 20px;
}

.curr-title .left_icon {
    background: url(../images/left-curriculum-icon.png) center top no-repeat;
    height: 15px;
    width: 15px;
    background-size: contain;
}

.curr-title .right_icon {
    background: url(../images/right-curriculum-icon.png) center top no-repeat;
    height: 15px;
    width: 15px;
    background-size: contain;
}

.curriculum-l {
    width: 33% !important;
}

.curriculum-logo img {
    width: 100%;
    border-radius: 8px;
}

.curriculumTitle {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.curriculumTitle span {
    font-size: 20px;
    font-weight: bold;
    background-image: linear-gradient(to right, #64D8C5, #1E93F2);
    background-clip: text;
    /* -webkit-background-clip: text; */
    /* color: transparent; */
    padding: 10px 35px;
    color: #fff;
    border-radius: 30px;
}

.curricu-content {
    margin-top: 30px;
}

.MessageInfoBox {
    display: flex;
    justify-content: space-evenly;
    margin-top: 30px;
    height: 80px;
}

.swiper-container1 .swiper-pagination-bullet-active {
    background: #fff;
    width: 15px;
    height: 15px;
}

.swiper-container1 .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    background: #fff;
    ;
}

.MessageInfoBox .Message-title span {
    color: #fff;
    font-weight: 600;
    font-size: 17px;
    padding-left: 8px;
}

.Message-title {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.Message-title i {
    background: url(../images/icon-quan.png) center top no-repeat;
    width: 15px;
    height: 15px;
    background-size: contain;
}

.positionBanner {
    width: 20%;
    padding-right: 30px;
}

.borde-l {
    border-right: 1px solid #303C47;
}

.curr-b {
    margin-top: 30px;
}

.curr-title {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width: 50%;
    margin: auto;
}

.curr-title span {
    background-image: linear-gradient(to right, #64D8C5, #1E93F2);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    font-size: 20px;
    font-weight: bold;
}

.positionFlex {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.positionBanner img {
    width: 100%;
}

.upgrad {
    background: #141e37;
    padding-bottom: 67px;
}

.upgrad .warp {
    width: 1200px;
    margin: 0 auto;
}

.upgrad h2 {
    font-size: 38px;
    text-align: center;
    padding-top: 60px;
    margin-bottom: 29px;
    color: #fffefd;
    font-weight: bold;
}

.upgrad h4 {
    font-size: 18px;
    font-weight: normal;
    width: 1050px;
    margin: 0 auto;
    line-height: 38px;
    margin-bottom: 30px;
    text-align: center;
    color: #d0cbcb;
}

.upgrad .upg2 .warp .up2 p img,
.upgrad .upg3 .warp .up3 p img,
.upgrad .upg0 .warp .up0 p img,
.upgrad .upg7 .warp .up7 p img,
.upgrad .upg4 .warp .up4 p img,
.upgrad .upg5 .warp .up5 p img,
.upgrad .upg55 .warp .up55 p img,
.upgrad .upg00 .warp .up00 p img {
    width: 86%;
    margin-left: 7%;
    margin-top: 2%;
}

.upgrad .upg2 {
    background: url(../images/xhyq1.jpg) no-repeat 0 0;
    background-position: center;
    height: 720px;
    background-size: cover;
}

.upgrad .warp .up2 {
    width: 600px;
    height: 720px;
    position: absolute;
    /* top:166px; */
    right: 0px;
    background: rgba(16, 15, 19, 0.6);
}

.upgrad .warp .up2 h3 {
    font-size: 46px;
    font-weight: normal;
    color: #ffffff;
    margin-top: 140px;
    margin-left: 100px;
    margin-bottom: 24px;
}

.upgrad .warp .up2 p {
    font-size: 18px;
    width: 449px;
    color: #ffffff;
    line-height: 38px;
    margin-left: 74px;
}

.upgrad .upg3 {
    background: url(../images/xhyq2.jpg) no-repeat 0 0;
    background-position: center;
    height: 720px;
    background-size: cover;
}

.upgrad .warp {
    height: 100%;
    position: relative;
}

.upgrad .warp .up3 {
    width: 600px;
    height: 720px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgba(19, 16, 16, 0.48);
}

.upgrad .warp .up3 h3 {
    font-size: 46px;
    font-weight: normal;
    color: #ffffff;
    margin-top: 100px;
    margin-left: 100px;
    margin-bottom: 24px;
}

.upgrad .warp .up3 p {
    font-size: 18px;
    width: 452px;
    color: #ffffff;
    line-height: 38px;
    margin-left: 74px;
}

.upgrad .upg7 {
    background: url(../images/xhyq3.jpg) no-repeat 0 0;
    background-position: center;
    height: 720px;
    background-size: cover;
}

.upgrad .warp {
    height: 100%;
    position: relative;
}

.upgrad .warp .up7 {
    width: 600px;
    height: 720px;
    position: absolute;
    top: 0px;
    right: 0px;
    background: rgba(19, 16, 16, 0.48);
}

.upgrad .warp .up7 h3 {
    font-size: 46px;
    font-weight: normal;
    color: #ffffff;
    margin-top: 100px;
    margin-left: 100px;
    margin-bottom: 24px;
}

.upgrad .warp .up7 p {
    font-size: 18px;
    width: 452px;
    color: #ffffff;
    line-height: 38px;
    margin-left: 87px;
}

.upgrad .upg4 {
    background: url(../images/xhyq4.jpg) no-repeat 0 0;
    background-position: center;
    height: 720px;
    background-size: cover;
}

.upgrad .warp .up4 {
    width: 600px;
    height: 720px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgba(19, 16, 16, 0.48);
}

.upgrad .warp .up4 h3 {
    font-size: 46px;
    font-weight: normal;
    color: #ffffff;
    margin-top: 100px;
    margin-left: 100px;
    margin-bottom: 24px;
}

.upgrad .warp .up4 p {
    font-size: 18px;
    width: 449px;
    color: #ffffff;
    line-height: 38px;
    margin-left: 76px;
}

.upgrad .upg5 {
    background: url(../images/xhyq5.jpg) no-repeat 0 0;
    background-position: center;
    height: 720px;
    background-size: cover;
}

.upgrad .warp {
    height: 100%;
    position: relative;
}

.upgrad .warp .up5 {
    width: 600px;
    height: 720px;
    position: absolute;
    top: 0px;
    right: 0px;
    background: rgba(19, 16, 16, 0.48);
}

.upgrad .warp .up5 h3 {
    font-size: 46px;
    font-weight: normal;
    color: #ffffff;
    margin-top: 100px;
    margin-left: 100px;
    margin-bottom: 24px;
}

.upgrad .warp .up5 p {
    font-size: 18px;
    width: 449px;
    color: #ffffff;
    line-height: 38px;
    margin-left: 74px;
}

.upgrad .upg0 {
    background: url(../images/xhyq6.jpg) no-repeat 0 0;
    background-position: center;
    height: 720px;
    background-size: cover;
}

.upgrad .warp .up0 {
    width: 600px;
    height: 720px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgba(19, 16, 16, 0.48);
}

.upgrad .warp .up0 h3 {
    font-size: 46px;
    font-family: SimHei, Microsoft YaHei;
    font-weight: normal;
    color: #ffffff;
    margin-top: 120px;
    margin-left: 100px;
    margin-bottom: 16px;
}

.upgrad .warp .up0 p {
    font-size: 18px;
    width: 449px;
    color: #ffffff;
    line-height: 34px;
    margin-left: 74px;
}

.upgrad .upg55 {
    background: url(../images/xhyq7.jpg) no-repeat 0 0;
    background-position: center;
    height: 720px;
    background-size: cover;
}

.upgrad .warp {
    height: 100%;
    position: relative;
}

.upgrad .warp .up55 {
    width: 600px;
    height: 720px;
    position: absolute;
    top: 0px;
    right: 0px;
    background: rgba(19, 16, 16, 0.48);
}

.upgrad .warp .up55 h3 {
    font-size: 46px;
    font-weight: normal;
    color: #ffffff;
    margin-top: 100px;
    margin-left: 100px;
    margin-bottom: 24px;
}

.upgrad .warp .up55 p {
    font-size: 18px;
    width: 449px;
    color: #ffffff;
    line-height: 38px;
    margin-left: 74px;
}

.upgrad .upg00 {
    background: url(../images/xhyq8.jpg) no-repeat 0 0;
    background-position: center;
    height: 720px;
    background-size: cover;
}

.upgrad .warp .up00 {
    width: 600px;
    height: 720px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgba(19, 16, 16, 0.48);
}

.upgrad .warp .up00 h3 {
    font-size: 46px;
    font-family: SimHei, Microsoft YaHei;
    font-weight: normal;
    color: #ffffff;
    margin-top: 120px;
    margin-left: 100px;
    margin-bottom: 16px;
}

.upgrad .warp .up00 p {
    font-size: 18px;
    width: 449px;
    color: #ffffff;
    line-height: 34px;
    margin-left: 74px;
}

.btn_zixun1 a {
    font-size: 16px;
    color: #fcfeff;
    text-align: center;
    width: 334px;
    height: 46px;
    background: linear-gradient(154deg, #e94fff,#a470f6, #807afe,#0b92ee);
    border: 2px solid #3b99fc;
    display: block;
    margin: 0 auto;
    line-height: 42px;
    margin-top: 50px;
    border-radius: 24px;
    font-weight: bold;
}

.btn_zixun1 a:hover {
    background: linear-gradient(154deg, #e94fff,#a470f6, #807afe,#0b92ee);
    color: #ffffff;
}

.kecmk .sqyh {
    font-size: 16px;
    color: #82152e;
    text-align: center;
    width: 298px;
    height: 31px;
    border: 2px solid #82152e;
    display: block;
    margin: 0 auto;
    line-height: 30px;
    margin-top: 50px;
    border-radius: 24px;
    font-weight: bold;
}

.kecmk .sqyh:hover {
    background: #82152e;
    color: #ffffff;
}

.join {
    text-align: center;
    /*background:#182442;*/
    padding-bottom: 54px;
}

.join h2 {
    font-size: 38px;
    font-weight: bold;
    text-align: center;
    padding-top: 66px;
    margin-bottom: 50px;
    color: #fffefd
}

.join p {
    width: 800px;
    margin: 0px auto 30px;
    text-align: center;
    font-size: 16px;
    line-height: 26px;
}

.join h3 {
    font-size: 32px;
    font-weight: normal;
    text-align: center;
    margin-top: 42px;
    margin-bottom: 38px;
}

.ajyxy {
    padding-bottom: 56px;
    /*background:#182442;*/
}

.ajyxy h2 {
    padding-top: 66px;
    font-weight: bold;
    font-size: 38px;
    text-align: center;
    margin-bottom: 33px;
    color: #fffefd
}

.ajyxy .txt {
    width: 1010px;
    height: 88px;
    margin: auto;
    font-size: 18px;
    font-weight: normal;
    color: #d0cbcb;
    text-align: center;
}

.ajyxy ul {
    width: 990px;
    margin: 0 auto;
}

.ajyxy ul li {
    width: 236px;
    float: left;
    margin-right: 14px;
}

.ajyxy ul li:nth-child(4n) {
    margin-right: 0;
}

.ajyxy ul li h3 {
    font-size: 24px;
    font-weight: normal;
    text-align: center;
    margin-top: 14px;
}

.ajyxy ul li p {
    font-size: 16px;
    text-align: center;
    line-height: 28px;
}

.ajyxy .sqyh {
    font-size: 16px;
    color: #fcfeff;
    text-align: center;
    width: 334px;
    height: 46px;
    background: linear-gradient(154deg, #7cd9fd 0%, #508df7 100%);
    border: 2px solid #3b99fc;
    display: block;
    margin: 0 auto;
    line-height: 42px;
    margin-top: 50px;
    border-radius: 24px;
    font-weight: bold;
}

.ajyxy .sqyh:hover {
    background: linear-gradient(154deg, #0bb2f3 0%, #1761e2 100%);
    color: #ffffff;
}

.study {
    /* background: #121e3c; */
    padding-bottom: 30px;
}
.study img:hover {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    /*   border:4px solid #ccc;*/
    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}
.study h2 {
    font-size: 38px;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
    padding-top: 43px;
    margin-bottom: 24px;
}

.study p {
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    color: #d0cbcb;
    margin-bottom: 40px;
}

.tab_box .hide {
    display: none;
}
.tupss {
    display:block;
}
.videobg {
    margin: 0 auto;
    width: 594px;
    height: 320px;
}

.wrap {
    margin: 0 auto;
    width: 990px;
}

.box h4 {
    font-size: 24px;
    line-height: 34px;
    text-align: center;
    font-weight: normal;
    color: #313131;
}

.box h3 {
    font-size: 30px;
    line-height: 40px;
    text-align: center;
    font-weight: normal;
}

.form2 input {
    border: none;
    padding-left: 10px;
    height: 40px;
    width: 260px;
    font-size: 14px;
    background: rgba(255, 255, 255, 0);
    background: transparent;
    border-radius: 5px;
    color: #666;
    margin-left: 5px;
    margin: 0px 0 30px 5px;
}

.form2 .middleSubmit {
    width: 280px;
    height: 40px;
    display: block;
    margin: 5px auto 0;
}

#sqyh {
    cursor: pointer;
}

#topcontrol {
    width: 80px;
    height: 80px;
    text-align: center;
    z-index: 9;
    cursor: pointer;
    background: url(../images/top1.png) no-repeat;
}

#topcontrol:hover {
    background: url(../images/top2.jpg) no-repeat;
    z-index: 9999;
}

.kcbt {
    width: 900px;
    margin: 0 auto;
}

.kcbt p {
    font-size: 20px;
}

#kc {
    margin: 50px;
    font-size: 38px;
    line-height: 57px;
    text-align: center;
    font-weight: normal;
    color: #f19316;
}

* {
    margin: 0;
    padding: 0;
}


/*底部*/

.ft1 {
    width: 990px;
    margin: auto;
}

.ft {
    background: #151512;
    height: 200px;
    padding-top: 30px;
}

.ft-dz {
    text-align: center;
    height: 50px;
    line-height: 50px;
    color: #f7f2f2;
    font-size: 14px;
}

.ft-dz1 {
    text-align: center;
    color: #f7f2f2;
    font-size: 14px;
}

#ba {
    background: url("../images/icowei.png") no-repeat;
    position: relative;
    width: 50px;
    height: 50px;
    margin-left: 700px;
    top: -7px;
}

#ba:hover {
    background: url("../images/icowei1.png") no-repeat;
}

#abc {
    display: none;
    position: absolute;
    top: -164px;
    right: -45px;
}

.about_us {
    width: 980px;
    margin: 20px auto 20px auto;
    text-align: center;
}

.about_us ul {
    width: 900px;
    margin: 0px auto;
    height: 27px;
    padding-left: 24px;
    text-align: left;
}

.about_us li {
    float: left;
    width: 130px;
}

.about_us .ico01 {
    background: url(../images/ico05.png) no-repeat;
    height: 25px;
    text-indent: 30px;
    line-height: 25px;
    margin: .0px 0px 0px 0px;
}

.about_us .ico02 {
    background: url(../images/ico06.png) no-repeat;
    height: 25px;
    text-indent: 30px;
    line-height: 25px;
    margin: .0px 0px 0px 50px;
}

.about_us .ico03 {
    background: url(../images/ico07.png) no-repeat;
    height: 25px;
    text-indent: 30px;
    line-height: 25px;
    margin: .0px 0px 0px 50px;
}

.about_us .ico04 {
    background: url(../images/ico08.png) no-repeat;
    height: 25px;
    text-indent: 30px;
    line-height: 25px;
    margin: .0px 0px 0px 50px;
}

.about_us .ico05 {
    height: 25px;
    text-indent: 30px;
    line-height: 25px;
    margin: .0px 0px 0px 44px;
    color: #fff;
}

.about_us li a {
    font-size: 14px;
    color: #fff;
}

.main6 {
    background: url(../images/beijing211.jpg) no-repeat center top !important;
    height: 1025px;
    background-size: 100% 100%;
}

.main6 .teacher {
    width: 1002px;
    height: 519px;
    margin: 62px auto 0;
    /* background: #3998fc; */
    /* background: url(../imgs/bg12.png) no-repeat; */
    background-size: 960px 489px;
}

.main6 .teacher .left {
    top: -60px;
    left: 30px;
    width: 350px;
    height: 520px;
}

.main6 .teacher .left p {
    width: 50px;
    height: 50px;
    background: #ff5555;
    line-height: 50px;
    right: -1px;
}

#swiper1,
#swiper1 .rel {
    height: 520px;
}

#swiper1 .rel {
    width: 350px;
}

.main6 .teacher .mid {
    width: 486px;
    height: 338px;
    left: 424px;
    top: 50px;
    text-align: left;
    overflow: hidden;
    color: #fff;
}

.main6 .teacher .mid div {
    width: 486px;
    height: 338px;
}

.main6 .teacher .mid h3 {
    font-size: 30px;
    font-weight: normal;
    color: #fff;
}

.main6 .teacher .mid em {
    width: 24px;
    height: 2px;
    background: #fff;
    margin: 28px 0;
    display: block;
}

.main6 .teacher .mid .tit2 {
    font-size: 14px;
    margin: 20px 0;
    color: #e2dddd;
}

.main6 .teacher .mid .tit1 {
    line-height: 30px;
    color: #e2dddd;
}

.main6 .teacher .mid div {
    top: -400px;
    transition: 0.2s;
}

.main6 .teacher .mid .top {
    top: 0px;
    transition: 0.2s;
}

.main6 .teacher .right {
    width: 800px;
    height: 100px;
    top: 383px;
    left: 454px;
}

.teacher .right h4 {
    font-size: 54px;
    right: 114px;
    font-weight: normal;
}

.teacher .right ul {
    width: 100%;
    height: 100%;
    right: 14px;
}

.teacher .right ul b {
    width: 100%;
    height: 73px;
    background: #0e3170;
    opacity: 0.7;
    filter: alpha(opacity=70);
    z-index: 2;
    transition: 0.6s;
}

.teacher .right ul li {
    margin-bottom: 10px;
    margin-left: 30px;
    height: 73px;
    width: 73px;
    float: left;
    cursor: pointer;
}

.teacher .right ul li.on b {
    opacity: 0;
    filter: alpha(opacity=0);
    transition: 0.6s;
}

.main6 .btn {
    margin-top: 50px;
}

.absl {
    position: absolute;
    left: 0;
    top: 0;
}

.abst {
    position: absolute;
    left: 0;
    bottom: 0;
}

.absr {
    position: absolute;
    right: 0px;
    top: 0;
}

.rel {
    position: relative;
}

.partfbt {
    width: 1180px;
    height: auto;
    margin: 0 auto;
    box-sizing: border-box;
    position: relative;
}

.partfbt>h2 {
    font-size: 38px;
    font-weight: bold;
    text-align: center;
    padding-top: 66px;
    margin-bottom: 14px;
    color: #fffefd;
}

.partfbt>p {
    font-size: 18px;
    width: 866px;
    margin: 0 auto;
    line-height: 28px;
    margin-bottom: 40px;
    text-align: center;
    color: #d0cbcb;
}

.partgw {
    width: 100%;
    height: 1230px;
    background: url(../images/20212241.jpg) no-repeat center center/cover;
    overflow: hidden;
}

.partgw ul {
    margin-top: 80px;
    font-size: 0;
}

.partgw ul li {
    display: inline-block;
    width: 582px;
    height: 337px;
    position: relative;
    box-sizing: border-box;
    vertical-align: top;
    padding-left: 30px;
    margin-bottom: 25px;
}

.partgw ul li+li {
    margin-left: 16px;
}

.partgw ul li.item3 {
    margin-left: 0;
}

.partgw ul li:nth-of-type(odd) {
    padding-left: 270px;
    padding-right: 30px;
}

.partgw ul li:nth-of-type(even) {
    padding-right: 270px;
}

.partgw ul li img {
    position: absolute;
    bottom: -11px;
    left: -38px;
    z-index: 0;
}

.partgw ul li.item3 img {
    right: 0;
    left: auto;
}

.partgw ul li .txt {
    position: relative;
    z-index: 1;
}

.partgw ul li .youxizw {
    margin-top: 55px;
    font-size: 20px;
    color: #fff;
    letter-spacing: 1px;
    font-weight: bold;
}

.partgw ul li .youxibt {
    margin-top: 24px;
    font-size: 16px;
    line-height: 26px;
    color: #999999;
}

.partgw ul li .youxibt span {
    color: #ffffff;
}

.partgw ul li .salary {
    margin-top: 25px;
    font-size: 14px;
    color: #666666;
    line-height: 24px;
}

.partgw ul li .salary span {
    color: #0aaff0;
    font-size: 24px;
    font-weight: bold;
}

.partgw .consult-box {
    margin-top: 15px;
    text-align: center;
}

.partgw .consult-box a {
    display: inline-block;
    font-size: 18px;
    color: #ffffff;
    letter-spacing: 1px;
    padding: 18px 38px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0aaff1), color-stop(100%, #0869cc));
    background: -webkit-linear-gradient(top, #0aaff1 0%, #0869cc 100%);
    background: -o-linear-gradient(top, #0aaff1 0%, #0869cc 100%);
    background: -ms-linear-gradient(top, #0aaff1 0%, #0869cc 100%);
    position: relative;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    top: 0;
}

.partgw .consult-box a:hover {
    top: 10px;
}

.all-work-list {
    width: 1180px;
    margin: 20px auto 20px;
    height: 458px
}

.work-list-box {
    margin-right: -20px;
    margin-bottom: -20px;
}

.boxk {
    float: left;
    position: relative;
    background: #fff;
    border-radius: 4px;
    margin: 0 20px 30px 0;
    width: 279px;
}

.card-img-hover img:hover {
    /* transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    border: 4px solid #ccc;
    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s; */
}

.boxk .card-img,
.boxk .card-img a img {
    width: 279px;
    height: 420px;
    position: relative;
    border-radius: 4px 4px 0 0;
    overflow: hidden;
}

.card-img :hover .video-open {
    width: 48px;
    height: 48px;
    background: url(../img/play.png) no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    z-index: 2;
}

.card-img img:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    border: 4px solid #ccc;
    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

.boxk .card-img a img {
    vertical-align: middle;
    border: none;
    width: 100%;
    border-radius: 4px 4px 0 0;
    -webkit-transition: .1s linear;
    transition: .1s linear;
    display: block;
}

.boxk .card-info {
    border-bottom: 1px solid #eee;
    padding: 11px 16px 13px;
    height: 99px;
    position: relative;
}

.boxk .card-info .card-info-title {
    margin-bottom: 1px;
    position: relative;
    height: 40px;
    line-height: 35px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
}

.boxk .card-info .card-info-title .title-content {
    display: block;
    /* float: left; */
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 18px;
    color: #ffeded;
    text-align: center;
}


/*  .boxk .card-info .card-info-title a:hover {
    color: #d36f16
} */

.boxk .card-info .card-info-item {
    font-size: 14px;
    color: #f5f5f5;
    position: absolute;
    top: 79px;
    text-align: center;
    left: 10px;
    width: 260px;
}

.boxk .card-info .card-info-item span {
    cursor: default;
}

.boxk .card-info .card-info-item .statistics-tuijian {
    margin-left: 34px;
}

.boxk .card-info .card-info-type {
    font-size: 14px;
    color: #d8d6d6;
    /* margin-bottom: 12px; */
    height: 16px;
    text-align: center;
    background: url(../img/xian.png);
    /* border-bottom: 1px solid #fff; */
    background-size: 100% 100%;
}

.boxk .card-info .card-info-item span.statistics-view:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    background-size: 16px auto;
}

.boxk .card-info .card-info-item span.statistics-comment:before {
    background: url(../img/card-pinglun.svg?v=1) 0 2px no-repeat;
    background-size: 16px auto
}

.boxk .card-info .card-info-item span.statistics-tuijian:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: top;
    margin-right: 5px;
    background: url(../img/card-liulan.svg?v=1) no-repeat;
    background-size: 16px 16px
}

.boxk .card-item {
    height: 50px;
    line-height: 50px;
    padding: 0 16px;
    font-size: 12px;
    position: relative;
}

.boxk .card-item .user-avatar {
    width: 120px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
}

.boxk .card-item a {
    color: #333;
}

.boxk .card-item .user-avatar>a>img {
    border-radius: 50%;
    margin-right: 10px;
    width: 24px;
    height: 24px;
    border: none;
    vertical-align: middle;
}

.boxk .card-item .time {
    float: right;
    color: #bbb;
}

.boxk:hover .card-info {
    height: 420px;
    transition: 0.6s;
    padding: 120px 16px 13px;
}

.boxk:hover .card-info .card-info-item {
    font-size: 14px;
    color: #f5f5f5;
    position: absolute;
    top: 200px;
}

.boxk .card-info {
    border-bottom: 1px solid #eee;
    padding: 11px 16px 13px;
    height: 60px;
    position: absolute;
    bottom: 0px;
    background: rgba(21, 18, 18, 0.7);
    width: 279px;
    overflow: hidden;
    color: #fff;
}

.boxk:hover .card-info {
    height: 367px;
    transition: 0.6s;
    padding: 39px 16px 13px;
    width: 247px;
}

.boxk:hover .card-info .card-info-item {
    font-size: 14px;
    color: #f5f5f5;
    position: absolute;
    top: 113px;
}

.w-container3 {
    max-width: 1012px;
    max-height: 576px;
    margin: auto;
    border: 3px solid #939495;
    border-radius: 20px;
    padding: 37px;
    overflow: hidden;
    margin-top: 50px;
}

.w-container3 .videoBox {
    max-height: 576px;
    overflow: hidden;
    position: relative;
    border-radius: 20px;
    margin-bottom: 60px;

}

.w-container3 .video-open {
    width: 90px;
    height: 100px;
    /* background: url(../images/play.png) no-repeat; */
    background-size: 100%;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    z-index: 2;
}

.w-container3 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#youkuplayer {
    /* width: 1160px; */
    height: 576px;
    border-radius: 20px;
 
}

.xz_ul li {
    /*width:25%;*/
    display: inline-block;
    float: left;
    padding: 10px;
    width: 290px;
    height: 238px;
}

.xz_ul li>div {
    position: relative;
}

.xz_ul li>div img {
    width: 280px;
    height: 228px;
    display: block;
}

.IllusoryBox {
    background-color: #08183f;
    padding-bottom: 50px;
}

.IllusoryListBox .Illusory-list:hover {
    height: 580px !important;
    margin-top: 0 !important;
}

.IllusoryMuto {
    width: 1200px;
    margin: auto;
}

.Illusory-title {
    color: #fff;
    text-align: center;
    font-size: 38px;
    font-weight: bold;
    padding-top: 40px;
    letter-spacing: 10px;
}

.IllusoryListBox {
    margin-top: 60px;
    display: flex;
    justify-content: space-between;
}

.IllusoryListBox .Illusory-list {
    width: 24%;
    border-radius: 15px;
    background: #132533;
    position: relative;
    height: 550px;
    transition: 0.5s;
    margin-top: 10px;
    cursor: pointer;
}

.Illusory-list:before {
    background: linear-gradient(235deg, #ff005e, #3b61d2, #fbff00);
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    z-index: -1;
    border-radius: 15px;
}

.Illusory-list .Illusory-list-portrait {
    width: 200px;
    margin: auto;
    margin-top: -35px;
}

.Illusory-list .Illusory-list-portrait img {
    width: 100%;
    transition: 0.5s;
}

.Illusory-list-content {
    text-align: center;
    margin-top: 30px;
}

.Illusory-list-content span {
    font-size: 28px;
    letter-spacing: 4px;
    font-weight: bold;
    background-image: linear-gradient(to right, #64D8C5, #1E93F2);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}

.Illusory-list-content p {
    color: #A7AFBA;
    font-size: 22px;
    padding: 0 50px;
    letter-spacing: 4px;
    margin-top: 25px;
}

.Illusory-list-logo {
    position: absolute;
    bottom: 0;
}

.Illusory-list-logo img {
    width: 100%;
}

.honorBox {
    background: url(../images/honorBg.png) center top no-repeat #1e2c50;
    height: 835px;
    background-size: cover;
    background-position-y: 75px;
}

.honor-title {
    font-size: 38px;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
    padding-top: 15px;
    margin-bottom: 24px;
    letter-spacing: 4px;
}

.honor_muto {
    width: 1200px;
    margin: auto;
}

.honor-logo {
    background: url(../images/honor-logo.png) center top no-repeat;
    height: 550px;
    background-size: contain;
    position: relative;
    top: 60px;
}

.honor-logo .left_honor_logo {
    background: url(../images/honor-computer.png) center top no-repeat;
    width: 820px;
    background-size: contain;
    height: 530px;
    position: absolute;
    top: 50px;
}

.honor-logo .honor-logoBox {
    width: 590px;
    height: 369px;
    margin: auto;
    position: relative;
    top: 50px;
    overflow: hidden;
}

.left_honor_logo .left_logo img {
    width: 100%;
}

.honor-logo .right_content_list {
    position: absolute;
    right: 60px;
    top: 60px;
    text-align: center;
}

.right_content_list .active {
    background-image: linear-gradient(to right, #64D8C5, #1E93F2);
    border-radius: 35px;
    font-weight: bold;
    color: #fff !important;
}

.right_content_list .honor_content {
    color: #455263;
    font-size: 18px;
    height: 60px;
    line-height: 60px;
    letter-spacing: 2px;
    cursor: pointer;
    padding: 0 20px;
}

#cooperativeLogo {
    position: relative;
    overflow: hidden;
    height: 220px;
    margin: auto;
}

#cooperativeBg {
    width: 2515px;
    height: 100%;
    position: absolute;
    margin: auto;
    left: 0;
}

.bl_box {
    background-color: #000;
    padding-bottom: 50px;
}

.con_nrx {
    position: relative;
    margin-top: 50px;
    display: flex;
}

.left_content {
    background: #fff;
    width: 50%;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    display: flex;
}

.left_content_list {
    display: flex;
    flex-wrap: wrap;
    width: 80px;
    align-items: center;
    cursor: pointer;
}

.left_content_list .content_list.active {
    background-image: linear-gradient(45deg, #5BD6DB 0%, #2DA7FA 100%);
    color: #fff;
}

.left_content_list .content_list {
    background-image: linear-gradient(45deg, #EBF5FF 0%, #EEFAFA 100%);
    color: #8E999F;
}

.left_content_list .list-demand {
    border-top-left-radius: 15px;
}

.left_content_list .list-salary {
    border-bottom-left-radius: 15px;
}

.left_content_list div {
    width: 80px;
    height: 265px;
    writing-mode: tb-rl;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    letter-spacing: 20px;
    font-size: 24px;
    font-weight: bold;
}

.right_content_box {
    display: flex;
    flex-wrap: wrap;
}

.right_content_box .right_content_list {
    width: 100%;
    padding: 0px 50px 0px 50px;
    border-bottom: 3px solid #CBCBCB;
    display: flex;
    flex-wrap: wrap;
}

.right_content_list .right_content_list_title {
    color: #292929;
    font-size: 26px;
    font-weight: bold;
    letter-spacing: 4px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.right_content_list .right_content_list_title small {
    color: #D1D1D1;
    font-size: 30px;
}

.right_content_list p {
    color: #8E8E8E;
    font-size: 17px;
    letter-spacing: 4px;
}

.salary-title {
    color: #8E8E8E;
    font-size: 16px;
    font-weight: 100;
}

.salary-title span {
    color: #59C2EE;
    font-size: 24px;
    font-weight: 600;
}

.right_logo {
    width: 50%;
    height: 530px;
}

.right_logo img {
    width: 100%;
    height: 100%;
}

.worksBox {
    width: 1200px;
    position: relative;
    margin: auto;
    margin-top: 30px;
    overflow: hidden;
}

.worksBox .video-open {
    width: 48px;
    height: 48px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    z-index: 2;
}

.worksBox .swiper-container .swiper-pagination-bullet {
    width: 33px;
    height: 8px;
    display: inline-block;
    border-radius: 4px;
    background: #fff;
    box-shadow: 1px 1px 5px 0px #111111d1;
    margin: 0 3px;
    cursor: pointer;
}

.videoLogo {
    width: 1200px;
    height: 620px;
}

.videoLogo img {
    width: 100%;
    height: 100%;
}

.content1{
    width: 100%;
    
    background-image: url(../images/02\ 底图.jpg);
    background-size: 100% 100%;
}
.biaotis{
    color: #fff;
    text-align: center;
}
.biaotis>p{
font-size: 36px;
color: #fff;
padding-top: 80px;
background-image: linear-gradient(to right, #e654fc,30%,#d763ff, #8686f1,70%, #1194f9);
font-weight: 800;
background-clip: text;
-webkit-background-clip: text;
color: transparent;
margin-bottom: 10px;
}
.biaotis>span{
    color: #5650a8;
    font-size: 14px;
  
}
.rencaijiq{
    width: 1200px;
    height: 326px;
    margin: 0 auto;
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
}
.rencaijiq>div{
    width: 285px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
.rencaijiq>div>.tupian{
    width: 100%;
    height: 285px;
    background-size: 100% 100%;
}
.rencaijiq>div:nth-child(1)>.tupian{
    background-image: url('../images/2.1.png');
}
.rencaijiq>div:nth-child(2)>.tupian{
    background-image: url('../images/2.2.png');
}
.rencaijiq>div:nth-child(3)>.tupian{
    background-image: url('../images/2.3.png');
}
.rencaijiq>div:nth-child(4)>.tupian{
    background-image: url('../images/2.4.png');
}

.rencaijiq>div>span{
   color: #fff;
   font-size: 24px;
}
.tupian{
    position: relative;
    overflow: hidden;
}
.tpzt{
    position: absolute;
    bottom:3% ;
    left: 18%;
}

.tpzt span{
    color: #fccf27;
    font-size: 30px;
    font-weight: 800;
}
.tpzt>.nt{
    font-size: 16px;
    color: #fff;
}
.neirtext{
    width: 100%;
    height: 100%;
    color: #fff;
    background-image: url(../images/2.5.png);
    background-size: 100% 100%;
    position: absolute;
    top: 100%;
    left: 0;
    transition: 0.5s;

}
.neirtext p{
    font-size: 16px;
    padding-left: 24px;
    padding-right: 24px;
    color: #fff;
}
.neirtext>.nti{
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    padding-top: 48px;
    padding-bottom: 20px;
}
.tupian:hover .neirtext{
    position: absolute;
    top: 0;
    left: 0;
    transition: 0.5s;
}
.rencaijiq>div:nth-child(2)>.tupian>.neirtext{
    background-image: url(../images/2.6.png);
}
.rencaijiq>div:nth-child(3)>.tupian>.neirtext{
    background-image: url(../images/2.7.png);
}
.rencaijiq>div:nth-child(4)>.tupian>.neirtext{
    background-image: url(../images/2.8.png);
}
.anniuya {
    width: 300px;
    height: 56px;
    color: #fff;
    font-size: 24px;
    cursor: pointer;
    text-align: center;
    line-height: 60px;
    margin: 50px auto;
    border: 2px solid transparent;
    border-radius: 30px;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    background-image: linear-gradient(to right, #020c27, #020c27), linear-gradient(to right, #be45e0, 70%, #0a90e9);
}
.hybox{
    width: 1200px;
    margin: 0 auto;
    margin-top: 50px;
}
.hybox>div{
    border-radius: 23px;
}
.hybox1{
    width: 100%;
    height: 390px;
    border-radius: 23px;
    background-image: url(../images/3.1.jpg);
    background-size: 100% 100%;
    background-color: #0a90e9;
}
.textcen h2{
    color: #fff;
    font-size: 36px;
}
.textcen p{
    padding-top: 15px;
    padding-bottom: 15px;
    color: #fff;
}
.textcen{
    width: 500px;
    padding: 50px;
    padding-top: 200px;
    color: #fff;
}
.textan{
    width: 160px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border: 1px #fff solid;
    border-radius: 20px;
}
.hybox2{
    width: 100%;
    height: 390px;
    border-radius: 15px;
    background-size: 100% 100%;
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
}
.hybox2>div{
    width: 592px;
    height: 100%;
    background-size: 100% 100%;
    border-radius: 23px;
}
.hybox2>div:nth-child(1){
    background-image: url('../images/3.2.jpg');
}
.hybox2>div:nth-child(2){
    background-image: url('../images/3.3.jpg');
}
.hybox2>div:nth-child(2) .textcen h2{
    text-align: right;
}
.hybox2>div:nth-child(2) .textcen p{
    text-align: right;
}
.hybox2>div:nth-child(2) .textan{
    float: right;
}
.hybox3 {
    width: 100%;
    height: 390px;
    border-radius: 23px;
    background-image: url(../images/3.4.jpg);
    background-size: 100% 100%;
    background-color: #0a90e9;
    margin-top: 20px;
}
.hybox3 .textcen {
    float: right;
}
.hybox3 .textcen h2 {
    text-align: right;
}
.hybox3 .textcen p {
    text-align: right;
}
.hybox3 .textcen .textan {
    float: right;
}
.textan{
    cursor: pointer;
}
.hybox>div{
    border-radius: 23px;
}
.rqbox{
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.rqimg{
    width: 280px;
    height: 280px;
    background-image: url(../images/4.png);
    background-size: 100% 100%;
    margin-top: 40px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.rqimg>img{
    width: 250px;
    height: 250px;
   
}
.rq1{
    text-align: center;
}
.rq1>p{
    color: #fff;
    font-size: 22px;
    font-weight: 800;
}
.qiehuanhezhida {
    width: 100%;
    height: 608px;
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.qiehuanhezhida>.shangmian {
height: 400px;
}
.qiehuanhezhida>.shangmian>div:nth-child(1){
    width: 100%;
    height: 100%;
    background-image: url('../images/step1.jpg');
    background-size: 100% 100%;
}
.qiehuanhezhida>.shangmian>div:nth-child(2){
    width: 100%;
    height: 100%;
    background-image: url('../images/step2.jpg');
    background-size: 100% 100%;
}
.qiehuanhezhida>.shangmian>div:nth-child(3){
    width: 100%;
    height: 100%;
    background-image: url('../images/step3.jpg');
    background-size: 100% 100%;
}

.qiehuanhezhida>.shangmian>div{
    display: none;
}
.qiehuanhezhida>.shangmian>.xianshichulai{
    display: block;
    position: relative;
}
.qiehuanhezhida>.shangmian>.xianshichulai>div{
    width: 1200px;
    height: 90%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}
.qiehuanhezhida>.shangmian>.xianshichulai .texis{
    width: 532px;
    height: 100%;
    direction: rtl;
    overflow-y: auto;
}
.xianshichulai .texis>div{
    width: 450px;
    direction: ltr;
}

.xianshichulai .texis::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 10px; /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
  }
  .xianshichulai .texis::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 10px;
    box-shadow: inset 0 0 5px rgba(97, 184, 179, 0.1);
    background: #81808e;
  }
  .xianshichulai .texis::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    box-shadow: inset 0 0 5px 81808e;
    border-radius: 10px;
    background: #46445a;
  }
.xianshichulai .texis h5{
    font-size: 26px;
    font-weight: 800;
     
    background-image: linear-gradient(to right, #e94fff,#a470f6, #807afe,#0b92ee);
background-clip: text;
-webkit-background-clip: text;
color: transparent;
}
.xianshichulai .texis h6{
    color: #fff;
    font-size: 20px;
    margin-top: 30px;
    margin-bottom: 6px;
    font-weight: 700;
    text-shadow: 1px 1px 1px #666;

}
.xianshichulai .texis span{
    color: #f0f1f6;
    font-size: 18px;
    font-weight: 400;
    text-shadow: 1px 1px 1px #000;

}
.qiehuanhezhida>.xiamian{
    width: 100%;
    height: 200px;
    display: flex;
    justify-content: space-between;
}
.qiehuanhezhida>.xiamian .anniuya:hover{
    background: linear-gradient( #e94fff,#a470f6, #807afe,#0b92ee) 100% 100%;
    color: #ffffff;
}
.qiehuanhezhida>.xiamian .anniuya{
    animation: none;
}
.qiehuanhezhida>.xiamian .anniuya:hover>span{
    color: #ffffff;
}
.qiehuanhezhida>.xiamian>div{
    width: 33.1%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.qiehuanhezhida>.xiamian>div:nth-child(1){
    background-image: url('../images/step_foot1.jpg');
    background-size: 100% 100%;
}
.qiehuanhezhida>.xiamian>div:nth-child(2){
    background-image: url('../images/step_foot2.jpg');
    background-size: 100% 100%;
}
.qiehuanhezhida>.xiamian>div:nth-child(3){
    background-image: url('../images/step_foot3.jpg');
    background-size: 100% 100%;
}
.xiamian .anniuya{
    font-size: 20px;
   
}
.xiamian .anniuya span{
    background-image: linear-gradient(to right, #e94fff,#a470f6, #807afe,#0b92ee);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}
.anniuyaxiaode {
    margin-top: 45px;
}
.anniuyaxiaode p {
    font-size: 22px;
    color: #fff;
    line-height: 40px;
}
.anniuyaxiaode span{
   color: #de57fc;
   font-weight: 800;
}
.lunbotup{
    position: relative;
    width: 1200px;
    margin: 0 auto;
}
.lunbotup>.swiper-button-prev{
    width: 46px;
    height: 90px;
    background-image: url('../images/6箭头.png');
    background-size: 100% 100%;
    transform: rotate(180deg) ;
    position: absolute;
    top: 50%;
    left: -72px;
}

.lunbotup>.swiper-button-next{
    width: 46px;
    height: 90px;
    background-image: url('../images/6箭头.png');
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    right: -72px;
}

.lunbotup>.swiper-button-prev::after{
        display: none;
}
.lunbotup>.swiper-button-next::after{
    display: none;
}
.jiaoshizhankai{
    width: 1200px;
    height: 436px;
    margin: 0 auto;
    margin-top: 50px;
}
.jiaoshizhankai>.laoshi{
    width: 100%;
    height: 380px;
    display: flex;
    justify-content: space-between;
}
.jiaoshizhankai>.laoshi>div{
    width: 120px;
   
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    transition: 1s;
}
.jiaoshizhankai>.laoshi>div>img{
    width: 288px;
    height: 100%;
    border-radius: 10px;
    position: absolute;
    top: 0;
    left: -80px;
}
.jiaoshizhankai>.laoshi>.zhankaileya{
    width: 690px;
    height: 100%;
    background-image: linear-gradient(to right, #552ee4, #552ee4, #d8609b);
    transition: 1s;
}
.jiaoshizhankai>.laoshi .textbox{
    display: none;
}
.jiaoshizhankai>.laoshi>.zhankaileya>img{
    width: 690px;
    height: 100%;
    width: 288px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.jiaoshizhankai>.laoshi>.zhankaileya .textbox{
    width: 326px;
    float: right;
    display: block;
}
.jiaoshizhankai>.laoshi>.zhankaileya .textbox>h1{
    font-size: 30px;
    color: #fff;
    font-weight: 800;
    padding-top: 43px;
}
.jiaoshizhankai>.laoshi>.zhankaileya .textbox>h2{
    font-size: 22px;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 15px;
}
.jiaoshizhankai>.laoshi>.zhankaileya .textbox>h3{
    font-size: 16px;
    color: #fff;
    font-weight: 800;
}
.jiaoshizhankai>.laoshi>.zhankaileya .textbox>p{
    font-size: 16px;
    color: #fff;
    line-height: 30px;
}
.xiantai_box {
    width: 420px;
    height: 6px;
    margin: 0 auto;
    margin-top: 48px;
    display: flex;
    justify-content: space-between;
}
.xiantai_box>div{
    width: 50px;
    height: 6px;
    background-color: #8555cc;
    cursor: pointer;
    border-radius: 3px;
    transition: 1s;
}
.xiantai_box>.xiantiaobianc{
    width: 120px;
    transition: 1s;
}
.rongyu>img{
    margin: 0 auto;
    margin-top: 50px;
}
@keyframes anniyya {
    0% {
        width: 250px;
        height: 30px;
        font-size: 16px;
        line-height: 30px;
    }
    50% {
        width: 300px;
        height: 56px;
        font-size: 24px;
        line-height: 56px;

      
    }
    100% {
        width: 270px;
        height: 40px;
        font-size: 20px;
        line-height: 40px;
    }
}
.anniuya{
    animation: .9s tag linear infinite;
}