/* 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;text-align: center;}
.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;
}

.flex{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}

.banner{background: url("../images/banner.jpg") no-repeat top center;width: 100%;height: 954px;padding-top: 36px;}

.banner .list{width: 1136px;margin: 0 auto;}
.banner .list .item{width: 224px;height: 122px;position: relative;cursor: pointer;}
.banner .list .item::before{content: "";position: absolute;width: 288px;height: 43px;background: url("../images/bg1.png") no-repeat;bottom: 9px;left: -33px;}

.banner .list .item .conBox{background: linear-gradient(0deg, #f41000, #ff7803);position: relative;width: 100%;height: 100%;position: relative;border-radius: 10px;margin-top: -10px;}
.banner .list .item .conBox h3{color: #fff;font-size: 38px;height: 60px;line-height: 60px;}
.banner .list .item .conBox h4{width: 220px;height: 60px;margin: 0 auto;background: linear-gradient(0deg, #FFDC89 0%, #FFFFFF 100%);border-radius: 0px 0px 10px 10px;font-size: 28px;line-height: 60px;transition: .3s;padding-left: 17px;}
.banner .list .item:hover h4{color: #ED0A02;transition: .3s;}

.part1{background: url("../images/bg3.jpg") no-repeat top center;width: 100%;height: 768px;}
.part1 .twoBtn{width: 892px;margin: 36px auto 0;}
.part1 .twoBtn li{width: 420px;height: 66px;background: linear-gradient(0deg, #FF4E10 0%, #FFA14C 100%);box-shadow: 0px 5px 0px 0px #D83B00, 0px 5px 9px 1px rgba(255,195,149,0.6);border-radius: 34px;cursor: pointer;font-size: 26px;color: #fff;font-weight: bold;line-height: 66px;}
.part1 .twoBtn li.act{background: linear-gradient(0deg, #F00100 0%, #FF5E21 100%);box-shadow: 0px 5px 0px 0px #B80000, 0px 5px 9px 1px #FFCCA3;color: #FFDE78;}
.part1 .outer .classList .item{width: 100%;height: 100%;position: absolute;left: 0;top: 0;overflow: hidden;display: none;}
.part1 .outer .classList .item.on{display: block;}


.butter{background: url("../images/bg6.png") no-repeat;width: 202px;height: 286px;}
.butter p{font-size: 16px;color: #fff;padding-top: 52px;}
.butter b{font-size: 40px;color: #ED0A02;display: block;margin: 40px 0 54px;}
.butter a{display: block;width: 150px;height: 42px;line-height: 42px;background: linear-gradient(0deg, #FFD3CC 0%, #FFFFFF 100%);
border-radius: 30px;font-size: 24px;color: #ED0A02;margin: 0 auto;font-weight: bold;}
.butter a:hover{background: linear-gradient(0deg, #FFA652 0%, #FFE9B7 100%);}


.part2{background: url("../images/bg4.jpg") no-repeat;width: 100%;height: 834px;}
.part2 .title{padding: 0 186px;}
.part2 .flex{width: 1078px;margin: 30px auto 0;}
.part2 .item{width: 525px;background: #FFFFFF;border-radius: 20px;overflow: hidden;padding-bottom: 30px;}
.part2 .item h4{font-size: 26px;color: #fff;height: 60px;line-height: 60px; background: linear-gradient(0deg, #FF0803 0%, #FF4C48 100%);}
.part2 .lineList{height: 240px;border-left: 1px dashed #ffb9b4;width: 466px;margin: 26px auto;display: flex;justify-content: flex-end;flex-wrap: wrap;}
.part2 .lineList .cell{width: 446px;height: 54px;border-bottom: 1px dashed #e0e0e0;display: flex;align-items: center;justify-content: space-between;}
.part2 .lineList .cell .txt{font-size: 16px;position: relative;}
.part2 .lineList .cell .txt::before{content: "";position: absolute;background: url("../images/arrow2.png") no-repeat;width: 18px;height: 18px;left: -29px;top: 4px;}
.part2 .lineList .cell .txt {color: #000; font-size: 16px;}
.part2 .lineList .cell a{display: block;width: 58px;height: 30px;line-height: 30px;background: #FFEAE6;border-radius: 6px;font-size: 16px;color: #000;}
.part2 .lineList .cell a:hover{background: #FF0A04;color: #fff;transition: .3s;}
.part2 .lineList .cell:first-child{height: 41px;align-items: flex-start;}
.part2 .lineList .cell:first-child a{position: relative;top: -4px;}
.part2 .lineList .cell:last-child{height: 41px;align-items: flex-end;border: none;}
.part2 .lineList .cell:last-child a{position: relative;bottom: -4px;}
.part2 .dec{width: 485px;height: 83px;background: #FF4540;border-radius: 20px;margin: 0 auto;font-weight: bold;font-size: 16px;color: #fff;line-height: 30px;display: flex;align-items: center;justify-content: center;}


.part2 .item2 h4{background: linear-gradient(0deg, #FF4E10 0%, #FF863D 100%);}
.part2 .item2 .cell a:hover,.part2 .item2 .dec{background: #FF5113;}

.part3{background: url("../images/bg5.jpg") no-repeat;width: 100%;height: 2917px;}
.part3 .title{padding: 0 172px;}
.part3 .in .bg{width: 100%;background: #fff;border-radius: 30px;}
.part3 .outer .classList{height: 270px;}
.part3 .slideBox{width: 1054px;height: 100%; margin: 0 auto;overflow: hidden;}
.part3 .slideBox img{height: 240px;}
.part3 .swiper-slide-next img{border-radius: 12px;box-shadow: 0 0 10px #ddd;overflow: hidden;}

.part3 .leftTit{display: flex;margin-top: 40px;align-items: center;font-size: 28px;}
.part3 .leftTit h4{width: 254px;height: 70px;line-height: 70px;background: linear-gradient(0deg, #FF0A04 0%, #FF791F 100%);border-radius: 0px 35px 35px 0px;font-size: 32px;color: #fff;margin:0 30px 0 -2px;}

.part3 .classBox{height: 814px;width: 1076px;margin: 28px auto 0;align-content: space-between;}
.part3 .classBox img{width: 340px;border-radius: 10px 10px 0 0;}
.part3 .txt{width: 340px;height: 80px;background: #FFFFFF;border-radius: 0px 0px 10px 10px;padding: 0 14px;}
.part3 .txt h4{color: #FF0903;font-size: 32px;}
.part3 .txt a{width: 160px;height: 50px;line-height: 50px;background: linear-gradient(-90deg, #FF4E10 0%, #FF9205 100%);border-radius: 12px;font-size: 26px;color: #fff;font-weight: bold;}

.part3 .classBox2{height: 530px;}
.part3 .txt a:hover{background: linear-gradient(to right,#FF4E10,#FF9205);color: #FFF77F;}

.part4{background: url("../images/bg6.jpg") no-repeat;width: 100%;height: 710px;}
.part4 .title{padding: 0 168px;}

.m5_item_wrap{display: flex;width: 1080px;justify-content: space-between;margin: 0 auto;padding-top: 36px;}
.m5_item{width: 240px;height: 60px;line-height: 60px;text-align: center;color: #fff;font-weight: bold;font-size: 28px;display: flex;align-items: center; border-radius: 30px;justify-content: center;
  background: -webkit-linear-gradient(0deg, #FF0A04 0%, #FF4E10 100%); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(0deg, #FF0A04 0%, #FF4E10 100%); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(0deg, #FF0A04 0%, #FF4E10 100%); /* Firefox 3.6 - 15 */
  background: linear-gradient(0deg, #FF0A04 0%, #FF4E10 100%); /* 标准的语法 */
}
.m5_item img{margin-right: 12px;}
.mySwiper2{width: 1080px;margin: 30px auto;overflow: hidden;position: relative;}
.mySwiper2 .swiper-slide{width: 340px;height: 318px;overflow: hidden;border-radius: 10px;}
.mySwiper2 .swiper-slide img{display: block;width: 340px;height: 190px;border-radius: 15px;}
.mySwiper2 .swiper-slide a{display: block;width: 282px;height: 66px;line-height: 66px;text-align: center;color: #fff;font-weight: bold;font-size: 30px;border-radius: 34px;background: linear-gradient(90deg, #FF9205 0%, #FF4E10 100%); margin: 26px auto 0;
}
.mySwiper2 .swiper-slide a:hover{background: linear-gradient(90deg, #FF4E10 0%, #FF9205 100%);}


.mySwiper2 .swiper-pagination-bullet,.mySwiper3 .swiper-pagination-bullet,.mySwiper4 .swiper-pagination-bullet{background: #ffa07d;opacity: 1;width: 10px;border-radius: 2px;height: 4px;}
.mySwiper2 .swiper-pagination-bullet-active,.mySwiper3 .swiper-pagination-bullet-active,.mySwiper4 .swiper-pagination-bullet-active{background: #ff4e10;width: 24px;}



.fixSide{background: url(../images/side.png) center no-repeat;width: 146px;height: 369px;position: fixed;left: 20px;top: 150px;text-align: center;z-index: 9999;color: #fff;}
.fixSide .off2{position: absolute;top:-10px;left:60px;cursor: pointer;}
.sideBox{margin: 0 auto;}
.sideBox ul{overflow: hidden;width: 132px;margin: 0 auto; padding-top:40px;}
.sideBox ul li{height: 44px;margin-bottom: 30px;overflow: hidden;line-height: 44px;}
.sideBox ul li:last-child{margin-bottom: 0;}
.sideBox ul li a{display: block;height: 44px;line-height:44px;text-align: center;color: #fff;font-size: 20px;}
.sideBox ul li a:hover{font-weight: bold;color: #f9dd2f;font-weight: bold;}

.sideBox ul li.current a{font-weight: bold;color: #f9dd2f;font-weight: bold;}

.fixSide .goTop{font-size: 16px;text-align: center;cursor: pointer;width: 65px;line-height: 34px;margin:9px 0 0 28px;}

.part4 .outer .in{padding-bottom: 0;}
.part4 .swiper-pagination{bottom: -4px;}


.title{background: url("../images/tit.png") no-repeat;width: 1200px;height: 98px;margin: 0 auto;display: flex;padding: 0 212px;display: flex;justify-content: space-between;}
.title h3{font-size: 42px;color: #fff;line-height: 122px;}
.title .cir{background: url("../images/cir1.png") no-repeat;width: 234px;height: 90px;position: relative;top: 17px;}
.title .cir img{position: absolute;left: 168px;top: 19px;}

.outer{background: linear-gradient(0deg, #FF0000 0%, #FF782E 100%);box-shadow: 0px 5px 7px -1px rgba(199,9,10,0.93) inset;border-radius: 20px;border: 4px solid #F9EFC6;padding: 32px 0;}
.outer .in{width: 1144px;background: #FFF2EB;border-radius: 20px;border: 2px solid #FFC987;margin: 0 auto;padding-bottom: 36px;}
.outer .in h3{font-size: 24px;padding-top: 34px;}
.outer .in h3 em{color: #ed0902;}

.outer .classList{width: 1078px;height: 286px; margin:28px auto 0;position: relative;}
.outer .classList .slideBtn{width: 46px;height: 50px;background: #D0D0D0;border-radius: 0px 10px 10px 0px;display: flex;align-items: center;justify-content: center;position: absolute;left: -61px;top: 110px;transition: .3s;cursor: pointer;}
.outer .classList .slideBtn span{background: url("../images/arrow.png") no-repeat;width: 18px;height: 26px;}
.outer .classList .slideBtn.next{right: -61px;left: auto;transform: rotate(-180deg);}
.outer .classList .slideBtn:hover{background: #ffc513;transition: .3s;}