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



.banner{width: 100%;height: 450px;overflow: hidden;position: relative;}
.banner .swiper-pagination-bullet{width: 16px;height: 16px;background: #a5a2a0;border-radius: 50%;opacity: 1;}
.banner .swiper-pagination-bullet-active{background: #fff;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets, 
.banner .swiper-pagination-custom, 
.banner .swiper-pagination-fraction{bottom: 20px;}


.tit{text-align: center;margin-top: 60px;font-size: 42px;}
.tit span{position: relative;}
.tit span::before,
.tit span::after{content: "";position: absolute;left: -40px;top: 24px;background: url(../images/arrow1.png) no-repeat;width: 21px;height: 26px;}
.tit span::after{right: -40px;left: auto;transform: rotateY(180deg);}
.tit p{font-size: 26px;color: #666;margin-top: 10px;}

.part1 .project{margin-top: 30px;display: flex;justify-content: space-between;flex-wrap: wrap;position: relative;}
.part1 .son{width: 380px;box-shadow: 0px 3px 8px 0px rgba(162, 162, 162, .3);padding-bottom: 24px;margin-bottom: 30px;}
.part1 .son h4{font-size: 22px;height: 50px;border-left: 4px solid #f89852;margin: 24px 0 0 30px;padding-left: 10px;display: flex;flex-wrap: wrap;align-content: space-between;}
.part1 .son h4 span{margin-top: -6px;}
.part1 .son h4 i{font-size: 18px;color: #666;font-weight: normal;width: 100%;margin-top: 6px;}



.part1 .project .txt_box{position: absolute;left: 0;top: 0;width: 792px;padding: 40px 30px;min-height: 626px;display: none;}
.part1 .project .txt_box .off_txt{width: 30px;height: 30px;border: 1px solid #f89751;border-radius: 50%;color: #f89751;position: absolute;right: 10px;top: 10px;cursor: pointer;font-size: 22px;text-align: center;line-height: 24px;}
.part1 .project .txt_box .item{position: relative;z-index: 2;}
.part1 .project .txt_box::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #000;opacity: 0.65;}
.part1 .project .txt_box h4{font-size: 20px;color: #f89751;border-left: 4px solid #f89852;padding-left: 8px;height: 18px;line-height: 18px;}
.part1 .project .txt_box p{color: #fff;line-height: 32px;margin: 18px 0 18px 12px;font-size: 16px;}
.part1 .project .txt_box b{position: relative;display: block;margin-top: 4px;}
.part1 .project .txt_box b::before{content: "";position: absolute;left: -12px;top: 9px;background: #fff;border-radius: 50%;width: 4px;height: 4px;}
.part1 .project .txt_box a{font-size: 26px;color: #fff;width: 250px;height: 52px;line-height: 52px;border-radius: 40px;display: block;background: #f89852;text-align: center;margin: 0 auto;}
.part1 .project .txt_box em{color: #f89751;}
.part1 .project .txt_box_2{right: 0;left: auto;}
.part1 .project .txt_box strong{display: block;color: #fff;background: url(../images/arrow2.png) no-repeat left center;padding-left: 22px;margin: 16px 0 0 12px;font-size: 16px;}
.part1 .project .txt_box h5{font-size: 16px;color: #f89751;margin: 12px 0 30px 12px;}

/* .part1 .project .posTxt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: none;} */
/* .part1 .project .posTxt .txt_box{position: absolute;left: 0;top: 0;width: 792px;padding: 40px 30px;min-height: 626px;display: none;}
.part1 .project .posTxt .txt_box .item{position: relative;z-index: 2;}
.part1 .project .posTxt .txt_box::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #000;opacity: 0.65;}
.part1 .project .posTxt .txt_box h4{font-size: 20px;color: #f89751;border-left: 4px solid #f89852;padding-left: 8px;height: 18px;line-height: 18px;}
.part1 .project .posTxt .txt_box p{color: #fff;line-height: 32px;margin: 18px 0 18px 12px;font-size: 16px;}
.part1 .project .posTxt .txt_box b{position: relative;display: block;margin-top: 4px;}
.part1 .project .posTxt .txt_box b::before{content: "";position: absolute;left: -12px;top: 9px;background: #fff;border-radius: 50%;width: 4px;height: 4px;}
.part1 .project .posTxt .txt_box a{font-size: 26px;color: #fff;width: 250px;height: 52px;line-height: 52px;border-radius: 40px;display: block;background: #f89852;text-align: center;margin: 0 auto;}
.part1 .project .posTxt .txt_box em{color: #f89751;}
.part1 .project .posTxt .txt_box_2{right: 0;left: auto;}
.part1 .project .posTxt .txt_box strong{display: block;color: #fff;background: url(../images/arrow2.png) no-repeat left center;padding-left: 22px;margin: 16px 0 0 12px;font-size: 16px;}
.part1 .project .posTxt .txt_box h5{font-size: 16px;color: #f89751;margin: 12px 0 30px 12px;} */



.part2 .tit{margin-top: 30px;}
.part2 .serve{display: flex;justify-content: space-between;margin-top: 30px;}
.part2 .serve .son{width: 386px;height: 668px;box-shadow: 0px 3px 8px 0px rgba(162, 162, 162, .3);}
.part2 .serve .img_tit{position: relative;}
.part2 .serve .img_tit h3{width: 90px;height: 90px;display: flex;align-items: center;justify-content: center;font-size: 24px;color: #fff;line-height: 32px;background: linear-gradient(to bottom, #f89751, #e1792a);position: absolute;left: 0;top: 0;}

.part2 .serve .txt{padding: 0 26px;margin-top: 26px;}
.part2 .serve .txt h4{font-size: 20px;background: url(../images/arrow3.png) no-repeat left center;padding-left: 24px;}
.part2 .serve .txt p{line-height: 32px;padding: 10px 0;}


.part3 .offer{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 40px;}
.part3 .offer .son{position: relative;width: 586px;height: 346px;margin-bottom: 30px;}
.part3 .offer .son .opa{width: 100%;height: 208px;background: linear-gradient(to bottom, #3b94fe, #0075ff);border-radius: 10px;position: absolute;bottom: 0;left: 0;display: flex;align-items: center;}
.part3 .offer .son .opa h4{font-size: 24px;color: #fff;padding-left: 12px;line-height: 26px;}
.part3 .offer .son .arrow{background: url(../images/arrow4.jpg) no-repeat;width: 23px;height: 17px;position: absolute;left: 12px;top: 100px;}
.part3 .offer .son .imgBox{border: 1px solid #3c94fe;border-radius: 10px;position: absolute;top: 0;left: 50px;padding: 20px;background: #fff;}

.part3 .offer .son.odd .opa{justify-content: flex-end;padding-right: 12px;}
.part3 .offer .son.odd .arrow{right: 12px;left: auto;transform: rotate(180deg);}
.part3 .offer .son.odd .imgBox{right: 50px;left: auto;}


.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;
}
#iconDiv1{display: none;}