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

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

.banner .video-js{width: 100%; height: 100%}

.banner .swiper-slide video{width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; object-fit:cover;}

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

.banner .swiper-slide-active .img{animation: zoom 9s linear; -webkit-animation: zoom 9s linear; 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)}
}


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

.title{padding-bottom: 60px; position: relative}
.title .title_left{width: 40%;}
.title .title_left h1{font-size: 26px; color: #333; font-weight: 600; margin-bottom: 4px;}
.title .title_left h6{font-size: 14px; color: #666;}
.title .title_left p{font-size: 13px; color: #666; line-height: 24px; margin-top: 20px;}


.title .title_right{width: 60%; text-align: right}
.title .title_right .a_link{float: right; margin-top: 10px;}
.title .title_right a{display: inline-block; width: 12%; padding: 8px 10px; font-size: 13px; color: #fff; background: #083187; margin: 0 1px; margin-bottom: 4px;}
.title .list01_right{width: 100%; text-align: center}


.a_link{width: 130px; padding: 10px 0; margin-top: 20px; position: relative; background: #083187; text-align: center; border-radius: 6px; overflow: hidden}
.a_link:before{content: ""; display: block; width: 0; height: 100%; background: #083187; position: absolute; top: 0; left: 0; 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; 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; background: url("../image/c13.jpg") no-repeat; background-size: cover; overflow: hidden;}
.list01 .list01_con{}

.list01 .list01_con .li{padding: 0 10px;}
.list01 .list01_con .li .img{width: 100%; overflow: hidden}
.list01 .list01_con .li .img img{width: 100%; transition: all ease .4s; -webkit-transition: all ease .4s}
.list01 .list01_con .li .txt{padding: 20px 0; text-align: center}
.list01 .list01_con .li .txt h1{font-size: 14px; color: #333; transition: all ease .4s; -webkit-transition: all ease .4s}
.list01 .list01_con .li:hover .img img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.list01 .list01_con .li:hover .txt h1{color: #083187}

/*----list02----*/
.list02{padding: 100px 0 200px 0; position: relative; background: url("../image/c14.jpg") no-repeat; background-size: cover;}
.list02 .list02_left{width: 50%; margin-right: 5%;}
.list02 .list02_left .list02_video{width: 100%; height: 100%; outline: none}
.list02 .list02_left .img{width: 100%; overflow: hidden}
.list02 .list02_left .img img{width: 100%;}

.list02 .list02_right{width: 45%; margin-top: 20px;}
.list02 .list02_right h1{font-size: 22px; color: #333; font-weight: bold; margin-bottom: 30px;}
.list02 .list02_right p{font-size: 14px; color: #666; line-height: 28px; margin-bottom: 50px;}

.list02_data{width: 100%; height: 200px; box-shadow: 0 0 10px 3px rgba(0,0,0,.2); background: #fff; position: absolute; bottom: 0; margin-bottom: -300px; z-index: 9}
.list02_data .li{width: 25%; float: left; margin-top: 60px; text-align: center; position: relative; z-index: 2}
.list02_data .li span{font-size: 50px; color: #083187; margin-top: 10px; font-weight: bold; font-family: 'novecentowide-book'}
.list02_data .li i{font-size: 12px; font-style: normal; color: #666; vertical-align: top; line-height: 32px; padding-left: 6px}
.list02_data .li p{font-size: 12px; color: #666; line-height: 30px}


/*----list03----*/
.list03{position: relative; padding: 160px 0 80px 0; background: url("../image/c18.jpg") no-repeat; background-size: cover}

.list03 .list03_con{overflow: hidden}
.list03 .list03_con .list{margin-right: -2%;}
.list03 .list03_con .list li{width: 23%; float: left; margin-right: 2%;}
.list03 .list03_con .list li .img{width: 100%; overflow: hidden; cursor: pointer; transition: all ease .4s; -webkit-transition: all ease .4s}
.list03 .list03_con .list li .img img{width: 100%;  transition: all ease .4s; -webkit-transition: all ease .4s}



/*----list04----*/
.list04{padding: 100px 0; overflow: hidden; position: relative; background: url("../image/c19.jpg") no-repeat; background-size: cover}
.list04 .list04_left{width: 40%; margin-top: 60px; background: #fff; padding: 80px 60px 104px 60px; position: absolute; left: 0; top: 0; z-index: 2}
.list04 .list04_left h1{font-size: 22px; color: #333; font-weight: 600; margin-bottom: 4px;}
.list04 .list04_left h6{font-size: 14px; color: #666; font-family: 'Montserrat-Light'}
.list04 .list04_left p{font-size: 13px; color: #666; line-height: 24px; margin: 40px 0}

.list04 .list04_right{width: 65%; margin-left: 35%;}
.list04 .list04_right .li .img{height: 485px; overflow: hidden}
.list04 .list04_right .li .img img{width: 100%; float: none; display: block}

.list04 .list04_right .slick-prev, .list04 .list04_right .slick-next{width: 40px; height: 40px; top: 90%; background-size: cover; z-index: 4}
.list04 .list04_right .slick-prev{left: -48%;}
.list04 .list04_right .slick-next{left: -48%; margin-left: 60px;}


/*----list05-----*/
.list05{padding: 80px 0;}
.list05 .list05_con{}
.list05 .list05_con .list{margin-right: -2%;}
.list05 .list05_con .list li{width: 31.3333%; float: left; margin-right: 2%; padding: 50px 30px; box-sizing: border-box; background: #f0f0f0; transition: all ease .4s; -webkit-transition: all ease .4s}
.list05 .list05_con .list li .data{width: 20%; margin-right: 5%; text-align: center}
.list05 .list05_con .list li .data h6{font-size: 46px; color: #282828; font-weight: bold; font-family: 'Montserrat-Light'}
.list05 .list05_con .list li .data h4{font-size: 14px; color: #282828; font-family: 'Montserrat-Light'}
.list05 .list05_con .list li .data span{display: block; width: 20px; height: 2px; background: #282828; margin: 6px auto}

.list05 .list05_con .list li .txt{width: 75%;}
.list05 .list05_con .list li .txt h1{font-size: 16px; color: #282828; margin-bottom: 20px; transition: all ease .4s; -webkit-transition: all ease .4s}
.list05 .list05_con .list li .txt p{font-size: 13px; color: #666; line-height: 24px;}
.list05 .list05_con .list li .txt span{display: block; width: 110px; padding: 10px 0; font-size: 13px; color: #666; text-align: center; margin-top: 30px; border: 1px solid #dedede; font-family: 'novecentowide-book'; transition: all ease .4s; -webkit-transition: all ease .4s}

.list05 .list05_con .list li:hover{box-shadow: 0 0 10px 3px #dedede;}
.list05 .list05_con .list li:hover .txt h1{color: #083187}
.list05 .list05_con .list li:hover .txt span{background: #083187; color: #fff;}

.list05 .list05_con .list li:nth-child(1){animation-delay: .4s; -webkit-animation-delay: .4s}
.list05 .list05_con .list li:nth-child(2){animation-delay: .5s; -webkit-animation-delay: .5s}
.list05 .list05_con .list li:nth-child(3){animation-delay: .6s; -webkit-animation-delay: .6s}