/* 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: 1100px;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("https://www.kaoyan365.cn/statics/images/icon/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;
}

.inner_spe{width: 1100px;margin: 0 auto;}


.banner{height: 520px;background:#fff url(../images/banner.jpg?v2) center no-repeat;background-size: cover;position: relative;}  
.banner .inner_spe{height: 520px;position: relative;}
.ban1{position: absolute;top: 76px;left: 115px;font-size: 50px;color: #222222;font-weight: bold;text-shadow: 0 2px 2px #fff;}
.ban2{position: absolute;top: 158px;left: 108px;}
.banner ul{display: flex;width: 498px;position: absolute;top: 322px;left: 112px;flex-wrap: wrap;justify-content: space-between;}
.banner ul li{width: 240px;height: 60px;border-radius: 30px;line-height: 56px;font-weight: bold;color: #fff;font-size: 32px;text-align: center;
  background: -webkit-linear-gradient(#fb454a, #8019ab); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#fb454a, #8019ab); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#fb454a, #8019ab); /* Firefox 3.6 - 15 */
    background: linear-gradient(#fb454a, #8019ab); /* 标准的语法 */
    border: 1px solid #ffe6b4;margin-bottom: 18px;box-shadow:  4px 4px 0 #e54321;
}

.ban_time_wrap{display: flex;justify-content: center;color: #000000;border: 1px solid #000;width: 460px;line-height: 42px;border-radius: 22px;
  background: -webkit-linear-gradient(#fff3c3, #ff856c); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#fff3c3, #ff856c); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#fff3c3, #ff856c); /* Firefox 3.6 - 15 */
  background: linear-gradient(#fff3c3, #ff856c); /* 标准的语法 */
  position: absolute;top: 24px;right: 0;
}
.ban_time_wrap h2{font-size: 20px;}
.ban_time{display: flex;justify-content: center;font-size: 20px;}
.ban_time_list{display: flex;}






.pub_tit{font-size: 42px;color: #333333;font-weight: bold;text-align: center;line-height: 56px;}
.pub_tit span{color: #333333;}

.pub_btn{display: block;width: 380px;height:60px;border-radius: 30px;font-size: 24px;font-weight: bold;text-align: center;color: #fff;line-height: 60px;margin: 0 auto;
  background: -webkit-linear-gradient(#88f17f, #1cc564); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#88f17f, #1cc564); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#88f17f, #1cc564); /* Firefox 3.6 - 15 */
  background: linear-gradient(#88f17f, #1cc564); /* 标准的语法 */
}
.pub_btn:hover{
  background: -webkit-linear-gradient(#feb837, #ff9601); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#feb837, #ff9601); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#feb837, #ff9601); /* Firefox 3.6 - 15 */
  background: linear-gradient(#feb837, #ff9601); /* 标准的语法 */
}


.m1{margin: 56px 0 0 0;}
.m1_cont{display: flex;position: relative;}
.m1_cont::before{content: "";width: 1037px;height: 1px;background: url(../images/m1_line.png) center no-repeat;position: absolute;top: 135px;left: 25px;}
.m1_cont_l{width: 554px;height: 202px;background: #7857cf;border-radius: 10px;}

.m1_cont_l h2{font-size: 30px;color: #fff;text-align: center;line-height: 62px;margin-top: 18px;}
.m1_cont_l h3{width: 388px;height: 34px;line-height: 34px;text-align: center;font-size: 22px;color: #030576;margin: 0 auto;border-radius: 18px;
  background: -webkit-linear-gradient(#fffbda, #ffe5b0); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#fffbda, #ffe5b0); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#fffbda, #ffe5b0); /* Firefox 3.6 - 15 */
  background: linear-gradient(#fffbda, #ffe5b0); /* 标准的语法 */
}
.m1_cont_l p{color: #ffefc4;font-size: 22px;text-align: center;line-height: 48px;padding-top: 14px;margin-top: 15px;background: url(../images/m1_cir1.png) top center no-repeat;position: relative;;z-index: 22;}

.m1_cont_r{width: 554px;height: 202px;background: #7857cf;border-radius: 10px;}
.m1_cont_r h2{font-size: 30px;color: #fff;text-align: center;line-height: 62px;margin-top: 18px;}
.m1_cont_r h3{width: 388px;height: 34px;line-height: 34px;text-align: center;font-size: 22px;color: #030576;margin: 0 auto;border-radius: 18px;
  background: -webkit-linear-gradient(#fffbda, #ffe5b0); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#fffbda, #ffe5b0); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#fffbda, #ffe5b0); /* Firefox 3.6 - 15 */
  background: linear-gradient(#fffbda, #ffe5b0); /* 标准的语法 */
}
.m1_cont_r p{color: #ffefc4;font-size: 22px;text-align: center;line-height: 48px;padding-top: 14px;margin-top: 15px;background: url(../images/m1_cir1.png) top center no-repeat;position: relative;;z-index: 22;}





.m1_status {background: #dddddd;height: 180px;border-radius: 10px 0 0 10px;margin-top: 10px;}
.m1_status h2{color: #606060;margin-top: 8px;}
.m1_status h3{color: #d4d3d3;background: #787878;}
.m1_status p{color: #606060;background: url(../images/m1_cir2.png) top center no-repeat;}


.m1_status1 {background: #dddddd;height: 180px;border-radius: 0 10px 10px 0;margin-top: 10px;}
.m1_status1 h2{color: #606060;margin-top: 8px;}
.m1_status1 h3{color: #d4d3d3;background: #787878;}
.m1_status1 p{color: #606060;background: url(../images/m1_cir2.png) top center no-repeat;}






.m2{padding: 38px 0 0 0;}
.m2_cont{display: flex;position: relative;margin: 25px 0 0;background: url(../images/m2_bg.png) center no-repeat;height: 312px;background-size: cover;border-radius: 10px;box-shadow: 0 0 10px #e6e6e6;}
.m2_cont_l{width: 546px;}
.m2_cont_l h2{line-height: 80px;font-size: 34px;color: #111111;text-align: center;}
.m2_cont_l_txt{width: 470px;background: #fffae9;border: 1px solid #ffe59d;border-radius: 8px;padding: 12px 0;margin: 0 auto;}
.m2_cont_l_txt p{line-height: 40px;color: #161616;font-size: 22px;margin-left: 22px;}
.m2_cont_l_way{font-size: 16px;color: #ff1b1b;line-height: 24px;width: 460px;margin: 13px auto 0;}

.m2_cont_r{display: flex;justify-content: space-between;flex-wrap: wrap;width: 300px;height: 250px;margin-top: 40px;}
.m2_cont_r a{display: block;font-size: 20px;width: 140px;height: 38px;line-height: 38px;border-radius: 20px;background: #7857cf;color: #fff;font-weight: bold;text-align: center;}
.m2_cont_r a:hover{background: #5437a0;}

.m3{padding:70px 0 0 0;}
.m3_tit{font-size: 50px;color: #161616;text-align: center;font-weight: bold;position: relative;}
.m3_cont{padding:50px 0 40px;}
.m3_cont ul{display: flex;justify-content: space-between;}
.m3_cont ul li{width: 260px;height: 270px;border-radius: 8px;box-shadow: 0 0 10px #e6e6e6;}
.m3_cont ul li h2{margin: -7px auto 26px;width: 172px;height: 55px;line-height: 55px;background: #090a4f;font-size: 30px;border-radius: 8px;color: #fff;text-align: center;}
.m3_cont ul li h3{font-size: 22px;color: #4446d5;text-align: center;}
.m3_cont ul li P{font-size: 18px;color: #333333;text-align: center;line-height: 40px;}
.m3_txt_top{padding-bottom: 13px;border-bottom: 2px solid #6c6ee9;}
.m3_txt_bot h3{margin-top: 20px;}
.m3_btn{margin: 0 auto;font-size: 26px;color: #fff;font-weight: bold;display: block;width: 320px;height: 70px;line-height: 60px;text-align: center;
  border: 3px solid #ffc301;border-radius: 35px;
  background: -webkit-linear-gradient(#6a6ce8, #1f22b5); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#6a6ce8, #1f22b5); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#6a6ce8, #1f22b5); /* Firefox 3.6 - 15 */
  background: linear-gradient(#6a6ce8, #1f22b5); /* 标准的语法 */
  animation-name: backto1;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 1s;
}


.m4{padding: 70px 0 0 0;}
.m4_tit{font-size: 50px;color: #161616;text-align: center;font-weight: bold;position: relative;}
.m4_cont{margin:45px 0 0 0;background: url(../images/m4_bg.png) center no-repeat;height: 200px;background-size: cover;position: relative;}
.m4_btn{margin: 0 auto;font-size: 40px;color: #161616;font-weight: bold;display: block;width: 378px;height: 131px;line-height: 68px;text-align: center;
  background: url(../images/m4_btn.png) center no-repeat;
  animation-name: backto;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 0.8s;
  position: absolute;right: 167px;top: 60px;
}
.m4_btn span{display: block;width: 257px;}



.m5{padding:70px 0 0 0;}
.m5_tit{font-size: 50px;color: #161616;text-align: center;font-weight: bold;position: relative;}
.m5_cont{padding:50px 0 0;}
.m5_cont ul{display: flex;justify-content: space-between;}
.m5_cont ul li{width: 340px;height: 270px;border-radius: 8px;box-shadow: 0 0 10px #e6e6e6;text-align: center;}
.m5_cont ul li a{display: block;width: 100%;height: 100%;;border-radius: 8px;padding-top: 20px;}
.m5_cont ul li a:hover{background: #7857cf;}
.m5_cont ul li img{display: block;margin: 0 auto 20px;}
.m5_cont ul li h2{line-height: 40px;color: #1f1f1f;font-size: 30px;}
.m5_cont ul li p{line-height: 42px;color: #1f1f1f;font-size: 24px;}
.m5_cont ul li a:hover h2,.m5_cont ul li a:hover p{color: #fff;}


.m6{padding:70px 0 0 0;}
.m6_tit{font-size: 50px;color: #161616;text-align: center;font-weight: bold;position: relative;}
.m6_cont{padding:45px 0 50px;}
.m6_cont ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.m6_cont ul li{width: 260px;text-align: center;margin-bottom: 40px;}
.m6_cont ul li img{display: block;width: 260px;border-radius: 8px;margin-bottom: 13px;}
.m6_cont ul li a{margin: 0 auto;font-size: 22px;color: #fff;font-weight: bold;display: block;width: 200px;height: 46px;line-height: 40px;text-align: center;
  border: 3px solid #ffc301;border-radius: 35px;
  background: -webkit-linear-gradient(#6a6ce8, #1f22b5); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#6a6ce8, #1f22b5); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#6a6ce8, #1f22b5); /* Firefox 3.6 - 15 */
  background: linear-gradient(#6a6ce8, #1f22b5); /* 标准的语法 */
  animation-name: backto;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 1s;}


.fixFoot{width: 100%;height: 100px;background:url(../images/fixFoot.png) center no-repeat;}
.fixFoot .inner_spe{position: relative;height: 110px;position: relative;}
.off{position: absolute;right: 93px;top: 13px;width: 24px;height: 24px;cursor: pointer;}

.fix_code_wrap{display: flex;width: 670px;justify-content: space-between;margin: 0 auto;padding-top: 7px;}
.fix_code_item{display: flex;background: #1454cd;border-radius: 5px;align-items: center;}
.fix_code_item img{display: block;width: 88px;height: 88px;border-radius: 5px;}
.fix_code_item p{font-size: 12px;width: 22px;color: #fff;line-height: 13px;text-align: center;}



@keyframes backto{
  0% {
    transform: scale(1);/*开始为原始大小*/
}
50% {
    transform: scale(1.05);/*放大1.1倍*/
}
}





@keyframes backto1{
  0% {
    transform: scale(1);/*开始为原始大小*/
}
50% {
    transform: scale(1.1);/*放大1.1倍*/
}
}