/* CSS  */
* {margin:0;padding:0;outline:none;list-style:none;text-decoration:none;box-sizing: border-box;font-family: Microsoft YaHei,arial;}
body,html {color:#333;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;background: #fff;position: relative;font-size: 14px;}
body{min-width: 1200px;overflow-x: hidden;}
img{border:none;max-width: 100%;vertical-align: top; }
input, textarea ,select{border:none;background:none;cursor:pointer;font-size:14px;vertical-align:middle;color:#333;}
select {border:inherit;background: inherit; }
em, i {font-style:normal;  }
a{color: #000;text-decoration: none;}
a:focus, input, select {outline:none;}
.clearfix {zoom:1; clear: both; }
.clearfix:after {content:"\200B"; display: block;clear: both;height: 0;  }
.inner{width: 1200px;margin: 0 auto;}
.fl{float: left;}
.fr{float: right;}
body,html,li,a:active, body,html,li,a:hover, body,html,li,a:visited{
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-select: none;
    -moz-user-focus: none;
    -moz-user-select: none;
}

/* 动画缓存公共文件  最好放最下面 */
a,*:before,*:after,.navSub{-webkit-transition:all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}


input::-webkit-input-placeholder{color: #ccc;} /* WebKit browsers */
input:-moz-placeholder{color: #ccc;} /* Mozilla Firefox 4 to 18 */
input::-moz-placeholder{color: #ccc;} /* Mozilla Firefox 19+ */
input:-ms-input-placeholder {color: #ccc;} /* Internet Explorer 10+ */
select::-ms-expand {
    display: none;
}
a:active, a:hover, a:visited{
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-select: none;
    -moz-user-focus: none;
    -moz-user-select: none;
}


/* 移入放大 */
#grad:hover{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
/* 移入位移 */
#grad:hover{ -webkit-transform: translate(0, -10px);-moz-transform: translate(0, -10px);transform: translate(0, -10px);}
/* 从上大小渐变 */
#grad {
    background: -webkit-linear-gradient(red, blue); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(red, blue); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(red, blue); /* Firefox 3.6 - 15 */
    background: linear-gradient(red, blue); /* 标准的语法 */
  }  
/* 从左到右渐变 */
#grad {
    background: -webkit-linear-gradient(left, red , blue); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, red, blue); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, red, blue); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, red , blue); /* 标准的语法 */
  }



.toast-loading .index-toast {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  padding: 24px 30px;
  max-width: 360px;
  min-width: 180px;
  width: max-content;
  line-height: 30px;
  text-align: center;
  font-size: 20px;
  color: #fff;
  background: rgba(0, 0, 0, 0.65);
  border-radius: 20px;
  transform: translate(-50%, -50%);
  box-sizing: content-box;
  z-index: 10000002;
}
.toast-loading .loading {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10000001;
}
.toast-loading .loading .loading-cont {
  padding: 15px 24px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 360px;
  min-width: 160px;
  width: max-content;
  min-height: 160px;
  text-align: center;
  background: rgba(0, 0, 0, 0.65);
  border-radius: 10px;
  box-sizing: border-box;
}
.toast-loading .loading .loading-img {
  width: 50px;
  height: 50px;
  background-image: url("../image/loading.gif");
  background-repeat: no-repeat;
  background-size: cover;
}
.toast-loading .loading .text {
  margin-top: 15px;
  line-height: 30px;
  font-size: 20px;
  color: #fff;
  
}
.toast-loading .loading-mask {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000001;
}




.banner{height: 789px;background:#fff url(../image/banner7.jpg) center top no-repeat;background-size: cover;position: relative;}  
.banner .inner{height: 850px;position: relative;}
.ban1{letter-spacing:5px;color: #fff;width: 252px;height: 110px;line-height: 74px;font-size: 35px;text-align: center;background: url(../image/ban1.png) center no-repeat;background-size: contain;
position: absolute;top: 0;left: 475px;}
.ban2{position: absolute;left: 239px;top:42px;z-index: 23;}
.banner ul{display: flex;justify-content: space-between;position: absolute;top: 440px;left: 260px;width: 682px;}
.banner ul li{width: 323px;height: 111px;background: url(../image/ban3.png) center no-repeat;text-align: center;font-weight: bold;}
.banner ul li p{line-height: 50px;font-size: 28px;color: #030f20;margin-top: 6px;}
.banner ul li h2{line-height: 52px;font-size: 36px;color: #fff;}






.pub_tit1{font-size: 30px;text-align: center;line-height: 48px;color: #590606;}
.pub_tit{font-size: 50px;color: #02050b;font-weight: bold;text-align: center;}
.pub_tit span{color: #224ebc;}

.pub_btn{display: block;width: 462px;height: 56px;border-radius: 28px;font-size: 24px;font-weight: bold;text-align: center;color: #fff;line-height: 56px;margin: 0 auto;
  background: -webkit-linear-gradient(#6bc5ff, #249ffb); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#6bc5ff, #249ffb); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#6bc5ff, #249ffb); /* Firefox 3.6 - 15 */
  background: linear-gradient(#6bc5ff, #249ffb); /* 标准的语法 */
}
.pub_btn:hover{
  background: -webkit-linear-gradient(#ffb361, #ff9524); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#ffb361, #ff9524); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#ffb361, #ff9524); /* Firefox 3.6 - 15 */
  background: linear-gradient(#ffb361, #ff9524); /* 标准的语法 */
}




.m1{padding: 0 0 58px 0;}


.m1_tit {background: url(../image/m1_tit4.png) center no-repeat;}
.m1_cont{position: relative;margin-top: 295px;}
.m1_cont ul{display: flex;justify-content: space-between;width: 1200px;margin: 34px 0 0 0;}
.m1_cont ul li{width: 284px;;height: 244px;border-radius: 25px;background: #fff;box-shadow: 0 0 30px #e5e5e5;position: relative;}
.m1_cont ul li img{display: block;margin: 0 auto;position: absolute;top: -262px;left: 55px;}
.m1_cont ul li h2{margin: -6px 0 0 20px;font-size: 24px;color: #000;text-align: center;display: flex;}
.m1_cont ul li h2 strong{width: 55px;height: 73px;line-height: 73px;background: url(../image/m1_item_icon.png) center no-repeat;font-size: 36px;color: #fff;}
.m1_cont ul li h2 span{font-size: 24px;color: #214dba;width: 170px;line-height: 60px;height: 60px;border-bottom: 1px solid #eceff2;margin: 8px 0 0 10px;}
.m1_cont ul li p{line-height: 30px;font-size: 20px;color: #02050b;width: 240px;margin: 20px auto;}

.m1_item_btn{font-weight: bold;display: block;width: 200px;height: 42px;border-radius: 22px;line-height: 42px;text-align: center;font-size: 22px;color: #fff;margin: 15px auto 0;
  background: -webkit-linear-gradient(#254add, #061c74); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#254add, #061c74); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#254add, #061c74); /* Firefox 3.6 - 15 */
  background: linear-gradient(#254add, #061c74); /* 标准的语法 */
}
.m1_item_btn:hover{
  background: -webkit-linear-gradient(#061c74, #254add); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#061c74, #254add); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#061c74, #254add); /* Firefox 3.6 - 15 */
  background: linear-gradient(#061c74, #254add); /* 标准的语法 */
}






.m2{padding: 50px 0 50px;
  background: -webkit-linear-gradient(#eff2fc, #eceff6); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#eff2fc, #eceff6); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#eff2fc, #eceff6); /* Firefox 3.6 - 15 */
  background: linear-gradient(#eff2fc, #eceff6); /* 标准的语法 */


}
.m2_tit{background: url(../image/m2_tit5.png) center no-repeat;}
.m2_cont{position: relative;margin: 50px 0 0 0;background: #fff;border-radius: 25px;overflow: hidden;}

.m2_cont_top{background: #3455d9;}
.m2_time_wrap{display: flex;padding: 15px 0 0 0;justify-content: center;}
.m2_time_wrap h2{font-size: 36px;color: #fff;font-weight: bold;text-align: center;line-height: 80px;margin-right: 18px;}
.m2_time{height: 80px;display: flex;justify-content: center;}
.m2_time_list{display: flex;}
.m2_time_list strong{padding: 0 10px;height: 80px;line-height: 80px;color: #000;font-weight: bold;font-size: 60px;border-radius: 5px;text-align: center;
  background: url(../image/m2_time.jpg) center;
}
.m2_time_list span{width: 74px;font-size: 36px;color: #fff;font-weight: bold;text-align: center;line-height: 80px;}
.m2_cont_top ul{width: 1058px;margin: 0 auto; display: flex;justify-content: space-between;padding: 26px 0;}
.m2_cont_top ul li{font-size: 22px;color: #3152d4;border: 1px solid #0e2ead;border-radius: 23px;background: #fff;width: 320px;text-align: center;height: 46px;line-height: 46px;}


.m2_cont_bot{padding: 44px 0 60px;position: relative;}
.m2_cont_bot ol{width: 994px;display: flex;justify-content: space-between;margin: 0 auto;flex-wrap: wrap;}
.m2_cont_bot ol li{width: 462px;height: 176px;border-radius: 10px;box-shadow: 0 0 30px #e5e5e5;position: relative;margin-bottom: 80px;}
.m2_cont_bot ol li:nth-child(3),.m2_cont_bot ol li:nth-child(4){margin-bottom: 0;}

.m2_cont_bot ol li h1{position: absolute;left: -56px;top: 32px;height: 56px;width: 112px;height: 112px;line-height: 112px;background: url(../image/m2_kuai1.png) center no-repeat;color: #fff;text-align: center;font-size: 36px;}


.m2_cont_bot ol li h2{padding-left: 20px;background: url(../image/m2_tit_line.png) left center no-repeat;line-height: 60px;font-size: 30px;color: #02050b;margin-left: 68px;margin-top: 10px;}
.m2_cont_bot ol li p{width: 306px;line-height: 22px;font-size: 18px;color: #02050b;margin-left: 88px;margin-bottom: 15px;}
.m2_cont_bot ol li a{border: 1px solid #3455d9;display: block;width: 142px;height: 30px;line-height: 28px;font-size: 18px;text-align: center;border-radius: 15px;color: #3455d9;margin-left: 90px;}

.m2_cont_bot ol li a:hover{background: #3455d9;color: #fff;}


.m2_cont_bot ol li:nth-child(2n) h1{position: absolute;right: -56px;left: auto;}
.m2_cont_bot ol li:nth-child(2n) h2{margin-left: 87px;}
.m2_cont_bot ol li:nth-child(2n) p{margin-left: 114px;width: 288px;}
.m2_cont_bot ol li:nth-child(2n) a{margin-left: 117px;}

.m2_line{position: absolute;top: 262px;left: 18px;z-index: 2;}

.m2_mid{width: 338px;height: 338px;background: url(../image/m2_kuai2.png) center no-repeat;position: absolute;top: 93px;left: 432px;color: #fff;text-align: center;}
.m2_mid h2{color: #fff;font-size: 28px;}
.m2_mid p{color: #fff;font-size: 24px;}



.special_part1{padding: 0 0 0 0;
  background: -webkit-linear-gradient(#3455d9, #0e2f8d); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#3455d9, #0e2f8d); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#3455d9, #0e2f8d); /* Firefox 3.6 - 15 */
  background: linear-gradient(#3455d9, #0e2f8d); /* 标准的语法 */
}


.spe_wrap{display: flex;flex-wrap: wrap;justify-content: space-between;padding: 8px 0 ;}

.spe_list{display: flex;width: 270px;justify-content: space-between;padding: 22px 0;border-bottom: 1px solid #fff;position: relative;}
.spe_list::after{position: absolute;content: "";height: 55px;background: #fff;width: 1px;right: -20px;top: 10px;}
.spe_list_last::after{background: none;}
.spe_list_border{border-bottom: none;}



.spe_list h2{font-size: 20px;color: #fff;}
.spe_list a{width: 78px;height: 30px;line-height: 30px;text-align: center;border-radius: 15px;background: #fff;color: #3455d9;font-weight: bold;font-size: 22px;}

.spe_list a:hover{transform: scale(1.1);}


.special_part{height: 146px;padding: 0 0 0 0;
  background: -webkit-linear-gradient(#3455d9, #0e2f8d); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#3455d9, #0e2f8d); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#3455d9, #0e2f8d); /* Firefox 3.6 - 15 */
  background: linear-gradient(#3455d9, #0e2f8d); /* 标准的语法 */
}
.special_part .inner{display: flex;position: relative;}
.special_part h3 {font-size: 36px;color: #fff;text-align: left;letter-spacing: 4px;width: 560px;padding-top: 28px;}
.special_part h3 span {font-size: 24px;font-weight: normal;letter-spacing: 0;color: #fff;display: block;margin-bottom: 15px;}
.icon10{width: 313px;height: 89px;margin-top: 34px;}
.special_part h4 {font-weight: normal;font-size: 22px;color: #666666;width: 304px;text-align: center;margin: 0 0 0 52px;}
.special_part h4 span {line-height: 70px;display: block;text-align: center;font-size: 26px;color: #fff;font-weight: bold;}
.special_part h4 a {display: block;width:240px;height:58px;text-align: center;line-height: 58px;border-radius: 34px;color: #fff;font-weight: bold;
 background: #fff;font-size: 24px;color: #000;margin: 0 auto;

}
.special_part a:hover{transform: scale(1.1);color: #0e2f8d;}






.m3{padding: 50px 0 45px 0;background: #fff;}
.m3_tit{background: url(../image/m3_tit4.png) center no-repeat;}
.m3_cont{display: flex;flex-wrap: wrap;justify-content: space-between;margin: 30px  0 0 0;}
.m3_item{width: 578px;height: 350px;border-radius: 28px;box-shadow:  0 0 20px #dfe5ea;overflow: hidden;margin-bottom: 20px;}
.m3_item h2{width: 290px;height: 70px;line-height: 70px;margin: 0 auto;font-size: 32px;color: #fff;text-align: center;border-radius: 0 0 26px 26px;background: #3455d9;}
.m3_item ul{width: 500px;display: flex;justify-content: space-between;margin: 40px auto 20px;padding-bottom: 17px;border-bottom: 1px dashed #3455d9;}
.m3_item ul li{width: 239px;height: 120px;background: url(../image/m3_border.png) center bottom no-repeat;}
.m3_item ul li h3{font-size: 26px;color: #000;text-align: center;margin-top: -18px;}
.m3_item ul li p{line-height: 30px;color: #3455d9;font-size: 20px;text-align: center;margin-top: 10px;}

.m3_btn_wrap{width: 390px;display: flex;justify-content:space-between;margin: 0 auto;}
.m3_btn_wrap a{width: 190px;height: 58px;border-radius: 30px;line-height: 58px;background: #3455d9;text-align: center;color: #fff;font-weight: bold;font-size: 26px;}
.m3_btn_wrap a:first-child{background: #ea8d32;}


.m3_btn_wrap a:hover{transform: scale(1.05);}

.m4{padding: 50px 0 50px 0;background: #eff2fc;}
.m4_tit{background: url(../image/m4_tit4.png) center no-repeat;}
.m4_cont{margin: 55px auto 0;display: flex;justify-content: space-between;}
.m4_item{background: #fff;border-radius: 28px;width: 588px;height: 622px;position: relative;}
.m4_item h2{font-size: 48px;text-align: center;color: #3455d9;margin-top: -35px;text-shadow: 10px 0 0  #fff;}
.m4_item h3{font-size: 28px;text-align: center;color: #02050b;font-weight: normal;padding: 10px 0 22px;}
.m4_course_wrap{display: flex;justify-content: space-between;width: 535px;margin: 0 auto;}
.m4_course{width: 258px;height: 430px;border-radius: 28px;box-shadow: 0 0 10px #e1e6eb;overflow: hidden;}
.m4_course h4{background: #3455d9;height: 66px;line-height: 66px;color: #fff;font-size: 28px;text-align: center;}
.m4_course ul{display: flex;justify-content: space-between;width: 250px;margin: 24px auto 30px;}
.m4_course ul li{border-right: 1px solid #3455d9;text-align: center;width: 83px;color: #3455d9;font-size: 16px;}
.m4_course ul li:last-child{border-right: 0;}
.m4_course ul li strong{font-size: 18px;}
.m4_course ul li i{font-size: 14px;}
.m4_course p{font-size: 18px;color: #02050b;line-height: 22px;margin: 0 auto 20px;width: 215px;padding-left: 15px;background: url(../image/m4_cir4.png) left 8px no-repeat;}
.m4_btn_wrap{display: flex;justify-content:space-between;position: absolute;left: 0;bottom: 0;width: 100%;background: #3455d9;border-radius: 0 0 28px 28px ;overflow: hidden;}
.m4_btn_wrap a{width: 50%;height: 66px;line-height: 66px;text-align: center;color: #fff;font-weight: bold;font-size: 28px;}
.m4_btn_wrap a:first-child{background: #ea8d32;}





.m5{padding:  50px 0 40px;background: #fff;}
.m5_tit{background: url(../image/m5_tit4.png) center no-repeat;}
.m5_cont{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 50px;position: relative;}
.m5_item{width: 278px;height:285px;border-radius: 28px;position: relative;box-shadow: 0 0 20px #dfe5ea;overflow: hidden;margin-bottom: 30px;}

.m5_item_top{background: #3455d9;color: #fff;height: 120px;}
.m5_item_top h2{font-size: 30px;text-align: center;line-height: 56px;padding-top: 4px;}
.m5_item_top p{line-height: 22px;font-size: 18px;color: #fff;width: 225px;margin: 0 auto;}

.m5_item_bot{padding: 20px 0;}
.m5_item_bot p{line-height: 30px;font-size: 20px;color: #02050b;text-align: center;}

.m5_item a{margin: 0 auto;display: block;width: 175px;height: 40px;border-radius: 20px;line-height: 40px;background: #3455d9;text-align: center;color: #fff;font-size: 20px;}
.m5_item a:hover{transform: scale(1.1);font-weight: bold;}


.m5_item_spe .m5_item_top{background: #ea8d32}
.m5_item_spe a{background: #ea8d32}









.m6{padding: 0 0 62px;}
.m6_tit{background: url(../image/m6_tit4.png) center no-repeat;}
.m6_cont{position: relative;margin:32px 0 0 0;display: flex;justify-content: space-between;}

.m6_item {width: 586px;height: 200px;border-radius: 10px;box-shadow: 0 0 20px #dfe5ea;}
.m6_item h2{line-height: 54px;display: flex;font-weight: normal;margin-left: 15px;font-size: 24px;}
.m6_item img{display: block;width: 555px;height: 131px;margin-left: 15px;}


.m6_cont1{background: #f3f5fd;padding: 10px 0 34px;border-radius: 10px;margin-top: 32px;}
.m6_cont1 ul{display: flex;justify-content: space-between;background: url(../image/m6_jt2.png) center 44px no-repeat;padding: 0 15px;}
.m6_cont1 ul li{width: 132px;text-align: center;}
.m6_cont1 ul li h2{font-size: 24px;color: #000000;line-height: 50px;padding-bottom: 55px;background: url(../image/m6_jt1.png) center bottom no-repeat;}
.m6_cont1 ul li h3{line-height: 44px;font-size: 18px;color: #590606;font-weight: normal;}
.m6_cont1 ul li img{display: block;width: 131px;height: 93px;box-shadow: 0 5px 10px #c3c3c3;}
.m6_btn{display: block;width: 356px;height: 70px;border-radius: 35px;background: #3455d9;font-size: 28px;font-weight: bold;margin: 30px auto 0;line-height: 70px;color: #fff;text-align: center;}

.m6_btn:hover{transform: scale(1.1);}








.m8{padding: 45px 0 55px;background: #f2f4fb;}
.m8_tit{background: url(../image/m8_tit.png) center no-repeat;}
.m8_cont{width: 1210px;height: 622px;background: url(../image/m8_cont.png) center no-repeat;margin-top: 42px;}

.m8_txt{width: 542px;margin-left: 24px;padding-top: 24px;}
.m8_txt h2{font-size: 40px;color: #590606;margin-bottom:35px;}
.m8_txt h2 span{font-size: 30px;text-transform: uppercase;font-weight: normal;margin-left: 10px;}
.m8_txt p{line-height: 32px;font-size: 20px;color: #590606;text-indent: 45px;}
.m8_txt p a{float: right;color: #ff5a00;font-weight: bold;}
.m8_txt p a:hover{color: #ff3515;transform: scale(1.1);}


.fixSide{position: fixed;left: 0;top: 240px;z-index: 9999;color: #fff;border-radius: 10px;}
.fixSide .off2{position: absolute;bottom:-33px;left: 46px;cursor: pointer;}
.slidetit{}
.sideBox{margin: 0 auto;}
.sideBox ul{}
.sideBox ul li{margin-bottom: 4px;width: 148px;height: 46px;border-radius: 5px;border: 4px solid #fff;border-left: none;line-height: 0.46rem;border-radius: 0 23px 23px 0;box-shadow: 0 0 10px #d8d8d8;
  background: -webkit-linear-gradient(#005efb, #0f285b); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#005efb, #0f285b); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#005efb, #0f285b); /* Firefox 3.6 - 15 */
  background: linear-gradient(#005efb, #0f285b); /* 标准的语法 */
}
.sideBox ul li a{display: block;line-height:38px;text-align: left;color: #fff;font-size: 24px;}
.sideBox ul li a:hover{background: #0f285b;color: #fff;border-radius:  0 23px 23px 0;}
.sideBox ul li a span{display: block;padding-left: 22px;}

.shixue{box-shadow: 0 0 10px #d8d8d8;width: 100px;height: 100px;border-radius: 50%;margin: 8px 0 0 10px;display: block;border: 4px solid #fff;text-align: center;font-weight: bold;
  background: -webkit-linear-gradient(#005efb, #0f285b); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#005efb, #0f285b); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#005efb, #0f285b); /* Firefox 3.6 - 15 */
  background: linear-gradient(#005efb, #0f285b); /* 标准的语法 */
}
.shixue span{display: block;font-size: 26px;color: #fff;line-height: 30px;padding-top: 14px;}