@media screen and (min-width:1217px){
.w{width:1200px;margin:0 auto;}
.header {width: 100%;height: 447px;}
.header-btn {margin-top: 50px;}
.topic-title-sub {line-height: 40px;}
.topic-title-item {width: 720px;padding: 0 20px;}

}
@media screen and (min-width: 769px) {
.top {width: 100%;height: 45px;line-height: 44px;background-color: #1a0146;color: #ccc;}
.wechat {margin-left: 30px;cursor: pointer;position: relative;z-index: 1; padding-top:12px;}
.wechat-box {width: 180px;height: 180px;border: 1px solid hsla(0,0%,100%,.15);position: absolute;z-index: 999;right: -1px;top: 45px;display: none;}
.telphone {padding-left: 30px;font-size: 18px;color: #fff;background: url(../img/telphone.png) no-repeat left center;}
.menu {width: 100%;height: 50px;line-height: 50px;color: #FFF;background: transparent;border-top: 1px solid hsla(0,0%,100%,.15);border-bottom: 1px solid hsla(0,0%,100%,.15);}
.menu a {font-size: 16px;color: #FFF;padding: 0 30px;float:left;}
.menu a.nav-home {padding-left: 0;margin-top:14px;}
.menu a.nav-btn {background-color: #00c1de;float:right;}
.menu a.nav-btn:hover{background-color:#28d0e9;}

.header-title {margin-top: 80px;font-size: 42px;color: #FFF;}
.header-title span {font-size: 48px;color: #ff9900;}
.header-description {margin-top: 10px;font-size: 20px;color: #FFF;}
.header-btn a {padding: 12px 35px;font-size: 16px;font-weight: 700;color: #FFF;background: transparent;border: 1px solid #FFF;}
.header-btn a:hover{background-color:#28d0e9;border:1px solid #28d0e9;-webkit-transition: border-color 0.4s ease 0s,background-color 0.4s ease 0s;-o-transition: border-color 0.4s ease 0s,background-color 0.4s ease 0s;transition: border-color 0.4s ease 0s,background-color 0.4s ease 0s;-moz-box-shadow: rgba(0,0,0,0.6) 1px 1px 4px 0px;}

.topic {margin-top: -30px;z-index: 10;}
.topic-title {background: linear-gradient(-118deg,#00c1e0 1%,#098df9 93%);}
.topic-title-head {margin: 0 20px;padding: 20px 0 10px 0;border-bottom: 1px dashed hsla(0,0%,100%,.25);}
.topic-title-left {font-size: 22px;line-height: 36px;color: #fff;}
.topic-title-left img {width: 30px;height: 36px;margin-right: 10px;vertical-align: middle;}
.topic-title-right {line-height: 36px;color: #FFF;padding-right: 10px;}
.topic-title-right li {float: left;list-style: disc;margin-left: 40px;color: #FFF;}
.topic-title-item span {padding: 2px 3px;color: #fff;vertical-align: middle;background: #ff8a00;margin-right: 10px;font-size: 12px;}
.topic-title-item span.topic-title-item-a {padding: 2px 0;background: none;margin-right: 0px;font-size: 14px;}
.topic-content-item {width: 33.33333%;border: 1px solid #ddd;box-sizing: border-box;position: relative;z-index: 1;transition: box-shadow .3s cubic-bezier(.4,0,.2,1);}
.topic-content-item:hover{position:relative;z-index:2;box-shadow:0 0 15px 0 rgba(0,0,0,.15);}
.topic-content-item:first-child {border-left: 1px solid #ddd;border-right: 0;}
.topic-content-title {margin: 0 20px;border-bottom: 1px dashed #bcc1c4;}
.topic-content-title h3 {margin-top: 20px;font-size: 22px;color: #373d41;font-weight:normal;}
.topic-content-title p {margin-top: 5px;padding-bottom: 15px;font-size: 14px;color: #777f84;}
.topic-content-ul {height: 161px;padding: 15px 0;margin: 0 20px;border-bottom: 1px dashed #bcc1c4;}
.topic-content-ul li {line-height: 33px;font-size: 18px;color: #373d41;}
.topic-content-right {padding: 15px 0;margin: 0 20px;border-bottom: 1px dashed #bcc1c4;}
.topic-content-right li {width: 50%;float: left;color: #777f84;}
.topic-content-right li img {width: 15px;margin-left: 30px;vertical-align: middle;}
.topic-content-right li strong {padding: 0 10px;font-weight: 700;color: #373d41;}
.select {width: 200px;margin: 20px auto;position: relative;vertical-align: middle;overflow: hidden;background-color: #fff;color: #555;border: 1px solid #aaa;text-shadow: none;border-radius: 3px;transition: box-shadow 0.25s ease;z-index: 2;}
.select:before {content: "";position: absolute;width: 0;height: 0;border: 5px solid transparent;border-top-color: #28d0e9;top: 12px;right: 10px;cursor: pointer;z-index: -2;}
.select select {cursor: pointer;font-size: 16px;padding: 5px;width: 100%;border: none;background: transparent;background-image: none;-webkit-appearance: none;-moz-appearance: none;}
.topic-content-item:last-child {border: 1px solid #ddd;border-left: 0;position: relative;}
.topic-content-ul li span {color: #35b34a;}
.topic-content-box a {display: block;width: 45%;height: 44px;line-height: 44px;background: #00c1de;color: #fff;vertical-align: middle;}
.topic-content-box a:hover{background-color:#28d0e9;}
.topic-content-red {padding: 15px 0 20px;color: #f80926;}
.topic-content-box {padding: 0 20%;}

.float-menu {width: 100%;height: 45px;margin-top: 40px;line-height: 45px;background-color: #fafafa;border-bottom: 1px solid #ddd;z-index: 9999;top: 0;left: 0;right: 0;}
.float-menu a {font-size: 16px;color: #666;padding: 0 30px;}
.float-btn {display: none;background-color: #00c1de;color: #fff !important;}
.float-menu a:hover{color:#00c1de;}

.index-title {margin-top: 50px;font-size: 24px;color: #4d5154; font-weight:normal;}
.index-description {margin-top: 10px;font-size: 16px;color: #777f84;}
.advantage {margin-top: 70px;}
.advantage-item {width: 33.33333%;height: 250px;box-sizing: border-box;border-right: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0;transition: all .3s cubic-bezier(.4,0,.2,1);text-align:center;}
.advantage-images {width: 60px;margin-top: 68px;transition: all .3s cubic-bezier(.4,0,.2,1);}
.advantage-images img{width:100%;}
.advantage-title {font-size: 22px;color: #373d41;margin-top: 24px;}
.advantage-content {max-width: 270px;margin: 0 auto;height: 36px;overflow: hidden;margin-top: 25px;color: #777f84;line-height: 20px;opacity: 0;text-align: center;transition: all .3s cubic-bezier(.4,0,.2,1);}
.advantage-item:nth-child(3n) {border-right: 0;}
.advantage-item:nth-child(7), .advantage-item:nth-child(8), .advantage-item:nth-child(9) {border-bottom: 0;}
.advantage-item:hover{background-color:#fff;box-shadow:0 0 15px rgba(186,204,207,.7);}
.advantage-item:hover .advantage-images{margin-top:40px;}
.advantage-item:hover .advantage-content{opacity:1;margin-top:20px;}

.function {margin-top: 40px;height: 260px;background-color: #fafafa;}
.function-item{width:33.33333%;height:260px;padding-top:33px;}
.function-images{width:80px;}
.function-images img{width:100%;}
.function-title{margin-top:27px;font-size:20px;color:#373d41;font-size: 400;}
.function-content{height:50px;padding:0 40px;overflow:hidden;margin-top:10px;text-align:center;color:#777f84;line-height:25px;}

.list-item{width:33.33333%;height:124px;padding-top:45px;padding-right:40px;box-sizing:border-box;}
.list-item h4{padding-left:15px;font-size:20px;line-height:20px;border-left:5px solid #1199f2;font-weight:normal;}
.list-item p{padding-left:20px;margin-top:10px;color:#777f84;line-height:26px;}

.business{margin-top:40px;}
.business-item{width:49.2%;box-sizing:border-box;border: 1px solid #e0e0e0;box-sizing: border-box;}
.business-title{padding-top:15px;width:100%;height:340px;text-align:center;position:relative;border-bottom:1px solid #e0e0e0;}
.business-title:before{content: "";height: 20px;width: 20px;border: 1px solid #e0e0e0;border-top: 0;border-right: 0;position: absolute;bottom: -11px;left:50%;transform:translateX(-50%) rotate(-45deg);background-color: #fff;}
.business-title img{width:450px;margin:0 auto;display:block;}
.business-title h5{margin-top:4px;font-size:24px;color:#373d41;font-weight:normal;}
.business-content{padding:0 20px 27px;}
.business-content h6{padding-top:38px;font-size:20px;font-weight:400;color:#373d41;font-weight:normal;margin:0;}
.business-view{margin-top:20px;}
.business-view p{padding-top:5px;}
.business-old,.business-new{width:260px;background-color:#f9f9f9;height:125px;box-sizing:border-box;padding:20px 16px 12px 30px;}
.business-old{color:#9b9ea0;}
.business-new{color:##373d41;position:relative;z-index:1;}
.business-new img{width:16px;height:16px;position:absolute;z-index:2;left:10px;top:27px;}

.bottom{background-color:#f9f9f9;}
.bottom-body-title{padding-top:40px;}
.bottom-btn{margin-top:40px;}
.bottom-btn a{padding:12px 45px;font-size:15px;color: #50c1e2;background:transparent;border:1px solid #50c1e2;transition: all .5s;}
.bottom-btn a:hover{background-color:#50c1e2;color:#fff;}
.swiper{width:100%;position:relative;z-index:1;}
.swiper-container{width:1201px;height:588px;margin-top:40px !important;}
.swiper-slide{width:1201px;height:588px;-webkit-transition:0.6s ease-in-out left;-o-transition:0.6s ease-in-out left;transition:0.6s ease-in-out left;cursor:pointer;}
.swiper-button{width:17px !important;height:32px !important;margin-top:-16px !important;background-image:url(../img/swiper-button.png) !important;background-size:auto !important;outline:none;}
.swiper-button-next{background-position: -17px 0 !important;right:-25px !important;}
.swiper-button-prev{background-position: 0 0 !important;left:-25px !important;}
.bottom-body-qa{padding-bottom:50px;}
.qa-list{padding-bottom:40px;}
.qa-list li{float:left;width:25%;height:34px;line-height:34px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.qa-list li a{color:#373d41;}
.qa-list li a:hover{color:#00b7d3;}
.last-btn{padding:40px 0;}
.last-btn a{padding:12px 40px;background:#00c1de;color:#fff;vertical-align:middle;}
.last-btn a:hover{background-color:#28d0e9;}

.footer{height:150px;background-color:#31373b;}
.footer-contact-images{width:50px;height:50px;margin-top:50px;}
.footer-contact-images img{width:100%;}
.footer-contact-text{margin-top:50px;color:#fff;padding-left:15px;}
.footer-contact-text h6{padding-top:2px;margin:0; font-weight:normal; font-size:14px;}
.footer-contact-text p{font-size:24px;}
.footer-copyright{margin-top:19px;}
.footer-copyright p{line-height:28px;color:#ddd;}
.footer_tel{float:left;}

.fot_ewm{width:100px; text-align:center; color:#FFFFFF; margin-top:13px; margin-right:20px;}
.fot_ewm p{margin-top:7px;}
}

@media screen and (min-width:769px) and (max-width: 1216px){
.w{width:768px;margin:0 auto;}
.header {width: 100%;height: 270px;}
.menu a {padding: 0 10px;}
.header-title {margin-top: 20px;font-size: 30px;}
.header-title span {font-size: 34px;}
.header-btn a {padding: 8px 20px;}
.header-btn {margin-top: 30px;}
.topic {margin-top: -20px;}
.topic-title-head {margin: 0 10px;padding: 10px 0 5px 0;}
.topic-title-right li {margin-left: 30px;}
.topic-title-sub {line-height: 30px;padding: 0 10px;}
.topic-title-item {width: 100%;}
.topic-content-title {margin: 0 10px;}
.topic-content-title h3 {margin-top: 10px;font-size: 18px;}
.topic-content-title p {margin-top: 5px;padding-bottom: 10px;}
.topic-content-ul {height: 133px;padding: 10px 0;margin: 0 10px;}
.topic-content-ul li {line-height: 28px;font-size: 16px;}
.topic-content-right {padding: 10px 0;margin: 0 10px;}
.topic-content-right li {width: 100%;float: none !important;}
.select {width: 180px;margin: 10px auto;}
.select select {font-size: 14px;}
.topic-content-red {padding: 10px 0 10px;}
.topic-content-box a {width: 45%;height: 36px;line-height: 36px;}
.topic-content-box {padding: 0 10%;}
.float-menu a {padding: 0 10px;}
.index-title {margin-top: 30px;}
.index-description {margin-top: 5px;}
.advantage {margin-top: 40px;}
.advantage-content {max-width: 220px;height: 60px;}
.advantage-item:hover .advantage-images{margin-top:20px;}
.function{margin-top:30px;}
.list-item{padding-top:30px;padding-right:20px;}
.list-item h4{padding-left:10px;border-left:3px solid #1199f2;}
.list-item p{padding-left:13px;margin-top:5px;line-height:22px;}
.business{margin-top:30px;}
.business-title{padding-top:10px;height:260px;}
.business-title img{width:350px;}
.business-title h5{font-size:20px;}
.business-content{padding:0 10px 17px;}
.business-content h6{padding-top:25px;}
.business-view{margin-top:10px;}
.business-old,.business-new{width:175px;height:135px;padding:10px 6px 2px 20px;}
.business-new img{width:10px;height:10px;left:5px;top:20px;}

.bottom-body-title,.bottom-body-description,.bottom-btn,.swiper{display:none;}
.bottom-body-qa{padding-top:20px;padding-bottom:20px;}
.qa-list{padding-bottom:20px;}
.qa-list li{width:33.3333%;height:26px;line-height:26px;}

}
@media screen and (max-width: 768px) {
html {
    padding: 0;
    margin:0;
    font-size: 625%;
    -webkit-text-size-adjust: none;
    -webkit-overflow-scrolling: touch;
    /*10 ÷ 16 × 100% = 62.5%*/
}

body {
    padding: 0;
    font-size: .14rem;
    max-width: 768px;
    margin: 0 auto;
    -webkit-overflow-scrolling: touch;
    /*1.4 × 10px = 14px */
}
body {
    margin: 0;
    padding: 0;
    color: #444;
    font-family: SourceHanSerifSC-Regular, Arial, Helvetica, sans-serif;
}

img {
    border: none;
    vertical-align: middle;
}

@media only screen and (min-width: 375px) {
    html {
        font-size: 700%!important
    }
}
@media only screen and (min-width: 410px) {
    html {
        font-size: 800%!important
    }
}
@media only screen and (min-width: 481px) {
    html {
        font-size: 940%!important
    }
}

@media only screen and (min-width: 561px) {
    html {
        font-size: 1090%!important
    }
}

@media only screen and (min-width: 641px) {
    html {
        font-size: 1250%!important
    }
    body {
        margin: 0 auto;
        max-width: 768px
    }
}

img{width:100%;height:auto;}
.w{width:93.75%; margin:0 auto;}
.sj_dn,.swiper,.float-menu{display:none;}

.top{width:100%;height:41px;line-height:40px;background-color:#1a0146;color: #ccc;position:fixed;top:0;z-index:9999;}
.telphone{float:left;font-size: .12rem; padding-left:.18rem;color: #fff;line-height:40px;background: url(../img/telphone.png) no-repeat left center;background-size:.12rem auto;}
.nav a{display:none;}
.nav a.nav-btn{display:block; position:fixed;font-size: .12rem;color: #FFF;padding: 0 10px;background-color: #00c1de; height:26px; line-height:26px; top:7px; right:.1rem; z-index:10000;}
.header{margin-top:41px; height:1.8rem; padding-top:.4rem;}
.header-title{font-size: .18rem;color: #FFF; text-align:center; line-height:.2rem;}
.header-title span{font-size: .2rem;color: #ff9900;}
.header-description{margin-top:.1rem;font-size:.14rem;color:#FFF;}
.header-btn a{display:block; margin:0 auto; width:.8rem;font-size:.12rem;font-weight:700;color:#FFF;border:1px solid #FFF; height:.25rem; line-height:.25rem; margin-top:.2rem;}
.topic{margin-top:-.2rem;}
.topic-title{background: linear-gradient(-118deg,#00c1e0 1%,#098df9 93%);}
.topic-title-head{margin: 0 10px;padding: 10px 0 5px 0;border-bottom: 1px dashed hsla(0,0%,100%,.25);}
.topic-title-left{font-size:.14rem;line-height:36px;color: #fff;}
.topic-title-left img{width:.2rem;margin-right:10px;vertical-align:middle;}
.topic-title-right{line-height:.18rem;color:#FFF;padding-right:10px;}
.topic-title-right li{float:left;list-style:disc;margin-left:.2rem;color:#FFF;font-size:.1rem;width:40%;}
.topic-title-sub{line-height:30px;padding:0 10px;}
.topic-title-item span{padding:2px 3px;color: #fff;vertical-align: middle;background:#ff8a00;margin-right:10px;font-size:.1rem;}
.topic-title-item span.topic-title-item-a{padding:2px 0;background:none;margin-right:0px;font-size:.1rem;}
.topic-content-item{width:100%;border:1px solid #ddd;position: relative; border-top:none; padding-bottom:.1rem;}
.topic-content-title{margin:0 .1rem;border-bottom:1px dashed #bcc1c4;}
.topic-content-title h3{margin-top:.15rem;font-size:.14rem;color:#373d41; font-weight:normal;}
.topic-content-title p{margin-top:5px;padding-bottom:15px;font-size: .12rem;color:#777f84;}
.topic-content-ul{padding:.1rem 0;margin:0 .1rem;border-bottom:1px dashed #bcc1c4;}
.topic-content-ul li{line-height:.2rem;font-size:.12rem;color: #373d41;}
.topic-content-ul li span{color:#35b34a;}
.topic-content-right{padding:.1rem 0;margin:0 .1rem;border-bottom:1px dashed #bcc1c4;}
.topic-content-right li{width:50%;float:left;color:#777f84; font-size:.12rem;}
.topic-content-right li img{width:.1rem;margin-left:.1rem;vertical-align:middle;}
.topic-content-right li strong{padding:0 10px;font-weight:700;color:#373d41;}
.select{width:200px;margin:.15rem auto; position: relative;vertical-align: middle;overflow: hidden;background-color:#fff;color: #555;border:1px solid #aaa;text-shadow: none;border-radius:3px;transition: box-shadow 0.25s ease;z-index: 2;}
.select:before {content: "";position: absolute;width: 0;height: 0;border:5px solid transparent;border-top-color: #28d0e9;top:12px;right:10px;cursor: pointer;z-index: -2;}
.select select {cursor: pointer;font-size:.12rem;padding:5px;width:100%;border:none;background:transparent;background-image:none;-webkit-appearance: none;-moz-appearance: none;}
.topic-content-box a{display:block;width:.7rem;height:.25rem;line-height:.25rem;background:#00c1de;color:#fff; font-size:.12rem;}
.topic-content-red{color: #f80926;font-size:.12rem; margin-top:.05rem;}
.index-title{margin-top:.3rem;font-size:.16rem;color:#4d5154; font-weight:normal;}
.index-description{margin-top:10px;font-size:.12rem;color:#777f84;}
.advantage{margin-top:.5rem;}
.advantage-item{width:33.33333%;height:1.95rem;border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0; text-align:center;}
.advantage-item:nth-child(3n){border-right:0;}
.advantage-item:nth-child(7),.advantage-item:nth-child(8),.advantage-item:nth-child(9){border-bottom:0;}
.advantage-images{width:.35rem;margin-top:.15rem;}
.advantage-title{font-size:.13rem;color:#373d41;margin-top:.12rem;}
.advantage-content{margin:0 .05rem;margin-top:.12rem;color:#777f84;line-height:.16rem; font-size:.12rem;}
.function{margin-top:.25rem;background-color:#fafafa;height:1.75rem;}
.function-item{width:33.33333%;padding-top:.15rem;}
.function-images{width:.35rem;}
.function-title{margin-top:.15rem;font-size:.13rem;color:#373d41;font-size: 400;}
.function-content{padding:0 .05rem;margin-top:10px;text-align:center;color:#777f84;line-height:.18rem; font-size:.1rem;}
.list-item{width:33.33333%;height:1.5rem;padding-top:.2rem;padding-right:.15rem;}
.list-item h4{padding-left:.1rem;font-size:.13rem;line-height:.16rem;border-left:.025rem solid #1199f2; font-weight:normal;}
.list-item p{padding-left:.1rem;margin-top:10px;color:#777f84;line-height:.16rem; font-size:.1rem;}
.business{margin-top:.2rem;}
.business-item{width:100%;border: 1px solid #e0e0e0; float:none;}
.business-title{width:100%;position:relative;border-bottom:1px solid #e0e0e0; padding-bottom:.15rem;}
.business-title:before{content: "";height: 20px;width: 20px;border: 1px solid #e0e0e0;border-top: 0;border-right: 0;position: absolute;bottom: -11px;left:50%;transform:translateX(-50%) rotate(-45deg);background-color: #fff;}
.business-title h5{margin-top:4px;font-size:.13rem;color:#373d41;font-weight:normal; text-align:center;}
.business-content{padding:0 .1rem .15rem;}
.business-content h6{padding-top:.3rem;font-size:.13rem;font-weight:400;color:#373d41;font-weight:normal; margin:0;}
.business-view{margin-top:.12rem;}
.business-view p{font-size:.12rem; line-height:.18rem;}
.business-old,.business-new{width:49%;background-color:#f9f9f9;height:1.25rem;padding:.1rem .05rem .1rem .25rem;}
.business-old{color:#9b9ea0;}
.business-new{color:#373d41;position:relative;z-index:1;}
.business-new img{width:.1rem;position:absolute;z-index:2;left:10px;top:.12rem;}
.bottom-body-title,.bottom-body-description,.bottom-btn,.swiper{display:none;}
.qa-list{padding-bottom:.2rem; margin-top:.2rem;}
.qa-list li{float:left;width:50%;height:.28rem;line-height:.28rem; font-size:.11rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.last-btn a{background:#00c1de;color:#fff; display:block; width:1.5rem; height:.3rem; text-align:center; line-height:.3rem; margin:0 auto; font-size:.12rem; margin-bottom:.4rem;}
.footer{background-color:#31373b; padding-bottom:.15rem;}
.footer-contact-images{width:.3rem;margin-top:.25rem; margin-left:.15rem;}
.footer-contact-text{margin-top:.25rem;color:#fff;padding-left:15px;}
.footer-contact-text h6{padding-top:2px; margin:0; font-size:.12rem;}
.footer-contact-text p{font-size:.16rem; margin-top:.05rem;}
.footer-copyright{margin-top:.15rem; float:none;margin-left:.15rem;}
.footer-copyright p{line-height:.18rem;color:#ddd; font-size:.12rem;}
.fot_ewm{display:none;}


}