/*Created by lk on 2020/06/04.*/

.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; position: relative}
.index-title h2{font-size: 58px; color: #181818; font-family: 'DisneyEnglish-Bold'}


.a-link{width: 170px; height: 50px; line-height: 50px; background: #1a41c0; margin-top: 60px; border-radius: 25px; 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; padding-left: 20px; font-family: 'Montserrat-Light'; transition: all ease .4s; -webkit-transition: all ease .4s}
.a-link span{display: block; width: 40px; height: 40px; border-radius: 50%; background: #fff url(../image/icon02-1.png) no-repeat center; background-size: 20px 20px; position: absolute; top: 0; right: 0; margin: 5px 5px 0 0; transition: all ease .4s; -webkit-transition: all ease .4s}
.a-link:hover i{padding-left: 70px;}
.a-link:hover span{transform: translateX(-120px);}


/*----list01----*/
.list01{padding: 160px 0 60px 0; position: relative; overflow: hidden}
.list01 .list01-con{display: flex; justify-content: space-between; flex-wrap: wrap;}
.list01 .list01-con .item{position: relative; width: 49%; margin-bottom: 40px; padding: 30px 20px 30px 40px; border-radius: 16px; background: #f1f3f7;}
.list01 .list01-con .item a{display: flex; justify-content: right;}
.list01 .list01-con .item span{position: absolute; top: 0; left: 0; margin: 30px 0 0 40px; display: inline-block; padding: 6px 15px; font-size: 14px; color: #3b82f6; font-weight: bold; border-radius: 16px; border: 1px solid #dedede; background: #fff;}

.list01 .list01-con .item .text{position: absolute; bottom: 0; left: 0; margin: 0 0 30px 40px;}
.list01 .list01-con .item .text h2{font-size: 30px; color: #101010; margin-bottom: 10px; font-family: 'DisneyEnglish-Bold';}
.list01 .list01-con .item .text p{font-size: 14px; color: #838489; line-height: 1.6; padding-right: 30%;}

.list01 .list01-con .item .img{width: 360px; padding: 30px; border-radius: 50%; overflow: hidden; background: transparent; transition: all ease .4s; -webkit-transition: all ease .4s;}
.list01 .list01-con .item .img img{float: none; display: block; width: 100%;}
.list01 .list01-con .item:hover .img{background: #fff;}


/*----list02----*/
.list02{position: relative; padding: 100px 0; background: #f1f3f7; overflow: hidden}
.list02 .index-title{text-align: center;}
.list02 .list02-con{padding: 0 40px;}
.list02 .list02-con .li{margin: 0 10px;}
.list02 .list02-con .li img{width: 100%;}

.list02 .list02-con .slick-next{margin-left: 0;}
.list02 .list02-con .slick-prev{margin-right: 0;}
.list02 .list02-con .slick-next:hover{background: #333;}
.list02 .list02-con .slick-prev:hover{background: #333;}

/*----list03----*/
.list03{padding: 100px 0; background: #1a41c0;}

.list03 .index-title{padding-bottom: 20px;}
.list03 .index-title h2{color: #fff;}

.list03 .list03-con{display: flex; justify-content: space-between;}
.list03 .list03-con .item-left{width: 52%;}
.list03 .list03-con .item-right{width: 44.8%;}
.list03 .list03-con .item .text p{font-size: 14px; color: #fff; line-height: 1.8;}
.list03 .list03-con .item img{width: 100%;}

.list03 .list03-data{display: flex; justify-content: right; margin-top: 80px; padding-top: 60px; border-top: 1px solid rgba(255,255,255,.4);}
.list03 .list03-data .li{margin-left: 80px;}
.list03 .list03-data .li span{font-size: 60px; color: #fff; font-family: 'dincond-medium-webfont';}
.list03 .list03-data .li i{font-size: 16px; color: #fff; font-style: normal; padding-left: 10px;}
.list03 .list03-data .li p{font-size: 16px; color: #fff;}

.list03 .a-link{background: #fff;}
.list03 .a-link i{color: #666;}
.list03 .a-link span{background: #1a41c0 url(../image/icon02.png) no-repeat center; background-size: 20px 20px;}


/*----list04----*/
.list04{position: relative; padding: 80px 0; border-top: 1px solid #f0f0f0; overflow: hidden;}
.list04 .index-title{padding-left: 12%;}

.list04 .list04-con{padding-left: 12%;}
.list04 .list04-con .li{margin-right: 20px;}
.list04 .list04-con .li img{width: 100%; border-radius: 12px;}

/*----list05----*/
.list05{position: relative; padding: 80px 0; overflow: hidden; background: #f1f3f7;}
.list05 .list05-con{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.list05 .list05-con .img{width: 55%; border-radius: 16px; overflow: hidden;}
.list05 .list05-con .img img{width: 100%;}
.list05 .list05-con .text{width: 40%;}
.list05 .list05-con .text p{font-size: 20px; color: #838489; line-height: 2;}

/* list06 */
.list06{position: relative; padding: 80px 0; }
.list06 .list06-con{display: flex; justify-content: space-between; flex-wrap: wrap;}
.list06 .list06-con .list06-add{width: 50%;}
.list06 .list06-con .list06-add .li{margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #dedede;}
.list06 .list06-con .list06-add h2{font-size: 22px; color: #101010; font-weight: bold; margin-bottom: 30px;}
.list06 .list06-con .list06-add p{font-size: 14px; color: #666;}


