@charset "utf-8";
/*font*/
@font-face {font-family:"icomoon";src:url("icomoon.ttf");}
/*global style*/
ul,li,p,span,em,i,div,img,h1,h2,h3,h4,h5,h6,a,input,textarea,body{padding:0px;margin:0px;border:none;}
body{font:14px/1.5em 'SourceHanSansCN-Regular', Arial;color:#666;overflow-x:hidden;margin:0;}
table{border-collapse:collapse;}
em,i{font-style:normal;}
a{color:#333;text-decoration:none;cursor:pointer;outline:none;-webkit-tap-highlight-color:rgba(255,0,0,0);}
a:hover{color:#4d4e9f;}
ul,li{list-style:none;}
img{vertical-align:top;}
hr{display:none;}
figure{margin:0;}
input{outline:none;vertical-align:middle;}
textarea{resize:none;outline:none;overflow:hidden;font-family:'PingFang SC';}
input[type="submit"]{cursor:pointer;}
p{line-height:35px;font-size:18px;}
h1{font-size:48px;color:#333;line-height:60px;font-weight:normal;}
h2{font-size:48px;color:#333;line-height:60px;font-weight:normal;}
h3{font-size:24px;color:#333;line-height:26px;font-weight:normal;}
h4{font-size:14px;color:#333;line-height:16px;font-weight:normal;}
.main-width{width: 1620px;max-width: 92vw !important;margin: 0 auto;}
.m-top{margin-top: 65px;}


header{padding: 10px 0;box-sizing: border-box;transition: all .5s;z-index: 999;background-color: #f8f8fb;position: fixed;top: 0;left: 0;right: 0;box-shadow: 0 0 10px 1px rgb(0 0 0 / 10%);}
header .main-width{display: flex;justify-content: space-between;align-items: center;}
header .logo{height: 45px;}
header .logo img{width: auto;height: 100%;}
header .func{display: flex;}
header .func p{font-size: 18px;line-height: 36px;color: #333333;margin-right: 1.04vw;padding-left: 30px;position: relative;}
header .func p::before{content: "\e908";position: absolute;left: 0;top: 50%;transform: translateY(-50%); display: block;width: 21px;height: 21px;line-height: 21px;font-family: 'icomoon'; font-size: 26px;color: #03c9a9;}
header .func a{font-size: 18px;line-height: 36px;color: #333333;margin-right: 1.04vw;padding-left: 30px;position: relative;}
header .func a::before{content: "\e905";position: absolute;left: 0;top: 50%;transform: translateY(-50%); display: block;width: 21px;height: 21px;line-height: 21px;font-family: 'icomoon'; font-size: 26px;color: #03c9a9;}
header.flow{position: fixed;top: 0;left: 0;right: 0;box-shadow: 0 0 10px 1px rgb(0 0 0 / 10%);}

.banner{position:relative;}
.banner h2{margin-bottom:20px;}
.banner img{width: 100%;height: auto;z-index: -1;position: relative;}
.banner .text{width: 100%; position: absolute;top: 50%;left: 0; right: 0; transform: translateY(-50%);z-index: 1;}
.banner .text h1{font-size: 48px;color: #fff;margin-bottom: 15px;}
.banner .text p{font-size: 20px;line-height: 30px;color: #fff;}



.com-con{padding: 5.21vw 0;}
.com-con h2{color: #333333;margin-bottom: 30px;text-align: center;}
.com-con p{font-size: 18px;line-height: 30px;color: #888888;text-align: center;}
.com-con .main-width > p{max-width: 80%;margin: 0 auto;}
.com-con iframe{width: 900px;height: 507px;margin: 50px auto 0;position: relative;}
.com-con .wp-block-video{width: 900px;height: 507px;margin: 50px auto 0;position: relative;}
.com-con .feature{margin-top: 6.77vw;display: flex;justify-content: center;}
.com-con .feature li{width: 20%;text-align: center;font-size: 16px;line-height: 28px;padding: 0 20px;box-sizing: border-box;}
.com-con .feature li::before{display: flex;align-items: center;justify-content: center; width: 110px;height: 110px;text-align: center; color: #fff; margin: 0 auto 25px;border-radius: 50%;background-color: #03c9a9;font-family: 'icomoon';}
.com-con .icon-kmt li:nth-child(1):before{content: "\e91e";font-size: 65px;}
.com-con .icon-kmt li:nth-child(2):before{content: "\e911";font-size: 50px;}
.com-con .icon-kmt li:nth-child(3):before{content: "\e915";font-size: 52px;}
.com-con .icon-kmt li:nth-child(4):before{content: "\e91d";font-size: 50px;}


.kmt{padding: 5.21vw 0;}
.kmt h2{font-size: 40px;line-height: 50px;text-align: center;color: #222;margin:0 auto 1.56vw;max-width: 70%;}
.kmt h2 span{color: #03c9a9;}
.kmt p{max-width: 60%;font-size: 16px;line-height: 28px;text-align: center;color: #333;margin: 0 auto;}
.kmt .cont{display: flex;align-items: center; position: relative;margin-top: 8.85vw;min-height: 29.32vw;width: 100%;}
.kmt .cont::after{content: "";width: 29.32vw;height: 29.32vw;display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) scale(0);transition: all .5s; border-radius: 50%;z-index: 0;background-image: -webkit-linear-gradient(top,#91fbea,#03c9a9);}
.kmt .cont img{width: 30.26vw;height: auto; position: absolute;left: 50%;top: -4.53vw;transform: translateX(-50%) scale(0);z-index: 1;transition: all .5s;}
.kmt .cont ul{display: grid; grid-template-columns: 450px 450px; justify-content: space-between; width: 100%; transition: all 1.2s; align-items: flex-start;}
.kmt .cont li{display: flex; width: 100%;margin-bottom: 5.21vw;}
.kmt .cont li .text{display: flex;flex-direction: column; padding-left: 75px; box-sizing: border-box; position: relative;}
.kmt .cont li h3{font-size: 20px;line-height: 30px;color: #333;margin-bottom: 1.04vw;margin: 0 0 20px;}
.kmt .cont li p{color: #666;max-width: none;text-align: left;}
.kmt .cont li .text::after{color: #03c9a9; display: block; width: 63px; height: 63px; line-height: 60px; text-align: left; position: absolute; left: 0; top: 0; font-family: 'icomoon';}
.kmt .cont li:nth-child(1) .text:after{content: "\e901";font-size: 50px;}
.kmt .cont li:nth-child(2) .text:after{content: "\e902";font-size: 48px;}
.kmt .cont li:nth-child(3) .text:after{content: "\e903";font-size: 65px;}
.kmt .cont li:nth-child(4) .text:after{content: "\e904";font-size: 50px;}
.kmt .cont li:nth-child(3),
.kmt .cont li:nth-child(4){margin-bottom: 0;}
.kmt .cont li:nth-child(2),
.kmt .cont li:nth-child(4){justify-content: flex-end;}
.kmt.action .cont::after{transform: translate(-50%,-50%) scale(1);}
.kmt.action .cont img{transform: translateX(-50%) scale(1);}
.kmt.action .cont ul{transform: scale(1);}

footer{padding: 7.81vw 0 6.77vw;text-align: center; background: url('../images/footer-bg.jpg') center top no-repeat ;background-size: cover;}
footer h2{font-size: 60px;line-height: 60px;color: #fff;margin-bottom: 70px;}
footer a{display: inline-block;padding: 0 20px;line-height: 48px;line-height: 48px;font-size: 20px; text-align: center;background-color: #fff;border: 1px solid #fff;color: #03c9a9;border-radius: 8px;box-sizing: border-box;}
footer a:hover{background-color: #03c9a9;color: #fff;}

.an-overall .animate{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transition:transform .5s ease,opacity .5s ease;}
.an-overall .ant{transform:translateY(50px);}
.an-overall .anf{transform:translateX(-50px);}
.an-overall .anr{transform:translateX(50px);}
.an-overall .anl{transform:translateX(-50px);}
.an-overall .wp-block-image.zoom-in{transform: translateY(-50%) scale(.6) ;}
.an-overall .t1{transition-delay:.2s;}
.an-overall .t2{transition-delay:.4s;}
.an-overall .t3{transition-delay:.6s;}
.an-overall .t4{transition-delay:.8s;}
.an-overall .t5{transition-delay:1s;}
.an-overall .t6{transition-delay:1.2s;}
.an-overall .t7{transition-delay:1.4s;}
.an-overall .t8{transition-delay:1.6s;}
.an-overall.action .animate{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.an-overall.action .ant{transform:translateY(0);}
.an-overall.action .anf{transform:translateX(0);}
.an-overall.action .anr{transform:translateX(0);}
.an-overall.action .anl{transform:translateX(0);}
.an-overall.action .zoom-in{transform: translateY(-50%) scale(1);}

@media only screen and (max-width:1600px){
  .com-con .feature li{width: 25%;}
  .kmt p{max-width: 80%;}
}

@media only screen and (max-width:1500px){
  .kmt .cont img{top: 0;}
  .kmt .cont ul{grid-template-columns: 400px 400px}
}

@media only screen and (max-width:1366px){
  /* .kmt h2{font-size: 30px;line-height: 40px;} */
  .kmt .cont img{top: initial;bottom: 30%;width: 325px;}
  .kmt .cont::after{width: 325px;height: 325px;}
  footer h2{font-size: 36px;line-height: 46px;}
}

@media only screen and (max-width:1200px){
  .kmt .cont img{display: none;}
  .kmt .cont::after{display: none;}
  .kmt .cont ul{grid-template-columns:1fr 1fr;gap: 40px;}
}

@media only screen and (max-width:1000px){
  .com-con .feature{flex-wrap: wrap;gap: 30px;}
  .com-con .feature li{width: 45%;}
  .com-con .main-width > p{max-width: 100%;}
  .kmt h2{max-width: 100%;}
  .kmt p{max-width: 100%;}
}

@media only screen and (max-width:780px){
  header .func p{font-size: 14px;}
  header .func a{font-size: 14px;}
  .banner{height: 300px;}
  .banner img{height: 100%;object-fit: cover;}
  .banner .text h1{font-size: 30px;line-height: 40px;}
  .banner .text p{font-size: 15px;line-height: 25px;}
  .com-con{padding: 30px 0;}
  .com-con h2{font-size: 30px;line-height: 40px;margin-bottom: 20px;}
  .com-con p{font-size: 15px;line-height: 25px;}
  /* .com-con .feature li{font-size: 15px;line-height: 25px;} */
  .kmt{padding: 30px 0;}
  .kmt h2{font-size: 30px;line-height: 40px;margin-bottom: 20px;}
  .kmt p{font-size: 15px;line-height: 25px;}
  .kmt .cont ul{grid-template-columns:1fr;}
  .kmt .cont ul li{margin: 0;}
  .kmt .cont li h3{font-size: 18px;line-height: 25px;}
  footer h2{font-size: 30px;line-height: 40px;}
  .kmt .cont li:nth-child(3) .text:after{left: -15px;}
}

@media only screen and (max-width:640px){
  header .func p{display: none;}
  header .func a{font-size: 16px;}
  .banner .text h1{font-size: 26px;line-height: 36px;}
  h2{font-size: 22px !important;line-height: 32px !important;margin-bottom: 10px !important;}
  .kmt .cont li h3{margin-bottom: 10px;}
  .com-con .feature li{width: 100%;}
}