@charset "utf-8";
/* CSS Document */
body,ul,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd,input{
    margin:0;
    padding:0;
}
body{
    font-size: 14px;
    font-family:'Microsoft Yahei',simsun,"宋体";
    color: #000;
    background: #ffffff;
}
img{
    border: none;
}
li{
    list-style: none;
}
*:focus {
    outline: none;
    border:none;
}
input,img {
    vertical-align: middle;
}
input,select,textarea{
    outline: none;
    border:none;
}
textarea{
    resize: none;
}
a:link,a:visited{
    text-decoration: none;
    color: #000;
    outline: none;
}
a:hover,a:active{
    color: #1171c5;
    outline: none;
}
em,i{
    font-style: normal;
}
/* 移动端禁止选中内容：*/
.user-select-none {
    -webkit-user-select:none;
}
/* 取消touch的高亮显示：*/
html {
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}
input[type="button"], input[type="submit"], input[type="reset"] {
    -webkit-appearance: none;
}
textarea {
    -webkit-appearance: none;
}
::-webkit-input-placeholder { /* WebKit browsers */
    color:#fff;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
     color:#fff;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
      color:#fff;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
      color:#fff;
 }
/*清除浮动*/
.clearfix:after{
    content: "";
    display: block;
    clear: both;
}
.clearfix{
    zoom: 1;
}
.fl{
    float: left;
}
.fr{
    float: right;
}

