****************************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl,textarea,
dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas,button,select,
details, embed,  figure, figcaption, footer, header,   menu, nav, output, ruby, section, summary, time, mark, audio,
video {	margin: 0; padding: 0;border: 0; font-style: normal;font-size: 100%;font: inherit;vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header,  menu, nav, section { display: block; }
ol, ul,dl { list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
sub{vertical-align: sub;font-size: smaller;}
sup{vertical-align: super;font-size: smaller;}
*{margin: 0; padding: 0;}
html{font: 14px/1.5 "Microsoft YaHei", "PingFang SC",Arial, "Helvetica Neue", Helvetica, STHeiTi, sans-serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #7A7A7A;min-width: 1200px;}
body{background: #fff;min-width: 1200px;height:100%;}
::-moz-selection { background: #328efe; color: #fff; text-shadow: none; }
::selection { background: #328efe; color: #fff; text-shadow: none; }
@font-face {
    font-family: 'iconfont';  /* Project id 1647568 */
    src: url('//at.alicdn.com/t/c/font_1647568_6wq7zt6bwav.woff2?t=1735782869499') format('woff2'),
    url('//at.alicdn.com/t/c/font_1647568_6wq7zt6bwav.woff?t=1735782869499') format('woff'),
    url('//at.alicdn.com/t/c/font_1647568_6wq7zt6bwav.ttf?t=1735782869499') format('truetype');
}
.iconfont{font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;}
.icon {
    width: 1em; height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}
a {text-decoration: none; color: #7A7A7A;}
a:hover, a:active,a:hover i{ outline: 0;color: #2ec2a3;}
.clearfix:before, .clearfix:after { content: ""; display: table;}
.clearfix:after {clear: both;}
.clearfix { *zoom: 1;}
.ellipsis{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.un{-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;transition: all .3s ease-out;}
.fl{float: left;}
.fr{float: right;}
.relative{position: relative;}
.wraper{width: 100%;min-width: 1200px;}
.wrap{width: 1200px;margin: 0 auto;}
:root{--primary:#43A591;--borderColor:#E5E5E5;}
.font-12{font-size: 12px;}
.font-14{font-size: 14px;}
.text-primary{color: var(--primary);}
.border-solid-top{border-top: 1px solid var(--borderColor);}
.border-solid-bottom{border-bottom: 1px solid var(--borderColor);}
.d-flex{display: flex;}
.d-grid{display: grid;}
.d-block{display: block;}
.d-inline{display: inline;}
.d-inline-block{display: inline-block;}
.bg-light{background-color: #fafafa;}
.bg-white{background-color: #fff;}
.bg-grey{background-color: #f7f7f7}
.d-none{display: none;}
.flex-1{flex: 1;}
.flex-column{flex-direction: column;}
.j-center{justify-content: center;}
.space-between{justify-content: space-between;}
.space-around{justify-content: space-around;}
.w-100{width: 100%;}
.m-5{margin: 5px;}
.mx-5{margin-left: 5px;margin-right: 5px;}
.my-5{margin-top: 5px;margin-bottom: 5px;}
.my-n-5{margin-top: -5px;margin-bottom: -5px;}
.mt-5{margin-top: 5px;}
.ml-5{margin-left: 5px;}
.mr-5{margin-right: 5px;}
.mb-5{margin-bottom: 5px;}

.m-10{margin: 10px;}
.mx-10{margin-left: 10px;margin-right: 10px;}
.my-10{margin-top: 10px;margin-bottom: 10px;}
.mt-10{margin-top: 10px;}
.ml-10{margin-left: 10px;}
.mr-10{margin-right: 10px;}
.mb-10{margin-bottom: 10px;}

.m-15{margin: 15px;}
.mx-15{margin-left: 15px;margin-right: 15px;}
.my-15{margin-top: 15px;margin-bottom: 15px;}
.mt-15{margin-top: 15px;}
.ml-15{margin-left: 15px;}
.mr-15{margin-right: 15px;}
.mb-15{margin-bottom: 15px;}

.m-20{margin: 20px;}
.mx-20{margin-left: 20px;margin-right: 20px;}
.my-20{margin-top: 20px;margin-bottom: 20px;}
.mt-20{margin-top: 20px;}
.ml-20{margin-left: 20px;}
.mr-20{margin-right: 20px;}
.mb-20{margin-bottom: 20px;}

.m-25{margin: 25px;}
.mx-25{margin-left: 25px;margin-right: 25px;}
.my-25{margin-top: 25px;margin-bottom: 25px;}
.mt-25{margin-top: 25px;}
.ml-25{margin-left: 25px;}
.mr-25{margin-right: 25px;}
.mb-25{margin-bottom: 25px;}

.m-30{margin: 30px;}
.mx-30{margin-left: 30px;margin-right: 30px;}
.my-30{margin-top: 30px;margin-bottom: 30px;}
.mt-30{margin-top: 30px;}
.ml-30{margin-left: 30px;}
.mr-30{margin-right: 30px;}
.mb-30{margin-bottom: 30px;}

.m-40{margin: 40px;}
.mx-40{margin-left: 40px;margin-right: 40px;}
.my-40{margin-top: 40px;margin-bottom: 40px;}
.mt-40{margin-top: 40px;}
.ml-40{margin-left: 40px;}
.mr-40{margin-right: 40px;}
.mb-40{margin-bottom: 40px;}


.p-0{padding:0!important}
.px-0{padding-left:0!important;padding-right:0!important}
.py-0{padding-left:0!important;padding-bottom:0!important}
.pl-0{padding-left:0!important}
.pt-0{padding-top:0!important}
.pr-0{padding-right:0!important}
.pb-0{padding-bottom:0!important}

.p-5{padding: 5px;}
.px-5{padding-left: 5px;padding-right: 5px;}
.py-5{padding-top: 5px;padding-bottom: 5px;}
.pt-5{padding-top: 5px;}
.pl-5{padding-left: 5px;}
.pr-5{padding-right: 5px;}
.pb-5{padding-bottom: 5px;}

.p-10{padding: 10px;}
.px-10{padding-left: 10px;padding-right: 10px;}
.py-10{padding-top: 10px;padding-bottom: 10px;}
.pt-10{padding-top: 10px;}
.pl-10{padding-left: 10px;}
.pr-10{padding-right: 10px;}
.pb-10{padding-bottom: 10px;}

.p-15{padding: 15px;}
.px-15{padding-left: 15px;padding-right: 15px;}
.py-15{padding-top: 15px;padding-bottom: 15px;}
.pt-15{padding-top: 15px;}
.pl-15{padding-left: 15px;}
.pr-15{padding-right: 15px;}
.pb-15{padding-bottom: 15px;}

.p-20{padding: 20px;}
.px-20{padding-left: 20px;padding-right: 20px;}
.py-20{padding-top: 20px;padding-bottom: 20px;}
.pt-20{padding-top: 20px;}
.pl-20{padding-left: 20px;}
.pr-20{padding-right: 20px;}
.pb-20{padding-bottom: 20px;}

.p-25{padding: 25px;}
.px-25{padding-left: 25px;padding-right: 25px;}
.py-25{padding-top: 25px;padding-bottom: 25px;}
.pt-25{padding-top: 25px;}
.pl-25{padding-left: 25px;}
.pr-25{padding-right: 25px;}
.pb-25{padding-bottom: 25px;}

.p-30{padding: 30px;}
.px-30{padding-left: 30px;padding-right: 30px;}
.py-30{padding-top: 30px;padding-bottom: 30px;}
.pt-30{padding-top: 30px;}
.pl-30{padding-left: 30px;}
.pr-30{padding-right: 30px;}
.pb-30{padding-bottom: 30px;}
/* nav */
nav{display: flex;font-size: 0;align-items: center;padding: 16px 0;}
nav ul{display: flex;flex: 1;justify-content: flex-end;}
nav ul li a{color: rgba(255,255,255,.8); font-size: 16px; display: block; margin: 0 25px; position: relative;}
nav ul li a:hover{color: rgba(255,255,255,.7);}
nav ul li a.active:before{content: ""; position: absolute; top: 21px; left: 50%; margin-left: -7px;background: #4CFCF3;width: 13px;height: 2px;}
nav .products{font-size: 14px;color: rgba(255,255,255,.8);position: relative;margin-left: 12px; cursor:pointer;margin-right: 15px;}
nav .products i{margin-left: 20px; position: relative; top:1px}
.brand{cursor: pointer;position: relative;z-index: 1;box-sizing: content-box;}
nav .products:hover .brandbox{display: block}
nav .brandbox{position: absolute;width: 120px;background: #fff;left: -23px;display: none;z-index: 100;}
nav .brandbox a{width: 100%;height: 36px;line-height: 36px;display: block;font-size: 12px;box-sizing: border-box; color: #333;text-align: center}
nav .brandbox a:hover{color:var(--primary)}

/* footer */
footer{background-color: #F7F7F7; padding: 64px 0 36px 0;}
.bot{display: flex; flex-direction: row; flex-wrap: nowrap;font-family: PingFang SC, PingFang SC;}
.bot .col1{margin-right: 64px;}
.bot .col1 dt{font-weight: 500;font-size: 10px;color: #2A3341;line-height: 14px;text-stroke: 0px #FFFFFF;font-style: normal;text-transform: none;-webkit-text-stroke: 0px #FFFFFF;margin-bottom: 10px;}
.bot .col1 dd{font-weight: 400;font-size: 12px;color: #7A7A7A;line-height: 24px;}
.bot .col{width: 190px; min-width: 190px; text-align: center;}
.bot .col dt,.aboutCorrect h3{font-weight: bold;font-size: 14px;color: #43A591;line-height: 22px;text-transform: none;margin-bottom: 20px;}
.bot .col dd a{font-weight: 400;font-size: 14px;color: #7A7A7A;line-height: 28px; display: block;}
.bot .col2,.bot .col4{border-left: 1px solid #E5E5E5;border-right: 1px solid #E5E5E5;position: relative;}
.col2::before,.col4::before{content: "";width: 192px;height: 4px;background-color: #f7f7f7;position: absolute;top: 0;left: -1px;}
.col2::after,.col4::after{content: "";width: 192px;height: 15px;background-color: #f7f7f7;position: absolute;bottom: -8px;left: -1px;}
.aboutCorrect{padding-left: 60px;}
.ewm{display: flex; width: 184px; justify-content: space-between; margin-bottom: 10px;}
footer article{font-weight: 400;font-size: 12px;line-height: 24px;text-align: center; padding-top: 25px;}

/* topBanner */
.banner{height: 800px;background: url(../images/new/global.png) 700px 100px no-repeat,linear-gradient( 180deg, #004457 0%, #17948D 50%, #90F4F4 100%);}
.banner .title h1{font-family: PingFang SC, PingFang SC;font-weight: 800;font-size: 105px;color: #fff;line-height: 120px;letter-spacing: 1px;text-align: left;font-style: normal;text-transform: none;}
.banner .title h2{font-weight: 800;font-size: 105px;color: #FFFFFF;line-height: 120px;letter-spacing: 1px;text-align: left;font-style: normal;text-transform: none;}
.banner .title h3{font-weight: 500;font-size: 27px;color: #FFFFFF;line-height: 36px;letter-spacing: 4px;text-align: center;font-style: normal;text-transform: none;}
.search{width: 420px;height: 40px;background: #FFFFFF;border-radius: 4px; margin-top: 90px; border: 1px solid #fff; position: relative; z-index: 1000;}
.search span{width: 355px;height: 40px;border: none;line-height: 40px;outline: none;position: relative;box-sizing: border-box;padding-left: 21px;background: transparent;color: #999999;display: inline-block;vertical-align: unset;}
.search a{text-align: center;display: inline-block;width: 47px;}
.search a img{vertical-align: middle;}
.title{font-weight: 500;font-size: 32px;color: #2A3341; line-height: 36px; text-align: center; margin-top: 90px; margin-bottom: 100px; position: relative;}
.bgTitle{z-index: 5; text-align: center;font-weight: 400;font-size: 107px;color: #F8F8F8;line-height: 72px;letter-spacing: 5px;}
.word p{width: 100%;position: absolute;top: 20px;}
.word .bgTitle{height: 72px;z-index: 5; text-align: center;font-weight: 800;font-size: 107px;color: #F8F8F8;line-height: 72px;letter-spacing: 5px;}

/* banner */
.e-card {background: transparent;position: relative;width: 100%;height: 300px;overflow: hidden;}
.wave {position: absolute;width: 2680px;height: 2500px;opacity: 0.6;left: -354px;top: -482px;background: linear-gradient(744deg,#af40ff,#5b42f3 60%,#00ddeb);}
.wave:nth-child(2),.wave:nth-child(3) {top: 280px;filter: blur(50px);}
.playing .wave {border-radius: 31%;animation: wave 5000ms infinite linear;}
.wave {border-radius: 40%;animation: wave 70s infinite linear;}
.playing .wave:nth-child(2) {animation-duration: 7000ms;}
.wave:nth-child(2) {animation-duration: 50s;}
.playing .wave:nth-child(3) {animation-duration: 9000ms;}
.wave:nth-child(3) {animation-duration: 48s;}
@keyframes wave {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* 分页 */
.pager{ width:100%; height:40px; line-height:40px; text-align: center;color:#666; font-size:14px; margin-top:20px; margin-left:auto; margin-right:auto;font-family: Arial;}
.pager li{list-style-type: none;float: left;}
.pager a {display: inline-block;padding: 0 14px;line-height: 34px;color: #666; text-align: center;margin-right: 8px; border-radius: 3px;background: #eee;}
.pager a:hover{color:#fff; background:#2cb699; border-color: #2cb699;}
.pager a.am-active{color:#fff; background:#2cb699; border-color: #2cb699;}


@media screen and (max-width:980px) {
    html{font-size: 16px;}
    .title{margin-left: 30px;}
    nav{padding-left: 20px; padding-right: 20px;}
    nav ul li a{font-size: 1.4rem;}
    nav .products{font-size: 1.4rem;}
    nav .brandbox a{font-size: 1.2rem;line-height: 45px;height: 45px;}
    nav ul li a.active:before{top: 37px;}
    .search{margin-left: 30px;}
    nav a img{width: 140px !important;}
}