@charset "utf-8";

body{
	overflow: hidden;
	height: 100vh;
}
body.isFENV{height:100%;}
.main{
	overflow: hidden;
	height: 100vh;
}
.slides-container{overflow:hidden;}
.shu_con .zhi{
	font-family: 'Titillium Web', sans-serif;
	font-weight: 700;
}
@keyframes slider-progress{
	0% {
		stroke-dashoffset: 300px;
	}
	100% {
		stroke-dashoffset: 20px;
	}
}
.img_video{position:relative;}
.img_video:after{content:"";position:absolute;left:0px;right:0;top:0px;bottom:0px;background:rgba(0,0,0,0.15);z-index:0;}

.in_con{height: 100vh;width:100%;overflow: hidden;position: absolute;left:0px;top:0px;z-index:2;}
.isFENV .in_con{height:900px;}
.in_con .img{height:100%;}
.in_con .img img{width:100%;height: 100%;object-fit: cover;}
.in_con .img video{width:100%;height: 100%;object-fit: cover;}
.in_con .img img.img_mo{display: none;}
.in_con .img .img1{height: 100%;}
.in_con .img .img2{height: 100%;}
.in_con .img .img3{height: 100%;}
.in_con.in_con04 .img{background-color: #e8e4dc;}
.in_con.in_con04 .img img{opacity: 0;}
.in_con .a{margin-top: 1.7vw;display: flex;}
.in_con .p{margin-top: 1vw;max-width: 670px;}
.in_con .a a{display: flex;width:180px;height:45px;align-items: center;justify-content: center;border:2px solid #fff;color:#fff;border-radius:50px;font-weight: 700;margin-right:1vw;position:relative;transition:all 0.4s ease-in-out;overflow: hidden;}
.in_con .a a:after{content: "";position:absolute;left:0px;top:0px;bottom:0px;width:0%;transition:all 0.4s ease-in-out;display:block;background-color: #fff;z-index: -1;}
.in_con .a a:hover{color:#222;}
.in_con .a a:hover:after{width:100%;}
.in_con .text{position: absolute;top:50%;left:6%;color:#fff;transform:translateY(-50%);z-index: 5;}
.in_con .h3{display: flex;flex-wrap: wrap;text-transform:Uppercase;overflow: hidden;font-size:60px;}
.in_con .h3 h3{font-size: 70px;margin-right: 1vw;line-height: 0.9;overflow: hidden;}
.in_con .h3 h3 span{display: block;}
.in_con .h3 p{line-height: 1.0;}
.in_con .h3.h3_2{margin-top:20px;}

.loading{position: absolute;left:0px;top:50%;display: flex;transform:translateY(-50%);width:100%;align-items: center;color:#fff;}
.loading span{width:0%;display: block;height: 1px;background-color: #fff;position: relative;}
.loading span:after{content: "";display: block;width:3px;height:3px;background-color: #fff;border-radius: 100%;
	position:absolute;right:0px;top:-1px;
}
.loading b{padding-left:10px;}
.in_con01{height: 100vh;width:100%;overflow: hidden;position: relative;z-index: 5;position: absolute;left:0px;top:0px;}
.in_con01 .text{position: absolute;top:50%;left:6%;color:#fff;transform:translateY(-50%);}
.in_con01 .text h3{/*line-height: 1.1;text-transform:Uppercase;margin-bottom:20px;*/}
.in_con01 .text .h3{overflow: hidden;}
.in_con01 .img{height:100%;}
.in_con01 .img img{width:100%;height: 100%;object-fit: cover;}
.in_con01 .img video{width:100%;height: 100%;object-fit: cover;}
.isFENV .in_con01{height:900px;}
/* 动画 */
 .in_con01 .text h3{transform:translateX(50px);opacity:0;transition: all 0.5s ease-in-out;}
.in_con01.active .text h3{transform:translateX(0px);opacity:1;}
.in_con01 .text .h3 p{transform:translateY(100%);transition: all 0.6s ease-in-out;}
.in_con01.active .text .h3 p{transform:translateY(0px);}
.in_con01 .text .p{opacity:0;transition: all 0.4s ease-in-out 0.4s;}
.in_con01.active .text .p{opacity: 1;} 

.in_con01 .h3 h3{font-size: 140px;}
.in_con01 .h3{font-size:58px;}

.in_con02 .h3{font-size:58px;}
.in_con02 .h3 h3{font-size: 140px;}

.in_con02 .a p{cursor: pointer;}
.in_con02 .a p path{transition:all 0.4s ease-in-out;}
.in_con02 .a p:hover path{fill:#222;}

.in_con02 .video1{width:63vw;position: absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(0);z-index: 9;transition:all 0.3s ease-in;}
.in_con02 .video1 .close{position:absolute;right:20px;top:20px;cursor: pointer;z-index: 2;}
.in_con02 .video1 video{height: 100%;object-fit: cover;width:100%;}
.in_con02 .video1.active{transform:translate(-50%,-50%) scale(1);}
/* 动画 */
.in_con02 .h3 h3 span{transform:translateX(100%);transition: all 0.8s ease-in-out;}
.in_con02.active .h3 h3 span{transform:translateX(0px);}
.in_con02 .text .h3 p{transform:translateX(50px);opacity:0;transition: all 0.5s ease-in-out 0.1s;}
.in_con02.active .text .h3 p{transform:translateX(0px);opacity:1;}
.in_con02 .text .p{opacity:0;transition: all 0.4s ease-in-out 0.4s;}
.in_con02.active .text .p{opacity: 1;}
.in_con02 .a{opacity:0;transform:translateY(30px);transition: all 0.6s ease-in-out 0.6s;}
.in_con02.active .a{opacity: 1;transform:translateY(0px);}

.in_con03 .img .swiper-container{height: 100vh;}
.in_con03 .img>img{position:absolute;left:0px;top:0px;width:100%;height:100vh;overflow: hidden;}
.in_con03 .img0{width:100%;height:100vh;position: relative;}
.in_con03 .img0 img{position:absolute;left:0px;top:0px;transform:scale(1.2);transition:all 15s ease-in-out;}
.isFENV .in_con03 .img .swiper-container{height:900px;}
.isFENV .in_con03 .img>img{height:900px;}
.isFENV .in_con03 .img0{height:900px;}

.in_con03 .swiper-slide-active .img0 img{transform:scale(1);}

.in_con03 .shu_con{position:absolute;color:#fff;text-align: right;z-index: 5;width:250px;height: 250px;
	display: flex;align-items: center;justify-content: center;padding-right:70px;
	opacity: 0;visibility: hidden;transition:all 0.4s ease-in-out;
}
.in_con03 .shu_con .con{padding-right: 3vw;}
.in_con03 .shu_con p{line-height: 0.9;width:300px;}
.in_con03 .shu_con svg{width:80%;position:absolute;right:0;top:55%;transform:translateY(-50%) rotate(-90deg);}
.in_con03 .shu_con .progress{stroke-dasharray: 300,550;stroke-dashoffset: 300px;}

.in_con03 .shu0{left:60%;top:35%;}
.in_con03 .shu1{left:70%;top:15%;padding-top:1vw;}
.in_con03 .shu2{left:60%;top:55%;}
.in_con03 .shu_con.shu1 svg{transform:translateY(-50%) rotate(-150deg);}
.in_con03 .shu_con.shu2 svg{transform:translateY(-50%) rotate(-120deg);}

.in_con03 .shu_con.on{opacity: 1;visibility: visible;}
.in_con03 .shu_con.shu_on .progress{
    animation: slider-progress 1s linear forwards;
}


.in_con03 .text{z-index: 2;}
.in_con03 .h3{font-size:60px;}
.in_con03 .h3 h3{font-size: 200px;}
/* 动画 */
/* .in_con03 .img1 img:nth-of-type(2){transform:translateY(30px);transition: all 0.8s ease-in-out 0.2s;}
.in_con03.active .img1 img:nth-of-type(2){transform:translateY(0px);}
.in_con03 .img1 img:nth-of-type(3){transform:translateY(30px);transition: all 0.8s ease-in-out 0.4s;}
.in_con03.active .img1 img:nth-of-type(3){transform:translateY(0px);}
.in_con03 .img1 img:nth-of-type(4){transform:translateY(30px);transition: all 0.8s ease-in-out 0.6s;}
.in_con03.active .img1 img:nth-of-type(4){transform:translateY(0px);}
.in_con03 .img1 img:nth-of-type(5){transform:translateY(30px);transition: all 0.8s ease-in-out 0.6s;}
.in_con03.active .img1 img:nth-of-type(5){transform:translateY(0px);} */
/*
.in_con03 .text .h3 p{transform:translateY(100%);transition: all 0.5s ease-in-out;}
.in_con03.active .text .h3 p{transform:translateY(0px);}
.in_con03 .text .p{opacity:0;transition: all 0.4s ease-in-out 0.4s;}
.in_con03.active .text .p{opacity: 1;}
.in_con03 .a{opacity:0;transform:translateY(30px);transition: all 0.6s ease-in-out 0.6s;}
.in_con03.active .a{opacity: 1;transform:translateY(0px);}
*/

.in_con03 .swiper-slide .text{opacity:0;visibility: hidden;}
.in_con03 .swiper-slide-active .text{opacity:1;visibility: visible;}
.in_con03 .text .h3 p{transform:translateY(100%);transition: all 0.5s ease-in-out;}
.in_con03 .swiper-slide-active .text .h3 p{transform:translateY(0px);}
.in_con03 .text .p{opacity:0;transition: all 0.4s ease-in-out 0.4s;}
.in_con03 .swiper-slide-active .text .p{opacity: 1;}
.in_con03 .a{opacity:0;transform:translateY(30px);transition: all 0.6s ease-in-out 0.6s;}
.in_con03 .swiper-slide-active .a{opacity: 1;transform:translateY(0px);}


.in_con04 .shu_con{position:absolute;right:10%;top:45%;color:#fff;text-align: right;z-index: 5;width:250px;height: 250px;
	display: flex;align-items: center;justify-content: center;padding-right:130px;transform:translateY(-50%);
}
.in_con04 .shu_con p{line-height: 0.9;width:300px;font-weight: 700;display: block;font-size: 60px;}
.in_con04 .shu_con svg{width:80%;position:absolute;right:0;top:52%;transform:translateY(-50%) rotate(210deg);}
.in_con04 .shu_con .progress{stroke-dasharray: 300,550;stroke-dashoffset: 300px;}

.in_con04.active .shu_con .progress{
    animation: slider-progress 1s linear forwards;
}
.in_con04 .zhi{
	font-family: 'Titillium Web', sans-serif;
	font-weight: 700;
}

.in_con04 .in_c4_con{position: absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:1200px;overflow: hidden;z-index: 3;padding-bottom:4vw;}
.in_con04 .in_c4_con .swiper-slide{width:33%;}
.in_con04 .in_c4_con .dt{width:100%;}
.in_con04 .in_c4_con .dt img{width:100%;}
.in_con04 .in_c4_con .dt video{width:100%;}
.in_con04 .in_c4_con .swiper-slide{transform: scale(0.8);opacity: 0;transition: 500ms;}
.in_con04 .in_c4_con .swiper-slide-active{transform: scale(1.0);opacity: 1;}


.in_con04 .in_c4_con .dl{display: flex;flex-wrap:wrap;width:100%;position: absolute;bottom:0px;left:0px;z-index:2;justify-content: center;}
.in_con04 .in_c4_con .dd{position: relative;width:120px;text-align: center;}
.in_con04 .in_c4_con .dd:last-child{margin-right: 0;}
.in_con04 .in_c4_con .dd:after{content: "";position: absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:70px;height:70px;display: block;border-radius: 100%;background-color: #fff;z-index: -1;transition:all 0.5s ease-in-out 0.1s;}
.in_con04 .in_c4_con .dd p{position: absolute;bottom:110%;text-align: center;width:100%;transform:translateY(10px);opacity: 0;transition:all 0.5s ease-in-out 0.3s;}
.in_con04 .in_c4_con .dd img{transform: scale(0.5);transition:all 0.5s ease-in-out;}
.in_con04 .in_c4_con .dd.active p{opacity: 1;transform:translateY(0px);}
.in_con04 .in_c4_con .dd.active:after{transform:translate(-50%,-50%) scale(1);}
.in_con04 .in_c4_con .dd.active img{transform:scale(1);}
/* 动画 */
.in_con04 .text .h3 p{transform:translateY(100%);transition: all 0.5s ease-in-out;}
.in_con04.active .text .h3 p{transform:translateY(0px);}
.in_con04 .text .p{opacity:0;transition: all 0.4s ease-in-out 0.4s;}
.in_con04.active .text .p{opacity: 1;}
.in_con04 .a{opacity:0;transform:translateY(30px);transition: all 0.6s ease-in-out 0.6s;}
.in_con04.active .a{opacity: 1;transform:translateY(0px);}


.in_con05 .img_list{display: flex;margin-top:1.2vw;max-width:60%;}
.in_con05 .img_list.list2{max-width:40%;}
.in_con05 .ilist{margin-right: 2vw;}
.in_con05 .ilist img{max-width:100%;}
/* 动画 */
.in_con05 .text .h3 p{transform:translateY(100%);transition: all 0.5s ease-in-out;}
.in_con05.active .text .h3 p{transform:translateY(0px);}
.in_con05 .text .p{opacity:0;transition: all 0.4s ease-in-out 0.4s;}
.in_con05.active .text .p{opacity: 1;}
.in_con05 .a{opacity:0;transform:translateY(30px);transition: all 0.6s ease-in-out 0.6s;}
.in_con05.active .a{opacity: 1;transform:translateY(0px);}
.in_con05 .ilist{transform:translateX(20px);opacity:0;transition: all 0.5s ease-in-out 0.4s;}
.in_con05 .ilist:nth-of-type(3){transition: all 0.5s ease-in-out 0.5s;}
.in_con05 .ilist:nth-of-type(4){transition: all 0.5s ease-in-out 0.7s;}
.in_con05.active .ilist{transform:translateX(0px);opacity:1;}


.in_con06 .news_list{width: 1440px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display: flex;flex-wrap:wrap;z-index: 3;}
.in_con06 .news_list dl{width:28%;margin-right:1.5vw;position: relative;}
.in_con06 .news_list dl a:hover{text-decoration: underline;}
.in_con06 .news_list dl:hover img{transform:scale(1.03);}
.in_con06 .news_list dt{height:225px;overflow: hidden;}
.in_con06 .news_list dt img{width:100%;height: 100%;object-fit: cover;transition:all 0.5s ease-in-out;}
.in_con06 .news_list dt video{width:100%;height: 100%;object-fit: cover;}
.in_con06 .news_list dd{margin-top:1.5vw;}
.in_con06 .news_list dd h3{line-height:1.1;margin-top: 0.6vw;max-height: 3.3em;
	display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow:hidden;
}
.in_con06 .news_list dd .p{color:#666;margin-top:1vw;font-weight: 300;height:6em;line-height:1.5;
	display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;overflow:hidden;
}
.in_con06 .news_list dl:nth-of-type(1){width:37.5%;margin-right: 2vw;color:#fff;}
.in_con06 .news_list dl:nth-of-type(1) a{color:#fff;}
.in_con06 .news_list dl:nth-of-type(1) dt{height:680px;}
.in_con06 .news_list dl:nth-of-type(1) dd{position:absolute;left:0px;right:0px;bottom:0px;
	padding:2.5vw 1.5vw;
	background: linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0));
}
.in_con06 .news_list dl:nth-of-type(1) dd h3{height: 3.9em;}
.in_con06 .news_list dl:nth-of-type(1) dd .p{display: none;}
.in_con06 .news_list dl:nth-of-type(3n){margin-right: 0;}

.in_con06 .a{position:absolute;right:0px;bottom:0px;}
.in_con06 .a a{width:220px;}

/* 动画 */
.in_con06 .news_list dl:nth-of-type(1){transform:translateY(30px);opacity:0;transition:all 0.5s ease-in-out 0.1s;}
.in_con06.active .news_list dl:nth-of-type(1){transform:translateY(0px);opacity:1;}
.in_con06 .news_list dl:nth-of-type(2){transform:translateY(30px);opacity:0;transition:all 0.5s ease-in-out 0.2s;}
.in_con06.active .news_list dl:nth-of-type(2){transform:translateY(0px);opacity:1;}
.in_con06 .news_list dl:nth-of-type(3){transform:translateY(30px);opacity:0;transition:all 0.5s ease-in-out 0.3s;}
.in_con06.active .news_list dl:nth-of-type(3){transform:translateY(0px);opacity:1;}

@media screen and (min-width: 1925px) {
  .in_con04 .in_c4_con{width:1900px;}
}

@media screen and (max-width: 1550px) {
	.in_con .h3{font-size:50px;}
  
	.in_con .p{max-width:500px;}
	.in_con .p br{display: none;}
    .in_con01 .h3{font-size: 44px;}
	.in_con01 .h3 h3{font-size: 100px;}
	.in_con02 .h3{font-size: 44px;}
	.in_con02 .h3 h3{font-size: 100px;}
	.in_con03 .h3{font-size: 50px;}
	.in_con03 .shu_con p{font-size: 70px;}
	.in_con04 .shu_con p{font-size: 50px;}
	.in_con04 .in_c4_con{width:1000px;}

	.in_con.in_con05 .text{width:1000px;}
	.in_con06 .news_list{width:1100px;}
	.in_con06 .news_list dt{height: 11.5vw;}
	.in_con06 .news_list dl:nth-of-type(1) dt{height:37.5vw;}
  
  .in_con05 .img_list{max-width:80%;}
  .in_con05 .img_list.list2{max-width:60%;}
}
@media screen and (max-width: 1300px) {
	.in_con .text{top:43%;}
	.in_con01 .text .h3{margin:10px 0;}
	.in_con03 .shu_con{width:200px;height: 200px;padding-right:4.5vw;}
	.in_con03 .shu_con p{width:200px;font-size: 44px;}
	.in_con03 .shu_con svg{width:70%;}

	.in_con04 .shu_con{width:200px;height: 200px;padding-right:4.5vw;}
	.in_con04 .shu_con p{width:200px;font-size: 44px;}
	.in_con04 .shu_con svg{width:70%;}
	.in_con04 .in_c4_con{width:60%;}
	.in_con04 .in_c4_con .dd{flex:1;}
	.in_con.in_con05 .text{width:70%;}
	.in_con06 .news_list{width:70%;}
	.in_con06 .news_list dt{height: 11.5vw;}
	.in_con06 .news_list dl:nth-of-type(1) dt{height:33vw;}
	.in_con06 .news_list dd .p{-webkit-line-clamp:3;height:4.5em;}
}
@media screen and (max-width: 1200px) {
.in_con{position:static;transform:translate(0,0)!important;}
}
/* 移动端 */

.yauto{height:auto;overflow:auto;overflow-x: hidden;}
.yauto body.touch_body{overflow:auto;overflow-x: hidden;height:auto;}
.yauto body.touch_body .main{height:auto;overflow:auto;overflow-x: hidden;}
.yauto .in_con{position: relative;transform:translate(0,0)!important;}
.yauto .swiper-pagination-bullet{width:10px;height: 10px;}
.yauto .swiper-pagination-bullet-active{background: #fff;}

@media screen and (max-width: 1200px) {
	.in_con .a{margin-top: 3vw;}
	.in_con04 .in_c4_con{width:90%;}
	.in_con06 .news_list{width:90%;}
	.in_con06 .a{bottom:-70px;}
}
@media screen and (max-width: 1000px) {
	.in_con{height:70vh;}
	.in_con .p{margin-top: 3vw;}
	.in_con .a{margin-top:5vw;}
	.in_con03 .img .swiper-container{height:70vh;}
	.in_con03 .shu0{left:70%;}
	.in_con04 .text{top:30%;}
	.in_con06{height:50vh;}
	.in_con04 .in_c4_con{height:45vh;}
	
}
@media screen and (max-width: 700px) {
  
	.in_con03 .img0{height: 100%;}
	.in_con .img.img_video video{display: none;}
	.in_con .img img.img_pc{display: none;}
	.in_con .img img.img_mo{display: block;}
	.in_con .p{padding-right:30px;}
	.in_con .a a{height:40px;margin-right: 3vw;}
	.in_con .h3{font-size:30px;}
	.in_con01 .h3 h3{font-size: 70px;}
	.in_con01 .h3{font-size: 30px;}
	.in_con02 .h3 h3{font-size: 70px;}
	.in_con02 .h3{font-size: 30px;}
	.in_con02 .text .p{margin-bottom: 8vw;;}
	.in_con02 .a p svg{width:42px;height:42px;}
	.in_con02 .video1{width:90%;}
	.in_con02 .video1 .close{right:10px;top:10px;}
	.in_con02 .video1 .close svg{width:24px;height:24px;}
	
  .in_con03 .img .swiper-container{height:auto;}
	.in_con03{height: auto;background-color: #e8e4dc;}
	.in_con03 .img>img{display: none;}
	.in_con03 .text{right:30px;position: static;transform: translateY(0%);padding:15% 6% 0;height:45vh;}
	.in_con03 .h3{font-size: 30px;}
	.in_con03 .shu0{left:auto;right:10%;top:auto;bottom:10%;}
	.in_con03 .shu1{left:auto;right:10%;top:auto;bottom:10%;}
	.in_con03 .shu2{left:auto;right:10%;top:auto;bottom:10%;}
  .in_con03 .img0 img{position:static;    transform: scale(1);}
  .in_con03 .img .img_video{height:60vh;}

	.in_con04{height: auto;background-color: #e8e4dc;padding-bottom: 15vw;}
	.in_con04 .img{display: none;}
	.in_con04 .text{position: static;transform: translateY(0%);padding:15% 6% 0;}
	.in_con04 .shu_con{top:65%;}
	.in_con04 .in_c4_con{position: static;transform: translate(0%,0%);width:100%;margin-top:10vw;height: auto;}
	.in_con04 .in_c4_con .dl{position: static;transform: translate(0%,0%);margin-top:0vw;}
	.in_con04 .in_c4_con .dd{margin-top: 10vw;;}
	.in_con04 .in_c4_con .dd p{bottom:105%;}
	.in_con04 .in_c4_con .dd:after{width:55px;height:55px;}

	.in_con05{height:70vh;}
	.isFENV .in_con05{height:500px;}
	.in_con.in_con05 .text{width:auto;right:6%;}
	.in_con05 .img_list{margin-top:5vw;max-width:100%;}
  .in_con05 .img_list.list2{max-width:80%;}
	.in_con05 .text{top:50%;}
  

	.in_con06{height:auto;padding:20vw 6% 15vw;background-color: #e8e4dc;}
	.in_con06 .news_list{position:static;transform: translate(0%,0%);width:100%;}
	.in_con06 .img{display: none;}
	.in_con06 .news_list dl{width:100%;margin-bottom: 10vw;}
	.in_con06 .news_list dt{height:45vw;}
	.in_con06 .news_list dd{margin-top:5vw;}
	.in_con06 .news_list dd h3{margin-top:3vw;height:auto;}
	.in_con06 .news_list dd .p{margin-top:2vw;padding-right:0;}
	.in_con06 .news_list dl:nth-of-type(1){width:100%;}
	.in_con06 .news_list dl:nth-of-type(1) dt{height:70vw;}
	.in_con06 .news_list dl:nth-of-type(1) dd{padding:3vw 5vw;}
	.in_con06 .a{position:static;margin-top: 0;}
	.in_con06 .a a{border-color:#333;color:#333;}

	
}