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

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

.banner .txt{width: 820px; position: absolute; left: 10%; top: 0; margin: 20% 0 0 0; z-index: 9}
.banner .txt img{transform: translateY(60px); -webkit-transform: translateY(60px); opacity: 0; transition: all ease .6s .8s; -webkit-transition: all ease .6s .8s;}
.banner .swiper-slide-active .txt img{transform: translateY(0); -webkit-transform: translateY(0); opacity: 1}

.banner .swiper-slide-active .img{animation: zoom 5s cubic-bezier(0.42,0,0.58,1); -webkit-animation: zoom 5s cubic-bezier(0.42,0,0.58,1); animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards}

@keyframes zoom {
    0%{transform: scale(1.2)}
    100%{transform: scale(1)}
}

@-webkit-keyframes zoom {
    0%{transform: scale(1.2)}
    100%{transform: scale(1)}
}

.banner .banner_ico{width: 40px; height: 60px; background: url("../image/ico10.png") no-repeat; position: absolute; bottom: 0; left: 50%; margin: 0 0 70px -20px; z-index: 9}

.banner .ico_animation{animation: up 2s linear infinite; -webkit-animation: up 2s linear infinite;}

.mark{width: 100%; height: 820px; position: relative;}

@keyframes up {
    0%{transform: translateY(-30px)}
    100%{transform: translateY(0)}
}

@-webkit-keyframes up {
    0%{transform: translateY(-30px)}
    100%{transform: translateY(0)}
}


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

