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

/*----banner----*/
.banner{width: 100%; overflow: hidden; position: fixed; z-index: 9}
.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-size: cover;
    background-position: center;
    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;
}

.banner .text{position: absolute; top: 40%; left: 80px;}
.banner .text h1{font-size: 50px; color: #fff; font-weight: bold; line-height: 80px;}

.swiper-pagination{margin-bottom: 14%; text-align: left; margin-left: 80px;}
.swiper-pagination .swiper-pagination-bullet{width: 140px; height: 1px; margin: 0 !important; border-radius: 0; background: rgba(255,255,255,.6);}

.banner .swiper-button-prev, .banner .swiper-button-next{width: 40px; height: 30px; top: 0; margin-top: 35.1%; opacity: .6}
.banner .swiper-button-prev{left: 20%;}
.banner .swiper-button-next{left: 22%;}
.swiper-button-prev:after{content: ""; width: 40px; height: 30px; background: url("../image/ico09.png") no-repeat}
.swiper-button-next:after{content: ""; width: 40px; height: 30px; background: url("../image/ico10.png") no-repeat}
.banner .swiper-button-prev:hover{opacity: 1}
.banner .swiper-button-next:hover{opacity: 1}


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



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

.title{position: relative; margin-bottom: 30px; z-index: 2}
.title h1{font-size: 36px; color: #363a3d; font-weight: bold;}
.title h6{font-size: 36px; color: #113f7d; line-height: 36px; margin-bottom: 6px; text-transform: uppercase; font-family: 'DisneyEnglish-Bold'}

.a_link{display: block; width: 42px; height: 42px; margin-top: 30px; background: transparent url("../image/ico05.png") no-repeat center; border-radius: 100%; border: 2px solid #333; transition: all ease .4s; -webkit-transition: all ease .4s}
.a_link:hover{border: 2px solid #113f7d; background: #113f7d url("../image/ico06.png") no-repeat center}


/*----list01----*/
.list01{padding: 80px 0 120px 0; position: relative; background: #fafafa;}
.list01:before{content: ""; display: block; width: 70%; height: 100%; background: #f2f2f2; position: absolute; top: 0; left: 30%;}
.list01 .list01_con{margin-left: 12.5%; overflow: hidden}
.list01 .title h6{width: 300px;}

.list01 .list01_list{padding-right: 12.5%; padding-bottom: 80px;}
.list01 .list01_list .li{margin: 0 10px; position: relative}
.list01 .list01_list .li .img{position: relative; z-index: 2}

.list01 .list01_list .li .text{width: 100%; height: 50%; background: #fff; position: absolute; bottom: 0; left: 0; transition: all ease .4s; -webkit-transition: all ease .4s}
.list01 .list01_list .li .text h1{font-size: 16px; color: #363a3d; margin: 26% 0 0 40px; font-family: 'Montserrat-Light'; transition: all ease .4s; -webkit-transition: all ease .4s}
.list01 .list01_list .li .text .p_logo{display: block; width: 80px; height: 60px; background: url("../image/ico01.png") no-repeat; position: absolute; bottom: 0; right: 0; margin: 0 20px 20px 0; transition: all ease .4s; -webkit-transition: all ease .4s}

.list01 .list01_list .li:hover .text{background: #113f7d}
.list01 .list01_list .li:hover .text h1{color: #fff;}
.list01 .list01_list .li:hover .text .p_logo{background: url("../image/ico02.png") no-repeat}

.list01 .list01_list .slick-list{overflow: visible}

.list01 .list01_list .slick-dots{margin: 0 0 12px 0}

.list01 .list01_list .slick-prev, .list01 .list01_list .slick-next{margin-bottom: -20px;}
.list01 .list01_list .slick-prev{left: 80px;}
.list01 .list01_list .slick-next{left: 160px;}
.list01 .list01_list .slick-prev:before{background: url("../image/ico03.png") no-repeat}
.list01 .list01_list .slick-next:before{background: url("../image/ico04.png") no-repeat}


/*----list02----*/
.list02{position: relative; padding-bottom: 80px; overflow: hidden}

.list02 .list02_con{width: 1200px; position: absolute; bottom: 0; left: 50%; margin-left: -600px; margin-bottom: 40px; box-shadow: 0 6px 10px 5px #f0f0f0; background: #fff;}
.list02 .list02_con .list{}
.list02 .list02_con .list li{float: left; width: 20%; height: 90px; position: relative; background: #fff; transition: all ease .4s; -webkit-transition: all ease .4s}
.list02 .list02_con .list li:before{content: ""; display: block; width: 1px; height: 60px; background: #dedede; position: absolute; top: 0; right: 0; margin-top: 20px; transition: all ease .4s; -webkit-transition: all ease .4s}
.list02 .list02_con .list li:last-child:before{display: none}
.list02 .list02_con .list li h1{font-size: 16px; color: #333; text-align: center; line-height: 90px; transition: all ease .4s; -webkit-transition: all ease .4s}
.list02 .list02_con .list li.on{background: #113f7d;}
.list02 .list02_con .list li.on h1{color: #fff;}
.list02 .list02_con .list li.on:before{background: #113f7d}

.list02 .list02_bg{position: relative;}
.list02 .list02_bg .bg_b{position: absolute; top: 0; left: 0; opacity: 0; transition: all ease .7s; -webkit-transition: all ease .7s}
.list02 .list02_bg .bg_b .img{width: 100%; overflow: hidden}
.list02 .list02_bg .bg_b .img img{width: 100%;}
.list02 .list02_bg .bg_b .text{width: 30%; position: absolute; top: 26%; left: 18%;}
.list02 .list02_bg .bg_b .text h1{font-size: 36px; color: #fff; font-weight: bold; margin-bottom: 30px;}
.list02 .list02_bg .bg_b .text p{font-size: 16px; color: #fff; line-height: 1.8}

.list02 .list02_bg .bg_b.active{position: relative; opacity: 1}


/*----list03----*/
.list03{padding: 80px 0 120px 0; position: relative; overflow: hidden}

.list03 .list03_left{width: 40%; margin-left: 5%; padding-top: 100px;}
.list03 .list03_left .title h6{padding-right: 60%;}
.list03 .list03_left .title h1{margin-bottom: 30px;}
.list03 .list03_left .title p{font-size: 14px; color: #333; padding-right: 25%; line-height: 2;}

.list03 .list03_right{width: 55%;}
.list03 .list03_right .list03_list{}
.list03 .list03_right .list03_list .li{width: 100%;}
.list03 .list03_right .list03_list .li img{width: 100%;}
.list03 .list03_right .list03_list .slick-prev, .list03 .list03_right .list03_list .slick-next{width: 50px; height: 50px; margin-bottom: -30px; background: #fff; padding: 5px;}
.list03 .list03_right .list03_list .slick-prev{left: 0; background: #f5f5f7; margin-left: -50px;}
.list03 .list03_right .list03_list .slick-next{left: 0;}
.list03 .list03_right .list03_list .slick-prev:before, .list03 .list03_right .list03_list .slick-next:before{padding: 10px;}
.list03 .list03_right .list03_list .slick-prev:before{background: url("../image/prev4.png") no-repeat}
.list03 .list03_right .list03_list .slick-next:before{background: url("../image/next4.png") no-repeat}


/*----list04----*/
.list04{position: relative; padding: 80px 0; background: #f0f7ff url("../image/bg06.jpg") no-repeat top center; overflow: hidden;}
.list04 .title{text-align: center}
.list04 .title h1{color: #fff;}
.list04 .title h6{color: #fff;}

.list04 .list04_con{width: 90%; margin: 121px auto 0 auto; background: #fff; overflow: hidden}
.list04 .list04_con .list{}
.list04 .list04_con .list li{position: relative; padding: 40px 60px; border-bottom: 1px solid #f0f0f0; box-sizing: border-box; cursor: pointer; transition: all ease .7s; -webkit-transition: all ease .7s}
.list04 .list04_con .list li .text{width: 80%;}
.list04 .list04_con .list li .text h1{font-size: 18px; color: #555; transform: translateY(20px); -webkit-transform: translateY(20px); transition: all ease .3s; -webkit-transition: all ease .3s}
.list04 .list04_con .list li .text p{font-size: 14px; color: #a6a6a6; margin-top: 10px; opacity: 0; transition: all ease .5s; -webkit-transition: all ease .5s}

.list04 .list04_con .list li .data{width: 20%; padding-left: 60px; position: relative; transition: all ease .5s; -webkit-transition: all ease .5s}
.list04 .list04_con .list li .data:before{content: ""; display: block; width: 1px; height: 40px; background: #f0f0f0; position: absolute; top: 0; left: 0; margin-top: 4px; transition: all ease .5s; -webkit-transition: all ease .5s}
.list04 .list04_con .list li .data h6{font-size: 22px; color: #acb0b6; font-weight: bold; font-family: 'Montserrat-Light'}
.list04 .list04_con .list li .data h6 i{display: block; font-size: 14px; color: #acb0b6; font-style: normal; font-weight: normal}
.list04 .list04_con .list li .data span{display: block; width: 40px; height: 30px; background: url("../image/ico11.png") no-repeat; position: absolute; top: 0; right: 0; margin-top: 6px; transition: all ease .5s; -webkit-transition: all ease .5s}

.list04 .list04_con .list li:last-child{border-bottom: none}
.list04 .list04_con .list li:hover{box-shadow: 0 0 10px 6px #dedede;}
.list04 .list04_con .list li:hover .text h1{font-weight: bold; color: #333; transform: translateY(0); -webkit-transform: translateY(0);}
.list04 .list04_con .list li:hover .text p{opacity: 1;}
.list04 .list04_con .list li:hover .data{transform: translateX(-30px); -webkit-transform: translateX(-30px)}
.list04 .list04_con .list li:hover .data:before{background: #999}
.list04 .list04_con .list li:hover .data span{background: url("../image/ico12.png") no-repeat}


/*----list05----*/
.list05{padding: 80px 0; background: #f0f7ff}
.list05 .list05_logo{display: block; width: 80px; height: 60px; margin: 0 auto 20px auto; background: url("../image/ico01.png") no-repeat;}

.list05 .list05_con{position: relative; padding: 20px 0;}
.list05 .list05_con:before{content: ""; display: block; width: 1px; height: 100%; background: #dedede; position: absolute; top: 0; left: 50%;}

.list05 .list05_con .list05_left{width: 50%; text-align: center; padding: 0 6%;}
.list05 .list05_con .list05_left h6{font-size: 36px; color: #2151a1; line-height: 36px; margin-bottom: 30px; padding: 0 24%; text-transform: uppercase; font-family: 'DisneyEnglish-Bold'}
.list05 .list05_con .list05_left h1{font-size: 30px; color: #363a3d; font-weight: bold; margin-bottom: 30px;}
.list05 .list05_con .list05_left p{font-size: 14px; color: #333; line-height: 2.2}
.list05 .list05_con .list05_left .a_link{margin: 40px auto 0 auto}

.list05 .list05_con .list05_right{width: 50%; padding-left: 6%;}
.list05 .list05_con .list05_right .img{width: 100%;}
.list05 .list05_con .list05_right .img img{width: 100%;}