.hide2{
    display: none;
}
.loading-text{
  position:absolute;
   color:#039cea;
   height:20px;
   font-family: 'regular';
   top: 0;
   /*     -webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%); */
    right: -40px;
}

.loading{
  width: 100%;
    height: 100vh;
    overflow: hidden;
    background-color:#fff;
    position:absolute;
    z-index: 999;
    box-sizing: border-box;
    top: 0;
    left: 0;
}


.loading-head{
    position:relative;
    height:20px;
    top:20px;
    transform: translate3d(0, 0, 0);
}

.loading-head .line{
  width: 100%;
    border: 1px solid #039cea;
    position: absolute;
  top:50%;
  -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
  width: calc(100% - 11px);
}
.triangle {
    position: absolute;
    top: 0;
    right: 0;
}
.loading-head .triangle{
    position:absolute;
    top:50%;
    width:11px;
    height:13px;
    background:url('../images/triangle.png') no-repeat center;
    background-size:11px 13px;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
/*logo*/
.loading-center{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.loading-center img:hover{
    cursor:pointer;
}
.logo-mask{
    position:absolute;
    top:50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width:100%;
    height:200px;
    background:#fff;
}
/*动画*/
.animate-loading{
    animation: animateLoading ease-in forwards 3s;
    -moz-animation: animateLoading ease-in forwards 3s; /* Firefox */
    -webkit-animation: animateLoading ease-in forwards 3s;  /* Safari 和 Chrome */
    -o-animation: animateLoading ease-in forwards 3s;   /* Opera */
}
.animate-logo{
    animation: loadingLogo ease-in forwards 3s;
    -moz-animation: loadingLogo ease-in forwards 3s; /* Firefox */
    -webkit-animation: loadingLogo ease-in forwards 3s;  /* Safari 和 Chrome */
    -o-animation: loadingLogo ease-in forwards 3s;   /* Opera */
}

/*animate-loading*/
@keyframes animateLoading{
0%   {margin-right:100%;}
100% {margin-right:0;}
}

@-moz-keyframes animateLoading{ /* Firefox */
0%   {margin-right:100%;}
100% {margin-right:0;}
}

@-webkit-keyframes animateLoading{/* Safari 和 Chrome */
0%   {margin-right:100%;}
100% {margin-right:0;}
}

@-o-keyframes animateLoading{ /* Opera */
0%   {margin-right:100%;}
100% {margin-right:0;}
}
/*animateLogo*/
@keyframes loadingLogo{
0%   {left:0;}
100% {left:420px;}
}

@-moz-keyframes loadingLogo{ /* Firefox */
0%   {left:0;}
100% {left:420px;}
}

@-webkit-keyframes loadingLogo{/* Safari 和 Chrome */
0%   {left:0;}
100% {left:420px;}
}

@-o-keyframes loadingLogo{ /* Opera */
0%   {left:0;}
100% {left:420px;}
}
/*animateLogoMobile*/
@keyframes loadingLogoMobile{
0%   {left:0;}
100% {left:200px;}
}

@-moz-keyframes loadingLogoMobile{ /* Firefox */
0%   {left:0;}
100% {left:200px;}
}

@-webkit-keyframes loadingLogoMobile{/* Safari 和 Chrome */
0%   {left:0;}
100% {left:200px;}
}

@-o-keyframes loadingLogoMobile{ /* Opera */
0%   {left:0;}
100% {left:200px;}
}

.page .swiper-pagination{ position:absolute; z-index:2!important; width: 6px; margin-bottom: 0; transform: translateY(-50%); left: auto!important; right:35px!important; top: 50%!important; margin-left: 0px!important;} 
.page .swiper-pagination-bullet{ position: relative; cursor: pointer; display:block; opacity: 1; border-radius: 50%; border:none; width: 6px; height: 6px; box-sizing:border-box; margin: 24px auto!important; background: rgba(255,255,255,0.5); }
.page .swiper-pagination-bullet-active { background: #fff; }
.page .swiper-pagination.on .swiper-pagination-bullet{ background: #7a7a7b; }
.page .swiper-pagination.on .swiper-pagination-bullet-active{ background: #c7161d; }

@media screen and (min-width: 1024px) {
  #page {
    height: 100vh;
    position: relative;
    overflow: hidden; }

  .pageSlide {
    height: 100vh;
    overflow: hidden;}
  .pageSlide.footBox { height: calc(5.66rem + 14px); }
  /*.pageSlide.footBox { height: 100vh; background-color: #fff;}*/
  
}

@-webkit-keyframes slideIndUp {
    0% {
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: translateY(50px);
        -ms-transform: translateY(50px);
        transform: translateY(50px);
        -moz-transform: translateY(50px);
        -o-transform: translateY(50px);
    }
    100% {
        opacity: 1;
        filter: alpha(opacity=1);
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
    }
}

@keyframes slideIndUp {
    0% {
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: translateY(50px);
        -ms-transform: translateY(50px);
        transform: translateY(50px);
        -moz-transform: translateY(50px);
        -o-transform: translateY(50px);
    }
    100% {
        opacity: 1;
        filter: alpha(opacity=1);
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
    }
}

@-webkit-keyframes slideIndDown {
    0% {
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: translateY(-50px);
        -ms-transform: translateY(-50px);
        transform: translateY(-50px);
        -moz-transform: translateY(-50px);
        -o-transform: translateY(-50px);
    }
    100% {
        opacity: 1;
        filter: alpha(opacity=1);
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
    }
}

@keyframes slideIndDown {
    0% {
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: translateY(-50px);
        -ms-transform: translateY(-50px);
        transform: translateY(-50px);
        -moz-transform: translateY(-50px);
        -o-transform: translateY(-50px);
    }
    100% {
        opacity: 1;
        filter: alpha(opacity=1);
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
    }
}

@-webkit-keyframes slideIndRight {
    0% {
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: translateX(50px);
        -ms-transform: translateX(50px);
        transform: translateX(50px);
        -moz-transform: translateX(50px);
        -o-transform: translateX(50px);
    }
    100% {
        opacity: 1;
        filter: alpha(opacity=1);
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
    }
}

@keyframes slideIndRight {
    0% {
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: translateX(50px);
        -ms-transform: translateX(50px);
        transform: translateX(50px);
        -moz-transform: translateX(50px);
        -o-transform: translateX(50px);
    }
    100% {
        opacity: 1;
        filter: alpha(opacity=1);
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
    }
}

.pageSlide.swiper-slide-active .slideUp {
    -webkit-animation-name: slideIndUp;
    animation-name: slideIndUp;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-delay: 0.3s;
    -webkit-animation-delay: 0.3s;
    }

.pageSlide.swiper-slide-active .slideDown {
    -webkit-animation-name: slideIndDown;
    animation-name: slideIndDown;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-delay: 0.3s;
    -webkit-animation-delay: 0.3s;
    }
  
  .pageSlide.swiper-slide-active .slideRight {
    -webkit-animation-name: slideIndRight;
    animation-name: slideIndRight;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-delay: 0.3s;
    -webkit-animation-delay: 0.3s;
    }

.pageSlide.swiper-slide-active .slideDelay2 {
  animation-delay: 0.6s; -webkit-animation-delay: 0.6s;}
.pageSlide.swiper-slide-active .slideDelay3 {
  animation-delay: 0.9s; -webkit-animation-delay: 0.9s; }
.pageSlide.swiper-slide-active .slideDelay4 {
  animation-delay: 1.2s; -webkit-animation-delay: 1.2s; }
.pageSlide.swiper-slide-active .slideDelay5 {
  animation-delay: 1.5s; -webkit-animation-delay: 1.5s; }
.pageSlide.swiper-slide-active .slideDelay6 {
  animation-delay: 1.8s; -webkit-animation-delay: 1.8s; }
  .pageSlide.swiper-slide-active .slideDelay7 {
  animation-delay: 1.8s; -webkit-animation-delay: 2.1s; }
  .pageSlide.swiper-slide-active .slideDelay8 {
  animation-delay: 1.8s; -webkit-animation-delay: 2.4s; }
  .pageSlide.swiper-slide-active .slideDelay9 {
  animation-delay: 1.8s; -webkit-animation-delay: 2.7s; }

.pageSlide {
  position: relative;
  background: center no-repeat;
  background-size: cover; }
/*.pageSlide.cur .bg{ animation: myScale 3s forwards;}*/
.pageSlide .hopeDiv{ position: absolute; left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  background: center no-repeat;
  background-size: cover; 
  animation-fill-mode: both;
    animation-duration: 1s;
    animation-timing-function: cubic-bezier(0.3, 0, 0.24, 1);}
.pageSlide.in .hopeDiv{z-index: 15;
  opacity: 1;
  /*border-radius: 20px;*/
  animation-name: banner_in;
  transform-origin: 50% 50%;}
.pageSlide.out .hopeDiv{z-index: 15;
  opacity: 1;
  /*border-radius: 20px;*/
  animation-name: banner_out;
  transform-origin: 50% 50%;}
.pageSlide.on .hopeDiv{ opacity: 1;
    pointer-events: auto;
    z-index: 10; }

.pageSlide .otherDiv{ background: #fff; position: absolute; left: 0;
  top: 0;
  width: 100%;
  height: 100%;}

.ll{ z-index: 2; position: absolute; right: 99px; bottom: 0; width: 1px; height: calc(100% - 100px); background: rgba(255,255,255,0.2); }
.ll.on{ background: rgba(0,0,0,0.08); }

.indexPart1 .mouse{ position: absolute; left: 50%; bottom: 0.4rem; margin-left: -40px; z-index: 3; width: 80px; padding-top: 24px; text-align: center; }
.indexPart1 .mouse em{ position: absolute; left: 0; top: 0; width: 100%; font-size: 14px; line-height: 14px; color: #fff;}
.indexPart1 .kuang{ position: relative; margin: 0 auto; width: 22px; height: 35px; border-radius: 0.2rem; border: 2px solid #fff; box-sizing: border-box; }
.indexPart1 .kuang span{ left: 50%; margin-left: -2px; position: absolute; top: 10px; width: 4px; height: 4px; background-color: #fff; border-radius: 50%; animation: upDown 1s ease-out infinite;} 

.ind-banner{width: 100%; overflow: hidden; z-index: 1;} 
.ind-banner .swiper-slide {position: relative; height: 100vh; overflow:hidden;}
.ind-banner .swiper-slide .img{ height: 100vh; position: absolute; left: 0; top: 0; width: 100%;}
.ind-banner .swiper-slide .img img{ width: 100%; height: 100%; object-fit: cover; }
.ind-banner .swiper-slide a{ display: block; width: 100%; height: 100%; }
.ind-banner .txtLayer{ position: absolute; left: 50%; margin-left: -7.2rem; z-index: 1; top: 28%; overflow:hidden; width:0; }
.ind-banner .txtLayer .txt{ font-size: 0.48rem; line-height: 0.68rem; color: #fff; font-weight: bold; }
.ind-banner .txtLayer .wen{ font-size: 0.48rem; line-height: 0.68rem; color: #fff; font-weight: bold; }
.ind-banner .txtLayer .wen em{ color: #039cea; }
.ind-banner .txtLayer .txt, .ind-banner .txtLayer .wen{transform: translateY(50px);
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -o-transform: translateY(50px);
  opacity: 0;
  visibility: hidden;
  transition: all 1.4s ease;
  -webkit-transition: all 1.4s ease;
  -moz-transition: all 1.4s ease;
  -ms-transition: all 1.4s ease;
  -o-transition: all 1.4s ease;
  transition-delay: 1s;
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);}
  
  .ind-banner .swiper-slide-active .txtLayer{ width:100%;}
  
.ind-banner .swiper-slide-active .txt, .ind-banner .swiper-slide-active .wen{
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
}

.ind-banner .dots { position: absolute; width: auto!important; z-index: 10; left: 0.5rem; top: auto; bottom: 0.35rem!important; }
.ind-banner .dots span { display: inline-block; position: relative; background: none; width: 68px; padding-top: 15px; margin: 0 20px 0 0!important; font-size: 0.18rem; opacity: 1; border: none; color: rgba(255,255,255,0.3); font-family: 'regular';}
.ind-banner .dots span:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 2px; background: rgba(255,255,255,0.3); }
.ind-banner .dots span:after{ content: ''; position: absolute; left: 0; top: 0; width: 0; height: 2px; background: #fff; z-index: 1; }
.ind-banner .dots .swiper-pagination-bullet-active { color: #fff; }
.ind-banner .dots .swiper-pagination-bullet-active:after{ width: 100%; }

.indexPart2{ background: center no-repeat; background-size: cover;}
.indexPart2 .leftR{ position: absolute; left: 0; bottom: 0.48rem; width: 4.76rem; height: 7.12rem;  overflow: hidden; }
.indexPart2 .leftR .shapes-wrapper { z-index: 1; position: relative; width: 100%; height: 100%; background: url(../images/nimg475Bg.png) no-repeat; background-size: 4.75rem;}

.shape-3 { filter: blur(60px); width: 2.6rem; height: 4.0rem; background-color: #039cea; border-radius: 50%; position: absolute; top: 24%; left:-0.4rem; }
.shape-3{animation: myfirst 5s linear 0s infinite normal;
-moz-animation: myfirst 5s linear 0s infinite normal;
-webkit-animation: myfirst 5s linear 0s infinite normal;
-o-animation: myfirst 5s linear 0s infinite normal;}

.indexPart2 .rightR{ position: absolute; right: 0.5rem; top: 10%; width: 5.24rem; height: 5.24rem;  overflow: hidden; }
.indexPart2 .rightR .shapes-wrapper { z-index: 1; position: relative; width: 100%; height: 100%; background: url(../images/nimg524Bg.png) no-repeat; background-size: 5.24rem;}
.shape-2 { filter: blur(60px); width: 1.6rem; height: 2.8rem; background-color: #039cea; border-radius: 50%; position: absolute; top: 50%; left: 50%; margin-left: -0.8rem; margin-top: -1.4rem; }
.shape-2{animation: myfirst 3s linear 0s infinite normal;
-moz-animation: myfirst 3s linear 0s infinite normal;
-webkit-animation: myfirst 3s linear 0s infinite normal;
-o-animation: myfirst 3s linear 0s infinite normal;}

.indexPart2 .title{ font-size: 0.48rem; line-height: 0.48rem; color: #000; text-align: center; padding-bottom: 0.5rem; font-weight: bold; }
.indexPart2 .list{ position: relative; z-index: 2; }
.indexPart2 .list ul{ margin-right: -0.36rem; }
.indexPart2 .list li{ float: left; width: 25%; }
.indexPart2 .list li .box{ margin-right: 0.36rem; position: relative; top: 0; }
.indexPart2 .list li a{ position: relative; display: block; padding: 0.6rem 0.3rem 0; text-align: center; height: 4.22rem; box-sizing: border-box; border-radius: 10px; background: #fff; box-shadow: 0px 0px 0.3rem 0px rgba(127, 127, 127, 0.16); }
.indexPart2 .list li .name{ font-size: 0.2rem; line-height: 0.2rem; color: #000; padding-bottom: 0.15rem; }
.indexPart2 .list li .msg{ font-size: 0.14rem; line-height: 0.2rem; height: 0.8rem; overflow: hidden; color: #666; }
.indexPart2 .list li .more{ position: relative; display: inline-block; padding-right: 12px; margin-top: 0.15rem; font-size: 0.16rem; line-height: 0.16rem; color: #c7161d; }
.indexPart2 .list li .more:after{ content: ''; position: absolute; right: 0; top: 50%; margin-top: -5px; width: 6px; height: 10px; background: url(../images/ico2.png) no-repeat; }
.indexPart2 .list li .more span{ height: 1px; -webkit-transform: scaleY(0.5); 
  transform: scaleY(0.5); 
  -webkit-transform-origin: 0 0; 
  transform-origin: 0 0; overflow:hidden; background: url(../images/dot.jpg) no-repeat;
  background-size: 0 0.01rem;
  background-position: 100% 100%;
  transition: background-size 0.7s ease; }
.indexPart2 .list li .imgDiv{ position: absolute; right: 0; }
.indexPart2 .list li .imgDiv img{ width: 100%; }
.indexPart2 .list li:nth-child(1) .imgDiv{ bottom: -0.26rem; width: 4.06rem; }
.indexPart2 .list li:nth-child(2) .imgDiv{ bottom: -0.56rem; width: 2.78rem; }
.indexPart2 .list li:nth-child(3) .imgDiv{ bottom: -0.54rem; width: 100%; }
.indexPart2 .list li:nth-child(4) .imgDiv{ bottom: -0.48rem; width: 3.2rem; }
.indexPart2 .list li .box:hover{ top: -0.1rem; }
.indexPart2 .list li .box:hover .more span{ background-size: 100% 1px; background-position: 0 100%; }

.indexPart3{ background-color: #fff; /*background: center no-repeat; background-size: cover;*/}
.indexPart3 canvas { position: absolute; left: 0; bottom: -5rem; z-index: 1; width: 100%;/* height: 2.5rem */}
.indexPart3 .toptop{ padding-bottom: 1.0rem; }
.indexPart3 .title{ font-size: 0.48rem; line-height: 0.6rem; text-align: center; color: #000; font-weight: bold; padding-bottom: 0.3rem;}
.indexPart3 .more{ text-align: center; }
.indexPart3 .more a{ position: relative; display: inline-block; padding-right: 12px; font-size: 0.16rem; line-height: 0.16rem; color: #c7161d; }
.indexPart3 .more a:after{ content: ''; position: absolute; right: 0; top: 50%; margin-top: -5px; width: 6px; height: 10px; background: url(../images/ico2.png) no-repeat; }
.indexPart3 .more span{ height: 1px; -webkit-transform: scaleY(0.5); 
  transform: scaleY(0.5); 
  -webkit-transform-origin: 0 0; 
  transform-origin: 0 0; overflow:hidden; background: url(../images/dot.jpg) no-repeat;
  background-size: 0 0.01rem;
  background-position: 100% 100%;
  transition: background-size 0.7s ease; }
.indexPart3 .more a:hover span{ background-size: 100% 1px; background-position: 0 100%; }
.indexPart3 .numList li{ float: left; width: 25%; text-align: center; }
.indexPart3 .numList li .ico{ height: 0.85rem; }
.indexPart3 .numList li .ico img{ width: 0.48rem; }
.indexPart3 .numList li .num{ height: 0.8rem; font-family: 'mont'; font-size: 0.72rem; line-height: 0.6rem; color: #039cea;}
.indexPart3 .numList li .numUp{ padding-right: 0.05rem;}
.indexPart3 .numList li .wen{ font-size: 0.18rem; line-height: 0.18rem; color: #666;}

/*.indexPart4{ background-color: #f5f5f7; }*/
.shape-1 { filter: blur(60px); z-index: 2; width: 2.6rem; height: 2.6rem; background-color: #039cea; border-radius: 50%; position: absolute; top: 24%; left:0; animation:Move 6s infinite alternate linear; }
.shape-1{/*animation: myfirst 5s linear 0s infinite normal;
-moz-animation: myfirst 5s linear 0s infinite normal;
-webkit-animation: myfirst 5s linear 0s infinite normal;
-o-animation: myfirst 5s linear 0s infinite normal;*/}

.indexPart4 .round{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.indexPart4 .round .bg{ position: relative; width: 100%; height: 100%; background: url(../images/indexP4-2.png) center no-repeat; background-size: cover; z-index: 3; }
.indexPart4 .round:after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #dfdfdf; z-index: 1; }
.indexPart4 .hopeDiv{background-size: 19.2rem auto; background-position: center; background-repeat: repeat-x;}
.indexPart4 .title{ padding-top: 12%; font-size: 0.48rem; line-height: 0.6rem; text-align: center; color: #000; font-weight: bold; position: relative; z-index: 3; }
.indexPart4 .icoList{ overflow:hidden; position:relative; z-index:3;}
.indexPart4 .icoList li{ float: left; width: 25%; margin-bottom: 0.3rem; }
.indexPart4 .icoList li .jw{ width: 1.5rem; height: 1.5rem; margin: 0 auto; }
.indexPart4 .icoList li .jw img{ width:100%; }
/*.indexPart4 .icoList li .jw{ position:relative; border-radius: 50%; background: #039cea; width: 100%; height: 100%; }
.indexPart4 .icoList li .jw img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); max-width: 1.2rem; max-height: 1.2rem; }
.indexPart4 .icoList li .jw .img1{ opacity: 0; }
.indexPart4 .icoList li .jw:hover{ background: #fff; box-shadow: 0px 0 0.3rem 0px rgba(3, 156, 234, 0.3); }
.indexPart4 .icoList li .jw:hover img{ opacity: 0; }
.indexPart4 .icoList li .jw:hover .img1{ opacity: 1; }
.indexPart4 .icoList1 li:nth-child(1){ left: 0; bottom: 0; width: 1.6rem; height: 1.6rem;}
.indexPart4 .icoList1 li:nth-child(2){ left: 10.4%; bottom: 0; width: 1.74rem; height: 1.74rem;}
.indexPart4 .icoList1 li:nth-child(3){ left: 19.4%; bottom: 0; width: 1.6rem; height: 1.6rem;}
.indexPart4 .icoList1 li:nth-child(4){ left: 28.3%; bottom: 0; width: 1.42rem; height: 1.42rem;}
.indexPart4 .icoList1 li:nth-child(5){ right: 50%; bottom: 0; width: 1.6rem; height: 1.6rem;}
.indexPart4 .icoList1 li:nth-child(6){ left: 50%; bottom: 0; width: 1.6rem; height: 1.6rem;}
.indexPart4 .icoList1 li:nth-child(7){ left: 58.3%; bottom: 0; width: 1.36rem; height: 1.36rem;}
.indexPart4 .icoList1 li:nth-child(8){ left: 66.6%; bottom: 0; width: 1.6rem; height: 1.6rem;}
.indexPart4 .icoList1 li:nth-child(9){ left: 75%; bottom: 0; width: 1.36rem; height: 1.36rem;}
.indexPart4 .icoList1 li:nth-child(10){ right: 8.3%; bottom: 0; width: 1.6rem; height: 1.6rem;}
.indexPart4 .icoList1 li:nth-child(11){ right: 0; bottom: 0; width: 1.6rem; height: 1.6rem;}

.indexPart4 .icoList2 li:nth-child(1){ left: 5.2%; bottom: 1.28rem; width: 1.46rem; height: 1.46rem;}
.indexPart4 .icoList2 li:nth-child(2){ left: 15.8%; bottom: 1.42rem; width: 1.52rem; height: 1.52rem;}
.indexPart4 .icoList2 li:nth-child(3){ left: 24.7%; bottom: 1.28rem; width: 1.48rem; height: 1.48rem;}
.indexPart4 .icoList2 li:nth-child(4){ left: 33.8%; bottom: 0.85rem; width: 1.8rem; height: 1.8rem;}
.indexPart4 .icoList2 li:nth-child(5){ left: 50%; margin-left: -1.0rem; bottom: 1.42rem; width: 2rem; height: 2rem;}
.indexPart4 .icoList2 li:nth-child(6){ left: 55%; bottom: 1.27rem; width: 1.6rem; height: 1.6rem;}
.indexPart4 .icoList2 li:nth-child(7){ left: 63.3%; bottom: 1.38rem; width: 1.34rem; height: 1.34rem;}
.indexPart4 .icoList2 li:nth-child(8){ right: 21.1%; bottom: 1.44rem; width: 1.66rem; height: 1.66rem;}
.indexPart4 .icoList2 li:nth-child(9){ right: 14.4%; bottom: 1.18rem; width: 1.34rem; height: 1.34rem;}
.indexPart4 .icoList2 li:nth-child(10){ right: 4.7%; bottom: 1.36rem; width: 1.4rem; height: 1.4rem;}

.indexPart4 .icoList3 li:nth-child(1){ left: 10.4%; bottom: 2.4rem; width: 1.34rem; height: 1.34rem;}
.indexPart4 .icoList3 li:nth-child(2){ left: 21.4%; bottom: 2.58rem; width: 1.34rem; height: 1.34rem;}
.indexPart4 .icoList3 li:nth-child(3){ left: 29.3%; bottom: 2.45rem; width: 1.5rem; height: 1.5rem;}
.indexPart4 .icoList3 li:nth-child(4){ left: 37.1%; bottom: 2.54rem; width: 1.76rem; height: 1.76rem;}
.indexPart4 .icoList3 li:nth-child(5){ right: 38.6%; bottom: 2.82rem; width: 1.7rem; height: 1.7rem;}
.indexPart4 .icoList3 li:nth-child(6){ right: 30.5%; bottom: 2.7rem; width: 1.56rem; height: 1.56rem;}
.indexPart4 .icoList3 li:nth-child(7){ right: 15.7%; bottom: 2.5rem; width: 1.34rem; height: 1.34rem;}*/












.indexPart5{ background-color: #fff;}
.indexPart5 .title{ font-size: 0.48rem; line-height: 0.6rem; text-align: center; color: #000; padding-top: 19%; padding-bottom: 0.2rem; font-weight: bold; }
.indexPart5 .msg{ width: 6.94rem; font-size: 0.16rem; text-align: center; line-height: 0.24rem; margin: 0 auto; color: #666; }
.indexPart5 .more{ text-align: center; padding-top: 0.35rem; }
.indexPart5 .more a{ position: relative; display: inline-block; padding-right: 12px; font-size: 0.16rem; line-height: 0.16rem; color: #c7161d; }
.indexPart5 .more a:after{ content: ''; position: absolute; right: 0; top: 50%; margin-top: -5px; width: 6px; height: 10px; background: url(../images/ico2.png) no-repeat; }
.indexPart5 .more span{ height: 1px; -webkit-transform: scaleY(0.5); 
  transform: scaleY(0.5); 
  -webkit-transform-origin: 0 0; 
  transform-origin: 0 0; overflow:hidden; background: url(../images/dot.jpg) no-repeat;
  background-size: 0 0.01rem;
  background-position: 100% 100%;
  transition: background-size 0.7s ease; }
.indexPart5 .more a:hover span{ background-size: 100% 1px; background-position: 0 100%; }

.indexPart6{ background-color: #f5f5f7;}
.indexPart6 .title{ font-size: 0.48rem; line-height: 0.48rem; text-align: center; color: #000; padding-bottom: 0.2rem; font-weight: bold; }
.indexPart6 .msg{ padding-bottom: 0.45rem; font-size: 0.16rem; text-align: center; line-height: 0.24rem; color: #666; }
/*.indexPart6 .hopeDiv{ background: url(../images/indexP6.png) center bottom no-repeat; background-size: 100%; }*/

.indexPart6 .wave-svg-box{position:absolute;left:0;bottom:-0.3rem;width:3000%;height:380px; z-index: 1;}


.wave-svg-s1{background:url(../images/line01.png) repeat-x -300px 10px;animation:waveMove 80s linear .1s infinite;opacity:0.1;}
.wave-svg-s2{background:url(../images/line01.png) repeat-x -260px 35px;animation:waveMove 80s linear .1s infinite;opacity:0.1;}
.wave-svg-s3{background:url(../images/line01.png) repeat-x -240px 60px;animation:waveMove 80s linear .1s infinite;opacity:0.1;}
.wave-svg-s4{background:url(../images/line01.png) repeat-x -220px 85px;animation:waveMove 80s linear .1s infinite;opacity:0.1;}
.wave-svg-s5{background:url(../images/line01.png) repeat-x -200px 110px;animation:waveMove 80s linear .1s infinite;opacity:0.1;}
.wave-svg-s6{background:url(../images/line01.png) repeat-x -180px 135px;animation:waveMove 80s linear .1s infinite;opacity:0.1;}
.wave-svg-s7{background:url(../images/line01.png) repeat-x -160px 160px;animation:waveMove 80s linear .1s infinite;opacity:0.1;}
.wave-svg-s8{background:url(../images/line01.png) repeat-x -140px 185px;animation:waveMove 80s linear .1s infinite;opacity:0.1;}


.indexNews{ position: relative; z-index: 3; }
.indexNews:before{ content:''; position:absolute; top:0; left:50%; margin-left:7.2rem; width:25%; height:100%; background:rgba(255,255,255,0.8); z-index:3;}

.indexNews .list{ overflow: hidden; width: 18.9rem; }
/*.indexNews .list li{ float: left; width: 33.33%; }*/
.indexNews .list li a{ position: relative; display: block; height: 4.92rem; background: #fff; border-radius: 0.16rem; overflow: hidden; }
.indexNews .list li a:after{ content: ''; position: absolute; right: 0; bottom: 0; width: 3.6rem; height: 2.17rem; background: url(../images/nimg360Bg.png) no-repeat; background-size: 3.6rem; }
.indexNews .list li .botDiv{ padding: 0.6rem 0.4rem 0; }
.indexNews .list li .time{ font-size: 0.24rem; line-height: 0.24rem; color: #999; height: 0.4rem; font-family: 'regular'; }
.indexNews .list li .name{ font-size: 0.24rem; line-height: 0.3rem; height: 0.9rem; overflow: hidden; color: #000; font-family: 'regular','misans'; }
.indexNews .list li .imgDiv{ height: 0; overflow: hidden; }
.indexNews .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.indexNews .list li .content{ margin-top: 0.35rem; font-size: 0.16rem; line-height: 0.3rem; height: 0.9rem; overflow: hidden; color: #666; font-family: 'regular','misans'; }
.indexNews .list li .type{ display: none; }
.indexNews .list li .more{ position: absolute; display: inline-block; padding-right: 13px; left: 0.4rem; bottom: 0.5rem; font-size: 0.16rem; line-height: 0.16rem; color: #c7161d; }
.indexNews .list li .more:after{ content: ''; position: absolute; right: 0; top: 50%; margin-top: -5px; width: 6px; height: 10px; background: url(../images/ico2.png) no-repeat; }
.indexNews .list li .box:hover a{ background: #039cea; }
.indexNews .list li .box:hover a:after{ background: url(../images/nimg360Bgon.png) no-repeat; background-size: 3.6rem; }
.indexNews .list li .box:hover .imgDiv{ height: 2.63rem; }
.indexNews .list li .box:hover .botDiv{ padding: 0.3rem 0.4rem 0; }
.indexNews .list li .box:hover .content{ height: 0; color: #fff; }
.indexNews .list li .box:hover .time, .indexNews .list li .box:hover .more{ color: #fff; }
.indexNews .list li .box:hover .name{ height: 0.6rem; color: #fff;}
.indexNews .list li .box:hover .more:after{ background: url(../images/ico2on.png) no-repeat;}
.indexNews .se { display: block; width: 0.62rem; height: 0.62rem; position: absolute; z-index: 10; top: 50%; border-radius: 50%; margin-top: -0.31rem; box-shadow: 0 0 0.1rem rgba(3, 156, 234, 0.1); }
.indexNews .prev { left: 50%; margin-left: -8.28rem; background: #fff url("../images/nimg7_left.png") center no-repeat; }
.indexNews .next { display: none; right: 50%; margin-right: -8.28rem; background: #fff url("../images/nimg7_right.png") center no-repeat; }
.indexNews .prev:hover{ background: #039cea url("../images/nimg7_lefton.png") center no-repeat;}
.indexNews .next:hover { background: #039cea url("../images/nimg7_righton.png") center no-repeat; }



.aboutP1{ background: #f5f5f7; padding: 1.2rem 0; position: relative;}
.aboutP1 .title{ font-size: 0.36rem; line-height: 0.36rem; font-weight: bold; color: #000; padding-bottom: 0.6rem; text-align: center; }
.aboutP1 .leftImg{ width: 7.2rem; border-radius: 0.36rem; overflow: hidden;}
.aboutP1 .leftImg img{ width: 100%; }
.aboutP1 .content{ width: 6.3rem; font-size: 0.16rem; line-height: 0.3rem; text-align: justify; font-family: 'regular','misans'; }
.aboutP1 .numList{ padding-top: 1.15rem; }
.aboutP1 .numList li{ float: left; width: 25%; text-align: center; }
.aboutP1 .numList li .num{ height: 0.72rem; font-family: 'mont'; color: #039cea; font-size: 0.72rem; line-height: 0.6rem; }
.aboutP1 .numList li .wen{ font-size: 0.18rem; line-height: 0.18rem; color: #000; }

.aboutP2{ padding-top: 1.2rem; height: 6.93rem; background: url(../images/aboutP2.jpg) center no-repeat; background-size: cover; box-sizing: border-box; }
.aboutP2 .title{ font-size: 0.36rem; line-height: 0.36rem; font-weight: bold; color: #000; padding-bottom: 0.5rem; text-align: center; }
/*.aboutP2 .list{ overflow:hidden;}*/
.aboutP2 .list ul{ margin-right: -0.3rem; }
.aboutP2 .list li{ float: left; width: 33.33%; }
.aboutP2 .list li .box{ position: relative; overflow:hidden; top: 0; margin-right: 0.3rem; padding: 0.75rem 0.2rem 0; height: 3.4rem; text-align: center; background: #fff; box-sizing: border-box; border-radius: 0.1rem; overflow: hidden; cursor: pointer; }
.aboutP2 .list li .box:after{ content:''; opacity:0; position:absolute; left:0; bottom:0; width:100%; height:170px; background:url(../images/bg2on.png) top repeat-x;}
.aboutP2 .list li .ico{ height: 1.25rem; }
.aboutP2 .list li .ico img{ width: 0.76rem; }
/*.aboutP2 .list li .name{ position:relative; z-index:1; height: 0.45rem; font-size: 0.3rem; line-height: 0.3rem; color: #039cea; font-weight: bold; }
.aboutP2 .list li .msg{ position:absolute; z-index:1; left:0; bottom: -0.5rem; font-size: 0.18rem; line-height: 0.24rem; width:100%; box-sizing:border-box; padding:0 0.65rem; color: #333; }*/
.aboutP2 .list li .name{ display:none;}
.aboutP2 .list li .msg{ position:relative; z-index:1; font-size: 0.2rem; line-height: 0.3rem; color: #039cea; font-weight: bold; }

.aboutP2 .swiper-pagination{ display: none; position: relative; left: 0; bottom: 0; padding-top: 0.6rem;}
.aboutP2 .swiper-pagination-bullet { position: relative; width: 6px; height: 6px; opacity: 1; border-radius: 50%; background: rgba(0,0,0,0.2); } 
.aboutP2 .swiper-pagination-bullet-active { background: #039cea;}
.aboutP2 .list li .box:hover{ box-shadow: 0 0 0.1rem 0 rgba(0,0,0,0.2); }
/*.aboutP2 .list li .box:hover:after{ opacity:1;}
.aboutP2 .list li .box:hover .msg{ bottom:0.35rem; color: #fff;}*/

.aboutP3{ padding-top: 1.4rem; height: 9.6rem; background: url(../images/aboutP3.jpg) center no-repeat; background-size: cover;}
.aboutP3 .title{ font-size: 0.36rem; line-height: 0.36rem; font-weight: bold; color: #fff; text-align: center; }
.historyPic{ margin-top: 1.2rem; position: relative; }
.historyPic .detail-box .item { display: none; position: relative; height: 5.4rem; }
.historyPic .detail-box .item.on { display: block; animation: fadeOfOpacity .5s linear;}
.historyPic .detail-box .year{ position: absolute; left: 0; top: 0; width: 100%; text-align: center; font-size: 5.0rem; line-height: 3.8rem; font-family: 'regular'; color: rgba(255,255,255,0.05); }
.historyPic .detail-box .content{ font-family: 'regular','misans'; padding-top: 0.45rem; font-size: 0.24rem; text-align: center; position: relative; z-index: 1; line-height: 0.36rem; color: #fff; animation: am_top 0.8s ease-out 0.1s backwards; -webkit-animation: am_top 0.8s ease-out 0.1s backwards; }
.historyPic .next { position: absolute; right: 0; top: 0.6rem; cursor: pointer; width: 64px; height: 64px; border-radius: 50%; overflow: hidden; background: #457c9a url(../images/nimg11_right.png) no-repeat center; z-index: 5;}
.historyPic .next:hover{ background: #039cea url(../images/nimg11_right.png) no-repeat center;}

.historyPic .box-container{ position: relative; }
.historyPic .box-container:before{ content: ''; position: absolute; left: 0; top: 10px; width: 100%; height: 1px; background: rgba(255,255,255,0.3); }
.historyPic .box-container .swiper-slide{ cursor: pointer; text-align: center; }
.historyPic .box-container .swiper-slide .ico{ width: 20px; height: 20px; margin: 0 auto; position: relative; }
.historyPic .box-container .swiper-slide .ico:before{ content: ''; position: absolute; left: 50%; top: 50%; width: 0; height: 0; border: #fff solid 1px; box-sizing: border-box; border-radius: 50%; }
.historyPic .box-container .swiper-slide .ico:after{ content: ''; position: absolute; left: 50%; top: 50%; margin-left: -4px; margin-top: -4px; width: 8px; height: 8px; background: #fff; border-radius: 50%; }
.historyPic .box-container .swiper-slide .num{ position: relative; padding-top: 0.1rem; font-family:'regular'; font-size: 0.16rem; line-height: 0.16rem; color: rgba(255,255,255,0.5);}
.historyPic .box-container .swiper-slide-active .ico:before{ left: 0; top: 0; width: 100%; height: 100%;}
.historyPic .box-container .swiper-slide-active .num{ color: #fff; font-size: 0.2rem; line-height: 0.2rem;}

.aboutP4{ padding: 1.2rem 0; }
.aboutP4 .title{ padding-bottom: 0.4rem; font-size: 0.36rem; line-height: 0.36rem; font-weight: bold; color: #000; text-align: center; }

.honorPic .list{ overflow: hidden;}
/*.honorPic .swiper-slide .box li{ padding: 0.3rem 0; }*/
.honorPic .swiper-slide .box{ padding: 0.05rem 0;}
.honorPic .swiper-slide .name{ position: relative; padding:0 0.5rem; font-size: 0.2rem; line-height: 0.28rem; color: #000; text-align: center; height: 1rem; font-family: 'regular','misans';}
.honorPic .swiper-slide .name:before{ content: ''; position: absolute; left: 0; top: 0; width: 0.51rem; height: 1.0rem; background: url(../images/nimg51Bg.png) no-repeat; background-size: 0.51rem; }
.honorPic .swiper-slide .name:after{ content: ''; position: absolute; right: 0; top: 0; width: 0.51rem; height: 1.0rem; background: url(../images/nimg51Bg2.png) no-repeat; background-size: 0.51rem; }
.honorPic .bottom{ margin-top: 0.5rem; display: flex; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; align-items: center;}
.honorPic .swiper-pagination { position: relative; width: calc(100% - 1.92rem); height: 2px; background-color: #e7e9ed;}
.honorPic .swiper-pagination-progress .swiper-pagination-progressbar{ height: 2px; background-color: #039cea; position: absolute; left: 0; top: 0; z-index: 10; width: 100%; transform-origin: left center;}
.honorPic .arrowDiv{ font-size: 0; }
.honorPic .arrowDiv a{ position: static; display: inline-block; width: 0.56rem; height: 0.56rem; border-radius: 50%; box-shadow: 0px 0 0.2rem 0px rgba(0, 0, 0, 0.07);}
.honorPic .arrowDiv .prev{ background: #fff url(../images/nimg7_left.png) center no-repeat;}
.honorPic .arrowDiv .next{ margin-left: 0.24rem; background: #fff url(../images/nimg7_right.png) center no-repeat; }
.honorPic .arrowDiv .prev:hover{ background: #039cea url(../images/nimg7_lefton.png) center no-repeat;}
.honorPic .arrowDiv .next:hover{ background: #039cea url(../images/nimg7_righton.png) center no-repeat;}

.aboutP5{ background: #f5f5f7; padding: 1.2rem 0; }
.aboutP5 .title{ padding-bottom: 0.35rem; font-size: 0.36rem; line-height: 0.36rem; font-weight: bold; color: #000; text-align: center; }
.partnerPic{ overflow:hidden; /*padding:0 0.1rem;*/}
.partnerPic .list{/* overflow: hidden;*/ padding:0.1rem 0 0;}
.partnerPic .list ul{ position: relative; }
.partnerPic .list ul:after{ content: ''; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background: #e7e9ed; z-index: 1; }
.partnerPic .list .box{ position: relative; cursor: pointer; height: 1.72rem; background: #fff; border-right: #e7e9ed solid 1px;/* border-bottom: #e7e9ed solid 1px;*/ box-sizing: border-box; overflow: hidden; }
.partnerPic .list .box:before{content:""; z-index: 1; position: absolute;left:0;top:0;border-top:3px solid #039cea;border-left:3px solid #039cea;width:0;height:0;transition:all 0.4s ease-out 0s;visibility: hidden;box-sizing:border-box;}
.partnerPic .list .box:after{content:""; z-index: 1; position: absolute;right:0;bottom:0;border-right:3px solid #039cea;border-bottom:3px solid #039cea;width:0;height:0;transition:all 0.4s ease-out 0s;visibility: hidden;box-sizing:border-box;}
.partnerPic .list .box:hover{ transform:scale(1.05);-webkit-transform:scale(1.05); z-index:2;}
.partnerPic .list .box:hover:before{width:100%;height:100%;visibility: visible;}
.partnerPic .list .box:hover:after{width:100%;height:100%;visibility: visible;}

.partnerPic .list .box:last-child{ border-bottom: none; }
.partnerPic .list .box img{ max-width: 1.8rem; max-height: 0.9rem;  -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);}
.partnerPic .list .box:hover img{-webkit-filter: grayscale(0);
      -moz-filter: grayscale(0);
      -ms-filter: grayscale(0);
      -o-filter: grayscale(0);
      filter: grayscale(0); }
.partnerPic .swiper-pagination{ position: relative; left: 0; bottom: 0; padding-top: 0.3rem;}
.partnerPic .swiper-pagination-bullet { position: relative; width: 6px; height: 6px; opacity: 1; border-radius: 50%; background: #aaaaae; } 
.partnerPic .swiper-pagination-bullet-active { background: #039cea;}

.joinP1{ background: #f5f5f7; padding: 1.2rem 0; }
.joinP1 .title{ text-align: center; font-size: 0.36rem; line-height: 0.36rem; color: #000; font-weight: bold; padding-bottom: 0.4rem; }
.joinP1 .mxfDiv{ position: relative; border-radius: 0.2rem; overflow: hidden;}
.joinP1 .imgDiv img{ width: 100%; }
.joinP1 .conDiv{ position: absolute; left: 0; top: 0;/* background: rgba(3,156,234,0.8);*/ width: 4.1rem; height: 100%; padding: 0 0.7rem 0 0.5rem; box-sizing: border-box; }
.joinP1 .conDiv:after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(3,156,234,0.8);}
.joinP1 .content{ font-size: 0.16rem; line-height: 0.26rem; color: #fff; position: relative; z-index: 1;}
.joinP1 .mxfDiv:hover .conDiv:after{background: rgba(3,156,234,1);}

.joinP2{ padding: 1.2rem 0 1.0rem; }
.joinP2 .title{ text-align: center; font-size: 0.36rem; line-height: 0.36rem; color: #000; font-weight: bold; padding-bottom: 0.4rem; }
.joinP2 .list ul{ margin-right: -0.2rem;}
.joinP2 .list li{ width: 50%; float: left; margin-bottom: 0.2rem;}
.joinP2 .list li:first-child{ width: 57%; }
.joinP2 .list li:nth-child(2){ width: 43%; }
.joinP2 .list li .box{ margin-right: 0.2rem; cursor: pointer; border-radius: 0.2rem; position: relative; overflow: hidden; }
.joinP2 .list li .box:after{ content: ''; opacity: 0; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: url(../images/bg1.png) bottom repeat-x; }
.joinP2 .list li .imgDiv{ height: 3.0rem; }
.joinP2 .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover;}
.joinP2 .list li .layer{ z-index: 1; position: absolute; left: 0; width: 100%; box-sizing: border-box; padding: 0 0.3rem; height: 0.9rem; bottom: 0; }
.joinP2 .list li .name{ font-size: 0.3rem; height: 0.9rem; line-height: 0.9rem; overflow: hidden; color: #fff;}
.joinP2 .list li .msg{ font-size: 0.16rem; line-height: 0.24rem; color: #fff; }
.joinP2 .list li .box:hover:after{ opacity: 1; }
.joinP2 .list li .box:hover .layer{ height: 1.5rem; }
.joinP2 .list li .box:hover .name{ height: 0.6rem; line-height: 0.6rem; }

.joinP3{ background: #f5f5f7; padding: 1.2rem 0 1.0rem; }
.joinP3 .title{ text-align: center; font-size: 0.36rem; line-height: 0.36rem; color: #000; font-weight: bold; padding-bottom: 0.4rem; }
.joinP3 .list ul{ margin-right: -0.2rem; }
.joinP3 .list li{ float: left; width: 20%; padding-bottom: 0.2rem; }
.joinP3 .list li .box{ margin-right: 0.2rem; cursor: pointer; background: #fff; border-radius: 0.16rem; padding: 0.6rem 0.3rem 0; text-align: center; height: 2.45rem; box-sizing: border-box; }
.joinP3 .list li .ico{ height: 0.8rem; }
.joinP3 .list li .ico img{ width: 0.54rem; }
.joinP3 .list li .name{ font-size: 0.18rem; line-height: 0.24rem; color: #000; }
.joinP3 .list li .box:hover .ico{ animation: upDown 0.5s infinite alternate linear; -webkit-animation: upDown 0.5s infinite alternate linear; }
.joinP3 .list li .box:hover .name{ color: #039cea; }

.joinP4{ padding: 1.2rem 0; }
.joinP4 .title{ text-align: center; font-size: 0.36rem; line-height: 0.36rem; color: #000; font-weight: bold; padding-bottom: 0.4rem; }
.joinP4 .mxfDiv{ position: relative; }
.joinP4 .imgDiv{ width: 9.6rem; border-radius: 0.24rem; overflow: hidden; animation: am_left 0.8s ease-out 0.1s backwards; -webkit-animation: am_left 0.8s ease-out 0.1s backwards; }
.joinP4 .imgDiv img{ width: 100%; }
.joinP4 .imgDiv:hover img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.joinP4 .conDiv{ z-index: 1; position: absolute; right: 0; top: 50%; margin-top: -1.74rem; width: 6.1rem; height: 3.48rem; padding: 0.9rem 0.8rem 0; border-radius: 0.1rem; background: #f5f5f7; box-sizing: border-box; animation: am_right 0.8s ease-out 0.1s backwards; -webkit-animation: am_right 0.8s ease-out 0.1s backwards; }
.joinP4 .conDiv:after{ content: ''; position: absolute; top: -0.12rem; right: 0.7rem; width: 0.35rem; height: 0.33rem; background: url(../images/nimg35Bg.png) no-repeat; background-size: 0.35rem; }
.joinP4 .txt{ padding-bottom: 0.2rem; font-size: 0.3rem; line-height: 0.3rem; color: #000; font-weight: bold; }
.joinP4 .msg{ font-size: 0.16rem; line-height: 0.32rem; }
.joinP4 .tab2{ margin-top: 0.4rem; position: relative; overflow: hidden;}
.joinP4 .tab2:before{ content: ''; position: absolute; left: 0; top: 2px; width: 100%; height: 2px; background: #f5f5f7; }
.joinP4 .tab2 li{ float: left; width: 25%; position: relative; text-align: center; font-size: 0.18rem; line-height: 0.18rem; padding-top: 0.35rem;}
.joinP4 .tab2 li:before{ content: ''; position: absolute; left: 50%; top: 0; width: 0; height: 4px; background: #039cea; }
.joinP4 .tab2 .liNow{ color: #039cea; }
.joinP4 .tab2 .liNow:before{ left: 0; width: 100%; }

.joinP5{ background: #f5f5f7; padding: 1.2rem 0; }
.joinP5 .title{ text-align: center; font-size: 0.36rem; line-height: 0.36rem; color: #000; font-weight: bold; padding-bottom: 0.4rem; }
.joinP5 .list ul{ margin-right: -0.2rem; }
.joinP5 .list li{/* float: left;*/ width: 70%; margin:0 auto; }
.joinP5 .list li .box{ margin-right: 0.2rem; }
.joinP5 .list li a{ position: relative; display: block; overflow: hidden; border-radius: 0.16rem; }
.joinP5 .list li .imgDiv img{ width: 100%; }
.joinP5 .list li .name{ position: absolute; left: 0.3rem; bottom: 0.3rem; color: #fff; font-size: 0.3rem; line-height: 0.3rem; z-index: 1; }
.joinP5 .list li a:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.joinP5 .list li a:hover .name{ bottom: 0.4rem; }

.news{ background: #f5f5f7; padding: 1.0rem 0 1.2rem; }
.news .detail{ position: relative; overflow: hidden; border-radius: 0.24rem; background: #fff url(../images/nimg352Bg.png) right bottom no-repeat; background-size: 3.52rem; box-shadow: 0px 0.06rem 0.15rem 0px rgba(0, 0, 0, 0.05); }
.news .detail .imgList{ overflow:hidden;}
.news .detail li a{ display:block; padding: 0 1.3rem 0 8.0rem; height: 4.15rem; position: relative;}
.news .detail .limg{ position: absolute; left: 0; top: 0; width: 50%; height: 4.15rem; overflow: hidden;}
.news .detail .limg img{ width: 100%; height: 100%; object-fit: cover; }
.news .detail .conDiv{ padding-top: 0.45rem;}
.news .detail .time{ padding-bottom: 0.2rem; font-size: 0.18rem; line-height: 0.32rem; font-family: 'regular'; color: #039cea; }
.news .detail .time em{ font-size: 0.6rem; line-height: 0.6rem; display: block; }
.news .detail .name{ font-size: 0.24rem; line-height: 0.36rem; overflow: hidden; height: 1.08rem; color: #000; font-weight: bold; }
.news .detail .type{ display: none; }
.news .detail a:hover .name{ color: #039cea; }
.news .detail .swiper-pagination{ left: 8.0rem; width:auto; bottom: 0.65rem;}
.news .detail .swiper-pagination-bullet { width: 10px; height: 10px; margin-right: 0.2rem; background: #dedee1; opacity: 1; } 
.news .detail .swiper-pagination-bullet-active { background: #039cea; } 
.news .detail li a:hover .time, .news .detail li a:hover .name{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.news .list{ padding: 0.4rem 0 0.2rem; clear: both; }
.news .list li{ margin-bottom: 0.4rem; }
.news .list li a{ position: relative; background: #fff; border-radius: 0.2rem; display: block; padding: 0.35rem 6.0rem 0 1.95rem; height: 2.63rem; overflow: hidden; box-sizing: border-box; }
.news .list li a:after{ content: ''; position: absolute; right: 4.5rem; bottom: 0; width: 3.7rem; height: 2.17rem; background: url(../images/nimg370Bg.png) no-repeat; background-size: 3.7rem; }
.news .list li .imgDiv{ position: absolute; right: 0; top: 0; width: 4.56rem; height: 100%; }
.news .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.news .list li .time{ position: absolute; left: 0.5rem; top: 0.4rem; width: 0.88rem; font-size: 0.18rem; color: #039cea; font-family: 'regular'; }
.news .list li .time:after{ content: ''; position: absolute; right: 0; top: 0; width: 2px; height: 100%; background: #e8e8e8; }
.news .list li .time em{ font-size: 0.6rem; line-height: 0.6rem; display: block; }
.news .list li .name{ font-size: 0.24rem; line-height: 0.4rem; height: 0.4rem; overflow: hidden; color: #000; text-overflow: ellipsis; white-space: nowrap; font-family: 'regular','misans';}
.news .list li .content{ margin-top: 0.2rem; font-size: 0.16rem; line-height: 0.32rem; height: 0.64rem; overflow: hidden; color: #999; font-family: 'regular','misans'; }
.news .list li .source{ padding-top: 0.55rem; font-size: 0.16rem; line-height: 0.16rem; color: #999;}
.news .list li .type{ display: none; }
.news .list li a:hover{ background: #039cea; transform:scale(1.02);-webkit-transform:scale(1.02); }
.news .list li a:hover .time, .news .list li a:hover .name, .news .list li a:hover .content, .news .list li a:hover .source{ color: #fff; }
.news .list li a:hover .time:after{ background: rgba(232,232,232,0.5); }

.news .selectGroup{ position: relative; z-index: 1; padding-top: 0.6rem; margin-right: -0.2rem; }
.news .selectGroup .liDiv{ width: 20%; float: left; position: relative;}
.news .selectGroup .liDiv:last-child{ width: 60%; }
.news .selectGroup .year-box{ margin-right: 0.2rem; position: relative;}
.news .selectGroup .caption { position: relative; width: 100%; box-sizing:border-box; cursor: pointer; line-height: 0.56rem; background: #fff; padding: 0 0.2rem; font-size: 0.16rem; color: #666; font-family: 'light','misans'; border-radius: 0.12rem;}
.news .selectGroup .caption.on { color: #039cea;}
.news .selectGroup .caption:after { content: ""; display: block; width: 12px; height: 100%; background-image: url(../images/selectIco.png); background-size: contain; background-repeat: no-repeat; background-position: center center; position: absolute; right: 0.2rem; top: 0; z-index: 10;}
.news .selectGroup .lie { width: 100%; position: absolute; right: 0; top: 100%; z-index: 12; max-height: 2.0rem; box-sizing:border-box; overflow-y: auto; display: none; box-shadow: 0px 0px 0.2rem 0px rgba(0, 0, 0, 0.1); border-radius: 0.12rem;}
.news .selectGroup .lie::-webkit-scrollbar { width: 4px;}
.news .selectGroup .lie::-webkit-scrollbar-track { background-color: #fff;}
.news .selectGroup .lie::-webkit-scrollbar-thumb { background-color: #039cea;}
.news .selectGroup .lie a { display: block; position: relative; font-family: 'light','misans'; background:#fff; font-size: 0.16rem; color: #666; line-height: 0.5rem; padding: 0 0.2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news .selectGroup .lie a:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #eee; }
.news .selectGroup .lie a:last-child:after{display: none;}
.news .selectGroup .lie a:hover,.news .selectGroup .lie a.on { color: #039cea;}

.news .selectGroup .form{ margin-right: 0.2rem; position: relative; overflow: hidden; border-radius: 0.12rem;}
.news .selectGroup .form .input1{ height: 0.56rem; box-sizing: border-box; line-height: 0.56rem; background: #fff; color: #666; width: 100%; font-size: 0.16rem; padding-left: 0.2rem; font-family: 'light','misans'; }
.news .selectGroup .form .input1::-webkit-input-placeholder{ color: #666; opacity: 1;}
.news .selectGroup .form .input1:-moz-placeholder{ color: #666; opacity: 1;}
.news .selectGroup .form .input1::-moz-placeholder{ color: #666; opacity: 1;}
.news .selectGroup .form .input1:-ms-input-placeholder{ color: #666; opacity: 1;}
.news .selectGroup .btnDiv{ position: absolute; right: 0; top: 0; z-index: 1; }
.news .selectGroup .btnDiv a{ display: block; width: 0.56rem; height: 0.56rem; background: url(../images/nimg20_7.png) center no-repeat; }

.newShow{ padding: 1.1rem 0; }
.newShow .name{ color: #000; font-size: 0.4rem; line-height: 0.48rem; font-weight: bold;}
.newShow .msg{ padding: 0.2rem 0 0.3rem; border-bottom: #e4e4e4 solid 1px;}
.newShow .msg em{ padding-right: 0.25rem; font-size: 16px; font-family: 'light','misans'; }
.newShow .w960{ width: 9.6rem; margin: 0 auto; }
.newShow .content{ padding-top: 0.35rem; font-size: 16px; line-height: 30px; text-align: justify; font-family: 'regular','misans'; }
.newShow .imgDiv{ padding: 0.4rem 0; text-align: center;}
.newShow .content img{ max-width: 9.6rem; }

.pageDown{ padding-top: 0.65rem; }
.pageDown li{ margin-bottom: 20px; position: relative; font-size: 16px; padding: 25px 40px 20px; height: 100px; box-sizing: border-box; border: #e1e1e1 solid 1px; border-top: none; }
.pageDown li:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 2px; background: #5f5f5f;}
.pageDown li em{ display: block; color: #000; height: 24px; line-height: 16px; }
.pageDown li a{ display: block; height: 30px; line-height: 30px; overflow: hidden; color: #666; }
.pageDown li:hover:before{ background: #039cea; }
.pageDown li a:hover{ color: #039cea; }

.otherNews{ background: #f5f5f7; padding: 1.2rem 0; }
.otherNews .title{ font-size: 0.48rem; line-height: 0.48rem; color: #000; font-weight: bold; text-align: center; padding-bottom: 0.4rem; }
.otherNews .list ul{ margin-right: -0.36rem; }
.otherNews .list li{ float: left; width: 33.33%; }
.otherNews .list li .box{ margin-right: 0.36rem; }
.otherNews .list li a{ position: relative; display: block; height: 4.92rem; background: #fff; border-radius: 0.16rem; overflow: hidden; }
.otherNews .list li a:after{ content: ''; position: absolute; right: 0; bottom: 0; width: 3.6rem; height: 2.17rem; background: url(../images/nimg360Bg.png) no-repeat; background-size: 3.6rem; }
.otherNews .list li .botDiv{ padding: 0.6rem 0.4rem 0; }
.otherNews .list li .time{ font-size: 0.24rem; line-height: 0.24rem; color: #999; height: 0.4rem; font-family: 'regular'; }
.otherNews .list li .name{ font-size: 0.24rem; line-height: 0.3rem; height: 0.9rem; overflow: hidden; color: #000; font-family: 'regular','misans'; }
.otherNews .list li .imgDiv{ height: 0; overflow: hidden; }
.otherNews .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.otherNews .list li .content{ margin-top: 0.35rem; font-size: 0.16rem; line-height: 0.3rem; height: 0.9rem; overflow: hidden; color: #666; font-family: 'regular','misans'; }
.otherNews .list li .more{ position: absolute; display: inline-block; padding-right: 13px; left: 0.4rem; bottom: 0.5rem; font-size: 0.16rem; line-height: 0.16rem; color: #c7161d; }
.otherNews .list li .more:after{ content: ''; position: absolute; right: 0; top: 50%; margin-top: -5px; width: 6px; height: 10px; background: url(../images/ico2.png) no-repeat; }
.otherNews .list li .box:hover a{ background: #039cea; }
.otherNews .list li .box:hover a:after{ background: url(../images/nimg360Bgon.png) no-repeat; background-size: 3.6rem; }
.otherNews .list li .box:hover .imgDiv{ height: 2.63rem; }
.otherNews .list li .box:hover .botDiv{ padding: 0.3rem 0.4rem 0; }
.otherNews .list li .box:hover .content{ height: 0; color: #fff; }
.otherNews .list li .box:hover .time, .otherNews .list li .box:hover .more{ color: #fff; }
.otherNews .list li .box:hover .name{ height: 0.6rem; color: #fff;}
.otherNews .list li .box:hover .more:after{ background: url(../images/ico2on.png) no-repeat;}

.community{ background: #f5f5f7; padding: 1.2rem 0 0.75rem; }
.community .list ul{ margin-right: -0.36rem; }
.community .list li{ float: left; width: 33.33%; padding-bottom: 0.45rem; }
.community .list li .box{ margin-right: 0.36rem; }
.community .list li a{ position: relative; display: block; height: 4.92rem; background: #fff; border-radius: 0.16rem; overflow: hidden; }
.community .list li a:after{ content: ''; position: absolute; right: 0; bottom: 0; width: 3.6rem; height: 2.17rem; background: url(../images/nimg360Bg.png) no-repeat; background-size: 3.6rem; }
.community .list li .botDiv{ padding: 0.6rem 0.4rem 0; }
.community .list li .time{ font-size: 0.24rem; line-height: 0.24rem; color: #999; height: 0.4rem; font-family: 'regular','misans';}
.community .list li .name{ font-size: 0.24rem; line-height: 0.3rem; height: 0.9rem; overflow: hidden; color: #000; }
.community .list li .imgDiv{ height: 0; overflow: hidden; }
.community .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.community .list li .content{ margin-top: 0.35rem; font-size: 0.16rem; line-height: 0.3rem; height: 0.9rem; overflow: hidden; color: #666; }
.community .list li .more{ position: absolute; display: inline-block; padding-right: 13px; left: 0.4rem; bottom: 0.5rem; font-size: 0.16rem; line-height: 0.16rem; color: #c7161d; }
.community .list li .more:after{ content: ''; position: absolute; right: 0; top: 50%; margin-top: -5px; width: 6px; height: 10px; background: url(../images/ico2.png) no-repeat; }
.community .list li .box:hover a{ background: #039cea; }
.community .list li .box:hover a:after{ background: url(../images/nimg360Bgon.png) no-repeat; background-size: 3.6rem; }
.community .list li .box:hover .imgDiv{ height: 2.63rem; }
.community .list li .box:hover .botDiv{ padding: 0.3rem 0.4rem 0; }
.community .list li .box:hover .content{ height: 0; color: #fff; }
.community .list li .box:hover .time, .community .list li .box:hover .more{ color: #fff; }
.community .list li .box:hover .name{ height: 0.6rem; color: #fff;}
.community .list li .box:hover .more:after{ background: url(../images/ico2on.png) no-repeat;}

.solutionP1{ display:none; padding: 1.2rem 0 0.96rem; }
.solutionP1 .title{ padding-bottom: 0.25rem; font-size: 0.36rem; color: #000; line-height: 0.36rem; text-align: center; font-weight: bold; }
.solutionP1 .content{ font-size: 0.16rem; line-height: 0.3rem; text-align: center; width: 8.7rem; margin: 0 auto; }
.solutionP1 .list{ padding-top: 0.45rem; }
.solutionP1 .list ul{ margin-right: -0.24rem; }
.solutionP1 .list li{ float: left; width: 33.33%; padding-bottom: 0.24rem; }
.solutionP1 .list li .box{ margin-right: 0.24rem; text-align: center; border: #ededed solid 1px; border-radius: 0.16rem; height: 4.24rem; padding: 0.72rem 0.54rem 0; box-sizing: border-box; box-shadow: 0px 0 0.13rem 0px rgba(23, 164, 236, 0.1);}
.solutionP1 .list li .ico{ height: 1.3rem; }
.solutionP1 .list li .ico img{ width: 0.72rem; }
.solutionP1 .list li .name{ height: 0.45rem; font-size: 0.24rem; line-height: 0.24rem; color: #000; font-weight: bold; }
.solutionP1 .list li .msg{ font-size: 0.16rem; line-height: 0.3rem; height: 1.2rem; overflow: auto; padding-right: 5px; }
.solutionP1 .list li .msg::-webkit-scrollbar { width: 2px;}
.solutionP1 .list li .msg::-webkit-scrollbar-track { background-color: #eee;}
.solutionP1 .list li .msg::-webkit-scrollbar-thumb { background-color: #039cea;}

.solutionP2{ background: #f5f5f7; padding: 1.2rem 0 0.9rem; }
.solutionP2 .title{ padding-bottom: 0.75rem; text-align:center; font-size: 0.36rem; line-height: 0.36rem; color: #000; font-weight: bold; }
/*.solutionP2 .list li{ margin-bottom: 0.3rem; overflow: hidden; border-radius: 0.16rem; background: #fff; position: relative; padding: 0.4rem 0.8rem 0 7.82rem; height: 2.98rem; box-sizing: border-box; }
.solutionP2 .list li .imgDiv{ position: absolute; left: 0.4rem; top: 0.4rem; border: #f0f0f1 solid 1px; width: 7rem; height: 2.16rem; border-radius: 0.12rem; overflow: hidden; }
.solutionP2 .list li .line{ bottom:10px; position:absolute; width:100%; height:17px; left:0; z-index:1;}
.solutionP2 .list li .line:after{ content: ''; position: absolute; right: 0; top: 0; width: 0; height: 12px; background: #00a2e5; z-index:1; }
.solutionP2 .list li .line:before{ content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 12px; background: #001f70; }
.solutionP2 .list li .imgDiv img{ object-fit: cover; width: 100%; height: 100%; -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%); }
.solutionP2 .list li .name{ font-size: 0.3rem; line-height: 0.3rem; color: #000; }
.solutionP2 .list li .msg{ font-size: 0.16rem; line-height: 0.3rem; margin-top: 0.2rem; color: #666; }
.solutionP2 .list li:hover .line:after{ width: calc(100% - 30px);}
.solutionP2 .list li:hover .line:before{ width: 40px;}
.solutionP2 .list li:hover .imgDiv img{ -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);}
.solutionP2 .list li:hover .name{ color: #039cea; }*/

.solutionP2 li{ margin-bottom: 0.6rem;}
.solutionP2 li:last-child{ margin-bottom:0;}
.solutionP2 li .mxfDiv{ position: relative; }
.solutionP2 li .imgDiv{ width: 9.6rem; border-radius: 0.24rem; overflow: hidden; }
.solutionP2 li .imgDiv img{ width: 100%; }
.solutionP2 li .imgDiv:hover img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.solutionP2 li .conDiv{ z-index: 1; position: absolute; right: 0; top: 50%; margin-top: -1.74rem; width: 6.1rem; height: 3.48rem; padding: 0.7rem 0.6rem 0; border-radius: 0.1rem; background: #039cea; box-sizing: border-box; }
.solutionP2 li .name{ padding-bottom: 0.2rem; font-size: 0.3rem; line-height: 0.42rem; color: #fff; font-weight: bold; }
.solutionP2 li .msg{ font-size: 0.16rem; line-height: 0.32rem; color:#fff; }

.ESGP1{ padding: 1.2rem 0; background: #f5f5f7; }
.ESGP1 .title{ font-size: 0.36rem; line-height: 0.36rem; color: #000; text-align: center; font-weight: bold; padding-bottom: 0.5rem; }
.ESGP1 .list ul{ margin-right: -0.45rem; }
.ESGP1 .list li{ float: left; width: 33.33%; }
.ESGP1 .list li .box{ position: relative; top: 0; margin-right: 0.45rem; background: #fff; border-radius: 0.1rem; height: 3.52rem; padding: 0.5rem 0.75rem 0 0.6rem; box-sizing: border-box; overflow:hidden; }
.ESGP1 .list li .box:after{ content:''; opacity:0; position:absolute; left:0; bottom:0; width:100%; height:300px; background:url(../images/bg3.png) top repeat-x;}
.ESGP1 .list li .ico{ height: 0.86rem; }
.ESGP1 .list li .ico img{ width: 0.72rem; }
.ESGP1 .list li .name{ font-size: 0.24rem; line-height: 0.24rem; color: #039cea; font-weight: bold; }
.ESGP1 .list li .msg{ position:absolute; left:0; bottom:-50%; z-index:1; width:100%; box-sizing:border-box; padding:0 0.75rem 0 0.6rem; /* padding-top: 0.3rem;*/ font-size: 0.16rem; line-height: 0.24rem; }
.ESGP1 .list li .box:hover{/* top: -0.1rem;*/ box-shadow: 0px 0 0.2rem 0px rgba(0, 0, 0, 0.07); }
.ESGP1 .list li .box:hover:after{ opacity:1;}
.ESGP1 .list li .box:hover .msg{ bottom:0.4rem; color:#fff;}

.ESGP2{ height: 7.8rem; background: center no-repeat; background-size: cover; background-attachment: fixed; }
.ESGP2 .conDiv{ width: 7.2rem; height: 4.6rem; overflow: hidden;}
.ESGP2 .conDiv .toptop{ height: 0.68rem; background: #039cea; }
.ESGP2 .conDiv .logo img{ width: 100%; }
.ESGP2 .conDiv .botbot{ background: #039cea; box-sizing: border-box; padding: 0.3rem 1.0rem 0 0.8rem; height: 3.4rem; color: #fff; }
.ESGP2 .conDiv .txt{ font-size: 0.36rem; line-height: 0.36rem; font-weight: bold; }
.ESGP2 .conDiv .content{ font-size: 0.16rem; line-height: 0.24rem; padding-top: 0.2rem; }

.ESGP3{ padding: 1.2rem 0; }
.ESGP3 .title{ font-size: 0.36rem; line-height: 0.36rem; color: #000; text-align: center; font-weight: bold; padding-bottom: 0.5rem;}
.ESGP3 .list ul{ display: inline-flex; width: 100%; box-sizing:border-box;}
.ESGP3 .list li{/* float: left;*/ width: 25%; }
.ESGP3 .list li .box{ padding:0 0.16rem; }
.ESGP3 .list li a{ display: block; position: relative; padding-top: 0.65rem; height: 3.22rem; box-sizing: border-box; background: #fff; border-radius: 0.16rem; box-shadow: 0px 0 0.2rem 0px rgba(0, 0, 0, 0.07); }
.ESGP3 .list li a:after{ content: ''; position: absolute; right: 0; bottom: 0; width: 3.17rem; height: 1.93rem; background: url(../images/nimg317Bg.png) no-repeat; background-size: 3.17rem; }
.ESGP3 .list li .ico{ width: 0.58rem; height: 0.58rem; position: relative; margin: 0 auto; }
.ESGP3 .list li .ico img{ position: absolute; left: 0; top: 0; width: 0.58rem; }
.ESGP3 .list li .ico .img1{ opacity: 0 }
.ESGP3 .list li .name{ padding-top: 0.35rem; font-size: 0.24rem; line-height: 0.24rem; color: #039cea; text-align: center; }
.ESGP3 .list li .wen{ text-align: center; margin-top: 0.24rem;}
.ESGP3 .list li .wen em{ position: relative; display: inline-block; padding-right: 13px; font-size: 0.16rem; line-height: 0.16rem; color: #666; }
.ESGP3 .list li .wen em:after{ content: ''; position: absolute; right: 0; top: 50%; margin-top: -5px; width: 6px; height: 10px; background: url(../images/ico2off.png) no-repeat; }
.ESGP3 .list li a:hover{ background: #039cea; }
.ESGP3 .list li a:hover .ico img{ opacity: 0; }
.ESGP3 .list li a:hover .ico .img1{ opacity: 1; }
.ESGP3 .list li a:hover .name{ color: #fff; }
.ESGP3 .list li a:hover .wen em{ color: #fff; }
.ESGP3 .list li a:hover .wen em:after{ background: url(../images/ico2on.png) no-repeat;}
.ESGP3 .list li.on{width: 35%;}


.ESGP4{ background: #f5f5f7; padding: 1.2rem 0; }
.ESGP4 .title{ font-size: 0.36rem; line-height: 0.36rem; color: #000; text-align: center; font-weight: bold; padding-bottom: 0.5rem; }
.ESGP4 .list li{ margin-bottom: 0.2rem; }
.ESGP4 .list li a{ display: block; border-radius: 0.08rem; background: #fff; padding: 0 1.0rem 0 1.46rem; height: 1.0rem; position: relative; overflow: hidden;}
.ESGP4 .list li a:after{ content: ''; position: absolute; right: 0.4rem; top: 50%; margin-top: -0.1rem; width: 0.23rem; height: 0.19rem; background: url(../images/nimg23_1.png) no-repeat; background-size: 0.23rem; }
.ESGP4 .list li .ico{ position: absolute; left: 0.5rem; top: 50%; margin-top: -0.25rem; width: 0.66rem; height: 0.5rem; background: url(../images/nimg35_1.png) left center no-repeat; background-size: 0.35rem;}
.ESGP4 .list li .ico:after{ content: ''; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background: #f0f0f1; }
.ESGP4 .list li .name{ font-size: 0.18rem; height: 1.0rem; line-height: 0.36rem; color: #039cea; font-family: 'regular','misans'; }
.ESGP4 .list li a:hover{ background: #039cea; }
.ESGP4 .list li a:hover:after{ background: url(../images/nimg23_1on.png) no-repeat; background-size: 0.23rem; }
.ESGP4 .list li a:hover .ico{ background: url(../images/nimg35_1on.png) left center no-repeat; background-size: 0.35rem;}
.ESGP4 .list li a:hover .ico:after{ background: rgba(255,255,255,0.2); }
.ESGP4 .list li a:hover .name{ color: #fff; }

.governP1{ padding: 1.2rem 0; background: #f5f5f7; }
.governP1 .title{ font-size: 0.36rem; line-height: 0.36rem; color: #000; font-weight: bold; padding-bottom: 0.5rem; }
.governP1 .msg{ font-size: 0.16rem; line-height: 0.3rem; padding-bottom: 0.5rem; }
.governP1 .mxfDiv{ background: #fff; border-radius: 0.1rem; padding: 0.5rem 0.45rem 0.25rem; }
.governP1 .txt{ font-size: 0.24rem; line-height: 0.24rem; color: #000; padding-bottom: 0.2rem; }
.governP1 .list li{ float: left; width: 20%; padding: 0.4rem 0; text-align: center; }
.governP1 .list li:nth-child(6), .governP1 .list li:nth-child(7), .governP1 .list li:nth-child(8), .governP1 .list li:nth-child(9){ width: 25%; }
.governP1 .list li .ico{ height: 0.85rem; }
.governP1 .list li .ico img{ width: 0.67rem; }
.governP1 .list li .name{ font-size: 0.18rem; line-height: 0.28rem; height:0.56rem; color: #333; }

.governP2{ height: 7.8rem; background: center no-repeat; background-size: cover; background-attachment: fixed; }
.governP2 .conDiv{ width: 7.2rem; height: 4.6rem; overflow: hidden;}
.governP2 .conDiv .toptop{ height: 0.68rem; background: #039cea; }
.governP2 .conDiv .logo img{ width: 100%; }
.governP2 .conDiv .botbot{ background: #039cea; box-sizing: border-box; padding: 0.25rem 0.7rem 0 0.8rem; height: 3.4rem; color: #f5f5f7; }
.governP2 .conDiv .txt{ font-size: 0.3rem; line-height: 0.3rem; font-weight: bold; padding-bottom: 0.2rem;}
.governP2 .conDiv .msg{ font-size: 0.16rem; line-height: 0.24rem;}
.governP2 .conDiv .content{ font-size: 0.16rem; line-height: 0.24rem; padding-top: 0.25rem; }

.governP3{ padding: 1.2rem 0; background: #f5f5f7; }
.governP3 .title{ text-align: center; font-size: 0.36rem; line-height: 0.36rem; color: #000; font-weight: bold; padding-bottom: 0.8rem; }
.governP3 .list{ position: relative; }
.governP3 .list:before{ content: ''; position: absolute; left: 50%; margin-left: -3.9rem; top: 0.52rem; width: 3.1rem; height: 0.18rem; background: url(../images/nimg310Bg.png) no-repeat; background-size: 3.1rem; }
.governP3 .list:after{ content: ''; position: absolute; right: 50%; margin-right: -3.9rem; top: 0.52rem; width: 3.1rem; height: 0.18rem; background: url(../images/nimg310Bg.png) no-repeat; background-size: 3.1rem; }
.governP3 .list li{ float: left; width: 33.33%; text-align: center; }
.governP3 .list li .ico{ position: relative; margin: 0 auto; width: 1.2rem; height: 1.2rem; border-radius: 50%; background: #039cea; }
.governP3 .list li .ico img{ position: absolute; left: 50%; top: 50%; margin-left: -0.25rem; margin-top: -0.25rem; width: 0.5rem; }
.governP3 .list li .name{ padding-top: 0.4rem; font-size: 0.24rem; line-height: 0.36rem; color: #333; }

.care{ background: #f5f5f7; padding: 1.2rem 0 0.75rem; }
.care .list ul{ margin-right: -0.45rem; }
.care .list li{ float: left; width: 33.33%; padding-bottom: 0.45rem; }
.care .list li .box{ position: relative; margin-right: 0.45rem; border-radius: 0.12rem; overflow: hidden; }
.care .list li .imgDiv{ height: 2.8rem; position: relative; }
.care .list li .imgDiv:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1.7rem; background: url(../images/bg2.png) top repeat-x; }
.care .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.care .list li .name{ position: absolute; left: 0.2rem; bottom: 0.2rem; font-size: 0.24rem; line-height: 0.24rem; color: #fff; z-index: 1; }
.care .list li .box:hover .imgDiv:after{ background: url(../images/bg2on.png) top repeat-x; }
.care .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.job{ position: relative; background: #f5f5f7; padding: 0.9rem 0 1.2rem; }
.job .form{ position: absolute; left: 50%; margin-left: -7.2rem; top: -0.34rem; width: 14.4rem; height: 0.68rem; border: #039cea solid 2px; box-sizing: border-box; border-radius: 0.48rem; background: #fff; }
.job .form:before{ content: ''; position: absolute; left: 0.28rem; top: 50%; margin-top: -3px; width: 6px; height: 6px; background: #039cea; border-radius: 50%;}
.job .input1{ position: relative; padding-left: 0.48rem; width: 100%; box-sizing: border-box; height: 0.64rem; line-height: 0.64rem; font-size: 0.16rem; }
.job .btn1{ position: absolute; right: 0.08rem; top: 50%; margin-top: -0.24rem; width: 0.48rem; height: 0.48rem; border-radius: 50%; background: #039cea url(../images/nimg20_8.png) center no-repeat; }

.job .leftLayer{ height: 10.4rem; padding: 0 0.4rem; background: #fff; border-radius: 0.1rem; box-shadow: 0px 0 0.1rem 0px rgba(0, 0, 0, 0.1);  }
.job .leftLayer .toptop{ height: 0.8rem; position: relative; }
.job .leftLayer .toptop:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #ebebed;}
.job .leftLayer .wen{ line-height: 0.8rem; font-size: 0.18rem; color: #333; }
.job .leftLayer .delete{ position: absolute; right: 0; top: 0; font-size: 0.14rem; color: #039cea; line-height: 0.8rem; }
.job .leftLayer .delete:hover{ text-decoration: underline; }

.screenDiv li .txt{ position: relative; height: 0.6rem; line-height: 0.6rem; padding-right: 0.3rem; color: #000; border-bottom: #ebebed solid 1px; font-size: 0.16rem; cursor: pointer; }
.screenDiv li .txt:after{ content: ''; position: absolute; right: 0; top: 50%; margin-top: -1px; width: 10px; height: 2px; background: #039cea; }
.screenDiv li .txt:before{ content: ''; position: absolute; right: 4px; top: 50%; margin-top: -5px; width: 2px; height: 10px; background: #039cea; }
.screenDiv li .liNow:before{ transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);}
.screenDiv li .hideBox{ display: none; padding: 0.1rem 0; border-bottom: #ebebed solid 1px; }
.screenDiv li .hideBox dd{ padding-left: 20px; font-size: 0.16rem; line-height: 0.36rem; cursor: pointer; overflow: hidden; background: url(../images/nimg16_1.png) left center no-repeat; }
.screenDiv li .hideBox dd.on{ background: url(../images/nimg16_1on.png) left center no-repeat; }

.screenDiv .select{  position: relative; }
.screenDiv .caption { border-bottom: #ebebed solid 1px; position: relative; cursor: pointer; height: 0.6rem; line-height: 0.6rem; padding-right: 0.3rem; font-size: 0.16rem; color: #000; }
.screenDiv .caption:after{ content: ''; position: absolute; right: 0; top: 50%; margin-top: -1px; width: 10px; height: 2px; background: #039cea; }
.screenDiv .caption:before{ content: ''; position: absolute; right: 4px; top: 50%; margin-top: -5px; width: 2px; height: 10px; background: #039cea; }
.screenDiv .caption.on:before{ transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);}
.screenDiv .xlist { width: 100%; padding: 0.1rem 0; display: none; border-bottom: #ebebed solid 1px; box-sizing: border-box;}
.screenDiv .xlist a { display: block; font-size: 0.16rem; height: 0.36rem; line-height: 0.36rem; padding-left: 20px; background: url(../images/nimg16_1.png) left center no-repeat; }
.screenDiv .xlist a:hover, .screenDiv .xlist a.on { background: url(../images/nimg16_1on.png) left center no-repeat;}





.job .rightDiv{ position: relative; height: 10.4rem; background: #fff; border-radius: 0.1rem; box-shadow: 0px 0 0.1rem 0px rgba(0, 0, 0, 0.1); }
.job .title{ height: 0.8rem; position: relative; padding-left: 0.4rem; }
.job .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #ebebed;}
.job .title b{ font-size: 0.24rem; line-height: 0.8rem; color: #000; }
.job .title em{ margin-left: 10px; display: inline-block; height: 0.24rem; line-height: 0.24rem; background: #e5eef2; border-radius: 6px; padding: 0 0.08rem; color: #039cea; font-size: 0.14rem; font-weight: bold; font-family: 'light'; }
.job .list li a{ position: relative; display: block; padding: 0.45rem 0.4rem 0; height: 1.4rem; box-sizing: border-box;}
.job .list li a:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background: #ebebed; }
.job .list li .name{ font-size: 0.24rem; line-height: 0.24rem; color: #000; font-weight: bold; position: relative; }
.job .list li .name:after{ content: ''; opacity: 0; position: absolute; right: 0; top: 50%; margin-top: -0.07rem; width: 0.28rem; height: 0.14rem; background: url(../images/nimg28_1.png) right center no-repeat; background-size: 0.28rem; }
.job .list li .label{ margin-top: 0.15rem; }
.job .list li .label em{ font-size: 0.16rem; color: #999; padding-right: 0.25rem; font-family: 'light'; }
.job .list li a:hover{ background: #e5f5fd; }
.job .list li a:hover:after{ width: 100%; }
.job .list li a:hover .name{ color: #039cea; }
.job .list li a:hover .name:after{ opacity: 1; }

.job .pageNum{ position: absolute; right: 0.4rem; bottom: 0.4rem; z-index: 1; font-size: 14px; color: #999; font-family: 'light';}
/*.job .pageNum .zi{ padding: 0 0.15rem; }*/
.job .pageNum li{ display: inline-block;}
.job .pageNum .pagingUl{ display:inline-block;}
.job .pageNum a{ display:block; width: auto; line-height: 0.42rem; font-size: 14px; color: #333; font-family: 'light'; margin: 0 6px;}
.job .pageNum a:hover, .job .pageNum .active{color: #039cea; background: none; }
.job .pageNum .btn{ display: inline-block; position: relative; width: 0.42rem; height: 0.42rem; border: #d9d9d9 solid 1px; border-radius: 4px; box-sizing: border-box; cursor: pointer; }
.job .pageNum .prev{ margin-right: 6px; }
.job .pageNum .next{ margin-left: 6px; }
.job .pageNum .prev:before{ content: ''; position: absolute; left: 50%; top: 50%; margin-left: -4px; margin-top: -7px; width: 7px; height: 13px; background: url(../images/nimg7_left2.png) no-repeat; }
.job .pageNum .next:before{ content: ''; position: absolute; left: 50%; top: 50%; margin-left: -4px; margin-top: -7px; width: 7px; height: 13px; background: url(../images/nimg7_right2.png) no-repeat; }
.job .pageNum .btn:hover{ border: #039cea solid 1px; background: #039cea; }
.job .pageNum .prev:hover:before{ background: url(../images/nimg7_lefton.png) no-repeat;}
.job .pageNum .next:hover:before{ background: url(../images/nimg7_righton.png) no-repeat;}

.screenOpen{ display: none; position: fixed; z-index: 4; left: 0; top: 50%; margin-top: -1.0rem; width: 0.8rem; height: 2.0rem; background:#039cea; border-top-right-radius: 4px; border-bottom-right-radius: 4px;  }
.screenOpen em{ position: absolute; left: 50%; margin-left: -0.15rem; width: 0.3rem; text-align: center; color: #fff; font-size: 0.28rem; line-height: 0.36rem; top: 50%; transform: translateY(-50%); }
.screenClose{ display: none; position: fixed; z-index: 12; right: 0; top: 50%; margin-top: -1.0rem; width: 0.8rem; height: 2.0rem; background:#039cea; border-top-left-radius: 4px; border-bottom-left-radius: 4px;  }
.screenClose em{ position: absolute; left: 50%; margin-left: -0.15rem; width: 0.3rem; text-align: center; color: #fff; font-size: 0.28rem; line-height: 0.36rem; top: 50%; transform: translateY(-50%); }

.jobShow{ background: #f5f5f7; padding: 0.6rem 0 1.2rem; }
.jobShow .w1080{ margin: 0 auto; }
.jobShow .conBox{ background: #fff; padding: 0.5rem 0.6rem 1.1rem; border-radius: 0.1rem; box-shadow: 0px 0 0.1rem 0px rgba(0, 0, 0, 0.1); }
.jobShow .name{ font-size: 0.36rem; line-height: 0.48rem; color: #000; font-weight: bold; }
.jobShow .label{ padding: 0.1rem 0 0.4rem; border-bottom: #ebebed solid 1px; }
.jobShow .label em{ font-size: 0.16rem; color: #999; padding-right: 0.25rem; font-family: 'light','misans'; }
.jobShow .txt{ margin-top: 0.5rem; color: #000; font-size: 0.24rem; line-height: 0.24rem; padding-left: 0.12rem; position: relative; font-weight: bold; }
.jobShow .txt:before{ content: ''; position: absolute; left: 0; width: 3px; height: 100%; background: #039cea; border-radius: 2px; }
.jobShow .content{ padding-top: 0.12rem; font-size: 0.16rem; line-height: 0.3rem; color: #999; }
.jobShow .email{ padding-top:0.5rem; font-size: 0.18rem; line-height: 0.18rem; color: #039cea; }
.jobShow .btnDiv{ padding-top: 0.65rem; }
.jobShow .btnDiv a{ width: 1.5rem; height: 0.5rem; color: #fff; font-size: 0.16rem; border-radius: 0.48rem; background: #039cea; box-shadow: 0px 0.06rem 0.1rem 0px rgba(3, 156, 234, 0.15); }
.jobShow .btnDiv img{ margin-left: 0.15rem; }

.productP1{ padding: 1.2rem 0 0.3rem; background: #f5f5f7; position: relative; }
.productP1:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 0.7rem ;background: #fff; }
.productP1 .name{ font-size: 0.48rem; line-height: 0.6rem; color: #000; padding-bottom: 0.1rem; text-align: center; font-weight: bold;}
.productP1 .content{ font-size: 0.18rem; line-height: 0.36rem; text-align: center; width: 9.6rem; margin: 0 auto; padding-bottom: 0.5rem; }
.productP1 .imgDiv{ width: 4.5rem; height: 4.5rem; margin: 0 auto; position: relative; z-index: 1; }
.productP1 .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }

.productNav{ position: relative; width: 100%; height: 0.7rem; background: #fff; text-align: center;}
.productNav:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #e9e9ea; }
.productNav.mini{ padding-top: 0; position: fixed; left: 0; top: 0; z-index: 4; }
.productNav li{ display: inline-block; padding: 0 0.45rem; font-size: 0.18rem; position: relative; z-index: 1;}
.productNav li a{ position: relative; display: block; height: 0.7rem; line-height: 0.7rem; color: #666;}
.productNav li a:after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: 2px; background: #039cea; }
.productNav li .aNow{ color: #039cea; }
.productNav li .aNow:after{ width: 100%; left: 0; }

.productP2{ padding: 1.2rem 0 0.9rem;  }
.productP2.on{ padding: 1.9rem 0 0.9rem; }
.productP2 .title{ font-size: 0.36rem; line-height: 0.36rem; color: #000; font-weight: bold; padding-bottom: 0.4rem; }
.productP2 .list ul{ margin-right: -0.25rem; }
.productP2 .list li{ float: left; width: 33.33%; padding-bottom: 0.3rem;}
.productP2 .list li .box{ position: relative; overflow: hidden; margin-right: 0.25rem; border: #ededed solid 1px; padding-left: 1.9rem; padding-right: 0.3rem; height: 2.3rem; }
.productP2 .list li .ico{ position: absolute; left: 0.5rem; top: 50%; margin-top: -0.55rem; width: 1.1rem; height: 1.1rem; background: #039cea; border-radius: 50%; }
.productP2 .list li .ico img{ width: 0.46rem; }
.productP2 .list li .name{ position: relative; z-index: 1; font-size: 0.24rem; line-height: 0.36rem; color: #000; font-weight: bold; }
.productP2 .list li .line{ bottom:-30px; position:absolute; width:100%; height:17px; left:0; z-index:1;}
.productP2 .list li .line:after{ content: ''; position: absolute; right: 0; top: 0; width: calc(100% - 30px); height: 12px; background: #00a2e5; z-index:1; }
.productP2 .list li .line:before{ content: ''; position: absolute; left: 0; bottom: 0; width: 40px; height: 12px; background: #001f70; }
.productP2 .list li .box:hover{ border:#fff solid 1px; box-shadow: 0 0 0.3rem 0 rgba(0,161,233,0.1); }
.productP2 .list li .box:hover .line{ bottom:10px; }

.productP3{ padding: 1.2rem 0; background: #f5f5f7; }
.productP3 .mxfDiv{ position: relative; padding-left: 2.9rem; }
.productP3 .title{ position: absolute; left: 0; top: 0; font-size: 0.36rem; line-height: 0.36rem; color: #000; font-weight: bold; }
.productP3 .list ul{ margin-right: -0.2rem; }
.productP3 .list li{ float: left; width: 25%; }
.productP3 .list li .box{ position:relative; overflow:hidden; text-align: center; padding-top: 0.6rem; margin-right: 0.2rem; background: #fff; height: 2.45rem; box-sizing: border-box;}
.productP3 .list li .box:after{ content:''; opacity:0; position:absolute; left:0; bottom:0; width:100%; height:140px; background:url(../images/bg2on.png) top repeat-x;}
.productP3 .list li .ico{ width: 0.62rem; height: 0.62rem; margin: 0 auto; }
.productP3 .list li .ico img{ max-width: 0.62rem; max-height: 0.62rem; }
.productP3 .list li .name{ position:relative; z-index:1; margin-top: 0.4rem; font-size: 0.24rem; line-height: 0.24rem; color: #000; }
.productP3 .list li .line{ display:none; bottom:-30px; position:absolute; width:100%; height:17px; left:0; z-index:1;}
.productP3 .list li .line:after{ content: ''; position: absolute; right: 0; top: 0; width: calc(100% - 30px); height: 12px; background: #00a2e5; z-index:1; }
.productP3 .list li .line:before{ content: ''; position: absolute; left: 0; bottom: 0; width: 40px; height: 12px; background: #001f70; }
.productP3 .list li .box:hover{ box-shadow: 0 0 0.3rem 0 rgba(0,161,233,0.1);}
.productP3 .list li .box:hover:after{ opacity:1;}
.productP3 .list li .box:hover .ico{ animation: upDown 0.5s infinite alternate linear; -webkit-animation: upDown 0.5s infinite alternate linear;}
.productP3 .list li .box:hover .name{ color:#fff; }

.activityP1{ background: #f5f5f7; padding-top: 1.2rem; }
.activityP1 .title{ padding-bottom: 0.4rem; font-size: 0.36rem; line-height: 0.36rem; color: #000; font-weight: bold; text-align: center; }
.activityP1 .list{ position: relative; }
.activityP1 .imgList{ overflow: hidden; }
.activityP1 .imgList .box{ position: relative; border-radius: 0.12rem; overflow: hidden;}
.activityP1 .imgList .imgDiv img{ width: 100%; }
.activityP1 .imgList .name{ position: absolute; left: 0.3rem; bottom: 0.3rem; font-size: 0.24rem; line-height: 0.24rem; color: #fff; z-index: 1; }
.activityP1 .se { z-index: 2; position: absolute; top: 50%; margin-top: -10px; display: block; width: 11px; height: 20px;}
.activityP1 .prev { left: 0.5rem; background: url(../images/nimg11_left.png) center no-repeat; }
.activityP1 .next { right: 0.5rem; background: url(../images/nimg11_right.png) center no-repeat; }
.activityP1 .prev:hover { background: url(../images/nimg11_lefton.png) center no-repeat; }
.activityP1 .next:hover { background: url(../images/nimg11_righton.png) center no-repeat; }
.activityP1 .btn{ margin-top: 0.6rem; text-align: center; position: relative; z-index: 1;}
.activityP1 .btn:before{ content: ''; position: absolute; left: 0; top: 4px; width: 100%; height: 2px; background: #e9e9e9; }
.activityP1 .btn li{ float: left; cursor: pointer; width: 25%; height: 0.7rem; position: relative; font-size: 0.18rem; line-height: 0.7rem; color: #333; }
.activityP1 .btn li:before{ content: ''; position: absolute; left: 50%; top: 0; width: 0; height: 6px; background: #039cea; }
.activityP1 .btn li.on{ color: #039cea;}
.activityP1 .btn li.on:before{ width: 100%; left: 0; }

.activityP2{ padding: 1.0rem 0 1.1rem; background: #f5f5f7; }
.activityP2 .title{ padding-bottom: 0.4rem; font-size: 0.36rem; line-height: 0.36rem; color: #000; font-weight: bold; text-align: center; }
.activityPic{ position: relative; }
.activityPic .imgDiv{ cursor: pointer; height: 2.88rem; border-radius: 0.12rem; overflow: hidden; }
.activityPic .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.activityPic .name{ margin-top: 0.2rem; font-size: 0.18rem; height: 0.3rem; line-height: 0.3rem; color: #333; text-align: center; overflow: hidden; }
.activityPic .se{ position: absolute; width: 0.58rem; height: 0.58rem; border-radius: 50%; top: 50%; margin-top: -30px; z-index: 2; box-shadow: 0px 0 0.2rem 0px rgba(0, 0, 0, 0.07);}
.activityPic .prev{ left: -90px; background: #fff url(../images/nimg7_left.png) center no-repeat; }
.activityPic .next{ right: -90px; background: #fff url(../images/nimg7_right.png) center no-repeat; }
.activityPic .prev:hover{ background: #039cea url(../images/nimg7_lefton.png) center no-repeat; }
.activityPic .next:hover{ background: #039cea url(../images/nimg7_righton.png) center no-repeat; }
.activityPic .swiper-slide:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}


.activityP3{ padding-bottom: 1.0rem; background: #f5f5f7; }
.activityP3 .title{ padding-bottom: 0.4rem; font-size: 0.36rem; line-height: 0.36rem; color: #000; font-weight: bold; text-align: center; }
.activityP3 .list ul{ margin-right: -0.18rem; }
.activityP3 .list li{ float: left; width: 50%; padding-bottom: 0.18rem;}
.activityP3 .list li:nth-child(3), .activityP3 .list li:nth-child(4), .activityP3 .list li:nth-child(5){ width: 33.33%;}
.activityP3 .list li .box{ cursor: pointer; position: relative; margin-right: 0.18rem; border-radius: 0.08rem; overflow: hidden; }
.activityP3 .list li .box:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 80%; background: linear-gradient(360deg, #79c000, transparent); }
.activityP3 .list li:nth-child(2) .box:after{ background: linear-gradient(360deg, #9b26b6, transparent);}
.activityP3 .list li:nth-child(3) .box:after{ background: linear-gradient(360deg, #02a9ce, transparent);}
.activityP3 .list li:nth-child(4) .box:after{ background: linear-gradient(360deg, #039cea, transparent);}
.activityP3 .list li:nth-child(5) .box:after{ background: linear-gradient(360deg, #0052d9, transparent);}
.activityP3 .list li .imgDiv img{ width: 100%; }
.activityP3 .list li .name{ position: absolute; left: 0.3rem; bottom: 0.3rem; z-index: 1; color: #fff; font-size: 0.24rem; }
.activityP3 .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.activityP4{ padding: 1.2rem 0; }
.activityP4 .title{ padding-bottom: 0.4rem; font-size: 0.36rem; line-height: 0.36rem; color: #000; font-weight: bold; text-align: center; }
.activityP4 .list ul{display: inline-flex; width: 100%;}
.activityP4 .list li{ width: 14%; height: 5.72rem; position: relative; flex-grow: 1; padding-left: 2px; padding-right: 2px; transition: .65s; box-sizing: border-box;}
.activityP4 .list li .box{ cursor: pointer; width: 100%; position: relative; overflow: hidden; }
.activityP4 .list li .bg{ position: relative; height: 5.72rem; background: center no-repeat; background-size: cover; border-radius: 8px; overflow: hidden; }
.activityP4 .list li .bg:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); }
.activityP4 .list li .bg:after{ content: ''; opacity: 0; visibility: hidden; position: absolute; left: 0; bottom: 0; width: 100%; height: 60%; background: linear-gradient(360deg, #039cea, transparent); }
.activityP4 .list li .name{ position: absolute; left: 0.3rem; bottom: -0.9rem; z-index: 1; font-size: 0.24rem; line-height: 0.24rem; color: #fff; }
.activityP4 .list li.on{width: 66.66%;}
.activityP4 .list li.on .bg:before{ opacity: 0; }
.activityP4 .list li.on .bg:after{ opacity: 1; visibility: visible; }
.activityP4 .list li.on .name{ bottom: 0.3rem; }

.researchP1{ background: #f5f5f7; padding: 1.1rem 0 1.2rem; }
.researchP1 .mxfDiv{ position:relative;}
.researchP1 .leftDiv{ width: 8.4rem; position: relative; }
.researchP1 .leftDiv .midImg img{ width: 100%; }

.researchP1 .rightDiv{ position:absolute; right:0; top:0; width: 8.0rem; background:#039cea; box-sizing:border-box; padding:0.5rem; z-index:1; }
.researchP1 .title{ font-size: 0.36rem; line-height: 0.36rem; padding-bottom: 0.2rem; color: #fff; font-weight: bold; }
.researchP1 .content{ font-size: 0.14rem; line-height: 0.26rem; text-align: justify; color:#fff; }
.researchP1 .numList{ padding-top: 0.3rem; }
.researchP1 .numList li{ float: left; width: 25%; color:#fff; }
.researchP1 .numList li .num{ height: 0.42rem; font-family: 'mont'; color: #fff; font-size: 0.36rem; line-height: 0.32rem; }
.researchP1 .numList li .wen{ font-size: 0.16rem; line-height: 0.16rem; }

.researchP2{ padding: 1.2rem 0; }
.researchP2 .mxfDiv{ position:relative; overflow:hidden;}
.researchP2 .rightDiv{ float:right; width: 8.4rem; position: relative; }

.researchP2 .rightDiv .midImg img{ width: 100%;  }
.researchP2 .leftCon{ position:absolute; left:0; top:0; width: 8.0rem; background:#039cea; box-sizing:border-box; padding:0.5rem; z-index:1;}
.researchP2 .title{ font-size: 0.36rem; line-height: 0.36rem; padding-bottom: 0.2rem; color: #fff; font-weight: bold; }
.researchP2 .content{ font-size: 0.14rem; line-height: 0.26rem; text-align: justify; color:#fff; }

/*.researchP3 .list ul{ margin-right: -2px; }
.researchP3 .list li{ float: left; width: 20%; }
.researchP3 .list li .box{ margin-right: 2px; position: relative; cursor: pointer;}
.researchP3 .list li .imgDiv{ position: relative; }
.researchP3 .list li .imgDiv:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.7); z-index: 1;}
.researchP3 .list li .imgDiv img{ width: 100%; -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);}
.researchP3 .list li .name{ position: absolute; left: 0; bottom: 0; width: 100%; height: 0.8rem; line-height: 0.8rem; text-align: center; font-size: 0.24rem; color: #000; z-index: 2; font-family: 'regular'; }
.researchP3 .list li .box:hover .imgDiv:before{ opacity: 0;}
.researchP3 .list li .box:hover .imgDiv img{-webkit-filter: grayscale(0);
      -moz-filter: grayscale(0);
      -ms-filter: grayscale(0);
      -o-filter: grayscale(0);
      filter: grayscale(0);}
.researchP3 .list li .box:hover .name{ color: #fff; background: rgba(3,156,234,0.9); }
.researchP3 .swiper-pagination{ display: none; position: relative; left: 0; bottom: 0; padding-top: 0.6rem;}
.researchP3 .swiper-pagination-bullet { position: relative; width: 6px; height: 6px; opacity: 1; border-radius: 50%; background: rgba(0,0,0,0.2); } 
.researchP3 .swiper-pagination-bullet-active { background: #039cea;}*/

.researchP3{ display:none;}
.str2{ position: relative; z-index: 3; font-size:0;}
.str2 .box{ display:inline-block; width:3.84rem; margin-right:2px; position:relative;}
.str2 .imgDiv{ position: relative; }
.str2 .imgDiv:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.7); z-index: 1;}
.str2 .imgDiv img{ width: 100%; -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);}
.str2 .name{ position: absolute; left: 0; bottom: 0; width: 100%; height: 0.8rem; line-height: 0.8rem; text-align: center; font-size: 0.18rem; color: #000; z-index: 2; font-family: 'regular','misans'; }
.str2 .box:hover .imgDiv:before{ opacity: 0;}
.str2 .box:hover .imgDiv img{-webkit-filter: grayscale(0);
      -moz-filter: grayscale(0);
      -ms-filter: grayscale(0);
      -o-filter: grayscale(0);
      filter: grayscale(0);}
.str2 .box:hover .name{ color: #fff; background: rgba(3,156,234,0.9); }


.str_wrap { overflow: hidden; width: 100%; position: relative; -moz-user-select: none; -khtml-user-select: none; user-select: none; white-space: nowrap;}
.str_move { white-space: nowrap; position: absolute; top: 0; left: 0;}
.str_move_clone { display: inline-block; vertical-align: top; position: absolute; left: 100%; top: 0;}
.str_vertical .str_move_clone { left: 0; top: 100%;}
.str_down .str_move_clone { left: 0; bottom: 100%;}
.str_vertical .str_move,.str_down .str_move { white-space: normal; width: 100%;}
.str_static .str_move,.no_drag .str_move,.noStop .str_move { cursor: inherit;}


.researchP4{ padding: 1.2rem 0; position: relative;}
.researchP4 .mxfDiv{ position: relative; z-index: 1; }
.researchP4 .leftDiv{ width: 8.4rem; position: relative; }
.researchP4 .leftDiv .midImg img{ width: 100%; }
.researchP4 .rightCon{ position:absolute; right:0; top:0; width: 8.0rem; background:#039cea; box-sizing:border-box; padding:0.5rem; z-index:1; }
.researchP4 .title{ font-size: 0.36rem; line-height: 0.36rem; padding-bottom: 0.2rem; color: #fff; font-weight: bold; }
.researchP4 .content{ font-size: 0.14rem; line-height: 0.26rem; color:#fff; text-align: justify; }

.researchP4 #particles-js {
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 100%;
    height: 3.6rem;
    position: absolute;
    bottom: 0;
    right: 0;
}

.researchP5{ padding: 1.2rem 0; background: #f5f5f7; }
.researchP5 .mxfDiv{ position: relative; overflow:hidden; }
.researchP5 .rightDiv{ width: 8.4rem;  position: relative; float:right; }
.researchP5 .rightDiv .midImg img{ width: 100%; }
.researchP5 .leftCon{ position:absolute; left:0; top:0; width: 8.0rem; background:#039cea; box-sizing:border-box; padding:0.5rem; z-index:1;}
.researchP5 .title{ font-size: 0.36rem; line-height: 0.36rem; padding-bottom: 0.3rem; color: #fff; font-weight: bold; }
.researchP5 .content{ font-size: 0.16rem; line-height: 0.3rem; text-align: justify; color: #fff; }
.researchP5 .numList{ padding-top: 0.3rem; }
.researchP5 .numList li{ float: left; width: 1.8rem; color: #fff; }
.researchP5 .numList li:last-child{ width: auto; }
.researchP5 .numList li .num{ height: 0.42rem; font-family: 'mont'; color: #fff; font-size: 0.36rem; line-height: 0.32rem; }
.researchP5 .numList li .wen{ font-size: 0.16rem; line-height: 0.16rem; }

.contactP1{ padding-top: 1.2rem; background: #f5f5f7; }
.contactP1 .title{ font-size: 0.36rem; line-height: 0.36rem; color: #000; text-align: center; font-weight: bold; padding-bottom: 0.4rem; }
.contactP1 .mxfDiv{ position: relative; }
.contactP1 .msgList{ position: absolute; left: 0; bottom: 1.2rem; z-index: 1; }
.contactP1 .msgList li{ position: relative; padding-left: 18px; font-size: 0.16rem; line-height: 0.36rem; color: #333; }
.contactP1 .msgList li:before{ content: ''; position: absolute; left: 0; top: 50%; margin-top: -4px; width: 8px; height: 8px; border-radius: 50%;}
.contactP1 .msgList li:nth-child(1):before{ background: #c7161d; }
.contactP1 .msgList li:nth-child(2):before{ background: #039cea; }
.contactP1 .msgList li:nth-child(3):before{ background: #034fea; }
.contactP1 .msgList li:nth-child(4):before{ background: #03d7ea; }
.contactP1 .zi{ position: absolute; right: 0; bottom: 1.2rem; z-index: 1; color: #b5b6b6; font-size: 0.14rem; line-height: 0.24rem; text-align: center; }
.contactP1 .mapDiv{ position: relative; width: 12.46rem; margin: 0 auto; }
.contactP1 .imgDiv img{ width: 100%; }
.contactP1 .list li{ position: absolute; z-index: 1; font-size: 0.16rem; line-height: 0.2rem; color: #333;}
.contactP1 .list li .ico{ position: absolute; width: 0.18rem; height: 0.18rem; border-radius: 50%; }
.contactP1 .list li .ico:after{ content: ''; position: absolute; left: 50%; top: 50%; width: 6px; height: 6px; margin-top: -3px; margin-left: -3px; border-radius: 50%; }
.contactP1 .list li:nth-child(1){ left: 7.37%; top: 15.2%; padding-right: 0.28rem; }
.contactP1 .list li:nth-child(1) .ico{ right: 0; top: 0; background: rgba(3,79,234,0.1); }
.contactP1 .list li:nth-child(1) .ico:after{ background: #034fea; }
.contactP1 .list li:nth-child(2){ left: 16.85%; top: 16.5%; padding-left: 0.28rem; }
.contactP1 .list li:nth-child(2) .ico{ left: 0; top: 0; background: rgba(3,156,234,0.1); }
.contactP1 .list li:nth-child(2) .ico:after{ background: #039cea; }
.contactP1 .list li:nth-child(3){ left: 30.9%; top: 29%; padding-top: 0.24rem; }
.contactP1 .list li:nth-child(3) .ico{ left: 50%; margin-left: -0.09rem; top: 0; background: rgba(3,156,234,0.1); }
.contactP1 .list li:nth-child(3) .ico:after{ background: #039cea; }
.contactP1 .list li:nth-child(4){ left: 31.62%; top: 36.76%; padding-right: 0.28rem; }
.contactP1 .list li:nth-child(4) .ico{ right: 0; top: 0; background: rgba(3,156,234,0.1); }
.contactP1 .list li:nth-child(4) .ico:after{ background: #039cea; }
.contactP1 .list li:nth-child(5){ left: 42.5%; top: 24.8%; padding-left: 0.28rem; }
.contactP1 .list li:nth-child(5) .ico{ left: 0; top: 0; background: rgba(3,156,234,0.1); }
.contactP1 .list li:nth-child(5) .ico:after{ background: #039cea; }
.contactP1 .list li:nth-child(6){ left: 39.6%; top: 30%; padding-left: 0.28rem; }
.contactP1 .list li:nth-child(6) .ico{ left: 0; top: 0; background: rgba(3,215,234,0.1); }
.contactP1 .list li:nth-child(6) .ico:after{ background: #03d7ea; }
.contactP1 .list li:nth-child(7){ left: 39.32%; top: 32.35%; padding-left: 0.28rem; }
.contactP1 .list li:nth-child(7) .ico{ left: 0; top: 0; background: rgba(3,156,234,0.1); }
.contactP1 .list li:nth-child(7) .ico:after{ background: #039cea; }
.contactP1 .list li:nth-child(8){ left: 39.32%; top: 33.95%; padding-left: 0.28rem; padding-top: 0.07rem; }
.contactP1 .list li:nth-child(8) .ico{ left: 0; top: 0; background: rgba(3,156,234,0.1); }
.contactP1 .list li:nth-child(8) .ico:after{ background: #039cea; }
.contactP1 .list li:nth-child(9){ left: 39%; top: 35.3%; padding-left: 0.28rem; padding-top: 0.15rem; }
.contactP1 .list li:nth-child(9) .ico{ left: 0; top: 0; background: rgba(3,156,234,0.1); }
.contactP1 .list li:nth-child(9) .ico:after{ background: #039cea; }
.contactP1 .list li:nth-child(10){ left: 36.27%; top: 36%; padding-top: 0.28rem; color: #c7161d; }
.contactP1 .list li:nth-child(10) .ico{ left: 0.24rem; top: 0; background: rgba(199,22,29,0.1); }
.contactP1 .list li:nth-child(10) .ico:after{ background: #c7161d; }

.contactP2{ position: relative; height: 7.5rem; background: center no-repeat; background-size: cover; overflow: hidden; }
.contactP2 .tab2{ position: absolute; left: 0; top: 1.2rem; z-index: 2; width: 100%; text-align: center; }
.contactP2 .tab2 li{ position: relative; display: inline-block; margin: 0 0.25rem; height: 0.5rem; font-size: 0.3rem; line-height: 0.3rem; color: #ced4df; }
.contactP2 .tab2 li:after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: 2px; background: #fff; }
.contactP2 .tab2 .liNow{ color: #fff; }
.contactP2 .tab2 .liNow:after{ width: 100%; left: 0; }
.contactP2 .list{ width: 100%; height: 100%; position: absolute; right: 0; top: 0; animation: am_top 0.8s ease-out 0.1s backwards; -webkit-animation: am_top 0.8s ease-out 0.1s backwards;}
.contactP2 .list ul{display: inline-flex; width: 100%;}
.contactP2 .list li{ cursor:pointer; width: 16.66%; height: 7.5rem; position: relative; flex-grow: 1; transition: .65s; box-sizing: border-box;}
.contactP2 .list li:after{ content: ''; opacity: 0; position: absolute; left: 0; bottom: 0; width: 100%; height: 2.9rem; background: url(../images/bg3.png) top repeat-x; }
.contactP2 .list li:before{ content: ''; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background: rgba(201,201,201,0.5); }
.contactP2 .list li:first-child:before{ display: none; }
.contactP2 .list li .layer{ z-index: 2; position: absolute; left: 0; width: 100%; box-sizing: border-box; padding: 0 0.3rem; height: 1.2rem; bottom: 0; }
.contactP2 .list li .txt{ font-size: 0.24rem; height: 1.2rem; line-height: 1.2rem; overflow: hidden; color: #fff; text-align: center;}
.contactP2 .list li .msg{ font-size: 0.16rem; line-height: 0.24rem; color: #fff; }
.contactP2 .list li.on{width: 37.5%; padding: 0 0.4rem;}
.contactP2 .list li.on:after{ opacity: 1; }
.contactP2 .list li.on .layer{ height: 2.2rem; }
.contactP2 .list li.on .txt{ height: 0.7rem; line-height: 0.7rem; font-size: 0.3rem; text-align: left; }
.contactP2 .list li.on .msg{ visibility: visible; opacity: 1; }

.contactP3{ padding-top: 1.2rem; height: 7.36rem; background: url(../images/contactP3.jpg) center no-repeat; background-size: cover; box-sizing: border-box; }
.contactP3 .title{ text-align: center; font-size: 0.36rem; line-height: 0.36rem; color: #000; font-weight: bold; padding-bottom: 0.5rem; }
.contactP3 .list ul{ margin-right: -0.2rem; }
.contactP3 .list li{ float: left; width: 50%; padding-bottom: 0.2rem;}
.contactP3 .list .li01{ width: 100%; }
.contactP3 .list li .box{ margin-right: 0.2rem; height: 0.7rem; background: #fff; border-radius: 4px; }
.contactP3 .list .li01 .box{ height: 1.4rem; }
.contactP3 .list li .input1{ padding-left: 0.2rem; width: 100%; height: 0.7rem; line-height: 0.7rem; font-size: 16px; color: #999; box-sizing: border-box; font-family: 'regular','misans';}
.contactP3 .list li .input1::-webkit-input-placeholder{ color: #999; opacity: 1;}
.contactP3 .list li .input1:-moz-placeholder{ color: #999; opacity: 1;}
.contactP3 .list li .input1::-moz-placeholder{ color: #999; opacity: 1;}
.contactP3 .list li .input1:-ms-input-placeholder{ color: #999; opacity: 1;}
.contactP3 .list li textarea{ width: 100%; height: 1.4rem; box-sizing: border-box; font-size: 16px; line-height: 30px; padding: 0.2rem 0.2rem 0; color: #999; font-family: 'regular','misans'; }
.contactP3 .list li textarea::-webkit-input-placeholder{ color: #999; opacity: 1;}
.contactP3 .list li textarea:-moz-placeholder{ color: #999; opacity: 1;}
.contactP3 .list li textarea::-moz-placeholder{ color: #999; opacity: 1;}
.contactP3 .list li textarea:-ms-input-placeholder{ color: #999; opacity: 1;}
.contactP3 .btnDiv{ margin: 20px auto 0; width: 3.82rem; }
.contactP3 .btnDiv a{ display: block; width: 100%; height: 0.68rem; line-height: 0.68rem; text-align: center; color: #fff; background: #039cea; border-radius: 6px; font-size: 0.24rem; }


.searchBox{ padding:1.0rem 0; border-top:#eee solid 1px;}
.searchBox .toptop{ position:relative; padding-right:200px; height:100px;}
.searchBox .result span{ display: inline-block; font-size: 16px; margin-right: 0.3rem; line-height: 0.62rem;}
.searchBox .result b{ margin: 0 4px; color: #cd0000; font-family: "mont"; text-decoration: underline;}
.searchBox .form{ width: 3.25rem; box-sizing: border-box; position: absolute; right:0; top:0; overflow: hidden;}
.searchBox .form .input1{ height: 0.62rem; box-sizing: border-box; line-height: 0.62rem; background: #f6f6f6; color: #666; width: 100%; font-size: 0.16rem; padding-left: 0.2rem; font-family: light; }
.searchBox .form .input1::-webkit-input-placeholder{ color: #666; opacity: 1;}
.searchBox .form .input1:-moz-placeholder{ color: #666; opacity: 1;}
.searchBox .form .input1::-moz-placeholder{ color: #666; opacity: 1;}
.searchBox .form .input1:-ms-input-placeholder{ color: #666; opacity: 1;}
.searchBox .form .btnDiv{ position: absolute; right: 0; top: 0; z-index: 1; }
.searchBox .form .btnDiv a{ display: block; width: 0.62rem; height: 0.62rem; background: url(../images/nimg20_2.png) center no-repeat; }

.searchBox .list{ padding-bottom:0.6rem;}
.searchBox .list li { position: relative; list-style: none; border-bottom: 1px dashed #eee;}
.searchBox .list li:first-child { border-top: 1px dashed #eee;}
.searchBox .list li a {
  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 */
  padding: 0.1rem 0;
  align-items: center;
}
.searchBox .list .title {
  flex: 1;
  font-size: 16px;
  color: #666;
  line-height: 0.48rem;
  margin-right: 1rem;
  transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.searchBox .list p { font-size: 16px; color: #999; font-family: "regular";}
.searchBox .list li:hover .title { color: #039cea;}

.searchBox .tips { display: none; text-align:center; font-size:0.2rem; color:#333;}


.indjz-imgs{overflow: hidden;visibility: hidden;opacity: 0;pointer-events: none;position: absolute;width: 100%;top: 0;left: 0;}
.indjz-imgs .wrap{justify-content: center;}
.indjz-imgs .wrap img{margin: 10px;}


.indjz-logo{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 4;opacity: 0;}
.indjz-logo canvas{border: none;outline: none;}
.indjz-logo.on{animation: indjzLogo 1s ease both 0.8s;}
@keyframes indjzLogo{0%{opacity: 0;}100%{opacity: 1;}}

/*2025.2.11*/
.liaison{ background:#f5f5f7; padding:1.2rem 0;}
.liaison .title{ font-size: 0.48rem; line-height: 0.48rem; color: #000; text-align: center; font-weight: bold; padding-bottom: 0.4rem; }
.liaison .mxfDiv{ height:4.38rem; background:#00a2e5;}
.liaison .imgDiv{ width:50%; height:4.38rem; order:1;}
.liaison .imgDiv img{ width:100%; height:100%; object-fit:cover;}
.liaison .conDiv{ position:relative; box-sizing:border-box; padding:0.9rem 0.9rem 0; width:50%; height:4.38rem;}
.liaison .txt{ font-size:0.24rem; line-height:0.36rem; color:#fff; padding-bottom:0.32rem;}
.liaison .msg li{ position:relative; padding-left:40px; font-size:0.18rem; color:#8ecffe; line-height:0.36rem; font-family:'regular','misans';}
.liaison .msg li img{ position:absolute; left:0; top:50%; margin-top:-10px;}
.liaison .line{ bottom:0.6rem; position:absolute; width:100%; height:21px; left:0; z-index:1;}
.liaison .line:after{ content: ''; position: absolute; right: 0; top: 0; width: calc(100% - 0.9rem); height: 16px; background: #001f70; z-index:1; }
.liaison .line:before{ content: ''; position: absolute; left: 0; bottom: 0; width: 1.2rem; height: 16px; background: #fff; }

.plan{ background: #f5f5f7; padding: 1.2rem 0; }
.plan .title{ font-size: 0.48rem; line-height: 0.48rem; color: #000; text-align: center; font-weight: bold; padding-bottom: 0.5rem; }
.plan .list{ padding-bottom:0.4rem;}
.plan .list li{ margin-bottom: 0.2rem; }
.plan .list li a{ display: block; background: #fff; padding: 0.35rem 1.0rem 0 1.1rem; height: 1.2rem; position: relative; overflow: hidden; box-sizing:border-box;}
.plan .list li a:before{ content:''; position:absolute; left:0; bottom:0; width:0; height:2px; background:#00a1e9;}
.plan .list li a:after{ content: ''; position: absolute; right: 0.42rem; top: 50%; margin-top: -0.15rem; width: 0.3rem; height: 0.3rem; background: url(../images/nimg30_1.png) no-repeat; background-size: 0.3rem; }
.plan .list li .ico{ position: absolute; left: 0.4rem; top: 50%; margin-top: -0.23rem; width: 0.46rem; height: 0.46rem; background: url(../images/nimg46_4.png) left center no-repeat; background-size: 0.46rem;}
.plan .list li .time{ font-size:0.18rem; line-height:0.18rem; padding-bottom:0.08rem; color:#ccc; font-family:'mont';}
.plan .list li .name{ font-size: 0.18rem; height: 0.28rem; line-height: 0.28rem; color: #333; font-family: 'regular','misans'; overflow:hidden;}
.plan .list li a:hover{ box-shadow: 0 0 0.3rem 0 rgba(0,161,233,0.1);}
.plan .list li a:hover:before{ width:100%;}
.plan .list li a:hover:after{ background: url(../images/nimg30_1on.png) no-repeat; background-size: 0.3rem; }
.plan .list li a:hover .name{ color: #00a1e9; }

.notice-section {display: none; background: #fff; position:fixed; left: 0; bottom: 0; z-index: 20; width: 100%; padding: 0.3rem 4.0rem 0.3rem 0.65rem; box-sizing: border-box; box-shadow:0 0 0.2rem 0 rgba(0,0,0,0.1);}
.notice-box .txt-box{ font-size: 13px; line-height:0.26rem; color:#2e2e2e; }
.notice-box .txt-box a{ color:#2e2e2e; text-decoration:underline;}
.notice-box .btnDiv{ position:absolute; right:0.4rem; top:0.4rem; z-index:1;}
.notice-box .btnDiv li{ float:left; margin-left:0.2rem;}
.notice-box .btnDiv li a{ display:block; box-sizing:border-box;width: 1.68rem; text-align:center; height: 0.28rem; line-height: 0.26rem; border:#039cea solid 1px; font-size:0.14rem; color:#151515; border-radius:2px; text-transform:uppercase; }
.notice-box .btnDiv li:first-child a{ width:1.02rem;}
.notice-box .btnDiv li a:hover{ background: #039cea; color: #fff;}