html,
body {
    background: #fff;
    min-height: 100%;
}


/* btn */

.dwon-btn {
    width: 205px;
    height: 59px;
    line-height: 59px;
    display: block;
    background: url("../images/downbtn.png") no-repeat;
    text-align: center;
    font-size: 24px;
    color: #fff;
}

.dwon-btn:hover {
    box-shadow: 4px 4px 8px  rgba(0,0,0,0.5);
}
.dwon-btn .xz{ margin-right: 10px;
    position: relative;
    left: 35px;
    top: 17px;
    float: left;
    display: block;
    background: url(../images/xz.png);
    background-size: 100% 100%;
    width: 19px;
    height: 23px;

} 


.index-banner {
    height: 964px;width:100%;float:left;
    background: url("../images/bg1.jpg") no-repeat top center;
    background-size: 100% 100%;
    background-color: #f5f5f5;
}

.banner-text-img {
    padding-top: 82px;
    overflow: hidden;
}

.banner-text {
    float: left;margin-right: 60px;
    width: 460px;margin-top:50px;
}





.banner-text h1 {
    font-size: 48px;
    color: #fff;
    line-height: 1.5;
}

.banner-text h1 i {
    display: inline-block;
    width: 77px;
    height: 28px;
    line-height: 28px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    background: url("../images/tips.png") no-repeat;
    vertical-align: top;
    padding-left: 8px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.banner-text h2 {
    font-size: 36px;
    color: #0098ff;
}

.banner-p {
    font-size: 18px;
    color: #fff;
    line-height: 1.8;
    margin-top: 4px;
    margin-bottom: 50px;
}

.information-list {
    overflow: hidden;
    width: 300px;
    margin-top: 15px;
}

.information-list li {
    float: left;
    color: #c3d5fc;
    line-height: 1.8;
    min-width: 140px;
}


.banner-tips {
    font-size: 16px;
    color: #666;
    line-height: 1.5;
    margin-top: 10px;
}




.index-line {
    position: relative;
    overflow: hidden;
}
.banner-img {
    width:647px;
    float: left;
    padding-top: 28px;height:480px;
    text-align: right;overflow:hidden;
}
.w1200{position:relative;}
.swiper-container-3d{width:350px;height:286px;overflow:visible;}
.swiper-pagination-bullet{border-radius:0px;background-color:#fff;}
.swiper-pagination-bullets{bottom:-20px;}

.logolay{position:absolute;left:0px;top:10px;}
.logolay img{float:left;}
.logolay span{float:left;height:46px;line-height:46px;font-size:24px;font-weight:bold;color:#fff;margin-left:10px;}
.shan{position:absolute;width:174px;height:143px;left:-64px;top:330px;z-index: 999}

.card{float:left;height:114px;width:100%;margin-top:120px;}
.card .kuang{float:left;width:281px;height:114px;float:left;background:url(../images/kuang.png);margin:0px 9px;}
.card .kuang i{float:left;height:114px;width:66px;margin-left:18px;margin-right:10px;}
.card .kuang i.card1{background:url(../images/kuang1.png) center center no-repeat;}
.card .kuang i.card2{background:url(../images/kuang2.png) center center no-repeat;}
.card .kuang i.card3{background:url(../images/kuang3.png) center center no-repeat;}
.card .kuang i.card4{background:url(../images/kuang4.png) center center no-repeat;}
.card .kuang span{float:right;width:170px;height:114px;}
.card .kuang span em{float:left;width:100%}
.card .kuang span em.tit{float:left;width:100%;color:#bbd8ff;font-size:18px;margin-top:28px;}
.card .kuang span em.tip{float:left;width:100%;color:#bbd8ff;font-size:12px;margin-top:10px;}

.bigcard{position:absolute;left:0px;bottom:-376px;width:100%;*bottom:-346px;}
.bigcard .kuang{float:left;background:url(../images/cardbg.png) center center no-repeat;width:600px;height:356px;}
.bigcard .kuang .tit{float:left;width:100%;margin-top:40px;}
.bigcard .kuang .tit i{float:left;width:50px;height:50px;margin-left:160px;margin-right:14px;}
.bigcard .kuang .tit i.logo1{background:url(../images/logo50.png) center center no-repeat;}
.bigcard .kuang .tit i.logo2{background:url(../images/logo2_50.png) center center no-repeat;}
.bigcard .kuang .tit span{float:left;height:50px;line-height:50px;color:#333;font-size:34px;}
.bigcard .kuang .p{float:left;width:100%;margin-top:20px;}
.bigcard .kuang .p p{float:left;width:100%;text-align:center;color:#807f7f;font-size:12px;margin-top:10px;}
.bigcard .kuang .dwon-btn{float:left;margin-left:187px;margin-top:38px;border-radius:4px}
.bigcard .kuang .dwon-btn2{float:left;background:#fff;color:#179df9;width:201px;text-align: center;height:55px;line-height:52px;font-size: 24px;border:2px solid #179df9;border-radius:4px;margin-top:38px;margin-left:187px;}
.bigcard .kuang .dwon-btn2 .xz{position: relative;left: 35px;top: 15px;float: left;display: block;background: url(../images/xz2.png);background-size: 100% 100%;width: 19px;height: 23px;margin-right:10px;}
.bigcard .kuang .dwon-btn2:hover{background:#179df9;color:#fff;}
.bigcard .kuang .dwon-btn2:hover .xz{background: url(../images/xz.png);}


.index-banner2{float:left;width:100%;margin-top:300px;}
.index-banner2 .title{float:left;width:100%;text-align:center;font-size:34px;font-weight:bold;}
.index-banner2 .midimg{float:left;width:100%;/*background:url(../images/mid.png) center center no-repeat*/;height:430px;margin-top:80px;}
.index-banner2 .btnlay{float:left;width:100%;margin-top:100px;}
.index-banner2 .btnlay a{float:left;margin-left:479px;width:242px;height:59px;background:url(../images/downnohov.png) center center no-repeat;}
.index-banner2 .btnlay a:hover{ box-shadow: 4px 4px 8px  rgba(78,143,250,0.5);}

.index-banner3{float:left;width:100%;background:url(../images/bg2.png) no-repeat top center;
    background-size: 100% 100%;;height:531px;margin-top:50px;}
.index-banner3 .title{float:left;width:100%;text-align:center;margin-top:190px;}
.index-banner3 .title img{float:left;margin-left:430px;margin-right:10px}
.index-banner3 .title span{float:left;height:67x;line-height:67px;font-size:36px;font-weight:bold;color:#fff;}
.index-banner3 p{float:left;width:100%;text-align:center;color:#fff;font-size:18px;margin-top:20px;}
.foot{float:left;width: 100%;height:54px;line-height:54px;font-size:18px;color:#fff;background:#000;text-align:center;}





.btnactive{position:relative;overflow:hidden;}
.btnactive:before{content:"";position:absolute;width:200%;height:450%;left:0%;top:0%;margin-left:-50%;margin-top:-50%;border-radius:50%; background: rgba(255, 255, 255, .2); animation: spread 1.5s infinite both;
        -webkit-animation: spread 1.5s infinite both;
        -moz-animation: spread 1.5s infinite both;
        -o-animation: spread 1.5s infinite both;}

 @keyframes spread {
        0% {
            transform: scale(0);
            -webkit-transform: scale(0);
            -moz-transform: scale(0);
            transform: scale(0);
        }
        100% {
            transform: scale(1);
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            transform: scale(1);
        }
    }
    
    @-webkit-keyframes spread {
        0% {
            transform: scale(0);
            -webkit-transform: scale(0);
            -moz-transform: scale(0);
            transform: scale(0);
        }
        100% {
            transform: scale(1);
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            transform: scale(1);
        }
    }
    
    @-moz-keyframes spread {
        0% {
            transform: scale(0);
            -webkit-transform: scale(0);
            -moz-transform: scale(0);
            transform: scale(0);
        }
        100% {
            transform: scale(1);
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            transform: scale(1);
        }
    }
    
    @-o-keyframes spread {
        0% {
            transform: scale(0);
            -webkit-transform: scale(0);
            -moz-transform: scale(0);
            transform: scale(0);
        }
        100% {
            transform: scale(1);
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            transform: scale(1);
        }
    }