@font-face {
  font-family: SourceHanSansCN;
  src: url(https://res.variflight.com/public_lib/font/SourceHanSansCN-Medium.ttf) format("truetype");
  font-display: "auto";
  font-style: normal
}
html, body{
  /* height: 100%; */
  min-width: 1200px;
  margin: 0 auto;
  font-size: 16px;
  color: #333;
  width: 100%;
  /* font-family: 'Microsoft YaHei', Arial, sans-serif; */
  background-color: #fff;
  overflow-x: hidden;
  font-family: SourceHanSansCN;
}
* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
[v-cloak]{
  display: none;
}
.w-full{
      width: 100%;
}
.section{
  width: 1200px;
  margin: 0 auto;
}
.flex{
  display: flex;
}
.justify-between{
  justify-content: space-between;
}
/* banner */
.banner {
  margin-top: 70px;
}
.banner img{
  width: 100%;
  display: block;
}
.u-container{
  width: 1100px;
}

.header{
  position: fixed;
  height: 70px;;
  background-image: url(../images/bg/header_bg.jpg);
  background-size: auto;
  background-repeat: repeat-x;
  /* background-size: 100% 100%; */
}
.header nav .menu ul li{
  padding: 0 6px;
}
.header nav .menu ul li>a{
  color: #fff;
  font-size: 14px;
  line-height: 80px;
  margin-left: 24px;
  display: block;
}
.header nav .menu ul li.active >a{
  /* font-size: 20px;*/
  color: #fff; 
  font-weight: 700;
}
.header nav{
  padding: 0;
}
.header .u-container{
  width: 1200px;
}
.module{
  background-size: 100% 100%;
  padding: 50px 0 90px;
}
.module-title{
  margin-bottom: 30px;
}
.module-title img{
  width: 100%;
  max-height: 180px;;
  display: block;
}
.header-navs .u-container{
  width: 1200px;
}

/* header-navs */
.header-navs{
  background-image: url(../images/bg/header_bg.jpg);
  /* background-size: auto; */
  /* background-repeat: repeat-x; */
  height: 130px;
  background-size: 100% 100%;
}
.header-navs-wrap{
  display: flex;
  align-items: center;
  /* justify-content: space-between; */
  height: 100%;
}
.newest {
  padding: 16px 0;
  display: flex;
}
.newest .newest-box {
  border: 1px solid #ffffff;
  border-radius: 5px;
  color: #fff;
  width: 140px;
  text-align: center;
}
.newest .newest-box.newest-date {
  margin-right: 8px;
  position: relative;
}
.newest .newest-box .newest-box-top {
  padding: 5px 0;
  border-bottom: 1px solid #fff;
}
.newest .newest-box .newest-box-content {
  height: 65px;
  padding: 0 10px;
  display: flex;
  text-align: justify;
  font-size: 13px;
  align-items: center;
}
.newest .newest-box .newest-date-day {
  font-size: 45px;
  justify-content: center;
  line-height: 65px;
  text-align: center;
}
.newest .newest-box.newest-date::after {
  content: '';
  background-image: url(	https://res.variflight.com/www_carnoc/zt/subject_2022/mutenyears/images/icon/icon_line.png);
  width: 16px;
  height: 21px;
  position: absolute;
  right: -12px;
  top: 50%;
  margin-top: -10.5px;
}
.newest .newest-box.newest-news {
  width: 200px;
}
.newest .newest-box .newest-box-content a {
  color: #fff;
}
.navs {
  height: 100%;
  margin-left: 150px;
  /* display: flex
; */
}
.navs .item-nav {
  position: relative;
  height: 100%;
  padding: 0 80px;
  display: inline-block;
  font-size: 24px;
}
.navs .item-nav::before {
  content: '';
  width: 1px;
  height: 100%;
  background-color: #6482e5;
  position: absolute;
  top: 0;
  left: 0;
  transform: rotate(15deg);
}
.navs .item-nav a {
  height: 100%;
  display: block;
  color: #71aadb;
  display: flex
;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.navs .item-nav a img {
  height: 40px;
  margin-bottom: 10px;
  display: block;
}




/* 澶存潯 */
.headline-news .headline-news-swiper-wrap{
  width: 645px;
}
.headline-news .headline-news-swiper-wrap{
  height: 387px;
}
.headline-news .headline-news-swiper-wrap .default-swiper{
  width: 559px;
  height: 387px;
}
.headline-news.headline-news-swiper-wrap.default-swiper .swiper-button-prev,
.headline-news-module{
  background-image: url(../images/bg/1.jpg?v=1);
  /* padding: 68px 0 190px; */
}
.headline-news .headline-news-primary{
  padding-left: 87px;
  position: relative;
}
.headline-news .headline-news-primary,
.headline-news .headline-news-list-primary{
  border: 0;
}
.headline-news .headline-news-primary::after{
  content: '';
  right: 0;
  left: 87px;
  /* width: 100%; */
  height: 1px;
  /* border-color: #8e8f96; */
  border-bottom: 1px dashed #8e8f96;
  position: absolute;
  bottom:0;
}
.headline-news .headline-news-item::before{
  background: #1d5fe1;
}
.headline-news .headline-news-primary .headline-news-primary-title{
  padding-left: 0;
}
.headline-news .headline-news-primary .headline-news-primary-title a{
  color:#0d1ca0;
  font-weight: 700;
}
.headline-news .headline-news-primary .headline-news-primary-title .icon-headline-news{
  display: none;
}
.headline-news .headline-news-primary .sub-title i {
  background-image: url(../images/top_icon.png);
}
.headline-news .headline-news-swiper-wrap .headline-news-images{
  width: 87px;
  padding-right: 20px;
}
.headline-news .headline-news-swiper-wrap .headline-news-images .sub-title i{
  width: 67px;
  height: 207px;
}





/* calendar-development  璺冨巻 */
.calendar-development-module{
  background-image: url(../images/bg/2.jpg);
}
.calendar-development{
  width: 1080px;
  margin: 0 auto;
  height: 650px;
  background-image: url(../images/calendar-bg.png);
  position: relative;
  background-size: 100% 100%;
}
.calendar-development-block{
  padding: 97px 76px 97px 58px;
}
.calendar-development-news{
  width: 425px;
  height: 100%;
  box-sizing: border-box;
  /* padding: 20px 0 20px 20px; */
  position: relative;
}
.calendar-development-news .calendar-news-list{
  /* height: 526px;
  overflow: auto; */
}



/* 
.calendar-development-news .calendar-news-list .default-swiper{
  height: 495px;
  overflow: hidden;
}
.calendar-development-news .calendar-news-list .default-swiper .swiper-button-prev,
.calendar-development-news .calendar-news-list .default-swiper .swiper-button-next{
  bottom: 0;
  top: auto;
}
.calendar-development-news .calendar-news-list .default-swiper .swiper-button-prev{
  transform: rotateZ(89deg);
  left:auto;
  right: 40px;
}
.calendar-development-news .calendar-news-list .default-swiper .swiper-button-next{
  transform: rotateZ(89deg);

} */

.calendar-news-container{
}
.calendar-news-swiper-wrap{
  height: 495px;
  overflow: hidden;
  position: relative;
}
.calendar-news-container .item-calendar-news{
  width: 100%;
  height: 100%;
  position: absolute;
  top: -500px;
  left: 0;
  transition: top 0.5s ease;
}
.calendar-news-container .item-calendar-news.active {
  top: 0;
}
 /* 涓婁竴椤垫牱寮� */
 .calendar-news-container .item-calendar-news.prev {
  top: -100%;
}

/* 涓嬩竴椤垫牱寮� */
.calendar-news-container .item-calendar-news.next {
  top: 100%;
}

  /* 鎸夐挳鏍峰紡 */
.pagination-button-container{
  position: absolute;
  left: 0;
  right: 0;
  bottom: -23px;
  display: flex
;
  justify-content: end;
}
.calendar-news-container .pagination-button {
  background-color: rgb(16 128 255);
  color: white;
  border: none;
  padding: 10px;
  cursor: pointer;
}
.calendar-news-container .pagination-button:disabled{
  opacity: 0.5;
  cursor: not-allowed;
}
.calendar-news-container .pagination-button.next-button{
  margin-left: 10px;
}

.calendar-development-news .calendar-news-list a{
  display: block;
  margin-bottom: 20px;
}
.calendar-development-news .calendar-news-list .picture{
  width: 100%;
  margin-top: 10px;
}
.calendar-development-news .calendar-news-list .picture img{
  width: 100%;
  max-height: 266px;
  /* height: 100%; */
  object-fit: cover; 
}
.calendar-development-news .calendar-news-list .title{
  font-size: 24px;
  margin-top: 10px;
  /* padding-bottom: 10px; */
  margin-bottom: 5px;
  /* height: 70px; */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.calendar-development-news .calendar-news-list .desc{
  border-top: 1px solid #e3e3e3;
  margin-top: 5px;
  font-size: 16px;
  line-height: 2;
  text-align: justify;
  margin-bottom: 10px;
  color: #666;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}
.calendar-development-news .calendar-news-list .tags span{
  color: #999999;
  font-size: 16px;
  display: inline-block;
  margin-right: 5px;
}
.calendar-development-date{
  width: 440px;
}
.calendar-development-date .title {
  width: 100%;
  margin-top: 30px;
  height: 166px;
}
.calendar-development-date .title img {
  width: 100%;
}
.calendar-development-date-list{
  position: relative;
}
.calendar-development-date .year {
  position: absolute;
  top: -31px;
  left: 50%;
  width: 91px;
  margin-left: -45.5px;
  /* width: 270px; */
  /* margin: 0 auto; */
}
.calendar-development-date .year select {
  cursor: pointer;
  font-size: 18px;
  /* 鑳屾櫙浠庝笂寰€涓嬫笎鍙� */
  background-color: #1982ec;
  background: linear-gradient(#73b3f0, #1982ec);
  background: -webkit-linear-gradient(#73b3f0, #1982ec);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#57a9ff', endColorstr='#c2e0ff', GradientType=0);
  border: 0;
  border: 1px solid #aabbce;
  padding: 5px 5px;
  border-radius: 5px;
  color: #fff;
  outline: none;
}
.calendar-development-date .year select option{
  color: #000;
}
.calendar-development-date .date {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 400px;
  margin: 0 auto;
}
.calendar-development-date .date .month-item {
  background-color: #f3faff;
  width: 50px;
  height: 42px;
  display: inline-block;
  line-height: 42px;
  text-align: center;
  margin-top: 50px;
  color: #92c3f3;
  border-radius: 5px;
  border: 1px solid #d4e7fa;
  margin-left: 58px;
  cursor: pointer;
}
.calendar-development-date .date .month-item.active{
  background-color: #dcf1fe;
  color: #328ce8;
  border: 1px solid #80b8f1;
}

.calendar-development-date .date .month-item.unclickable{
  background-color: #f5f5f5;
  color: #bcbfc0;
  border: 1px solid #c7c7c7;
  cursor: not-allowed;
}

.noDataForNow{
  color: #cbcbcb;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 470px;
  font-size: 30px;
  padding-left: 20px;
  letter-spacing: 9px;
}
.noDataForNow img{
  width: 100%;
}

/* 涓€琛屽洓涓�, 姣忚绗竴涓厓绱犵殑瀹藉害涓�50px */
.calendar-development-date .date .month-item:nth-child(4n+1) {
  margin-left: 0;
}

.calendar-development-date .date a.active {
  background-color: #dcf1fe;
  color: #328ce8;
  border: 1px solid #80b8f1;
  cursor: pointer;
}

/* 楂樺眰澹伴煶 */
.senior-voices-module{
  /* background-image:url('../images/bg/2.jpg') */
}
.senior-voices-module .swiper-button-prev,
.senior-voices-module .swiper-button-next{
  background-image: url(https://res.variflight.com/www_carnoc/zt/subject_2023/apics/images/left_btn_blue.png);
}
.senior-voices-module .swiper-button-next{
  transform: rotate(180deg);
}
.item-viewpoint-card .item-viewpoint-card-intro{
  margin: 0 10px;
  padding: 73px 0;
  background-image: url(../images/viewpoint-intro-bg.png);
  font-size: 18px;
  background-size: 100% 100%;
}
.item-viewpoint-card .item-viewpoint-card-intro .intro{
  height: 380px;
  padding: 0 50px;
  overflow-y: auto;
  text-align: justify;
  line-height: 30px;
  font-size: 16px;
}
.item-viewpoint-card .item-viewpoint-card-expert{
  margin-top: 10px;
  align-items: center;
}
.item-viewpoint-card .item-viewpoint-card-expert .picture{
  width: 100px;
  height: 100px;
  border-radius: 50%;
  overflow: hidden;
}
.item-viewpoint-card .item-viewpoint-card-expert .picture img{
  width: 100%;
  height: 100%;
}
.item-viewpoint-card .item-viewpoint-card-expert .info{
  margin-left: 20px;
  flex:1;
}
.item-viewpoint-card .item-viewpoint-card-expert .info .name{
  font-weight: 700;
  font-size: 18px;
}
.item-viewpoint-card .item-viewpoint-card-expert .info .position{
  font-size: 16px;
  margin-top: 10px;
}
.slides-per-view .swiper-pagination-bullet{
  background: none;
  border: 1px solid #007aff;
  opacity: 1;
}
.slides-per-view .swiper-pagination-bullet-active{
  background: #007aff;
}
.senior-voices-module .slides-per-view .swiper-pagination-bullet{
  border:1px solid #4699e9;
  background-color: #fff;
  margin: 0 5px;
}
.senior-voices-module .slides-per-view .swiper-pagination-bullet-active {
  background-color: #4699e9;
}



/* forward-footprint  鍓嶈瓒宠抗 */
.forward-footprint-module{
  background-image:url('../images/bg/3.jpg')
}
.forward-footprint-module .u-container{
  width: 1100px;
}
.forward-footprint .tabs{
  display: flex;
  align-items: center;
  justify-content: center;
}
.forward-footprint .tabs .item-tab{
  text-align: center;
  position: relative;
  margin-right: 30px;
  color: #fff;
  margin-bottom: 30px;
  cursor: pointer;
}
.forward-footprint .tabs .item-tab.active{
  color: #2786fc;
}
.forward-footprint .tabs .item-tab.active .title{
  font-weight: 700;
  border: 1px solid #2786fc;
  padding: 6px 20px;
  border-radius: 15px;
}
.forward-footprint .tabs .item-tab .title {
  font-size: 27px;
  font-weight: normal;
  padding: 6px 20px;
  border: 1px solid #293141;
}
.forward-footprint .tabs .item-tab .en_title {
  font-size: 16px;
  text-transform: uppercase;
}
/* 鏉冨▉鐗硅瘎 */
.authority-topic-analysis .swiper-pagination{
  width: 100%;
  margin-top: 10px;
}
.authority-topic-analysis .topic-analysis-cards {
  background-image: url(../images/tanchuangbg.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  border-radius: 20px;
  overflow: hidden;
  height: 100%;
}
.authority-topic-analysis .default-swiper{
     height: 368px;
}
.authority-topic-analysis .default-swiper .swiper-container{
  width: 100%;
  height: 100%;
}
.authority-topic-analysis .topic-analysis-cards .item-topic-analysis-card .item-topic-analysis-card-top .primary-title{
  color: #333;
}
.authority-topic-analysis .topic-analysis-cards .item-topic-analysis-card .item-topic-analysis-card-top{
  /* background-color: #1147ab; */
  background:none;
  display: none;
  /* border-bottom: 1px dashed #8e8e8e; */
}
.authority-topic-analysis  .topic-analysis-cards .item-topic-analysis-card{
  background: none;
  height: 100%;
  overflow-y: auto;
}
.authority-topic-analysis .topic-analysis-cards .item-topic-analysis-card .item-topic-analysis-card-top i{
  background-image: url(../images/icon/icon_maozi.png);
}
.authority-topic-analysis .topic-analysis-cards .job_title{
  margin-bottom: 13px;
  font-size: 21px;
}
.authority-topic-analysis .topic-analysis-cards  .intro{
  font-size: 16px;
  color: #333;
  line-height: 30px;
  text-align: justify;
  height: 284px;
  overflow-y: auto;
}


/*  */
.topic-analysis-cards .item-topic-analysis-card{
  width: 100%;
}
.topic-analysis-cards .item-topic-analysis-card{
  height: auto;
}
.topic-analysis-cards .swiper-pagination{
  width: 100%;
  left: 0;
}

.footprint-coverflow .swiper-container .swiper-slide{
  width: 758px;
  height: 504px;
}
.footprint-coverflow .scale-carousel .swiper-slide .item-swiper-slide{
  padding: 0;
  position: relative;
  width: 100%;
  height: 100%;
}
.footprint-coverflow .scale-carousel .swiper-slide .item-swiper-slide-top{
  width: 100%;
  height: 100%;
}

/* 鏁拌鎴愬氨 */
.achievement-topic-analysis .scale-carousel .swiper-slide{
  width: 800px;
  height: 602.66px;
}
.achievement-topic-analysis .scale-carousel .swiper-slide .item-swiper-slide{
  opacity: 1;
}
.achievement-topic-analysis .item-topic-analysis-card{
  height: auto;
  width: 100%;
  margin-left: 0;
}
.achievement-topic-analysis{
  text-align: center;
}
.achievement-topic-analysis img{
  max-width: 100%;
}
.achievement-topic-analysis .scale-carousel .swiper-slide .item-swiper-slide-top{
  height: 100%;
}
.achievement-topic-analysis .scale-carousel .swiper-slide .item-swiper-slide .slide-content{
  display: none;
}
.achievement-topic-analysis .scale-carousel .swiper-slide .slide-number{
  display: none;
}

/* 棰嗚埅琛屼笟 */
.pilot-industry-list{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  /* gap: 30px; */
}
.pilot-industry .u-container{
  width: 1200px;
  margin: 0 auto;
}
.pilot-industry-container{
  background-image: url(../images/pilot-industry.png);
  background-size: 100% 100%;
  padding: 50px 80px 120px 100px;
}
.pilot-industry .pilot-industry-item{
  width: 47%;
  margin-left: 2.5%;
  margin-bottom: 30px;
}
.pilot-industry .pilot-industry-item a{
  width: 100%;
  display: flex;
}
.pilot-industry .pilot-industry-item .picture{
  width: 200px;
  height: 133px;
}
.pilot-industry .pilot-industry-item .picture img{
  width: 100%;
  height: 100%;
}
.pilot-industry .pilot-industry-item .content{
  flex:1;
  padding-left: 15px;
}
.pilot-industry-container .pilot-industry-item .content .title{
 font-size: 18px;
 color: #333333; 
 display: -webkit-box;
 -webkit-line-clamp: 2;
 -webkit-box-orient: vertical;
 overflow: hidden;
 text-overflow: ellipsis;
 height: 50px;

}
.pilot-industry-container .pilot-industry-item .content .desc{
  font-size: 14px;
  color: #333333;
  line-height: 23px;
  text-align: justify;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 72px;
  margin-top: 10px;
}



/* 鏅烘収璧嬭兘  =>  鏃呭鏈嶅姟 */
.smart-empower{
  background-image:url('../images/bg/7.jpg')
}
.smart-empower .module-title{
  margin-bottom: 0;
}
.smart-empower .smart-empower-container{
  width: 84%;
  margin: 0 auto;
}
.default-scale-swiper .slide-content{
  display: none;
}
.default-scale-swiper.scale-carousel .swiper-slide .item-swiper-slide-top{
  height: 100%;
}
.default-scale-swiper.scale-carousel .swiper-slide .item-swiper-slide{
  opacity: 1;
}
.default-scale-swiper.scale-carousel .swiper-slide{
  height: auto;
}
.smart-empower-swiper.scale-carousel .swiper-slide{
  width: 300px;
  height: 400px;;
}

.big-image-carousel{
  background: #bbdefb;
  padding: 30px;
  border-radius: 10px;
  border: 1px solid #79aafe;
}
.big-image-carousel .bigPicThumbCarousel .view{
  width: 576px;
  height: 438px;
}
.big-image-carousel .bigPicThumbCarousel .preview{
  flex: 1;
  width: 100%;
  height: 438px;
  margin-top: 0;
  margin-left: 20px;
}
.big-image-carousel .swiper-slide-item{
  padding: 10px;;
  background: #bbdefb;
}
.big-image-carousel .bigPicThumbCarousel .preview .picture{
  width: 165px;
  border-radius: 5px;
  overflow: hidden;
}
.bigPicThumbCarousel .preview .swiper-slide-item .video-play{
  display: block;
}
.big-image-carousel .LeftImageRightText{
  width: 100%;
  height: 100%;
  align-items: flex-start;
}
.big-image-carousel .LeftImageRightText .content .title{
  padding-left: 0;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.big-image-carousel .LeftImageRightText .content .desc{
  font-size: 14px;
  color: #666666;
  line-height: 1.5;
  text-align: justify;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.big-image-carousel .LeftImageRightText .content .tags{
  display: none;
}
.big-image-carousel .bigPicThumbCarousel .preview .swiper-slide-item.active{
  background: #e9f4fe;
  border-radius: 5px;
}
.big-image-carousel .bigPicThumbCarousel .preview .swiper-button-prev,
.big-image-carousel .bigPicThumbCarousel .preview .swiper-button-next{
  width: 27px;
  height: 15px;
  background: url(../images/jiantou.png);
  background-size: 100% 100%;
  background-color:transparent
}
.big-image-carousel .bigPicThumbCarousel .preview .swiper-button-next{
  top: auto;
  bottom: -23px;
  left: 50%;
}
.big-image-carousel .bigPicThumbCarousel .preview .swiper-button-prev{
  top: 0;
  left: 50%;
  transform: rotate(180deg);
}


/* 棰嗚埅琛屼笟 */
.industry-leader{
  background-image:url('../images/bg/6.jpg')
}

/*  */
.pilot-industry{
  /* background-image:url('../images/bg/11.jpg') */
}
.pilot-industry .modules-contanier{
  width: 1200px;
  margin: 0 auto;
}
.pilot-industry .scale-carousel .swiper-slide{
  width: 736px;
  height: 454px;
}
.item-swiper-slide{
  height: 100%;
}
.pilot-industry .scale-carousel .swiper-slide .item-swiper-slide-top{
  height: 100%;
}
.pilot-industry .swiper-slide .item-swiper-slide{
  opacity: 1;
}
.pilot-industry .swiper-pagination{
  left: 50%;
  transform: translateX(-50%);
}
.pilot-industry .swiper-pagination-bullet{
  margin: 0 5px;
  opacity: 1;
  background: none;
  border: 1px solid #fff;
}
.pilot-industry .swiper-pagination-bullet-active{
  background: #fff;;
}



/* gab 鑱斿姩澶ф咕鍖� */
.gba{
  background-image:url('../images/bg/7.jpg');
  padding-bottom: 0;
}
.gba-container{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.gba-info-picture{
  width: 415px;
}
.gba-info-picture img{
  width: 100%;
}
.gba-words-container{
  /* flex: 1; */
  display: flex;
}
.gba-words-animations {
  position: relative;
  width: 609px;
  height: 609px;
}
.gba-words-animations .ant-circle{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-size: 100% 100%;
}
.gba-words-animations .ant_01{
  background-image: url(../images/yuan/01.png);
  width: 290px;
  height: 290px;
  background-size: 100% 100%;
}
/* 瀹氫箟鏃嬭浆鍔ㄧ敾 */
@keyframes clockwiseRotate {
  from {
      transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
      transform: translate(-50%, -50%) rotate(360deg);
  }
}  
/* 瀹氫箟鏃嬭浆鍔ㄧ敾 */
@keyframes anticlockwiseRotate {
  from {
      transform: translate(-50%, -50%) rotate(360deg);
  }
  to {
      transform: translate(-50%, -50%) rotate(0deg);
  }
}
/*  */
@keyframes scaleAnimation {
  0% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}

.gba-words-animations .ant_02{
  background-image: url(../images/yuan/02.png);
  width: 390px;
  height: 390px;
  animation: anticlockwiseRotate 15s linear infinite;
}
.gba-words-animations .ant_03{
  background-image: url(../images/yuan/03.png);
  width: 470px;
  height: 470px;
  animation: clockwiseRotate 15s linear infinite;
}
.gba-words-animations .ant_04{
  background-image: url(../images/yuan/04.png);
  width: 609px;
  height: 609px;
  animation: clockwiseRotate 52s linear infinite;
}
.gba-words-animations .ant_05{
  background-image: url(../images/yuan/05.png);
  width: 21px;
  height: 23px;
  left: -40px;
  bottom: 75px;
  top: auto;
  transform: none;
}
.gba-words-animations .ant_06{
  background-image: url(../images/yuan/06.png);
  background-size: 100% 100%;
  width: 74px;
  height: 74px;
  left: 30px;
  bottom: 75px;
  top: auto;
  transform: none;
}
.gba-words-animations .ant_07{
  background-image: url(../images/yuan/07.png);
  background-size: 100% 100%;
  width: 32px;
  height: 32px;
  left: auto;
  right: 50px;
  top: 20px;
  transform: none;
}
.icon-circle{
  position: absolute;
}
.gba-words-animations .ant_08{
  background-image: url(../images/yuan/08.png);
  background-size: 100% 100%;
  width: 110px;
  height: 110px;
  left: -20px;
  top: 200px;
  animation: scaleAnimation 2s infinite alternate;
}
.gba-words-animations .ant_09{
  background-image: url(../images/yuan/09.png);
  background-size: 100% 100%;
  width: 110px;
  height: 110px;
  left: 40%;
  bottom: -20px;
  animation: scaleAnimation 2s infinite alternate;
}
.gba-words-animations .ant_10{
  background-image: url(../images/yuan/10.png);
  background-size: 100% 100%;
  width: 110px;
  height: 110px;
  left: 40%;
  top: -30px;
  animation: scaleAnimation 2s infinite alternate;
}
.gba-words-animations .ant_11{
  background-image: url(../images/yuan/11.png);
  background-size: 100% 100%;
  width: 110px;
  height: 110px;
  right: 30px;
  bottom: 150px;
  animation: scaleAnimation 2s infinite alternate;
}
.gba-words-animations .ant_12{
  background-image: url(../images/yuan/12.png);
  background-size: 100% 100%;
  width: 110px;
  height: 110px;
  top: 180px;
  right: 10px;
  animation: scaleAnimation 2s infinite alternate;
}



/* 瑙嗛 */
.videos{
  background-image:url('../images/bg/8.jpg?v=1');
  background-size: 100% 100%;
}
.videos .u-container{
  width: 1000px;
}
.videos .bigPicThumbCarousel {
  flex-direction: column;
  justify-content: initial;
}
.videos .bigPicThumbCarousel .preview .picture .title{
  top: 0;
  display: flex;
  align-items: end;
  background-color: rgba(0, 0, 0, 0.5);
}
.bigPicThumbCarousel .view{
  width: 100%;
  height: 575px;
  overflow: hidden;
  border-radius: 10px;
}
.bigPicThumbCarousel .preview{
  width: 100%;
  height: 180px;
  margin-top: 20px;
  padding: 0;
}
.bigPicThumbCarousel .preview .swiper-slide-item{
  border-radius: 0;
  overflow: hidden;
  border-radius: 10px;
}
.bigPicThumbCarousel .preview .swiper-slide-item::after{
  display: none;
}
.video .bigPicThumbCarousel .preview .swiper-slide-item .video-play{
  display: block;
}
.bigPicThumbCarousel .preview .swiper-slide-item:hover {
  opacity: 0.8;
}
.bigPicThumbCarousel .preview .swiper-button-next,
.bigPicThumbCarousel .preview .swiper-button-prev{
  width: 27px;
  height: 44px;
  background-color: initial;
  margin-top: -10px;
  top: 50%;
  margin-top: -22px;
}
.bigPicThumbCarousel .preview .swiper-button-next{
  bottom: auto;
  left: auto;
  right: -50px;
  background-image: url(../images/icon/right.png);
}
.bigPicThumbCarousel .preview .swiper-button-prev{
  bottom: auto;
  left: -50px;
  background-image: url(../images/icon/left.png);
}
.videos .video-play .icon-play{
  width: 68px;
  height: 87px;
  background-image: url(../images/icon/bofang.png);
}
.videos .preview .video-play .icon-play{
  width: 15px;
  height: 19.19px;
}



/* 涓撲笟鍒嗘瀽 */
.specialty-analysis{
  background-image:url('../images/bg/9.jpg');
  background-size: 100% 100%;
}
.specialty-analysis .u-container{
  width: 1100px;
}
.specialty-analysis .scale-carousel .swiper-slide{
  width: 380px;
  height: 566.2px;
}
.specialty-analysis .slide-content, .specialty-analysis .slide-number{
  display: none;
}
.specialty-analysis .scale-carousel .swiper-slide .item-swiper-slide{
  opacity: 1;
}
.specialty-analysis .scale-carousel .swiper-slide .item-swiper-slide-top{
  height: 100%;
}
.scale-carousel .swiper-button-next{
  right: -35px;
}
.scale-carousel .swiper-button-prev{
  left: -35px;
}

/* 濯掍綋鍏虫敞 */
.media{
  background-image:url('../images/bg/10.jpg?v=1');
  background-size: 100% 100%;
}
.media-container{
  gap: 40px;
}
.media-news-module{
  width: 49%;
}
.media-news-module a img{
  width: 50%;
  display: block;
  margin:  30px auto 0;
}
.media-container .internal-news-list{

}

.media-container  .internal-news-list .section-header{
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background: #3091ff;
}
.internal-news-list .news-items .news-item.dot::before{
  background-color: #3091ff;
  top: 28px;
}
.media-container  .internal-news-list ul{
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.internal.internal-news-list .section-header span::before{
  background-image: url(../images/icon/guoneiyou.png);
}
.international.internal-news-list .section-header span::before{
  background-image: url(../images/icon/guoji.png);
}
.media-container .internal-news-list ul{
  height: 423px;
  overflow-y: auto;
}

/* 鍏夐槾鏁呬簨 */
.books-container{
  width: 1000px;
  margin: 0 auto;
}
.book_wrapper{
  width: 100%;
  height: 640px;
  background: transparent url(../images/book_bg.jpg) ;
  background-size: 100% 100%;
  position: relative;
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}
.book-button{
  position: absolute;
  top:50%;
  transform: translateY(-50%);
  background-image: url('../images/book-button.png');
  width: 35px;
  height: 35px;
  background-size: 100% 100%;
  cursor: pointer;
}
.book-button.book-prev-button{
  left: -55px;;
  transform: rotate(180deg);
}
.book-button.book-next-button{
  right: -55px;
}
/* .book_wrapper .book-content{
 padding: 20px;
} */
/* .book_wrapper.book-content .book-load{
  width: 100%;
  height: 100%;
} */
.booklet .b-wrap-left{
  background: #fff url(../images/book_left_bg.jpg);
  background-size: 100% 100%;
  /* width: 100% !important;
  height: 100% !important; */
}
.booklet .b-wrap-right{
  background: #fff url(../images/book_right_bg.jpg) ;
  background-size: 100% 100%;
}
.book_wrapper img{
  max-width: 100%;
}
#mybook .b-page,
#mybook .b-page * {
  box-sizing: content-box;
}
.book-header{
  margin-bottom: 20px;
  /* align-items: flex-end; */
  align-items: center;
  border-bottom: 1px solid #636363;
  /* padding-bottom: 5px; */
}
.book-header .book-header-left{
  color:#006de2;
  font-size: 22px;
  font-family: Arial, sans-serif;
}
.book-header .book-header-right{
  font-size: 12px;
  color: #999999;
}
.book-content .title{
  color:#333333;
  font-size: 22px;
  margin-bottom: 10px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 62px;
}
.book-content .picture{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden; 
}
.book-content .picture img{
  max-width: 100%;
  max-height: 300px;
  margin: 0 auto;
  /* display: block; */
}
.book-content .desc{
  font-size: 14px;
  color: #333333;
  line-height: 24px;
  margin-top: 15px;
  text-align: justify;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.book-tabs {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}
.book-tabs .item-book-tab a{
  color: #c1dbf8;
  font-size: 18px;
  border: 1px solid #c1dbf8;
  border-radius: 20px;
  /* padding: 3px 10px; */
  width: 140px;
  display: inline-block;
  height: 40px;
  text-align: center;
  line-height: 38px
}
.book-tabs .item-book-tab a.active{
    background: url(../images/tab_bg.png);
    background-size: 100% 100%;
    border: 0;
    line-height: 40px;
}

.footer{
  padding: 0;
  background: none;
  color:#fff;
  font-size: 16px;
  background: #0e1939;
}
.footer .contact-information{
  padding: 69px 0 45px;
  background-image: url(../images/contact-us-01.jpg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.footer .contact-information .contact-us{
  width: 30%;
}
.footer .contact-information .contact-us .content  p{
  color:#9da0a9;
  padding: 0;
  margin: 0 ;
}
.footer .contact-information .subscribe-us{
  width: 52%;
}
.footer .contact-information .title{
  font-size: 24px;
  border-bottom: 1px solid #676d81;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.footer .contact-information .subscribe-us .content .code{
  width: 20%;
}
.footer .contact-information .subscribe-us .content .code img{
  width: 100%;
}
.footer .contact-information .subscribe-us .content .code p{
  color:#9da0a9;
  margin-bottom: 10px;
}
.footer .other-information{
  background-image: url(../images/contact-us-02.jpg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 28px 0;
}

/* 滚动到顶部 */
.scroll-to-top{
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  border: none;
  cursor: pointer;
  z-index: 1000;
}
.scroll-to-top i{
  background-image: url(../images/top.png);
  background-size: 100% 100%;
  height: 60px;
  width: 60px;
  display: block;
}
.scroll-to-top:hover i{
  background-image: url(../images/top_active.png);
  background-size: 100% 100%;
}


/* 提示弹框 */
.message-dialog{
  position: fixed;
  left: 50%;
  top: 50%;
  /* background: #fff; */
  border-radius: 10px;
  transform: translate(-50%, -50%);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  z-index: 999;
background-image: url(../images/tanchuangbg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.message-dialog .message-dialog-main{
  padding: 25px 20px 20px;
}
.message-dialog .close{
  position: absolute;
  width: 25px;
  height: 25px;
  display: block;
  right: 10px;
  top:10px;
  background-image: url(../images/close.png);
  background-size: 100% 100%;
  cursor: pointer;
}
.message-dialog .message-dialog-main .content .title{
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 10px;
  position: relative;
  padding-left: 25px;
  padding-bottom: 15px;
  border-bottom: 1px dashed #8e8e8e;
}
.message-dialog .message-dialog-main .content .title:before{
  content: '';
  background-image: url(../images/bangzhuwendang.png);
  width: 17px;
  height: 17px;
  display: block;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 8px;
}
.message-dialog .message-dialog-main .content{
  font-size: 16px;
  text-align: justify;
  line-height: 30px;
}
.message-dialog-container{
  position: fixed;
  top:0;
  left: 0;
  right: 0;
  bottom:0;
  background-color: rgba(0,0,0,0.5);
  z-index: 999;
}


/* 员工 */
.employee-voices-module{
  background-image: url(../images/bg/13.jpg);
  background-size: 100% 100%;
}
.employee-voices-module .swiper-button-next,
.employee-voices-module .swiper-button-prev{
  background-image: url(../images/icon/left2.png);
  width: 25px;
  height: 45px;
  background-size: 100% 100%;
}
.employee-voices-module .swiper-button-next{
  transform: rotateY(180deg);
}
.employee-wrap{
  width: 90%;
  margin: 0 auto;
}
.employee-voices-module .item-employee-container{
  position: relative;
  padding-bottom: 90px;
}
.employee-voices-module .item-employee-container::after{
  content: '';
  width: 105px;
  height: 50px;
  background-image: url(../images/icon/icon_employee_1.png);
  background-size: 100% 100%;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  animation: bounce 1s infinite; /* 应用动画 */
}
/* 定义跳动动画 */
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
      transform: translateX(-50%) translateY(0); /* 初始位置 */
  }
  40% {
      transform: translateX(-50%) translateY(-10px); /* 向上移动 */
  }
  60% {
      transform: translateX(-50%) translateY(-5px); /* 向上移动 */
  }
}
.employee-voices-module .item-employee-card{
  border:1px solid #2f87ff;
  padding-top: 5px;
  position: relative;
}
.employee-voices-module .item-employee-card::before{
  width: 0; height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 20px solid #2f87ff;
  content: '';
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
}
.employee-voices-module .item-employee-box{
  background-color: #2f87ff;
  padding: 50px 10px 50px 20px;
  color: #fff;
}
.employee-voices-module .item-employee-box::before,
.employee-voices-module .item-employee-box::after{
  content: '';
  position: absolute;
  width: 25px;
  height: 20px;
  background-image: url(../images/icon/yh.png);
  background-size: 100% 100%;
}
.employee-voices-module .item-employee-box::before{
  top: 18px;
  left: 20px;
}
.employee-voices-module .item-employee-box::after{
  bottom: 18px;
  right: 20px;
  transform: rotateZ(180deg);
}
.employee-voices-module .item-employee-wrap{
  height: 360px;
  overflow: auto;
  padding-right: 10px;
}
.employee-voices-module .item-employee-top{
  border-bottom: 1px solid #fff;
  font-size: 18px;
  padding-bottom: 5px;
  margin-bottom: 10px;
}
.employee-voices-module .item-employee-top .title{
  min-height: 80px;
}
.employee-voices-module .item-employee-intro{
  font-size: 15px;
  /* text-align: justify; */
  line-height: 2;
      color: #e2e4ff;
}
.employee-voices-module .item-employee-wrap::-webkit-scrollbar {
  width: 8px;
}
.employee-voices-module .item-employee-wrap::-webkit-scrollbar-track {
  background: transparent;
}
.employee-voices-module .item-employee-wrap::-webkit-scrollbar-thumb {
  background: #eee;
  border-radius: 4px;
}


.employee-voices-module .swiper-slide:nth-child(3n+2) .item-employee-box{
  background-color: #465ee9;
}
.employee-voices-module .swiper-slide:nth-child(3n+2) .item-employee-container::after{
  background-image: url(../images/icon/icon_employee_2.png);
}
.employee-voices-module .swiper-slide:nth-child(3n+2) .item-employee-card{
  border:1px solid #465ee9;
}
.employee-voices-module .swiper-slide:nth-child(3n+2) .item-employee-card::before{
  border-top: 20px solid #465ee9;
}


.employee-voices-module .swiper-slide:nth-child(3n) .item-employee-box{
  background-color: #866bed;
}
.employee-voices-module .swiper-slide:nth-child(3n) .item-employee-container::after{
  background-image: url(../images/icon/icon_employee_3.png);
}
.employee-voices-module .swiper-slide:nth-child(3n) .item-employee-card{
  border:1px solid #866bed;
}
.employee-voices-module .swiper-slide:nth-child(3n) .item-employee-card::before{
  border-top: 20px solid #866bed;
}