/* 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("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;
}




.banner{height: 350px;background:#fff url(../images/banner.jpg?v1) center no-repeat;background-size: cover;position: relative;overflow: hidden;}  
.banner .inner{height: 350px;position: relative;}
.ban1{width: 712px;height: 157px;line-height: 72px;padding: 24px 0 0 122px;background: url(../images/ban1.png) center no-repeat;position: absolute;top: 18px;left: 182px;font-size: 40px;color: #231d19;font-weight: bold;text-align: center;}
.ban2{position: absolute;top: 146px;left: 206px;font-size: 80px;color: #fff;font-weight: bold;text-shadow: 0 5px 5px #8d0208;text-align: center;}
.banner ul{display: flex;justify-content: space-between;width: 715px;position: absolute;left: 244px;top: 270px;}
.banner ul li{border: 2px solid #fff;font-size: 22px;border-radius: 10px;height: 48px;line-height: 48px;width: 198px;text-align: center;display: flex;overflow: hidden;
  animation-name: backto;/*关键帧名称*/
  animation-timing-function: ease-in-out;/*动画的速度曲线*/
  animation-iteration-count: infinite;/*动画播放的 次数*/
  animation-duration:1s;/*动画所花费的时间*/
}

.banner ul li span{width: 113px;color: #f33117;
  background: -webkit-linear-gradient(#fff4ed, #ffeadd); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#fff4ed, #ffeadd); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#fff4ed, #ffeadd); /* Firefox 3.6 - 15 */
  background: linear-gradient(#fff4ed, #ffeadd); /* 标准的语法 */
}
.banner ul li a{width: 85px;color: #b8250d;
  background: -webkit-linear-gradient(#ffe881, #ffc25f); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#ffe881, #ffc25f); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#ffe881, #ffc25f); /* Firefox 3.6 - 15 */
  background: linear-gradient(#ffe881, #ffc25f); /* 标准的语法 */
}
.banner ul li a i{padding-right: 25px;background: url(../images/ban_jt.png) right center no-repeat;}







.ban_btn{display: block;width: 400px;height: 60px;line-height: 60px;text-align: center;border-radius: 30px;font-size: 32px;color: #b90916;border: 1px solid #fff;font-weight: bold;
  background: -webkit-linear-gradient(#fff7ed, #fcd49a); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#fff7ed, #fcd49a); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#fff7ed, #fcd49a); /* Firefox 3.6 - 15 */
  background: linear-gradient(#fff7ed, #fcd49a); /* 标准的语法 */
  box-shadow: 0 10px 5px #6549d1;
  position: absolute;bottom: 97px;left: 387px;
  animation-name: backto;/*关键帧名称*/
  animation-timing-function: ease-in-out;/*动画的速度曲线*/
  animation-iteration-count: infinite;/*动画播放的 次数*/
  animation-duration:1s;/*动画所花费的时间*/

}



.pub_tit{font-size: 46px;color: #333333;font-weight: bold;text-align: center;line-height: 62px;letter-spacing: 4px;}
.pub_tit span{color: #e01011;}

.pub_btn{display: block;width: 240px;height:68px;line-height: 60px;border-radius: 35px;font-size: 32px;font-weight: bold;text-align: center;color: #9d1109;margin: 0 auto;
  background: -webkit-linear-gradient(#ffefc5, #fdcb68); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#ffefc5, #fdcb68); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#ffefc5, #fdcb68); /* Firefox 3.6 - 15 */
  background: linear-gradient(#ffefc5, #fdcb68); /* 标准的语法 */
  border: 4px solid #fff;box-shadow: 0 5px 5px #e8af9a;
}
.pub_btn:hover{color: #fff; border: 4px solid #ffc64a;
  background: -webkit-linear-gradient(#ff543d, #ff543d); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#ff543d, #ff543d); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#ff543d, #ff543d); /* Firefox 3.6 - 15 */
  background: linear-gradient(#ff543d, #ff543d); /* 标准的语法 */
}


.m1{padding: 32px 0 0;background: url(../images/m1_bg.jpg) center no-repeat;background-size: cover;}
.m1 .inner{position: relative;}


.m1_tit{}
.m1_tit img{display: block;margin: 0 auto;}
.m1_cont{display: flex;height: 456px;background: url(../images/m1_cont.png) center no-repeat;padding-top: 310px;margin-top: 20px;}








.m2{padding: 80px 0 10px;background: url(../images/m2_bg.jpg) center bottom ;background-size: 58px;}
.m2_tit{box-shadow: 0 5px 5px #e8af9a;width: 1024px;text-align: center;letter-spacing: 5px;margin: 0 auto 36px;background: #f86f1c;height: 92px;border-radius: 10px;line-height: 90px;color: #fff;font-weight: bold;border:1px solid  #de4d29;font-size: 40px;}
.m2_tit1{font-size: 22px;color: #371f1c;text-align: center;font-weight: bold;margin-bottom: 20px;}
.tab{margin-bottom: 70px;}
.tab-hd{display: flex;width: 1030px;margin: 0 auto;justify-content: space-between;height: 80px;line-height: 80px;color: #000;font-size: 32px;font-weight: bold;text-align: center;}
.tab-hd li{width: 237px;background: url(../images/tab-hd.png) center no-repeat;cursor: pointer; transition: all 0.2s;}
.tab-hd li.active{background: url(../images/tab-hd-on.png) center no-repeat;}
.tab-bd{background: #f0f0f0;border-radius: 20px;border: 10px solid #fff;box-shadow: 0 5px 5px #e8af9a;padding: 20px 0;}
.tab-bd>li{display: none;}


.tab-bd li h3{font-size: 32px;color: #ff7315;text-align: center;line-height: 80px;}
.tab-bd li h4{font-size: 22px;color: #383838;text-align: center;line-height: 60px;margin-bottom: 20px;}
.tab-bd li p{font-size: 16px;color: red;text-align: center;line-height: 60px;}
.m2_img_wrap{width: 1100px;height: 550px;overflow: hidden;border-radius: 10px;margin: 0 auto;margin-bottom: 20px;display: flex;justify-content: space-between;}
.m2_img_wrap img{width: 540px;border-radius: 10px;}


.load_btn_wrap{display: flex;justify-content: space-between;margin: 0 auto;}
.load_btn{display: block;width: 240px;height:60px;line-height: 52px;border-radius: 35px;font-size: 32px;font-weight: bold;text-align: center;color: #9d1109;margin: 0 auto;
  background: -webkit-linear-gradient(#ffefc5, #fdcb68); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#ffefc5, #fdcb68); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#ffefc5, #fdcb68); /* Firefox 3.6 - 15 */
  background: linear-gradient(#ffefc5, #fdcb68); /* 标准的语法 */
  border: 4px solid #fff;box-shadow: 0 5px 5px #e8af9a;}

.load_btn:hover{color: #fff; border: 4px solid #ffc64a;
  background: -webkit-linear-gradient(#ff543d, #ff543d); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#ff543d, #ff543d); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#ff543d, #ff543d); /* Firefox 3.6 - 15 */
  background: linear-gradient(#ff543d, #ff543d); /* 标准的语法 */
}

















.m3{padding: 70px 0 85px;background: url(../images/m3_bg.jpg) center no-repeat;background-size: cover;}
.m3_tit img{display: block;margin: 0 auto;}
.m3_cont{padding: 44px 0;position: relative;border-radius: 20px;width: 1150px;box-shadow:  0 10px 10px #f4cec5;background: #fff;margin: 46px auto 0;}

.m3_item_wrap{position: absolute;top: 163px;left: 52px;width: 1044px;margin: 0 auto;height: 524px;}
.m3_item{width: 334px;height: 215px;}
.m3_item1,.m3_item3{background: url(../images/m3_item_l.png) center;}
.m3_item2,.m3_item4{background: url(../images/m3_item_r.png) center;}

.m3_item1{position: absolute;left: 0;top: 0;}
.m3_item3{position: absolute;left: 0;bottom: 0;}

.m3_item2{position: absolute;right: 0;top: 0;}
.m3_item4{position: absolute;right: 0;bottom: 0;}


.m3_item h2{line-height: 58px;color: #f24836;font-size: 36px;display: flex;margin-bottom: 8px;margin-top: 42px;}
.m3_item h2 span{font-size: 36px;border-bottom: 3px solid #f24836;}
.m3_item p{line-height: 44px;font-size: 26px;color: #1f1f1f;font-weight: bold;}

.m3_item1 h2,.m3_item3 h2{text-align: right;margin-right: 48px;justify-content: end;}
.m3_item2 h2,.m3_item4 h2{margin-left: 44px;}
.m3_item1 h2 span,.m3_item3 h2 span{margin-left: 15px;}
.m3_item2 h2 span,.m3_item4 h2 span{margin-right: 15px;}
.m3_item1 p,.m3_item3 p{text-align: right;margin-right: 48px;}
.m3_item2 p,.m3_item4 p{margin-left: 44px;}




.m3_cont .swiper {
  position: relative;
  width: 378px;
  overflow: hidden;
  margin: 0 auto;
  padding-bottom: 46px;

}
.m3_cont .swiper  img{display: block;border: 8px solid #f98d63;border-radius: 15px;}

.swiper-wrapper{

}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.swiper-slide img {
  display: block;

  object-fit: cover;
}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 0;}
.swiper-pagination-bullet{width: 16px;height: 16px;opacity: 1;background: #bababa;}
.swiper-pagination-bullet-active{background: #f24836;}





.m4{padding: 72px 0 66px;background:#f8dbd4;}
.m4_tit img{display: block;margin: 0 auto;}
.m4_cont{height: 544px;background: url(../images/m4_cont.png) center no-repeat;margin: 20px  auto 0;}

.m4_cont ul{display: flex;width: 1006px;justify-content: space-between;margin: 0 auto;padding: 154px 0 0 0;}
.m4_cont ul li{width: 146px;height: 146px;text-align: center;}
.m4_cont ul li h2{color: #f05823;font-size: 22px;line-height: 30px;padding-top: 42px;}

.m4_cont ol{display: flex;margin: 14px 0 0 95px;width: 1012px;}
.m4_cont ol li{text-align: center;line-height: 24px;font-size: 18px;color: #121212;}
.m4_cont ol li:nth-child(1){width: 148px;}
.m4_cont ol li:nth-child(2){width: 196px;}
.m4_cont ol li:nth-child(3){width: 162px;}
.m4_cont ol li:nth-child(4){width: 168px;}
.m4_cont ol li:nth-child(5){width: 170px;}
.m4_cont ol li:nth-child(6){width: 165px;}


.m4 .pub_btn{margin: -54px auto 0;}


.layer_wrap{width: 100%;height: 100%;background-color: rgba(0,0,0,0.8);display: block;position: fixed;top: 0;left: 0;z-index: 999;}
.layer_cont{position: fixed;top: 50%;left: 50%;z-index: 200;width: 720px;padding: 22px 0 20px;border-radius:30px;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: -webkit-linear-gradient(#ffc7b2, #ff6d58); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#ffc7b2, #ff6d58); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#ffc7b2, #ff6d58); /* Firefox 3.6 - 15 */
  background: linear-gradient(#ffc7b2, #ff6d58); /* 标准的语法 */
}



.part-form-bg {
  position: relative;
  z-index: 22;
  padding-bottom: 0.6rem;
  background: #ffffff;
  border-radius: 10px;
}
.part-form {
  padding-top: 60px;
  margin: 0 auto;
  width: 579px;
  height: 363px;
  background: url(../images/form_bg.png) center no-repeat;
}
.part-form .form-input-bg,
.part-form .form-btn-bg {
  margin: 0 auto;
  width: 460px;
  height: 60px;
  border: 1px solid #ececec;
  border-radius: 10px;
  background: #f5f5f5;
}
.part-form .form-input-bg:first-child,
.part-form .form-btn-bg:first-child {
  margin-top: 0;
}
.part-form .form-input-bg {
  position: relative;
  margin-top: 25px;
}
.part-form .form-input-bg input {
  width: 100%;
  height: 60px;
  font-size: 24px;
  color: #333;
  box-sizing: border-box;
  cursor: text;
}
.part-form .form-input-bg input::placeholder {
  color: #888;
}
.part-form .form-input-bg input.input-text {
  padding: 0 20px 0 80px;
}
.part-form .form-input-bg input.input-code {
  padding: 0 20px 0 80px;
  width: 396px;
}
.part-form .form-input-bg .icon-name{
  position: absolute;
  top: 0.18rem;
  left: 0.3rem;
  width: 0.43rem;
  height: 0.40rem;
  background-repeat: no-repeat;
  background-size: cover;
}
.part-form .form-input-bg .icon-tel {
  position: absolute;
  top: 10px;
  left: 20px;
  width: 43px;
  height: 40px;
  background-repeat: no-repeat;
  background-size: cover;
}
.part-form .form-input-bg .icon-yzm {
  position: absolute;
  top: 8px;
  left: 20px;
  width: 43px;
  height: 40px;
  background-repeat: no-repeat;
  background-size: cover;
}

.part-form .form-input-bg .icon-name::after,
.part-form .form-input-bg .icon-tel::after {
  position: absolute;
  top: 0;
  right: -0.3rem;
  content: '';
  width: 1px;
  height: 0.42rem;
  background: none;
}
.part-form .form-input-bg .icon-name {
  background-image: url(../images/icon-name.png);
}
.part-form .form-input-bg .icon-tel {
  background-image: url(../images/icon-tel.png);
}
.part-form .form-input-bg .icon-yzm{
  background-image: url(../images/icon-yzm.png);
}
.part-form .form-input-bg .button-yzm-btn {
  position: absolute;
  top: 16px;
  right: 26px;
  text-align: center;
  font-size: 24px;
  color: #9d1109;
  border: none;
  background: none;
  border-bottom: 2px solid #9d1109;
}
.part-form .form-input-bg .button-yzm-btn.form_get_code {
  cursor: pointer;
}
.part-form .form-input-bg .button-yzm-btn.form_daojishi {
  display: none;
}
.part-form .form-btn-bg {
  margin-top: 0.54rem;
}
.part-form .form-btn{
  width: 200px;
  margin: 25px auto 0;
}
.part-form .form-btn input {
  width: 100%;
  height: 50px;
  display: block;line-height: 46px;border-radius: 35px;font-size: 26px;font-weight: bold;text-align: center;color: #9d1109;margin: 0 auto;
  background: -webkit-linear-gradient(#ffefc5, #fdcb68); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#ffefc5, #fdcb68); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#ffefc5, #fdcb68); /* Firefox 3.6 - 15 */
  background: linear-gradient(#ffefc5, #fdcb68); /* 标准的语法 */
  border: 2px solid #fff;box-shadow: 0 5px 5px #e8af9a;
}
.part-form .form-btn input:hover{color: #fff;border: 2px solid #ffc64a;
  background: -webkit-linear-gradient(#ff543d, #ff543d); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#ff543d, #ff543d); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#ff543d, #ff543d); /* Firefox 3.6 - 15 */
  background: linear-gradient(#ff543d, #ff543d); /* 标准的语法 */
}





.close-layer {position: absolute; top: -54px;right: 0; background: url(../images/close-layer.png) center no-repeat; background-size: cover;width: 40px;height: 40px;cursor: pointer;}
.policy1{display: flex;align-items: center; font-size: 16px;color: #000;line-height: 64px;margin-left:90px;}
.policy1 input{margin-right: 10px;}
.policy1 a{color: #000;}



.layer_form{display: none;}




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





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