.section-con{
    max-width: 1400px;
    padding: 0 20px;
    margin: 0 auto;
    margin-top: 80px;
    height: calc(100vh - 200px);
    display: flex;
    flex-direction: column;
}
#fp-nav ul li a span, .fp-slidesNav ul li a span{
    width: 7px;
    height: 7px;
    background-color: #debffa;
}
#fp-nav ul li, .fp-slidesNav ul li{
    width: 24px;
    height: 16px;
}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{
    border: 6px solid #f2eef6;
    margin: -10px 0 0 -10px;
}

.swiper-button-prev{
    background: url(../images/arr.png) center center no-repeat;
    background-size: 100% auto;
}
.swiper-button-next{
    background: url(../images/arr.png) center center no-repeat;
    background-size: 100% auto;
    transform: rotateY(180deg);
}

.section-tit{
    font-size: 40px;
    font-weight: bold;
    color: #fdd303;
    text-align: left;
    padding: 50px 50px 0px 50px;
}
.section-tit.right{
    text-align: right;
}

/* banner */
.aniate-con{
    transition:all 1s ease-out;
    transform:scale(0);
}
.banner-con .swiper-slide{
    height: 100vh;
    position: relative;
}
.banner-con img{
    width: 100%;
    height: 100%;
}
.banner-con .swiper-slide h1{
    position: absolute;
    top: 30vh;
    left: 150px;
    width: 40%;
    text-align: center;
font-size: 45px;
font-weight: bold;
color: #fdd303;
    z-index: 9;
}
.banner-con .swiper-slide .img-tips{
    position: absolute;
    right: 50px;
    bottom: 50px;
    width: 30vw;
    z-index: 9;
}

/* about-us */
.about-us{
    background:url(../images/bg1.png) no-repeat;
    background-size: cover;
    justify-content: center;
}
.about-us-con{
    max-width: 1300px;
    background: url(../images/img3.png) right no-repeat;
    background-size: cover;
}
.info-wrap{
    width: 580px;
}
.info-wrap .info{
    font-size: 24px;
    line-height: 38px;
    font-weight: bold;
    color: #1E479B;
}
.info-wrap .button{
    width: 260px;
}
.info-wrap .btn{
    display: block;
    width: 100%;
    height: 50px;
    margin: 20px auto;
    border-radius: 25px;
    line-height: 50px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    font-size: 16px;
    background: linear-gradient(to right, #04b5ff, #e179ff);
}

/* main-business */
.main-business{
    background:url(../images/bg2.png) no-repeat;
    background-size: cover;
    justify-content: center;
}
.main-business-wrap{
    flex: 1;
}
.main-business-wrap ul{
    display: flex;
    height: 100%;
    background-color: #fff;
}
.main-business-wrap li{
    flex: 1;
    position: relative;
    /* background: url(../images/slide3.png) no-repeat; */
    /* background-size: 100% 100%; */
}
.main-business-wrap li .info{
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 120% 30px;
    padding-bottom: 0;

    box-sizing: border-box;
}
.main-business-wrap li .info a{    font-size:22px;
    font-weight: bold;
    line-height: 40px;
    color:#5f4699;}

.main-business-wrap li:nth-child(even)::after{
    position: absolute;
    top: 15%;
    right: -10px;
    content: '';
    width: 10px;
    height: 10px;
    background: url(../images/arr_small.png) center center no-repeat;
    background-size: 100% auto;
}
.main-business-wrap li:nth-child(odd) .info{
    color:#fff;
    padding-top: 120%;
}

.main-business-wrap li:nth-child(odd) .info a{
    color:#fff;

}
.main-business-wrap li:nth-child(odd){
    flex: 1;
    background: url(../images/slide2.png) no-repeat;
    background-size: 100% 100%;
}
.main-business-wrap li:first-child{
    background: url(../images/slide1.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
}
.main-business-wrap li:nth-child(odd):hover{
    background: url(../images/slide2_hover.png) no-repeat;
    background-size: 100% 100%;
}
.main-business-wrap li:first-child:hover{
    background: url(../images/slide1_hover.png) no-repeat;
    background-size: 100% 100%;
}
.main-business-wrap li:first-child::after{
    content: '';
    position: absolute;
    right: 7%;
    bottom: 5%;
    width: 80%;
    height: 200px;
    background: url(../images/img_l.png) left bottom no-repeat;
    background-size: auto 100%;
}
.main-business-wrap li:last-child::after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 5%;
    width: 80%;
    height: 200px;
   /*    background: url(../images/img_l.png) right bottom no-repeat;*/
background:none;
    background-size: auto 100%;
}
.main-business-wrap li:last-child,.main-business-wrap li:last-child:hover{
    background-size: 110% 100%;
    position: relative;
}
.main-business-wrap li .info:hover a{
    color: #fdd303;
}
/* news-center */
.news-center{
    background:url(../images/bj5.jpg) no-repeat;
    background-size: cover;
    justify-content: center;
}
.news-center-wrap{
    position: relative;
    flex: 1;
}
.news-center-wrap .news-swiper{
    position: absolute;
    left: 0;
    top: 5%;
    width: 65%;
    height: 90%;
}
.news-swiper .swiper-wrapper,.news-swiper .swiper-slide{
    height: 100% !important;
}
.news-swiper img{
    width: 100%;
    height: 100%;
    transition: all .5s ease-in-out; 
}
.news-swiper img:hover{
    transform: scale(1.2) ;
}
.news-center-wrap .news-info{
    position: absolute;
    right: 0;
    background-color: #fff;
    width: 40%;
    height: 100%;
    padding:0 20px 0 100px;
    overflow: hidden;
    overflow-y: auto;
    border-top: 20px solid #fff;
    border-bottom: 20px solid #fff;
    box-sizing: border-box;
}
.news-center-wrap .news-info-detail{
    border-left: 2px solid #666;
    font-size: 20px;
    line-height: 34px;
    width: 100%;
    box-sizing: border-box;
}
.news-center-wrap .news-info-detail p{
    margin-bottom: 15px;
}
.news-center-wrap .news-info-detail p.tit{
    font-weight: bold;
}
.news-center-wrap .news-info-detail a{
    padding-left: 10px;
    display: inline-block;
}
.news-center-wrap .news-info-detail a:hover{
    background-color: #fdd303;
    color: #fff;
}

/* footer */
.footer{
    background:url(../images/bg4.png) no-repeat;
    background-size: cover;
    justify-content: center;
}
.footer-wrap{
    flex: 1;
    margin-top: 0;
    padding-top: 40px;
    display: flex;
    box-sizing: border-box;
}
.footer-con{
    padding-top: 10px;
    height: calc(100vh - 100px);
    display: flex;
    flex-direction: column;
}
.footer-wrap .top{
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}
.footer-wrap .top-wrap{
    display: flex;
}
.footer-wrap .item{
    flex: 1;
    text-align: center;
    margin: 0 40px;
}
.footer-wrap .item img{
    width: 100%;
    height:340px;
    margin: 0 auto;
    transition: all .5s ease-in-out; 
}
.footer-wrap .item img:hover{
     transform:scale(1.1) 
}
.footer-wrap .top a{
    display: block;
    clear: both;
}