@charset "utf-8";
/* CSS Document */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {box-sizing:border-box;-ms-overflow-style:scrollbar;}
*::before, *::after {}
* { margin:0px;  padding:0px;box-sizing:inherit; font-family:}
html { -webkit-text-size-adjust:none;}
h1,h2,h3,h4,h5,h6 { font-weight:normal;}
ul li{ list-style:none;}
li{ list-style:none;}
img { border:none; display: block }
a { text-decoration:none;blr:expression(this.onFocus=this.blur())}
a:link { text-decoration:none}
.fl { display:block; float:left;}
.fr { display:block; float:right;}
.clear {clear:both;} 
.bai,.hui { padding:60px 10px; }
.hui { background:#f2f4f4}
@media(min-width:768px) {
.bai,.hui { padding:60px 40px; }
}
@media(min-width:1024px) {
.bai,.hui { padding:80px; }
}

@font-face {
  font-family: "iconfont"; /* Project id 4550082 */
  src: url('//at.alicdn.com/t/c/font_4550082_97o3r930348.woff2?t=1716797913380') format('woff2'),
       url('//at.alicdn.com/t/c/font_4550082_97o3r930348.woff?t=1716797913380') format('woff'),
       url('//at.alicdn.com/t/c/font_4550082_97o3r930348.ttf?t=1716797913380') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-goutong:before {
  content: "\e624";
}

.icon-youxiang:before {
  content: "\e908";
}

.icon-kaifa:before {
  content: "\e733";
}

.icon-yufangxingweihu:before {
  content: "\e69f";
}

.icon-jiuzhengxingweixiu:before {
  content: "\e613";
}

.icon-kekuozhanxingqiang:before {
  content: "\e628";
}

.icon-a-ziyuan543ldpi:before {
  content: "\e612";
}

/*head old*/
.site-headera {position:fixed;left:0;top:0;z-index:8000;width:100%;box-sizing:border-box; background:rgba(32, 137, 142, 0.85); box-shadow: 0 1px rgba(255,255,255,.2);padding:10px 10px 10px 20px;}
body.nav-active { overflow:hidden}
body.nav-active .site-headera { background:#000} 
.top { width: 100%;display: flex;align-items: center;}
.top .logo   {flex: 1;display: flex;}
.top .logo img { height:32px;  }
.top  .lang { flex: 1;display: flex;justify-content: right;font-size: 1rem;z-index: 1; text-decoration:underline; }
.menu-icon { visibility:visible}
.nav {visibility:hidden;position:fixed;z-index:7001;font-size:15px; }
.nav__content {position:fixed;top:52px; left:0;width:100%;height:100%;cursor:pointer; background:#eee}
.nav__list {list-style:none;margin:0;padding:0;height:100%;}
.menu-itema {border-bottom:1px #ddd solid;position:relative;margin-left: 20px;line-height:40px;font-size:14px;transition-delay:.8s;opacity:0;transition:opacity .2s ease, transform .3s ease;}
.menu-itema a {color:#666; display:block}
.top .lang,.top .lang a { font-size:14px; color:#FFF; /*line-height:36px;*/}
.top .lang { padding-right:0px;}
.top .lang .lang-a { display: none; margin-right:20px}
.menu-icon { visibility:hidden}
@media(min-width:1024px) {
.site-headera {padding:20px 70px; }
.top .logo   {flex: 1;}
.top  .lang { flex: 1;}
.top .lang { }
.top .logo img { height:36px;}
.site-headera .navw { text-align: center;    }
.nav {visibility: visible; padding:0; position:inherit;width: 100%;display: flex;justify-content: center;}
.nav__content { position:inherit; width:auto; height:auto; padding:0; background:none}
.nav:after { visibility:hidden}
.nav:before { visibility:hidden}
.menu-itema {border-bottom:none;position:relative; margin-left:0;display: inline-block; height:36px;line-height:34px; transition-delay:.8s;opacity:1;transition:opacity .2s ease, transform .3s ease;}
.menu-itema a {display:inline-block;font-size:14px; padding:0 20px; margin:0 20px; color:#FFF; border-radius:5px; }
.menu-itema.current-menu-item a,.menu-itema a:hover {background:rgba(255, 255, 255, 0.1);}

}

.menu-icon {box-sizing:border-box;padding:14px 0 0;height:30px;width:30px;position:fixed;z-index:9000;right:1rem;top:.4rem;cursor:pointer;}
.menu-icon__line {height:2px;width:30px;display:block;background-color:#FFFFFF;margin-bottom:5px;transition:transform .2s ease, background-color .5s ease;}
.menu-icon__line-left {width:30px;}
.menu-icon__line-right {width:30px;float:right;}

@media(min-width:768px) {
.menu-icon {padding:8px 0 0;height:30px;width:30px;right:1rem;top:1rem; }
}
body.nav-active .menu-icon__line {background-color:#FFF;transform:translateX(0) rotate(-45deg);display:none;}
body.nav-active .menu-icon__line-left {transform:translateY(7px) rotate(45deg);display:block;}
body.nav-active .menu-icon__line-right {transform:translateX(0) rotate(-45deg);display:block;}
body.nav-active .nav {visibility:visible;}
body.nav-active .nav:before, body.nav-active .nav:after {transform:translateX(0%) translateY(0%);}
body.nav-active .nav:after {transition-delay:.1s;}
body.nav-active .nav:before {transition-delay:0s;}
body.nav-active .menu-itema {opacity:1;transform:translateX(0%);transition:opacity .3s ease, transform .3s ease, color .3s ease;}
body.nav-active .menu-itema:nth-child(0) {
transition-delay:.1s;}
body.nav-active .menu-itema:nth-child(1) {
transition-delay:.2s;}
body.nav-active .menu-itema:nth-child(2) {
transition-delay:.3s;}
body.nav-active .menu-itema:nth-child(3) {
transition-delay:.4s;}
body.nav-active .menu-itema:nth-child(4) {
transition-delay:.5s;}
body.nav-active .menu-itema:nth-child(5) {
transition-delay:.6s;}
body.nav-active .menu-itema:nth-child(6) {
transition-delay:.7s;}
body.nav-active .menu-itema:nth-child(7) {
transition-delay:.8s;}
.banner { height:558px;padding:100px 0px 0; position:relative;}
.banner .banner-text { width:90%;   padding-left:5%;}
.banner .banner-text h1 {font-size: 1.8rem;color:#FFF;line-height:1.5; font-weight:bold }
.banner .banner-text p {font-size:1rem;color: #FFFFFF8F;line-height:1.6; margin:40px  0;  }
.banner .banner-text a { display:block; width:200px; height:50px; font-size:16px; color:#0c231f; line-height:50px; font-weight:bold; text-align:center; border-radius: 8px;background:#a4f1f5}
.banner .banner-bott { position: absolute; left:0; bottom:0; width:100%; height:60px; border-radius:20px 20px 0 0; background:#f2f4f4}

@media(min-width:768px) {
.banner { height:758px;padding:100px 100px 0;}
.banner .banner-text { width:100%; padding-left:0;  }
.banner .banner-text h1 {font-size: 2.4rem;}
.banner .banner-text p {font-size: 1.2rem; width:100%;  }
.banner .banner-bott {height:80px; border-radius:60px 60px 0 0;  }
}
@media(min-width:1024px) {
.banner { height:758px;padding:200px 200px 0;}
.banner .banner-text h1 {font-size: 3rem;}
}
.pagebox { width:90%; max-width:1360px; margin:0 auto}
.title { text-align:center }
.title .title-a { font-size:1.8rem; color:#000;font-weight: bold; }
.title .title-p {font-size:1rem;color: #697876; line-height:1.6;width:100%; max-width:880px; margin:20px auto 0  }
@media(min-width:768px) {
.title .title-a { font-size:2rem}
.title .title-p {font-size:1rem;}
}
@media(min-width:1024px) {
.title .title-a { font-size:3rem}
.title .title-p {font-size:1.2rem;}
}
.how ul li,.what .what-tw,.what ul li,.why .whyr,.price .price-box,.footer .footer-c  { background:#f1f3f3;border-radius:6px; 
box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.15);
transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; overflow:hidden }
.what .what-tw,.what ul li { background:#fff}
.how { }
.how ul li { display:block; float:left; width:100%; margin-top:30px; padding: 20px; cursor:pointer;}
.how ul li .li-pic{ width:76px; height:76px; margin:0 auto; background:#50b7bc; border:solid 10px #279195; border-radius:38px;text-align:center;line-height: 1.5;-webkit-transition: all 0.6s;-o-transition: all 0.6s;-moz-transition: all 0.6s;transition: all 0.6s; }
.how ul li .li-pic i { font-size:38px; color:#FFF; font-weight:bold }
.how ul li .li-pic img{ width:100% }
.how ul li .li-text{ text-align:center }
.how ul li .li-text h2{font-size:1rem; text-align:center; font-weight:bold; margin:20px 0 }
.how ul li .li-text p {font-size:.8rem; color:#697876; line-height:1.6;text-align: left;}
.how ul li:hover  { background:#fff;box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1);}
.how ul li:hover .li-pic{ background:#FFF; border:solid 10px #50b7bc; }
.how ul li:hover .li-pic i { color:#279195}
@media(min-width:768px) {
.how ul { display:flex}
.how ul li {/*width:calc((100% - 20px) /3);*/ margin-right:10px;padding:30px 20px;  }
.how ul li:nth-of-type(3n) {margin-right:0}
.how ul li .li-pic{ width:80px; height:80px;  border-radius:40px; line-height:1.5}
.how ul li .li-pic i { font-size:40px; }
 
}
@media(min-width:1024px) {
.how ul li {/*width:calc((100% - 100px) /3); */margin-right:50px;padding: 30px;  }
.how ul li .li-pic{ width:120px; height:120px;  border-radius:60px; line-height:1.8}
.how ul li .li-pic i { font-size:60px; }
.how ul li .li-text h2{font-size:1.2rem;}
.how ul li .li-text p {font-size:1rem; }
}
.what h2 {font-size:1.4rem;font-weight:bold; margin:20px 0; position:relative;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
.what h2 i { float:left; margin:20px 10px 0 0 }
.what h2 i:before {content: ''; display:block;   width:0;border-bottom:solid 2px #279195;-webkit-transition:All 0.6s ease-in-out;-moz-transition:All 0.6s ease-in-out;-o-transition:All 0.6s ease-in-out; transition:All 0.6s ease-in-out; }
.what p { font-size:.8rem;color: #697876; line-height:1.5; }
.what .what-tw { margin-top:30px}
.what .what-tw .what-tw-pic{ overflow:hidden;   }
.what .what-tw .what-tw-pic img { width:100%;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
.what .what-tw .what-tw-text{padding:20px }
.what .what-tw .what-tw-pic:hover img { -webkit-transform:scale(1.15);-moz-transform:scale(1.15);    -ms-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15); }
.what ul li { display:block; float:left;width:100%; margin-top:30px;padding: 15px; }
.what .what-tw .what-tw-text:hover h2,.what ul li:hover h2{ color:#279195}
.what .what-tw .what-tw-text:hover h2 i:before,.what ul li:hover h2 i:before{ width:50px;}
@media(min-width:768px) {
.what h2 {font-size:1rem;margin:10px 0 }
.what p { font-size:.9rem;}
.what .what-tw { margin-top:50px}
.what .what-tw .what-tw-pic {width:45%; float:left }
.what .what-tw .what-tw-text{  width:55%; float:left; padding:0 30px}
.what ul li { width:calc((100% - 50px) /2);  margin:50px 50px 0px 0;padding: 32px; }
.what ul li:nth-of-type(2n) {margin-right:0}
}
@media(min-width:1024px) {
.what .what-tw .what-tw-pic {width:55%; float:left }
.what .what-tw .what-tw-text{  width:45%; float:left; padding:50px}
.what h2 {font-size:1.8rem;margin:20px 0 }
.what p { font-size:1rem;}
}
.why .whyl{ }
.why .whyl .whyl-a {font-size:1.6rem;font-weight:bold; text-align:center; margin:20px 0 }
.why .whyl .whyl-p,.why .whyr  {font-size:.8rem;color: #697876; line-height:2;  }
.why .whyr { padding:30px 15px; color:#0c232d;  text-align:center}


.a5_v1 dl {width: 50%; float:left;border-radius: 1.25rem;color: #869298;font-weight:bold; margin-top:20px ;-webkit-transition: all 0.6s;-o-transition: all 0.6s;-moz-transition: all 0.6s;transition: all 0.6s;cursor: pointer;}
.a5_v1 dl dt { font-size:1rem; line-height:1.2em;text-align: center; -webkit-transition: all 0.6s;-o-transition: all 0.6s;-moz-transition: all 0.6s;transition: all 0.6s;}
.a5_v1 dl dt span { display:inline-block;font-size:2.4rem;color:#6bc6ca; line-height:2.2em;webkit-transition: all 0.6s;-o-transition: all 0.6s;-moz-transition: all 0.6s;transition: all 0.6s;}
.a5_v1 dl dt b {font-size:0.72rem; line-height:1.5em;-webkit-transition: all 0.6s;-o-transition: all 0.6s;-moz-transition: all 0.6s;transition: all 0.6s;margin-right: 0.5em;}

@media(min-width:768px) {
.why .whyl{ float:left; width:100%; margin-bottom:0}
.why .whyl .whyl-a {font-size:2.6rem; text-align:left}
.why .whyl .whyl-p,.why .whyr  {font-size:1rem;}
.why .whyr { float:right; width:30%; padding:60px 30px;}

.a5_v1 dl dt { font-size:1.5rem; line-height:1.5em;}
.a5_v1 dl dt span {font-size:3.86rem; height:5rem; line-height:1 }
.a5_v1 dl dt b { font-size:1rem; line-height:1.5em;}
.a5_v1 dl:hover dt span { color:#419b9f}
}
@media(min-width:1024px) {
.a5_v1 dl {width: 25%; margin-top:30px  }

}
.price .price-box { width:100%;  margin-top:30px;padding:30px 30px;  }
.price .price-box p,.price .price-box ul li { color:#0c231f }
.price .price-box p { font-size:1.6rem;}
.price.price-fr .price-box p { font-size:1rem; margin-bottom:20px;}
.price .price-box p b{font-size:2rem; font-weight:normal}
.price .price-box p span { font-size:1rem; color:#687674; /*margin-left:10px; */}
.price .price-box ul { margin:20px 0 30px}
.price .price-box ul li { font-size:.8rem; line-height:2;/*display: flex; */}
.price .price-box ul li i {margin-right:10px;  font-size:.9rem;color:#0c231f}
.price .price-box .price-btn a {  font-size:1rem; color:#000; text-align:center; line-height:3;  display:block; background:#a4f1f5;border-radius:10px; -webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;  }
.price .price-box .price-btn2 a {  font-size:1rem; color:#fff; text-align:center; line-height:3;  display:block; background:#20898ed9;border-radius:10px; -webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;  }
.price .price-box .price-btn3 a {  font-size:1rem; color:#000; text-align:center; line-height:3;  display:block; background:#FFF;border-radius:10px; -webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;  }
.price .price-box:nth-of-type(2) { background:#a4f1f5 }
.price .price-box:nth-of-type(3) { background:#419b9f; margin-right:0 }
.price .price-box:nth-of-type(3) p { color:#e1ffa0 }
.price .price-box:nth-of-type(3) p span { color:#0c231f}
.price .price-box:nth-of-type(3) ul li { color:#FFF;}
.price .price-box:nth-of-type(3) .price-btn a { color:#0c231f; background:#a4f1f5}
.price .price-box:nth-of-type(1) .price-btn a:hover{ background:#20898ed9; color:#fff}
.price .price-box:hover{background:#fff;box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1);}
.price .price-box:nth-of-type(3):hover{ background:#f1f3f3 }
.price .price-box:nth-of-type(3):hover p{ color:#0c231f}
.price .price-box:nth-of-type(3):hover ul li { color:#0c231f;}
.price .price-box:nth-of-type(3):hover .price-btn3 a { background:#419b9f; color:#fff;}
@media(min-width:768px) {
.price { display:flex}
.price .price-box p { font-size:2rem;}
.price.price-fr .price-box p { font-size:1.5rem; }
.price .price-box p b{font-size:2.4rem; }
.price .price-box p span { font-size:1rem; }
.price .price-box ul li,.price .price-box ul li i { font-size:1rem; }
.price .price-box { width:calc((100% - 0px) /3); margin-right:0px;margin-top:30px;padding:40px 20px; }
.price .price-box .price-btn a,.price .price-box .price-btn2 a,.price .price-box .price-btn3 a {  font-size:1.2rem;} 
}
@media(min-width:1024px) {
.price .price-box p span { font-size:1.2rem; }
.price .price-box { width:calc((100% - 60px) /3); margin-right:30px;margin-top:50px;padding:60px 40px; }
}
.question .questionl .questionl-a {font-size:2rem;font-weight:bold; margin:20px 0 }
.question .questionl .questionl-p  {font-size:.8rem;color: #697876; line-height:2;  }
.accordion {width: 100%; }
.accordion li { display: block; margin-top:20px; }
.accordion .link {cursor: pointer;color: #FFFFFF;position: relative;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease; }
.accordion .link .link-or {font-size: .92rem;line-height: 1.3em;background: #50b7bc;border-style: solid 1px #7C7C7C30;border-radius: 16px;overflow: hidden;padding: 15px 45px 15px 15px;box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.25); }
.accordion li i{position: absolute;right: 30px;top:15px; width:18px; height:18px; background:url(../img/icon-jia.png) left center no-repeat;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.accordion li.open .link { }
.accordion li.open .link .link-or { border-radius: 16px 16px 0px 0px; }
.accordion li.open i {background:url(../img/icon-jian.png) left center no-repeat;}
.accordion li .link-zk {display: none;font-size: .8rem;color:#fff; line-height: 1.8; background: #0c231f;border-radius: 0px 0px 16px 16px;overflow: hidden;padding: 32px 32px 32px 32px;margin-top: -5px;}
@media(min-width:768px) {
.question .questionl{ float:left; width:30%; }
.question .questionl .questionl-a {font-size:2rem; }
.question .questionl .questionl-p  {font-size:1rem; }
.question .questionr { float:right; width:60%; }
.accordion .link .link-or{font-size: 1rem; font-weight: 600;}
.accordion li i { top:25px;}
}
@media(min-width:1024px) {
.question .questionl .questionl-a {font-size:2.6rem; }
.accordion .link .link-or {font-size: 1.4rem;}
.accordion li .link-zk {font-size: 1rem;}
}
.client .a3_v1 { position: relative; z-index: 1;margin-top: 6rem}
.client .sph { border-top:solid 1px #ebebeb;border-left:solid 1px #ebebeb; margin-top:2rem }
.spbq {display:block; float:left; width: calc((100% - 2px) /3);  position: relative;overflow: hidden; text-align:center; cursor:pointer }
.client .sph .spbq { border-right:solid 1px #ebebeb;border-bottom:solid 1px #ebebeb; padding:1rem 0}
.client img {width:96%; max-width:250px; display:inline-block; text-align:center;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease; }
.spbq:hover img{-webkit-transform:scale(1.25);-moz-transform:scale(1.25);    -ms-transform:scale(1.25);-o-transform:scale(1.25);transform:scale(1.25); }
.biankuang {width: 1px;height: 1px;position: absolute;z-index: 99;border-radius:0px;}
.biankuang_1 {height: 2px;top: -2px;left:0px;border-left: 1px solid #50b7bc;}
.biankuang_2 {width: 0px;bottom:0px;left: 0px;border-top: 1px solid #50b7bc;}
.biankuang_3 {height: 0px;bottom:0px;right:0px;border-right: 1px solid #50b7bc;}
.biankuang_4 {width:0px;top:-0px;right:0px;border-bottom: 1px solid #50b7bc;}
@media screen and (min-width: 768px) {
.client .sph { margin-top:3rem;}

}
@media(min-width:1024px) {
.spbq {width: calc((100% - 4px) /5);  }
}
.tijiao {}
.tijiao .a6_v1 {}
.tijiao .p {color: #000;font: 700 1.425rem/1.5em "sourcehansans";}
.tijiao form {margin-top: 1.4rem;}
 @media (max-width: 1200px) {
 .tijiao form {
 margin-top: 0.4rem;
}
}
.tijiao form li { display:block; float:left;margin-top:20px; }
.tijiao form li:nth-of-type(1),.tijiao form li:nth-of-type(2),.tijiao form li:nth-of-type(3),.tijiao form li:nth-of-type(4),.tijiao form li:nth-of-type(5){ width:100% }
.tijiao form input { display:block; width:100%; background-color: #fff; padding: 20px 20px; color: #000; font-size: 14px; border-radius: 2rem; border:none}
.tijiao form input { outline:none} 
.tijiao form input.submit { background-color: #040404;color: #fff; text-align: center;padding-left: 0;cursor: pointer;*margin: 0 !important;*padding: 17px 0 !important;margin-right: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0;height: 60px;line-height: 56px;border: 2px solid #040404;border-radius: 2rem;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s; letter-spacing:10px} 
@media(min-width:768px) {
.tijiao .tijiao-tit {color: #001637;font-weight:bold;font-size: 36px;padding-bottom: 25px; }
.tijiao form li:nth-of-type(1),.tijiao form li:nth-of-type(4){ width:49.5% ;margin-right:1%; }
.tijiao form li:nth-of-type(2),.tijiao form li:nth-of-type(5){ width:49.5%; margin-right:0  }
.tijiao form li:nth-of-type(3){ width:100% ;margin-right:0; }
}
@media(min-width:992px) {
.tijiao form li:nth-of-type(1),.tijiao form li:nth-of-type(2),.tijiao form li:nth-of-type(3),.tijiao form li:nth-of-type(4),.tijiao form li:nth-of-type(5){ margin-right:2%}
.tijiao form li:nth-of-type(1){ width:15%;  }
.tijiao form li:nth-of-type(2){ width:15% ;}
.tijiao form li:nth-of-type(3){ width:23%  }
.tijiao form li:nth-of-type(4){ width:22%  }
.tijiao form li:nth-of-type(5){ width:15%  } 
}

.footer { padding:40px 0; background:#419b9f;border-radius:20px 20px 0 0; font-size:.8rem;color:#fff; line-height:1.6 }
.footer .footerl img { display:inline-block;height:28px; margin-bottom:20px;}
.footer .footerr { margin-top:30px}
.footer .footerr { color:#fff }
.footer .footerr p { line-height:2}
.footer-navw { padding:0px 0px 30px; margin:30px 10px; border-top: solid 1px rgba(255,255,255,.2);border-bottom: solid 1px rgba(255,255,255,.2);}
.footer-nav ul li { display:block; float:left; width:49%; margin-right:1%;margin-top:30px; }
.footer-nav ul li dl dt{ font-weight:bold; margin-bottom:20px; }
.footer-nav ul li dl dd{ margin-bottom:10px; }
.footer-nav ul li dl dd a{ display:block; color:#fff; line-height:1.6 }
.footer-c { padding:10px 30px 30px 30px; margin-top:30px;}
.footer-c a.footer-cbtn { display:block; margin-top:20px; font-size:1.2rem; color:#e1ff9d; text-align:center; line-height:3; background:#277768;border-radius:10px;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;  }
.footer-c a.footer-cbtn:hover {background:#0c231f; color:#e1ff9d}
.footer .copyright { font-size:.8rem;color:#fff;text-align:center}
.footer .copyright a{ color:#fff;}
@media(min-width:768px) {
.footer { padding:80px 0; border-radius:60px 60px 0 0;  font-size:1rem;}
.footer .footerl img { height:36px;}
.footer .footerl { float:left; width:43%;}
.footer .footerr { float:right; width:45%; margin-top:0;  color:#fff}
.footer-navw { padding:30px 0px 50px; margin:50px 10px; }
.footer-nav { float:left; width:70% }
.footer-nav ul li {width:32%; }
.footer-nav ul li dl dd a {line-height:2  }
.footer-c { float:right; width:30%; padding:30px 50px 50px 50px;}
.footer-c a.footer-cbtn{margin-top:20px; }
.footer .copyright { font-size:1rem; margin-top:3.5rem;}
}

.site-headera.site-headera-ar .top .logo a{ display:block; width:100%;text-align:left }.site-headera.site-headera-ar .top .logo a img { display:inline-block}
.banner.banner-ar .banner-text { padding-left:0; padding-right:5%}
.banner.banner-ar .banner-text a { float:left}
.banner.banner-ar *,
.what.what-ar .what-tw .what-tw-text,.what.what-ar ul li,
.price.price-ar .price-box p,.price.price-ar .price-box ul li,.tijiao.tijiao-ar form input,.footer.footer-ar .footerl,.footer.footer-ar .footerr  { text-align:left}

.price.price-ar .price-box:nth-of-type(1) {margin-right:0 }
.price.price-ar .price-box:nth-of-type(3) { margin-right:30px}

.tijiao.tijiao-ar .p,.tijiao.tijiao-ar form input.submit { text-align:center}
@media(min-width:768px) {
.why.why-ar .whyl,
.question.question-ar *,
.tijiao.tijiao-ar .p { text-align:left}
}
@media(min-width:1024px) {
.price.price-ar .price-box { width:calc((100% - 60px) /3); margin-right:30px;margin-top:50px;padding:60px 40px; }
}