﻿*{margin:0;padding:0}
body{max-width:640px;margin:0 auto!important;background:#e7effa!important}
a{text-decoration: none;}
li{list-style:none}
.wrap{height:100%;background:#e7effa!important;padding-top: 64px;position: relative;}
.banner{width:6.4rem;height:auto;margin:0 auto}
.banner img{width:6.4rem;height:auto}
.banner.bd{width:6.4rem}
.ser-title{height:.8rem;font-size:.35rem;color:#000;font-weight:700;text-indent:.15rem}
.ser-box .swiper-wrapper{display:flex;flex-wrap:wrap;justify-content:center}
.ser-box .swiper-slide{width:1.34rem;display:inline-block;margin-right:.68rem;margin-bottom:.2rem}
.serlist{width:1.7rem;height:1.8rem;margin-right:.3rem;position:relative;margin-bottom:.3rem;z-index:99;margin-left:.12rem;float:left;background:#fff;border-radius:.15rem;box-shadow:.05rem .05rem .05rem 0 #999}
.ser-box a{color:#333}
.serimg{text-align:center;height:1rem;margin-top:.2rem}
.serimg img{width:1rem;height:.95rem}
.sertext{font-size:.24rem;text-align:center;margin-top:.1rem}
.banner .swiper-container{height:3.5rem}
.banner .swiper-slide{width:auto;height:3.8rem;background-size:100%;background-repeat:no-repeat}
.zjbox .swiper-slide{width:auto;height:3rem;background-size:cover;background-repeat:no-repeat;background-position:center}
.banner .reflection{width:100%;height:15px;border-radius:3px 3px 0 0;position:absolute;left:0;bottom:-17px;background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.3)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.3),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.3),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.3),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.3),rgba(0,0,0,0))}
.banner .swiper-slide a{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}
.banner .pagination{position:absolute;z-index:20;bottom:10px;width:100%;text-align:center}
.banner .swiper-pagination-switch{display:inline-block;width:5px;height:5px;border-radius:8px;background:#555;margin:0 5px;opacity:.8;border:1px solid #fff;cursor:pointer}
.banner .swiper-active-switch{background:#fff}
.zj-title{height:.7rem;font-size:.35rem;color:#000;font-weight:700;text-indent:.15rem}
.zjbox .swiper-container{height:4.5rem}
.zjbox{height:4.5rem;position:relative;margin-bottom:.3rem}
.zjbox .page1{position:absolute;z-index:20;bottom:10px;width:100%;text-align:center}
.zjbox .swiper-pagination-switch{display:inline-block;width:5px;height:5px;border-radius:8px;background:#999;margin:0 5px;opacity:.8;border:1px solid #fff;cursor:pointer}
.zjbox .swiper-active-switch{background:orange}
.zj1{height:4.5rem;background:url(../image/zj1.jpg) no-repeat center;background-size:100%}
.zj2{height:4.5rem;background:url(https://wap.021myour.com/template/myour/wap/images/zj2.jpg) no-repeat center;background-size:100%}
.zj3{height:4.5rem;background:url(https://wap.021myour.com/template/myour/wap/images/zj3.jpg) no-repeat center;background-size:100%}
.zj4{height:4.5rem;background:url(https://wap.021myour.com/template/myour/wap/images/zj4.jpg) no-repeat center;background-size:100%}
.zj5{height:4.5rem;background:url(https://wap.021myour.com/template/myour/wap/images/zj5.jpg) no-repeat center;background-size:100%}
.zj6{height:4.5rem;background:url(https://wap.021myour.com/template/myour/wap/images/zj6.jpg) no-repeat center;background-size:100%}
.infobox{width:4rem;float:left;margin-left:.45rem;margin-top:1rem}
.zj-info{font-size:.28rem;color:#202020}
.zj-info span{font-size:.4rem;font-weight:700;display:inline-block;border-bottom:1px solid #000;margin-right:.15rem}
.zjduty{font-size:.2rem;color:#202020}
.zj-info-list{font-size:.25rem;color:#202020;width:3rem;margin-top:.3rem}
.serAct{box-shadow:.05rem .05rem .01rem 0 #666;top:.1rem}
.zj{position:relative}
.mayo{height:4.85rem;background:url(../image/mayo.jpg) no-repeat center;background-size:100%;margin-bottom:.35rem}
.mayo-text{font-size:.28rem;color:#444;width:2.84rem;height:3.85rem;float:left;margin-left:.35rem;margin-top:.6rem;line-height:.45rem}
.my-title{height:.7rem;font-size:.35rem;color:#000;font-weight:700;text-indent:.15rem}
.new-title{height:.8rem;font-size:.35rem;color:#000;font-weight:700;text-indent:.15rem}
.newlist{margin-bottom:.2rem}
.new-center{width:95%;margin:0 auto}
.newcon{height:auto;background:#fff;border-radius:.2rem;box-shadow:0 0 .1rem .05rem #d4e1f4;display:flex}
.newimg{width:1.22rem;float:left;margin-left:.1rem;margin-top:.2rem}
.newimg img{width:100%;height:1.08rem;border-radius:.1rem}
.newtext{width:4.5rem;float:left;margin-left:.2rem;margin-top:.15rem}
.new-tt{font-size:.25rem;color:#000;line-height:.32rem;font-weight:700}
.new-tt a{color:#000}
.new-content{font-size:.2rem;color:#666}
.new-content a{color:#f60;font-weight:700}
.newit{display: block;border-radius: 8px;width: 95%;margin: 10px auto;box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px;background-color: white;}
.newit1{height: 192px;width: 100%;}
.newit1 img{width: 100%;height: 100%;object-fit: cover;}
.newit2{padding: 16px;}
.newit2 h3{color: rgb(31, 41, 55);font-size: .25rem;line-height: 26px;margin-bottom: 8px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.newit2 p{overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;color: rgb(75, 85, 99);font-size: .2rem;line-height: 16px;margin-bottom: 8px;}
.newit2 div{color: rgb(156, 163, 175);font-size: 14px;line-height: 16px;display: flex;align-items: center;}
.newit2 div svg{width: 16px;height: 16px;margin-right: 8px;color: rgb(156, 163, 175);}
.newt{width: 95%;margin: 10px auto;}
.newtime{padding: 16px;background-color: white;box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px;border-radius: 8px;}
.newtime1{display: flex;border-radius: 4px;padding: 8px;}
.newtime2{text-align: center;margin-right: 12px;}
.newtime3{color: #0631b4;font-size: 24px;line-height: 32px;font-weight: 700;}
.newtime4{color: rgb(156, 163, 175);font-size: 14px;line-height: 16px;}
.newtime5{width: 1px;height: 48px;margin-right: 12px;background-color: rgb(209, 213, 219);}
.newtime6{flex: 1 1 0%;}
.newtime6 p{color: rgb(31, 41, 55);font-size: 14px;line-height: 22.5px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

.gh-title{height:.95rem;font-size:.35rem;color:#000;font-weight:700;text-indent:.15rem;line-height:.7rem}
.ghbox{height:3.8rem}
.gh-center{width:95%;margin:0 auto}
.uinput{height:.9rem;background:#fff;margin-bottom:.35rem;border-radius:.15rem;box-shadow:0 0 .1rem .1rem #d4e1f4}
.uinput input{width:97%;padding-left:3%;height:.9rem;line-height:.9rem;float:left;background:0 0;outline:0;border:0;font-size:.25rem}
.uinput input::placeholder{color:#9f9f9f}
.ubutton{height:.65rem;background:#fd7468;color:#fff;font-size:.28rem;text-align:center;line-height:.65rem;border-radius:.1rem;cursor:pointer;box-shadow:0 0 .1rem .05rem #d4e1f4}
.foot{height:4.5rem}
.flogo{text-align:center;height:1rem}
.flogo2img{width:6rem;margin:0 auto 0.3rem ;}
.flogo2img img{width:100%;}
.foot-h1{font-size:.4rem;color:#202020;text-align:center;font-weight:700}
.foot-text{width:5.2rem;height:2.3rem;margin:.2rem auto}
.foot-text a{color:#333}
.foot-text .buslink{color:#fd7468}
.foot-text p{font-size:.25rem;color:#202020;line-height:.4rem;text-align:center}
.wave{width:100%;height:20vh;position:relative;top:.25rem}
.wave path{fill:rgba(67,117,178,.15)}
.logo{position:absolute;top:50%;left:50%;-webkit-transform:translate(-20%,-20%);transform:translate(-20%,-20%)}
#slideBoxss {position: relative;height:4.45rem;overflow:hidden;}
#slideBoxss .hd{ width:100%; height:0.05rem;  position:absolute; z-index:1; bottom:0; text-align:center;  }
#slideBoxss .hd ul{ overflow:hidden; display:-moz-box; display:-webkit-box; display:box; height:0.05rem; background-color:rgba(51,51,51,0.5);   }
#slideBoxss .hd ul li{ -moz-box-flex:1; -webkit-box-flex:1; box-flex:1; }
#slideBoxss .hd ul .on{ background:#FF4000; }
.main-nav{height:.6rem;margin-top:.03rem}
.main-nav ul{display:flex;flex-wrap:wrap}
.main-nav ul li{background:#f2f2f2;width:32.33%;float:left;height:.5rem;box-shadow:.01rem .01rem .01rem .01rem #ddd;color:#333;font-size:.2rem;text-align:center;line-height:.5rem;margin:.03rem}
.main-nav ul li a{color:#333;font-size:.28rem}
.mayo_about{height:6.5rem;margin-top:.2rem}
.about-title{height:.5rem;font-size:.25rem;background:#2454a8;line-height:.5rem;color:#fff;padding-left:.25rem}
.about-img{height:3.65rem}
.about-text{width:90%;margin:.2rem auto;font-size:.26rem;color:#666;line-height:.38rem}
.about-text a{display:inline;color: #f60;}
.lefttext p{width:1.6rem;height:.56rem;position:absolute;font-size:.24rem;line-height:.38rem;padding:.14rem 0 0 .24rem;color:#112A88}
.about_svg{padding: 24px;display: flex;justify-content: space-around;}
.about_svg div{height: 80px;width: 66px;font-size: initial !important;padding: 12px;background-color: white;box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.1) 0px 2px 4px -2px;text-align: center;border-radius: 12px;}
.about_svg div svg{color: #0631b4;width: 40px;height: 40px;margin-bottom: 8px;}
.about_svg p{color: rgb(31, 41, 55);font-size: 14px;font-weight: 600;line-height: 16px;}


.showMenuBtn { width: 0.56rem; height: 1rem; left: 3%; top: 50%; position:absolute;cursor:pointer; z-index:10}
.showMenuBtn a { display: block; width: 100%; height: 0.08rem;margin-top:-0.03rem;top:50%;left:0; position:absolute; outline: none; background-color: rgba(139,139,139,1);-moz-transition: background 0.3s linear .3s; -webkit-transition: background 0.3s linear .3s; transition: background 0.3s linear .3s; }
.showMenuBtn a:after, .showMenuBtn a:before { content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0;  background-color: #8b8b8b;-moz-transition: top 0.3s linear .3s, transform .3s ease-in .1s; -webkit-transition: top 0.3s linear .3s, transform .3s ease-in .1s; transition: top 0.3s linear .3s, transform .3s ease-in .1s;  }
.showMenuBtn a:after { top:0.14rem;}
.showMenuBtn a:before {	top:-0.14rem;}
.showMenuBtn.show a {background-color: rgba(230,235,239,0 ); font-weight:normal}
.showMenuBtn.show a:after {top:0;-moz-transform: rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg);-moz-transition: top 0.3s linear .3s, transform .3s ease-out .5s; -webkit-transition: top 0.3s linear .3s, transform .3s ease-out .5s; transition: top 0.3s linear .3s, transform .3s ease-out .5s;}
.showMenuBtn.show a:before {top:0;-moz-transform: rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);-moz-transition: top 0.3s linear .3s, transform .3s ease-out .5s; -webkit-transition: top 0.3s linear .3s, transform .3s ease-out .5s; transition: top 0.3s linear .3s, transform .3s ease-out .5s;}
.showMenuBtn a em { background-color: #e60012; border-radius: 50%; -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5); box-shadow: 0 0 4px rgba(0, 0, 0, 0.5); display: block; height: 0.14rem; position: absolute; right: -0.06rem; top: -0.24rem; width: 0.14rem; z-index: 10; }


.adrdt2 p {width: 6.2rem;margin: 0.2rem auto;font-size: 0.24rem;line-height: 0.3rem;}
.adrdt2 p img{width:0.27rem;height:0.32rem;}
.mayo-export {width: 100%;margin: 0.2rem auto 0.2rem}
.mayo-export-tit {text-align: center;margin: 0 auto 0.3rem auto}
#slidery .hdx {margin: 0 0 0.2rem 0;}
#slidery .hd {width: 100%;height: 0.5rem;background-color: #3e3e3e;border-radius: 0.2rem;overflow: hidden}
#slidery .hd ul {width: 90%;margin: 0 auto;overflow: hidden;height: 2.1em;}
#slidery .hd ul li {display: inline;float: left;width: 25%;text-align: center;background-color: #3e3e3e;color: #FFF;height: 0.5rem;line-height: 200%;font-size: 0.26rem;line-height: 0.5rem}
#slidery .hd ul .on {background-color: #249ff1}
#slidery .bd b {display: inline;color: rgb(255, 102, 0);font-weight: normal;}
.address-line-txt {font-size: 0.24rem;color: #d63c3c;line-height: 0.32rem;margin: 0.3rem auto 0.3rem auto;overflow: hidden;width: 100%}
.address-line-txt a {color: #000}
.address-line-txt img {margin-bottom: 0.2rem}
.mayo-export-list {font-size: 0.24rem;line-height: 0.36rem;margin:0 0.15rem;}
.mayo-export-list h3 {color: #249ff1;padding-top: 0.1rem;}
.map-img {width: 6.4rem;height: auto;margin: 0 auto;}
.lintitle{font-size: 0.24rem;line-height: 0.3rem;color: #313131;border-bottom: 1px #d9d9d9 solid;padding: 0.2rem 0 0.12rem 0.15rem;}
.lintitle span{margin-right: 10px;display: inline-flex;margin-top: 5px;}
.lintitle span svg{height: 20px;width: auto;margin-right: 5px;}

.zjbox2{margin-bottom: 0.15rem;}
.zjbox2 .swiper-slide {text-align: center;font-size: 18px;width: 1.6rem;padding-bottom: 0.1rem;/* Center slide text vertically */display: -webkit-box;
    display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;
    justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;cursor: pointer;}
.zjbox2 .swiper-container{height: 1.6rem;}
.zjbox2 .swiper-slide span{width:1.38rem;display: block;margin:0 auto;border: 0.04rem solid #fff;border-radius: 50%;}
.zjbox2 .swiper-slide div img{width:1.3rem;display: block;margin:0 auto;}
.zjbox2 .swiper-slide .zj{width: 1.6rem;}

#page {height: 5rem;}
#page .swiper-container{padding-bottom: 0.2rem;}
#page .swiper-container .swiper-container{padding-bottom: 0.2rem;}

.doc_con{position: relative;top:0;left:0;height: 4.6rem;background: #fff;width:96%;margin:0 2%;border-radius: 0.1rem;box-shadow: 0 0.1rem 0.08rem -0.08rem #565656;overflow:hidden;}
.doc_con .doc_r img{position: absolute;bottom:0;right:0;height: 4.4rem}


.doc_con .doc_l{ position: absolute;top:0;left:0.2rem; z-index: 10; display:inline; width:4.15rem;}
.doc_con .doc_l p{ line-height:0.32rem; font-size:0.22rem; color:#494949;}
.doc_con .doc_l p.doc_name{ font-size:0.32rem; line-height:0.45rem; color:#0631b4; font-weight:bold;margin-top: 0.15rem;margin-bottom: 0.05rem;}

.doc_con .doc_l .doc_tit01 span:after{width:0;height:0;border-top:0.36rem solid transparent;border-left:0.25rem solid #0631b4;position: absolute;content: '';right: -0.25rem;top:0;}
.doc_con .doc_l .doc_tit01 span{ float:left;height:0.36rem; color:#fff; font-size:0.24rem;
 line-height:0.36rem;padding:0 0.1rem 0 0.1rem;background: #0631b4;margin-bottom:0.08rem; position: relative;}
strong{display: block;clear:both;} 

.doc_con .doc_l .doc_zc{ line-height:0.38rem; font-size:0.26rem; color:#2f2f2f;margin-bottom: 0.05rem;}
.doc_con .doc_l .doc_zc span{width:0.25rem;height:0.25rem;background: url('../image/icon03.png') no-repeat right center;
display:inline-block;margin: 0.08rem 0.1rem 0 0;float:left;background-size: 100% 100%;}
.doc_con .doc_l p a.xq{ color:#fff;margin-right: 0.3rem; }
.doc_con .doc_l p a.xq2{ margin-right: 0; background: #6b6767; }
.doc_con .doc_l .doc_swt2 {margin-top: 0.2rem;}
.doc_con .doc_l .doc_swt2 a{display:inline-block;height: 0.42rem;line-height: 0.42rem;text-align: center;width:1.2rem;background:#ee7800;}
.doc_con .doc_l .doc_p{width: 3.2rem;padding-left: 0.3rem;margin-bottom:0.1rem;}
.doc_con .doc_l p a.xq:hover{ background: #cf6d09;}
.doc_con .doc_l p a.xq2:hover{ background: #4e4d4d; }

/* 地图 */
.mapt{width: 95%;margin: auto;}
.mzt01{margin-top: 10px;}
.mzt01 span {font-size: 22px;font-weight: bold;display: block;float: left;color: rgb(52, 73, 94);}
.mzt01 img {display: block;float: left;margin-top: 9px;margin-left: 20px;width: 15px;}
.km_mapbox .xlmb {border-bottom: 1px #F0F0F0 solid;padding-top: 35px;}
.csmayomapmain {overflow: hidden;padding-top: 20px;}
.routeIntro{display: flex;align-items: center;margin-top: 10px;margin-bottom: 15px;}
.routeIntro img {display: block;padding: 5px;border: 1px solid #e2e1e1;width: 120px;margin-right: 5px;}
.routeIntro_right h3 {font-size: 18px;color: #4f90cf;font-weight: bold;margin: 5px 0px 5px 0px;}
.routeIntro_right span {font-size: 14px;color: #7e7e7e;display: block;}
.routeIntro_right span em {font-size: 14px;}
/*列表*/
.artList{padding:0.2rem 0.1rem 0;}
.artList .newhot a{ color:#f30; font-family:"微软雅黑";}
.artList .newhot a:hover{ text-decoration:underline}
.artList li{margin-top:0.15rem;padding-bottom:0.3rem;border-bottom:1px solid #fff;clear:both;float:none;height:1.2rem;position:relative}
/*.artList li.list_v img{width:2.70rem;height:2.03rem;padding-bottom:0.1rem}*/
.artList li.list_v{margin:0.1rem;width:2.8rem;float:left;border-bottom:0;padding-bottom:0;list-style:none;text-align:center}
.artList li h3{padding-left:0.1rem;font-size:0.24rem;font-weight:bold;line-height:0.40rem;width:100%;float:left}
.artList li h3 a{color:rgb(52, 73, 94);font-size: 0.30rem;}
.artList li p{width:100%;float:left;line-height:0.28rem;font-size:0.14rem}
.artList li p a{color:red;}
.artList li.list_v h3{background:0}
.artList li .arclist_r{width:1.04rem;float:right;position:absolute;right:0;display:none}
.artList li .arclist_r span{display:block;width:1.04rem;height:0.27rem;color:#fff;background-color:#0076be;line-height:0.27rem;text-align:center;margin-top:0.10rem}
.page{margin-top: 10px;font-size: 14px !important;text-align: center;}
.page a{display: inline-block;margin-right: 10px;min-width: 20px;color: black;font-size: 14px;text-align: center;}

/* 文章 */
.article_txt{padding-bottom:0.3rem; font-size:0.2rem;color:#565656}
.article_txt  h3{font-size:0.3rem;display: block;line-height:0.36rem;font-weight: bold;border-left: 0.02rem solid #274462;padding-left:0.06rem; color:#274462;margin: 0.2rem 0px;text-align:center;}
.article_txt p h3{font-size:0.24rem;display: block;line-height:0.2rem;font-weight: bold;border-left: 0.02rem solid #274462;padding-left:0.06rem; color:#274462;  margin: 0.2rem 0px;}
.article_txt p{margin-top:0.2rem;line-height:0.34rem; font-size:0.24rem; text-indent:2em;}
.article_txt p span{ line-height:0.35rem;}
.article_txt a{color:fireBrick}
.article_txt{padding:0 0.15rem 0.3rem;}

.article_txt img {width: 100%!important;height: auto!important;display: block;}
.naxt a{color: black;font-size: 14px;display: block;line-height: 30px;padding: 0 0.15rem;}

/* 头部 */
.wrap .logot {display: flex;padding: 12px 16px;background: #0631b4;justify-content: space-between;align-items: center;position: fixed;top: 0;left: 0;right: 0;z-index: 99;}
.wrap .logot a {font-size: 18px !important;height: 40px;}
.wrap .logot img {height: 40px;}
.wrap .logot button {padding: 8px;background-color: #0069B7;border-radius: 8px;border: 0;height: 40px;}
.wrap .logot button svg {color: white;}
.hidden {display: none;}
#mobileMenu {position: fixed;z-index: 99;top: 64px;left: 0;right: 0;background-color: #134e4a;}
#mobileMenu a {color: white;display: block;padding: 12px 16px;font-size: 16px;}
#mobileMenu a.block {background-color: #115E59 !important;}
.wrap-ripple i{font-size:18px;line-height:28px}
@-webkit-keyframes pan-ripple{0%{-webkit-transform:scale(1);opacity:0}
30%{-webkit-transform:scale(1.1);opacity:1}
100%{-webkit-transform:scale(1.4);opacity:0}}
.wrap-ripple{z-index:99999;position:fixed;width:55px;height:55px;padding:6px;font-size:18px;box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;}
.wrap-ripple .s-ripple i{position:absolute;width:50px;height:50px;border-radius:50%;border:1px solid #f63;box-sizing:border-box}
.wrap-ripple .ripple{background:rgba(255,102,51, 0.9);color:#fff;font-size:14px;text-align:center;font-style:normal;padding-top:13%;line-height:16px;}
.wrap-ripple .ripple-a{opacity:0;-webkit-transform:scale(1);transform:scale(1);-webkit-animation:pan-ripple 2s linear infinite;animation:pan-ripple 2s linear infinite}
.wrap-ripple .ripple-b{opacity:0;-webkit-transform:scale(1);transform:scale(1);-webkit-animation:pan-ripple 1s linear infinite;animation:pan-ripple 1s linear infinite}
.wrap-ripple .s-ripple{z-index:99999;width:55px;height:55px;display:block;transform-origin:0 0 0;transform:scale(1,1);top:40%;right:15px}

.csnewbot{ width:100%; position:fixed;bottom:0;left:0; margin:0; padding:0; z-index:99;display:block}
.csnewbotbox{ max-width:640px; width:100%;margin:0 auto;}
.csnewbot ul{margin:0; padding:0;font-size: 0;}
.csnewbot ul li{ list-style-type:none; margin:0; padding:0; overflow:hidden; width:50%; float:left; display:inline}
.csnewbot ul li a{ margin:0; padding:0; text-decoration:none;width:100%;height:100%;display:block;}
.csnewbot ul li img{ width:100%}

footer{
    padding: 32px 0 70px;
    background: #e7effa;;
}
.footer1{
    margin-bottom: 30px;
}
.footer1 h2{
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 8px;
}
.footer1 .footer1p1{
    /* color: rgb(204, 251, 241); */
    font-size: 14px;
    margin-bottom: 16px;
}
.footer1 div{
    width: 64px;
    height: 4px;
    margin-bottom: 16px;
}
.footer1 .footer1p2{
    font-size: 14px;
    line-height: 20px;
}
.footer1 .footer1p2 span{
    font-weight: 800;
    letter-spacing: 0.4px;
    /* color: rgb(253, 224, 71); */
    font-size: 16px;
    display: block;
    margin-bottom: 8px;
    text-shadow: 0 2px 4px rgba(0,0,0,0.3);
}
.footer2{
    padding-top: 24px;
    border-top: 1px solid rgba(13, 148, 136, 0.4);
}
.text-center{
    text-align: center;
}
.footer2 .footer2div1{
    padding: 12px 24px;
    margin-bottom: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background-image: linear-gradient(to right, rgb(249, 115, 22), rgb(239, 68, 68));
}
.footer2 .footer2div1 svg{
    width: 20px;
    height: 20px;
    color: white;
    margin-right: 8px;
}
.footer2 .footer2div1 span{
    font-size: 14px;
    margin-right: 8px;
    color: white;
}
.footer2 .footer2div1 a{
    font-size: 18px;
    color: white;
}
.footer2p1{
    font-size: 14px;
}
.footer2p2{
    font-size: 14px;
    margin-top: 4px;
}