/*banner*/
.ind-banner{width: 100%; overflow: hidden; z-index: 1;} 
.ind-banner .swiper-slide {position: relative; }
.ind-banner .swiper-slide .bg img{ width: 100%;}
.ind-banner .swiper-slide a{ display: block; width: 100%; height: 100%; }
.ind-banner .one{ position: absolute; left: 0; width: 100%; text-align: center; top: 24%; z-index: 1;}
.ind-banner .one .cn{ font-size: 0.48rem; line-height: 0.72rem; color: #fff; letter-spacing: 16px; }
.ind-banner .one .cn em{ font-size: 0.72rem; display: block; font-weight: bold; letter-spacing: 0; }
.ind-banner .one .en{ font-size: 0.18rem; line-height: 0.18rem; text-transform: uppercase; font-family: bold; color: #fff; padding-top: 20px; letter-spacing: 2px;}
.ind-banner .two{ position: absolute; right: 50%; margin-right: -6.68rem; top: 24%; z-index: 1; text-align: center; width: 6.5rem; }
.ind-banner .two .txtImg img{ width: 4.94rem; }
.ind-banner .two .wen{ font-size: 0.18rem; line-height: 0.3rem; color: #fff; font-weight: bold; text-shadow: 5px 9px 10px rgba(34, 76, 148, 0.3); }
.ind-banner .swiper-pagination{ position: absolute; text-align: center; bottom: 42px!important; } 
.ind-banner .swiper-pagination-bullet { position: relative; width: 40px; height: 5px; opacity: 1; border-radius: 8px; background: rgba(255,255,255,0.5); margin-left: 10px!important; margin-right: 10px!important; } 
.ind-banner .swiper-pagination-bullet-active { background: #fff;}
/*banner结束*/

.indexTitle{ text-align: center; }
.indexTitle .cn{ color: #333; font-size: 0.4rem; line-height: 0.4rem; font-weight: bold;}
.indexTitle .en{ color: #ccc; font-size: 0.24rem; line-height: 0.24rem; padding-top: 15px;}

.indexP1{ padding: 1.3rem 0 1.1rem; border-bottom: #e5e5e5 solid 1px; }
.indexP1 .leftDiv{ width: 6.54rem; }
.indexP1 .name{ font-size: 0.4rem; line-height: 0.4rem; color: #333; font-weight: bold; padding-bottom: 20px; }
.indexP1 .content{ font-size: 14px; line-height: 30px; text-align: justify; }
.indexP1 .btnDiv{ padding-top: 30px; }
.indexP1 .btnDiv a{ display: block; border: #999 solid 1px; width: 1.68rem; height: 0.48rem; line-height: 0.48rem; position: relative; text-indent: 0.44rem; font-size: 16px; color: #666; }
.indexP1 .btnDiv a:after{ content: ''; position: absolute; right: 0.42rem; top: 50%; margin-top: -6px; width: 6px; height: 11px; background: url(../images/ico1.png) no-repeat; }
.indexP1 .btnDiv a:hover{ border: #0055a2 solid 1px; background: #0055a2; color: #fff; }
.indexP1 .btnDiv a:hover:after{ background: url(../images/ico1on.png) no-repeat; }

.indexP1 .rightImg{ width: 8.28rem; }
.indexP1 .rightImg img{ width: 100%; }
.indexP1 .numList{ padding-top: 0.85rem; }
/*.indexP1 .numList ul{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between;}*/
.indexP1 .numList li{ float: left; width: 22.7%; box-sizing: border-box; padding-left: 0.9rem; background: url(../images/line1.png) right center no-repeat;}
.indexP1 .numList li:first-child{ width: 14.5%; padding-left: 0; }
.indexP1 .numList li:last-child{ float: right; width: auto; background: none; }
.indexP1 .numList li .num{ height: 56px; color: #333; font-size: 16px;}
.indexP1 .numList li .numUp{ color: #0055a2; font-size: 0.48rem; line-height: 0.48rem; font-family:mont; padding-right: 5px;}
.indexP1 .numList li .num img{ vertical-align: top; padding-right: 6px; }
.indexP1 .numList li p{ font-size: 16px; line-height: 16px; color: #333; }

.indexP2{ padding-top: 0.9rem; padding-bottom: 15px; overflow: hidden;}
.indexP2 .indexTitle{ padding-bottom: 0.5rem; }
.dlm{ position: relative; }
.indexP2 .list { width: 3360px; position: relative; left: 50%; margin-left: -1680px;}
.indexP2 li { position: relative; overflow: hidden; }
.indexP2 li .img { width: 1104px;  position: relative; margin: 0 auto; }
.indexP2 li .img img{ width: 100%; }
.indexP2 li .txtLayer{ opacity:0; position: absolute; left: 0; top: -100%; width:100%; height:100%; color: #fff; box-sizing:border-box; padding: 0 1.0rem; z-index: 1; }
.indexP2 li .name{ height: 0.46rem; font-size: 0.3rem; line-height: 0.46rem; font-weight: bold; text-align: center; overflow: hidden; }
.indexP2 li .wen{ font-size: 18px; text-align: center; line-height: 0.4rem; }
.indexP2 li .content{ padding-top: 12px; font-size: 14px; line-height: 24px; text-align: center; }
.indexP2 li .more{ margin: 20px auto 0; width: 84px; position: relative; font-size: 16px; line-height: 16px; color: #fff; }
.indexP2 li .more:after{ content: ''; position: absolute; right: 0; top: 50%; margin-top: -5px; width: 6px; height: 11px; background: url(../images/ico1on.png) no-repeat; }
.indexP2 .swiper-slide-active .txtLayer{ opacity:1; top: 0.9rem; }

.indexP2 .arrow { display: block; width: 32px; height: 32px; position: absolute; z-index: 10; top: 50%; border-radius: 50%; background: rgba(0,0,0,0.5); margin-top: -16px; }
.indexP2 .prev { left: 50%; margin-left: -500px; }
.indexP2 .prev:after{ content: ''; position: absolute; left: 50%; top: 50%; margin-left: -5px; margin-top: -8px; width: 10px; height: 17px; background: url(../images/nimg10_left.png) no-repeat; }
.indexP2 .next { right: 50%; margin-right: -500px; }
.indexP2 .next:after{ content: ''; position: absolute; left: 50%; top: 50%; margin-left: -5px; margin-top: -8px; width: 10px; height: 17px; background: url(../images/nimg10_right.png) no-repeat; }
.indexP2 .arrow:hover{ background: #0055a2;}


.indexP3{ background: #f3f3f3; padding: 1.0rem 0 1.35rem; }
.indexP3 .indexTitle{ padding-bottom: 0.45rem; }
.indexP3 .list {
  margin-right: -0.16rem;
}
.indexP3 .list ul {
  display: flex;
  width: auto;
}
.indexP3 .list li {
  flex: 1 1 25%;
  height: 5.88rem;
  position: relative;
  flex-grow: 1;
  transition: 0.65s;
}
.indexP3 .list li .box {
  margin-right: 0.16rem;
  position: relative;
  overflow: hidden;
}
.indexP3 .list li .bg {
  position: relative;
  height: 5.88rem;
  background: center no-repeat;
  background-size: cover;
}
.indexP3 .list li .bg::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 40%;
  background-image: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
  background-blend-mode: normal, normal;
  transition: All 0.5s ease;
}
.indexP3 .list li .beforeDiv {
  position: absolute;
  left: 0;
  bottom: 0.35rem;
  width: 100%;
  box-sizing:border-box;
  padding: 0 0.4rem;
  z-index: 1;
  transition: All 0.5s ease;
}
.indexP3 .list li .beforeDiv .name {
  height: 0.4rem;
  overflow: hidden;
  font-size: 0.3rem;
  line-height: 0.4rem;
  color: #fff;
  text-align:center;
}
.indexP3 .list li .afterDiv {
  position: absolute;
  width: 100%;
  padding: 0 1.8rem 0 0.35rem;
  box-sizing:border-box;
  left: 0;
  bottom: 0.3rem;
  z-index: 1;
  color: #fff;
  transition: All 0.5s ease;
  opacity: 0;
  visibility: hidden;
}
.indexP3 .list li .afterDiv .name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.3rem;
  line-height: 0.4rem;
}
.indexP3 .list li .afterDiv .msg {
  margin-top: 0.15rem;
  font-size: 0.16rem;
  line-height: 0.3rem;
  color: #fff;
}
.indexP3 .list li .afterDiv .more {
  position: absolute;
  font-size:0.16rem;
  line-height: 0.3rem;
  padding-right:20px;
  background:url(../images/ico1on.png) right center no-repeat;
  color:#fff;
  right: 0.4rem;
  bottom: 0;
 
}
.indexP3 .list li.on {
  flex: 0 0 45%;
}
.indexP3 .list li.on .bg::after {
  background-image: linear-gradient(180deg, transparent 0%, rgba(0, 85, 162, 0.9) 100%);
}
.indexP3 .list li.on .beforeDiv {
  opacity: 0;
  visibility: hidden;
}
.indexP3 .list li.on .afterDiv {
  opacity: 1;
  visibility: visible;
}
.indexP3 .swiper-pagination {
  display: none;
  bottom: 0;
  position: relative;
  padding-top: 0.6rem;
}
.indexP3 .swiper-pagination-bullet {
  display: inline-block;
  width: 10px;
  height: 10px;
  opacity: 1;
  background: none;
  margin-left: 5px!important;
  margin-right: 5px!important;
  border: #0055a2 solid 1px;
}
.indexP3 .swiper-pagination-bullet-active {
  background: #0055a2;
}
.indexP4{ padding: 1.25rem 0 1.5rem; overflow: hidden; }
.indexP4 .indexTitle{ padding-bottom: 0.75rem; }
.indexP4 .leftDiv{ width: 10.42rem; }
.indexP4 .leftDiv ul{ margin-right: -35px; }
.indexP4 .leftDiv li{ float: left; width: 50%; }
.indexP4 .leftDiv li .box{ margin-right: 35px; background: #f3f3f3; }
.indexP4 .leftDiv li .imgDiv{ overflow: hidden; height: 2.82rem; }
.indexP4 .leftDiv li .imgDiv img{ width: 100%; height: 100%; object-fit: cover;}
.indexP4 .leftDiv li .botDiv{ height: 2.56rem; padding: 0.4rem 0.36rem 0; box-sizing: border-box;}
.indexP4 .leftDiv li .name{ height: 0.32rem; line-height: 0.32rem; font-size: 0.2rem; color: #333; font-weight: bold; overflow: hidden; }
.indexP4 .leftDiv li .time{ height: 0.48rem; line-height: 0.48rem; padding-left: 30px; background: url(../images/nimg16_2.png) left center no-repeat; font-size: 0.18rem; color: #666; }
.indexP4 .leftDiv li .content{ margin-top: 10px; font-size: 0.16rem; line-height: 0.3rem; height: 0.9rem; color: #666; overflow: hidden; }
.indexP4 .leftDiv li .box:hover{ background: #fff; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.06);}
.indexP4 .leftDiv li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.indexP4 .leftDiv li .box:hover .name{ color: #0055a2; }

.indexP4 .rightDiv{ width: 4.6rem; height: 5.38rem; background: #f3f3f3; padding: 0.5rem 0.4rem 0; box-sizing: border-box; overflow: hidden; }
.indexP4 .rightDiv li{ padding-bottom: 0.35rem; }
.indexP4 .rightDiv li:last-child{ padding-bottom: 0; }
.indexP4 .rightDiv li .name{ font-size: 0.2rem; line-height: 0.3rem; height: 0.3rem; color: #333; overflow: hidden; font-weight: bold; }
.indexP4 .rightDiv li .time{ font-size: 0.18rem; line-height: 0.3rem; color: #666; }
.indexP4 .rightDiv li:hover .name{ color: #0055a2;}

.indexP4 .btnDiv{ width: 1.7rem; margin: 0.8rem auto 0; }
.indexP4 .btnDiv a{ display: block; border: #999 solid 1px; width: 1.68rem; height: 0.48rem; line-height: 0.48rem; position: relative; text-indent: 0.44rem; font-size: 16px; color: #666; }
.indexP4 .btnDiv a:after{ content: ''; position: absolute; right: 0.42rem; top: 50%; margin-top: -6px; width: 6px; height: 11px; background: url(../images/ico1.png) no-repeat; }
.indexP4 .btnDiv a:hover{ background: #0055a2; border: #0055a2 solid 1px; color: #fff; }
.indexP4 .btnDiv a:hover:after{ background: url(../images/ico1on.png) no-repeat;}

.indexP5{ height: 8.02rem; background: center no-repeat; background-size: cover; }
.indexP5 .conDiv{ padding-top: 1.5rem; }
.indexP5 .title{ font-size: 0.48rem; line-height: 0.48rem; color: #333; font-weight: bold;}
.indexP5 .wen{ color: #1361a8; font-size: 0.36rem; line-height: 0.48rem; padding-top: 0.35rem; }
.indexP5 .msg{ padding-top: 0.25rem; font-size: 16px; color: #333; line-height: 30px; width: 6.86rem; }
.indexP5 .btnDiv{ padding-top: 0.48rem; }
.indexP5 .btnDiv a{ display: block; border: #999 solid 1px; width: 1.68rem; height: 0.48rem; line-height: 0.48rem; position: relative; text-indent: 0.44rem; font-size: 16px; color: #666; }
.indexP5 .btnDiv a:after{ content: ''; position: absolute; right: 0.42rem; top: 50%; margin-top: -6px; width: 6px; height: 11px; background: url(../images/ico1.png) no-repeat; }
.indexP5 .btnDiv a:hover{ border: #0055a2 solid 1px; background: #0055a2; color: #fff; }
.indexP5 .btnDiv a:hover:after{ background: url(../images/ico1on.png) no-repeat; }


.speech{ padding-top: 22vh; height: 100vh; background: url(../images/speechBg.jpg) center no-repeat; background-size: cover; box-sizing: border-box; }
.speech .mxfDiv{display: flex; align-items: stretch; }
.speech .imgDiv{ width: 4.8rem;}
.speech .imgDiv img{ width: 100%; }
.speech .conDiv{ position: relative; margin-left: 1.4rem; flex: 1; flex-direction: column; justify-content: space-between; }
.speech .cn{ font-size: 0.48rem; line-height: 0.56rem; color: #333; font-weight: 600; margin-bottom: 0.15rem; }
.speech .en{ color: #999; font-size: 0.24rem; line-height: 0.3rem; text-transform: uppercase; font-family:mont;}
.speech .scrollDiv{ margin-top: 0.35rem; max-height: 4.0rem; padding-right: 0.4rem; overflow: auto; }
.speech .scrollDiv::-webkit-scrollbar { width: 4px;}
.speech .scrollDiv::-webkit-scrollbar-track { background-color: #e5e9ee;}
.speech .scrollDiv::-webkit-scrollbar-thumb { background-color: #044A93;} 
.speech .txt{ font-size: 0.24rem; line-height: 0.32rem; color: #044A93; margin-bottom: 0.15rem; }
.speech .content{ font-size: 0.16rem; line-height: 0.24rem; color: #666; }
.speech .name{ position: absolute; right: 0.4rem; bottom: 0; font-size: 0.2rem; line-height: 0.3rem; color: #333; text-align: right; }

.researchP1{ position: relative; padding: 1.32rem 0 1.6rem; background: #f7f7f7; }
.researchP1 .bg{ position: absolute; left: 0; bottom: 0; width: 7rem; height: 8.0rem; background: url(../images/nimg700Bg.png) no-repeat; background-size: 100%; }
.researchP1 .mxfDiv{ position: relative; z-index: 1; display: flex; justify-content: space-between; align-items: flex-start;  }
.researchP1 .pageTitle{ position: sticky; top: 0; }
.researchP1 .rightDiv{ width: 11.0rem; }
.researchP1 .content{ font-size: 0.18rem; line-height: 1.95em; text-align: justify; }
.researchP1 .content p{ margin-bottom: 20px; }
.researchP1 .content p:last-child{ margin-bottom: 0; }
.researchP1 .imgDiv{ margin-top: 0.9rem; border-radius: 0.2rem; overflow: hidden; }
.researchP1 .imgDiv img{ width: 100%; }

.researchP2{ position: relative; padding: 1.32rem 0 1.36rem; background: url(../images/researchP2.jpg) center no-repeat; background-size: cover; }
.researchP2:after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); }
.researchP2 .pageTitle{ text-align: center; position: relative; z-index: 1; }
.researchP2 .pageTitle .cn{ color: #fff; }
.researchP2 .pageTitle .en{ color: rgba(255,255,255,0.6); }

.historyPic{ position: relative; z-index: 1; margin-top: 1.0rem; }
.historyPic .wal{ position: relative; }
.historyPic .box-container{ margin-top: 1.2rem; position: relative; width: 100%; padding: 0 2.0rem; }
.historyPic .box-container:before{ content: ''; position: absolute; left: 0; top: 0.11rem; width: 100%; height: 2px; background: rgba(255,255,255,0.2); }
/*.historyPic .year-swiper{ overflow: hidden; }*/
.historyPic .swiper-slide{ cursor: pointer; position: relative; text-align: center;}
.historyPic .swiper-slide .ico{ position: absolute; left: 50%; margin-left: -0.12rem; top: 0; width: 0.24rem; height: 0.24rem; background: transparent; border-radius: 50%; }
.historyPic .swiper-slide .ico:after{ content: ''; position: absolute; left: 50%; top: 50%; margin-left: -0.06rem; margin-top: -0.06rem; width: 0.12rem; height: 0.12rem; background: #fff; border-radius: 50%; }
.historyPic .swiper-slide .year{ font-family:barlow-r; margin-top: 0.5rem; font-size: 0.2rem; line-height: 0.3rem; color: #fff; }
.historyPic .swiper-slide-active .year{ font-size: 0.24rem; }
.historyPic .swiper-slide-active .ico{ background: #E5F3FE; }
.historyPic .swiper-slide-active .ico:after{ background: #0055A2; }
.historyPic .rq1{ position: absolute; top: 50%; margin-top: -0.38rem; z-index: 1; z-index: 2; }
.historyPic .rq_lef{ left: 0; }
.historyPic .rq_rig{ right: 0; }
.historyPic .rq1 .year{ font-family:barlow-r; font-size: 0.64rem; color: rgba(255,255,255,0.6); line-height: 0.76rem;}

.historyPic .detail-box .item { display: none; height: 3.24rem; position: relative; overflow: hidden;}
.historyPic .detail-box .item.on { display: block; animation: fadeOfOpacity .5s linear;}
.historyPic .detail-box .mxfDiv{display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  align-items: center; 
  -webkit-align-items: center; 
  }
.historyPic .detail-box .year{font-family:barlow-b; width: 40%; font-size: 1.28rem; line-height: auto; color: #fff; text-align: right; padding-right: 1rem; animation: am_left 0.6s ease-in-out 0.2s backwards; }
.historyPic .detail-box .desc{ width: 5.3rem; max-height: 3.24rem; overflow: auto;animation: am_right 0.6s ease-in-out 0.2s backwards; }
.historyPic .detail-box .desc::-webkit-scrollbar { width: 2px;}
.historyPic .detail-box .desc::-webkit-scrollbar-track { background: rgba(255,255,255,0.4);}
.historyPic .detail-box .desc::-webkit-scrollbar-thumb { background: #0055A2;}
.historyPic .detail-box .desc{ font-size: 0.2rem; line-height: 0.36rem; color: #fff;}

.historyPic .se{ display: none; position: absolute; top: -13px; width: 50px; height: 50px; border-radius: 50%; z-index: 2; }
.historyPic .prev{ left: 0; background: #fff url(../images/nimg13_left.png) center no-repeat; }
.historyPic .next{ right: 0; background: #fff url(../images/nimg13_right.png) center no-repeat; }
.historyPic .prev:hover{ background: #0055A2 url(../images/nimg13_lefton.png) center no-repeat; }
.historyPic .next:hover{ background: #0055A2 url(../images/nimg13_righton.png) center no-repeat; }

.researchP3{ position: relative; padding: 1.32rem 0 1.7rem; background: #f7f7f7 url(../images/researchP3.png) center bottom no-repeat;background-size: 100%; }
.researchP3:before{ content: ''; position: absolute; left: 0; top: 2.8rem; width: 12.98rem; height: 6rem; background: url(../images/nimg1298Bg.png) no-repeat; background-size: 100%; }
.researchP3 .mxfDiv{ position: relative; z-index: 1; display: flex; justify-content: space-between; align-items: flex-start;  }
.researchP3 .rightDiv{ width: 11.0rem; }
.researchP3 .txt{ font-size: 0.4rem; line-height: 0.6rem; color: #333; font-weight: 300; margin-bottom: 0.24rem; }
.researchP3 .content{ font-size: 0.18rem; line-height: 1.95em; text-align: justify; }
.researchP3 .content p{ margin-bottom: 20px; }
.researchP3 .content p:last-child{ margin-bottom: 0; }
.researchP3 .imgDiv{ position: relative; z-index: 1; margin-top: .9rem; border-radius: 0.1rem; overflow: hidden; }
.researchP3 .imgDiv img{ width: 100%; }

.researchP4{ padding: 1.4rem 0 1.7rem; background: url(../images/researchP4.png) center bottom no-repeat; background-size: 100%; overflow: hidden; }
.researchP4 .toptop{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; margin-bottom: 0.75rem; }
.researchP4 .content{ font-size: 0.18rem; line-height: 1.95em; width: 9.2rem; }
.researchP4 .content p{ margin-bottom: 20px; }
.researchP4 .content p:last-child{ margin-bottom: 0; }
.researchP4 .lunbo { position: relative; }
.researchP4 .imgList { width: 40rem; position: relative; left: 50%; margin-left: -20rem;}
.researchP4 .swiper-slide { position: relative; }
.researchP4 .swiper-slide .img { width: 12.82rem; position: relative; margin: 0 auto; border-radius: 0.16rem; overflow: hidden; transform: scale(0.9); -webkit-transform: scale(0.9); transition: All 0.5s ease;}
.researchP4 .swiper-slide .img img { width: 100%; height: 100%; object-fit: cover;}
.researchP4 .swiper-slide-active .img { box-shadow: 0 0 0.3rem rgba(0,0,0,0.2); transform: scale(1); -webkit-transform: scale(1);}
.researchP4 .swiper-pagination{ display: none; margin-top: 0.6rem; position: relative; text-align: center; bottom: 0!important; } 
.researchP4 .swiper-pagination-bullet { position: relative; width: 10px; height: 10px; opacity: 1; border-radius: 50%; background: transparent; border: #0055A2 solid 1px; margin-left: 6px!important; margin-right: 6px!important; } 
.researchP4 .swiper-pagination-bullet-active { background: #0055A2;}


.aboutP1{ position: relative; padding: 1.2rem 0.92rem 0; background: url(../images/aboutP1.png) center no-repeat; background-size: cover; }
.aboutP1 .mxfDiv{ margin-bottom: 1.2rem; }
.aboutP1 .mxfDiv .wal{ position: relative; z-index: 1; display: flex; justify-content: space-between; align-items: flex-start;  }
.aboutP1 .pageTitle{ position: sticky; top: 0; }
.aboutP1 .rightDiv{ width: 11.0rem; }
.aboutP1 .content{ font-size: 0.18rem; line-height: 1.95em; text-align: justify; }
.aboutP1 .content p{ margin-bottom: 20px; }
.aboutP1 .content p:last-child{ margin-bottom: 0; }
/*.aboutP1 .numlist{ display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 0.4rem 0; box-shadow: 0 0 0.3rem rgba(0,0,0,.1); background: #fff; }
.aboutP1 .numlist ul{ width: 100%; display: flex; justify-content: space-between; }
.aboutP1 .numlist li{ position: relative; width: 20%; text-align: center; color: #333; font-size: 0.16rem; }
.aboutP1 .numlist li:after{ content: ''; position: absolute; right: 0; top: 50%; margin-top: -0.25rem; width: 1px; height: 0.5rem; background: #ddd; }
.aboutP1 .numlist li:last-child:after{ display: none; }
.aboutP1 .numlist li .num{ font-size: 0.16rem; }
.aboutP1 .numlist li .num em{ font-size: 0.48rem; line-height: 0.6rem; color: #044A93; font-family: barlow-r; padding-right: 5px;}
.aboutP1 .numlist li .zi{ margin-top: 0.1rem; }*/
.aboutP1 .numlist{ display: flex; align-items: center; justify-content: center; flex-direction: column; height: 4.8rem; border-radius: 0.2rem; background: url(../images/nimg1736Bg.jpg) center no-repeat; }
.aboutP1 .numlist ul{ width: 100%; display: flex; justify-content: space-between; }
.aboutP1 .numlist li{ width: 20%; text-align: center; color: #fff; font-size: 0.16rem; }
.aboutP1 .numlist li .num{ font-size: 0.18rem; }
.aboutP1 .numlist li .num em{ font-size: 0.48rem; line-height: 0.6rem; padding-right: 5px; font-family: mont; }
.aboutP1 .numlist li .num img{ position: relative; top: -0.15rem; }
.aboutP1 .numlist li .zi{ margin-top: 0.1rem; }

.aboutP2{ padding: 1.24rem 0 2.0rem; background: url(../images/aboutP2.png) center bottom no-repeat; background-size: 100%; }
.aboutP2 .pageTitle{ text-align: center; margin-bottom: 1.2rem; }
.aboutP2 .lunbo .list ul{ display: flex; display: -webkit-flex; flex-flow: wrap; margin-bottom: 0; }
.aboutP2 .lunbo .list li{ width: calc((100% - 0.84rem) / 3);  margin-right: 0.42rem;}
.aboutP2 .lunbo .list li:nth-child(3n){ margin-right: 0; }
.aboutP2 .lunbo .list li .box{ border-radius: 0.3rem; background: #FFF; box-shadow: 0 0 0.3rem 0 rgba(4, 74, 147, 0.10); position: relative; top: 0; min-height: 5.44rem; padding: 0.4rem 0.36rem 0.2rem; transition:All 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);}
.aboutP2 .lunbo .list li .box:after{ content: ''; position: absolute; right: 0; top: 0; filter: blur(120px); width: 1.05rem; height: 1.05rem; border-radius: 50%; background: #044A93; z-index: 1;}
.aboutP2 .lunbo .list li .num{ display: none; font-size: 0.24rem; color: #666; line-height: 0.3rem; transition:All 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);}
.aboutP2 .lunbo .list li .name{ margin-top: 0.2rem; /*font-weight: bold;*/ font-size: 0.32rem; line-height: 0.56rem; color: #333; transition:All 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);}
.aboutP2 .lunbo .list li .botbot{ position: absolute; left: 0; bottom: 0.42rem; width: 100%; box-sizing: border-box; padding: 0 1.6rem 0 0.36rem; }
.aboutP2 .lunbo .list li .cname{ font-size: 0.24rem; line-height: 0.3rem; margin-bottom: 0.1rem; transition:All 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);}
.aboutP2 .lunbo .list li .ename{ font-size: 0.2rem; line-height: 0.3rem; font-family: mont; transition:All 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);}
.aboutP2 .lunbo .list li .ico{ position: absolute; right: 0.36rem; bottom: 0; display: flex; align-items: center; justify-content: center; border-radius: 50%; width: 0.7rem; height: 0.7rem; background: linear-gradient(180deg, #0043BF 0%, #2372C4 100%);}
.aboutP2 .lunbo .list li .ico img{ width: 0.38rem; }
.aboutP2 .lunbo .list li .box:hover{ background: url(../images/nimg484Bg.png) center no-repeat; background-size: cover; }
.aboutP2 .lunbo .list li .box:hover .num, .aboutP2 .lunbo .list li .box:hover .name, .aboutP2 .lunbo .list li .box:hover .cname, .aboutP2 .lunbo .list li .box:hover .ename{ color: #fff; }
.aboutP2 .lunbo .swiper-pagination{ display: none; position: relative; margin-top: 0.6rem; }
.aboutP2 .lunbo .swiper-pagination-bullet-active { background: #044A93;}

.aboutP3{ background: #fdfeff url(../images/aboutP3.png) center no-repeat; background-size: cover; }
.aboutP3 .wal{ padding: 1.2rem 0; position: relative; height: 100%; }
.aboutP3 .wal:after{ content: ''; position: absolute; right: 0; top: 0; width: 2px; height: 100%; background: #D9D9D9; }
.aboutP3 .mxfDiv{ display: flex; justify-content: space-between; }
.aboutP3 .rightDiv{ position: relative; width: 10.24rem; height: 5.64rem; }
.aboutP3 .yearbtn{ position: absolute; right: 0; top: 0; width: 0.7rem; z-index: 2; }
.aboutP3 .yearbtn ul{height: 5.64rem; display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; justify-content: space-between; -webkit-justify-content: space-between; }
.aboutP3 .yearbtn li{ cursor: pointer; position: relative; font-size: 0.16rem; line-height: 0.24rem; color: #999; transition:All 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);}
.aboutP3 .yearbtn li:after{ content: ''; position: absolute; top: 50%; right: 0; width: 2px; height: 0; background: #044A93; transition:All 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);}
.aboutP3 .yearbtn li.on{ color: #044A93; }
.aboutP3 .yearbtn li.on:after{ top: 0; height: 100%; }

.honorBox .year{ font-size: 0.64rem; line-height: 0.72rem; color: #044A93; font-family: mont; margin-bottom: 0.48rem;}
.honorBox .content{ height: 3.2rem; overflow: auto; width: 8.2rem; padding-right: 0.1rem; }
.honorBox .content::-webkit-scrollbar { width: 4px;}
.honorBox .content::-webkit-scrollbar-track { background-color: #e5e9ee;}
.honorBox .content::-webkit-scrollbar-thumb { background-color: #044A93;} 
.honorBox .content li{ font-size: 0.16rem; line-height: 0.24rem; margin-bottom: 0.12rem; }
.honorBox .content li:last-child{ margin-bottom: 0; }
.honorBox .se{ display: block; bottom: 0; position: absolute; width: 0.48rem; height: 0.48rem; border-radius: 50%; border: #044A93 solid 2px; }
.honorBox .prevBtn{ left: 0; background: url(../images/nimg13_left.png) center no-repeat; }
.honorBox .nextBtn{ left: 0.68rem; background: url(../images/nimg13_right.png) center no-repeat;}
.honorBox .prevBtn:hover{ background: #044A93 url(../images/nimg13_lefton.png) center no-repeat; }
.honorBox .nextBtn:hover{ background: #044A93 url(../images/nimg13_righton.png) center no-repeat; }

.aboutP4{ height: 8.0rem; background: url(../images/aboutP4.jpg) center no-repeat; background-size: cover; }
.aboutP4 .wal{ position: relative; height: 100%; display: flex; 
   display: -webkit-flex; 
   flex-direction: column; 
   -webkit-flex-direction: column;
   justify-content: center; 
   -webkit-justify-content: center;}
.aboutP4 .conDiv{ width: 6.6rem; }
.aboutP4 .pageTitle .cn, .aboutP4 .pageTitle .en{ color: #fff; }
.aboutP4 .content{ margin-top: .5rem; color: #fff; font-size: 0.18rem; line-height: 1.95em; }
.aboutP4 .content p{ margin-bottom: 20px; }
.aboutP4 .content p:last-child{ margin-bottom: 0; }
.aboutP4 .list{ position: absolute; right: 1.1rem; top: 50%; margin-top: -3.5rem; width: 7.0rem; height: 7.0rem; z-index: 1; }
.aboutP4 .list li{ position: absolute; padding-left: 0.2rem; z-index: 1;}
.aboutP4 .list li em{ position: absolute; left: 0; top: 50%; margin-top: -0.07rem; width: 0.14rem; height: 0.14rem; border-radius: 50%; background: #044A93; }
.aboutP4 .list li em:before{ content: ''; position: absolute; left: 50%; top: 50%; margin-left: -0.04rem; margin-top: -0.04rem; width: 0.08rem; height: 0.08rem; border-radius: 50%; background: #fff; }
.aboutP4 .list li .name{ min-width: 0.5rem; display: flex; align-items: center; justify-content: center; height: 0.38rem; padding: 0 0.08rem; font-size: 0.16rem; color: #333; border-radius: 0.6rem; background: #fff; }
.aboutP4 .list .faguo{ left: 1.58rem; top: 0.56rem; }
.aboutP4 .list .xibanya{ left: 1.2rem; top: 0.9rem; }
.aboutP4 .list .deguo{ left: 2.44rem; top: 0.5rem; }
.aboutP4 .list .jieke{ left: 2.62rem; top: 0.92rem; }
.aboutP4 .list .desai{ left: 1.7rem; top: 1.5rem; }
.aboutP4 .list .riben{ left: 1.55rem; top: 2.16rem; }
.aboutP4 .list .yuenan{ left: 0.8rem; top: 2.36rem; }
.aboutP4 .list .xinjiapo{ left: 1.6rem; top: 2.7rem; }
.aboutP4 .list .yinni{ left: 1.22rem; top: 3.12rem; }
.aboutP4 .list .meiguo{ right: 0.24rem; top: 1.3rem; }
.aboutP4 .list .moxige{ right: -0.52rem; top: 2.3rem; }

.newsNav{ padding-top:92px; width: 100%; height: 0.6rem; border-bottom: 1px solid #EAEAEA; position:relative; }
.newsNav:before{ content:''; position:absolute; left:0; top:92px; width:100%; height:1px; background:#EAEAEA;}
.newsNav ul{ display: flex; align-items: center; justify-content: center; }
.newsNav li{ margin: 0 0.24rem; }
.newsNav li a{ font-size: 0.16rem; color: #666; line-height: 0.6rem;}
.newsNav li a:hover{ color: #044A93;}
.newsNav li .aNow{ color: #044A93; }

.news{ padding: 0.95rem 0 1.3rem; }
.news .toptop{ position: relative; z-index: 1; margin-bottom: 0.5rem; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: space-between; -webkit-justify-content: space-between;  }
.news .botbot .select{ width: 100%; position: relative; }
.news .botbot .caption { position: relative; cursor: pointer; height: 0.58rem; line-height: 0.58rem; padding-left: 0.2rem; font-size: 0.16rem; color: #666; border: #e9e9e9 solid 1px; background: #fff; border-radius: 6px;}
.news .botbot .caption.on:after {
  transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
}
.news .botbot .caption:after { content: ""; display: block; width: 24px; height: 24px; background: url(../images/selectIco.png) no-repeat right center; background-size: contain; position: absolute; right: 0.2rem; top: 50%; margin-top: -12px; z-index: 1;}
.news .botbot .xlist { width: 100%; position: absolute; left: 0; top: 100%; z-index: 12; background: #fff; max-height: 2.5rem; overflow-y: auto; display: none; border: 1px solid #e9e9e9; border-top: none; box-sizing: border-box;}
.news .botbot .xlist::-webkit-scrollbar { width: 4px;}
.news .botbot .xlist::-webkit-scrollbar-track { background-color: #e5e5e5;}
.news .botbot .xlist::-webkit-scrollbar-thumb { background-color: #044A93;} 
.news .botbot .xlist a { display: block; font-size: 0.16rem; background: #fff; color: #333; height: 0.5rem; line-height: 0.5rem; padding: 0 0.2rem; border-bottom: 1px solid #e9e9e9;}
.news .botbot .xlist a:hover, .news .botbot .xlist a.on { color: #044A93;}
.news .botbot .xlist a:last-child { border-bottom: none; }

.news .form{ margin-top: 0.3rem; width: 100%; box-sizing: border-box; height: 0.58rem; background: #fff; border: 1px solid #e9e9e9; position: relative; border-radius: 6px; }
.news .form .input1{ width: 100%; box-sizing: border-box; padding-left: 0.2rem; font-size: 0.16rem; color: #666; height: 0.58rem; line-height: 0.58rem; }
.news .form .input1::-webkit-input-placeholder{ /* WebKit browsers */ color: #666;}
.news .form .input1:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #666;}
.news .form .input1::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #666;}
.news .form .input1:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #666;}
.news .form .btn1{ position: absolute; right: 0; width: 0.5rem; height: 0.58rem; background: url(../images/nimg16_4.png) center no-repeat; }

.newsPic{ position: relative; }
.newsPic .imgList{ overflow: hidden; }
.newsPic .mxfDiv{ overflow: hidden; background: #F3F3F3; display: flex; justify-content: space-between; }
.newsPic .imgDiv{ width: 50%; height: 5.1rem; overflow: hidden;}
.newsPic .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.newsPic .conDiv{ width: 5.86rem; padding: 0.65rem 1rem 0 0; }
.newsPic .time{ font-size: 0.16rem; color: #044A93; line-height: 0.16rem; font-family:barlow-r; padding-bottom: 0.1rem; }
.newsPic .name{ line-height: 0.42rem; font-size: 0.32rem; color: #000; height: 0.84rem; overflow: hidden; }
.newsPic .content{ margin-top: 0.3rem; font-size: 0.16rem; line-height: 0.24rem; height: 0.72rem; overflow: hidden; color: #666; }
.newsPic li:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.newsPic li:hover .name{ color: #044A93; }
.newsPic .swiper-container-horizontal>.swiper-pagination-bullets{ left: calc(50% + 0.8rem); width: auto; bottom: 0.6rem; text-align: left; }
.newsPic .swiper-pagination-bullet{ width: 30px; height: 4px; background: #D9D9D9; border-radius: 4px; opacity: 1; margin: 0 24px 0 0!important;}
.newsPic .swiper-pagination-bullet-active{ width: 46px; background: #044A93; }

.news .botbot{ margin-top: 0.6rem; display: flex; justify-content: space-between;}
.news .leftDiv{ width: 75%; }
.news .list{ padding-bottom: 0.6rem; }
.news .list ul{ margin-right: -0.42rem; }
.news .list li{ float: left; width: 33.33%; margin-top: 0.45rem; }
.news .list li:nth-child(-n+3){ margin-top: 0; }
.news .list li .box{ margin-right: 0.42rem; border-radius: 8px; overflow: hidden;}
.news .list li .imgDiv{ height: 2.1rem; overflow: hidden; }
.news .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.news .list li .botDiv{ position: relative; padding: 0.3rem 0.35rem 0; height: 1.48rem; background: #f3f3f3; }
.news .list li .botDiv:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 4px; background: #044A93; }
.news .list li .time{ margin-top: 0.15rem; font-size: 0.16rem; line-height: 0.24rem; color: #999; font-family:barlow-r; }
.news .list li .name{ font-size: 0.18rem; line-height: 0.3rem; height: 0.9rem; color: #333; }
.news .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.news .list li .box:hover .botDiv:after{ width: 100%; }
.news .list li .box:hover .name{ color: #044A93; }
.news .rightDiv{ width: calc(100% - 80%); order: 1; }


.newShow{ padding-top: 0.96rem; }
.newShow .wal{ width: 12.0rem; }
.newShow .name{ font-size: 0.44rem; color: #333; line-height: 1.5em; font-weight: bold; }
.newShow .msg{ padding-top: 0.36rem; padding-bottom: 0.5rem; border-bottom: #D9D9D9 solid 1px; }
.newShow .msg em{ margin-right: 25px; font-size: 0.16rem; line-height: 0.24rem;}
.newShow .content{ padding: 0.6rem 0 0.8rem; font-size: 0.18rem; line-height: 1.95em; color: #666; }
.newShow .imgDiv{ text-align: center; }
.newShow .content img{ max-width: 12.0rem; }

.pageDown{ border-top: #D9D9D9 solid 1px; padding-top: 0.5rem; display: flex; align-items: center; justify-content: space-between;}
.pageDown .prev{ font-size: 16px; color: #666; padding-left: 40px; background: url(../images/nimg24_left.png) left center no-repeat; }
.pageDown .next{ font-size: 16px; color: #666; padding-right: 40px; background: url(../images/nimg24_right.png) right center no-repeat; }
.pageDown .back{ display: block; border-radius: 50%; width: 0.76rem; height: 0.76rem; background: #f3f3f3 url(../images/menu.png) center no-repeat;}
.pageDown .prev:hover{ color: #044A93; background: url(../images/nimg24_lefton.png) left center no-repeat; }
.pageDown .next:hover{ color: #044A93; background: url(../images/nimg24_righton.png) right center no-repeat; }
.pageDown .back:hover{ background: #044A93 url(../images/menuon.png) center no-repeat; }

.otherNews{ padding: 1.4rem 0 1.3rem; }
.otherNews .pageTitle{ text-align: center; padding-bottom: 0.5rem; }
.otherNews .list ul{ margin-right: -0.42rem; }
.otherNews .list li{ float: left; width: 33.33%; margin-top: 0.45rem; }
.otherNews .list li:nth-child(-n+3){ margin-top: 0; }
.otherNews .list li .box{ margin-right: 0.42rem; border-radius: 8px; overflow: hidden;}
.otherNews .list li .imgDiv{ height: 3.22rem; overflow: hidden; }
.otherNews .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.otherNews .list li .botDiv{ position: relative; padding: 0.3rem 0.35rem 0; height: 1.48rem; background: #f3f3f3; }
.otherNews .list li .botDiv:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 4px; background: #044A93; }
.otherNews .list li .time{ margin-top: 0.15rem; font-size: 0.16rem; line-height: 0.24rem; color: #999; font-family:barlow-r; }
.otherNews .list li .name{ font-size: 0.22rem; line-height: 0.3rem; height: 0.9rem; color: #333; }
.otherNews .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.otherNews .list li .box:hover .botDiv:after{ width: 100%; }
.otherNews .list li .box:hover .name{ color: #044A93; }

.promotionP1{ position: relative; padding: 1.2rem 0.92rem 0; background: url(../images/aboutP1.png) center top no-repeat; background-size: 100%; }
.promotionP1-2{ padding: 1.2rem 0.92rem 1.3rem; }
.promotionP1 .mxfDiv{ margin-bottom: 1.2rem; }
.promotionP1 .mxfDiv .wal{ position: relative; z-index: 1; display: flex; justify-content: space-between; align-items: flex-start;  }
.promotionP1 .pageTitle{ position: sticky; top: 0; }
.promotionP1 .rightDiv{ width: 8.4rem; }
.promotionP1 .content{ font-size: 0.18rem; line-height: 1.95em; text-align: justify; }
.promotionP1 .content p{ margin-bottom: 20px; }
.promotionP1 .content p:last-child{ margin-bottom: 0; }
.promotionP1 .imgDiv img{ width: 100%; }
.promotionP1 .btnDiv{ margin-top: 0.6rem; display: flex; }
.promotionP1 .btnDiv a{ position: relative; display: flex; align-items: center; justify-content: center; font-size: 0.16rem; color: #333; height: 0.46rem; padding: 0 0.34rem 0 0.18rem; border: #999 solid 1px; }
.promotionP1 .btnDiv em{ position: absolute; right: 0.18rem; top: 50%; margin-top: -5px; width: 6px; height: 11px; background: url(../images/ico1.png) no-repeat; }
.promotionP1 .btnDiv a:hover{ border: #0055A2 solid 1px; background: #0055A2; color: #fff; }
.promotionP1 .btnDiv a:hover em{ background: url(../images/ico1on.png) no-repeat; }

.promotionP1 .pjDiv{ height: 8rem; position: relative; overflow: hidden; }
.promotionP1 .item_box{ width:100%; height: 8rem; position:absolute; left: 0; top: 0; overflow:hidden;}
.promotionP1 .item_box img{ width:100%; height:100%; object-fit:cover; position:absolute; top:0; left:0;}
.promotionP1 .item_box .bg{ position: absolute; width:100%; height:100%; }
.promotionP1 .item_box .item{ display:none;}
.promotionP1 .item_box .item:nth-child(1){ display:block;}
.promotionP1 .choose_txt{ position: relative; z-index: 1; height: 100%; }
.promotionP1 .choose_txt ul{ display: flex; height: 100%; }
.promotionP1 .choose_txt li{ position: relative; width: 25%; overflow: hidden; }
.promotionP1 .choose_txt li:before{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 0; background: linear-gradient(180deg, rgba(241, 181, 35, 0.00) 0%, #0055A2 100%); transition:All 0.5s cubic-bezier(0.25, 0.1, 0.25, 1); }
.promotionP1 .choose_txt li:after{ content: ''; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background: rgba(255,255,255,0.5); }
.promotionP1 .choose_txt li .beforeDiv{ position: absolute; text-align: center; left: 0; width: 100%; bottom: 0.6rem; padding: 0 0.5rem; box-sizing: border-box; transition:All 0.5s ease;}
.promotionP1 .choose_txt li .afterDiv{ position: absolute; left: 0; width: 100%; bottom: -100%; padding: 0 0.35rem; box-sizing: border-box; transition:All 0.5s ease;}
.promotionP1 .choose_txt li .imgDiv{ height: 4.5rem; }
.promotionP1 .choose_txt li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.promotionP1 .choose_txt li .name{ color: #fff; font-weight: 500; font-size: 0.24rem; line-height: 0.3rem; }
.promotionP1 .choose_txt li .msg{ font-size: 0.16rem; line-height: 0.24rem; margin-top: 0.32rem; color: #fff;}
.promotionP1 .choose_txt li .morebtn{ margin-top: 1.0rem; }
.promotionP1 .choose_txt li .morebtn a{ display: flex; align-items: center; justify-content: center; width: 1.24rem; height: 0.46rem; border: #fff solid 1px; font-size: 0.16rem; color: #fff; }
.promotionP1 .choose_txt li .morebtn em{ margin-left: 0.1rem; width: 6px; height: 11px; background: url(../images/ico1on.png) no-repeat; }
.promotionP1 .choose_txt li .morebtn a:hover{ border: #0055A2 solid 1px; background: #0055A2; }
.promotionP1 .choose_txt li.on:before{ height: 100%; }
.promotionP1 .choose_txt li.on .beforeDiv{ opacity: 0; visibility: hidden; }
.promotionP1 .choose_txt li.on .afterDiv{ bottom: 0.6rem; }


.promotionP2{ padding: 1.3rem 0; }
.promotionP2 .toptop{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.55rem; }
.promotionP2 .tab2 ul{ display: flex; }
.promotionP2 .tab2 li{ position: relative; font-size: 0.18rem; color: #333; margin-left: 0.46rem; line-height: 0.26rem; padding-bottom: 0.15rem;}
.promotionP2 .tab2 li:after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: 2px; background: #0055A2; transition:All 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);}
.promotionP2 .tab2 .liNow{ color: #0055A2; }
.promotionP2 .tab2 .liNow:after{ left: 0; width: 100%;  }
.promotionP2 .list{ animation: am_top 0.8s ease-out 0.1s backwards;  }
.promotionP2 .list ul{ display: flex; display: -webkit-flex; flex-flow: wrap; }
.promotionP2 .list li{ width: calc((100% - 0.84rem) / 3); margin-right: 0.42rem; margin-top: 0.42rem; }
.promotionP2 .list li:nth-child(3n){ margin-right: 0; }
.promotionP2 .list li:nth-child(-n+3){ margin-top: 0; }
.promotionP2 .list li a{ position: relative; display: block; padding: 0.42rem 0.5rem 0; height: 5.0rem; box-sizing: border-box; background: #F3F3F3; }
.promotionP2 .list li .imgDiv{ display: flex; align-items: center; justify-content: center; height: 3.7rem; }
.promotionP2 .list li .imgDiv img{ max-width: 100%; max-height: 100%; mix-blend-mode:multiply;}
.promotionP2 .list li .name{ margin-top: 0.2rem; font-size: 0.24rem; line-height: 0.32rem; color: #333; }
.promotionP2 .list li .layerDiv{ position: absolute; padding: 0.45rem 0.45rem; box-sizing: border-box; left: 0; top: 0; opacity: 0; visibility: hidden; width: 100%; height: 100%; background: rgba(4,74,147,0.95); transition:All .5s cubic-bezier(0.25, 0.1, 0.25, 1); z-index: 1;}
.promotionP2 .list li .cn{ font-size: 0.36rem; line-height: 0.42rem; color: #fff; }
.promotionP2 .list li .content{ margin-top: 0.32rem; font-size: 0.16rem; line-height: 0.24rem; max-height: 2.4rem; overflow: auto; color: #fff; }
.promotionP2 .list li .content::-webkit-scrollbar { width: 3px;}
.promotionP2 .list li .content::-webkit-scrollbar-track { background-color: rgba(255,255,255,0.2);}
.promotionP2 .list li .content::-webkit-scrollbar-thumb { background-color: #fff;}
.promotionP2 .list li a:hover .layerDiv{ opacity: 1; visibility: visible; }

.promotionP2 .list2 li a:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background-color: #044A93; transition:All .5s cubic-bezier(0.25, 0.1, 0.25, 1);}
.promotionP2 .list li a:hover{ background: #fff; box-shadow: 0 0 30px 0 rgba(30, 38, 120, 0.10);}
.promotionP2 .list li a:hover:after{ width: 100%; }

.blueway{ position: relative; padding: 1.2rem 0.92rem 1.3rem; background: url(../images/limg1920_1.png) center top no-repeat; background-size: 100%; }
.blueway .mxfDiv{ position: relative; z-index: 1; display: flex; justify-content: space-between; align-items: flex-start;  }
.blueway .pageTitle{ position: sticky; top: 0; }
.blueway .rightDiv{ width: 8.4rem; }
.blueway .content{ font-size: 0.18rem; line-height: 1.95em; text-align: justify; }
.blueway .content p{ margin-bottom: 20px; }
.blueway .content p:last-child{ margin-bottom: 0; }
.blueway .btnDiv{ margin-top: 0.6rem; display: flex; }
.blueway .btnDiv a{ position: relative; display: flex; align-items: center; justify-content: center; font-size: 0.16rem; color: #333; height: 0.46rem; padding: 0 0.34rem 0 0.18rem; border: #999 solid 1px; }
.blueway .btnDiv em{ position: absolute; right: 0.18rem; top: 50%; margin-top: -5px; width: 6px; height: 11px; background: url(../images/ico1.png) no-repeat; }
.blueway .btnDiv a:hover{ border: #0055A2 solid 1px; background: #0055A2; color: #fff; }
.blueway .btnDiv a:hover em{ background: url(../images/ico1on.png) no-repeat; }
.blueway .list{ margin-top: 1.4rem; }
.blueway .list ul{ display: flex; flex-wrap: wrap; }
.blueway .list li{ width: calc((100% - 0.4rem) / 2); margin-right: 0.4rem; margin-top: 0.8rem; }
.blueway .list li:nth-child(2n){ margin-right: 0; }
.blueway .list li:nth-child(-n+2){ margin-top: 0; }
.blueway .list li .l7Div{ height: 4.8rem; position: relative; }
.blueway .list li .imgDiv{ height: 4.8rem; }
.blueway .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.blueway .list li .hideDiv{ position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden; width: 100%; height: 100%; padding: 0.7rem 0.7rem 0; box-sizing: border-box; background: rgba(4,74,147,0.9); transition:All 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);}
.blueway .list li .name{ margin-top: 0.5rem; font-size: 0.36rem; line-height: 0.42rem; color: #333; font-weight: 600; transition:All 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);}
.blueway .list li .cn{ color: #fff; font-size: 0.36rem; line-height: 0.42rem; font-weight: 600;}
.blueway .list li .msg{ color: #fff; margin-top: 0.38rem; padding-right: 5px; font-size: 0.18rem; line-height: 0.26rem; max-height: 2.08rem; overflow: auto; }
.blueway .list li .msg::-webkit-scrollbar { width: 3px;}
.blueway .list li .msg::-webkit-scrollbar-track { background-color: #fff;}
.blueway .list li .msg::-webkit-scrollbar-thumb { background-color: #044A93;} 
.blueway .list li:hover .hideDiv{ opacity: 1; visibility: visible; }
.blueway .list li:hover .name{ opacity: 0; visibility: hidden; }

.desaysv{ position: relative; padding: 1.2rem 0.92rem 1.3rem; background: url(../images/limg1920_1.png) center top no-repeat; background-size: 100%; }
.desaysv .mxfDiv{ position: relative; z-index: 1; display: flex; justify-content: space-between; align-items: flex-start;  }
.desaysv .pageTitle{ position: sticky; top: 0; }
.desaysv .rightDiv{ width: 8.4rem; }
.desaysv .content{ font-size: 0.18rem; line-height: 1.95em; text-align: justify; }
.desaysv .content p{ margin-bottom: 20px; }
.desaysv .content p:last-child{ margin-bottom: 0; }
.desaysv .btnDiv{ margin-top: 0.6rem; display: flex; }
.desaysv .btnDiv a{ position: relative; display: flex; align-items: center; justify-content: center; font-size: 0.16rem; color: #333; height: 0.46rem; padding: 0 0.34rem 0 0.18rem; border: #999 solid 1px; }
.desaysv .btnDiv em{ position: absolute; right: 0.18rem; top: 50%; margin-top: -5px; width: 6px; height: 11px; background: url(../images/ico1.png) no-repeat; }
.desaysv .btnDiv a:hover{ border: #0055A2 solid 1px; background: #0055A2; color: #fff; }
.desaysv .btnDiv a:hover em{ background: url(../images/ico1on.png) no-repeat; }
.desaysv .list{ margin-top: 1.2rem; }
.desaysv .list li{ display: flex; justify-content: space-between; margin-top: 1.1rem; }
.desaysv .list li:first-child{ margin-top: 0; }
.desaysv .list li .imgDiv{ width: 9.4rem; }
.desaysv .list li .imgDiv img{ width: 100%; }
.desaysv .list li .conDiv{ width: calc(100% - 10.4rem); }
.desaysv .list li .name{ font-size: 0.48rem; line-height: 0.56rem; color: #333; font-weight: bold; margin-bottom: 0.2rem; }
.desaysv .list li .msg{ font-size: 0.16rem; line-height: 0.26rem; text-align: justify; }
.desaysv .list li .lie{ margin-top: 0.6rem; }
.desaysv .list li .lie dl{ display: flex; flex-wrap: wrap; }
.desaysv .list li .lie dd{ position: relative; font-size: 0.22rem; color: #0055A2; width: calc((100% - 0.2rem) / 2); box-sizing: border-box; padding: 0 0.1rem; display: flex; align-items: center; justify-content: center; height: 0.76rem; margin-right: 0.2rem; margin-top: 0.2rem; border-radius: 0.2rem; overflow: hidden; }
.desaysv .list li .lie dd:after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid rgba(4, 74, 147, 0.05); opacity: 0.5; background: rgba(255, 255, 255, 0.10); box-shadow: 0 0 30px 0 rgba(4, 74, 147, 0.30) inset; }
.desaysv .list li .lie dd:nth-child(2n){ margin-right: 0; }
.desaysv .list li .lie dd:nth-child(-n+2){ margin-top: 0; }
.desaysv .list li .lie dd em{ position: relative; z-index: 1; }
.desaysv .list li:nth-child(2n) .imgDiv{ order: 1; }
.desaysv .list li:last-child .lie dd{ width: 100%; margin-right: 0; }
.desaysv .list li:last-child .lie dd:nth-child(2){ margin-top: 0.2rem; }