.title{position: relative; margin-bottom: 40px;}
.title .title_left{width: 40%;}
.title .title_left h1{font-size: 36px; color: #09254c; font-weight: bold;}
.title .title_left h6{font-size: 18px; color: #999; font-family: 'Montserrat-Light'}
.title .title_right{width: 60%; text-align: right}
.title .title_right a{display: inline-block; font-size: 14px; color: #999; margin-left: 30px; padding-bottom: 8px;}
.title .title_right a.on{color: #09254c; border-bottom: 3px solid #09254c;}

.a_link{width: 160px; padding: 14px 0; margin: 50px 0 0 0; text-align: center; background: transparent; border: 1px solid #ad8f6a; box-sizing: border-box; overflow: hidden; position: relative}
.a_link i{font-size: 14px; color: #fff; font-style: normal; font-family: 'novecentowide-book'; position: relative; z-index: 2; transition: all ease .4s; -webkit-transition: all ease .4s}
.a_link:before{content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; right: 0; background: #ad8f6a; transition: all ease .4s; -webkit-transition: all ease .4s}
.a_link:hover i{color: #ad8f6a;}
.a_link:hover:before{width: 0;}

/*----list01----*/
.list01{padding: 120px 0 160px 0; position: relative; overflow: hidden;}
.list01 .list01_con{position: relative;}
.list01 .list01_con .list01_list{}
.list01 .list01_con .list01_list .li{position: relative}
.list01 .list01_con .list01_list .li .img{width: 100%; overflow: hidden; border-radius: 2px;}
.list01 .list01_con .list01_list .li .img img{width: 100%; float: none; display: block; transition: all ease .5s; -webkit-transition: all ease .5s}
.list01 .list01_con .list01_list .li .t{width: 100%; height: 100%; position: absolute; bottom: -100%; left: 0; padding-top: 30%; background: rgba(9,37,76,.7); text-align: center; transition: all ease .4s; -webkit-transition: all ease .4s}
.list01 .list01_con .list01_list .li .t h1{font-size: 16px; color: #fff; font-weight: bold; transition: all ease .5s; -webkit-transition: all ease .5s}
.list01 .list01_con .list01_list .li:hover .t{bottom: 0;}


/*----list02----*/
.list02{position: relative; padding: 180px 0; overflow: hidden; background: url("../image/bg01.jpg") no-repeat center}
.list02 .list02_left{width: 55%; padding-right: 5%; margin-top: 40px;}
.list02 .list02_left h1{font-size: 36px; color: #09254c; font-weight: bold; margin-bottom: 40px;}
.list02 .list02_left p{font-size: 14px; color: #333; line-height: 26px;}
.list02 .list02_right{display: none}

/*----list03----*/
.list03{position: relative; padding: 120px 0 160px 0; overflow: hidden; background: url("../image/bg14.jpg") no-repeat center; background-size: cover}

.list03 .list03_con{padding: 0 30px}
.list03 .list03_con .list{}
.list03 .list03_con .list li{width: 50%; float: left; position: relative}
.list03 .list03_con .list li:before{content: ""; display: block; width: 100%; height: 100%; background: url("../image/bg02.png") no-repeat; background-size: cover; position: absolute; top: 0; left: 0; opacity: 0;  transition: all ease .4s; -webkit-transition: all ease .4s}
.list03 .list03_con .list li .img{width: 100%; overflow: hidden}
.list03 .list03_con .list li .img img{width: 100%;}
.list03 .list03_con .list li .txt{width: 100%; height: 100%; position: absolute; top: 0; left: 0; padding: 80px 200px 60px 60px;}
.list03 .list03_con .list li .txt h1{font-size: 28px; color: #fff; font-weight: bold; transform: translateY(140px); -webkit-transform: translateY(140px); transition: all ease .4s; -webkit-transition: all ease .4s}
.list03 .list03_con .list li .txt .line{display: block; width: 40px; height: 2px; background: #fff; margin: 10px 0 20px 0; transform: translateY(140px); -webkit-transform: translateY(140px); transition: all ease .4s; -webkit-transition: all ease .4s}
.list03 .list03_con .list li .txt p{font-size: 14px; color: #fff; line-height: 26px; opacity: 0; transform: translateY(140px); -webkit-transform: translateY(140px); transition: all ease .4s .1s; -webkit-transition: all ease .4s .1s}
.list03 .list03_con .list li .txt .arrow{display: block; width: 40px; height: 30px; margin-top: 20px; background: url("../image/ico12.png") no-repeat; opacity: 0; transform: translateY(140px); -webkit-transform: translateY(140px); transition: all ease .4s  .2s; -webkit-transition: all ease .4s  .2s}
.list03 .list03_con .list li:nth-child(1){top: 60px;}
.list03 .list03_con .list li:nth-child(3){top: 60px;}

.list03 .list03_con .list li:hover:before{opacity: 1}
.list03 .list03_con .list li:hover .txt h1{transform: translateY(0); -webkit-transform: translateY(0);}
.list03 .list03_con .list li:hover .txt .line{width: 100%; transform: translateY(0); -webkit-transform: translateY(0);}
.list03 .list03_con .list li:hover .txt p{transform: translateY(0); -webkit-transform: translateY(0); opacity: 1}
.list03 .list03_con .list li:hover .txt .arrow{transform: translateY(0); -webkit-transform: translateY(0); opacity: 1}

/*----list04----*/
.list04{position: relative; overflow: hidden}
.list04 .list04_con{padding: 620px 0 100px 0; position: relative; z-index: 2; background: url("../image/bg03.png") no-repeat center 80%;}
.list04 .list04_con .list{margin: 0 -4%}
.list04 .list04_con .list li{width: 8.6666%; margin: 0 4%; float: left; text-align: center; position: relative}
.list04 .list04_con .list li .ico_bg{position: relative; width: 110px; height: 110px; margin: 0 auto; padding: 15px 0; background: url("../image/ico02.png") no-repeat; transition: all ease .4s; -webkit-transition: all ease .4s}
.list04 .list04_con .list li .ico_bg .ico{display: block; width: 80px; height: 80px; margin: 0 auto; transition: all ease .5s; -webkit-transition: all ease .5s}
.list04 .list04_con .list li .ico01{background: url("../image/ico03.png") no-repeat}
.list04 .list04_con .list li .ico02{background: url("../image/ico04.png") no-repeat}
.list04 .list04_con .list li .ico03{background: url("../image/ico05.png") no-repeat}
.list04 .list04_con .list li .ico04{background: url("../image/ico06.png") no-repeat}
.list04 .list04_con .list li .ico05{background: url("../image/ico07.png") no-repeat}
.list04 .list04_con .list li .ico06{background: url("../image/ico08.png") no-repeat}
.list04 .list04_con .list li h1{font-size: 12px; color: #fff; opacity: 0; transition: all ease .5s; -webkit-transition: all ease .5s}

.list04 .list04_con .list li.on .ico_bg{background: url("../image/ico01.png") no-repeat}
.list04 .list04_con .list li.on .ico_bg .ico01{background: url("../image/ico03-1.png") no-repeat}
.list04 .list04_con .list li.on .ico_bg .ico02{background: url("../image/ico04-1.png") no-repeat}
.list04 .list04_con .list li.on .ico_bg .ico03{background: url("../image/ico05-1.png") no-repeat}
.list04 .list04_con .list li.on .ico_bg .ico04{background: url("../image/ico06-1.png") no-repeat}
.list04 .list04_con .list li.on .ico_bg .ico05{background: url("../image/ico07-1.png") no-repeat}
.list04 .list04_con .list li.on .ico_bg .ico06{background: url("../image/ico08-1.png") no-repeat}
.list04 .list04_con .list li.on h1{opacity: 1}

.list04 .list04_con .list li:nth-child(1){top: -32px;}
.list04 .list04_con .list li:nth-child(2){top: -18px;}
.list04 .list04_con .list li:nth-child(3){top: -40px;}
.list04 .list04_con .list li:nth-child(4){top: -82px;}
.list04 .list04_con .list li:nth-child(5){top: -94px;}
.list04 .list04_con .list li:nth-child(6){top: -76px;}

.list04 .list04_bg{width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.list04 .list04_bg .bg_b{width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; overflow: hidden; background-size: cover; background-position: center; transition: all ease 2s; -webkit-transition: all ease 2s}
.list04 .list04_bg .bg_b .txt{position: absolute; top: 0; left: 0; margin: 10% 0 0 16%; }
.list04 .list04_bg .bg_b .txt{width: 26%;}
.list04 .list04_bg .bg_b .txt h1{font-size: 42px; color: #fff; font-weight: bold; margin-bottom: 10px;}
.list04 .list04_bg .bg_b .txt p{font-size: 30px; color: #fff; font-weight: bold;}
.list04 .list04_bg .bg_b.active{opacity: 1}

/*----list05----*/
.list05{position: relative; padding: 80px 0 120px 0; overflow: hidden;}
.list05 .list05_con{}
.list05 .list05_con .list05_left{width: 40%; margin-right: 5%; position: relative}
.list05 .list05_con .list05_left:before{content: ""; display: block; width: 430px; height: 260px; background: url("../image/bg17.jpg") no-repeat; position: absolute; bottom: 0; right: 0; margin: 0 -60px -60px 0}
.list05 .list05_con .list05_left .img{width: 100%; overflow: hidden; border-radius: 12px; position: relative; z-index: 2}
.list05 .list05_con .list05_left .img img{width: 100%; transition: all ease .4s; -webkit-transition: all ease .4s}
.list05 .list05_con .list05_left .txt{width: 100%; height: 100%; position: absolute; top: 0; left: 0; padding: 44% 0 0 50px; z-index: 2}
.list05 .list05_con .list05_left .txt h6{font-size: 14px; color: #fff; margin-bottom: 10px;}
.list05 .list05_con .list05_left .txt h1{font-size: 16px; color: #fff;}
.list05 .list05_con .list05_left .txt .arrow{display: block; width: 40px; height: 30px; margin-top: 10px; background: url("../image/ico12.png") no-repeat;}

.list05 .list05_con .list05_right{width: 55%; padding-top: 60px;}
.list05 .list05_con .list05_right .list{margin-right: -2%;}
.list05 .list05_con .list05_right .list li{width: 48%; margin-left: 2%; float: left; margin-bottom: 20px; box-sizing: border-box; transition: all ease .4s; -webkit-transition: all ease .4s}
.list05 .list05_con .list05_right .list li a{padding: 20px 0;}
.list05 .list05_con .list05_right .list li h6{width: 30%; color: #09254c; font-size: 36px; font-family: 'DisneyEnglish-Bold'}
.list05 .list05_con .list05_right .list li h6 i{font-size: 20px; font-style: normal; font-weight: bold; transition: all ease .4s; -webkit-transition: all ease .4s; font-family: 'novecentowide-book';}
.list05 .list05_con .list05_right .list li h1{width: 70%; font-size: 16px; color: #181818; padding-top: 16px; font-weight: bold; line-height: 26px;}

.list05 .a_link{margin: 80px auto 0 auto}

.list05 .list05_con .list05_left:hover .img img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.list05 .list05_con .list05_right .list li:hover{transform: translateY(-20px); -webkit-transform: translateY(-20px)}