/* title */
.title {padding: .5rem 0;text-shadow: 0 .05rem .03rem rgba(0,0,0,.1);}
.title h3,
.title span {font-size: .3rem;}

/* head */
.head {height: 1rem;}

.logo {line-height: 1rem;font-size: .25rem;}
.logo i {width: 1rem;height: 1rem;}

.login {margin: .25rem 0;}
.login a {width: .8rem;height: .5rem;line-height: .5rem;font-size: .2rem;}
.login a.register {width: 1.1rem;}

.menu a.nav {width: 1rem;height: 1rem;}
.menu-con {top: 1rem;}
.menu-con a {height: .6rem; line-height: .6rem;font-size: .24rem;}

/* down */
.down {height:9rem;background-size: 60%;}
.down-con {width: 100%;padding: .5rem 0 0;}
.down-con h3 {font-size: .4rem;padding: .5rem 0 0;}
.down-btn {width: 4.4rem;}
/*.down-btn a {width: 2rem;margin: .1rem;}*/

/* light */
.light {padding: .5rem 0;}
.light .swiper-container {width: 100%;}
.light .swiper-wrapper {padding: .3rem 0;}
.light .swiper-slide {border-radius: .05rem;padding: .1rem;margin-right: .25rem !important;}
.light .swiper-slide h6 {height: .4rem;line-height: .4rem;font-size: .12rem;margin: 0 0 .1rem;border-radius: .03rem;padding: 0 .05rem;}

.light a.more {width: 2rem;height: .5rem;line-height: .5rem;font-size: .2rem;border-radius: .03rem;margin:.2rem auto;}
.light a.more:hover {transform: translateY(0);}

/* welcome */
.welcome {padding: .3rem 0}
.welcome-txt {font-size: .2rem;}
.welcome-con {margin: .3rem 0;}
.welcome-con li {width: 100%; padding: .2rem;}
.welcome-con i {width: 1.6rem;height: 1.6rem;background-size: 35%;}
.welcome-con h4 {font-size: .3rem;padding: .2rem 0;}
.welcome-con p {font-size: .2rem;}

/* life */
.life {padding: .5rem 0;}
.life-big {width: 80%;margin:.2rem auto;}
.life-con li {width: 100%;padding: .3rem .1rem .3rem .9rem;}
.life-con i {width: .8rem;height: .8rem;border-radius: .03rem;top: .3rem;}
.life-con h5 {font-size: .22rem;padding: .1rem 0;}
.life-con span {font-size: .2rem;}

/* link */
.link-con {padding: .5rem 0;}
.link-con a {padding:0;}

/* foot */
.foot-logo {width: 1.3rem;height: 1.3rem;}
.foot-sns {margin: .3rem 0 0;}
.foot-sns a {width: .6rem;height: .6rem;margin: .05rem;}
.copyright-con {width: 100%;height: .48rem;}
.copyright-red {width: 1.3rem;height: .48rem;padding: .05rem;}
.copyright-red a {height: .38rem;line-height: .38rem;font-size: .18rem;}
.copyright-lang {width: 1.3rem;bottom: .48rem;padding: .05rem;}
.copyright-lang a {width: 1.2rem;margin:.05rem 0;}
.copyright span {line-height: .48rem;font-size: .2rem;}

/* banner */
.banner {height: 2.8rem;background-size: 300%;}
.banner-big {width: 80%;}

/* about */
.about {padding: .3rem 0;}
.about-con {padding: .3rem 0;}
.about-con-txt {width: 100%;}
.about-con-txt p {padding: .1rem 0;font-size: .2rem;}
.about-con-img {width: 80%;float: none !important;margin: auto;padding: 0;}

.about-list {margin: .5rem 0 1rem;}
.about-list li {width: 100%;padding:.6rem .05rem 0;margin: .1rem 0}
.about-list a {height: auto;border-radius: .05rem;padding: .7rem 0 0;}
.about-list i {width: 1.2rem;height: 1.2rem;top: -.6rem;}
.about-list h5 {height: .6rem;line-height: .6rem;font-size: .25rem;}
.about-list p {height: auto; font-size: .18rem;padding: .2rem;}

