@charset "UTF-8";
/*清除默认样式 */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li {margin: 0;padding: 0;}
body,h1,li,a {font-size: 14px;color: #333;}
body {font-size: 16px;overflow-x: hidden;} 
footer,header,nav,section,time {display: block;margin: 0;padding: 0;}
h1,h2,h3,h4,h5,h6 {font-weight: normal;}
ul,ol {list-style: none;}
a {text-decoration: none;color: inherit;}
a:hover {text-decoration: none;}
p,span {color: inherit;}
img {max-width: 100%;}
* {margin: 0;padding: 0;box-sizing: border-box;}
a,a:hover {text-decoration: none;outline: none;}
ul li {list-style-type: none;}
img {border: none;}

::-webkit-scrollbar {width: 5px;background: #f7f8f9;}
::-webkit-scrollbar-thumb {background: #0086ae;}
:root {--fs16: 16px;}
 

.bg {background-image: linear-gradient(-90deg, #0b59c3 0%, #0086ae 100%);background-blend-mode: normal, normal;}
.box-container {width: 15.36rem;margin: 0 auto;}
.w1200 {width: 1200px;margin: 0 auto;}


.pic {font-size: 0;overflow: hidden;display: block;width: 100%;}
.pic img {width: 100%;display: block;transition: transform 0.8s ease;}
  

.header-wrapper {width: 100%;margin: 0 auto;position: fixed;left: 0;top: 0;z-index: 30;transition: all 0.4s ease;}
.header-wrapper.shadow {box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);}
.header-wrapper.active {transform: translate(0, -1.2rem);}
.header-wrapper.on {background-color: #fff;}
.header-wrapper.on .logo-box img.init {display: none;}
.header-wrapper.on .logo-box img.on {display: block;}
.header-wrapper.on .pc-nav-box ul li:hover > a {color: #0086ae;}
.header-wrapper.on .pc-nav-box ul li:hover > a:after {transform: scale(1);}
.header-wrapper.on .pc-nav-box ul li .nav a:hover {color: #0086ae;}
.header-wrapper.on .pc-nav-box ul li a {color: #333;}
.header-wrapper.on .pc-nav-box ul li a:after {background-color: #0086ae;}
.header-wrapper.on .search {background-image: url(search5.png);}
.header-wrapper.on .language .caption {color: #333;background-image: url(earth2.png);}
.header-wrapper.on .language .caption i {background-image: url(idown2.png);}

.header-wrapper:hover {background: #fff;z-index: 30;}
.header-wrapper:hover .logo-box img.init {display: none;}
.header-wrapper:hover .logo-box img.on {display: block;}
.header-wrapper:hover .pc-nav-box ul li:hover > a {color: #0086ae;}
.header-wrapper:hover .pc-nav-box ul li:hover > a:after {transform: scale(1);}
.header-wrapper:hover .pc-nav-box ul li .nav a:hover {color: #0086ae;font-weight: 700;}
.header-wrapper:hover .pc-nav-box ul li a {color: #333;}
.header-wrapper:hover .pc-nav-box ul li a:after {background: #0086ae;}
.header-wrapper:hover .search {background-image: url(search5.png);}
.header-wrapper:hover .language .caption {color: #333;background-image: url(earth2.png);}
.header-wrapper:hover .language .caption i {background-image: url(idown2.png);}

.header-wrapper .language:hover .caption:after {opacity: 1;visibility: visible;}
.header-wrapper .language:hover .list {opacity: 1;visibility: visible;}
.header-wrapper .language:hover .list:before {transform: translateY(0);opacity: 1;visibility: visible;}
.header-wrapper .language:hover .list a {display: block;animation: navInUp50 0.6s ease;animation-fill-mode: forwards;}

.header-wrapper .box {display: flex;align-items: center;height: 0.9rem;padding: 0 0.5rem 0 0.5rem;}
.header-wrapper .logo-box {width: 2.18rem;}
.header-wrapper .logo-box a {display: block;}
.header-wrapper .logo-box img {width: 100%;}
.header-wrapper .logo-box img.on {display: none;}
.header-wrapper .other-box {display: flex;align-items: center;}
 
.header-wrapper .search-box {position: relative;margin-right: 0.56rem;}
.header-wrapper .search-box .text {width: 100%;height: 0.46rem;font-size: var(--fs16);line-height: 0.46rem;padding: 0 0.6rem 0 0.2rem;background-color: transparent;color: #666;}
.header-wrapper .search-box ::-webkit-input-placeholder {color: #666;font-size: var(--fs16);}
.header-wrapper .search-box :-moz-placeholder {color: #666;font-size: var(--fs16);}
.header-wrapper .search-box ::-moz-placeholder {color: #666;font-size: var(--fs16);}
.header-wrapper .search-box :-ms-input-placeholder {color: #666;font-size: var(--fs16);}
.header-wrapper .form {width: 4rem;background: #f8f8f8;position: absolute;right: -0.4rem;top: 100%;z-index: 10;padding: 0.1rem 0.2rem;box-shadow: 0 12px 20px rgba(0, 0, 0, 0.1);display: none;}
.header-wrapper .search,
.header-wrapper .submit {z-index: 10;display: block;background-size: contain;background-repeat: no-repeat;background-position: center center;background-size: 16px;cursor: pointer;}
.header-wrapper .search {position: relative;width: 24px;height: 0.9rem;background-image: url(search.png);}
.header-wrapper .submit {width: 16px;height: 16px;position: absolute;right: 0.4rem;top: 50%;margin-top: -8px;z-index: 10;background-image: url(search5.png);}

.header-wrapper .language {position: relative;}
.header-wrapper .language .caption {color:#fff;font-weight: 700;cursor: pointer;background-image: url(earth.png);background-repeat: no-repeat;background-position: left center;padding-left: 33px;line-height: 50px;}
.header-wrapper .language.on .caption:after {opacity: 1;visibility: visible;}
.header-wrapper .language.on .list {opacity: 1;visibility: visible;}
.header-wrapper .language.on .list a {display: block;animation: navInUp50 0.6s ease;animation-fill-mode: forwards;}
.header-wrapper .language .caption {color: #fff;font-family: Arial;font-weight: 700;cursor: pointer; padding-left: 33px;line-height: 50px;}
.header-wrapper .language .caption:after {content:"";border:0.06rem solid transparent;position:absolute;left:50%;bottom:0;z-index:10;margin-left:-0.06rem;border-bottom-color:#fff;opacity:0;visibility:hidden;transition:all 0.3s ease;}
.header-wrapper .language .caption i {display: inline-block;vertical-align: middle;margin-left: 12px;width: 8px;height: 5px;}
.header-wrapper .list {position:absolute;left:50%;top:100%;z-index:10;text-align:center;width:1.2rem;margin-left:-0.6rem;padding:0.16rem;overflow:hidden;opacity:0;visibility: hidden;box-shadow: 0 12px 20px rgba(0, 0, 0, 0.1);}
.header-wrapper .list:before {content: "";width: 100%;height: 100%;background-color: #fff;position: absolute;left: 0;top: 0;z-index: 0;transition: all 0.5s ease;box-shadow: 0 12px 20px rgba(0, 0, 0, 0.1);}
.header-wrapper .list a {position: relative;z-index: 1;font-family: Arial;font-weight: 700;line-height: 0.3rem;margin-bottom: 0.1rem;transition: all 0.4s ease;display: none;opacity: 0;visibility: hidden;}
.header-wrapper .list a:last-child {margin-bottom: 0;}
.header-wrapper .list a:hover {color: #0086ae;}

.pc-nav-box {margin: 0 2rem;flex: 1;}
.pc-nav-box ul {display: flex;}
.pc-nav-box li {position: relative;margin-right: 0.56rem;}
.pc-nav-box li:nth-child(3):hover .nav,.pc-nav-box li:nth-child(4):hover .nav,.pc-nav-box li:nth-child(5):hover .nav {opacity: 1;visibility: visible;}
.pc-nav-box li:hover .nav a {display: block;animation: navInUp50 0.6s ease;animation-fill-mode: forwards;}
.pc-nav-box li.active > a:after {transform: scale(1);}
.pc-nav-box li > a {position: relative;font-size: var(--fs16);line-height: 0.9rem;color: #fff;}
.pc-nav-box li > .a { font-weight:700;}
.pc-nav-box li > a:after {content: "";width: 100%;height: 0.03rem;background: #fff;position: absolute;left: 0;top: 0;z-index: 10;transform: scale(0);transition: transform 0.3s ease;}
.pc-nav-box li > a:before {content: "";border: 0.08rem solid transparent;position:absolute;left:50%;bottom:0;z-index:10;margin-left: -0.08rem;border-bottom-color: #fff;opacity: 0;visibility: hidden;transition: all 0.3s ease;}
.pc-nav-box a {display: block;transition: all 0.4s ease;}
.pc-nav-box .nav {position: absolute;left: 50%;top: 100%;z-index: 10;text-align: center;width: 2.2rem;margin-left: -1.1rem;padding: 0.16rem;background-color: #fff;overflow: hidden;opacity: 0;visibility: hidden;
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);}
.pc-nav-box .nav:before {content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 0;transform: translateY(-110%);transition: all 0.5s ease;}
.pc-nav-box .nav a {position: relative;z-index: 1;font-size:0.14rem;line-height: 0.3rem;margin-bottom: 0.1rem;display: none;opacity: 0;visibility: hidden;}
.pc-nav-box .nav a:hover {color: #0086ae;font-weight: 700;}

@keyframes navInUp50 {0% {opacity: 0;visibility: hidden;transform: translateY(-30px);}100% {opacity: 1;visibility: visible;transform: translateY(0);}}
 


.index-more {display: block;width: 1.46rem;height: 0.5rem;line-height: 0.5rem;text-transform: uppercase;color: #0086ae;text-align: center;position: relative;background-image: url(titbg3.png);
  background-size: contain;background-repeat: no-repeat;background-position: center center;background-size: 100%;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
.index-more:hover {color: #fff;background-image: url(titbg.png);}
.index-more:hover i {transform: translateX(0.1rem);-webkit-transform: translateX(0.1rem);-moz-transform: translateX(0.1rem);-ms-transform: translateX(0.1rem);-o-transform: translateX(0.1rem);background-image: url(more.png);}
.index-more.white {color: #fff;background-image: url(titbg2.png);}
.index-more.white i {background-image: url(more.png);}
.index-more.white:hover {background-image: url(titbg.png);}
.index-more.white:hover i {transform: translateX(0.1rem);-webkit-transform: translateX(0.1rem);-moz-transform: translateX(0.1rem);-ms-transform: translateX(0.1rem);-o-transform: translateX(0.1rem);}
.index-more i {display: inline-block;width: 0.14rem;height: 0.12rem;background-image: url(more2.png);background-size: contain;background-repeat: no-repeat;background-position: center center;vertical-align: middle;
  position: relative;top: -2px;margin-left: 0.18rem;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
.more {display: block;color: #999;line-height: 0.3rem;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;font-weight: 700;}
.more.white {color: #fff;}
.more.white i {background-image: url(iright3.png);}
.more i {display: inline-block;width: 0.17rem;height: 0.07rem;background-image: url(iright4.png);background-size: contain;background-repeat: no-repeat;background-position: center center;vertical-align: middle;
  position: relative;top: -2px;margin-left: 0.18rem;transition: background 0.3s ease;-webkit-transition: background 0.3s ease;-moz-transition: background 0.3s ease;-ms-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;}
  
.index-title-box {margin-bottom: 0.65rem;}
.index-title-box.center {text-align: center;}
.index-title-box.center .line {margin: 0 auto;}
.index-title-box h3 {font-size: 0.36rem;line-height: 0.48rem;font-weight: 700;letter-spacing: 2px;}
.index-title-box .en {font-size: 0.18rem;color: #d3d3d3;line-height: 0.24rem;margin: 0.05rem auto 0.26rem;}
.index-title-box .line {width: 0.4rem;height: 0.05rem;background-image: linear-gradient(-90deg, #0b59c3 0%, #0086ae 100%);background-blend-mode: normal, normal;}
.index-title-box .brief {font-size: 0.18rem;line-height: 0.36rem;margin-top: 0.3rem;color: #666;}
 

.i_tit { width:100%; position:relative; text-align:left;margin-bottom: 0.5rem;}
.i_tit h1 {font-size: 0.36rem;line-height: 0.48rem;font-weight: 700;letter-spacing: 2px;}
.i_tit h2 {font-size: 0.18rem;color: #d3d3d3;line-height: 0.24rem;margin: 0.05rem auto 0.26rem;}
.i_tit h3 {width: 0.4rem;height: 0.05rem;background-image: linear-gradient(-90deg, #0b59c3 0%, #0086ae 100%);background-blend-mode: normal, normal;}
 

.ind02 { width:100%; position:relative; display: flex; margin-top:0.6rem;}
.ind02 .info {width: 50%;background: url(ind02bg.jpg) no-repeat center center;background-size: cover;padding-right: 1.4rem;padding-left: calc((100% - 15.36rem) / 2); padding-top:0.3rem;}
.ind02 h1 {font-size: 0.36rem;font-weight: 700;}
.ind02 .since {font-size: 0.24rem;text-transform:uppercase;line-height:0.43rem;margin-top:0.1rem;background-image: -webkit-linear-gradient(#005771, #0086ae);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.ind02 .desc {line-height: 0.3rem;margin: 0.4rem auto 0.6rem;text-align: justify;}
.ind02 .data {margin-bottom: 0.44rem;}
.ind02 .data ul {display: flex;justify-content: space-between;}
.ind02 .data p {line-height: 0.24rem;}
.ind02 .data .num {font-size: 0.48rem;line-height: 0.48rem;height: 0.48rem;color: #0086ae;}
.ind02 .data p {margin-top: 0.07rem;line-height: 0.24rem;}
.ind02 .data em {font-size:0.16rem;color: #333;margin-left: 0.08rem;display: inline-block;font-style: normal;position: relative;}
.ind02 .data i {display: inline-block;font-style: normal;color: #0086ae;font-size: 22px;line-height: 16px;height: 16px;position: absolute;left: 0;top: -15px;z-index: 10;}
.ind02 .pic {width: 50%;position: relative;}
.ind02 .pic img {transition-duration: 2s;}
.ind02 .pic:hover img {transform: scale(1.05);}

.ind03 { width:100%;position: relative; margin-top:0.6rem;}
.ind03 .i_tit {text-align:center;}
.ind03 .i_tit h3 {margin:0 auto;}
.ind03 .tab-box {display: flex;flex-flow: wrap;position: absolute;left: 0;bottom: 0;z-index: 10;width: 100%;}
.ind03 .tab-box a {position: relative;width: 33.333%;text-align: center;display: flex;justify-content: center;align-items: center;height: 1.08rem;box-shadow: 0px 0px 46px 0px rgba(0, 0, 0, 0.05);border-right: 1px solid rgba(255, 255, 255, 0.4);border-top: 1px solid rgba(255, 255, 255, 0.4);background-color: rgba(0, 0, 0, 0.4);}
.ind03 .tab-box a.on:before {opacity: 1;visibility: visible;}
.ind03 .tab-box a:hover .icon {animation: shake 0.4s ease;}
.ind03 .tab-box a:before {content: "";position: absolute;left: 0;top: 0;z-index: -1;background-image: linear-gradient(-90deg, #005771 0%, #0086ae 100%);background-blend-mode: normal, normal;width: 100%;height: 100%;opacity: 0;visibility: hidden;transition: all 0.4s ease;}
.ind03 .tab-box .icon {margin-right: 0.2rem;}
.ind03 .tab-box .icon img {height: 0.25rem;}
.ind03 .tab-box .icon .init {display: none;}
.ind03 .tab-box .name {font-size: 0.17rem;color: #fff;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;line-height: 0.36rem;max-width: calc(100% - 1rem);}
.ind03 .swiper-box {position: relative;}
.ind03 .swiper-slide.swiper-slide-active .name,
.ind03 .swiper-slide.swiper-slide-active .ename,
.ind03 .swiper-slide.swiper-slide-active .desc,
.ind03 .swiper-slide.swiper-slide-active .index-more {opacity:1;visibility:visible;transform:translateY(0);}
.ind03 .swiper-slide a {display: block;}
.ind03 .swiper-slide .pic {position: relative;}
.ind03 .swiper-slide .pic:before {content: "";width: 100%;height: 100%;background: url(shadow.png) no-repeat center left;background-size: cover;position: absolute;left: 0;top: 0;z-index: 1;}
.ind03 .swiper-slide .info {position: absolute;left: 0;top: 0;z-index: 10;width: 100%;padding-top: 2.02rem;}
.ind03 .swiper-slide .name,
.ind03 .swiper-slide .ename,
.ind03 .swiper-slide .desc,
.ind03 .swiper-slide .index-more {opacity: 0;visibility: hidden;transition: all 0.8s ease;transform: translateY(1rem);}
.ind03 .swiper-slide .name,
.ind03 .swiper-slide .ename,
.ind03 .swiper-slide .desc {width: 62.57%;color: #fff;text-align: justify;}
.ind03 .swiper-slide .name {font-size: 0.4rem;line-height: 0.6rem;font-weight: 700;}
.ind03 .swiper-slide .ename {font-size: 0.18rem;line-height: 0.3rem;font-family: "mb";text-transform: uppercase;margin: 0.1rem 0 0.5rem;transition-delay: 0.12s;}
.ind03 .swiper-slide .desc {line-height: 0.3rem;margin-bottom: 0.43rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;max-height: 1.5rem;transition-delay: 0.24s;}
.ind03 .swiper-slide .index-more {transition-delay: 0.36s;}
.ind03 .swiper-slide .index-more:hover {transition-delay: 0s;}

.ind04 {position: relative;overflow: hidden;padding: 0.8rem 0 0.6rem;background: #f7f7f7;}
.ind04 .top {display: flex;justify-content: space-between;}
.ind04 .canvas {position: absolute;left: 0;bottom: -2rem;z-index: 0;opacity: 0.2;width: 100%;height: 5rem;}
.ind04 .box-container {position: relative;z-index: 10;}
.ind04 .main ul{width: 100%;display: flex;opacity: 1;visibility: visible;animation: fadeInRight50 0.8s ease;}
.ind04 .main li {width: 48%;margin-right: 2%;}
.ind04 .main li .img{ width:100%; position:relative; overflow:hidden;} 
.ind04 .main li .img img{position:absolute;left:0;top:0;width:100%;height:100%;transition: all 0.4s ease;}
.ind04 .main li .img .hezi{padding-bottom: 74% !important;}
.ind04 .main li:hover .img img {transform: scale(1.05);-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);}
.ind04 .main li:hover .info {background-image: linear-gradient(-90deg, #005771 0%, #0086ae 100%);background-blend-mode: normal, normal;}
.ind04 .main li:hover .title {color: #fff;}
.ind04 .main li:hover .desc {color: rgba(255, 255, 255, 0.5);}
.ind04 .main li:hover .time {color: rgba(255, 255, 255, 0.3);}
.ind04 .main li:hover .more {color: #fff;}
.ind04 .main .info {position: relative;padding: 0.3rem 0.2rem;} 
.ind04 .main .info .title {font-size: 0.22rem;font-weight: 700;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;line-height: 0.3rem;}
.ind04 .main .info .desc {color: #666;line-height: 24px;height: 72px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;margin: 0.16rem auto 0.18rem;text-align: justify;}
.ind04 .main .info .time {font-size:16px;color: rgba(51, 51, 51, 0.3);line-height: 24px;margin-bottom: 0.2rem;}
.ind04 .wave {margin-left: -25%;position: absolute;left: 0;bottom: -20%;z-index: 0;}


.ind05{background: url(ind05bg.jpg) no-repeat;background-size: cover;font-size: .16rem;color: #333;position: relative;width: 100%;height: 100%; padding:0.6rem 0;}
.ind05 .tt{ position:absolute; left:2rem; bottom:0; padding-bottom:60px;}
.ind05 .tt h3{ font-size: 0.4rem; font-weight:700; color: #333; margin-bottom:0.2rem;}
.ind05 .tt h4{ font-size: 0.18rem; color: #444; line-height:0.35rem; padding-left:0.4rem; position:relative;}
.ind05 .tt h4 img{ position:absolute; left:0; top:0;}
.ind05 .con{width: 1300px; height:600px; margin:0 auto; background: url(map.png) no-repeat;background-size: cover;}
.ind05 .map{width: 1300px; height:600px; margin:0 auto;} 



.ind06 {position: relative;padding: 0.6rem 0 0.9rem;background: url(ind06bg.jpg) no-repeat center center;background-size: cover;overflow: hidden;}
.ind06 .swiper-container {padding: 0.16rem 0;}
.ind06 .swiper-slide {background: #ffffff;box-shadow: 0px 0px 40px 0px rgba(5, 8, 15, 0.07);border-radius: 10px;}
.ind06 .swiper-slide img {height: 0.9rem;object-fit: contain;}



.ind07{width:100%;position:relative; overflow:hidden; padding:0.9rem 0;background:url(ind07bg.png) no-repeat;}
.ind07 .i_tit{ text-align:center;}
.ind07 .i_tit h3 {margin:0 auto;}
.ind07 .inner{width:75%;margin:0 auto;position:relative;}
.ind07 .inner .img{position:relative;width:37.2222%;margin:0 auto 0.5rem}
.ind07 .inner .img img{position:relative;}
.ind07 .inner .img .rou{position:absolute;top:50%;left:50%;width:240%;border-radius:50%;transform:translate(-50%, -50%) scale(0);opacity:0;background:rgba(0,134,174,0.1);box-shadow:inset 1px 1px 1px 0 rgba(0,134,174,0.05);}
.ind07 .inner .img .rou::before{content:"";display:block;padding-top:100%}
.ind07 .inner .img .rou:nth-child(1){animation:round1 6s infinite}
.ind07 .inner .img .rou:nth-child(2){animation:round1 6s 1s infinite}
.ind07 .inner .img .rou:nth-child(3){animation:round1 6s 2s infinite}
.ind07 .inner .img .rou:nth-child(4){animation:round1 6s 3s infinite}
.ind07 .inner .img .img1{width:53.7313%;position: absolute;top:48%;left:50%;transform:translate(-50%, -50%)}
.ind07 .inner .img .img1 img{animation:fudong1 3s ease-in-out infinite}
.ind07 .inner .img .img2{width:64.5522%;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%)}
.ind07 .inner .img .img2 img{animation:rotate 10s linear infinite}
.ind07 .inner .img .img3{width:94.4029%;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%)}
.ind07 .inner .img .img3 img{animation:rotate 12s linear infinite}
.ind07 .inner .item{position:absolute;display:flex;cursor:pointer}
.ind07 .inner .item .ico{position:relative;width:0.74rem;height:0.74rem;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:linear-gradient(-110deg, #0086ae, #73dbfa)}
.ind07 .inner .item .ico::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border-radius:50%;background-color:rgba(16,76,199,0.3);transform:scale(1.4);opacity:0;transition:.6s;}
.ind07 .inner .item .ico img{max-width:62%;max-height:62%;display:block;transition:.6s;-webkit-transition:.6s}
.ind07 .inner .item .sum{padding-top:.2rem}
.ind07 .inner .item .sum h1{ font-size:0.22rem; font-weight:500;color:#0086ae;margin-bottom:.2rem}
.ind07 .inner .item .sum h2{ font-size:0.16rem; font-weight:500;line-height:1.5;color:#666666}
.ind07 .inner .itemr{flex-direction:row-reverse;text-align:right}
.ind07 .inner .itemr .ico{margin-left:0.2rem}
.ind07 .inner .itemz .ico{margin-right:0.2rem}
.ind07 .inner .item1{top:6%;right:60%}
.ind07 .inner .item3{top:77%;right:60%}
.ind07 .inner .item5{top:6%;left:60%}
.ind07 .inner .item7{top:77%;left:60%}
@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}
@keyframes round1{0%{opacity:1;transform:translate(-50%, -50%) scale(0)}100%{opacity:0;transform:translate(-50%, -50%) scale(1)}}
@keyframes fudong1{0%{transform:rotate(0deg) translate(0, 0)}50%{transform:rotate(4deg) translate(-5px, 8px)}100%{transform:rotate(0deg) translate(0, 0)}}
 
.footer {padding: 0.92rem 0 0.1rem;background: #005771;position: relative;}
.footer #particles-js {position: absolute;left: 0;top: 0;z-index: 0;width: 100%;height: 100%;opacity: 0.5;}
.footer .box-1{ width:100%; position:relative;display: flex;justify-content: space-between; z-index:10;}
.footer .box-1 .f-nav {flex: 1;}
.footer .box-1 .f-nav ul { display: flex;justify-content: space-between;}
.footer .box-1 .f-nav ul li a { display: block;line-height: 0.32rem;font-size:0.18rem;color: #fff;}
.footer .box-1 .f-nav ul li .sub {margin-top: 0.17rem;}
.footer .box-1 .f-nav ul li .sub a {font-size:0.14rem;color: rgba(255, 255, 255, 0.7); margin-bottom:0.1rem;}
.footer .box-1 .f-nav ul li .sub a:hover {color: #fff;}
.footer .box-1 .contact-box {width: 26.04%;text-align: right;}
.footer .box-1 .contact-box .tel { width:100%;font-size:0.36rem;color: #fff;margin-bottom: 0.15rem;}
.footer .box-1 .contact-box .tel img{ width:2.4rem;}
.footer .box-1 .contact-box .add { width:100%;display: flex;justify-content:flex-end;align-items: center;}
.footer .box-1 .contact-box .add div{ text-align:center;margin-left: 0.1rem;}
.footer .box-1 .contact-box .add img{ width:1.1rem;}
.footer .box-1 .contact-box .add p{ font-size:0.14rem;color: #fff;margin-top: 0.1rem;}
.footer .box-2 { width:100%; position:relative;margin: 0.6rem auto 0.2rem; text-align:center;}
.footer .box-2 .copyright,
.footer .box-2 .copyright a {font-size:0.14rem;color: #d4d4d4;}
.footer .box-2 .copyright a:hover {color: #fff;}
 
  
.padding {
  padding: 1.2rem 0;
}
.mt {
  margin-top: 0.6rem;
}

@keyframes shake {
  0%,100% {-webkit-transform: scale(1, 1);transform: scale(1, 1);}
  25% {-webkit-transform: scale(0.9, 1.1);transform: scale(0.9, 1.1); letter-spacing:}
  50% {-webkit-transform: scale(1.1, 0.9);transform: scale(1.1, 0.9);}
  75% {-webkit-transform: scale(0.95, 1.05);transform: scale(0.95, 1.05);}
  0%,100% {-webkit-transform: scale(1, 1);transform: scale(1, 1);}
  25% {-webkit-transform: scale(0.9, 1.1);transform: scale(0.9, 1.1);}
  50% {-webkit-transform: scale(1.1, 0.9);transform: scale(1.1, 0.9);}
  75% {-webkit-transform: scale(0.95, 1.05);transform: scale(0.95, 1.05);}
}

.index-title-box {text-align: center;margin-bottom: 0.3rem;}
.index-title-box.white p,
.index-title-box.white h2 {color: #fff;}
.index-title-box .line {width: 0.44rem;height: 2px;background-color: #45b474;margin-top: 0.48rem;}
.index-title-box p {font-size:0.3rem;line-height: 0.36rem;color: #00428f;text-transform: uppercase;}
.index-title-box h2 {font-size:0.4rem;color: #2e2624;line-height: 0.48rem;font-weight: 700;}
.index-title-box .brief {font-size:0.18rem;line-height: 0.3rem;color: #666;margin-top: 0.3rem;}

.n_banner {position: relative;z-index: 10;}
.n_banner .box {position: absolute;left: 0;top: 0;z-index: 10;width: 100%;height: 100%;display: flex;align-items: center;}
.n_banner .box .sum { width:100%;position: relative;text-align: center; margin:0 auto;}
.n_banner .box h1 {color: rgba(255, 255, 255, 0.11);line-height: 1rem;font-size: 1.1rem;text-transform: uppercase;position: absolute;left: 0;top: -0.24rem;z-index: 0;width: 100%;}
.n_banner .box h2 {position: relative;z-index: 10;font-size:0.24rem;color: #fff;line-height: 0.3rem;margin-bottom: 0.08rem;}
.n_banner .box h3 {display:block;background-image:-webkit-linear-gradient(#fff, #b1b6c2);-webkit-background-clip: text;-webkit-text-fill-color:transparent;letter-spacing:0.04rem;}
.n_banner .box h3{font-size:0.7rem;line-height:0.8rem;font-weight:700;margin-bottom: 0.32rem;position: relative;z-index: 10;}
.n_banner .box .line {width: 0.8rem;height: 0.04rem;background-color: #a6836b;margin: 0 auto;}



.n_nav {position: relative;z-index: 20;background: #fff;}
.n_nav:after {content: "";width: 100%;height: 1px;background: #e6e6e6;position: absolute;left: 0;bottom: 0;z-index: 1;}
.n_nav .nav {position: relative;z-index: 2;font-size: 0;display: flex;justify-content: center;}
.n_nav .nav > a {position: relative;font-size:0.16rem;line-height: 0.8rem;text-align: center;transition: color 0.5s ease; margin-right: 0.3rem;}
.n_nav .nav > a:last-child {margin-right: 0;}
.n_nav .nav > a:last-child:after {display: none;}
.n_nav .nav > a.on,
.n_nav .nav > a:hover {color: #0086ae;}
.n_nav .nav > a.on:before,
.n_nav .nav > a:hover:before {transform: scale(1);}
.n_nav .nav > a:before {content: "";display: block;width: 100%;height: 1px;position: absolute;left: 0;bottom: 0;z-index: 0;transform: scale(0);background: #0086ae;transition: all 0.3s ease;}



.video-box { width:100%; position: relative;overflow: hidden;}
.video-box:hover img {transform: scale(1.05);-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);}
.video-box.on .pic {opacity: 0;visibility: hidden;}
.video-box.on .video {opacity: 1;visibility: visible;}
.video-box .play {position:absolute;left:50%;top:50%;margin-left:-0.48rem;margin-top:-0.48rem;width:0.96rem;height:0.96rem;cursor:pointer;background-image:url(play.png);background-position:center center;
	background-repeat: no-repeat;background-size: contain;z-index: 10;}
.video-box .play:before,
.video-box .play:after {content: "";position: absolute;left: -0.04rem;top: -0.04rem;width: 100%;height: 100%;z-index: 1;border: 0.04rem solid rgba(255, 255, 255, 0.6);border-radius: 50%;}
.video-box .play:before {animation: iconScale2 2.4s linear infinite;}
.video-box .play:after {animation: iconScale2 2.4s 1.2s linear infinite;}
.video-box .pic {position: relative;transition: opacity 0.5s ease;-webkit-transition: opacity 0.5s ease;-moz-transition: opacity 0.5s ease;-ms-transition: opacity 0.5s ease;-o-transition: opacity 0.5s ease;}
.video-box .pic:before {content: "";width: 100%;height: 100%;background: rgba(0, 0, 0, 0.2);position: absolute;left: 0;top: 0;z-index: 1;}
.video-box video {width: 100%;}
.video-box .video {position: absolute;left: 0;top: 0;z-index: 10;width: 100%;height: 100%;display: flex;align-items: center;opacity: 0;visibility: hidden;transition: opacity 0.5s ease;-webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;-ms-transition: opacity 0.5s ease;-o-transition: opacity 0.5s ease;}
.video-box .video video {display: block;margin: 0 auto;}

@keyframes iconScale2 {from {transform: scale(1); opacity: 1;}to {transform: scale(1.9);opacity: 0;}}

.video-modal {position: fixed;left: 0;top: 0;width: 100%;height: 100%;display: none;z-index: 32;}
.video-modal.before {z-index: -1;}
.video-modal .main {display: flex;align-items: center;width: 100%!important;height: 100%;}
.video-modal .w1200 {text-align: center;}
.video-modal .w1200 video {max-width: 100%;height: auto;display: inline-block;margin: 0 auto;max-height: 80vh;width: auto;}
.video-modal .box {position: relative;display: inline-block;}
.video-modal .close {display: inline-block;width: 30px;height: 30px;position: absolute;right: -0.3rem;top: 0;z-index: 10;transition: transform 0.3s ease;}
.video-modal .close:hover {transform: rotate(90deg);}


.n_main {padding-top: 0.9rem;position: relative;overflow: hidden;}

.n_about .index-title-box{ text-align:left;}
.n_about .box {width: 100%;position: relative;}
.n_about .txt {width: 100%;position:relative; font-size:0.16rem; line-height:0.3rem; text-align:justify; min-height:3.5rem;margin-top:0.6rem;}

.ab01{ width:100%; position:relative;background: linear-gradient(to bottom,#eaecfa 0%,transparent 30%);padding-top:0.6rem;}
.ab01 .ab01bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;}
.ab01 .ab01bg img{width: 46%;position: absolute;left: 52%;top:70%;opacity:0.1;}
.ab01 .contain{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;margin-top:0.6rem;}
.ab01 .contain .abIntro-left{width: 47%;}
.ab01 .img{width: 100%;transition: all 2s linear; border-radius:0.2rem;}
.ab01 .img img{width: 100%;transition: all 2s linear; border-radius:0.2rem;}
.ab01 .img:hover img{transform: scale(1.08);}
.ab01 .txt{width: 47%;position: sticky;top: 110px;}
.ab01 .txt h1{font-size: 0.3rem; font-weight:700;}
.ab01 .txt .sum{font-size: 0.24rem;text-transform:uppercase;line-height:0.43rem;margin-top:0.1rem;background-image: -webkit-linear-gradient(#005771, #0086ae);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.ab01 .txt .text{line-height: 0.3rem;margin: 0.4rem auto 0.6rem;text-align: justify;}
.ab01 .data {margin-top: 0.44rem;}
.ab01 .data ul { width:100%; position:relative;}
.ab01 .data ul li{ width:100%; position:relative; display: flex; justify-content:space-between; padding:0.3rem 0; border-bottom:1px solid rgba(0,0,0,0.1);}
.ab01 .data p {line-height: 0.24rem;}
.ab01 .data .num {font-size: 0.48rem;line-height: 0.48rem;height: 0.48rem;color: #0086ae;}
.ab01 .data .num span{ font-weight:700;}
.ab01 .data p {margin-top: 0.07rem;line-height: 0.24rem;font-size:0.24rem;}
.ab01 .data em {font-size:0.16rem;color: #333;margin-left: 0.08rem;display: inline-block;font-style: normal;position: relative;}
.ab01 .data i {display: inline-block;font-style: normal;color: #0086ae;font-size: 22px;line-height: 16px;height: 16px;position: absolute;left: 0;top: -15px;z-index: 10;}
 

.ab02{width: 100%; position:relative; padding:0.9rem 0 0;}
.ab02 .box{width: 100%;box-sizing: border-box;position: relative;margin-top:0.5rem;}
.ab02 .box .imgbox{width: 100%;overflow: hidden;height: 80vh;position: relative;} 
.ab02 .box .imgbox:before{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background:rgba(0,0,0,0.3);transition: all .3s;z-index: 1;}
.ab02 .box .imgbox img{display: block;width: 100%;height: 100%;object-fit: cover;opacity: 0;transition: all .3s;position: absolute;left: 0;top: 0;}
.ab02 .box .imgbox img.active{opacity: 1;}
.ab02 .box ul{width: 100%;position: absolute;top: 0;left: 0;display: flex;display: -webkit-flex;height: 100%;z-index: 2;}
.ab02 .box ul li{width: 33.333%;position: relative;height: 100%;border-right: 1px solid rgba(255,255,255,0.3);padding: 0.7rem 0.4rem;overflow: hidden; text-align:center;}
.ab02 .box ul li:after{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-image: linear-gradient(to bottom, #0059aa, #0059aa);opacity: 0;transition: all .3s;}
.ab02 .box ul li img{display: block;width: auto;height: 0.9rem;position: relative;z-index: 1; margin:0 auto 0.3rem}
.ab02 .box ul li .text{position:absolute;left:15%;top:20%;width:70%;transform: translateY(0rem);-webkit-transform: translateY(0rem);transition: all .3s;padding-bottom: 0.7rem;z-index: 1;}
.ab02 .box ul li .text h3{font-size: 0.3rem;color: #ffffff;font-weight: bold;}
.ab02 .box ul li .text strong{display: block;width: 0.4rem;height: 2px;background: #fff;margin: 0.2rem auto;}
.ab02 .box ul li .text h4{font-size: 0.24rem;line-height: 0.3rem;color: #fff;opacity: 0;transition: all .3s;transform: translateY(60px);-webkit-transform: translateY(60px);}
.ab02 .box ul li:hover .text h4{opacity: 1;transform: none;-webkit-transform: none;}
.ab02 .box ul li:hover .text{transform: translateY(40%);-webkit-transform: translateY(40%);}
.ab02 .box ul li:hover:after{opacity: 0.8;}

.ab03{ width:100%; position:relative; margin:0.9rem 0 0;}
.ab03 .box-container{ position:relative;margin-top:0.6rem;}
.ab03 .bg{ width:100%; position:relative;border-radius:0.2rem;}
.ab03 .bg img{ width:100%;border-radius:0.2rem;}
.ab03 .bg:before{content: '';display: block;width: 40%;height: 100%;position: absolute;top: 0;left: 0;transition: all .3s;z-index: 1;background-image:linear-gradient(to right, rgba(0,134,174,0.8), rgba(0,134,174,0.5),rgba(0,134,174,0));border-radius:0.2rem;}
.ab03 .con{width:100%;height:100%; padding-left:8%; position:absolute; left:0; top:0;display: flex;align-items: center;z-index: 2;}
.ab03 .con h1{ font-size:0.3rem; color:#fff; font-weight:bold;margin-bottom:0.3rem;}
.ab03 .con p{ font-size:0.18rem; font-weight:lighter; color:#fff;}


.ab04 { width:100%; position:relative; padding:0.9rem 0.3rem;background: #f3f3f3;}
.ab04 ul {display: flex;flex-flow: wrap;list-style-type: none; margin-top:0.5rem;}
.ab04 li {width: 13%;background: #fff;box-shadow: 0px 0px 40px 0px rgba(5, 8, 15, 0.15);border-radius: 0.1rem;margin-right: 1.5%;margin-bottom: 0.3rem;padding: 0.1rem 0.1rem;}
.ab04 li:nth-child(7n) {margin-right: 0;}
.ab04 li .img{ width:100%; position:relative; overflow:hidden;} 
.ab04 li .img img{position:absolute; left:50%;transform: translateX(-50%);top:10%;height:80%;transition: all 0.5s ease 0s;}
.ab04 li .img .hezi{padding-bottom: 40% !important;}
.ab04 li .tit {font-size:0.2rem;color: #2e2624;line-height: 0.6rem;transition: color 0.3s ease; text-align:center;}
.ab04 li:hover tit {color: #00428f;}


.hx01 { width:100%; position:relative;padding:0.6rem 0;}
.hx01 .sum { width:100%; margin:0 auto;font-size:0.18rem;color: #2e2624;line-height: 0.35rem;transition: color 0.3s ease; text-align:center;}
.hx01 ul {display: flex;flex-flow: wrap;list-style-type: none; margin-top:0.5rem;}
.hx01 li {width:32%; position:relative;background:#fff;box-shadow:0px 0px 40px 0px rgba(5, 8, 15, 0.15);margin-right: 2%;margin-bottom: 1.5%;}
.hx01 li:nth-child(3n) {margin-right: 0;}
.hx01 li .img{ width:100%; position:relative; overflow:hidden; z-index:1;} 
.hx01 li .img img{position:absolute;left:0;top:0;width:100%;height:100%;transition: all 0.5s ease 0s;}
.hx01 li .img .hezi{padding-bottom: 75% !important;}
.hx01 li .tit { width:100%; position:absolute; left:0; bottom:0; text-align:center;font-size:0.16rem; font-weight:700;color: #fff; height:0.7rem; background:rgba(0,0,0,0.6); z-index:20;display: flex;flex-wrap:wrap; justify-content:center;align-items: center;}
.hx01 li .tit .hcon{ width:100%;display: flex; justify-content:center;align-items: center;}
.hx01 li .tit .hcon img{ width:0.65rem;margin-right:0.1rem;}
.hx01 li:hover .img img{transform: scale(1.1, 1.1);transition: all 0.5s ease 0s;}


.hx02{width: 100%; position:relative;overflow: hidden;padding:0.6rem 0;}
.hx02 .sum { width:100%; margin:0 auto;font-size:0.18rem;color: #2e2624;line-height: 0.35rem;transition: color 0.3s ease; text-align:center;}
.hx02 .box{ position:relative;margin-top:0.4rem;overflow: hidden;border-radius: 0.15rem;}
.hx02 .box .top{ position:relative;}
.hx02 .box .top::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(to right,#01408e 5%,transparent 100%);}
.hx02 .box .top img{width: 100%;}
.hx02 .box .top .img{ position:relative;overflow: hidden;}
.hx02 .box .top .img::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(1, 65, 144, .3);}
.hx02 .box .top .img img{width: 100%;transform: scale(1.2);transition: all 6s 1.1s linear;}
.hx02 .box .top .swiper-slide-active .img img{transform: scale(1);transition-delay: 0s;}
.hx02 .box .bot{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 4; color:#fff;}
.hx02 .box .bot ul{height: 100%;display: flex;flex-wrap: wrap}
.hx02 .box .bot ul li{user-select: none;cursor: pointer; flex: 1;height: 100%;background: rgba(0, 0, 0, .1);transition: all .4s ease;display: flex;align-items: center;justify-content: center;text-align: center}
.hx02 .box .bot ul li .ibox{ position:relative;}
.hx02 .box .bot ul li .ibox .title{ font-size:26px; font-weight:700; color:#fff;}
.hx02 .box .bot .dot{position: absolute;left: 50%;top: 300%;transform: translateX(-50%) scale(0);opacity: 0;transition: all .4s ease;}
.hx02 .box .bot .dot i{width: 12px;height: 12px;display: block;border-radius: 50%;background: #fff;position: relative;z-index: 2;}
.hx02 .box .bot .dot::after{animation: dotAni2 2s linear infinite;content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%); width:100%;height:100%;border-radius:50%;border:1px solid rgba(255,255,255,.7);}
.hx02 .box .bot .dot::before{animation: dotAni2 2s linear infinite;content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%); width:100%;height:100%;border-radius:50%;border:1px solid rgba(255,255,255,.7);}
.hx02 .box .bot .dot::after{animation-delay: -1s;}
@keyframes dotAni2 {0%{opacity: 0;width: 100%;height: 100%;}50%{opacity: 1;width: 250%;height: 250%;}100%{opacity: 0;width: 400%;height: 400%;}}
.hx02 .box .bot li.active{background: rgba(0, 0, 0, .3);}
.hx02 .box .bot li.active .dot{opacity: 1;transform: translateX(-50%) scale(1);}




.navMenubox{ width:100%;border: 1px solid #e4e4e4;}
.navMenubox .top{ width:100%; height:1.5rem; line-height:1.5rem;  background:url(topbg.png) no-repeat; background-size:100% 100%; text-align:center; font-size:0.36rem; font-weight:500; color:#fff;}
.navMenubox ul { margin: 0; padding: 0}
.navMenubox ul li{ list-style: none;}
.navMenu> li { display: block; margin: 0; padding: 0; width: 100%;}
.navMenu>li>a { display: block; overflow: hidden; line-height:0.7rem; color: #333; transition: all .3s; position: relative;text-indent: 0.18rem; font-size: 0.18rem;border-top: 1px solid #e4e4e4; text-decoration:none;}
.navMenu > li:nth-of-type(1)> a { border-top: 1px solid transparent; }
.navMenu > li:last-child > a { border-bottom: 1px solid transparent; }
.navMenu>li>a>i { font-size: 0.2rem; float: left; font-style: normal; margin: 0 5px; }
.navMenu li a .arrow {display:block;float:right;margin-top:0.26rem;margin-right:0.1rem;width:0.08rem;height:0.15rem;background:url(icon10.png) no-repeat; background-size:100% 100%;}
.navMenu li a .arrow.open {display:block;float:right;margin-top:0.3rem;margin-right:10px;width:0.15rem;height:0.08rem;background:url(icon11.png) no-repeat; background-size:100% 100%;}
.navMenu>li>a.active, .navMenu>li>a:hover {color: #0086ae;background:#f5f5f5; }
.navMenu>li>ul.sub-menu, .navMenu>li>ul.sub-menu>li>ul.sub-menu { display:none; clear:both; padding:15px 10px;border-top: 1px solid #e4e4e4; }
.navMenu>li>ul.sub-menu li { margin: 0px; padding: 0px; border-bottom:1px dotted #ccc; }
.navMenu>li>ul.sub-menu li:last-child { border:none; }
.navMenu>li>ul.sub-menu li>a { display: block; font-size: 15px; line-height: 36px; padding-left: 20px; color: #666;}
.navMenu>li>ul.sub-menu li>a.active, .navMenu>li>ul.sub-menu li>a:hover, .navMenu>li>ul.sub-menu>li.active >a { color: #0086ae; }



.vi01{padding:0.9rem 0 1rem;background-image: url(vi01bg.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;}
.vi01 .top h2{ font-size:0.24rem; font-weight:500;color:#0086ae; text-align:center;}
.vi01 .top ul{display:flex;justify-content:flex-start;flex-wrap:wrap;margin-top:.3rem}
.vi01 .top ul li{width:25%;padding:0 .2rem .2rem 0;display:flex}
.vi01 .top ul li .con{width:100%;border:1px solid #e6e9ed;border-radius:.1rem;padding:.5rem 0;box-shadow:0 0 .36rem rgba(22,119,255,0.08);display: flex;justify-content:center;align-items: center;}
.vi01 .top ul li .con .img{width:.5rem;height:.5rem; margin-right:0.1rem;position:relative;}
.vi01 .top ul li .con .img img{width:100%;}
.vi01 .top ul li .con .tit{ position:relative; font-size:0.24rem; font-weight:700;}


.vi01 .bot{ margin-top:0.3rem;}
.vi01 .bot h2{ font-size:0.24rem; font-weight:500;color:#0086ae; text-align:center;}
.vi01 .bot .items{display:flex;flex-wrap:wrap;margin-top:.3rem;}
.vi01 .bot .items .item{width:32%;margin-right:2%; margin-bottom:0.3rem;padding:0.4rem 0.3rem;background:url(vi01bot.png) no-repeat;background-size:100% 100%;box-shadow:0 0 13px 0 rgba(0,121,171,0.1);border-radius:.1rem;position:relative}
.vi01 .bot .items .item:nth-child(3n){margin-right:0}
.vi01 .bot .items .item .cn2{ font-size:0.2rem; font-weight:700;position:relative;z-index:2;margin-bottom:0.1rem;color:#333333;transition:all .4s;}
.vi01 .bot .items .item .cn3{ font-size:0.14rem;position:relative;z-index:2;color:#333333;opacity:.75;transition:all .4s;line-height:0.2rem}
.vi01 .bot .items .item:hover{background:#0086ae;}
.vi01 .bot .items .item:hover .cn2{color:#fff}
.vi01 .bot .items .item:hover .cn3{color:#fff;opacity:1}

.vi02{ width:100%; position:relative;padding:0.9rem 0;background-image: url(vi02bg.jpg);}
.vi02 .img{border-radius:.1rem;overflow:hidden;}
.vi02 .img img{width:100%}


.vi03{ width:100%; position:relative;padding:0.9rem 0;}
.vi03 .items{display:flex;flex-wrap:wrap;margin:0 -0.2rem}
.vi03 .items .item{margin-top:.5rem;width:calc(100% / 2);padding:0 .2rem}
.vi03 .items .item .con{box-shadow:0 11px 36px 0 rgba(22,119,255,0.1);border-radius:.1rem;padding:.2rem;height:100%;background:url(vi03.png) no-repeat; background-size:100% 100%;transition:all .5s}
.vi03 .items .item .con .img::before{padding-top:76.36363636%}
.vi03 .items .item .con .tit01{ font-size:0.24rem; font-weight:700;transition:all .5s;margin-top:.2rem;color:#333333;line-height:1.41666667;padding:0 .3rem;display: flex;align-items: center;}
.vi03 .items .item .con .tit01 span{ width:0.35rem; height:0.35rem; line-height:0.32rem; border-radius:50%; font-size:24px; font-weight:500; color:#0086ae; border:1px solid #0086ae; text-align:center; margin-right:0.15rem;}
.vi03 .items .item .con .tit02{ font-size:0.18rem; height:0.6rem;transition:all .5s;padding:0 .3rem;margin-top:.2rem;line-height:1.71428571;color:rgba(44,56,82,0.6)}
.vi03 .items .item .con .tit03{ width:100%;text-align:left !important;padding:.3rem .3rem 0 !important}
.vi03 .items .item .con .tit03 img{ width:100%;}
.vi03 .items .item .con:hover{background:#0086ae;background-image:none}
.vi03 .items .item .con:hover .tit01{color:#Fff}
.vi03 .items .item .con:hover .tit01 span{ color:#fff; border:1px solid #fff;}
.vi03 .items .item .con:hover .tit02{color:#fff}


.ma01{overflow:hidden;padding:0.9rem 0;min-height:7rem;display:flex;align-items:center;background-image: url(ma01bg.jpg);background-position:center;background-repeat:no-repeat;background-size:cover}
.ma01 .box-container{position:relative}
.ma01 .wen .sum{ font-size:0.16rem;line-height:0.35rem;color:#2c3852;opacity:.7;width:37.14285714%; margin-top:0.6rem;}
.ma01 .bot{position:absolute;top:50%;transform:translateY(-50%);right:-4.28571429%;width:58.21428571%;}
.ma01 .bot .img01{width:100%}
.ma01 .bot .img01 img{width:100%}
.ma01 .bot .img02{position:absolute;left:27%;top:15%;transform:translate(-50%, -50%) scale(.5);width:123.6809816%;animation:bianda 5s infinite linear}
.ma01 .bot .img02::before{padding-top:72.91666667%}
.ma01 .bot .img02 img{width:100%}
@keyframes bianda{from{transform:translate(-40%, -40%) scale(.5)}to{transform:translate(-40%, -40%) scale(1)}}

.ma02{overflow:hidden;padding:0.9rem 0;min-height:7rem;display:flex;align-items:center;background-image: url(ma02bg.png);background-position:center;background-repeat:no-repeat;background-size:cover}
.ma02 ul{width:100%; display:flex;flex-wrap:wrap; border:1px solid rgba(0,134,174,0.4); border-radius:4px; box-shadow: 0 2px 0.2rem 2px rgba(10,110,211,.08);}
.ma02 ul li{width:33.333%; text-align:center; border-left:1px solid rgba(0,134,174,0.4); border-bottom:1px solid rgba(0,134,174,0.4); padding:0.2rem 0.2rem 0; text-align:center;}
.ma02 ul li .img{ width:100%; position:relative; overflow:hidden;} 
.ma02 ul li .img img{position:absolute;left:0;top:0;width:100%;height:100%;transition: all 0.4s ease;}
.ma02 ul li .img .hezi{padding-bottom: 47% !important;}
.ma02 ul li .tit{width:100%; padding:0.15rem 0; font-size:0.16rem; color:#666; font-weight:500;transition: all 0.4s ease;}
.ma02 ul li:hover .tit{ padding-top:6px;transition: all 0.4s ease; color:#0086ae;}

.ma03{ width:100%; position:relative; padding:0.9rem 0;background: #f3f4f6 url(ma03bg.jpg) no-repeat left bottom/cover;}
.ma03 .box{width: 100%; max-width:12.8rem; margin:0 auto; position: relative;height: 6rem;}
.ma03 .box .bg01{position: absolute;width: 100%;height: 100%;top: 0;left: 0;display: flex;align-items: center;justify-content: center;}
.ma03 .box .bg01 img{max-width: 100%;}
.ma03 .box .vid{position: absolute;width: 3.6rem;height: 3.6rem;margin: -183px 0 0 -183px;top: 50%;left: 50%;border-radius: 50%;}
.ma03 .box .vid .con{position: relative;z-index: 2;background: rgba(0, 134, 174, .5);width: 100%;height: 100%;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.ma03 .box .vid .tit01{position: absolute;letter-spacing: 6px;font-size: 0.24rem;color: #fff;writing-mode: vertical-lr;writing-mode: tb-lr;white-space: nowrap;top: 50%;left: 0.12rem;transform: translateY(-50%)}
.ma03 .box .vid .tit02{position: absolute;letter-spacing: 6px;font-size: 0.24rem;color: #fff;writing-mode: vertical-lr;writing-mode: tb-lr;white-space: nowrap;top: 50%;right: 0.12rem;transform: translateY(-50%)}
.ma03 .box .vid .tit03{width: 2.6rem;height: 2.6rem;background: #0086ae;border-radius: 50%;font-size: 0.3rem;color: #fff;font-weight: 700;display: flex;align-items: center;justify-content: center; text-align:center;}
.ma03 .box .vid::before {content: "";display: block;width: 100%;height: 100%;background: rgba(0, 134, 174, .1);border-radius: 50%;position: absolute;top: 0;left: 0;animation: run01 1.5s linear infinite;opacity: 0;}
.ma03 .box .vid::after {content: "";display: block;width: 100%;height: 100%;background: rgba(0, 134, 174, .1);border-radius: 50%;position: absolute;top: 0;left: 0;animation: run01 1.5s linear infinite;opacity: 0;}
.ma03 .box .vid::before {animation-delay: .6s;}
.ma03 .box .vid::after {animation-delay: 0s;}
.ma03 .box .txt{width:0.9rem;height:0.9rem;border-radius:50%;font-size:0.16rem;color:#0086ae;background:#fff;border:1px solid #a1bcda;position:absolute;display:flex;align-items:center;justify-content:center;text-align:center;}
.ma03 .box .txt::before{content: "";position: absolute;width: 1rem;height: 1rem;top: -0.06rem;left: -0.06rem;animation: run02 16s linear infinite;background: url(ma03x1.png) no-repeat center/contain;}
.ma03 .box .top{width: 3.7rem;height: 3.7rem;position: absolute;top: 50%;margin-top: -1.86rem;left: 4%;z-index: 4;margin-left: 0;}
.ma03 .box .top::before{content: "";position: absolute;width: 3.7rem;height: 3.7rem;animation: run03 16s linear infinite;background: url(ma03x2.png) no-repeat center/contain;top: 0;left: 0;}
.ma03 .box .top .qq1{top: 18.5%;left: 11%;}
.ma03 .box .top .qq2{top: 18.5%;right: 11%;}
.ma03 .box .top .qq3{top: 50%;left: 50%;margin: -45px 0 0 -45px;}
.ma03 .box .top .qq4{bottom: 18.5%;left: 11%;}
.ma03 .box .top .qq5{bottom: 18.5%;right: 11%;}
.ma03 .box .bot{width: 3.7rem;height: 3.7rem;position: absolute;top: 50%;margin-top: -1.86rem;right: 4%;z-index: 4;margin-right: 0;}
.ma03 .box .bot::before{content: "";position: absolute;width: 3.7rem;height: 3.7rem;animation: run03 16s linear infinite;background: url(ma03x2.png) no-repeat center/contain;top: 0;left: 0;}
.ma03 .box .bot .qq1{top: 7%;left: 50%;margin-left: -45px;}
.ma03 .box .bot .qq2{top: 22.5%;left: 11%;}
.ma03 .box .bot .qq3{top: 22.5%;right: 11%;}
.ma03 .box .bot .qq4{top: 50%;left: 50%;margin: -45px 0 0 -45px;}
.ma03 .box .bot .qq5{bottom: 22.5%;left: 11%;}
.ma03 .box .bot .qq6{bottom: 22.5%;right: 11%;}
.ma03 .box .bot .qq7{bottom: 7%;left: 50%;margin-left: -45px;}

@keyframes run01 {0% {opacity:0;transform:scale(1)}5%{opacity:1}to{opacity:0;transform:scale(1.6)}}
@keyframes run02 {0% {transform: rotate(0);}100% {transform: rotate(-360deg);}}
@keyframes run03 {0% {transform: rotate(0);}100% {transform: rotate(360deg);}}