/*Created by lk on 2020/06/04.*/

/*----banner----*/
.banner{position: relative; width: 100%; overflow: hidden}
.banner .swiper-slide{width: 100%; height: 100%; overflow: hidden}
.banner .img{width: 100%; height: 100%; background-position: center; background-size: cover}

.slide-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-position: center;
    background-size: cover;
    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;
    color:#fff;
    cursor: default;
}

.wow{animation: fadeInUp 1s ease both; -webkit-animation: fadeInUp 1s ease both; animation-delay: .4s; -webkit-animation-delay: .4s}


/*----content------*/
.content{position: relative; background: #fff; z-index: 9;}

.index-title{padding-bottom: 60px; text-align: center; position: relative}
.index-title h2{font-size: 52px; color: #181818; font-family: 'DisneyEnglish-Bold'; text-transform: uppercase;}

.a-link{width: 160px; height: 42px; line-height: 42px; background: transparent; text-align: center; margin-top: 60px; border: 1px solid #fff; position: relative; overflow: hidden; transition: all ease .4s; -webkit-transition: all ease .4s}
.a-link i{font-size: 14px; color: #fff; font-style: normal; position: relative; z-index: 2; font-family: 'Montserrat-Light'; transition: all ease .4s; -webkit-transition: all ease .4s}



/*----list01----*/
.list01{padding: 80px 0 20px 0; position: relative; overflow: hidden}
.list01 .list01-con{display: flex; justify-content: space-between; align-items: center;}
.list01 .list01-con .item{position: relative; width: 32.3333%;}
.list01 .list01-con .item .img{width: 100%; overflow: hidden; }
.list01 .list01-con .item .img img{float: none; display: block; width: 100%; transition: all ease .4s; -webkit-transition: all ease .4s;}
.list01 .list01-con .item .text{padding: 20px;}
.list01 .list01-con .item .text p{font-size: 17px; color: #181818; text-transform: uppercase; font-family: 'Montserrat-Light';}
.list01 .list01-con .item:hover .img img{transform: scale(1.1); -webkit-transform: scale(1.1);}

/*----list02----*/
.list02{position: relative; padding: 80px 0; overflow: hidden}
.list02 .list02-con{display: flex; justify-content: space-between; align-items: center; background: #1b3041;}
.list02 .list02-con .item-left{width: 30%; padding: 0 40px;}
.list02 .list02-con .item-left h2{font-size: 42px; color: #fff; margin-bottom: 20px; font-family: 'DisneyEnglish-Bold'; text-transform: uppercase;}
.list02 .list02-con .item-left p{font-size: 14px; color: #fff; line-height: 1.8;}
.list02 .list02-con .item-right{width: 70%;}
.list02 .list02-con .item-right img{width: 100%; float: none; display: block;}


/*----list03----*/
.list03{padding: 100px 0; background: #000; overflow: hidden;}
.list03 .index-title h2{color: #fff;}
.list03 .list03-con{width: 100%; padding: 0 25%;}
.list03 .list03-con .slick-list{overflow: visible;}
.list03 .list03-con .li{margin: 0 40px; transform: scale(0.9); transition: all ease .4s; -webkit-transition: all ease .4s;}
.list03 .list03-con .li img{width: 100%;}
.list03 .list03-con .li.slick-active{transform: scale(1);}

/*----list04----*/
.list04{position: relative; padding: 80px 0;}
.list04 .list04-con .list{margin-right: -2%;}
.list04 .list04-con .list li{width: 31.3333%; float: left; margin-right: 2%;}
.list04 .list04-con .list li .img{width: 100%; overflow: hidden;}
.list04 .list04-con .list li .img img{width: 100%; transition: all ease .4s; -webkit-transition: all ease .4s;}
.list04 .list04-con .list li .text{padding-top: 30px; transition: all ease .4s; -webkit-transition: all ease .4s;}
.list04 .list04-con .list li .text h4{font-size: 14px; color: #064b8a; margin-bottom: 10px; padding-left: 20px;}
.list04 .list04-con .list li .text h2{font-size: 22px; color: #333; padding-left: 20px;}
.list04 .list04-con .list li .text .data{padding: 30px 20px; background: #f3f3f3; margin-top: 100px; display: flex; justify-content: space-between; align-items: center;}
.list04 .list04-con .list li .text h6{font-size: 13px; color: #999;}
.list04 .list04-con .list li .text span{display: block; width: 30px; height: 30px; background: url(../image/icon02-1.png) no-repeat; background-size: 100%;}

.list04 .list04-con .list li:hover .img img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.list04 .list04-con .list li:hover .text{background: #f3f3f3;}


/*----list05----*/
.list05{position: relative; overflow: hidden;}
.list05 .list05-con{width: 100%;}
.list05 .list05-con img{width: 100%; float: none; display: block;}

/* list06 */
.list06{position: relative; padding: 80px 0; }
.list06 .list06-con .li{margin: 0 10px;}
.list06 .list06-con .li img{width: 100%; display: block; float: none;}