.text-right{
    text-align: right;
}
.text-left{
    text-align: left;
}
.text-center{
    text-align: center;
}
.border-left{
    border-left: 1px solid #d2d2d2;
}
/* base table */
.radius-table{
    border-radius: 4px;
    background: #fff;
    border: 1px solid #d2d2d2;
}
.base-table{
    width: 100%;
    text-align: center;
    table-layout: fixed;
    empty-cells: show;
    border-collapse: collapse;
    font-size: 0.5778rem;
}
.base-table tr td,.base-table tr th{
    border-left: 1px solid #d2d2d2;
    border-top: 1px solid #d2d2d2;;
    height: 2rem;
    line-height: 0.8rem;
    font-weight: normal;
    /*border-radius: 4px;*/
    color: #515151;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
}
/* home */
body{
    padding-top: 3.20rem;
}
.header{
    position: fixed;
    width: 100%;
    height: 3.20rem;
    z-index: 11;
    background: #ffffff;
    left: 0;
    top: 0;
}
.logo img{
    width: 6.84rem;
    height: 1.26rem;
    margin-left: 2.69rem;
    margin-top: 1.15rem;
}
.icon-tab{
    width: 0.91rem;
    height: 0.82rem;
    background: url('../imgs/icon4.png') no-repeat 0 0;
    display: inline-block;
    position: absolute;
    right: 1.15rem;
    top:1.28rem;
    background-size: cover;
}
.banner{
    position: relative;
}
.slide img{
    width: 100%;
    height: 12.95rem;
}
.swiper-slide{
    position: relative;
}
.swiper-slide .info{
    position: absolute;
    left: 1.17rem;
    top: 1.35rem;
    color: #fff;
    font-size: 0.78rem;
    line-height:2em;
}
.slide-btn{
    position: absolute;
    bottom: 0.58rem;
    z-index: 3;
    left: 0;
    width: 100%;
    text-align: center;
}
.btn-get{
    width: 3.65rem;
    height: 1.36rem;
    /*background: #3a9af1;*/
    /*border-radius: 5px;*/
    font-size: 0.52rem;
    color: #fff!important;
    display: inline-block;
    line-height: 1.26rem;
    margin: 0 0.2rem;
    background: url("../imgs/btn2.png") no-repeat 0 0;
    background-size: cover;
}
.btn-try{
    width: 3.65rem;
    height: 1.36rem;
    /*background: #fff;*/
    /*border-radius: 5px;*/
    font-size: 0.52rem;
    color: #3a9af1!important;
    display: inline-block;
    line-height: 1.26rem;
    margin: 0 0.2rem;
    background: url("../imgs/btn5.png") no-repeat 0 0;
    background-size: cover;
}
.section-1{
    text-align: center;
    padding-top: 0.54rem;
    padding-bottom: 1.52rem;
    background: #f6fafd;
    color: #999;
    font-size: 0.52rem;
    line-height: 0.9rem;
}
.list-s1 li{
    margin-top: 1.08rem;
}
.list-s1 li p img{
    width: 4.28rem;
    height: 4.15rem;
}
.list-s1 li h2{
    color: #333;
    font-size: 0.65rem;
    margin-top: 0.78rem;
    margin-bottom: 0.43rem;
    font-weight: normal;
}
.section-2{
    text-align: center;
    padding-top: 1.63rem;
    padding-bottom: 1.84rem;
    color: #999;
    font-size: 0.52rem;
    line-height: 0.9rem;
}
.section-2 h1{
    text-align: center;
    color: #000;
    font-size: 0.85rem;
    line-height: 1.3rem;
    font-family: '宋体';
    font-weight: normal;
}
.sec2-img{
    text-align: center;
    margin-top: 1.04rem;
}
.sec2-img img{
    width: 13.47rem;
    height: 8.65rem;
}
.list-s2 li{
    height: 2.17rem;
    margin-top:1.19rem;
}
.s2-left{
    height: 2.17rem;
    float: left;
}
.s2-left img{
    width: 2.17rem;
    height: 2.17rem;
}
.s2-right{
    text-align: left;
    margin-left: 2.5rem;
}
.list2-wrap{
    padding: 0  0.7rem;
}
.s2-right{
    padding-top: 0.15rem;
}
.s2-right h2{
    font-size:0.65rem ;
    font-weight: normal;
    color: #000;
}
.section-3{
    background: #f6fafd;
    padding: 1.30rem;
    text-align: center;
}
.section-3 h1{
    text-align: center;
    color: #000;
    font-size: 0.85rem;
    line-height: 1.3rem;
    font-weight: normal;
}
.list-s3{
    padding-top: 0.6rem;
}
.list-s3 li{
    width: 9.30rem;
    height: 11.34rem;
    display: inline-block;
    margin-top: 0.3rem;
    color: #bbc3c8;
    font-size: 0.43rem;
}
.list-s3 li:nth-child(1){
    background: url("../imgs/img11.png") no-repeat 0 0;
    background-size: cover;
}
.list-s3 li:nth-child(2){
    background: url("../imgs/img8.png") no-repeat 0 0;
    background-size: cover;
}
.list-s3 li:nth-child(3){
    background: url("../imgs/img7.png") no-repeat 0 0;
    background-size: cover;
}
.list-s3 li h3{
    font-weight: normal;
    font-size: 0.65rem;
    color: #000;
    margin-top: 6.3rem;
    margin-bottom: 0.42rem;
}
.list-s3 .list3-info{
    padding:0 0.9rem;
    height: 1.95rem;
    line-height: 0.64rem;
    overflow: hidden;
}
.section-4{
    width: 100%;
    height: 17.08rem;
    background: url("../imgs/bg3.png") no-repeat 0 0;
    background-size: cover;
    padding:1.19rem  1.08rem;
    box-sizing: border-box;
}
.section-4 h2{
    font-weight: normal;
    font-size: 0.90rem;
    color: #fff;
    text-align: center;
    line-height: 2em;
}
.section-4 h4{
    font-weight: normal;
    font-size: 0.52rem;
    color: #fff;
    text-align: center;
    line-height: 1.5em;
    margin-top: 0.1rem;
    margin-bottom: 0.97rem;
}
.icon-1{
    width: 1.15rem;
    height: 1.02rem;
    display: inline-block;
    background: url("../imgs/icon9.png") no-repeat 0 0;
    background-size: cover;
    vertical-align: middle;
    margin-right: 0.52rem;
    margin-top:-5px;
}
.icon-2{
    width: 0.93rem;
    height: 1.02rem;
    display: inline-block;
    background: url("../imgs/icon6.png") no-repeat 0 0;
    background-size: cover;
    vertical-align: middle;
    margin-right: 0.52rem;
    margin-top:-5px;
}
.icon-3{
    width: 0.93rem;
    height: 1.02rem;
    display: inline-block;
    background: url("../imgs/icon13.png") no-repeat 0 0;
    background-size: cover;
    vertical-align: middle;
    margin-right: 0.52rem;
    margin-top:-5px;
}
.icon-4{
    width: 1.15rem;
    height: 1.02rem;
    display: inline-block;
    background: url("../imgs/icon14.png") no-repeat 0 0;
    background-size: cover;
    vertical-align: middle;
    margin-right: 0.52rem;
    margin-top:-5px;
}
.icon-5{
    width: 1.15rem;
    height: 0.89rem;
    display: inline-block;
    background: url("../imgs/icon11.png") no-repeat 0 0;
    background-size: cover;
    vertical-align: middle;
    margin-right: 0.52rem;
    margin-top:-5px;
}
.icon-6{
    width: 1.13rem;
    height: 1.02rem;
    display: inline-block;
    background: url("../imgs/icon5.png") no-repeat 0 0;
    background-size: cover;
    vertical-align: middle;
    margin-right: 0.52rem;
    margin-top:-5px;
}
.icon-7{
    width: 1.02rem;
    height: 1.02rem;
    display: inline-block;
    background: url("../imgs/icon8.png") no-repeat 0 0;
    background-size: cover;
    vertical-align: middle;
    margin-right: 0.52rem;
    margin-top:-5px;
}
.icon-8{
    width: 1.15rem;
    height: 0.89rem;
    display: inline-block;
    background: url("../imgs/icon15.png") no-repeat 0 0;
    background-size: cover;
    vertical-align: middle;
    margin-right: 0.52rem;
    margin-top:-5px;
}
.icon-9{
    width: 1.15rem;
    height: 0.91rem;
    display: inline-block;
    background: url("../imgs/icon3.png") no-repeat 0 0;
    background-size: cover;
    vertical-align: middle;
    margin-right: 0.52rem;
    margin-top:-5px;
}
.icon-10{
    width: 0.93rem;
    height: 1.02rem;
    display: inline-block;
    background: url("../imgs/icon7.png") no-repeat 0 0;
    background-size: cover;
    vertical-align: middle;
    margin-right: 0.52rem;
    margin-top:-5px;
}
.list-s4{
    overflow: hidden;
}
.list-s4 li{
    width: 50%;
    float: left;
    line-height: 1.02rem;
    color: #fff;
    font-size: 0.65rem;
    margin: 0.58rem 0;
}
.section-5{
    padding:1.52rem 0.65rem;
    background: #f6fafd;
}
.section-5 h2{
    color: #333;
    font-size: 0.91rem;
    text-align: center;
    font-weight: normal;
}
.sec4-img{
    text-align: center;
    margin-top: 1.08rem;
    position: relative;
    margin-bottom: 1.3rem;
}
.sec4-img img{
    width: 9rem;
    height: 9rem;
}
.sec4-img span{
    position: absolute;
    display: inline-block;
    width: 8.86rem;
    height: 2rem;
    color: #999;
    font-size: 0.52rem;
    left: 50%;
    margin-left: -4.13rem;
    bottom: -0.5rem;
    /*background: #fff;*/
    /*border-radius: 0.6rem;*/
    background: url("../imgs/btn3.png") no-repeat 0 0;
    line-height: 1.43rem;
    background-size: cover;
}
.section-5 p{
    line-height: 1rem;
    color: #999;
    font-size: 0.60rem;
    text-align: center;
}
.list-s5{
    margin-top: 0.43rem;
    margin-bottom: 1.5rem;
}
.list-s5 li{
    font-size: 0.4348rem;
    color: #bdc6cd;
    display: inline-block;
    width: 33%;
    float: left;
    text-align: center;
}
.icon2-1{
    width: 0.47rem;
    height: 0.39rem;
    background: url(../imgs/icon10.png) no-repeat 0 0;
    display: inline-block;
    background-size: cover;
    margin-right: 0.3rem;
}
.icon2-2{
    width: 0.39rem;
    height: 0.43rem;
    background: url(../imgs/icon16.png) no-repeat 0 0;
    display: inline-block;
    background-size: cover;
    margin-right: 0.3rem;
    vertical-align: middle;
}
.icon2-3{
    width: 0.43rem;
    height: 0.43rem;
    background: url(../imgs/icon12.png) no-repeat 0 0;
    display: inline-block;
    background-size: cover;
    margin-right: 0.3rem;
    vertical-align: middle;
}
.section-6{
    width: 100%;
    height: 4.73rem;
    background: url("../imgs/bg4.png") no-repeat 0 0;
    background-size: cover;
    text-align: center;
    padding: 0.9rem 0 0.91rem;
    box-sizing: border-box;
}
.section-6 h3{
    color: #fff;
    font-size: 0.91rem;
    margin-bottom: 0.5rem;
    font-weight: normal;
    font-family: '宋体';
}
.section-6 p{
    color: #fff;
    font-size: 0.52rem;
    line-height: 0.8rem;
}
.section-7{
    background: #f6fafd;
    padding-bottom: 1.30rem;
}
.list-s7{
    overflow: hidden;
}
.list-s7 li{
    width: 50%;
    float: left;
    text-align: center;
    color: #333;
    font-size: 0.65rem;
    margin-top: 1.3rem;
}
.list-s7 li p img{
    width: 4.47rem;
    height: 4.47rem;
}
.s7-info{
    line-height: 1rem;
    margin-top: 0.4rem;
}
.section-8{
    padding: 1.52rem  0  1.08rem;
    text-align: center;
}
.section-8 h3{
    font-size: 0.91rem;
    font-weight: normal;
    line-height: 1em;
    color: #333;
}
.mp{
    font-size: 0.52rem;
    line-height: 1rem;
    margin:0.3rem  0  1.2rem;
}
.btn-4{
    width: 5.39rem;
    height: 2.08rem;
    background: url("../imgs/btn4.png") no-repeat 0 0;
    display: inline-block;
    line-height: 1.8rem;
    text-align: center;
    color: #fff!important;
    font-size: 0.52rem;
    background-size: cover;
}
.btn-1{
    width: 5.17rem;
    height: 1.78rem;
    background: url("../imgs/btn1.png") no-repeat 0 0;
    display: inline-block;
    line-height: 1.7rem;
    text-align: center;
    color: #2181d2!important;
    font-size: 0.52rem;
    background-size: cover;
}
.slide-bar{
    position: absolute;
    width: 9.13rem;
    background: #000;
    right: -9.13rem;
    top:3.2rem;
    z-index: 10;
    height: 45.7rem;
    padding-left: 0.65rem;
    box-sizing: border-box;
    color: #e5e5e5;
}
.slide-left{
    right: 0;
    transition:all 0.5s ease;
    -webkit-transition:all 0.5s ease;
    -moz--transition:all 0.5s ease;
    -o--transition:all 0.5s ease;
    -ms--transition:all 0.5s ease;
}
.slide-right{
    right: -9.13rem;
    transition:all 1s ease;
    -webkit-transition:all 0.5s ease;
    -moz--transition:all 0.5s ease;
    -o--transition:all 0.5s ease;
    -ms--transition:all 0.5s ease;
}
.btn-app{
    width: 4.69rem;
    height: 1.6rem;
    display: inline-block;
    border-radius: 4px;
    line-height: 1.6rem;
    text-align: center;
    font-size: 0.65rem;
    color: #fff!important;
    background: #2e93e1;
    margin-top: 3.15rem;
}
.btn-show{
    width: 4.65rem;
    height: 1.55rem;
    display: inline-block;
    border-radius: 5px;
    line-height: 1.6rem;
    text-align: center;
    font-size: 0.65rem;
    color: #2e93e1!important;
    border: 2px solid #2e93e1;
    margin-top: 0.7rem;
}
.bar-item{
    padding-left: 0.54rem;
}
.bar-item h4{
    font-weight: normal;
    font-size:0.78rem;
    margin: 1.2rem 0;
}
.list-bar li{
    font-size: 0.52rem;
    margin: 0.5rem 0;
}
.list-bar li a{
    color: #e5e5e5!important;
    font-size: 0.52rem;
}
.list-bar1 li{
    font-size: 0.52rem;
    margin: 0.7rem 0;
}
.list-bar1 li a{
    color: #e5e5e5!important;
    font-size: 0.52rem;
}
.code-img{
    padding-left: 0.54rem;
    margin-top: 1.3rem;
}
.code-img img{
    width: 5.6rem;
    height: 5.6rem;
}
.code-img .wx-info{
    font-size: 0.52rem;
    color: #fff;
    text-indent: 1.5rem;
    line-height: 1rem;
    margin-top:0.4rem;
}
.bar-bottom{
    padding-left: 0.54rem;
    font-size: 0.52rem;
    color: #666;
    margin-top: 2.6rem;
    line-height:0.9rem;
}
.code-cover{
    position: relative;
}
.cover-bg{
    position: fixed;
    top:3.2rem;
    width: 100%;
    height: 100%;
    left: 0;
    background: #000;
    opacity: 0.8;
    z-index: 11;
}
.cover-body{
    position: fixed;
    z-index: 12;
    top:3.2rem;
    width: 100%;
    height: 100%;
    left: 0;
}
.cover-body .title{
    color: #fff;
    font-size: 0.91rem;
    margin-top: 3.91rem;
    text-align: center;
}
.cover-body p img{
    width: 100%;
    height: 15.2rem;
    margin-top: 0.86rem;
}

.swiper-container-horizontal>.swiper-pagination-bullets{
    bottom: 2rem!important;
}
.swiper-pagination-bullet{
    background: #81c9e4!important;
}
.swiper-pagination-bullet-active{
    background: #fff!important;
}