/* contact */
.contact {padding: .3rem 0;}
.contact-group {padding: .2rem;margin: .3rem 0;}
.contact-title h4,
.contact-title span {font-size: .25rem;line-height: .4rem;}
.contact-title h4 {padding: 0 .1rem;}
.contact-add li {line-height: .45rem;font-size: .2rem;}
.contact-add i {width: .45rem;height: .45rem;}
/*
.contact-down {margin: .3rem 0 .6rem;}
.contact-down li {width: 50%;height: 2.2rem;padding: .1rem;margin: .1rem 0;}
.contact-down i {width: 2.2rem;padding: .1rem;}
.contact-down a {width: 2rem;}*/

/* help */
.help {padding: .3rem 0;}
.help-con {margin: 0 0 1rem;}
.help-title {height: .7rem;}
.help-title h3 {line-height: .7rem;font-size: .3rem;padding: 0 .1rem;}
.help-title span {height: .3rem;margin: .18rem 0;}
.help-list a {height: .6rem;line-height: .6rem;font-size: .24rem;margin: .1rem 0;}
.help-list a i {display: none;}
.help-list a span {width: .4rem;height: .4rem;line-height: .4rem;font-size: .24rem;margin: .1rem;}
.help-txt {padding: .1rem .15rem;font-size: .22rem;}

.help-down {padding: .2rem; margin: 0 0 .3rem;font-size: .2rem;line-height: .6rem;}
.help-down span {padding: 0 .1rem;}
.help-down a {height: .6rem;line-height: .6rem; font-size: .2rem; padding:0 .2rem;border-radius: .03rem;}

/* rate */
.rate {padding: .3rem 0;}
.rate-con {padding: .1rem 0 1rem;}
.rate-con li {width: 100%;padding: .15rem;}
.rate-group {border-radius: .05rem;padding: .2rem;}
.rate-group h4 {height: .4rem;line-height: .4rem;font-size: .2rem;}

.rate-calc {padding: .2rem;margin: .2rem 0;}
.rate-calc li {width:100%;padding:10px 0;}
.rate-calc li.lsmall {width:100%;}
.rate-calc li.lmiddle {width:100%;}
.rate-calc li input,
.rate-calc li select {height: .6rem;padding: 0 .1rem;}
.rate-calc li cite {height: .6rem;line-height: .6rem;font-size: .2rem;}
.rate-calc li cite span {font-size: .25rem;padding: 0 .05rem;}
.rate-calc li i {width: .6rem;height: .6rem;transform: rotate(90deg);margin: auto;}
.rate-calc li button {width: 50%;height: .6rem;border-radius: .03rem;font-size: .2rem;box-shadow: 0 .05rem 0 rgba(0,0,0,.05);}

/* service */
.service {padding: .3rem 0;}
.service-con {padding: .1rem 0 1rem;}
.service-group {margin: .1rem 0 .5rem;}

.service-name {width: 100%;}
.service-name i {width: 1.6rem;height: 1.6rem;}
.service-name h3 {font-size: .3rem;padding: .2rem 0;}

.service-txt {width: 100%;padding:0 0 .2rem;}
.service-txt p {font-size: .16rem;padding: 0 0 .2rem;}
.service-txt span {padding: 0 .05rem;margin: 0 .05rem;}
.service-txt b {padding: .1rem .2rem;}
.service-txt a.more {padding: .1rem .2rem;border-radius: .03rem;}
.service-more {padding: .2rem 0;}
.service-img {padding: .1rem 0;}
.service-img li {width: 50%;padding: .05rem;}

/* join */
.join {padding: .3rem 0;}
.join-txt cite {line-height: .6rem; font-size: .2rem;margin: 0 0 1rem;}
.join-txt cite span {line-height: .6rem;margin: 0 .2rem 0 0;padding: 0 .2rem;}
.join-txt p {padding: .1rem 0;font-size: .2rem;}
.join-service li {width: 100%;padding: .2rem 0;}
.join-service i {width: 1.5rem;height: 1.5rem;}
.join-service h5 {font-size: .3rem;padding: .3rem 0 .2rem;}
.join-service p {font-size: .2rem;}

.join-table {margin: .2rem auto;}
.join-table table td {font-size: .2rem;height: .4rem;padding: .1rem;}
.join-table table thead td {font-size: .25rem;}