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

/*----banner----*/
.banner{width: 100%; overflow: hidden; position: fixed}
.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: 60%; left: 120px;}
.banner .text h1{font-size: 50px; color: #fff; font-weight: bold; line-height: 80px;}
.banner .text h6{font-size: 40px; color: #fff; text-transform: uppercase; font-weight: bold;}

.index_end{position: absolute; bottom: 0; right: 0; margin: 0 40px 160px 0; z-index: 9}
.index_end h1{font-size: 20px; color: #fff; font-family: 'DisneyEnglish-Bold'; transform: rotate(90deg); -webkit-transform: rotate(90deg)}
.index_end .line{display: block; width: 1px; height: 30px; margin: 40px 0 0 40px; background: #fff;}

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



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

.title{position: relative; margin-bottom: 60px; z-index: 2}
.title h6{font-size: 50px; color: #26334c; font-weight: bold; font-family: 'novecentowide-book'}
.title h1{font-size: 26px; color: #26334c; margin-bottom: 10px; font-weight: bold;}
.title .line{display: block; width: 40px; height: 3px; background: #e61411;}

.a_link{display: block; width: 160px; height: 40px; line-height: 40px; text-align: center; margin-top: 40px; border: 1px solid #666; border-radius: 24px; overflow: hidden; position: relative; transition: all ease .4s; -webkit-transition: all ease .4s}
.a_link:before{content: ""; display: block; width: 0; height: 100%; position: absolute; top: 0; left: 0; background: #e61411; transition: all ease .4s; -webkit-transition: all ease .4s}
.a_link i{font-size: 14px; color: #333; font-style: normal; position: relative; z-index: 2; transition: all ease .4s; -webkit-transition: all ease .4s}
.a_link:hover:before{width: 100%;}
.a_link:hover i{color: #fff;}


/*----list01----*/
.list01{padding: 80px 0; position: relative; overflow: hidden; background: url("../image/bg01.jpg") no-repeat}
.list01 .title{text-align: center}
.list01 .title .line{margin: 0 auto}

.list01 .list01_con .list01_right{width: 58%;}
.list01 .list01_con .list01_right .li .img{width: 100%; overflow: hidden}
.list01 .list01_con .list01_right .li .img img{width: 100%;}

.list01 .list01_con .list01_left{width: 42%; padding-top: 130px; padding-right: 6%;}
.list01 .list01_con .list01_left .li{width: 100%;}
.list01 .list01_con .list01_left .li h1{font-size: 24px; color: #181818; font-weight: bold;}
.list01 .list01_con .list01_left .li h3{font-size: 14px; color: #666; margin-bottom: 40px; font-family: 'Montserrat-Light'}
.list01 .list01_con .list01_left .li p{font-size: 14px; color: #666; line-height: 1.8;}
.list01 .list01_con .list01_left .li .a_link{border: 1px solid #e61411}
.list01 .list01_con .list01_left .li .a_link i{color: #e61411}
.list01 .list01_con .list01_left .li .a_link:hover i{color: #fff;}

.list01 .list01_con .slick-prev, .list01 .list01_con .slick-next{width: 48px; height: 48px; bottom: 50%; margin-bottom: -48px; padding: 2px; border: 2px solid #999; border-radius: 100%;}

.list01 .list01_con .slick-prev{left: -80%; margin-left: -40px;}
.list01 .list01_con .slick-next{left: 100%; margin-left: 60px;}


/*----list02----*/
.list02{position: relative; padding-top: 260px; background: #f0f0f0 url("../image/bg02.jpg") no-repeat; overflow: hidden}
.list02 .list02_left{width: 50%; padding-right: 6%;}
.list02 .list02_left h1{font-size: 36px; color: #fff; font-weight: bold; margin-bottom: 30px;}
.list02 .list02_left p{font-size: 14px; color: #fff; line-height: 1.8}
.list02 .list02_left .a_link{border: 1px solid #fff;}
.list02 .list02_left .a_link i{color: #fff;}
.list02 .list02_left .a_link:hover{border: 1px solid #e61411}

.list02 .list02_right{width: 50%;}
.list02 .list02_right h1{font-size: 60px; color: #fff; text-align: right; font-weight: bold; font-family: 'Montserrat-Light'}
.list02 .list02_right h3{font-size: 15px; color: #fff; text-align: right;}

.list02 .list02_right .list{margin-top: 100px; padding-left: 4%;}
.list02 .list02_right .list .li{width: 45%; margin-left: 5%; position: relative}
.list02 .list02_right .list .li .img{width: 100%; overflow: hidden; border-bottom-left-radius: 50px;}
.list02 .list02_right .list .li .img img{width: 100%; transition: all ease .4s; -webkit-transition: all ease .4s}
.list02 .list02_right .list .li .text{width: 100%; height: 100%; padding-top: 60%; text-align: center; position: absolute; top: 0; left: 0;}
.list02 .list02_right .list .li .text h6{font-size: 24px; color: #fff; font-weight: bold; text-shadow: 2px 2px 2px #333; vertical-align: middle}

.list02 .list02_right .list .li:hover .img img{transform: scale(1.1); -webkit-transform: scale(1.1)}

/*----list03----*/
.list03{padding: 80px 0; background: #f0f0f0; overflow: hidden}
.list03 .list03_con .list{margin-right: -2%;}
.list03 .list03_con .list li{width: 31.3333%; height: 370px; float: left; margin-right: 2%; padding: 60px 40px; background: #fff; border-radius: 8px; overflow: hidden; box-sizing: border-box; position: relative}

.list03 .list03_con .list li .text{border-radius: 8px; position: relative; z-index: 2; transition: all ease .5s; -webkit-transition: all ease .5s;}
.list03 .list03_con .list li .text h6{font-size: 16px; color: #a9a9a9; margin-bottom: 10px; font-family: 'Montserrat-Light'}
.list03 .list03_con .list li .text h1{font-size: 20px; color: #282828; transition: all ease .5s; -webkit-transition: all ease .5s;}
.list03 .list03_con .list li .text .line{display: block; width: 100%; height: 1px; background: #f0f0f0; margin: 20px 0 40px 0}
.list03 .list03_con .list li .text p{font-size: 14px; color: #a9a9a9; line-height: 1.6}
.list03 .list03_con .list li .text .cr{display: block; width: 46px; height: 46px; border: 1px solid #e61411; border-radius: 100%; margin-top: 50px; box-sizing: border-box; background: url("../image/ico02.png") no-repeat center}

.list03 .list03_con .list li .img{width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; transition: all ease .4s; -webkit-transition: all ease .4s;}
.list03 .list03_con .list li .img img{width: 100%;}

.list03 .list03_con .list li:hover .text{height: 150px; padding: 40px 20px; background: #e61411; transform: translateY(80px); -webkit-transform: translateY(80px)}
.list03 .list03_con .list li:hover .text h1{color: #fff;}
.list03 .list03_con .list li:hover .text h6{color: #fff;}
.list03 .list03_con .list li:hover .text p{opacity: 0}
.list03 .list03_con .list li:hover .text .cr{opacity: 0;}
.list03 .list03_con .list li:hover .text .line{opacity: 0;}
.list03 .list03_con .list li:hover .img{opacity: 1;}

.list03 .line_bottom{display: block; width: 100%; height: 3px; background: #e61411; margin-top: 50px;}

.list03 .list03_con .list li:nth-child(1){animation-delay: .6s; -webkit-animation-delay: .6s}
.list03 .list03_con .list li:nth-child(2){animation-delay: .7s; -webkit-animation-delay: .7s}
.list03 .list03_con .list li:nth-child(3){animation-delay: .8s; -webkit-animation-delay: .8s}


/*----list04----*/
.list04{padding: 140px 0; background: url("../image/bg03.jpg") no-repeat; background-size: cover; overflow: hidden}
.list04 .list04_con{width: 30%; margin-left: 70%;}
.list04 .list04_con h3{font-size: 26px; color: #fff; font-weight: bold; margin-bottom: 30px;}
.list04 .list04_con h1{width: 220px; font-size: 54px; color: #fff; font-weight: bold; margin-bottom: 30px;}
.list04 .list04_con p{font-size: 15px; color: #fff;}
.list04 .list04_con .a_link{border: 1px solid #fff;}
.list04 .list04_con .a_link i{color: #fff;}
.list04 .list04_con .a_link:hover{border: 1px solid #fff}
.list04 .list04_con .a_link:hover i{color: #e61411}
.list04 .list04_con .a_link:hover:before{background: #fff;}