
.c-bg {
  position: fixed;
  /* z-index: 101; */
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
}
.section {
  position: relative;
  z-index: 105;
}
.h-nav-coat {
  transition: all 1s;
}
.center {
  overflow: hidden;
}
.center-content1-coat {
  position: relative;
  height: 100%;
  width: 100%;
  z-index: 1;
}

.feature-canvas {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  /* z-index: 0; */
}
.center-content1 {
  position: relative;
  z-index: 3;
  border-radius: 3px;
  padding-bottom: 20px;
  margin-top: 0px;
}
.cc1-title {
  text-align: center;
  padding-top: 75px;
}
.cc1-title img {
  opacity: 0;
  transition: all 1s;
}
.cc1-title img.show {
  opacity: 1;
  top: 0 !important;
}
.cc1-text {
  color:#777;
  margin: 42px 0 20px 0;
  padding-bottom: 40px;
  font-size: 18px;
  opacity: 0;
  position: relative;
  top: -30px;
  transition: all 1s;
  line-height: 30px;
}
.cc1-text.show {
  opacity: 1;
  top: 0;
}
#fullPage {
  z-index: 100;
  background-color: #fff;
}
.cc1-menu {
  display: flex;
  justify-content: space-around;
}
.cc1-m-list {
  position: relative;
  width: 23%;
  height: 430px;
  opacity: 0;


}
.cc1-m-list:hover {
  background: linear-gradient(rgb(255, 23, 165), rgb(23, 112, 255) );
  width: 23%; height: 430px;
   border-radius:12px;
  color: #fff;


}
.cc1-m-list:hover .cc1-m-l-icon {
  opacity: 0;
}
.cc1-m-list:hover .cc1-m-l-icon-2 {
  opacity: 1;
}
.cc1-m-list:hover .cc1ml-more {
  background: url(../image/index2_16_2.png) no-repeat 0 0;
  background-size: 100% 100%;
  color: #fff;
}
.cc1ml-icon-coat {
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 82px;
  margin-top: 50px;
  position: relative;
}
.cc1-m-l-icon-2 {
  opacity: 0;
}
.cc1ml-icon-coat img {
  position: absolute;
}
.cc1-m-l-icon {
  position: relative;
  z-index: 0;

}
.cc1ml-content-coat {
  position: absolute;
  text-align: center;
  top: 52%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding-top: 42px;
}
.cc1ml-title {
  font-size: 24px;

}
.cc1ml-more {
  color: #fff;
  background: url(../image/index2_16.png) no-repeat 0 0;
  background-size: 100% 100%;
  display: inline-block;
  height: 50px;
  width: 125px;
  text-align: center;
  line-height: 50px;
  position: relative;
  top: 30px;
  color: rgb(20, 101, 229);
}
.cc1ml-more:hover {
  text-decoration: underline !important;
}
.cc2-menu {
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
}
.cc2-m-list-left,
.cc2-m-list-right {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  max-width: 250px;
}
.cc2-m-list-left {
  padding-right: 80px;
  position: relative;
}
.cc2-m-list-right {
  padding-left: 80px;
}
.cc2mlc-list img {
  width: 245px;
  height: auto;
  opacity: 0;
  position: relative;
  top: 50vh;
}
.cc2ml-title {
  font-size: 22px;
  margin: 0;
  letter-spacing: 1px;
}
.cc2ml-text {
  color:#666;
  font-size: 15px;
  padding-top: 10px;;
}
.cc2ml-title.color1 {
  color: rgb(235, 174, 68);
}
.cc2ml-title.color2 {
  color: rgb(17, 69, 119);
}
.cc2ml-title.color3 {
  color: rgb(247, 162, 115);
}
.cc2ml-title.color4 {
  color: rgb(126, 161, 191);
}
.cc2ml-title.color5 {
  color: rgb(176, 134, 184);
}
.cc2ml-title.color6 {
  color: rgb(144, 26, 78);
}

