html, body {
    position: relative;
    height: 100%;
}
.swiper-container {
    width: 100%;
    height: 100%;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.bg-full{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}


.swiper-container-vertical > .swiper-pagination-bullets{
    right:.5rem;
    top: 80%;

}

.swiper-pagination-bullet{
width: 10px;
height:10px;
}

.swiper-pagination-bullet-active{
background:#fff;
}
.swiper-container .swiper-slide .list-box .form-box{
	width: 4.9rem;
	height:.6rem;
	border:1px solid #fff;
	margin-top: .7rem;
    
}



    @keyframes swiper-button-next{
  from{margin-top:0px}
  to{margin-top:20px}
}


.swiper-button-next{
        background: url(../images/down.png) no-repeat center center;
        width: 1rem;
        height:.5rem;
        position:absolute;
        bottom:0;
        left: 0;
        right:0;
        top: 45%;
        margin:auto;
        animation: swiper-button-next 1s linear infinite alternate;
        background-size:.5rem;
        z-index: 999;

    }

.swiper-container .swiper-slide .text{
    text-align:center;
    position: relative;
    top: 0%;
}

.swiper-container .swiper-slide .text h3{
    display: inline-block;
    font-size:.73rem;
    color: #fff;
    font-family:'思源黑体 CN Normal';
}


.swiper-container .swiper-slide-active .text h3:nth-child(1){
    color: #ffffff;
    animation-duration: 1s;
    animation-delay: 0.1s;
    animation-name: fadeInUp;
    visibility:visible;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;

}
.swiper-container .swiper-slide-active .text h3:nth-child(2){
    animation-duration: 1s;
    animation-delay: 0.2s;
    animation-name: fadeInUp;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;

}
.swiper-container .swiper-slide-active .text h3:nth-child(3){
    animation-duration: 1s;
    animation-delay: 0.3s;
    animation-name: fadeInUp;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
}
.swiper-container .swiper-slide-active .text h3:nth-child(4){
    animation-duration: 1s;
    animation-delay: 0.4s;
    animation-name: fadeInUp;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;

}
.swiper-container .swiper-slide-active .text h3:nth-child(5){
    animation-duration: 1s;
    animation-delay: 0.5s;
    animation-name: fadeInUp;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;

}
.swiper-container .swiper-slide-active .text h3:nth-child(6){
    animation-duration: 1s;
    animation-delay: 0.6s;
    animation-name: fadeInUp;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;

}

.swiper-container .swiper-slide-active .text h3:nth-child(7){
    animation-duration: 1s;
    animation-delay: 0.7s;
    animation-name: fadeInUp;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;

}

.swiper-container .swiper-slide-active .text h3:nth-child(8){
    animation-duration: 1s;
    animation-delay: 0.8s;
    animation-name: fadeInUp;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;

}

.swiper-container .swiper-slide-active .text h3:nth-child(9){
    animation-duration: 1s;
    animation-delay: 0.9s;
    animation-name: fadeInUp;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;

}

.swiper-container .swiper-slide-active .text h3:nth-child(10){
     animation-duration: 1s;
    animation-delay: 1s;
    animation-name: fadeInUp;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
 }


.swiper-container .swiper-slide-active .tit{
    animation-duration: 1s;
    animation-name: fadeInDown;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
}

.swiper-container .swiper-slide-active .more{
    animation-duration: 1s;
    animation-name: fadeInUp;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
}

.swiper-container .swiper-slide .tit h3{
    font-size:.42rem;
    color: #fff;
    font-weight:bold;
    font-family: '思源黑体 CN Normal';
    text-transform:uppercase;
}

.swiper-container .swiper-slide .tit p{
    font-size:.36rem;
    color: #ffffff;
}

.swiper-container .swiper-slide .title{
     animation-duration: 1s;
    animation-name: fadeInDown;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
}
.swiper-container .swiper-slide .title h3{
    font-size:.42rem;
    color: #fff;
    font-weight:bold;
    font-family: '思源黑体 CN Normal';
    text-transform:uppercase;
    border-bottom:1px solid #fff;
    padding-bottom: .1rem;
    margin-bottom: .1rem;
}

.swiper-container .swiper-slide .title p{
    font-size:.36rem;
    color: #ffffff;
}

.swiper-container .swiper-slide .pro-more{
    width: 1.68rem;
    height:.45rem;
    line-height: .45rem;
    color: #fff;
    font-size:.2rem;
    text-transform: uppercase;
    text-align:center;
    border:1px solid #fff;
    border-radius:.05rem;
    margin: .4rem auto 0;
    animation-duration: 1s;
    animation-name: fadeInUp;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
}
.swiper-container .swiper-slide .more{
    background:url(../images/more.png) no-repeat center center;
    background-size: .44rem .43rem;
    width: .44rem;
    height: .43rem;
    margin: .3rem auto 0;
}



.swiper-container .swiper-slide .tit h3{
    font-size:.42rem;
    color: #fff;
    font-weight:bold;
    font-family: '思源黑体 CN Normal';
    text-transform:uppercase;
}

.swiper-container .swiper-slide .tit p{
    font-size:.36rem;
    color: #ffffff;
}

.swiper-container .swiper-slide .more{
    background:url(../images/more.png) no-repeat center center;
    background-size: .44rem .43rem;
    width: .44rem;
    height: .43rem;
    margin: .3rem auto 0;
}


.swiper-container .swiper-slide .tit2 h3{
    font-size:.42rem;
    color: #FFFFFF;
    font-weight:bold;
    font-family: '思源黑体 CN Normal';
    text-transform:uppercase;
}

.swiper-container .swiper-slide .tit2 p{
    font-size:.36rem;
    color: #FFFFFF;
}

.swiper-container .swiper-slide .more2{
    background:url(../images/more2.png) no-repeat center center;
    background-size: .44rem .43rem;
    width: .44rem;
    height: .43rem;
    margin: .3rem auto 0;
}

.swiper-container .swiper-slide-active .tit2{
    animation-duration: 1s;
    animation-name: fadeInDown;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
}

.swiper-container .swiper-slide-active .more2{
    animation-duration: 1s;
    animation-name: fadeInUp;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
}

.swiper-container .swiper-slide .index_news{
    padding-left:.2rem;
    padding-right:.2rem;
    margin-top: 1.5rem;
}

.swiper-container .swiper-slide .index_news .tit3{

}

.swiper-container .swiper-slide .index_news .tit3 .text-box{
    width: 3.2rem;
    color:#595757;
    float: left;
    text-align:left;
}
.swiper-container .swiper-slide .index_news .tit3 .text-box p{
    font-size:.42rem;
    color: #989898;
}
.swiper-container .swiper-slide .index_news .tit3 .more3{
    width: 1.55rem;
    height: .4rem;
    line-height: .4rem;
    color: #898989;
    font-size:.2rem;
    border:2px solid #989898;
    float: right;
    margin-top: .4rem;
}
.swiper-container .swiper-slide:nth-child(5){
    display: block;


}

.swiper-container .swiper-slide-active .index_news .con-box .list-box .img_box{
    animation-duration: 1s;
    animation-name: fadeInLeft;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
}

.swiper-container .swiper-slide-active .index_news .con-box .list-box .text-box{
    animation-duration: 1s;
    animation-name: fadeInRight;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
}
.swiper-container .swiper-slide .index_news .con-box{

}

.swiper-container .swiper-slide .index_news .con-box .list-box{
    border-bottom:1px solid #d2d2d2;
    padding: .35rem 0;
}

.swiper-container .swiper-slide .index_news .con-box .list-box .img_box{
    width: 2.43rem;
    height:1.62rem;
    float: left;
    overflow: hidden;
}
.swiper-container .swiper-slide .index_news .con-box .list-box .img_box img{
    height:1.62rem;
}

.swiper-container .swiper-slide .index_news .con-box .list-box .text-box{
    width: 3.22rem;
    float: right;
    text-align:left;
}

.swiper-container .swiper-slide .index_news .con-box .list-box .text-box h3{
    font-size:.2rem;
    color: #444444;
}

.swiper-container .swiper-slide .index_news .con-box .list-box .text-box .text2{
    font-size:.16rem;
    color: #898989;
    line-height: .3rem;
    padding: .18rem 0;
}

.swiper-container .swiper-slide .index_news .con-box .list-box .text-box i{
    font-size:.15rem;
    color: #898989;
}