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

/*----banner----*/
.banner{width: 100%; overflow: hidden; position: relative;}
.banner .swiper-slide{width: 100%; height: 100%; overflow: hidden}


.slide-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-position: center;
    background-size: cover;
    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;
    transform: scale(1.2);
    transition: all ease 2s;
}

.banner .swiper-slide .slide-inner.slide-m{display: none;} 

.banner-text{width: 40%; position: absolute; top: 0; left: 0; z-index: 2; margin: 24% 0 0 5%;}
.banner-text .t{position: relative; width: 640px;}
.banner-text .t img{width: 100%;}

.banner-next{width: 960px; height: 270px; padding: 40px 60px; background: rgba(222,222,222,.9); border-radius: 12px; position: absolute; bottom: 0; right: 0; margin: 0 35px 180px 0; z-index: 2;}
.banner-next h2{font-size: 16px; color: #000;}
.banner-next .next-img{width: 490px; margin-top: 16px; border-radius: 12px; background: transparent;  overflow: hidden; }
.banner-next .next-img .next-tr{_transform: translateX(-245px);}
.banner-next .next-img .swiper-slide{display: flex;}
.banner-next .next-img img{width: 245px; overflow: hidden; border-radius: 12px;}
.banner-next .next-img .text{width: 245px;}
.banner-next .next-img .text h4{font-size: 20px; color: #000; font-weight: bold; padding: 10px 0 0 40px;}

.banner-next .next-text{position: absolute; left: 340px; top: 0; margin-top: 150px; z-index: 11;}
.banner-next .next-text h4{font-size: 20px; color: #000; font-weight: bold; margin-bottom: 30px;}
.banner-next .next-text a{width: 120px; height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #000; font-weight: bold; border: 1px solid #999; border-radius: 24px; background: #fff; z-index: 3;}

.banner-link{display: flex; position: absolute; bottom: 0; right: 0; margin: 0 15px 40px 0; z-index: 2;}
.banner-link .c-link{position: relative; width: 470px; height: 110px; line-height: 110px; font-size: 20px; color: #fff; font-weight: bold; padding-left: 60px; margin-right: 20px; background: #fd4310; border-radius: 12px; box-sizing: border-box; transition: all ease .4s; -webkit-transition: all ease .4s;}
.banner-link .c-link.color{background: #6066ee;}
.banner-link .c-link .r{display: block; width: 60px; height: 60px; background: #fff; position: absolute; top: 0; right: 0; border-radius: 50%; text-align: center; line-height: 60px; margin: 25px 60px 0 0;}
.banner-link .c-link .r i{font-size: 24px; color: #fd4310;}
.banner-link .c-link.color .r i{color: #6066ee;}
.banner-link .c-link:hover{background: #bf330c;}
.banner-link .c-link.color:hover{background: #3238d0;}

.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;}



/* list01 */
.list01{position: relative; padding: 120px 0 180px 0; background: #fd4310; overflow: hidden;}
.list01 .list01-con{display: flex; width: 92%; margin: 0 auto;}
.list01 .list01-con .item{position: relative; width: 34%; height: 590px;}
.list01 .list01-con .item .img{position: absolute; animation-delay: .8s; -webkit-animation-delay: .8s}
.list01 .list01-con .item-center{width: 32%; text-align: center; color: #fff; position: relative; z-index: 2;}
.list01 .list01-con .item-center h2{font-size: 22px; font-weight: bold; margin-bottom: 10px;}
.list01 .list01-con .item-center h3{font-size: 32px; font-weight: bold;}
.list01 .list01-con .item-center .line{display: block; width: 80px; height: 6px; background: #fff; margin: 40px auto 30px auto;}
.list01 .list01-con .item-center h4{font-size: 46px; font-weight: bold; line-height: 1.4; margin-bottom: 36px;}
.list01 .list01-con .item-center p{font-size: 20px; font-weight: bold; line-height: 34px;}
.list01 .list01-con .item-center .a_link{margin: 50px auto 0 auto; text-align: left;}
.list01 .list01-con .item:nth-child(1){border-top: 20px solid #fff; border-left: 20px solid #fff; border-bottom: 20px solid #fff;}
.list01 .list01-con .item:nth-child(3){border-top: 20px solid #fff; border-right: 20px solid #fff; border-bottom: 20px solid #fff;}
.list01 .list01-con .item:nth-child(1) .img{top: 0; left: 0; margin: -15% 0 0 10%;} 
.list01 .list01-con .item:nth-child(3) .img{top: 0; left: 0; margin: -10% 0 0 -5%;}
.list01 .list01-con .item-center .a_link:hover{background: #6066ee; color: #fff;}
.list01 .list01-con .item-center .a_link:hover .r{background: #fff;}
.list01 .list01-con .item-center .a_link:hover .r i{color: #6066ee;}

/* list02 */
.list02{position: relative; padding: 160px 0; background-size: cover; overflow: hidden;}
.list02 .title .a_link{margin-top: 40px; margin-left: 37.5px;}

.list02 .list02-con{display: flex; padding: 0 37.5px; position: relative;}
.list02 .list02-con .item-left{width: 55%; height: 692px; position: relative; overflow: hidden; background: #666;}
.list02 .list02-con .item-left .img{width: 100%; height: 0; position: absolute; overflow: hidden; left: 0; top: 0; transition: all ease 1s; -webkit-transition: all ease 1s;}
.list02 .list02-con .item-left .img img{width: 100%; display: block; float: none;}
.list02 .list02-con .item-left .img.active{z-index: 2; height: 100%;}

.list02 .list02-con .item-right{width: 40%; margin-left: 5%; border-bottom: 1px solid rgba(253,67,16,.3); animation-delay: .6s; -webkit-animation-delay: .6s}
.list02 .list02-con .item-right .li{position: relative; padding: 33px 0; border-top: 1px solid rgba(253,67,16,.3); cursor: pointer;}
.list02 .list02-con .item-right .li:before{content: ""; display: block; width: 0; height: 1px; background: #fd4310; position: absolute; top: 0; left: 0; transition: all ease .8s; -webkit-transition: all ease .8s;}
.list02 .list02-con .item-right .li h2{font-size: 26px; color: #000; font-weight: bold; padding-bottom: 0;}
.list02 .list02-con .item-right .li h2 i{font-size: 14px; color: #fd4310; font-style: normal; margin-right: 20px; vertical-align: middle; font-family: 'novecentowide-book'}
.list02 .list02-con .item-right .li .r{display: block; width: 50px; height: 50px; line-height: 56px; background: rgba(253,67,16,.1); position: absolute; top: 0; right: 0; border-radius: 50%; text-align: center;  margin: 20px 0 0 0; transition: all ease .4s; -webkit-transition: all ease .4s;}
.list02 .list02-con .item-right .li .r i{font-size: 24px; color: #fd4310; transition: all ease .4s; -webkit-transition: all ease .4s;}
.list02 .list02-con .item-right .li .text{height: 0; overflow: hidden; transition: all ease .4s; -webkit-transition: all ease .4s;}
.list02 .list02-con .item-right .li .text p{font-size: 16px; color: #000; line-height: 1.8;}
.list02 .list02-con .item-right .li.on:before{width: 100%;}
.list02 .list02-con .item-right .li.on h2{padding-bottom: 30px;}
.list02 .list02-con .item-right .li.on .text{height: 115px;}
.list02 .list02-con .item-right .li.on .r{background: #fd4310}
.list02 .list02-con .item-right .li.on .r i{color: #fff;}
.list02 .title .a_link:hover{background: #fd4310; color: #fff;}
.list02 .title .a_link:hover .r{background: #fff;}
.list02 .title .a_link:hover .r i{color: #fd4310;}

.list02 .list02-con .list02-slick{width: 100%; position: absolute; bottom: 50%; left: 0; text-align: center; z-index: 2; display: none;}
.list02 .list02-con .list02-slick .dot{display: inline-block; width: 8px; height: 8px; background: #dedede; border-radius: 50%; margin: 0 4px; cursor: pointer;}
.list02 .list02-con .list02-slick .dot.active{background: #fd4310;}

/* list03 */
.list03{position: relative; padding: 100px 0; background: #f7f7f6; overflow: hidden;}
.list03 .title{position: relative;}
.list03 .title h4{font-size: 42px; color: #000; font-weight: bold; line-height: 2; text-decoration: underline; position: relative; z-index: 9;}
.list03 .title .a_link{margin-top: 280px; width: 470px; position: relative; z-index: 9;}
.list03 .title .a_link:hover{background: #fd4310; color: #fff;}
.list03 .title .a_link:hover .r{background: #fff;}
.list03 .title .a_link:hover .r i{color: #fd4310;}

.list03 .list03-con{width: 100%; position: absolute; top: 0; left: 0; margin-top: 240px;}
.list03 .list03-con .list03-list{width: 752.5px; margin-left: 50%; padding-right: 0;}
.list03 .list03-con .list03-list .li{position: relative; margin-right: 50px;}
.list03 .list03-con .list03-list .li .img{width: 100%; border-radius: 12px; overflow: hidden;}
.list03 .list03-con .list03-list .li .img img{width: 100%;}
.list03 .list03-con .list03-list .li .text{width: 100%; position: absolute; bottom: 0; left: 0; padding: 0 0 60px 60px;}
.list03 .list03-con .list03-list .li .text h2{font-size: 28px; color: #fff; font-weight: bold;}
.list03 .list03-con .list03-list .li .text .r{display: block; width: 50px; height: 50px; line-height: 56px; background: #fff; position: absolute; top: 0; right: 0; border-radius: 50%; text-align: center;  margin: 0 40px 0 0; transition: all ease .4s; -webkit-transition: all ease .4s;}
.list03 .list03-con .list03-list .li .text .r i{font-size: 24px; color: #fd4310; transition: all ease .4s; -webkit-transition: all ease .4s;}

.list03 .list03-con .list03-list .slick-list{overflow: visible;}
.list03 .list03-con .list03-list .slick-list:before{content: ""; display: block; width: 130%; height: 100%; position: absolute; top: 0; left: -130%; background: #f7f7f6; z-index: 2;}

.list03 .list03-con .list03-list .slick-dots{left: -752px; width: 260px; height: 86px; margin: 0 0 24% 0; line-height: 86px; background: #fff; border-radius: 12px; font-size: 0; z-index: 9;}
.list03 .list03-con .list03-list .slick-dots li button:before{margin: -4px 0 0 -4px;}

.list03 .list03-con .list03-list .slick-prev, .list03 .list03-con .list03-list .slick-next{border-radius: 0; margin-bottom: 23%; z-index: 20;}
.list03 .list03-con .list03-list .slick-prev{border-right: 1px solid #dedede; left: -752.5px; margin-left: 10px;}
.list03 .list03-con .list03-list .slick-next{border-left: 1px solid #dedede; left: -752.5px; margin-left: 200px;}
.list03 .list03-con .list03-list .slick-prev:hover,  .list03 .list03-con .list03-list .slick-next:hover{background: transparent;}
.list03 .list03-con .list03-list .slick-prev:before{background: url(../image/prev-2.png) no-repeat;}
.list03 .list03-con .list03-list .slick-prev:hover:before{background: url(../image/prev.png) no-repeat;}
.list03 .list03-con .list03-list .slick-next:before{background: url(../image/next-2.png) no-repeat;}
.list03 .list03-con .list03-list .slick-next:hover:before{background: url(../image/next.png) no-repeat;}

/* list04 */
.list04{position: relative; padding: 80px 0; overflow: hidden;}
.list04 .list04-bg{width: 100%; border-radius: 16px; overflow: hidden;}
.list04 .list04-bg img{float: none; display: block;}
.list04 .v-btn{width: 160px; height: 160px; padding: 20px; position: absolute; top: 50%; left: 50%; margin: -80px 0 0 -80px; cursor: pointer;}
.list04 .v-btn:before{content: ""; display: block; width: 100%; height: 100%; background: rgba(253,67,16,.2); position: absolute; top: 0; left: 0; border-radius: 50%; transform: scale(0.7); transition: all ease .4s; -webkit-transition: all ease .4s;}
.list04 .v-btn:hover:before{transform: scale(1);}

.list04 .list04-video{width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0,0,0,.8); z-index: 9; display: none;}
.list04 .list04-video .video-content{position: absolute; width: 60%; top: 50%; left: 50%; background: #000; transform: translate(-50%, -50%)}
.list04 .list04-video .video-content .video-box{width: 100%; display: block; outline: none; border: none;}
.list04 .list04-video .video-content .v-close{width: 30px; height: 30px; background: url(../image/icon06.png) no-repeat; position: absolute; top: 0; right: 0; margin-right: -50px; cursor: pointer; transition: all ease .4s; -webkit-transition: all ease .4s;}
.list04 .list04-video .video-content .v-close:hover{transform: rotateZ(180deg);}
.list04 .list04-video.on{display: block;}

/* list05 */
.list05{padding: 80px 0; background: #f7f7f6; overflow: hidden;}
.list05 .list05-con .list05-list .li .list{padding: 10px 0;}
.list05 .list05-con .list05-list .li .list li{width: 18.6%; float: left; margin: 0 0.7% 20px 0.7%; transition: all ease .4s; -webkit-transition: all ease .4s;}
.list05 .list05-con .list05-list .li .list li img{width: 100%;}
.list05 .list05-con .list05-list .li .list li:hover{box-shadow: 2px 2px 10px 3px rgba(0,0,0,.1);}

.list05 .list05-con .list05-list .slick-dots{margin-bottom: -20px;}

/* list06 */
.list06{padding: 80px; overflow: hidden;}

.list06 .list06-con .list06-list .li a{display: flex}
.list06 .list06-con .list06-list .li .item{width: 50%;}
.list06 .list06-con .list06-list .li .item-left{padding-left: 10%; padding-right: 5%; }
.list06 .list06-con .list06-list .li .item-left h2{position: relative; font-size: 36px; color: #000; font-weight: bold; line-height: 1.6; text-decoration: underline; padding-right: 20%; margin-bottom: 50px; }
.list06 .list06-con .list06-list .li .item-left h2:before{content: ""; display: block; width: 80px; height: 70px; background: url(../image/icon02.png) no-repeat; position: absolute; top: 0; left: 0; margin-left: -22%;}
.list06 .list06-con .list06-list .li .item-left span{display: block; font-size: 18px; color: #000; font-weight: bold; background-repeat: no-repeat; background-position: -42px center; background-size: 200px 126px; padding-left: 140px; margin-bottom: 50px;}
.list06 .list06-con .list06-list .li .item-left p{font-size: 16px; color: #000; line-height: 1.8;}

.list06 .list06-con .list06-list .li .item-right .img{border-top-left-radius: 16px; border-top-right-radius: 16px; border-bottom-left-radius: 60px; border-bottom-right-radius: 16px; overflow: hidden;}
.list06 .list06-con .list06-list .li .item-right .img img{width: 100%; transition: all ease .4s; -webkit-transition: all ease .4s;}
.list06 .list06-con .list06-list .li:hover .img img{transform: scale(1.1);}

.list06 .list06-con .list06-list .slick-dots{margin-bottom: -20px; text-align: left; padding-left: 10%;}

/* list07 */
.list07{position: relative; display: flex; overflow: hidden;}
.list07 .item{width: 50%; text-align: center; padding: 130px 0;}
.list07 .item h2{display: inline-block; font-size: 18px; color: #fff; font-weight: bold; margin-bottom: 20px; position: relative; padding-left: 20px;}
.list07 .item h2:before{content: ""; display: block; width: 8px; height: 8px; background: #fff; border-radius: 50%; position: absolute; top: 0; left: 0; margin-top: 10px;}
.list07 .item h3{font-size: 80px; color: #fff; font-family: 'Poppins-SemiBold';}
.list07 .item .r{display: block; width: 70px; height: 70px; line-height: 76px; padding: 20px; background: #fff; margin: 30px auto 0 auto; border-radius: 50%; text-align: center; box-sizing: border-box; transition: all ease .4s; -webkit-transition: all ease .4s;}
.list07 .item .r i{display: block; width: 30px; height: 30px; background: url(../image/icon07.png) no-repeat -30px 0; transition: all ease .4s; -webkit-transition: all ease .4s;}
.list07 .item-left{background: #fd4310;}
.list07 .item-right{background-size: cover; background-position: center; animation-delay: .6s; -webkit-animation-delay: .6s}
.list07 .item:hover .r i{background: url(../image/icon07.png) no-repeat 0 0;}