/*banner*/
.ind-banner{ width: 100%; overflow: hidden; position:relative;} 
.ind-banner .swiper-slide {position: relative; }
.ind-banner .swiper-slide a{ display: block; width: 100%; height: 100%; }
.ind-banner .swiper-slide .img img{ width: 100%; }
.ind-banner .onebox{ position: absolute; left: 50%; margin-left: -7.68rem; z-index: 2; top: 50%; transform: translateY(-50%); }
.ind-banner .onebox .txt{ color: #fff; font-size: 0.72rem; line-height: 0.9rem; font-family:'SemiBold'; }
.ind-banner .twobox{ position: absolute; right: 50%; margin-right:-7.68rem; z-index: 2; top: 50%; transform: translateY(-50%);}
.ind-banner .twobox .txt{ font-size: 0.6rem; color: #fff; line-height: 0.72rem; font-family:'SemiBold';}
.ind-banner .threebox{ position: absolute; right: 50%; margin-right:-7.68rem; z-index: 2; top: 50%; transform: translateY(-50%);}
.ind-banner .threebox .txt{ font-size: 0.72rem; color: #fff; line-height: 0.9rem; font-family:'SemiBold';}

.ind-banner .onebox .txt, .ind-banner .twobox .txt, .ind-banner .threebox .txt{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 .onebox .txt, .ind-banner .swiper-slide-active .twobox .txt, .ind-banner .swiper-slide-active .threebox .txt{
  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 .swiper-pagination{ width: 100%; bottom: 0.4rem; } 
.ind-banner .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background-color: rgba(255,255,255,0.5);
  opacity: 1;
  margin: 0 0.15rem!important;
  position: relative;
}
.ind-banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #fff;
}
.ind-banner .swiper-pagination-bullet svg {
  width: 0.34rem;
  height: 0.34rem;
  position: absolute;
  top: 50%;
  margin-top: -0.17rem;
  left: 50%;
  margin-left: -0.17rem;
}
.ind-banner .swiper-pagination-bullet svg:nth-child(2) {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.ind-banner .swiper-pagination-bullet {
  fill: none;
}
.ind-banner .swiper-pagination-bullet.swiper-pagination-bullet-active .circle-chart__background {
  stroke: rgba(255, 255, 255, 0);
  stroke-width: 1;
}
.ind-banner .circle-chart__circle {
  stroke-linecap: square;
  fill: none;
}
.ind-banner .swiper-pagination-bullet.swiper-pagination-bullet-active .circle-chart__circle {
  stroke: #fff;
  stroke-width: 1;
  stroke-linecap: square;
  fill: none;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform-origin: center;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  -moz-transform-origin: center;
}
.ind-banner .swiper-pagination-bullet.swiper-pagination-bullet-active .circle-chart__circle {
  animation: circle-chart-fill 3s linear reverse;
  -moz-animation: circle-chart-fill 3s linear reverse;
  -webkit-animation: circle-chart-fill 3s linear reverse;
  -ms-animation: circle-chart-fill 3s linear reverse;
}
.ind-banner .swiper-pagination-bullet.one.swiper-pagination-bullet-active .circle-chart__circle {
  animation: circle-chart-fill 2.8s linear reverse;
  -moz-animation: circle-chart-fill 2.8s linear reverse;
  -webkit-animation: circle-chart-fill 2.8s linear reverse;
  -ms-animation: circle-chart-fill 2.8s linear reverse;
}



@keyframes circle-chart-fill {
  to {
    stroke-dasharray: 0 100;
  }
}
@-webkit-keyframes circle-chart-fill {
  to {
    stroke-dasharray: 0 100;
  }
}
@-moz-keyframes circle-chart-fill {
  to {
    stroke-dasharray: 0 100;
  }
}
@-ms-keyframes circle-chart-fill {
  to {
    stroke-dasharray: 0 100;
  }
}

.indexTxt{ text-align:center;}
.indexTxt .en{ font-size:0.6rem; line-height:0.6rem; color:#3a3a3a; padding-bottom:0.25rem; }
.indexTxt .txt{ font-size:0.26rem; line-height:0.26rem; color:#727171; }

.indexP1{ padding:0.8rem 0 1.3rem; background:#f3f5f8; overflow:hidden;}
.indexP1 .imgList{ margin-top:0.8rem; overflow: hidden; /*width: 19.2rem;*/}
.indexP1 .imgList li .box a{ position:relative; display:block; padding-top:0.7rem; height:4.84rem; border-radius:0.24rem; background:#fff; }
.indexP1 .imgList li .box a:after{ content:''; position:absolute; right:0; bottom:0; width:2.28rem; height:1.96rem; background:url(../images/nimg228Bg.png) no-repeat; background-size:2.28rem;}
.indexP1 .imgList li .ico{ width:0.94rem; height:0.94rem; margin:0 auto; position:relative; background:#2bb7a6; border-radius:50%;}
.indexP1 .imgList li .ico img{ position:absolute; left:50%; top:50%; margin-left:-0.24rem; margin-top:-0.24rem; width:0.48rem;}
.indexP1 .imgList li .ico .img1{ opacity:0;}
.indexP1 .imgList li .name{ margin:0.3rem 0 0.8rem; text-align:center; font-size:0.28rem; line-height:0.36rem; height:0.72rem; color:#333;}
.indexP1 .imgList li .more{ position:relative; z-index:1; margin:0 auto; width:1.7rem; height:0.46rem; border-radius:0.48rem; background:#2bb7a6; font-size:0.14rem; color:#fff; text-transform:uppercase;}
.indexP1 .imgList li .more em{ margin-left:10px; display:block; width:19px; height:11px; background:url(../images/ico2.png) no-repeat;}
.indexP1 .imgList li .box a:hover{ background-image: linear-gradient(180deg, #2bb7a6 0%, #0f4d85 100%); background-blend-mode: normal, normal;}
.indexP1 .imgList li .box a:hover .ico{ background:#fff;}
.indexP1 .imgList li .box a:hover .ico img{ opacity:0;}
.indexP1 .imgList li .box a:hover .ico .img1{ opacity:1;}
.indexP1 .imgList li .box a:hover .name{ color:#fff;}
.indexP1 .imgList li .box a:hover .more{ background:#fff; color:#2bb7a6;}
.indexP1 .imgList li .box a:hover .more em{ background:url(../images/ico2on.png) no-repeat;}

.indexP2{ position: relative; }
.indexP2 .indexTxt{ position: absolute; top: 1.0rem; z-index: 2; width: 100%;}
.indexP2 .indexTxt .en{ color:#fff; }
.indexP2 .indexTxt .txt{ color:#fff; }


.indexP2 .swiper-slide { position: relative;}
.indexP2 .swiper-slide .pic{ position:relative;}
.indexP2 .swiper-slide .pic img { width: 100%; height: 9.5rem; object-fit: cover;}
.indexP2 .swiper-slide .info { position: absolute; left: 50%; margin-left: -5.68rem; top: 30%; z-index: 3; }
.indexP2 .swiper-slide .inner { width: 7.2rem; }
.indexP2 .swiper-slide.swiper-slide-active .name,
.indexP2 .swiper-slide.swiper-slide-active .desc,
.indexP2 .swiper-slide.swiper-slide-active .more{ opacity: 1; visibility: visible; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0);}
.indexP2 .swiper-slide .name,
.indexP2 .swiper-slide .desc,
.indexP2 .swiper-slide .more{
  transform: translateY(1rem);
  -webkit-transform: translateY(1rem);
  -moz-transform: translateY(1rem);
  -ms-transform: translateY(1rem);
  -o-transform: translateY(1rem);
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}

.indexP2 .swiper-slide .name{ font-size: 0.38rem; line-height: 0.48rem; color: #fff; font-family: 'SemiBold'; margin-bottom: 0.3rem; }
.indexP2 .swiper-slide .desc { font-size: 0.18rem; line-height: 0.3rem; color: rgba(255,255,255,0.8); overflow: hidden; }
.indexP2 .swiper-slide .more{ margin-top:0.85rem;}
.indexP2 .swiper-slide .more a{ width:1.8rem; height:0.48rem; border-radius:0.48rem; border: #fff solid 1px; font-size:0.14rem; color:#fff; text-transform:uppercase;}
.indexP2 .swiper-slide .more em{ margin-left:10px; display:block; width:19px; height:11px; background:url(../images/ico2.png) no-repeat;}
.indexP2 .swiper-slide .more a:hover{ background:#fff; color: #2bb7a6;}
.indexP2 .swiper-slide .more a:hover em{ background:url(../images/ico2on.png) no-repeat;}

.indexP2 .tab-box { position: absolute; left: 50%; margin-left: -7.68rem; top: 50%; width: 90px; height: 480px; margin-top: -240px; z-index: 2;     display: flex;
    flex-direction: column;
    justify-content: space-around;}
.indexP2 .tab-box .wal{ width: auto; }
.indexP2 .tab-box:after{ content: ''; position: absolute; left: 50%; top: 0; width: 1px; height: 100%; background: url(../images/line.png) repeat-y; }
.indexP2 .tab-box a { margin: 25px 0; display: block; width: 90px; height: 90px; position: relative; }
.indexP2 .tab-box .inner{ position: relative; width: 100%; height: 100%; }
.indexP2 .tab-box .icon{ width: 40px; height: 40px; position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; border-radius: 50%; }
.indexP2 .tab-box .icon img{ width: 40px; }

.indexP2 .svg { position: absolute; right: 0; top: 0; opacity: 0; overflow: hidden; width: 90px; height: 90px;}
.indexP2 .tab-box a.on .svg{ opacity: 1; }
.indexP2 circle {  fill: transparent; stroke: transparent; stroke-width: 4; stroke-linecap: round; stroke-dasharray: 3000, 0; /*cx: 35; cy: 35; r: 34;*/}
.indexP2 .tab-box a.on .svg circle {
  stroke: #fff;
    -webkit-animation: stroke-dash 3000ms linear;
    animation: stroke-dash 3000ms linear;
}

@-webkit-keyframes stroke-dash {
  from {
    stroke-dasharray: 0, 3000;
    stroke-dashoffset: 186;
  }
  to {
    stroke-dasharray: 3000, 0;
    stroke-dashoffset: 186;
  }
}
@keyframes stroke-dash {
  from {
    stroke-dasharray: 0, 3000;
    stroke-dashoffset: 186;
  }
  to {
    stroke-dasharray: 3000, 0;
    stroke-dashoffset: 186;
  }
}

.indexP3{ padding-top:1.3rem;}
.indexP3 .leftImg{ width:7.0rem; border-radius:0.2rem; overflow:hidden;}
.indexP3 .leftImg img{ width:100%;}

.indexP3 .rightDiv{ width:7.2rem;}
.indexP3 .indexTxt{ text-align:left;}
.indexP3 .indexTxt .en{ color:#3a3a3a;}
.indexP3 .indexTxt .txt{ color:#333;}
.indexP3 .msg{ margin-top:0.7rem; position:relative; padding-bottom:0.45rem; font-size:0.24rem; line-height:0.4rem; color:#8b949c; font-family:'Light';}
.indexP3 .msg:after{ content:''; position:absolute; left:0; bottom:0; width:50px; height:4px; background:#2bb7a6; border-radius:4px;}
.indexP3 .content{ margin-top:0.5rem; font-size:0.22rem; line-height:0.36rem; color:#333; font-family:'Light';}
.indexP3 .more{ margin-top:0.85rem;}
.indexP3 .more a{ width:1.7rem; height:0.46rem; border-radius:0.48rem;  border:#2bb7a6 solid 1px; font-size:0.14rem; color:#2bb7a6; text-transform:uppercase;}
.indexP3 .more em{ margin-left:10px; display:block; width:19px; height:11px; background:url(../images/ico2on.png) no-repeat;}
.indexP3 .more a:hover{ background:#2bb7a6; color:#fff;}
.indexP3 .more a:hover em{ background:url(../images/ico2.png) no-repeat;}

.indexP4{ padding:1.5rem 0 1.3rem;}
.indexP4 .indexTxt{ text-align:left; padding-bottom:0.6rem;}
.indexP4 .indexTxt .en{ color:#3a3a3a;}
.indexP4 .indexTxt .txt{ color:#333;}
.indexP4 .list ul{ display: block; margin-right:-0.48rem;}
.indexP4 .list li{ float:left; width:33.33%;}
.indexP4 .list li .box{ margin-right:0.48rem;}
.indexP4 .list li a{ display:block; border-radius:0.24rem; overflow:hidden;}
.indexP4 .list li .imgDiv{ height:3.06rem; position:relative;}
.indexP4 .list li .imgDiv:after{ content:''; position:absolute; left:0; bottom:0; width:100%; height:0.54rem; background:url(../images/nimg480Bg.png) no-repeat; background-size:cover;}
.indexP4 .list li .imgDiv img{ width:100%; height:100%; object-fit:cover;}
.indexP4 .list li .botDiv{ height:2.7rem; padding:0.2rem 0.4rem 0;}
.indexP4 .list li .time{ font-size:0.16rem; line-height:0.16rem; height:0.45rem; text-align:center; color:rgba(102,102,102,0.6); font-family:'Light';}
.indexP4 .list li .name{ font-size:0.28rem; line-height:0.36rem; color:#333; height:0.72rem; text-align:center; overflow:hidden;}
.indexP4 .list li .more{ margin:0.3rem auto 0; width:1.8rem; height:0.48rem; border-radius:0.48rem; border:#2bb7a6 solid 1px; font-size:0.14rem; color:#2bb7a6; text-transform:uppercase;}
.indexP4 .list li .more em{ margin-left:10px; display:block; width:19px; height:11px; background:url(../images/ico2on.png) no-repeat;}
.indexP4 .list li a:hover{ box-shadow:0 0 0.1rem 0 rgba(0,0,0,0.1);}
.indexP4 .list li a:hover .more{ background:#2bb7a6; color:#fff;}
.indexP4 .list li a:hover .more em{ background:url(../images/ico2.png) no-repeat;}
.indexP4 .swiper-pagination{ display: none; position: relative; left: 0; bottom: 0; padding-top: 0.6rem;}
.indexP4 .swiper-pagination-bullet { position: relative; width: 10px; height: 10px; opacity: 1; border-radius: 50%; border: #cecece solid 1px; background: #fff; margin-left: 0.15rem!important; margin-right: 0.15rem!important; } 
.indexP4 .swiper-pagination-bullet-active { border: #2bb7a6 solid 1px; background: #2bb7a6;}

.product{ padding: 0.4rem 0 0.75rem; }
.product .secondTab ul{ margin-right: -0.48rem; }
.product .secondTab li{ float: left; width: 33.33%; margin-bottom: 0.4rem; }
.product .secondTab li .box{ margin-right: 0.48rem; }
.product .secondTab li a{ display: block; overflow: hidden; position: relative; text-align: center; font-size: 0.2rem; color: #333; height: 0.7rem; line-height: 0.7rem; background: #f3f5f8; border-radius: 0.48rem; }
.product .secondTab li a:after{ content: ''; position: absolute; right: 0; bottom: 0; width: 3.0rem; height: 0.7rem; background: url(../images/nimg300Bg.png) no-repeat; background-size: 3.0rem; }
.product .secondTab li a:hover{ color: #2bb7a6; }
.product .secondTab li .aNow{ color: #fff!important; background-image: linear-gradient(90deg, #2bb7a6 0%, #0f4d85 100%); background-blend-mode: normal, normal;}
.product .list{ margin-top: 0.4rem; }
.product .list ul{ margin-right: -0.32rem; }
.product .list li{ float: left; width: 25%; margin-bottom: 0.4rem; }
.product .list li .box{ margin-right: 0.32rem; border-radius: 0.1rem; overflow: hidden;}
.product .list li .imgDiv{ height: 2.7rem; overflow: hidden;}
.product .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.product .list li .botDiv{ height: 1.6rem; background: #f3f5f8; padding: 0.25rem 0.3rem 0; }
.product .list li .name{ height: 0.6rem; line-height: 0.3rem; font-size: 0.22rem; color: #333; overflow: hidden; }
.product .list li .ico{ position: relative; margin-top: 0.12rem; width: 0.6rem; height: 0.35rem; border: #2bb7a6 solid 1px; border-radius: 0.36rem; }
.product .list li .ico:after{ content: ''; position: absolute; left: 50%; top: 50%; margin-left: -3px; margin-top: -6px; width: 7px; height: 11px; background: url(../images/ico4.png) no-repeat;}
.product .list li .box:hover{ box-shadow: 0 0 0.3rem 0 rgba(0,0,0,0.07);}
.product .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.product .list li .box:hover .botDiv{ background: #fff;}
.product .list li .box:hover .ico{ border: none; background-image: linear-gradient(90deg, #2bb7a6 0%, #0f4d85 100%); background-blend-mode: normal, normal; }
.product .list li .box:hover .ico:after{ background: url(../images/ico4on.png) no-repeat;}


.application .zjMxf{ padding-top: 0.3rem; position:relative; z-index:1; }
.application .zjMxf .select{ float: left; margin-right: 0.3rem; width: 2.7rem; height: 50px; position: relative; }
.application .zjMxf .caption { position: relative; cursor: pointer; height: 50px; border-radius: 0.48rem; line-height: 50px; overflow:hidden; padding-left: 0.36rem; padding-right:0.5rem; text-overflow: ellipsis; white-space: nowrap; box-shadow: 0 0 0.3rem 0 rgba(0,0,0,0.07); font-size: 0.16rem; color: #999; background: #fff url(../images/selectIco.png) right center no-repeat; }
.application .zjMxf .xlist { width: 100%; position: absolute; left: 0; top: 100%; z-index: 12; background: #fff; max-height: 240px; overflow-y: auto; display: none; box-shadow: 0 0 0.3rem 0 rgba(0,0,0,0.07);/* border-top: none;*/ box-sizing: border-box; border-radius: 10px;}
.application .zjMxf .xlist::-webkit-scrollbar { width: 3px;}
.application .zjMxf .xlist::-webkit-scrollbar-track { background-color: #e5e5e5;}
.application .zjMxf .xlist::-webkit-scrollbar-thumb { background-color: #2bb7a6;} 
.application .zjMxf .xlist a { position:relative; display: block; font-size: 0.16rem; background: #fff; color: #999; line-height: 0.24rem; padding: 0.12rem 0.36rem; word-break:break-all; }
.application .zjMxf .xlist a:after{ content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#eee;}
.application .zjMxf .xlist a:hover, .application .zjMxf .xlist a.on { color: #2bb7a6;}

.application{ padding-bottom: 0.7rem; position: relative; z-index: 2; min-height:5.0rem;}
.application .list{ margin-top: 0.4rem; clear: both; }
.application .list li{ border-bottom: #e0e0e0 solid 1px; }
.application .list li:last-child{ border-bottom: none; }
.application .list li a{ display: block; position: relative; padding: 0.85rem 0.8rem 0 5.8rem; height: 3.9rem; background: #fff; }
.application .list li .imgDiv{ position: absolute; left: 0.5rem; top: 0.5rem; width: 4.6rem; height: 2.92rem; border-radius: 0.16rem; overflow: hidden; }
.application .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.application .list li .name{ font-size: 0.28rem; line-height: 0.36rem; height: 0.36rem; overflow: hidden; color: #333; }
.application .list li .content{ margin-top: 0.3rem; font-size: 0.2rem; line-height: 0.36rem; max-height: 1.8rem; overflow: hidden; font-family: 'Light'; color: #666; }
.application .list li a:hover{ border-radius: 0.12rem; box-shadow: 0 0 0.3rem 0 rgba(0,0,0,0.07); }
.application .list li a:hover .name{ color: #2bb7a6; }


.news{ padding-bottom: 1.2rem; }
.newsPic{ margin-top: 0.9rem; }
.newsPic .imgList{ overflow: hidden; border-radius: 0.2rem; box-shadow: 0 0 0.3rem 0 rgba(0,0,0,0.07); }
.newsPic .imgList a{ display: block; height: 5.2rem; position: relative; padding: 0 9.7rem 0 1.1rem; }
.newsPic .imgList .imgDiv{ position: absolute; right: 0; top: 0; width: 8.96rem; height: 5.2rem; }
.newsPic .imgList .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.newsPic .imgList .conDiv{ padding-top: 0.9rem; }
.newsPic .imgList .time{ font-size: 0.16rem; line-height: 0.16rem; color: #666; font-family: 'Light'; margin-bottom: 0.1rem; }
.newsPic .imgList .name{ color: #2bb7a6; font-family: 'SemiBold'; font-size: 0.28rem; line-height: 0.42rem; max-height: 0.84rem; overflow: hidden; }
.newsPic .imgList .content{ margin-top: 0.15rem; font-size: 0.16rem; line-height: 0.3rem; color: #666; font-family: 'Light'; }
.newsPic .imgList .more{ margin-top: 0.5rem; font-size: 0.16rem; text-transform: uppercase; line-height: 0.16rem; color: #2bb7a6; font-family: 'SemiBold'; }
.newsPic .swiper-container-horizontal>.swiper-pagination-bullets{ left: 1.1rem; width: auto; bottom: 0.9rem; text-align: left; }
.newsPic .swiper-pagination-bullet{ width: 12px; height: 12px; background: #fff; border: #d6d6d6 solid 2px; border-radius: 50%; opacity: 1; margin: 0 0.3rem 0 0!important;}
.newsPic .swiper-pagination-bullet-active{ border: #2bb7a6 solid 2px;}
.newsPic .imgList .swiper-slide-active .time{ animation: am_top 0.4s ease-out 0.1s backwards}
.newsPic .imgList .swiper-slide-active .name{ animation: am_top 0.4s ease-out 0.3s backwards}
.newsPic .imgList .swiper-slide-active .content{ animation: am_top 0.4s ease-out 0.5s backwards}
.newsPic .imgList .swiper-slide-active .more{ animation: am_top 0.4s ease-out 0.7s backwards}


.news .midmid{ padding: 0.8rem 0 1.0rem; position: relative; z-index: 1; }
.news .selectYear{ width: 2.1rem; position: relative; }
.news .caption { position: relative; cursor: pointer; height: 50px; line-height: 50px; padding-left: 0.35rem; font-size: 0.16rem; color: #999; background: #fff; box-sizing: border-box; border-radius: 0.36rem; box-shadow: 0 0 0.3rem 0 rgba(0,0,0,0.07);}
.news .caption:after { content: ""; display: block; width: 46px; height: 7px; background: url(../images/selectIco.png) no-repeat right center; background-size: contain; position: absolute; right: 0; top: 50%; margin-top: -3px; z-index: 10;}
.news .xlist { width: 100%; position: absolute; left: 0; top: 100%; z-index: 12; background: #fff; max-height: 240px; overflow-y: auto; display: none; box-shadow: 0 0 0.3rem 0 rgba(0,0,0,0.07);/* border-top: none;*/ box-sizing: border-box; border-radius: 10px;}
.news .xlist::-webkit-scrollbar { width: 3px;}
.news .xlist::-webkit-scrollbar-track { background-color: #e5e5e5;}
.news .xlist::-webkit-scrollbar-thumb { background-color: #2bb7a6;} 
.news .xlist a { display: block; font-size: 0.16rem; background: #fff; color: #999; height: 48px; line-height: 48px; padding: 0 0.36rem; }
.news .xlist a:hover, .news .xlist a.on { color: #2bb7a6;}

.news .form{ margin-left: 0.3rem; position: relative; padding-right: 1.9rem; }
.news .form .input1{ width: 4.0rem; font-size: 0.16rem; color: #999; height: 50px; line-height: 50px; border-radius: 0.36rem; font-family:'Regular'; padding-left: 0.65rem; background: #fff url(../images/nimg15_1.png) 0.36rem center no-repeat; box-shadow: 0 0 0.3rem 0 rgba(0,0,0,0.07); }
.news .form .input1::-webkit-input-placeholder{ color: #999; opacity: 1;}
.news .form .input1:-moz-placeholder{ color: #999; opacity: 1;}
.news .form .input1::-moz-placeholder{ color: #999; opacity: 1;}
.news .form .input1:-ms-input-placeholder{ color: #999; opacity: 1;}
.news .form .btnDiv{ position: absolute; right: 0; top: 0; width: 1.6rem; color: #fff; font-size: 0.16rem; height: 0.5rem; line-height: 0.5rem; text-align: center; background: #2bb7a6; border-radius: 0.48rem; }

.news .list{ margin-bottom: 0.3rem; }
.news .list ul{ margin-right: -0.48rem; }
.news .list li{ float: left; width: 33.33%; margin-bottom: 0.5rem; }
.news .list li .box{ margin-right: 0.48rem; border-radius: 0.1rem; overflow: hidden; box-shadow: 0 0 0.3rem 0 rgba(0,0,0,0.07);}
.news .list li .imgDiv{ height: 2.8rem; }
.news .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.news .list li .botDiv{ height: 4.0rem; background: #fff; padding: 0.4rem 0.4rem 0; }
.news .list li .time{ font-size: 0.16rem; line-height: 0.16rem; color: #999; height: 0.3rem; font-family: 'Light';}
.news .list li .name{ height: 0.72rem; line-height: 0.36rem; font-size: 0.28rem; color: #333; overflow: hidden; }
.news .list li .content{ color: #666; margin-top: 0.3rem; font-family: 'Light'; font-size: 0.16rem; line-height: 0.3rem; height: 1.2rem; overflow: hidden; }
.news .list li .ico{ position: relative; margin-top: 0.28rem; width: 0.6rem; height: 0.35rem; border: #2bb7a6 solid 1px; border-radius: 0.36rem; }
.news .list li .ico:after{ content: ''; position: absolute; left: 50%; top: 50%; margin-left: -3px; margin-top: -6px; width: 7px; height: 11px; background: url(../images/ico4.png) no-repeat;}
.news .list li .box:hover .time{ color: #2bb7a6;}
.news .list li .box:hover .ico{ border: none; background-image: linear-gradient(90deg, #2bb7a6 0%, #0f4d85 100%); background-blend-mode: normal, normal; }
.news .list li .box:hover .ico:after{ background: url(../images/ico4on.png) no-repeat;}

.newsBox{ padding: 0.3rem 0 1.2rem; }
.newShow{ width: 10.5rem; }
.newShow .name{ font-size: 0.48rem; color: #191c22; line-height: 0.64rem; font-family: 'SemiBold'; }
.newShow .time{ margin: 0.4rem 0 0.5rem; padding-left: 0.3rem; font-size: 0.18rem; line-height: 0.18rem; color: #999; background: url(../images/nimg14_2.png) left center no-repeat; font-family: 'Light'; }
.newShow .content{ padding-bottom: 0.75rem; font-family: 'Light'; font-size: 0.16rem; line-height: 0.42rem; color: #333; }
.newShow .content img{ max-width: 10.5rem; }
.newShow .share{ height: 0.8rem; background: #f5f5f5; position: relative; padding: 0.15rem 0 0 1.85rem; }
.newShow .share em{ position: absolute; left: 0.4rem; top: 0; font-size: 0.24rem; line-height: 0.8rem; color: #333; }
.newShow .share li{ float: left; margin-right: 0.35rem; }
.newShow .share li a{ display: block; width: 0.5rem; height: 0.5rem; border-radius: 50%; position: relative; }
.newShow .share li img{ position: absolute; left: 50%; top: 50%; margin-left: -12px; margin-top: -12px; }
.newShow .share li .img1{ opacity: 0; }
.newShow .share li a:hover{ background: #2bb7a6; }
.newShow .share li a:hover img{ opacity: 0; }
.newShow .share li a:hover .img1{ opacity: 1; }

.pageDown{ margin-top: 0.45rem; }
.pageDown ul{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.pageDown li{ font-size: 0.24rem; }
.pageDown li a{ color: #333; text-decoration: underline; }
.pageDown li a:hover{ color: #2bb7a6; }


.sideNews .title{ position: relative; font-family: 'SemiBold'; color: #000; font-size: 0.3rem; line-height: 0.3rem; padding-bottom: 0.3rem; }
.sideNews .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 32px; height: 5px; background: #2bb7a6; border-radius: 4px; }
.sideNews .list li{ padding: 0.4rem 0; border-bottom: #eee solid 1px; }
.sideNews .list li .name{ font-size: 0.2rem; color: #222; line-height: 0.36rem; overflow: hidden; }
.sideNews .list li .time{ font-family:'Light'; font-size: 0.16rem; line-height: 0.16rem; color: #2bb7a6; padding-bottom: 0.2rem; }
.sideNews .list li:hover .name{ color: #2bb7a6; }

.backBtn{ padding-top: 0.5rem; }
.backBtn a{ display: block; height: 0.56rem; line-height: 0.56rem; color: #fff; font-size: 16px; border-radius: 0.48rem; background: #2bb7a6; text-align: center; }
.backBtn img{ margin-left: 14px; position: relative; top: -1px; }

.contact{ padding: 0.8rem 0 1.2rem; }
.contact .leftDiv{ width: 10.5rem; }
.contact .title{ font-family: 'SemiBold'; font-size: 0.6rem; line-height: 0.6rem; color: #3a3a3a; height: 1.0rem; }
.contact .mxfDiv{ background: #f3f5f8; padding: 0.7rem 0.5rem 0.8rem; }
.contact .txt{ font-size: 0.28rem; line-height: 0.28rem; color: #333; padding-bottom: 0.3rem; border-bottom: #dcdcdc solid 1px; }
.contact .form{ margin-top: 0.35rem; }
.contact .form ul{ margin-right: -0.2rem; }
.contact .form li{ float: left; width: 50%; margin-bottom: 0.36rem; }
.contact .form .li01{ width: 100%; }
.contact .form li .box{ margin-right: 0.2rem; }
.contact .form li .wen{ height: 0.3rem; font-size: 14px; line-height: 14px; color: #333; }
.contact .form li .wen em{ color: #d0111b; font-family: 'Light'; padding-left: 5px; }

.contact .select{ width: 100%; height: 0.54rem; position: relative; }
.contact .caption { position: relative; cursor: pointer; height: 0.54rem; line-height: 0.54rem; padding-left: 0.3rem; font-size: 14px; color: #999; font-family: 'Light'; background: #fff url(../images/selectIco.png) right center no-repeat; border-radius: 8px;}
.contact .xlist { width: 100%; position: absolute; left: 0; top: 100%; z-index: 12; background: #fff; max-height: 2.0rem; overflow-y: auto; display: none; border: 1px solid #ededed;/* border-top: none;*/ box-sizing: border-box;}
.contact .xlist::-webkit-scrollbar { width: 4px;}
.contact .xlist::-webkit-scrollbar-track { background-color: #e5e5e5;}
.contact .xlist::-webkit-scrollbar-thumb { background-color: #2bb7a6;} 
.contact .xlist a { display: block; font-size: 14px; background: #fff; color: #999; height: 0.4rem; line-height: 0.4rem; padding: 0 0.3rem; text-align: left; }
.contact .xlist a:hover, .contact .xlist a.on { color: #2bb7a6;}
.contact .form li .input1{ width:100%; font-family: 'Light'; height:0.54rem; line-height:0.54rem; padding-left: 0.3rem; background: #fff; border-radius: 8px; font-size: 14px; color:#999;}
.contact .form li .input1::-webkit-input-placeholder{ color: #999; opacity: 1;}
.contact .form li .input1:-moz-placeholder{ color: #999; opacity: 1;}
.contact .form li .input1::-moz-placeholder{ color: #999; opacity: 1;}
.contact .form li .input1:-ms-input-placeholder{ color: #999; opacity: 1;}
.contact .form li textarea{ width:100%; font-family: 'Light'; padding:0.15rem 0 0 0.3rem; height:1.5rem; line-height:24px; font-size: 14px; color:#999; background: #fff; border-radius: 8px;}
.contact .form li textarea::-webkit-input-placeholder{ color: #999; opacity: 1;}
.contact .form li textarea:-moz-placeholder{ color: #999; opacity: 1;}
.contact .form li textarea::-moz-placeholder{ color: #999; opacity: 1;}
.contact .form li textarea:-ms-input-placeholder{ color: #999; opacity: 1;}
.contact .btnGroup{ padding-top: 10px; text-align: center; }
.contact .btnGroup li{ display: inline-block; margin: 0 5px; }
.contact .btnGroup li a{ width: 1.8rem; height: 0.48rem; border-radius: 0.36rem; background: #fff; font-size: 0.16rem; color: #333; }
.contact .btnGroup li:first-child em{ margin-left: 0.2rem; display: block; width: 23px; height: 22px; background: url(../images/nimg23_1.png) no-repeat;}
.contact .btnGroup li:last-child em{ margin-left: 0.2rem; display: block; width: 23px; height: 22px; background: url(../images/nimg23_2.png) no-repeat;}
.contact .btnGroup li a:hover{ background: #2bb7a6; color: #fff; }
.contact .btnGroup li:first-child a:hover em{ background: url(../images/nimg23_1on.png) no-repeat;}
.contact .btnGroup li:last-child a:hover em{ background: url(../images/nimg23_2on.png) no-repeat;}

.contact .rightDiv{ width: 4.2rem; padding-top: 1.0rem; }
.contact .msgList{ background: #fff; border-radius: 0.2rem; box-shadow: 0 0 0.3rem 0 rgba(0,0,0,0.07); padding: 0.45rem 0.35rem 0.2rem; overflow: hidden; }
.contact .msgList li{ padding-left: 48px; font-family: 'Light'; padding-bottom: 0.25rem; font-size: 0.18rem; line-height: 0.3rem; color: #333; position: relative; }
.contact .msgList li img{ position: absolute; left: 0; top: 3px;}

.contact .halaDiv{ margin-top: 0.4rem; padding: 0.6rem 0.35rem 0; height: 3.5rem; border-radius: 0.2rem; overflow: hidden; background: url(../images/nimg420_1.jpg) center no-repeat; background-size: cover; }
.contact .halaDiv .zi{ color: #fff; font-size: 0.36rem; line-height: 0.36rem; font-family: 'Light'; padding-bottom: 0.3rem; }
.contact .halaDiv .email{ color: #fff; font-size: 0.3rem; line-height: 0.3rem; }
.contact .halaDiv .btnDiv{ padding-top: 0.8rem; }
.contact .halaDiv .btnDiv a{ width: 2.0rem; height: 0.56rem; border-radius: 0.36rem; border: #fff solid 1px; font-size: 0.16rem; color: #fff; }
.contact .halaDiv .btnDiv em{ margin-left: 0.2rem; display: block; width: 23px; height: 22px; background: url(../images/nimg23_1on.png) no-repeat;}
.contact .halaDiv .btnDiv a:hover{ background: #2bb7a6; border: #2bb7a6 solid 1px;}

.loginBox{ background: #f3f5f8; padding: 0.8rem 0 1.2rem; }
.loginBox .title{ font-size: 0.6rem; line-height: 0.6rem; color: #3a3a3a; text-align: center; }
.loginBox .msg{ padding-top: 0.2rem; font-size: 0.16rem; line-height: 0.3rem; text-align: center; color: #333; font-family: 'Light'; }
.loginBox .msg a{ color: #2bb7a6; font-family: 'Regular'; }
.loginBox .msg a:hover{ text-decoration: underline; }
.loginBox .mxfDiv{ width: 7.68rem; margin: 0.4rem auto 0; }
.loginBox .txt{ font-size: 0.24rem; line-height: 0.24rem; color: #333; height: 0.56rem; border-bottom: #dedede solid 1px; }
.loginBox .form{ padding-top: 0.3rem; }
.loginBox .form li{ margin-bottom: 0.3rem; }
.loginBox .form li .input1{ width: 100%; padding-left: 0.3rem; font-size: 14px; font-family: 'Light'; color: #999; height: 0.54rem; border-radius: 4px; background: #fff; line-height: 0.54rem; }
.loginBox .form li .input1::-webkit-input-placeholder{ color: #999; opacity: 1;}
.loginBox .form li .input1:-moz-placeholder{ color: #999; opacity: 1;}
.loginBox .form li .input1::-moz-placeholder{ color: #999; opacity: 1;}
.loginBox .form li .input1:-ms-input-placeholder{ color: #999; opacity: 1;}
.loginBox .btnDiv{ margin: 0.2rem auto 0; width: 1.8rem; }
.loginBox .btnDiv a{ display: block; width: 100%; height: 0.52rem; line-height: 0.52rem; border-radius: 0.48rem; background: #2bb7a6; color: #fff; text-align: center; font-size: 0.18rem; font-family:'Regular';}

.portal{ background: #f3f5f8; padding: 0.3rem 0 1.2rem; }

.others .zjMxf{ padding-top: 0.9rem; position: relative; z-index: 2; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center;}
.others .zjMxf .select{ margin: 0 0.15rem; width: 2.38rem; height: 50px; position: relative; }

.others .zjMxf .caption { border-radius: 0.48rem; position: relative; cursor: pointer; overflow:hidden; height: 50px; line-height: 50px; padding-left: 0.4rem; padding-right:0.5rem; font-size: 0.16rem; color: #999; background: #fff url(../images/selectIco.png) right center no-repeat; box-shadow: 0 0 0.3rem 0 rgba(0,0,0,0.07); text-overflow: ellipsis; white-space: nowrap;}
.others .zjMxf .xlist { width: 100%; position: absolute; left: 0; top: 100%; z-index: 12; background: #fff; max-height: 240px; overflow-y: auto; display: none; /* border-top: none;*/ box-sizing: border-box; box-shadow: 0 0 0.3rem 0 rgba(0,0,0,0.07);}
.others .zjMxf .xlist::-webkit-scrollbar { width: 4px;}
.others .zjMxf .xlist::-webkit-scrollbar-track { background-color: #e5e5e5;}
.others .zjMxf .xlist::-webkit-scrollbar-thumb { background-color: #2bb7a6;} 
.others .zjMxf .xlist a { position:relative; display: block; font-size: 0.16rem; background: #fff; color: #999; line-height: 0.24rem; padding: 0.12rem 0.4rem; word-break:break-all; }
.others .zjMxf .xlist a:after{ content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#eee;}
.others .zjMxf .xlist a:hover, .others .zjMxf .xlist a.on { color: #2bb7a6;}
.others .zjMxf .xlist a:last-child { border-bottom: none;}

.others .zjMxf .form{ margin: 0 0.15rem; width: 6rem; height: 50px; position: relative; }
.others .zjMxf .form .input1{ width: 4rem; background: #fff url(../images/nimg15_1.png) 0.38rem center no-repeat; border-radius: 0.48rem; padding-left: 0.65rem; font-size: 0.16rem; color: #999; height: 50px; line-height: 50px; font-family:'Regular'; box-shadow: 0 0 0.3rem 0 rgba(0,0,0,0.07);}
.others .zjMxf .form .input1::-webkit-input-placeholder{ /* WebKit browsers */ color: #999; opacity: 1;}
.others .zjMxf .form .input1:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; opacity: 1;}
.others .zjMxf .form .input1::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; opacity: 1;}
.others .zjMxf .form .input1:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #999; opacity: 1;}
.others .zjMxf .form .btn1{ position: absolute; display: block; border-radius: 0.48rem; top: 0; right: 0; width: 1.8rem; height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 0.16rem; background: #2bb7a6;}

.portal .list{ padding-top: 0.7rem; }
.portal .list ul{ margin-right: -0.3rem; }
.portal .list li{ float: left; width: 25%; }
.portal .list li .box{ margin-right: 0.3rem; }
.portal .list li a{ display: block; position: relative; padding-top: 0.8rem; height: 3.6rem; border: #2bb7a6 solid 1px; border-radius: 0.2rem; background: #fff; }
.portal .list li a:after{ content:''; position:absolute; right:0; bottom:0; width:2.28rem; height:1.96rem; background:url(../images/nimg228Bg.png) no-repeat; background-size:2.28rem;}
.portal .list li .teme{ width: 1.1rem; height: 1.1rem; margin: 0 auto; position: relative; }
.portal .list li .ico{ position: relative; width: 1.1rem; height: 1.1rem; z-index: 1; }
.portal .list li .ico img{ position: absolute; left: 0; top: 0; width: 1.1rem; }
.portal .list li .ico .img1{ opacity: 0; }
.portal .list li .round{ width: 1.1rem; height: 1.1rem; position: absolute; left: -0.15rem; top: -0.15rem; background: rgba(0,0,0,0.05); border-radius: 50%; }
.portal .list li:nth-child(1) .round{ left: 0; top: -0.2rem; }
.portal .list li:nth-child(2) .round{ left: 0; top: 0; }
.portal .list li .name{ text-align: center; margin-top: 0.7rem; font-size: 0.28rem; line-height: 0.28rem; color: #2bb7a6; }

.portal .list li a:hover{ border: none; background-image: linear-gradient(180deg, #2bb7a6 0%, #0f4d85 100%); background-blend-mode: normal, normal;}
.portal .list li a:hover .round{ background: rgba(255,255,255,0.05); }
.portal .list li a:hover .ico img{ opacity: 0; }
.portal .list li a:hover .ico .img1{ opacity: 1; }
.portal .list li a:hover .name{ color: #fff; }

.goods{ background: #f3f5f8; padding: 0.3rem 0 1.2rem; }
.goods .list{ margin-top: 0.7rem; }
.goods .list ul{ margin-right: -0.32rem; }
.goods .list li{ float: left; width: 25%; margin-bottom: 0.4rem; }
.goods .list li .box{ margin-right: 0.32rem; border-radius: 0.1rem; overflow: hidden;}
.goods .list li .imgDiv{ height: 2.7rem; overflow: hidden;}
.goods .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.goods .list li .botDiv{ height: 1.6rem; background: #fff; padding: 0.25rem 0.3rem 0; }
.goods .list li .name{ height: 0.6rem; line-height: 0.3rem; font-size: 0.22rem; color: #333; overflow: hidden; }
.goods .list li .ico{ position: relative; margin-top: 0.12rem; width: 0.6rem; height: 0.35rem; border: #2bb7a6 solid 1px; border-radius: 0.36rem; }
.goods .list li .ico:after{ content: ''; position: absolute; left: 50%; top: 50%; margin-left: -3px; margin-top: -6px; width: 7px; height: 11px; background: url(../images/ico4.png) no-repeat;}
.goods .list li .box:hover{ box-shadow: 0 0 0.3rem 0 rgba(0,0,0,0.07);}
.goods .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.goods .list li .box:hover .ico{ border: none; background-image: linear-gradient(90deg, #2bb7a6 0%, #0f4d85 100%); background-blend-mode: normal, normal; }
.goods .list li .box:hover .ico:after{ background: url(../images/ico4on.png) no-repeat;}

.document{ padding-bottom: 1.2rem; }
.document .zjMxf{ padding-top: 0.6rem; }
.document .table_T{ margin-top: 0.6rem; height: 0.45rem; overflow: hidden; }
.document .table_T li{ float: left; font-size: 0.24rem; line-height: 0.24rem; color: #000;}
.document .table_T li:nth-child(1){ padding-left: 0.3rem; width: 3.35rem; }
.document .table_T li:nth-child(2){ width: 1.3rem; }
.document .table_T li:nth-child(3){ width: 1.25rem; }
.document .table_T li:nth-child(4){ width: 3.3rem; }
.document .table_T li:nth-child(5){ width: 3.1rem; }
.document .list{ padding-bottom: 0.6rem; }
.document .list li{ overflow: hidden; margin-bottom: 0.2rem; background: #f3f5f8; padding: 0.25rem 0 0.5rem; font-size: 0.16rem; line-height: 0.32rem; color: #333; font-family: 'Light'; }
.document .list li .zi em{ display: none; }
.document .list li .title{ padding-left: 0.3rem; padding-right: 0.8rem; width: 3.35rem;}
.document .list li .type{ width: 1.3rem; }
.document .list li .type img{ width: 0.62rem; }
.document .list li .size{ width: 1.25rem; padding-right: 0.15rem; }
.document .list li .desc{ width: 3.3rem; padding-right: 0.5rem;}
.document .list li .date{ width: 3.1rem; padding-right: 0.3rem;}
.document .list li .btnDiv a{ display: block; width: 2.4rem; height: 0.5rem; line-height: 0.5rem; text-align: center; font-size: 0.16rem; background: #2bb7a6; color: #fff; border-radius: 0.48rem; font-family: 'Regular';}

.aboutP1{ padding: 0.85rem 0 1.2rem; position: relative; overflow: hidden;}
.aboutP1 .mxfDiv{ position: relative; min-height: 8.4rem; }
.aboutP1 .leftDiv{ width: 7.68rem; position: relative; z-index: 2; }
.aboutP1 .title{ font-size: 0.6rem; line-height: 0.6rem; color: #3a3a3a; position: relative; padding-bottom: 0.42rem; }
.aboutP1 .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 50px; height: 4px; background: #2bb7a6; border-radius: 4px; }
.aboutP1 .content{ margin-top: 0.5rem; height: 6.84rem; overflow: auto; padding-right: 0.75rem; font-size: 0.22rem; line-height: 0.36rem; color: #333; font-family: 'Light';}
.aboutP1 .content::-webkit-scrollbar { width: 4px;}
.aboutP1 .content::-webkit-scrollbar-track { background-color: #e2e5ea;}
.aboutP1 .content::-webkit-scrollbar-thumb { background-color: #2bb7a6;} 
.aboutP1 .rightImg{ width: 8.52rem; height: 8.4rem; border-top-left-radius: 0.24rem; border-bottom-left-radius: 0.24rem; position: absolute; z-index: 2; right: 0; top: 0; overflow: hidden; }
.aboutP1 .rightImg img{ width: 100%; height: 100%; object-fit: cover; }

.aboutP2{ height: 4.8rem; background: url(../images/aboutP2.jpg) center no-repeat; background-size: cover; }
.aboutP2 .title{ font-size: 0.6rem; line-height: 0.6rem; text-align: center; padding-bottom: 0.42rem; position: relative; color: #fff; }
.aboutP2 .title:after{ content: ''; position: absolute; left: 50%; margin-left: -25px; bottom: 0; width: 50px; height: 4px; background: #2bb7a6; border-radius: 4px; }
.aboutP2 .msg{ margin-top: 0.5rem; color: #fff; font-size: 0.24rem; line-height: 0.36rem; text-align: center; color: #fff; font-family: 'Light'; }

.aboutP3{ padding: 1.2rem 0 1.6rem; }
.aboutP3 .title{ font-size: 0.6rem; line-height: 0.6rem; text-align: center; padding-bottom: 0.7rem; color: #3a3a3a; }
.aboutP3 .numList li{ float: left; width: 20%; }
/*.aboutP3 .numList li:last-child{ float: right; width: auto; }*/
.aboutP3 .numList li .ico{ height: 0.95rem; }
.aboutP3 .numList li .ico img{ width: 0.61rem; }
.aboutP3 .numList li .num{ font-family:'SemiBold'; height: 0.8rem; font-size: 0.6rem; line-height: 0.6rem; display: inline-block; background-image:-webkit-linear-gradient(left,#2bb7a6,#0f4c85);
 background-image:linear-gradient(to right,#2bb7a6,#0f4c85); 
 -webkit-background-clip: text; 
 -webkit-text-fill-color: transparent;}
.aboutP3 .numList li .num span{ font-size: 0.36rem; }
.aboutP3 .numList li .wen{ font-size: 0.24rem; line-height: 0.24rem; color: #333; }

.aboutP4{ padding-bottom: 1.2rem; }
.aboutP4 .title{ text-align: center; font-size: 0.6rem; line-height: 0.6rem; color: #3a3a3a; padding-bottom: 0.6rem; }
.aboutP4 .tab2{ overflow: hidden; border-top-left-radius: 0.16rem; border-top-right-radius: 0.16rem; margin: 0 auto; width: 11.4rem;}
.aboutP4 .tab2 li{ float: left; width: 3.8rem; position: relative; height: 0.7rem; line-height: 0.7rem; background: #f3f5f8; font-size: 0.2rem; text-align: center;}
.aboutP4 .tab2 li:after{ content: ''; position: absolute; right: 0; top: 0; width: 2px; height: 100%; background: #fff; }
.aboutP4 .tab2 li:last-child:after{ display: none; }
.aboutP4 .tab2 li .limg{ position: absolute; left: 50%; top: 50%; margin-left: -0.99rem; margin-top: -0.22rem; width: 1.98rem; height: 0.44rem;}
.aboutP4 .tab2 li .limg img{ position: absolute; left: 0; top: 0; width: 1.98rem; }
.aboutP4 .tab2 li .limg .img1{ display: none; }
.aboutP4 .tab2 .liNow{ background: #2bb7a6; }
.aboutP4 .tab2 .liNow .limg img{ display: none; }
.aboutP4 .tab2 .liNow .limg .img1{ display: inline-block; }


.aboutP4 .mxfDiv{ background: #fff; padding: 0.5rem 0.4rem 0.5rem 0.6rem; border-radius: 0.2rem; overflow: hidden; box-shadow: 0 0 0.2rem 0 rgba(0,0,0,0.1);  animation: am_top 0.8s ease-out 0.1s backwards; -webkit-animation: am_top 0.8s ease-out 0.1s backwards;}
.aboutP4 .conDiv{ width: 6.58rem; }
.aboutP4 .name{ height: 1.0rem; border-bottom: #ccc solid 1px; position: relative; }
.aboutP4 .name img{ height:0.8rem; }
.aboutP4 .imgDiv{ width: 6.85rem; height: 4.45rem; border-radius: 0.2rem; overflow: hidden; }
.aboutP4 .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.aboutP4 .content{ margin-top: 0.35rem; font-size: 0.18rem; line-height: 0.3rem; color: #3a3a3a; padding-right: 8px; max-height: 2.4rem; overflow: auto; }
.aboutP4 .content::-webkit-scrollbar { width: 4px;}
.aboutP4 .content::-webkit-scrollbar-track { background-color: #e2e5ea;}
.aboutP4 .content::-webkit-scrollbar-thumb { background-color: #2bb7a6;} 

.aboutP5{ position: relative; padding-top: 1.2rem; padding-bottom: 3.75rem; background: url(../images/aboutP5.jpg) center no-repeat; background-size: cover; overflow: hidden; }
.aboutP5 .title{ font-size: 0.6rem; text-align: center; color: #333; line-height: 0.6rem; position: relative; height: 0.8rem; font-family:'Regular'; margin-bottom: 1.6rem; }
.aboutP5 .title:after{ content: ''; position: absolute; left: 50%; margin-left: -25px; bottom: 0; width: 50px; height: 4px; background: #2bb7a6; border-radius: 4px; }

.aboutP5 .swiper-slide {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  position: relative;
}
.aboutP5 .swiper-slide:after {
  content: "";
  width: 1px;
  height: 0.96rem;
  background: #dadada;
  position: absolute;
  left: 50%;
  top: 0.1rem;
  z-index: 10;
}
.aboutP5 .swiper-slide-active .year,
.aboutP5 .swiper-slide-active .desc {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
}
.aboutP5 .year,
.aboutP5 .desc {
  width: 50%;
  opacity: 0;
  visibility: hidden;
  transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition-delay: 0.3s;
}
.aboutP5 .year {
  font-size: 1.2rem;
  color: #2bb7a6;
  line-height: 1.1rem;
  font-weight: 700;
  font-family:'SemiBold';
  text-align: right;
  padding-right: 1.1rem;
  transform: translateX(0.5rem);
  -webkit-transform: translateX(0.5rem);
  -moz-transform: translateX(0.5rem);
  -ms-transform: translateX(0.5rem);
  -o-transform: translateX(0.5rem);
}
.aboutP5 .desc,
.aboutP5 .desc li {
  font-size: 18px;
  line-height: 0.36rem;
  color: #666;
}
.aboutP5 .desc {
  transform: translateX(-0.5rem);
  -webkit-transform: translateX(-0.5rem);
  -moz-transform: translateX(-0.5rem);
  -ms-transform: translateX(-0.5rem);
  -o-transform: translateX(-0.5rem);
  padding-left: 1.2rem;
  max-height: 1.8rem;
  overflow: auto;
}
.aboutP5 .desc::-webkit-scrollbar { width: 4px;}
.aboutP5 .desc::-webkit-scrollbar-track { background-color: #e1e1e1;}
.aboutP5 .desc::-webkit-scrollbar-thumb { background-color: #2bb7a6;}
.aboutP5 .desc li {
  list-style-type: none;
  position: relative;
  padding-bottom: 0.36rem;
  padding-left: 0.3rem;
  width: 5.4rem;
  color: #000;
  line-height: 0.36rem;
}
.aboutP5 .desc li:before {
  content: "";
  width: 0.16rem;
  height: 0.16rem;
  background-color: #fff;
  border: #2bb7a6 solid 3px;
  position: absolute;
  left: 0;
  top: 0.1rem;
  border-radius: 50%;
  box-sizing: border-box;
}

.set {
  box-sizing: border-box;
  position: absolute;
  height: 2.6rem;
  left: 0;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0 3.125%;
  z-index: 25;
  opacity: 1;
  transition: opacity 2s ease-in-out;
}
.corona {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 10;
  margin: auto;
  bottom: -35vw;
  width: 46vw;
  height: 46vw;
  transition: transform 0.8s ease-out;
}
.corona > li {
  position: absolute;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.corona > li:hover em {
  color: #e94615;
}
.corona > li:after {
  content: "";
  width: 1px;
  height: 54px;
  background: url(../images/history-line.png) no-repeat center bottom;
  background-size: 100%;
  position: absolute;
  left: 50%;
  top: 40px;
  z-index: 1;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
}
.corona > li em {
  font-size: 18px;
  font-family:'mont';
  color: #999;
  font-weight: 700;
  width: 200px;
  text-align: center;
  white-space: nowrap;
  display: block;
  transform: translateY(10px);
  line-height: 30px;
  transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out, color 0.4s ease;
}
.corona > li.on:after {
  opacity: 1;
  visibility: visible;
}
.corona > li.on .dot {
  opacity: 1;
  transform: none;
}
.set .corona > li.on em {
  transform: translateY(-30px);
  color: #2bb7a6;
  font-size: 30px;
}
.corona:after {
  content: "";
  width: 95%;
  height: 95%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  border: 1px solid #878787;
  border-radius: 50%;
}
.corona > li .dot {
  width: 16px;
  height: 24px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: calc(100% - 25px);
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}
.scale-circle {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: -35vw;
  width: 46vw;
  height: 46vw;
  transform: scale(0.9) rotate(0deg);
  animation: scaleCircleAni 100s linear infinite;
}

@media screen and (max-width: 1367px) {
  .set .corona,
  .set .scale-circle {
    width: 50vw;
    height: 50vw;
  }
}




.aboutP6{ padding: 1.2rem 0; }
.aboutP6 .toptop{ height: 1.35rem; position: relative; }
.aboutP6 .title{ font-size: 0.6rem; color: #333; line-height: 0.6rem; position: relative; height: 0.9rem; font-family:'Regular'; }
.aboutP6 .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 50px; height: 4px; background: #2bb7a6; border-radius: 4px; }
.aboutP6 .tab2{ position: absolute; right: 0; top: 0; z-index: 1; }
.aboutP6 .tab2 li{ float: left; margin-left: 0.45rem; text-transform: uppercase; text-align: center; font-size: 0.2rem; font-family: 'SemiBold'; }
.aboutP6 .tab2 li .box{ position: relative; width: 3.6rem; height: 0.7rem; line-height: 0.7rem; color: #333; background: #f3f5f8; border-radius: 0.48rem; }
.aboutP6 .tab2 li .box:after{ content: ''; opacity: 0; position: absolute; right: 0; bottom: 0; width: 3.0rem; height: 0.7rem; background: url(../images/nimg300Bg.png) no-repeat; background-size: 3.0rem; }
.aboutP6 .tab2 .liNow .box{ color: #fff; background-image: linear-gradient(90deg, #2bb7a6 0%, #0f4d85 100%); background-blend-mode: normal, normal;}
.aboutP6 .tab2 .liNow .box:after{ opacity: 1; }

.aboutP6 .tabContent2{ background: #fff; padding: 0.6rem; border-radius: 0.2rem; overflow: hidden; box-shadow: 0 0 0.2rem 0 rgba(0,0,0,0.1);  animation: am_top 0.8s ease-out 0.1s backwards; -webkit-animation: am_top 0.8s ease-out 0.1s backwards;}
.aboutP6 .tab{ overflow: hidden; }
.aboutP6 .tab li{ float: left; width: 1.8rem; height: 0.6rem; text-align: center; line-height: 0.6rem; color: #333; font-size: 0.2rem; text-transform: uppercase; font-family: 'SemiBold'; border-radius: 0.36rem; background: #f3f5f8; margin-right: 0.3rem; }
.aboutP6 .tab .liNow{ background: #2bb7a6; color: #fff; }
.aboutP6 .tabContent{ padding-top: 0.4rem; }
.aboutP6 .name{ font-size: 0.28rem; line-height: 0.28rem; height: 0.42rem; color: #333; text-transform: uppercase; }
.aboutP6 .list li a{ display: block; position: relative;  height: 0.76rem; border-bottom: #efefef solid 2px; padding-right: 6.7rem; }
.aboutP6 .list li .txt{ font-size: 0.18rem; color: #3a3a3a; padding-left: 0.35rem; height: 0.76rem; position: relative; }
.aboutP6 .list li .txt:before{ content: ''; position: absolute; left: 0; top: 50%; margin-top: -0.08rem; width: 0.16rem; height: 0.16rem; border-radius: 50%; border: #2bb7a6 solid 2px; box-sizing: border-box;}
.aboutP6 .list li .zi{ position: absolute; left: 8.12rem; top: 0; line-height: 0.74rem; padding-left: 0.28rem; font-size: 0.18rem; color: #103674; }
.aboutP6 .list li .zi:before{ content: ''; position: absolute; left: 0; top: 50%; margin-top: -0.04rem; width: 0.08rem; height: 0.08rem; border-radius: 50%; background: #103674; }
.aboutP6 .list li a:hover .txt{ color: #2bb7a6; }

.productBan{ height: 3.4rem; background: url(../images/productBg.jpg) center no-repeat; background-size: cover; }
.productBan .title{ color: #fff; font-size: 0.72rem; line-height: 0.72rem; font-family: 'SemiBold'; padding-bottom: 0.3rem;}

.productBan .pageNow{ background: url(../images/nimg14_3.png) left center no-repeat; }
.productBan .pageNow a{ position: relative; display: inline-block; padding-left: 18px; padding-right: 14px; color:#fff; }
.productBan .pageNow a:before{ background:url(../images/ico5.png) center no-repeat; }
.productBan .pageNow em{ color: #fff; }
.productBan .pageNow em:before{ background:url(../images/ico5.png) center no-repeat; }

.productP1{ padding: 0.5rem 0 1.3rem; overflow: hidden; }
.productP1 .secondTab{ padding-bottom: 0.1rem; }
.productP1 .secondTab ul{ margin-right: -0.45rem; }
.productP1 .secondTab li{ float: left; width: 25%; margin-bottom: 0.4rem; }
.productP1 .secondTab li .box{ margin-right: 0.45rem; }
.productP1 .secondTab li a{ display: block; overflow: hidden; position: relative; text-align: center; font-size: 0.2rem; color: #333; height: 0.7rem; line-height: 0.7rem; background: #f3f5f8; border-radius: 0.48rem; }
.productP1 .secondTab li a:after{ content: ''; position: absolute; right: 0; bottom: 0; width: 3.0rem; height: 0.7rem; background: url(../images/nimg300Bg.png) no-repeat; background-size: 3.0rem; }
.productP1 .secondTab li a:hover{ color: #2bb7a6; }
.productP1 .secondTab li .aNow{ color: #fff!important; background-image: linear-gradient(90deg, #2bb7a6 0%, #0f4d85 100%); background-blend-mode: normal, normal;}

.productP1 .leftDiv{ width: 7.68rem; }
.productP1 .detail-box{ width: 7.68rem; }
.productP1 .detail-box .imgDiv{ height: 6.72rem; }
.productP1 .detail-box .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.productP1 .detail-box .list .item { display: none; position: relative;}
.productP1 .detail-box .list .item.on { display: block; animation: fadeOfOpacity .5s linear;}
.productP1 .box-container{ width: 100%; position: relative; margin-top: 10px; }
.productP1 .img-swiper{ width: 5.48rem; margin: 0 auto; }
.productP1 .img-swiper .limg{ cursor: pointer; border-radius: 6px; height: 1.05rem; border: #f3f5f8 solid 1px; background: #f3f5f8; text-align: center; overflow:hidden;}
.productP1 .img-swiper .limg img{ width: 1.18rem; }
.productP1 .swiper-slide.swiper-slide-active .limg{ background: #fff; border: #2bb7a6 solid 1px; }
.productP1 .swiper-btn{ position: absolute; display: block; width: 0.64rem; height: 0.64rem; top: 50%; margin-top: -0.32rem; border-radius: 50%; z-index: 2; }
.productP1 .prev{ left: 0; background: #f3f5f8 url("../images/nimg9_left.png") center no-repeat; }
.productP1 .next{ right: 0; background: #f3f5f8 url("../images/nimg9_right.png") center no-repeat;}
.productP1 .prev:hover{ background: #2bb7a6 url("../images/nimg9_lefton.png") center no-repeat;}
.productP1 .next:hover{ background: #2bb7a6 url("../images/nimg9_righton.png") center no-repeat;}

.productP1 .rightDiv{ width: 6.9rem; }
.productP1 .name{ margin-bottom: 0.1rem; font-size: 0.48rem; line-height: 0.6rem; color: #333; text-transform: uppercase; font-family: 'SemiBold'; }
.productP1 .txt{ font-size: 0.18rem; line-height: 0.32rem; color: #2bb6a6; margin-bottom: 0.55rem; }
.productP1 .content{ font-size: 0.3rem; line-height: 0.48rem; max-height: 3.84rem; padding-right: 8px; overflow: auto; }
.productP1 .content::-webkit-scrollbar { width: 4px;}
.productP1 .content::-webkit-scrollbar-track { background-color: #e2e5ea;}
.productP1 .content::-webkit-scrollbar-thumb { background-color: #2bb7a6;} 

.productP2 .title{ text-align: center; margin-bottom: 0.6rem; color: #2bb7a6; font-size: 0.6rem; line-height: 0.6rem; font-family: 'Regular'; }
.productP2 .pjDiv{ position: relative; }
.productP2 .tab2{ width: 3.56rem; }
.productP2 .tab2 li{ margin-bottom: 0.26rem;}
.productP2 .tab2 li .lbox{ position: relative; height: 0.8rem; line-height: 0.8rem; font-size: 0.24rem; color: #2bb7a6; font-family: 'Regular'; width: 3.2rem; padding-left: 0.6rem; border-radius: 0.16rem; background: rgba(42,181,165,0.33); }
.productP2 .tab2 li .whiteBg{ display: none; position: absolute; top: 0; right: -0.2rem; width: 0.5rem; height: 0.8rem; background: #fff; z-index: 1; }
.productP2 .tab2 .liNow .lbox{ width: 3.56rem; background: #fff; color: #103674; box-shadow: 0 0 0.3rem 0 rgba(0,0,0,0.07); border-top-right-radius: 0; border-bottom-right-radius: 0;}
.productP2 .tab2 .liNow .whiteBg{ display: block; }
.productP2 .tabContentDiv2{ width: 11.8rem; }
.productP2 .mxfDiv{ padding: 0.6rem 0.65rem; background: #fff; border-radius: 0.16rem; box-shadow: 0 0 0.3rem 0 rgba(0,0,0,0.07); }
.productP2 .txt{ font-size: 0.3rem; line-height: 0.3rem; padding-bottom: 0.4rem; color: #2bb7a6; font-family: 'Regular'; }
.productP2 .list li{ margin-bottom: 0.5rem; }
.productP2 .list li:nth-child(even) .imgDiv{ order: 2; }
.productP2 .list li .imgDiv{ width: 5.05rem; overflow: hidden; border-radius: 0.12rem; }
.productP2 .list li .imgDiv img{ width: 100%; }
.productP2 .list li .conDiv{ width: 5.1rem; }
.productP2 .list li .name{ line-height: 0.36rem; color: #333; font-size: 0.28rem; }
.productP2 .list li .msg{ margin-top: 0.12rem; font-size: 0.2rem; line-height: 0.36rem; font-family: 'Light'; }

.productP2 .list2 li{ padding-bottom: 0.4rem; }
.productP2 .list2 li:last-child{ padding-bottom: 0; }
.productP2 .list2 li .imgDiv{ text-align:center; }
.productP2 .list2 li .imgDiv img{ max-width: 100%; }
.productP2 .list2 li .conDiv{ padding-bottom: 0.16rem;}
.productP2 .list2 li .name{ line-height: 0.36rem; color: #333; font-size: 0.28rem; }
.productP2 .list2 li .msg{ margin-top: 0.12rem; font-size: 0.2rem; line-height: 0.36rem; font-family: 'Light'; }


.productP2 .table th{ border-bottom: #fff solid 3px; border-right: #fff solid 3px; height: 0.6rem; font-family: 'Regular'; font-weight: 400; background: #63c0b0; color: #fff; font-size: 0.16rem; }
.productP2 .table th:first-child{ background: #2bb7a6; }
.productP2 .table td{ border-bottom: #fff solid 3px; border-right: #fff solid 3px; text-align: center; height: 0.6rem; font-family: 'Light'; font-weight: 400; background: #ceebe7; font-size: 0.16rem; }
.productP2 .table tr:nth-child(odd) td{ background: #f1f8f7; }
.productP2 .table tr td:first-child{ background: #2bb7a6; color: #fff; font-size: 0.14rem;}

.productP3{ padding: 1.2rem 0; }
.productP3 .toptop{ height: 1.2rem; position: relative; }
.productP3 .title{ font-family: 'Regular'; font-size: 0.48rem; line-height: 0.48rem; color: #2bb7a6;  }
.productP3 .arrowDiv{ position: absolute; right: 0; top: 0; z-index: 1; }
.productP3 .se{ float: left; position: relative; margin-left: 0.2rem; display: block; width: 0.64rem; height: 0.64rem; border-radius: 50%; }
.productP3 .prev{ background: #f3f5f8 url(../images/nimg9_left.png) center no-repeat;}
.productP3 .next{ background: #f3f5f8 url(../images/nimg9_right.png) center no-repeat;}
.productP3 .prev:hover{ background: #2bb7a6 url(../images/nimg9_lefton.png) center no-repeat;}
.productP3 .next:hover{ background: #2bb7a6 url(../images/nimg9_righton.png) center no-repeat;}
.productP3 .list{ overflow: hidden; padding-bottom: 0.3rem;}
.productP3 .list li a{ display: block; border-radius: 0.1rem; overflow: hidden; }
.productP3 .list li .imgDiv{ height: 2.7rem; }
.productP3 .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.productP3 .list li .botDiv{ height: 1.6rem; background: #f3f5f8; padding: 0.25rem 0.3rem 0; }
.productP3 .list li .name{ height: 0.6rem; line-height: 0.3rem; font-size: 0.22rem; color: #333; overflow: hidden; }
.productP3 .list li .ico{ position: relative; margin-top: 0.12rem; width: 0.6rem; height: 0.35rem; border: #2bb7a6 solid 1px; border-radius: 0.36rem; }
.productP3 .list li .ico:after{ content: ''; position: absolute; left: 50%; top: 50%; margin-left: -3px; margin-top: -6px; width: 7px; height: 11px; background: url(../images/ico4.png) no-repeat;}
.productP3 .list li:hover a{ box-shadow: 0 0 0.3rem 0 rgba(0,0,0,0.07);}
.productP3 .list li:hover .botDiv{ background: #fff;}
.productP3 .list li:hover .ico{ border: none; background-image: linear-gradient(90deg, #2bb7a6 0%, #0f4d85 100%); background-blend-mode: normal, normal; }
.productP3 .list li:hover .ico:after{ background: url(../images/ico4on.png) no-repeat;}

.productP3 .moreBtn{ margin: 0.3rem auto 0; width: 3.5rem; }
.productP3 .moreBtn a{  overflow: hidden; display: block; text-transform: uppercase; position: relative; width: 100%; text-align: center; height:0.72rem; line-height: 0.72rem; font-size: 0.2rem; font-family: 'SemiBold'; color:#fff; border-radius:0.48rem; background-image: linear-gradient(90deg, #2bb7a6 0%, #0f4d85 100%); background-blend-mode: normal, normal; }
.productP3 .moreBtn em{ position:relative; z-index:1; display: block; width: 100%; height: 100%;}
.productP3 .moreBtn a:after{ content: ""; display: block; width: 0; height: 100%; position: absolute; top: 0; left: 0; background-image: linear-gradient(90deg,#0f4d85 0,#2bb7a6); transition: 0.5s;}
.productP3 .moreBtn a:hover:after{ width:100%;}











