.cc1-title:nth-child(1) img {
  position: relative;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
}
.cc2-m-list-left .cc2ml-list,
.cc2-m-list-right .cc2ml-list {
  position: relative;
  max-width: 250px;
}
.cc2-m-list-left .cc2ml-list {
  left: -100vw;
}
.cc2-m-list-right .cc2ml-list {
  left: 100vw;
}
.cc2-m-list-left .cc2ml-list:nth-child(1) {
  left: -95vw;
}
.cc2-m-list-left .cc2ml-list:nth-child(2) {
  left: -90vw;
}
.cc2-m-list-left .cc2ml-list:nth-child(3) {
  left: -85vw;
}
.cc2-m-list-right .cc2ml-list:nth-child(1) {
  left: 95vw;
}
.cc2-m-list-right .cc2ml-list:nth-child(2) {
  left: 90vw;
}
.cc2-m-list-right .cc2ml-list:nth-child(3) {
  left: 85vw;
}
.center-content2-coat {
  overflow: hidden;
}
.center-content3-coat {
  width: 100%;
  height: 100%;
  padding: 0;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 4;

}
.cc3-bg {
  width: 100%;
  height: auto;
  position: relative;
  top: 0;
  left: 0;
}
.center-content3 {
  position: absolute;

}
.cc3-menu {
  width: 100%;
  height: auto;
  position: relative;
  display: flex;
  justify-content: center;
  top:34px;
  left:6%;

}
.cc3-left,
.cc3-right {
  width: 50%;
}
.cc3-left img {
  transform: scale(0);
  transition: all 1s;margin-left: 20%;


}
.cc3-left img.show {
  transform: scale(1);
}
.cc3-right {
  position: relative;
  margin-left: 35px;
  transform: translateX(-100%) scale(0);
  transition: all 1s;
}
.cc3-right.show {
  transform: translateX(0) scale(1);
}
.cc3rl-text{ width: 60%;}
.cc3-r-list {
  color: #fff;
  display: flex;
  margin: 30px 20px;
}
.cc3-r-l-img {

margin-right: 4px;
}
.cc3-r-list img {
  width: auto;
  height: auto;
}
.cc3rlt-title {
  font-size: 24px;

  font-weight:0;
  padding: 0 15px;
}
.cc3rlt-content {
  padding: 0 15px;
  line-height: 28px;;
}
.center-content4 {
  padding-top: 75px;
  position: relative;
}
.cc4-title {
  width: 100%;
  text-align: center;
}
.cc4-title img {
  width: 590px;
  height: auto;
  position: relative;
  top: -50px;
  opacity: 0;
  transition: all 1s;
  left: 50%;
  transform: translateX(-50%);
}
.cc4-title img.show {
  top: 0;
  opacity: 1;
}
.cc4-text {
  margin: 40px 0 100px 0;
  color: rgb(153, 153, 153);
  position: relative;
  top: -40px;
  opacity: 0;
  transition: all 1s;
}
.cc4-text.show {
  top: 0;
  opacity: 1;
  font-size: 18px; 
  color: #777;
}
.cc4na-list {
  transform: scale(0);
  transition: all 0.7s;
}
.cc4na-list.show {
  transform: scale(1);
}
.cc4-number-animate {
  display: flex;
  justify-content: space-between;
}
.cc4nal-number {
   
  font-size: 66px;
  font-weight:100;
  background-image:-webkit-linear-gradient(bottom,rgb(23,112,255),rgb(255,23,165)); 
  -webkit-background-clip:text; 
  -webkit-text-fill-color:transparent; 
}
.cc4nal-text {
  color:#666;
  font-size: 24px;;
  margin-top: 40px;
}
.cc4-title2 {
  margin-top: 70px;

}
.cc4-title2-text {
  text-align: center;
  font-size: 40px;
  font-weight: 600;
  padding-bottom: 25px;
  background: url(../image/title-dskasifjdj.png) no-repeat center 100%;
  position: relative;
  top: -50px;
  opacity: 0;
  transition: all 1.5s;
}
.cc4-title2-text.show {
  top: 0;
  opacity: 1;
   font-size: 36px;
    font-weight: 400;
    color: #111;
}
.cc4-t2-text2 {
  text-align: center;
  margin: 32px 0 20px 0;
  color:#777;
  font-size: 18px;
  position: relative;
  top: -50px;
  opacity: 0;
  transition: all 1.5s;
}
.cc4-t2-text2.show {
  top: 0;
  opacity: 1;
}
.cc4t2m-list {
  width: 274px;
  height: 429px;
  transition: all 2s;
}
.cc4t2m-list:nth-child(1) {
  transform: scale(0.5) translate(-200%, 200%) rotate(-360deg);
}
.cc4t2m-list:nth-child(2) {
  transform: scale(0.5) translate(0, 200%);
}
.cc4t2m-list:nth-child(3) {
  transform: scale(0.5) translate(-200%, 200%) rotate(360deg);
}
.cc4t2m-list:nth-child(1).show {
  transform: scale(1) translate(0, 0) rotate(0);
}
.cc4t2m-list:nth-child(2).show {
  transform: scale(1) translate(0, 0) rotate(0);
}
.cc4t2m-list:nth-child(3).show {
  transform: scale(1) translate(0, 0) rotate(0);
}
.cc4t2m-list:hover {
  background: url(../image/index2_03.png) no-repeat center center;
  background-size: 100%;
}
.cc4t2m-list:hover .cc4t2ml-title,
.cc4t2m-list:hover .cc4t2ml-text {
  color: #fff;
  transition: all 0.5s;
}
.cc4t2ml-icon {
  padding: 20px;
  display: flex;
  justify-content: center;
}
.cc4t2ml-icon img {

  height: auto;

  margin-bottom: 20px;
}
.cc4t2ml-title {
  font-size: 24px;
 color: #333;
  text-align: center;
  line-height: 50px;
}
.cc4t2ml-text {
  text-align: center;
  font-size: 18px;
  color:#777;

}
.cc4t2-menu {
  display: flex;
  justify-content: space-around;
}
.cc4t2-btn {
  margin: 47px auto 70px auto;
  width: 184px;
  height: 55px;
  position: relative;
  opacity: 0;
}
.cc4t2-btn img {
 
  height: auto;
}
.cc4t2b-text {
  font-size: 24px;
  font-weight: 100;
  position: absolute;
  top: 0;
  left: -5px;
  width: 184px; height: 55px;
  background: transparent;
  color: #fff;
 text-align:left;
 text-indent: 1.4em;
 line-height: 55px;
  justify-content: center;
  align-items: center;
  background: url(../image/index2_48.png);
}
.cc4t2b-text:hover {
  color: #fff !important;
  text-decoration: underline !important;
  background: url(../image/index2_48.png);
  width: 184px; height: 55px;
}
.center-content6-coat {
  padding: 0;
  position: relative;
  overflow: hidden;
}
.cc6-bg {
  position: relative;
  width: 100%;
  height: auto;
}
.center-content6 {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  /* justify-content: center; */
  align-content: center;
}
.cc6-title {
margin: 80px 0 0 0;
padding-bottom: 30px;
  text-align: center;
  background: url(../image/title-dskasifjdj.png) no-repeat center 100%;
  color: #fff;
  position: relative;
  transform: translateX(-100vw);
  transition: all 0.7s;
}
.cc6-title.show {
  transform: translateX(0);
}
.cc6-text {
  text-align: center;
  color:rgb(255,255,255,0.8);
  margin-top: 26px;
  font-size: 18px;
  margin-bottom: 30px;
  position: relative;
  transform: translateX(100vw);
  transition: all 0.7s;
}
.cc6-text.show {
  transform: translateX(0); color:#FFFFFF
}
.cc6-swiper-list {
  width: 100%;
  margin: 0 10px;
  position: relative;
  color: rgb(51, 51, 51);
  transform: scale(0);
  transition: all 0.7s;
}
.cc6-swiper-list.show {
  transform: scale(1);
}
.cc6sl-bg {
  position: relative;
  width: 100%;
  height: auto;
}
.cc6-swiper-list-coat {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.cc6sl-text-coat {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 20px 30px;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.cc6slt1 {
  margin-top: 15%;
  font-size: 15px;
}
.cc6slt2-img-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  position: relative;
  padding-top: 10px;
}
.cc6-lbt{ margin-top: 38px;}
.cc6slt2-img-bottom::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 107%;
  height: 2px;
  background: #9e9e9e; /*不支持渐变时显示*/
  background: linear-gradient(to right, #1770ff, #ff17a5);
}
.cc6slt2 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: auto;
}
.cc6slt2-img img {
  width: 43px;
  height: auto;
  flex-shrink: 0;
}
.cc6-lbt-page {
  display: inline-block !important;
  position: relative;
  top:40px;
  left: 50%;
  transform: translate(-50%, 100vh);
  transition: all 0.7s;
}
.cc6-lbt-page.show {
  transform: translate(-50%, 0);
}
.cc6-lbt-page .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  margin: 0 5px;
  background: url(../image/lbtsyz.png) no-repeat 0 0;
  background-size: 100% 100%;
  opacity: 0.55;
}
.cc6-lbt-page .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}
.center-content7-coat {
  padding: 40px 0;
}
.cc7-zzs {
  display: flex;
  /* justify-content: center; */
  flex-wrap: wrap;
  position: relative;
}
.cc7z-img-border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../image/kkkkkedfdsvfbfgtb.png) no-repeat 0 0;
  background-size: 100% 100%;
}
.cc7-zzs img {
  width: 19.82%;
  margin: 1px;
  position: relative;
  transform: scale(0);
  transition: all 0.5s;
}
.cc7-zzs img.show {
  transform: scale(1);
}
.cc8-title {
  text-align: center;
  margin: 40px 0 20px 0;
  padding: 20px 0 25px 0;
  font-weight: bold;
  background: url(../image/title-dskasifjdj.png) no-repeat center 100%;
  position: relative;
  top: -50px;
  font-size: 36px;
   color: #111;
   font-weight: 100;
  opacity: 0;
  transition: all 0.7s;
}
.cc8-title.show {
  top: 0;
  opacity: 1;
}
.cc8-text {
  text-align: center;
  color: rgb(152, 152, 152);
  top: -40px;
  opacity: 0;
  transition: all 0.8s;
  position: relative;
  font-size: 18px;
  color: #777;
}
.cc8-text.show {
  top: 0;
  opacity: 1;
  transition: all 0.8s;
}
.cc8-menu {
  margin-top: 70px;
}
.cc8m-list {
  display: flex;
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid rgb(238, 238, 238);
}
.cc8ml-left {
  width: 30%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  position: relative;
  transform: translateX(-100vh);
  transition: all 1s;
}
.cc8m-list:nth-child(1) .cc8ml-left {
  transform: translateX(-200vh);
}
.cc8m-list:nth-child(2) .cc8ml-left {
  transform: translateX(-185vh);
}
.cc8m-list:nth-child(3) .cc8ml-left {
  transform: translateX(-170vh);
}
.cc8ml-left.show {
  transform: translateX(0) !important;
}
.cc8ml-right {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  padding-left: 50px;
  position: relative;
  transform: translateX(100vh);
  transition: all 1s;
  width: 100%;
}
.cc8ml-right a
{ color: #111; 
  font-size: 24px;

}
.cc8m-list:nth-child(1) .cc8ml-right {
  transform: translateX(200vh);
}
.cc8m-list:nth-child(2) .cc8ml-right {
  transform: translateX(185vh);
}
.cc8m-list:nth-child(3) .cc8ml-right {
  transform: translateX(170vh);
}
.cc8ml-right.show {
  transform: translateX(0) !important;
}
.cc8mlr-title {
  font-size: 18px;
  word-break: break-all;
  text-overflow: ellipsis;
}
.cc8mlr-text {
  font-size: 16px;
  color:#777;
  line-height: 30px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  height: 84px;
  overflow: hidden;
  margin-top:16px;
}
.cc8mlr-time-and-xq {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  line-height: 44px;
  height: 44px;
  margin-top: 32px;

}
.cc8mlr-time {
  font-size: 16px;
  color: rgb(119, 119, 119);
}
.cc8mlr-xq {
  position: relative;
}

