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

.wow{animation: fadeInUp 1s ease both; -webkit-animation: fadeInUp 1s ease both; animation-delay: .4s; -webkit-animation-delay: .4s}

/*----banner----*/
.banner{position: relative; width: 100%; height: 100vh; overflow: hidden}
.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;
  cursor: default;
}

.banner .banner-text{position: absolute; top: 0; left: 0; color: #fff; margin: 22% 0 0 5%; z-index: 3;}
.banner .banner-text span{display: block; font-size: 30px; font-weight: bold; font-style: italic; margin-bottom: 10px;}
.banner .banner-text h3{font-size: 60px; margin-bottom: 32px;}
.banner .banner-text p{font-size: 30px;}

.banner-bgs{width: 330px; height: 80px; background: #fff; position: absolute; bottom: 0; right: 122px; z-index: 2;}

.b_fix{width: 40px; position: absolute; bottom: 0; left: 50%; margin: 0 0 40px -20px; z-index: 9;}
.b_fix img{width: 48px; height: 48px; display: block; float: none; animation: down 2s infinite}

@keyframes down {
  0%{transform: translateY(0);}
  50%{transform: translateY(10px);}
  100%{transform: translateY(0);}
}

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

/*----list01----*/
.list01{padding: 100px 0 60px 0; position: relative; overflow: hidden;}
.list01 .list01-title{text-align: center; margin-bottom: 100px;}
.list01 .list01-title h3{font-size: 42px; color: #181818; font-weight: bold; margin-bottom: 10px;}
.list01 .list01-title h3 .b{font-style: italic; margin-right: 40px;}
.list01 .list01-title h3 .d{color: #c2c2c2; margin-left: 20px;}
.list01 .list01-title .text{font-size: 22px; font-weight: bold; color: #555; line-height: 1.8; text-align: center; margin-top: 90px;}

.list01 .list01-con{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; border-radius: 12px;}
.list01 .list01-con .item{position: relative; width: 24.5%; padding: 70px 0 70px 30px; background: #fafafa; margin-bottom: 0.5%; cursor: pointer; transition: all ease .4s; -webkit-transition: all ease .4s;}
.list01 .list01-con .item a{display: flex; align-items: center;}
.list01 .list01-con .item .icon{margin-right: 20px;}
.list01 .list01-con .item .icon img{width: 80px;}
.list01 .list01-con .item .text h4{font-size: 20px; color: #555; font-weight: bold; margin-bottom: 10px;}
.list01 .list01-con .item .text p{font-size: 14px; color: #333;}
.list01 .list01-con .item .line{width: 0; height: 2px; background: #66d4c8; position: absolute; bottom: 0; left: 0; transition: all ease .4s; -webkit-transition: all ease .4s;}
.list01 .list01-con .item:hover{box-shadow: 3px 3px 20px 3px #ededed;}
.list01 .list01-con .item:hover .line{width: 100%;}

.list01 .list01-con .item:nth-child(1){border-top-left-radius: 16px;}
.list01 .list01-con .item:nth-child(4){border-top-right-radius: 16px;}
.list01 .list01-con .item:nth-child(5){border-bottom-left-radius: 16px;}
.list01 .list01-con .item:nth-child(8){border-bottom-right-radius: 16px;}

.list01 .list01-con .item:nth-child(2){animation-delay: .45s; -webkit-animation-delay: .45s}
.list01 .list01-con .item:nth-child(3){animation-delay: .5s; -webkit-animation-delay: .5s}
.list01 .list01-con .item:nth-child(4){animation-delay: .55s; -webkit-animation-delay: .55s}
.list01 .list01-con .item:nth-child(5){animation-delay: .6s; -webkit-animation-delay: .6s}
.list01 .list01-con .item:nth-child(6){animation-delay: .65s; -webkit-animation-delay: .65s}
.list01 .list01-con .item:nth-child(7){animation-delay: .7s; -webkit-animation-delay: .7s}
.list01 .list01-con .item:nth-child(8){animation-delay: .75s; -webkit-animation-delay: .75s}



/*----list02----*/
.list02{position: relative; padding: 100px 0; background: #f2be45; overflow: hidden}
.list02 .list02-con{position: relative;}
.list02 .list02-con .list02-left{position: absolute; top: 0; left: 0; width: 22%; margin-right: 2%; _background: #f2be45; z-index: 9;}
.list02 .list02-con .list02-left h3{font-size: 28px; color: #fff; line-height: 1.4; font-weight: normal; margin-bottom: 20px;}
.list02 .list02-con .list02-left h2{font-size: 24px; color: #fff; font-weight: bold; margin-bottom: 34px;}
.list02 .list02-con .list02-left p{font-size: 16px; color: #fff; line-height: 1.6;}

.list02 .list02-con .list02-right{width: 100%; overflow: hidden; }
.list02 .list02-con .list02-right-mark{padding-right: 106px;}
.list02 .list02-con .list02-right .slick-theme{padding-left: 340px; position: relative;}
.list02 .list02-con .list02-right .slick-theme:after{content: ""; display: block; width: 340px; height: 100%; background: #f2be45; position: absolute; top: 0; left: 0;}
.list02 .list02-con .list02-right .slick-theme .slick-list{overflow: visible; }
.list02 .list02-con .list02-right .slick-theme .item{width: 300px; margin-right: 21px; border-radius: 10px; overflow: hidden; cursor: pointer;}
.list02 .list02-con .list02-right .slick-theme .item .img{width: 100%; display: block; float: none;}
.list02 .list02-con .list02-right .slick-theme .item .img img{display: block; float: none;}
.list02 .list02-con .list02-right .slick-theme .item .text{padding: 20px; background: #fff;}
.list02 .list02-con .list02-right .slick-theme .item .text h3{font-size: 22px; color: #555; font-weight: bold;}
.list02 .list02-con .list02-right .slick-theme .item .text .line{display: block; width: 0; height: 2px; background: #66d4c8; margin: 10px 0; transition: all ease .4s; -webkit-transition: all ease .4s;}
.list02 .list02-con .list02-right .slick-theme .item .text p{font-size: 14px; color: #737373; line-height: 1.4;}
.list02 .list02-con .list02-right .slick-theme .item .text .li{margin-top: 20px;}
.list02 .list02-con .list02-right .slick-theme .item .text .li span{position: relative; display: block; font-size: 15px; color: #555; margin-bottom: 10px; padding-left: 16px;}
.list02 .list02-con .list02-right .slick-theme .item .text .li span:after{content: ""; display: block; width: 8px; height: 8px; border: 2px solid #f5d1b5; border-radius: 50%; position: absolute; top: 50%; left: 0; margin-top: -4px;}
.list02 .list02-con .list02-right .slick-theme .item:hover .text .line{width: 50%;}



/*----list03----*/
.list03{width: 100%; padding: 80px 0; background: #f9f8f5; position: relative;}
.list03 .list03-con{display: flex; align-items: center;}
.list03 .list03-con .item-left{width: 50%;}
.list03 .list03-con .item-left span{font-size: 200px; font-weight: bold; color: #181818; line-height: 1.2;}
.list03 .list03-con .item-left p{font-size: 16px; color: #666;}

.list03 .list03-con .item-right{width: 50%; padding-right: 15%; margin-top: 40px;}
.list03 .list03-con .item-right h3{font-size: 24px; color: #333; font-weight: bold; margin-bottom: 20px;}
.list03 .list03-con .item-right h3 span{font-size: 17px; color: #9a9a9a; font-weight: bold; margin-left: 30px;}
.list03 .list03-con .item-right p{font-size: 15px; color: #666; line-height: 1.6;}
.list03 .list03-con .item-right .a-link{display: flex; align-items: center; justify-content: space-between; width: 120px; height: 36px; margin-top: 50px; line-height: 36px; border: 1px solid #999; border-radius: 25px; transition: all .4s; -webkit-transition: all .4s;}
.list03 .list03-con .item-right .a-link p{font-size: 14px; color: #333; line-height: 36px; padding-left: 16px; transition: all .4s; -webkit-transition: all .4s;}
.list03 .list03-con .item-right .a-link span{display: block; width: 34px; height: 32px; background: #66d4c8 url(../image/icon13-1.png) no-repeat center; border-radius: 50px; margin-right: 2px; transition: all .4s; -webkit-transition: all .4s;}
.list03 .list03-con .item-right .a-link:hover{background: #66d4c8; border: 1px solid #66d4c8;}
.list03 .list03-con .item-right .a-link:hover p{color: #fff;}
.list03 .list03-con .item-right .a-link:hover span{background: #fff url(../image/icon13.png) no-repeat center;}

.list03 .list03-case{margin-top: 60px;}
.list03 .list03-case .w1673{overflow: hidden; mask-image: linear-gradient(180deg, #0cf5d0 0%, #2A6259 50%, #2A6259 100%);}
.list03 .list03-case .list-logo{margin-bottom: 20px; display: flex; white-space: nowrap;}
.list03 .list03-case .list-logo .list-li01{white-space: nowrap; display: flex; animation: roll var(--t) linear infinite;}
.list03 .list03-case .list-logo .list-li01 li{width: 148px; height: 148px; display: flex; align-items: center; background: #fff; border-radius: 50%; margin: 0 10px;}
.list03 .list03-case .list-logo .list-li01 li img{display: block; float: none; margin: 0 auto;}
.list03 .list03-case .w1673:before{content: ""; display: block; width: 10%; height: 100%; background: linear-gradient(to right, #f9f8f5, rgba(255,255,255,0)); position: absolute; top: 0; left: 0; z-index: 2;}
.list03 .list03-case .w1673:after{content: ""; display: block; width: 10%; height: 100%; background: linear-gradient(to left, #f9f8f5, rgba(255,255,255,0)); position: absolute; top: 0; right: 0; z-index: 2;}

 
@keyframes roll{
    form{
      transform: translateX(100%);
    }
    to{
      transform: translateX(-100%);
    }
}

/*----list04----*/
.list04{position: relative; width: 100%; padding: 80px 0 40px 0; overflow: hidden;}
.list04 .list04-title{margin-bottom: 60px; display: flex; align-items: end; justify-content: space-between;}
.list04 .list04-title span{display: block; font-size: 28px; color: #333; line-height: 1.5;}
.list04 .list04-title .list04-link{display: flex; align-items: center;}
.list04 .list04-title .list04-link a{font-size: 17px; color: #333; line-height: 2; margin-left: 32px; border-bottom: 1px solid #fff; transition: all .4s; -webkit-transition: all .4s;}
.list04 .list04-title .list04-link a:hover{font-weight: bold; border-bottom: 1px solid #66d4c8;}

.list04-content .list{margin-right: -4.3333%;}
.list04-content .list li{position: relative; float: left; width: 29%; margin-right: 4.3333%; margin-bottom: 60px;}
.list04-content .list li h3{font-size: 17px; color: #555; font-weight: bold; margin-bottom: 20px; transition: all .4s; -webkit-transition: all .4s;}
.list04-content .list li p{font-size: 15px; color: #666; line-height: 1.7; margin-bottom: 20px;}
.list04-content .list li h6{font-size: 16px; color: #666; font-family: Arial;}
.list04-content .list li:after{content: ""; display: block; width: 0; height: 1px; background: #66d4c8; position: absolute; bottom: 0; left: 0; margin-bottom: -20px; transition: all .4s; -webkit-transition: all .4s;}
.list04-content .list li:hover h3{color: #66d4c8;}
.list04-content .list li:hover:after{width: 100%;}

.list04-content .list li:nth-child(2){animation-delay: .45s; -webkit-animation-delay: .45s}
.list04-content .list li:nth-child(3){animation-delay: .5s; -webkit-animation-delay: .5s}
.list04-content .list li:nth-child(4){animation-delay: .55s; -webkit-animation-delay: .55s}
.list04-content .list li:nth-child(5){animation-delay: .6s; -webkit-animation-delay: .6s}
.list04-content .list li:nth-child(6){animation-delay: .65s; -webkit-animation-delay: .65s}

/*----list05----*/
.list05{position: relative; padding: 160px 0; background: url(../image/img08.jpg) no-repeat center; background-size: cover; overflow: hidden;}
.list05 .list05-con{display: flex; align-items: center; justify-content: space-between;}
.list05 .list05-con .img{width: 222px;}
.list05 .list05-con .img img{display: block; float: none;}
.list05 .list05-con .list05-text{width: 60%;}
.list05 .list05-con .list05-text h3{font-size: 42px; color: #fff; font-weight: bold; margin-bottom: 16px;}
.list05 .list05-con .list05-text h4{font-size: 30px; color: #fff;}
.list05 .list05-con .list05-text .contact-text{display: flex; justify-content: space-between; margin-top: 78px;}
.list05 .list05-con .list05-text .contact-text .text-left p{font-size: 18px; color: #fff; line-height: 1.4;}
.list05 .list05-con .list05-text .contact-text .text-left .p{font-family: Arial;}
.list05 .list05-con .list05-text .contact-text .text-right{display: flex; margin-top: 50px; margin-right: 20%;}
.list05 .list05-con .list05-text .contact-text .text-right a{display: flex; margin-right: 20px;}
.list05 .list05-con .list05-text .contact-text .text-right a .icon{display: block; width: 34px; height: 34px; padding: 2px; background: #fff; border-radius: 50%; margin-right: 6px;}
.list05 .list05-con .list05-text .contact-text .text-right a .icon img{display: block; float: none;}
.list05 .list05-con .list05-text .contact-text .text-right a .t{width: 110px; height: 34px; background: #fff; border-radius: 20px; font-size: 14px; color: #333; text-align: center; line-height: 34px; transition: all .4s; -webkit-transition: all .4s;}
.list05 .list05-con .list05-text .contact-text .text-right a:hover .t{color: #66d4c8;}
.list05 .list05-con .list05-text .c-link{position: relative; font-size: 16px; color: #fff; font-weight: bold; margin-top: 30px;}
.list05 .list05-con .list05-text .c-link:after{content: ""; display: block; width: 30px; height: 1px; background: #fff; position: absolute; bottom: 0; left: 0; margin: 0 0 8px 80px; transition: all .4s; -webkit-transition: all .4s;}
.list05 .list05-con .list05-text .c-link:hover:after{width: 50px;}

.list05 .list05-con .list05-icon{align-self: flex-start;}
.list05 .list05-con .list05-icon img{display: block; float: none;}