*{
    margin: 0px;
    padding: 0px;
    font-family:'微软雅黑';
    outline: none;
}
a{
    text-decoration: none;
    outline: none;
}
.indexbg{
    position: relative;
    background-color: #E9FEFF;
}
.headspace{
    position: relative;
    height: 100px;
}
.head{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100px;
    background-color: #2AADB4;
    z-index: 1000;
}
.headcon{
    position: relative;
    width: 1320px;
    margin: 0px auto;
    display: flex;
    justify-content:space-between;
}
.logo{
    position: relative;
    padding-top: 15px;
}
.logo_svg{
    position: relative;
    display: block;
}
.nav{
    position: relative;
    padding-top: 36px;
    display: flex;
}
.navi{
    position: relative;
    padding: 0px 12px;
}
.navia{
    position: relative;
    color: #FFFFFF;
    font-size: 20px;
    padding: 10px 8px 20px 8px;
}
.navia:after{
    content: "";
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 4px;
    background-color: #FFFFFF;
    transform: scale(0);
    transition: transform 0.5s ease;
}
.navia:hover:after{
    transform: scale(1);
}
.navia.cur:after{
    transform: scale(1);
}
.navi_toa{
    position: relative;
    color: #FFFFFF;
    font-size: 20px;
    padding: 10px 8px 10px 34px;   
    background: url(../images/icon_p.svg) no-repeat left center; 
    transition: all 0.5s ease;
}
.navi_toa:hover{
    background-size: 28px 28px;
}
.uname{
    position: relative;
    color: #FFFFFF;
    font-size: 20px;
    padding: 0px 20px 10px 20px;   
}
.loginout{ 
    position: relative;
    
}
.loginouta{
    color: #FFFFFF;
    font-size: 20px;
    padding: 0px 20px 10px 20px;
}
.xf_tel{
    position: fixed;
    top: 50%;
    margin-top: 10px;
    right: -240px;
    display: flex;
    z-index: 11;
    transition: all 0.5s ease;
}
.xf_tel.show{
    right: 0px;    
}
.xf_tel_icon{
    position: relative;
    width: 70px;
    height: 70px;
    background: url(../images/xf_tel.png) no-repeat left center;
}
.xf_tel_con{
    position: relative;
    color: #FFFFFF;
    font-size: 30px;
    line-height: 70px;
    height: 70px;
    background: #15BBC5;
    width: 240px;
    text-align: center;
}
.xf_wx{
    position: fixed;
    top: 50%;
    margin-top: -140px;
    right: -140px;
    display: flex;
    align-items: flex-end;
    z-index: 11;
    transition: all 0.5s ease;
}
.xf_wx.show{
    right: 0px;    
}
.xf_wx_icon{
    position: relative;
    width: 70px;
    height: 70px;
    background: url(../images/xf_wx.png) no-repeat left center;
}
.xf_wx_con{
    width:140px ;
}
.xf_wx_img{
    display: block;
    position: relative;
    width: 140px;
    height: 140px;
}
.ban{
    position: relative;
    height: 860px;
    width: 100%;
    overflow: hidden;
}
.bancon{
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -960px;
    width: 1920px;
    height: 860px;
}
.banitem_img{
    position: relative;
    display: block;
}
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-index {
    bottom: 115px;
}
.swiper-button-prev-index,
.swiper-button-next-index {
  position: absolute;
  top: 50%;
  width: 80px;
  height: 80px;
  margin-top: -40px;
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  border-radius: 100%;
  background-color: #1A8D9D;
  opacity: 0.6;
  transition:all 0.25s ease;
}
.swiper-button-prev-index:hover,
.swiper-button-next-index:hover{
    opacity: 1;
}
.swiper-button-prev-index.swiper-button-disabled,
.swiper-button-next-index.swiper-button-disabled {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
}
.swiper-button-prev-index.swiper-button-disabled:hover,
.swiper-button-next-index.swiper-button-disabled:hover {
    opacity: 0;
}
.swiper-button-prev-index:after,
.swiper-button-next-index:after {
  font-family: swiper-icons;
  font-size: 32px;
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev-index {
  left: 100px;
  right: auto;
}
.swiper-button-next-index{
  right: 100px;
  left: auto;
}
.swiper-pagination-bullet{
    width: 12px;
    height: 12px;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #1A8D9D;
}
/*
.swiper-button-prev-d,
.swiper-button-next-d {
  position: absolute;
  top: 0px;
  width: 120px;
  height: 654px;
  z-index: 10;
  cursor: pointer;
  color: #FFFFFF;
  outline: none;
  margin-top: 0px;
  border-radius: 20px;
}
.swiper-button-prev-d{
    background: linear-gradient(to left,rgba(0,0,0,0),rgba(0,0,0,0.4))
}
.swiper-button-next-d {
    background: linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,0.4))
}*/
.swiper-button-prev-d,
.swiper-button-next-d {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 25px;
    height: 44px;
    z-index: 10;
    cursor: pointer;
    color: #FFFFFF;
    outline: none;
    margin-top: 0px;
    border-radius: 20px;
}
.swiper-button-prev-d.swiper-button-disabled,
.swiper-button-next-d.swiper-button-disabled {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev-d:after,
.swiper-button-next-d:after {
  font-family: swiper-icons;
  font-size: 44px;
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
  transition: all 0.7s;
  opacity: 0.2;
}
.swiper-button-prev-d:hover:after{
    opacity: 1;
}
.swiper-button-next-d:hover:after{
    opacity: 1;
}
.swiper-button-prev-d {
  left: 40px;
}
.swiper-button-next-d{
  right: 40px;
}

._title{
    color: #333333;
    font-size: 42px;
    line-height: 55px;
}
._titleb{
    color: #FF8214;
    font-weight: bold;
}
._article{
    color: #333333;
    font-size: 20px;
    line-height: 38px;
}
._titles{
    color: #757575;
    font-size: 20px;
    line-height: 38px;
}
.btn{
    display: block;
    position: relative;
    width: 210px;
    height: 58px;
    background-color: #FF8214;
    border-radius: 30px;
    text-align: center;
    color: #FFFFFF;
    font-size: 20px;
    line-height: 58px;
    box-shadow: rgba(0,0,0,0.16) 0px 3px 6px;
}
.brand{
    position: relative;
    z-index: 1;
    margin-top: -75px;
}
.brandbg{
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translate(-50%,0px);
    width: 100%;
    overflow: hidden;
}
.brandcon{
    position: relative;
    max-width: 1500px;
    height: 1055px;
    margin: 0px auto;
    background: url(../images/brand_decorate1.png) no-repeat 600px 270px;
    display: flex;
    justify-content: space-between;
}
.brandcon_text{
    position: relative;
    width: 546px;
    padding-left: 100px;
    padding-top: 296px;
}
.brand_article{
    padding-top: 30px;
}
.branbtn_area{
    position: relative;
    padding-top: 60px;
}
.brandcon_pic{
    position: relative;
    padding-top: 310px;
}
.brandcon_pic_img{
    position: relative;
    display: block;
}
.brand_decorate2{
    position: absolute;
    right: 0px;
    bottom: -60px;
    width: 1090px;
    height: 221px;
    background: url(../images/brand_decorate2.png) no-repeat;
}
.brand_decorate3{
    position: absolute;
    left: 0px;
    bottom: -170px;
    width: 1030px;
    height: 473px;
    background: url(../images/brand_decorate3.svg) no-repeat;
}
.about{
    position: relative;
    z-index: 1;
    margin-top: -30px;
    height: 942px;
}
.aboutbg{
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translate(-50%,0px);
    width: 100%;
    overflow: hidden;
}
.about_title{
    position: relative;
    padding-top: 200px;
    text-align: center;
}
.about_titles{
    position: relative;
    padding-top: 30px;
    text-align: center;
}
.aboutcon{
    position: relative;
    max-width: 1500px;
    margin: 0px auto;
    padding-top: 100px;
    display: flex;
    justify-content: space-between;
}
.aboutitem{
    position: relative;
    width: 20%;
    flex-shrink: 0;
    flex-grow: 1;
}
.abouti_img{
    display: block;
    margin: 0px auto;
}
.abouti_t{
    margin-top: 22px;
    color: #333333;
    font-size: 22px;
    line-height: 38px;
    text-align: center;
}
.about_ts{
    color: #999999;
    font-size: 16px;
    line-height: 38px;
    text-align: center;
}
.aboutbtn_area{
    position: relative;
    margin-top: 100px;
    display: flex;
    justify-content: center;
}
.join{
    position: relative;
    height: 940px;
}
.join_title{
    position: relative;
    padding-top: 150px;
    text-align: center;
}
.join_titles{
    position: relative;
    padding-top: 30px;
    text-align: center;
}
.joincon{
    position: relative;
    max-width: 1500px;
    margin: 80px auto 0px auto;
    display: flex;
    justify-content:space-between;
}
.joinpic{
    position: relative;
    padding-left: 120px;
}
.jointext{
    position: relative;
    width: 320px;
    padding-right: 180px;
    z-index:10;
}
.joinl{
    position: relative;
    padding-top: 120px;
    color: #484848;
    font-size: 22px;
    font-weight: bold;
    line-height: 40px;
}
.joinbtn_area{
    position: relative;
    margin-top: 60px;
}
.join_decorate1{
    position: absolute;
    left: 0px;
    bottom: 0px;
}
.join_decorate2{
    position: absolute;
    right: 70px;
    bottom: 0px;
}
.school{
    position: relative;
    background: url(../images/school_bg.svg) no-repeat center top;
    margin-top: -90px;
}
.school_title{
    position: relative;
    padding-top: 180px;
    text-align: center;
}
.school_titles{
    position: relative;
    padding-top: 30px;
    text-align: center;
}
.schoolbg{
    background-color: #FFFFFF;
    padding-bottom: 170px;
}
.schoolcon{
    position: relative;
    width: 1370px;
    margin: 0px auto;
    padding-top: 10px;
    display: flex;
    flex-wrap: wrap;
}
.schoolitem{
    position: relative;
    width: 33.333%;
    margin-top: 50px;
}
.schoolp{
    position: relative;
    width: 405px;
    height: 294px;
    margin: 0px auto;    
}
.schoolp1{
    width: 403px;
    height: 292px;
    border: 1px solid rgba(112, 112, 112, 0.1);
    border-radius: 5px;
}
.school_img{
    position: relative;
    width: 100%;
    height: 228px;
    display: block;
}
.schooli_title{
    position: relative;
    color: #333333;
    font-size: 20px;
    line-height: 38px;
    text-align: center;
    padding-top: 15px;
}
.schoolp2{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #30B0B6;
    border-radius: 5px;
    opacity: 0;
    transform: translate(0px,100px);
    transition: all 0.5s cubic-bezier(.46,.03,.52,.96);
}
.school_intro{
    position: relative;
    padding: 30px;
    color: #FFFFFF;
    font-size: 20px;
    line-height: 38px;
    height: 228px;
    overflow: hidden;
}
.schoolitem:hover .schoolp2{
    opacity: 1;
    transform: translate(0px,0px);
}
.schoolbtn_area{
    position: relative;
    margin-top: 80px;
    display: flex;
    justify-content: center;
    
}
#part6{
    margin-top: -50px;
}
.bottom{
    position: relative;
    height: 360px;
    background: url(../images/bottom_bg.svg) no-repeat center top;
}
.bottomcon{
    position: relative;
    height: 300px;
    background: url(../images/bottom_icon.svg) no-repeat -57px 140px;
}
.bottomconc{
    position: relative;
    width: 1320px;
    margin: 0px auto;
    display: flex;
    justify-content: space-between;
}
.bottomtext{
    position: relative;
    padding-top: 145px;
    background: url(../images/bottom_.png) no-repeat left 70px;
}
.info{
    color: #FFFFFF;
    font-size: 16px;
    line-height: 32px;
}
.bottompic{
    position: relative;
    padding-top: 80px;
}
.bottompic img{
    position: relative;
    width: 140px;
    height: 140px;
    display: block;
}
.ewm{
    color: #FFFFFF;
    font-size: 16px;
    line-height: 32px;    
}
.foot{ width:100%; height:59px; background-color: #3D3E49; border-top: 1px solid rgba(112, 112, 112, 0.3);}
.copyright{ padding: 20px 30px; text-align:center; line-height:16px; font-size:12px; color:#B8B8B8;}
.copyright a{ color:#B8B8B8;}
.copyright_ip{ margin:0 20px; }

.loginbg{
    position: relative;
    width: 100%;
    height: 100vh;
    min-height: 600px;
    background: url(../images/loginbg.png) no-repeat center -30px;
}
.loginbox{
    position: relative;
    max-width: 1520px;
    height: 100%;
    margin: 0px auto;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.loggincon{
    position: relative;
    width: 620px;
}
.login_t1{
    position: relative;
    padding-top: 15px;
    color: #000000;
    font-size: 56px;
    text-align: center;
}
.login_t2{
    position: relative;
    padding-top: 30px;
    color: #333333;
    font-size: 25px;
    line-height: 35px;
    text-align: center;
}
.login_form{
    position: relative;
    padding-top: 20px;
}
.input_area{
    position: relative;
    width: 580px;
    height: 94px;
    margin-top: 25px;
    background-color: #FFFFFF;
    border-radius: 50px;
    box-shadow: 3px 3px 6px rgba(0,51,58,0.45);
}
.input_{
    display: block;
    position: relative;
    width: 480px;
    height: 94px;
    margin: 0px auto;
    border: none;
    background: none;
    outline: none;
    color: #000;
    font-size: 26px;
    line-height: 94px;
    text-align: center;
}
.login_tip{
    position: relative;
    margin-top: 30px;
}
.login_tipa{
    display: block;
    color: #FFFFFF;
    font-size: 24px;
    text-align: center;
}
.login_tipspan{
    color: #FFC30E;
}
.btn_area{
    position: relative;
    width: 580px;
    height: 94px;
    margin-top: 25px;
    background-color: #FFC15C;
    border-radius: 50px;
    box-shadow: 3px 3px 6px rgba(119, 92, 11, 0.37);
}
.submit_{
    display: block;
    position: relative;
    width: 580px;
    height: 94px;
    margin: 0px auto;
    border: none;
    background: none;
    outline: none;
    color: #2C2110;
    font-size: 40px;
    line-height: 94px;
    text-align: center;
    cursor: pointer;
}
::placeholder {
    color:#A8A8A8;
}
.inbg{
    background-color: #F9F9F9;
}
.coursetip{
    position: relative;
    margin-top: 65px;
    padding-bottom: 300px;
    text-align: center;
    line-height: 180px;
}
.coursecon{
    position: relative;
    width: 1320px;
    margin: 0px auto;
    display: flex;
    justify-content: space-between;
}
.coursel{
    position: relative;
    width: 320px; 
}
.coursenav{
    position: relative;
    width: 320px;
    padding-bottom: 120px;
    padding-top: 10px;
    margin-top: 65px;
    background-color: #FFFFFF;
    border-radius: 5px;
}
.courselist{
    position: relative;
    width: 960px;
    padding-bottom: 120px;    
}
.cnav_item{
    position: relative;  
}
.cnavf{
    position: relative;
    margin-top: 15px;
    padding: 5px 35px 5px 20px;
    color: #484848;
    font-size: 16px;
    line-height: 22px;
    display: block;
    border-left: 4px solid #fff;
}
.cnavf:hover{
    color: #1AA4AC;
}
.cnavf.cur{
    border-left: 4px solid #1A8D9D;
    background: url(../images/icon_arrow.svg) no-repeat 200px 11px;
    color: #1AA4AC;
}
.cnavslist{
    position: relative;
    height: 0px;
    overflow: hidden;
    transition: all 0.5s ease;
}
.cnavslist.cur{
    height: auto;
}
.cnavs{
    position: relative;
    padding: 10px 10px 10px 30px;
    color: #333333;
    font-size: 16px;
    line-height: 22px;
    display: block;
}
.cnavs:hover,.cnavs.cur{
    color: #1AA4AC;
}
.courseitema{
    position: relative;
    margin-top: 65px;
    display: block;
    border-radius: 5px;
    background-color: #FFFFFF; 
}
.coursepic{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 50%;
    height: 100%;
    overflow: hidden;
}
.coursepic_img{
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    transition: all 0.5s ease;
    transform: scale(1);
}
.courseitema:hover .coursepic_img{
    transform: scale(1.1);
}
.courseitem{
    position: relative;
    width: 100%;
    display: flex;
    justify-content: flex-end;
}
.cinfo{
    position: relative;
    background-color: #FFFFFF;
    border-radius: 5px;
    width: 50%;
    height: 296px;
    overflow:hidden;
    transition:all 0.5s ease;
}
.cinfo.all{
    width: 100%;
}
.cinfo_w{
    position: relative;
    padding: 0px 30px;
}
.cinfo_title{
    position: relative;
    padding-top: 20px;
    color: #1A8D9D;
    font-size: 24px;
    line-height: 32px;
}
.cinfo_tip{
    position: relative;
    padding-top: 35px;
    color: #333333;
    font-size: 16px;
    line-height: 32px;
}
.cinfo_tipc{
    position: relative;
    margin-right: 30px;
}
.cinfo_s{
    position: relative;
    padding-top: 15px;
    color: #333333;
    font-size: 16px;
    line-height: 32px;
}
.cinfo_more{
    position: relative;
    padding-left: 25px;
    color: #1A8D9D;
    cursor: pointer;
}
.cinfo_l{
    position: relative;
    padding-top: 15px;
    color: #333333;
    font-size: 16px;
    line-height: 32px;  
    display: none;  
}
.cinfo.all .cinfo_s{
    display: none;
} 
.cinfo.all .cinfo_l{
    display: block;
} 
.coursebtn{
    position: relative;
    margin-top: 85px;
    display: flex;
    justify-content: center;
}
.btnmore{
    position: relative;
    width: 210px;
    height: 58px;
    background-color: #20CCD5;
    border-radius: 50px;
    color: #FFFFFF;
    font-size: 20px;
    line-height: 58px;
    text-align: center;
    display: block;
}
.coursed{
    position: relative;
    width: 1380px;
    margin: 0px auto;
    padding-bottom: 100px;
}
.xiaojie{
    position: relative;
    width: 1160px;
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
}
.xjlist{
    position: relative;
    display: flex;
    justify-content:flex-start;
}
.xjitem{
    position: relative;
    padding: 0px 22px;
    height: 44px;
    margin-right: 20px;
    background-color: #FFFFFF;
    border-radius: 5px;
    color: #666666;
    font-size: 16px;
    line-height: 44px;
    cursor: pointer;
}
.xjitem.cur{
    background-color: #1A8D9D;
    color: #FFFFFF;
}
.xjprocess{
    position: relative;
    padding: 0px 22px;
    height: 44px;
    margin-right: 20px;
    background-color: #FFFFFF;
    border-radius: 5px;
    color: #1A8D9D;
    font-size: 16px;
    line-height: 44px;    
}
.coursedcon{
    position: relative;
    margin-top: 10px;
    height: 654px;
}
.coursedconl{
    position: relative;
    width: 1160px;
    height: 654px;
}
.coursedconr{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 195px;
    height: 654px;
}
.coursedi_vision{
    position: relative;
    width: 1160px;
    height: 654px;
}
.coursedimgb{
    position: relative;
    width: 1160px;
    height: 654px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.coursedimg{
    position: relative;
    width: 1160px;
    height: 654px;
    display: block;
}
.coursedimg_gif{
    position: relative;
    width: 1160px;
    height: 654px;
    display: block;
}
.imgcover{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 1160px;
    height: 654px;
}
.coursedi_text{
    position: relative;
    overflow: hidden;
    width: 195px;
    height: 654px;
    color: #13232E;
    font-size: 16px;
    line-height: 32px;
    word-break: break-all;
}