body { font-family: 'Microsoft YaHei',"Open Sans", sans-serif; font-size: 14px; color: #333;overflow-x:hidden; }
input,
select,
textarea { font-family: 微软雅黑,"Open Sans", sans-serif; font-size: 1em;; }
input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; }
textarea { -webkit-appearance: none; }
@font-face { font-family: 'DouyinSansBold'; src: url('DouyinSansBold.otf'); }
.wrap { width: 96%; margin: 0 auto; max-width: 1284px;max-width:12.84rem; position: relative; }
.justify { text-align: justify; }
img, a { border: 0; }
.img img { display: block; margin: 0 auto; }
a:hover { color: #3db45e; }
ul, li { list-style: none; }
* { margin: 0; padding: 0; }
*, *:before, *:after { transition: 0s,background 0.5s}
.flt { float: left; }
.frt { float: right; }
.clear { clear: both; }
ul:after, .clear:after, .clear:before { content: ''; clear: both; display: table; }
img { max-width: 100%; }
.img { overflow: hidden; position: relative; }
.img img { display: block; } 
.img img { display: block; }
.line1 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: bold; }
.header{overflow:hidden; position:fixed; top:0;left:0;width:100%;  z-index:100;}
.header.bg, .header.bg1 { background: linear-gradient( 45deg, #31B99A 0%, #17E2B4 100%); }
.header.bg .wrap, .header.bg1 .wrap{ height: .7rem; }
.header .wrap {transition:height 0.3s; max-width: 1200px; max-width: 12rem; display: flex; align-items: center; max-height: 130px; height: 130px; height: 1.3rem; align-items: center; }
.header .a_btn{line-height:50px; line-height:.5rem}
.mainer:before, .mainer:after { content: ''; display: block; position: absolute; width: 460px; height: 460px; background: #FFFFFF; border-radius: 100%;  z-index:11 }
.mainer:before { opacity: 0.08; left: -170px; top: -230px }
.mainer:after { opacity: 0.04; left: -120px; top: -180px }
.banner{z-index:10}
.logo { font-size: 30px; font-size: .3rem; color: #fff; font-family: 'DouyinSansBold'; }
.logo a{color:#fff;}
.menu{flex:1;}
.menu ul{display:flex;align-items:center; justify-content:center;}
.menu ul a{ color:#fff; font-size:18px; font-size:.18rem;display:block;position:relative;}
.menu ul a:after{ content:'';transition:all 0.5s; display:block;width:0; height:3px; border-radius:3px;background:#F7B500;margin:0 auto; left:0; right:0;position:absolute;margin-top:10px;margin-top:.1rem}
.menu ul li:not(:first-child) { margin-left: 50px; margin-left: .5rem }
.menu ul li:hover a:after, .menu ul li.on a:after { width: 25px; width: .25rem; }
.banner { background: linear-gradient( 45deg, #31B99A 0%, #17E2B4 100%); color: #fff;max-height:100vh; height: 800px;height:8rem; display:flex;align-items:flex-end;border-bottom-left-radius:2rem ;position:relative;}
.banner .wrap {display:flex;align-items:center; justify-content:space-between;}
.banner .box { max-width: 738px; max-width: 7.38rem;margin-bottom:50px;  margin-bottom:.5rem; }
.banner .img { width: 500px; width: 5rem }
.img img{width:100%;}
.banner h2 { font-size: 72px; font-size: .72rem; line-height: 100px; line-height: 1rem; font-family: 'DouyinSansBold'; }

.banner p { font-size: 24px; max-width: 600px; max-width: 6rem; font-size: .24rem; line-height: 40px; line-height: .40rem; margin-bottom: 40px; margin-bottom: .4rem }
.btns{display:flex;align-items:center; justify-content:center;}
a.a_btn {display:inline-block;  padding: 0 .46rem; line-height: .6rem; border-radius: 5px; background: #fff; color: #03004D ;font-size:18px;font-size:.18rem; margin-left:.18rem}
a.a_btn:hover{ background:#eee}
a.a_btn:first-child { margin-left: 0 }
a.a_btn.on { background: #F7B500 ;color:#fff;}
a.a_btn.on:hover{ background:#F0B000}
a.a_btn.btn1 { background: #44D7B6; color: #fff; }
a.a_btn.btn1:hover{ background:#31B99A}
.gonext { position: absolute; bottom: 30px; left: 0; right: 0; margin: 0 auto; width: 12px; height: 12px; border: 2px solid #fff; border-top-color: transparent; border-left-color: transparent; border-radius: 3px; transform: rotate(45deg); animation: 1s m infinite linear; transition: all 0.2s }
@keyframes m{
    0% { bottom:30px; }
    100% { bottom :20px;}
}
.f-c-sb{display:flex;align-items:center; justify-content:space-between;}
.page { padding: 130px 0; padding: 1.3rem 0}
.page_lt{width:522px; width:5.22rem;}
.page_tit h3 { font-size: 40px; font-size: .4rem ;line-height:1.5;font-weight:normal;margin-bottom:30px; margin-bottom:.3rem}
.page_tit .btn{ margin-top:36px;margin-top:.36rem}
.page_tit h3 span { display: inline-block; font-size: 52px; font-size: .52rem; position: relative; z-index: 1; }
.page_tit h3 span:after { content: ''; display: block; width: 100%; bottom: 15px;bottom:.15rem;z-index:-1; height: 14px; height: .14rem; background: #F0B000 ;position:absolute;opacity:0.4}
.page_tit p{ font-size:20px;font-size:.2rem; color:#999;line-height:50px; line-height:.5rem;}
.page_vadio, .page_vadio .video { position: relative; z-index:1;}
.page_vadio{ margin-right:60px; margin-right:.6rem}
.page_vadio .video { width: 468px; width: 4.68rem; height: 446px; height: 4.46rem; border-radius: 12px; border-radius: .12rem; }
.page_vadio .video img{width:100%;height:100%; object-fit:cover}
.page_vadio:after, .page_vadio:before { content: ''; width: 238px; width: 2.38rem; display: block; position: absolute; background: url(../img/icon1.png) no-repeat top center; background-size: 100% 100%; z-index: -1; }
.page_vadio:before {  height: 147px; height: 1.47rem; bottom: -52px; bottom: -.52rem; left: -70px; left: -.70rem; }
.page_vadio:after{height:66px; height:.66rem;top:-33px; top:-.33rem; right:-23px; right:-.23rem;background-image:url(../img/icon2.png)}
.page_vadio .video:after, .page_vadio .video:before{ position:absolute; content:'';display:block;z-index:-1;}
.page_vadio .video:after { width: 330px; height: 315px; border-radius: 12px; width: 3.30rem; height: 3.15rem; border-radius: .12rem; background: #F0B000 ;top:65px; top:.65rem;right:-50px; right:-.5rem;}
.page_vadio .video:before { width: 360px; width: 3.60rem; height: 360px; height: 3.60rem; border-radius: 100%; background: #3D34D2; opacity: 0.04;top:200px; top:2rem;left:338px; left:3.38rem }
.page_vadio .video { border-radius: .2rem; }
.video .play { width: 96px; width: .96rem; height: 96px; height: .96rem;background:url(../img/play.png) no-repeat center center; background-size:100% 100%;position:absolute; top:50%; left:50%; transform :translateX(-50%) translateY(-50%);cursor:pointer;transition:all 0.2s}
.video .play:hover{  width:1.1rem;height:1.1rem}

.page2_list ul{display:flex;flex-wrap:wrap;margin:0 -45px; margin:0 -.45rem;padding-bottom:1rem;}
.page2_list li{ flex:0 0 33.33%;}
.page2_list .box{ display:flex;align-items:center;margin:45px; margin:.45rem; }
.page2_list .icon{ width:80px; width:.8rem; height:80px; height:.8rem;border-radius:100%; margin-right:30px; margin-right:.3rem;}
.icon img{width:100%;height:100%; object-fit:cover}
.page2_list h3{ font-size:24px;font-size:.24rem; line-height:33px; line-height:.33rem;font-weight:normal;margin-bottom:10px;margin-bottom:.1rem}
.page2_list p{ font-size:18px; font-size:.18rem; line-height:28px; line-height:.28rem; color:#999}
.page2_list .text{ flex:1}
.btns2 .a_btn{width:200px; width:2rem;display:flex;align-items:center; justify-content:center;padding:0}
.btns .a_btn.btn2 { background: #44D7B6; color:#fff}
.btns .a_btn.btn2:hover{ background:#31B99A}
.btns .a_btn.plan { border: 2px solid #44D7B6; color: #44D7B6 }
/*----------custom----------*/
@media only screen and (max-width: 1600px) { 
}

@media only screen and (max-width: 1200px) { 
}

@media only screen and (max-width: 1000px) { 
}

@media only screen and (max-width: 750px) { 
}

.page3 { background: linear-gradient(to top, #89FFE5 0%, rgba(174,245,231,0.96) 31%, rgba(77,219,170,0) 100%);height:100vh; max-height:950px; max-height:9.5rem;padding-top:0;margin-top:135px; margin-top:1.35rem;display:flex;align-items:flex-end;padding-bottom:0}
.page3 .wrap{ display:flex;align-items:center;}
.ai_list { display: flex;margin:80px 0; margin:.8rem 0 }
.ai_list li{ text-align:center; margin-left:40px; margin-left:.4rem;}
.ai_list li:first-child{ margin-left:0}
.ai_list h4 { font-size: 30px; font-size: .3rem; color: #fff; position: relative; color: transparent; text-shadow: 0px 2px 0 #fff; z-index: 1;margin-bottom:15px; margin-bottom:.15rem}
.ai_list h4:after { content: attr(text); position: absolute; top: 0; left: 0; color: rgba(0,0,0,0.1); z-index: -1; text-shadow: 0 0 10px rgba(0,0,0,0.2); }
.slide { cursor: pointer; margin: 0 auto; width: 74px; width: .74rem; height: 25px; height: .25rem; border-radius: 25px; border-radius: .25rem; background: #C1C1C1; box-shadow: inset 0px 3px 6px 1px rgba(0,0,0,0.16); padding: .03rem; box-sizing: border-box; }
.slide span { width: .19rem; height: .19rem; background: #fff; border-radius: 100%; display: block; transition: margin-left 0.5s }
.on .slide { background: #11CFCC; }
.on .slide span { margin-left: .48rem }
.page{ overflow:hidden;}
.page3 .imgs { width: 612px; width: 6.12rem }
.page3 .imgs img{display:none;}
.page3 .imgs img:first-child{display:block;}
.page_tit2 { font-family: 'DouyinSansBold'; }
.page_tit2 h2 { font-size: 70px; font-size: .7rem; text-shadow: 0 0 5px rgba(0,0,0,0.2); letter-spacing: 5px; margin-bottom:20px;margin-bottom:.2rem}
.page_tit2 p {font-weight:normal;letter-spacing:5px; font-size: 18px; font-size: .18rem; color: #999; text-shadow: 0 0 5px rgba(0,0,0,0.2); }
.page4_box{display:flex;align-items:center; justify-content:center; flex-direction:column; height:277px; height:2.77rem; background:url(../img/bg2.jpg) no-repeat center center; background-size:cover;border-radius:15px; border-radius:.15rem}
.page4_box h2{ font-size:50px; font-size:.5rem; color:#fff;margin-bottom:.5rem;letter-spacing:.09rem;margin-top:.2rem;text-shadow:0 0 5px rgba(0,0,0,0.2)}
.page4{padding:280px 0;padding:2.8rem 0;}
.page_tit h3 label{display:block; text-indent:2em;font-size:52px;font-size:.52rem}
.page_tit.bold h3 { font-weight: bold; }
.page5 {  background: rgba(68,215,182,0.23); position:relative;padding-bottom:100px; padding-bottom:1rem}
.page5:before{ content:'';display:block;width:500vw; height:500vw;border-radius:100%; background:#fff; position:absolute; bottom:100%; margin-bottom:-100px;margin-bottom:-1rem; z-index:1;left:50%; margin-left:-250vw}
.page5_img {  position:relative;z-index:1;}
.page5_img:after, .page5_img:before{ content:'';display:block;position:absolute;z-index:-1}
.page5_img:before { width: 238px; width: 2.38rem; height: 1.47rem; height: 147px; background: url(../img/icon1.png); bottom: -111px; bottom: -1.1rem; left: -160px; left: -1.60rem }
.page5_img:after { width: 239px; width: 2.39rem; height: 66px; height: .66rem; background: url(../img/icon2.png) no-repeat center center; top: -.4rem; right: 0.2rem }
.page5_img .img { overflow: initial; width: 100%; height: 100%; position: relative; z-index: 1; }
.page5_img .img1 { position: absolute; width: 80px; width: .8rem;height:80px; height:.8rem;right:100%;margin-right: 1.35rem; top: 70px; top: .7rem; background: rgba(3, 0, 77, 0.06) }
.page5_img .img2 { position: absolute; width: 160px; width: 1.6rem; height: 160px; height: 1.6rem;right:100%;margin-right:20px; margin-right: .2rem; top: 180px; top: 1.8rem; background: rgba(3, 0, 77, 0.06) }
.page5_img .img3 {display:flex;align-items:flex-end; border-radius: 12px; border-radius: .12rem; background: #20D5AC;  width: 330px; width: 3.3rem; height: 315px; height: 3.15rem; }
.page5_img .img3  img{width:95%;}

.footer { background: #20D5AC; padding-top:120px;padding-top:1.2rem}

.footer .ewm{margin:0 100px; margin:0 1rem;width:140px; width:1.4rem; text-align:center;color:#fff;}
.footer .ewm p{margin-top:20px; margin-top:.2rem;font-size:12px;font-size:.12rem}
.foot_lt { flex: 1; font-family: 'DouyinSansBold' }
.foot_lt h3 { font-size: 30px; font-size: .3rem; color: #fff; margin-bottom:.3rem}
.foot_lt ul{display:flex;flex-wrap:wrap;}
.foot_lt ul li { margin-right: 10px; padding-right: 10px; font-size: 20px; margin-right: .1rem; padding-right: .1rem; font-size: .2rem; border-right:2px solid #fff}
.foot_lt ul li:last-child{ margin-right:0;padding-right:0;border-right:0}
.foot_lt a{color:#fff;}
.foot_lt a:hover{ color:#F0B000}
.copyright { border-top: 1px solid rgba(255,255,255,0.12); height: 111px; height: 1.11rem; text-align: right; display: flex; align-items: center; justify-content: flex-end; color: #fff; font-size: 16px; font-size: .16rem; margin-top: 20px; margin-top: .2rem }
.foot_lt{ flex:1;}

.banner2 { height: 880px; height: 8.8rem; display: flex; align-items: flex-end; background: rgb(37,205,170); padding-top: 70px; padding-top: 0.7rem; color: #fff; font-size: 20px; font-size: .2rem; line-height: 2 }
.banner2 h2 { font-size: 60px; font-size: .6rem; font-family: 'DouyinSansBold' ;line-height:84px; line-height:.84rem;margin-bottom:.4em}
.banner2 .img {overflow:initial; width: 612px; width: 6.12rem;height:880px; height:8.8rem}
.banner2 .wrap{display:flex;justify-content:space-between;align-items:center;}
._img{position:absolute; left:0;bottom:0;width:100%; height:100%;display:flex;align-items:flex-end}
._img img{max-width:100%; max-height:100%;}
.img_line { width: 30px; width: .3rem; height: 100%; background: url(../img/line.png) no-repeat left center; background-size: 100% 100%; cursor: col-resize; margin-left: -15px; margin-left: -.15rem; z-index: 11; }
.old_img {  z-index:10}
.mainer_page { }
.page_tit3 { text-align: center;  margin-bottom:100px; margin-bottom:1rem;text-shadow:0 2px 5px rgba(0,0,0,0.1)}
.page_tit3 h2 { font-size: 60px; font-size: .6rem; color: #fff; font-family: 'DouyinSansBold'; }
.page_tit3 p{ font-size:20px; font-size:.2rem; margin-top:.2rem;color:#fff;}
.page6 { background: #000;padding-bottom:0; padding-top: 160px; padding-top: 1.6rem }
.page_img{ text-align:center;min-height:7rem; display:flex;align-items:center; justify-content:center;}
.page6_bg, .page_down, .page_down2 { background: url(../img/bg2.jpg) no-repeat center center; background-size: cover; }
.f-j-sb{ display:flex;align-items:center; justify-content:space-between;}
.page_img2{ width:661px; width:6.61rem}
.page_img3{width:1000px; width:10rem;min-height:5rem;display:flex;align-items:center;margin-bottom:1.4rem}
.page_img4 {width:7.12rem; margin:0 auto;padding-right:200px;padding-right:2rem;  display: flex; align-items: center;padding-top:150px; padding-top:1.5rem;}
.page_img4 img{width:100%;}
.page_down{padding:200px 0;padding:2rem 0;min-height:calc(100vh - 8.55rem);display:flex;align-items:center; justify-content:center;}
.ewm_list ul{display:flex;}
.ewm_list li{flex:1;margin-left:20px; margin-left:.2rem}
.ewm_list li:first-child{margin-left:0}
.ewm_list .box{display:flex;flex-direction:column;align-items:center; justify-content:center; padding:30px;padding:.3rem;border-radius:20px; border-radius:.2rem; border:1px solid rgba(255,255,255,0.1)}
.ewm_list .box .ewm{ width:200px; max-width:2rem;}
.ewm_list .tit { display: flex; align-items: center; margin-bottom: .4rem; font-size: 35px; font-size: .35rem; color: #fff; }
.ewm_list .tit img{margin-right:.1rem}
.w51 { width: 51px; width: .51rem; }
.w41{width:41px; width:.41rem;}
.w42 { width: 42px; width: .42rem; }
a.down { display: block; line-height: 52px; line-height: .52rem; text-align: center; background: #F7B500 ;width:292px;width:2.92rem;margin-top:40px; margin-top:.4rem;font-size:25px; font-size:.25rem}
a.down:hover{ background:#31B99A;color:#000}
.page_down2{ min-height:100vh;padding:0;display:flex;align-items:center; justify-content:center;}
.page_tit3:last-child{ margin-bottom:0}
.main_head{ height:.7rem}
.page_main .mainer { min-height: calc(100vh - 4.24rem); }
.page_main { background: #EDEDED; padding-top: 50px; padding-top: .5rem }
.page_main .header .wrap{max-width:1284px; max-width:12.84rem}
.lt_side{width:260px;width:2.6rem; position:sticky;top:.7rem;background:#fff;z-index:10}
.lt_side li{line-height:70px; line-height:.7rem; text-align:center;font-size:23px; font-size:.23rem}
.lt_side li a{display:block;position:relative;color:#000}
.lt_side li.on a { background: #44D7B6 }
.lt_side li:hover a:after {border-color:#31B99A; right: 20px; right: .2rem; transition: right 0.2s }
.lt_side li:hover a{color:#31B99A}
.lt_side li a:after { display: block; position: absolute; width: 12px; width: .12rem; height: 12px; height: .12rem; border: 2px solid #000; border-bottom: 0; border-right: 0; content: ''; top: 50%; margin-top: -6px; margin-top: -.06rem; right: 35px; right: .35rem; border-radius: 2px; transform: rotate(135deg); }
.page_main .wrap { z-index: 99 }
.content{ margin-left:20px; margin-left:.2rem;background:#fff; min-height:calc(100vh - 2rem);flex:1;}
.f-t{display:flex;align-items:flex-start}
.content{ padding:30px; padding:.3rem}
.details h1{ font-size:40px; font-size:.4rem;text-align:center; line-height:3;margin-bottom:.1rem}
.details  p{font-size:20px;font-size:.2rem; line-height:1.8;text-indent:2em;margin-bottom:20px;margin-bottom:.2rem}
.details h4 { font-size: 35px; font-size: .35rem; line-height: 1.5;margin-bottom:10px; margin-bottom: .1rem;margin-top:40px; margin-top: .4rem }
.details h5 { font-size: 25px; font-size: .25rem; line-height: 1.5;margin-bottom:20px; margin-bottom: .2rem }
.content .ewm{text-align:center;width:140px;width:1.4rem;}
.content .ewm img { filter: invert(1);margin-bottom:30px; margin-bottom:.3rem}

.news_list .box{display:flex;align-items:center;font-size:15px;font-size:.15rem;}
.news_list label { display: inline-block; line-height: 26px; line-height: .26rem; border-radius: 26px; border-radius: .26rem; background: #44D7B6 ;color:#fff;padding:0 16px;padding:0 .16rem;}
.news_list .img { width: 304px; width: 3.04rem; margin-right: 27px; margin-right: .27rem; height: 200px; height: 2rem; }
.news_list .flex1{ height:100%;display:flex;flex-direction:column;height:180px; height:1.8rem;align-items:flex-start; }
.news_list .flex1 h3 { flex: 1; display: flex;  font-size:30px;font-size:.3rem;line-height:42px;line-height:.42rem; align-items:center}
.fp_modal,
.modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1001 }
.modal{ background:rgba(0,0,0,0.7);display:none;}
.fp_modal{display:flex;align-items:center; justify-content:center;}
.modal_video{max-width:80vh;max-width:80vh;}
.modal_video video{width:100%; height:100%; object-fit:cover}

@media only screen and (max-width: 750px){
    .page5:before{ }
    .page_down, .page_down2 { min-height: calc(100vh - 6rem); box-sizing: border-box; display: flex; align-items: center; }
}


.details table{ text-align:center; font-size:.2rem; line-height:1.5;text-align:left;margin-bottom:.2rem}
.details table td, .details table th{ padding:.2rem;border:1px solid #ccc}
.details table th{background:#eee}