/* banner */
.banner{width:100%;overflow:hidden;position:relative}
.banner .swiper{width:100%;height:100%}
.banner .list{width:100%;height:100%}
.banner .list .before{width:100%;height:100%}
.banner .list .img{position:relative;width:100%;background-repeat:no-repeat}
.banner .list .img img{width:100%}
.banner .swiper-pagination-bullet{margin:0 13px;}
.banner .swiper-pagination{padding:0 5%;width:100%;margin:0;height:auto;bottom:40px;text-align:left;box-sizing:border-box;text-align:center}
.banner .swiper-pagination-bullet{width:auto;height:auto;background-color:transparent;opacity:1}
.banner .swiper-pagination-bullet span{color:#fff;font-size:16px;font-family:arial;position:relative}
.banner .swiper-pagination-bullet span:after{content:"";position:absolute;left:calc(100% + .8vw);top:50%;width:0;height:1px;background:#fff}
.banner .swiper-pagination-bullet-active span{margin-right:5vw}
.banner .swiper-pagination-bullet-active span:after{width:4.6vw;transition:all .3s linear}
.banner .list01{position:relative;z-index:1;overflow:hidden}
.banner .list01 .text{position:absolute;left:0;top: 65%;width:100%;height:auto;transform:translate(0,-50%);z-index:2;color:#fff;}
.banner .list01 .img{overflow:hidden}
.banner .list01 .img img{opacity:1;transition:all 1s .5s ease-out}
.banner .list01.after .img img{transform:translateX(0);opacity:1}
.banner .list01.after .text .wrap{opacity:1}
@media only screen and (max-width:1080px){
.banner .swiper-pagination span.swiper-pagination-bullet-active{width:12px;height:12px}
}
@media only screen and (max-width:768px){
.banner .list01 .text{top: 75%;}
.banner .list01 .img{height: 400px;}
.banner .list01 .img img{height: 100%;object-fit: cover;}
}
@media only screen and (max-width:520px){
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 6px}
.banner .swiper-pagination{bottom:13px}
.banner .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}
.banner .list01 .img{background-position:70% center!important;height: 240px;}
}
 

/* index1 */
.index1{position: relative;overflow: hidden;padding: 60px 0;height: 150px;}
.index1 ul{justify-content:space-around}
.index1 ul li{width:25%;box-sizing:border-box;position:relative;text-align: center;}
.index1 ul li .wrap{display:flex;flex-wrap:wrap;justify-content:center}
.index1 ul li i{margin-right:12px}
.index1 ul li:after{content:"";position:absolute;right:0;bottom:0;width:1px;height:100%;background:#e0e1e0}
.index1 ul li span{display:inline-block;vertical-align:text-bottom;font-size:20px;color:#333;font-weight: bold;}
.index1 ul li span.num{font-size: 50px;}
.index1 ul li p{margin-top:4px;font-size:16px}
.index1 ul li:nth-last-child(1):after{content:initial}
.index1 .in1-waper{position: absolute;left: 0;width:100%;margin-top: 50px;overflow:hidden;perspective:800px;-webkit-perspective:800px;-moz-perspective:800px;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;z-index:9;}
.index1 .in1-back{margin-left:7.8%;margin-right:7.8%;background-color:#fff;overflow:hidden;transform-origin:bottom;-webkit-transform-origin:bottom;-moz-transform-origin:bottom;transform:rotateX(0deg) translate3d(0,0,0);-webkit-transform:rotateX(0deg) translate3d(0,0,0);-moz-transform:rotateX(0deg) translate3d(0,0,0);transition:all .65s cubic-bezier(0.55,0.65,0.55,1) 0s;-webkit-transition:all .65s cubic-bezier(0.55,0.65,0.55,1) 0s;-moz-transition:all .65s cubic-bezier(0.55,0.65,0.55,1) 0s;}
.index1 .in1-back.pass{transform:rotateX(100deg) translate3d(0,0,0);-webkit-transform:rotateX(100deg) translate3d(0,0,0);-moz-transform:rotateX(100deg) translate3d(0,0,0);}
.index1 .in1-brief{position: absolute;left: 0;width:100%;z-index:9;visibility:hidden;transform:translateY(100%);-webkit-transform:translateY(100%);-moz-transform:translateY(100%);transition:0.58s cubic-bezier(.215,.61,.355,1);-webkit-transition:all .65s cubic-bezier(0.55,0.65,0.55,1) 0s;-moz-transition:all .65s cubic-bezier(0.55,0.65,0.55,1) 0s;opacity: 0;}
.index1 .in1-brief.on {opacity:1;visibility:visible;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);}
.index1 .item{width: 33.3%;text-align: center;}
.index1 .item img{width: 80px;transition: all .6s linear;}
.index1 .item:hover img{transform: rotateY(180deg);}
.index1 .item p{font-size: 20px;line-height: 26px;width: 50%;margin: 0 auto; margin-top: 15px;color: #000;}
.index1 .swiper-button-next{right: 4%;top: 50%;width: 28px;height: 28px;border-radius: 50%;background: rgba(0,0,0,0.5);}
.index1 .swiper-button-prev{left: 4%;width: 28px;top: 50%;height: 28px;border-radius: 50%;background: rgba(0,0,0,0.5);}
.index1 .swiper-button-next:after,.index1 .swiper-button-prev:after{font-size: 7px;color: #fff;font-weight: bold;}
@media only screen and (max-width:1280px){
.index1 .in1-back{margin: 0;}
}
@media only screen and (max-width:1080px){
.index1{height: 120px;}
.index1 .in1-waper{margin-top: 30px;}
.index1 .item img{width: 65px;}
.index1 .item p{font-size: 16px;}
.index1 ul li span.num{font-size: 35px;}
.index1 ul li span{font-size: 25px;}
}
@media only screen and (max-width:768px){
.index1{height: 120px;padding: 30px 0;}
.index1 ul li span.num{font-size: 28px;}
.index1 ul li span{font-size: 18px;}
.index1 ul li p{font-size: 14px;}
.index1 .item img{width: 50px;}
.index1 .item p{font-size: 14px;line-height: 20px;margin-top: 8px;}
}
@media only screen and (max-width:680px){
.index1{padding: 30px 0;}
.index1 ul li{width: 50%;padding-bottom: 15px;border-bottom: 1px solid #e0e1e0;}
.index1 ul li:nth-child(3){border: none;padding-bottom:0;}
.index1 ul li:nth-child(4){border: none;padding-bottom:0;}
.index1 ul li:nth-last-child(3):after{content:initial}
.index1 .in1-waper{display: none;}
.index1 .in1-brief{visibility: inherit;transform: inherit;-webkit-transform: inherit;opacity: 1;}
.index1 .item p{font-size: 13px;width: 100%;}
}
@media only screen and (max-width:520px){
.index1{height: 115px;}
.index1 .in1-brief.on{padding-top: 15px;}
}
	
/* index2 */
.index2{padding-bottom: 90px;}
.index2 .in2{padding-bottom: 80px;}
.index2 .img{position:relative;padding-bottom:100%;width:100%;height:0;overflow:hidden}
.index2 .img img{transition:all 1s;height:100%;object-fit:cover;width:100%;position:absolute;transition: all 1s;}
.index2 .text p{font-size: 18px;color: #000;margin-top: 15px;text-align: center;font-weight: bold;}
.index2 .swiper-slide:hover .img img{transform: scale(1.1);}
.index2 .swiper-pagination-bullet{margin: 0 6px !important;border-radius: 2px;}
.index2 .swiper-pagination-bullet-active{background: #000;border-radius: 2px;}
@media only screen and (max-width:1080px){
.index2{padding-bottom: 50px;}
.index2 .in2{padding-bottom: 60px;}
}
@media only screen and (max-width:500px){
.index2{padding-bottom: 30px;}
.index2 .nei_tit{width: 90%;margin: 0 auto;margin-bottom: 20px;}
.index2 .in2{padding-bottom: 50px;}
.index2 .text p{font-size: 14px;margin-top: 8px;}
.index2 .swiper-pagination-bullet{margin: 0 4px !important;border-radius: 2px;width: 7px;height: 7px;}
}

/* index3 */
.index3{padding: 90px 0;background: #F3F9FD;}
.index3 .nei_tit .tit{width: 70%;margin: 0 auto;}
.index3 ul{margin-top: 60px;}
.index3 li{text-align: center;width: 25%;transition: all 0.3s;}
.index3 li:hover{transform: translateY(-15px);}
.index3 li h3{margin: 15px 0 10px;font-size: 20px;}
.index3 li p{font-size: 16px;line-height: 24px;}

@media only screen and (max-width:1080px){
.index3{padding: 60px 0;}
.index3 ul{margin-top: 40px;}
.index3 li img{width: 65px;}

}
@media only screen and (max-width:768px){
.index3 .nei_tit .tit{width: 100%;}
.index3 ul{margin-top: 10px;}
.index3 li{width: 50%;margin-top: 30px;}
}
@media only screen and (max-width:500px){
.index3{padding: 30px 0;}
.index3 li{margin-top: 15px;}
.index3 li img{width: 45px;}
.index3 li h3{margin: 10px 0 6px;font-size: 14px;}
.index3 li p{font-size: 12px;}
}

/* index4 */
.index4{position: relative;}
.index4 .img_bg img{max-width: 100%;}
.index4 .video{position: absolute;transform: translate(-50%,-50%);top: 50%;left: 50%;}
.index4 .video .play{text-align: center;}
.index4 .video .play .img{position: relative;margin: 0 auto;width: fit-content;}
.index4 .video .play img{position: relative;}
.index4 .video .play .img::before{content: '';display: block;width: 100%;height: 100%;background: #3333334d;position: absolute;left: 0;top: 0;border-radius: 50%;z-index: -1;animation: consult linear 2s infinite}
.index4 .video .play .nei_tit{margin-bottom: 0;margin-top: 50px;}
.index4 .video .play .nei_tit .title{color: #fff;}
@keyframes consult{0%,100%{transform:scale(1);}50%{transform:scale(1.3);}} 
@media only screen and (max-width:1280px){
.index4 .video{width: 80%;}
}
@media only screen and (max-width:1080px){
.index4 .video .play img{width: 60px;}
.index4 .video{width: 90%;}
}
@media only screen and (max-width:768px){
.index4 .img_bg{height: 260px;}
.index4 .img_bg img{height: 100%;object-fit: cover;}
.index4 .video{width: 80%;}
.index4 .video .play img{width: 45px;}
.index4 .video .play .nei_tit{margin-top: 25px;}
.index4 .video .play .nei_tit .title{text-transform: inherit;font-size: 18px;}
}

/* index5 */
.index5{padding:90px 0;margin-top: 90px;overflow: hidden; background: url(../images/in5_bg.jpg);background-size: cover;}
.index5 .nei_tit .title{-webkit-text-stroke: 1px #f9f9f9;}
.index5 .nei_tit .tit{width: 38%;margin: 0 auto;}
.index5 .in5{margin-bottom: 60px;padding-left:7.5%;}
@media only screen and (max-width:1080px){
.index5{padding: 60px 0;margin-top: 60px;}
}
@media only screen and (max-width:850px){
.index5 .nei_tit .tit{width: 90%;}
.index5 .in5{margin-bottom: 40px;}
}
@media only screen and (max-width:640px){
.index5{padding: 30px 0;margin-top: 0;}
.index5 .nei_tit .tit{width: 100%;font-size: 12px;}
.index5 .in5{padding-left: 0;margin-bottom: 20px;}
}


/* index6 */
.index6{padding:30px 0 90px;}
.index6 .img{position: relative;padding-bottom: 75%;width: 100%;height: 0;overflow: hidden;border-radius: 4px;}
.index6 .img img{height: 100%;object-fit: cover;width: 100%;position: absolute;transition: all .8s ease-in-out;}
.index6 a:hover .img img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);}
.index6 .info{border: 1px solid #E9E9E9;border-top: 0;transition: all .1s ease;padding: 20px;}
.index6 .info .a1{position: relative;padding-bottom: 30px;}
.index6 .info .a1 h2{font-size:20px;position:relative;color:#54595F;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;line-height: 28px;}
.index6 .info .a1:after{position:absolute;bottom:0;background-image:linear-gradient(90deg,#ccc 20%,#333 80%);height:3px;content:'';z-index:1;width:12%;left:0}
.index6 .info .a2 p{font-size: 15px;line-height:1.7;margin:20px 0;color: #666;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;}
.index6 .swiper-horizontal>.swiper-pagination-bullets{bottom: 0;}
.index6 .swiper-pagination-bullet{margin: 0 6px !important;border-radius: 2px;}
.index6 .swiper-pagination-bullet-active{background: #000;border-radius: 2px;}
@media only screen and (max-width:1080px){
.index6{padding:30px 0 60px;}
.index6 .in6{padding-bottom: 60px;}
}
@media only screen and (max-width:640px){
.index6{padding:10px 0 30px;}
.index6 .in6{padding-bottom: 40px;}
.index6 .info{padding: 10px;}
.index6 .info .a1{padding-bottom: 20px;}
.index6 .info .a1 h2{font-size: 16px;}
.index6 .info .a2 p{font-size: 13px;margin: 10px 0;}
}


/* z_tanchuang */
.z_tanchuang{position:fixed;display:table;height:100%;width:100%;top:0;left:0;transform:scale(0);-webkit-transform:scale(0);z-index:9999;}
.z_tanchuang .tbox{display:table-cell;background:rgba(0,0,0,0.8);text-align:center;vertical-align:middle}
.z_tanchuang .tbox .modal{background:white;padding:50px;display:block;border-radius:5px;position:relative;width:90%;max-width:1200px;max-height:90%;margin:0 auto}
.z_tanchuang .tbox .modal .out{position:absolute;width:40px;height:40px;line-height:40px;background:#fff url(../images/out.png) center no-repeat;background-size:20px;color:#000;font-size:30px;text-align:center;border-radius:50%;top:0;right:-50px;cursor:pointer}
.z_tanchuang .tbox .modal .img{width:100%;max-width:600px;margin:0 auto}
.z_tanchuang .tbox .modal .img video{display:block;width:100%;max-width:100%;object-fit:cover;outline: none;}
.z_tanchuang .tbox .modal .img img{margin:0 auto}
.z_tanchuang .tbox .modal .out:hover{background:#fff url(../images/out.png) center no-repeat;background-size:20px;transform:rotate(180deg);-webkit-transform:rotate(180deg)}
.z_tanchuang .tbox .modal2{padding:20px}
.z_tanchuang .tbox .modal .img{max-width:1200px}
.z_tanchuang.one{transform:scaleY(0.01) scaleX(0);animation:unfoldIn 1s cubic-bezier(0.165,0.84,0.44,1) forwards;-webkit-transform:scaleY(0.01) scaleX(0);-webkit-animation:unfoldIn 1s cubic-bezier(0.165,0.84,0.44,1) forwards}
.z_tanchuang.one .tbox .modal{transform:scale(0);animation:zoomIn .5s .8s cubic-bezier(0.165,0.84,0.44,1) forwards;-webkit-transform:scale(0);-webkit-animation:zoomIn .5s .8s cubic-bezier(0.165,0.84,0.44,1) forwards}
.z_tanchuang.one.out{transform:scale(1);animation:unfoldOut 1s .3s cubic-bezier(0.165,0.84,0.44,1) forwards;-webkit-transform:scale(1);-webkit-animation:unfoldOut 1s .3s cubic-bezier(0.165,0.84,0.44,1) forwards}
.z_tanchuang.one.out .tbox .modal{animation:zoomOut .5s cubic-bezier(0.165,0.84,0.44,1) forwards;-webkit-animation:zoomOut .5s cubic-bezier(0.165,0.84,0.44,1) forwards}
@keyframes unfoldIn{
0%{transform:scaleY(0.005) scaleX(0)}
50%{transform:scaleY(0.005) scaleX(1)}
100%{transform:scaleY(1) scaleX(1)}
}
@keyframes zoomIn{
0%{transform:scale(0)}
100%{transform:scale(1)}
}
@keyframes zoomOut{
0%{transform:scale(1)}
100%{transform:scale(0)}
}
@keyframes unfoldOut{
0%{transform:scaleY(1) scaleX(1)}
50%{transform:scaleY(0.005) scaleX(1)}
100%{transform:scaleY(0.005) scaleX(0)}
}
@-webkit-keyframes zoomIn{
0%{transform:scale(0)}
100%{transform:scale(1)}
}
@-webkit-keyframes zoomOut{
0%{transform:scale(1)}
100%{transform:scale(0)}
}
@-webkit-keyframes unfoldOut{
0%{transform:scaleY(1) scaleX(1)}
50%{transform:scaleY(0.005) scaleX(1)}
100%{transform:scaleY(0.005) scaleX(0)}
}
@-webkit-keyframes unfoldIn{
0%{transform:scaleY(0.005) scaleX(0)}
50%{transform:scaleY(0.005) scaleX(1)}
100%{transform:scaleY(1) scaleX(1)}
}
@media(max-width:960px){
.z_tanchuang .tbox .modal{padding:10px}
.z_tanchuang .tbox .modal .out{width:30px;height:30px;top:-50px;right:-2px}
}