
.border-all {
    border: 1px solid #ccc;
}
.marign-lr-10 {
    margin-left: 10px;
    margin-right: 10px;
}

/*轮播*/
.banner-top {
    width: 20000px;
    height: 100%;
    margin-left: 0;
}
.slide {
    width: 1920px;
    height: 100%;
    float: left;
}
.banner-bot {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
    padding: 10px 0;
    text-align: center;
}
.bot-img {
    width: 300px;
    height: 60px;
    margin: 0 auto;
}
.slide-bot {
    width: 66px;
    height: 44px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.slide-bot span {
    display: inline-block;
    width: 100%;
    height: 100%;
}
.bga {
   background-color: rgba(0, 0, 0, .5); 
}
.active-slide {
    width: 90px!important;
    height: 60px!important;
}

/*内容一*/
.sec-one {
    width: 100%;
    overflow: hidden;
}
.slide-title {
    margin-top: 60px;
    margin-bottom: 20px;
    font-size: 30px;
    color: #42ce83;
}
.slide-description {
    margin-bottom: 60px;
    font-size: 16px;
}
.sec-one-bot {
    width: 100%;
    height: 848px;
    background-color: #fff;
}
.product-function {
    width: 1200px;
    padding: 40px 0;
    overflow: hidden;
    margin: 0 auto;
}
.product-function li {
    width: 600px;
    height: 210px;
    float: left;
    margin: 60px 0;
}
.product-function li:nth-child(even) .function-info-left {
    margin-left: 108px;
}
.function-info-left {
    float: left;
    width: 210px;
    height: 210px;
    border-radius: 50%;
}
.function-info-right {
    float: left;
    width: 240px;
    height: 210px;
    margin-left: 40px;
    overflow: hidden;
    text-align: left;
}
.function-info-title {
    font-size: 26px;
    margin: 30px 0;
}
.function-info-describe {
    font-size: 20px;
    line-height: 30px;
}
/*了解更多*/
.know-more {
    display: inline-block;
    width: 180px;
    line-height: 70px;
    text-align: center;
    border-radius: 4px;
    font-size: 20px;
}
.know-more img {
    margin-left: 5px;
}

/*内容二*/
.sec-two {
    width: 100%;
    overflow: hidden;
}
.sec-two-bot {
    width: 100%;
    height: 974px;
    background: url(../image/index/sec2.png) no-repeat center;
}
.two-bot-cont {
    position: relative;
    width: 1200px;
    height: 100%;
    margin: 0 auto;
}
.two-bot-words1 {
    position: absolute;
    top: 82px;
    left: 480px;
    width: 390px;
    height: 148px;
}
.two-bot-words2 {
    position: absolute;
    bottom: 100px;
    left: 230px;
    width: 350px;
    height: 142px;
}
.two-bot-words3 {
    position: absolute;
    bottom: 100px;
    right: 0px;
    width: 350px;
    height: 142px;
}

/*内容三*/
.sec-three {
    width: 100%;
    overflow: hidden;
}
.sec-three-bot {
    width: 100%;
    height: 1094px;
    background-color: #fff;
    overflow: hidden;
}
.three-bot-words1 {
    margin-top: 60px;
}
.three-bot-words2 {
    margin: 15px 0;
}
.head-img {
    margin: 40px 0;
}
/*用户数量*/
.user {
    width: 1200px;
    margin: 0 auto;
    font-size: 0;
}
.user-words {
    font-size: 20px;
    height: 40px;
    line-height: 40px;
}
.now-num {
    margin-left: 34%;
}
.user-num span {
    width: 24px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #42ce83;
    color: #fff;
    margin-left: 6px;
    float: left;
    font-size: 30px;
    border-radius: 4px;
}
.user-num span:last-child {
    margin-right: 6px;
}
.three-bot-img {
    width: 447px;
    height: 530px;
    margin: 40px auto 0;
}
/*输入信息*/
.three-bot-input {
    width: 715px;
    margin: 0 auto;
}
.phone {
    width: 500px;
    height: 68px;
    line-height: 1.5em;
    text-indent: 15px;
    border: 1px solid #808080;
    font-size: 20px;
    float: left;
}
.register {
    width: 200px;
    height: 70px;
    line-height: 70px;
    background-color: #42ce83;
    color: #fff;
    font-size: 20px;
    float: left;
    margin-left: 10px;
    cursor: pointer;
}

/*内容四*/
.sec-four {
    width: 100%;
    overflow: hidden;
}
.sec-four-bot {
    width: 100%;
    height: 694px;
    background-color: #49b8ff;
    overflow: hidden;
}
.four-bot-info {
    width: 1200px;
    overflow: hidden;
    margin: 154px auto 0;
}
.four-bot-info li {
    width: 252px;
    height: 480px;
    border: 1px solid #808080;
    margin-right: 60px;
    float: left;
    background-color: #fff;
    text-align: center;
    font-size: 20px;
}
.four-bot-info li:last-child {
    margin-right: 0;
}
.four-bot-words {
    margin-top: 62px;
    color: #606060;
}
.tag {
    display: inline-block;
    width: 200px;
    height: 68px;
    line-height: 68px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    margin: 60px 0 80px;
}
.four-bot-des {
    line-height: 30px;
}

/*内容五*/
.sec-five {
    width: 100%;
    overflow: hidden;
}
.sec-five-bot {
    width: 100%;
    height: 532px;
    overflow: hidden;
    text-align: center;
}
.five-bot-info {
    width: 1200px;
    height: 363px;
    overflow: hidden;
    margin: 0 auto 60px;
}
.five-bot-info li {
    width: 322px;
    height: 280px;
    background-color: #fff;
    text-align: left;
    padding: 40px 20px;
    float: left;
    margin-right: 54px;
    cursor: pointer;
}
.five-bot-info li:last-child {
    margin-right: 0
}
.date {
    width: 100%;
    display: inline-block;
}
.news-title {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 40px;
    margin-bottom: 30px; 
}
.news-des {
    max-height: 114px;
    overflow: hidden;
    line-height: 30px;
}
.news-img {
    width: 320px;
    height: 115px;
    overflow: hidden;
}
.read {
    margin-top: 32px;
}
.read img {
    float: right;
    margin-top: 5px;
    margin-left: 6px;
}


/*注册弹窗*/
.register-alert {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    z-index: 99;
}
.alert-cont {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    width: 524px;
    height: 441px;
    background: url(../image/index/zhuce_alert.png) no-repeat center;
    text-align: center;
}
.alert-des {
    width: 253px;
    height: 253px;
    margin-left: 113px;
    margin-top: 170px;
    overflow: hidden;
}
.zhuce-success {
    margin: 50px 0;
    color: #fff;
    font-size: 20px;
}
.close {
    position: absolute;
    top: 60px;
    right: 60px;
    width: 44px;
    height: 44px;
    background: url(../image/index/close.png) no-repeat center;
}