.banner {
    width: 100%;
    max-width: 7.5rem;
    margin: 0 auto;
    margin-top: 1rem;
    height: 4rem;
    max-height: 600px;
    overflow: hidden;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.banner ul a {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.banner ul a::after {
    content: "";
    width: 100%;
    height: 100%;
    background-image: linear-gradient(0deg, #0000009d, transparent, transparent, transparent);
    position: absolute;
    top: 0;
    left: 0;
}

.banner ul a.two dl {
    position: absolute;
    top: 0.3rem;
    left: 0;
    color: #fff;
    margin-left: 0.3rem;
    z-index: 10;
}

.banner ul a.one dl {
    position: absolute;
    top: 0.3rem;
    right: 0;
    color: #fff;
    margin-right: 0.3rem;
    z-index: 10;
}

.banner ul a dl dt {
    font-size: 0.45rem;
    font-weight: bold;
    font-stretch: normal;
    line-height: 0.90rem;
    letter-spacing: 0.01rem;
    display: inline-block;
    color: #f3bd1e;
    border-bottom: 0.2rem;
    text-shadow: 0.02rem 0.05rem #1aa5a050;
    border-bottom: 0.05rem solid #f3bd1e;
}

.banner ul a dl dd {
    font-size: 0.19rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.28rem;
    letter-spacing: 0rem;
    color: #ffffff;
    margin-top: 0.2rem;
    text-shadow: 0.02rem 0.05rem #1aa5a0;
}


.banner .swiper-pagination-bullet-active {
    background-color: #fff;
    width: 10px;
    height: 10px;
}

.banner .swiper-pagination-bullet {
    background-color: #ffffffab;
    width: 10px;
    height: 10px;
}



.bannermenu {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0.1rem;
    display: flex;
    z-index: 10009;
    color: #fff;
}

.bannermenu a {
    width: 25%;
    text-align: center;
    position: relative;
    text-decoration: none;
    color: #fff;
}

.bannermenu a dl dt {
    background-color: #1aa5a0;
    display: block;
    width: 0.6rem;
    height: 0.6rem;
    line-height: 0.6rem;
    margin: 0 auto;
    border-radius: 50%;
}

.bannermenu a dl dt i {
    font-size: 0.35rem;
}


.info {
    width: 7.5rem;
    background-color: #fff;
    padding-top: 0.2rem;
    padding-bottom: 0.3rem;
    display: block;
    float: left;

}

.info img {
    width: 7.3rem;
    margin: 0.1rem;
}

.info dl {
    text-align: center;
}

.info dl dt {
    font-size: 0.34rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.5rem;
    margin-top: 0.1rem;
    text-align: center;
}

.info dl dt h3 {
    font-size: 0.2rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.33rem;
    letter-spacing: 0rem;
    text-transform: uppercase;
    color: #787878;
}

.info dl dt hr {
    width: 1.42rem;
    height: 0.02rem;
    background-color: #787878;
}

.info dl dt h4 {
    height: 0.3rem;
    font-size: 0.3rem;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0rem;
    color: #138682;
    margin-top: 0.4rem;
    margin-bottom: 0.4rem;
}

.firstinfo dl dd {
    display: block;
}

.firstinfo dl dd a {
    width: 2.42rem;
    height: 0.54rem;
    line-height: 0.54rem;
    display: block;
    background-color: #1aa5a0;
    border-radius: 0.27rem;
    margin: 0 auto;
    text-decoration: none;
    color: #fff;
    font-size: 0.25rem;
}

.question {
    margin-top: 0.28rem;
}

.question dl dd a {
    display: block;
    width: 1.57rem;
    height: 2rem;
    margin-left: 0.25rem;
    float: left;
    background: none;
    text-decoration: none;
}

.question dl dd a span:nth-child(1) {
    background-color: #1aa5a0;
    width: 1.3rem;
    height: 1.3rem;
    line-height: 1.3rem;
    display: block;
    margin: 0 auto;
    border-radius: 0.7rem;
}

.question dl dd a span:nth-child(1) i {
    font-size: 0.8rem;
    color: #fff;
}

.question dl dd a span:nth-child(2) {
    width: 1.57rem;
    height: 0.41rem;
    display: block;
    background-color: #1aa5a0;
    border-radius: 0.2rem;
    font-size: 0.2rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.41rem;
    letter-spacing: 0rem;
    color: #ffffff;
    margin-top: 0.1rem;
}

.common {
    margin-top: 0.28rem;
}

.common dl dd {
    display: block;
    float: left;
}

.common dl dd a {
    width: 1.62rem;
    height: 1.35rem;
    background-color: #def5f4;
    display: block;
    float: left;
    margin-left: 0.2rem;
    margin-bottom: 0.2rem;
    margin-top: 0.2rem;
    position: relative;
    text-decoration: none;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}

.common dl dd a span {
    width: 1.57rem;
    height: 0.41rem;
    display: block;
    background-color: #1aa5a0;
    border-radius: 0.2rem;
    font-size: 0.2rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.41rem;
    letter-spacing: 0rem;
    color: #ffffff;
    margin-top: 0.1rem;
    position: absolute;
    bottom: 0.1rem;
}

.slidebody {
    margin-top: 0.28rem;
}

.slidebody .text li {
    width: 1.95rem;
    height: 2.3rem;
    background-color: #f7f7f7;
    color: #8f8c8c;
    margin-right: 0.4rem;
    margin-left: 0.rem;
    display: block;
    float: left;
    padding: 0.1rem;
    position: relative;
}

.slidebody .text li:first-child {
    margin-left: 0;
}

.slidebody .text li:last-child {
    margin-right: 0;
}

.slidebody .text {
    margin-top: 0.4rem;
    margin-left: 0.1rem;
}

.slidebody .text li dt {
    font-size: 0.22rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.33rem;
    letter-spacing: 0.02rem;
}

.slidebody .text li dd {
    font-size: 0.16rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.25rem;
    letter-spacing: 0.03rem;
    text-align: left;
}

.slidebody .text li.active {
    color: #fff;
    background-color: #1aa5a0;
    box-shadow: 0rem 0.01rem 0.07rem 0.02rem #168783;
}

.slidebody .text li.active::before {
    position: absolute;
    content: "▲";
    color: #1aa5a0;
    top: -0.3rem;
    left: 1rem;
    font-size: 0.3rem;
}

.slidebody .imgzone {
    display: block;
    float: left;
    height: 2.5rem;
    margin-left: 0.1rem;
}

.slidebody .imgzone li {
    display: block;
    float: left;
    width: 2.14rem;
    height: 2.41rem;
    background-color: #f0f0f0;
}

.slidebody .imgzone li {
    margin-left: 0.4rem;
}

.slidebody .imgzone li:first-child {
    margin-left: 0;
}

.slidebody .imgzone li img {
    width: 100%;
    height: 100%;
    margin: 0;
}

.test {
    margin-top: 0.28rem;
}

.test a {
    width: 3.27rem;
    height: 2.1rem;
    background-color: #f0f0f0;
    position: relative;
    box-shadow: 0rem 0rem 0.03rem 0.01rem #d3d3d3;
    display: block;
    float: left;
}

.test dl dd {
    width: 100%;
    margin-top: 0.2rem;
    display: block;
    float: left;
    height: 3rem;
    font-size: 0.24rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.33rem;
    letter-spacing: 0rem;
    color: #000000;
    text-align: center;
}

.test a dl,
.test a dl dt {
    width: 100%;
    height: 100%;
    background-size: 100%;
    display: block;
    margin-top: 0.1rem;
    display: block;
    float: left;
}

.test a:first-child {
    margin-left: 0.25rem;
    margin-right: 0.5rem;
}

.test a img {
    width: 100%;
}

.diy {
    margin-top: 0.28rem;
}

.diy dd {
    width: 7.3rem;
    margin-left: 0.1rem;
    margin-top: 0.3rem;
    display: block;
    float: left;
}

.diy dd a {
    width: 1.76rem;
    height: 1.1rem;
    display: block;
    float: left;
    position: relative;
    background-color: #f3f3f3;
    margin: 0.01rem;
    padding: 0.01rem;
    text-decoration: none;
}

.diy dd a span {
    position: absolute;
    top: 0.05rem;
    right: 0.05rem;
    font-size: 0.22rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.33rem;
    letter-spacing: 0.02rem;
    color: #2c2c2c;
    opacity: 0.5;
}

.diy dd a h2 {
    font-size: 0.18rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.33rem;
    letter-spacing: 0rem;
    color: #000000;
    text-align: right;
    margin-top: 0.4rem;
}

.diy dd a h3 {
    font-size: 0.12rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.33rem;
    letter-spacing: 0rem;
    color: #2c2c2c;
    opacity: 0.5;
    text-align: right;
}

.diy dd a:hover {
    background-color: #1aa5a0;
}

.diy dd a:hover span,
.diy dd a:hover h2,
.diy dd a:hover h3 {
    color: #fff;
}

.about {
    margin-top: 0.28rem;
}

.about dd h2 {
    text-align: center;
    font-size: 0.3rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.7rem;
    letter-spacing: 0rem;
    color: #138682;
}

.about dd {
    width: 7.3rem;
    margin-left: 0.1rem;
    text-align: left;
}

.about dd span:nth-child(2) {
    font-size: 0.24rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.33rem;
    letter-spacing: 0rem;
    display: block;
    float: left;
    color: #939393;
}

.about dl a {
    width: 2.42rem;
    height: 0.54rem;
    line-height: 0.54rem;
    display: block;
    background-color: #1aa5a0;
    border-radius: 0.27rem;
    margin: 0 auto;
    text-decoration: none;
    color: #fff;
    font-size: 0.25rem;
}

.contact {
    margin-top: 0.28rem;
}

.contact input,
.contact select {
    width: 7.11rem;
    height: 0.58rem;
    background-color: #ffffff;
    border-radius: 0.06rem;
    border: solid 0.02rem #d2d5da;
    margin-top: 0.18rem;
    text-indent: 0.2rem;
}

.contact textarea {
    width: 7.11rem;
    height: 1.2rem;
    margin-top: 0.18rem;
    line-height: 0.5rem;
    border-radius: 0.06rem;
    border: solid 0.02rem #d2d5da;
    text-indent: 0.2rem;
    padding-top: 0.1rem;
}

.contact button {
    width: 2.42rem;
    height: 0.54rem;
    background-color: #1aa5a0;
    border-radius: 0.27rem;
    font-size: 0.25rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.54rem;
    letter-spacing: 0rem;
    margin-top: 0.4rem;
    border: none;
    color: #ffffff;
}

.tel {
    width: 7rem;
    display: block;
    padding: 0.5rem 0.25rem 5rem 0.25rem;
    float: left;
    background-color: #fff;
}

.tel h2:nth-child(1) {
    font-size: 0.25rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.5rem;
    letter-spacing: 0rem;
    color: #909090;
}

.tel h2:nth-child(2) {
    font-size: 0.32rem;
    line-height: 0.5rem;
    color: #909090;
}

.tel img {
    width: 1.79rem;
    height: 1.79rem;
    margin: 0.5rem 0.5rem 0 0;
}

.slidermenu {
    width: 7.12rem;
    min-height: 2.61rem;
    background-image: linear-gradient(180deg, #1aa5a0 5%, #ffffff 30%, #ffffff 30%);
    background-blend-mode: normal,
        normal;
    border-radius: 0.23rem;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding-top: 0.3rem;
    padding-bottom: 0.2rem;
    margin-top: 1rem;
    margin-left: 0.2rem;
    position: relative;
    display: block;
    float: left;
}

.slidermenu dl dt li {
    width: 3.75rem;
    position: absolute;
    line-height: 0.8rem;
    height: 0.8rem;
    top: -0.7rem;
}

.slidermenu dl dt li em {
    position: absolute;
    font-size: 0.4rem;
    width: 2.8rem;
    text-align: center;
    font-size: 0.4rem;
    color: #27a7a2;
    line-height: 1rem;
    z-index: 5;
}

.slidermenu dl dd {
    display: none;
}

.slidermenu dl dd.active {
    display: block;
}

.slidermenu dl dd:nth-child(2) {}

.slidermenu dl dt li:nth-child(2) em {
    right: 0;
}

.slidermenu dl dd:nth-child(2) ul:nth-child(2) li {
    display: none;
}

.slidermenu dl dd:nth-child(2) ul:nth-child(2) li:nth-child(1) {
    display: block;
}

.slidermenu dl dt li:nth-child(2) {
    width: 3.75rem;
    position: absolute;
    right: 0;
}

.slidermenu dl dt li:nth-child(1) span {
    width: 3.75rem;
    height: 0.8rem;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #e2fffe;
    border-radius: 0.23rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    transform: perspective(8px) scale(1.1, 1.3) rotateX(5deg);
    transform-origin: bottom left;
    line-height: 0.8rem;
    font-style: normal;
    overflow: hidden;
    float: left;
    z-index: 2;
}

.slidermenu dl dt li:nth-child(2) span {
    width: 3.75rem;
    height: 0.8rem;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #e2fffe;
    border-radius: 0.23rem;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    transform: perspective(8px) scale(1.1, 1.3) rotateX(5deg);
    transform-origin: bottom right;
    line-height: 0.8rem;
    font-style: normal;
    overflow: hidden;
    float: left;
    z-index: 1;
}

.slidermenu dl dt li.active span {
    background-color: #1aa5a0;
    z-index: 5;
    color: #fff;
}

.slidermenu dl dt li.active em {
    z-index: 10;
    color: #fff;
}

.tabnavmenu {
    width: 100%;
    position: absolute;
    left: 0;
    top: 1rem;
    display: flex;
    z-index: 10009;
    color: #fff;
}

.tabnavmenu a {
    width: 25%;
    text-align: center;
    position: relative;
    text-decoration: none;
    color: #fff;
}

.tabnavmenu a dl dt {
    background-color: #1aa5a0;
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    line-height: 1.2rem;
    margin: 0 auto;
    border-radius: 50%;
}

.tabnavmenu a dl dt i {
    font-size: 0.7rem;
}

.tabnavmenu a dl dd {
    color: #000000;
    display: block;
}

.question a {
    width: 1.62rem;
    height: 1.35rem;
    background-color: #def5f4;
    display: block;
    float: left;
    margin-left: 0.5rem;
    margin-bottom: 0.2rem;
    margin-top: 0.2rem;
    position: relative;
    text-decoration: none;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}

.question a span {
    width: 1.57rem;
    height: 0.41rem;
    display: block;
    background-color: #1aa5a0;
    border-radius: 0.2rem;
    font-size: 0.2rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.41rem;
    letter-spacing: 0rem;
    color: #ffffff;
    margin-top: 0.1rem;
    position: absolute;
    bottom: 0.1rem;
    text-align: center;
}

.question ul:nth-child(1) li {
    width: 1.59rem;
    height: 0.49rem;
    border-radius: 0.24rem;
    border: solid 0.02rem #064a47;
    font-size: 0.29rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.49rem;
    letter-spacing: 0rem;
    color: #064a47;
    text-align: center;
    display: inline-block;
    margin-left: 0.5rem;
}

.question ul:nth-child(1) li.active {
    width: 1.8rem;
    height: 0.55rem;
    background-color: #064a47;
    border-radius: 0.27rem;
    border: solid 0.02rem #064a47;
    font-size: 0.29rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.55rem;
    letter-spacing: 0rem;
    color: #fff;
}