.cc8mlr-xq:hover::after {
  display: block;

}
.cc8mlr-xq::after {
  content: "";
  position: absolute;
  bottom: 24%;
  left: 53%;
  transform: translateX(-50%);
  width: 55%;
  height: 1px;
  background: #000; /*如果不支持渐变*/
  background: linear-gradient(to right, #1770ff, #ff17a5);
  display: none;
}
.cc8-more-btn {
  display: inline-block !important;
  width: 140px;
  height: auto;
  margin-bottom: 90px;
  position: relative;
  transform: translateY(50vh) translateX(50%);
  opacity: 0;
  transition: all 1s;
  left: 25vw;
}
.cc8-more-btn::after {
  content: "";
  position: absolute;
  bottom: 27%;
  left: 50%;
  transform: translateX(-50%);
  width: 40%;
  height: 1px;
  background: #000; /*如果不支持渐变*/
  background: linear-gradient(to right, #1770ff, #ff17a5);
  display: none;
}
.cc8-more-btn:hover::after {
  display: block;
}
.cc8-more-btn.show {
  left: 25vw;
  transform: translateY(0) translateX(50%);
  opacity: 1;
}
.cc8-more-btn img {
  width: 100%;
  height: auto;
}
.center-content9-coat {
  width: 100%;
  height: auto;
  position: relative;
  border-bottom: 2px solid;
}
.cc9-bg {
  width: 100%;
  height: auto;
}
.center-content9 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  max-width: 70%;
  opacity: 0;
  transition: all 1.5s;
}
.center-content9.show {
  opacity: 1;
  display: flex !important;
}
.cc9-title {
  margin: 15px 0;
  position: relative;
  left:0;
  width: 42%;
 

}
.cc9-text {
  color: #fff;
  position: relative;
  left:0;
  font-size: 18px;
  line-height: 36px;
  width: 42%;
  top: 10px;
}
.cc9-zc {
  width: 254px;
  height: 66px;
  font-size: 26px;
  color: #fff;
  background: url(../image/btn3e3rdfs.png) no-repeat 0 0;
  background-size: 100% 100%;
  text-align: center;
  line-height: 66px;
 position: relative;
 left: -12%;
 top: 40px;

}
.cc9-zc:hover {
  color: #fff;
}

/* 媒体查询一定要放到最后  否则不会生效 */
@media (max-width: 1535px) {
  .h-nav-ss input {
    background-color: transparent;
    padding: 0 15px 0 5px;
    width: 0;
  }
  .h-nav-ss img {
    position: static;
    cursor: pointer;
    transform: translateY(0);
  }
  .cc3-left,
  .cc3-right {
    width: 40%;
  }
  .cc6-title {
    padding: 15px 0;
    font-size: 30px;
  }
  .cc6-text {
    margin-bottom: 15px;
  }
}
@media (max-width: 1366px) {
  .cc6-title {
    padding: 15px 0;
    font-size: 30px;
  }
  .cc6-text {
    margin-bottom: 15px;
  }
  .cc6-swiper-list {
    width: 20%;
  }
  .cc6slt2-img img {
    width: 23px;
  }
  .cc6slt1 {
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
  }
}
@media (max-width: 1365px) {
  body {
    width: 1366px;
    height: 100%;
    overflow: auto;
  }
  .h-nav-coat.hnc {
    width: 1366px;
  }
}
.index_ovbod{background-color:rgb(162,162,162,0.1); margin-top: 80px;;}