@charset "utf-8";
.pcbr{display:none;}
.tbbr{display:none;}
.mbbr{display:block;}
.dn{display:none;}
.innerwrap{max-width:1660px;width:94%;margin:0 auto;}
.section{width:100%;height:100vh;}



/**/
body #fp-nav{right:calc(3% + 0px) !important;}
body #fp-nav ul li{
    display: block;
    width:7px;height:7px;
    margin:20px 0px;
    position: relative;
}
body #fp-nav ul li.on{margin-bottom:50px;}
body #fp-nav ul li.on:after{
	display:block;content:"";
	width:1px;height:35px;
	background:rgba(255,255,255,0.4);
	position:absolute;left:50%;top:100%;
	margin:10px 0 0 -1px;
	transition:all 0.4s;
}
body #fp-nav ul li.on:nth-child(6):after{display:none;}
body #fp-nav ul li:last-child{display:none;}
body #fp-nav ul li a span,
body #fp-nav ul li:hover a span{
	position:static;display:block;width:100%;height:100%;margin:6px 0;border-radius:50%;background:0;
	border:1px solid #fff;
	opacity:0.6;
	transition:all 0.4s;
}
body #fp-nav ul li a.active span,
body #fp-nav ul li:hover a.active span{width:10px;height:10px;margin:0 0 0 -2px;border-radius:50%;background:#fff;transition:all 0.4s;}



/* visual */
.sec1{
	overflow:hidden;
	position:relative;
	width:100%;height:100vh;
}
.sec1 .bg{
	overflow:hidden;
	position:absolute;left:0;top:0;bottom:0;right:0;z-index:-1;
	width:100%;height:100%;
	transform:scale(1);transition:all 0.7s;
}
.sec1 .bg video{
	width:100%;height:100%;
	object-fit:cover;
}
.sec1 .txtwrap{
	position:absolute;left:0;top:50%;
	width:100%;
	transform:translateY(-50%);
	text-align:center;
}
.sec1 .txtwrap>div{max-width:1660px;width:100%;margin:0 auto;}
.sec1 .txtwrap>div .tit{
	padding:0 4%;
	font-family:"Poppins";font-size:19px;color:#fff;line-height:1.3em;
	text-shadow:1px 1px 5px rgba(0,0,0,0.1);
}
.sec1 .txtwrap>div .tit>.item{}
.sec1 .txtwrap>div .line{position:relative;width:100%;height:1px;margin:40px 0;}
.sec1 .txtwrap>div .line:before{
	display:block;content:"";
	width:100%;height:1px;
	background:rgba(255,255,255,0.5);
	position:absolute;left:0;top:0;
}
.sec1 .txtwrap>div .txt{
	padding:0 4%;
	font-size:34px;color:rgba(255,255,255,1);text-shadow:1px 1px 2px rgba(0,0,0,0.1);
}
.sec1 .scroll{
	position:absolute;left:50%;bottom:4vh;z-index:10;
	transform:translateX(-50%);
	font-family:"Montserrat";font-size:14px;color:#fff;text-align:center;
}
.sec1 .scroll .arr{margin-top:10px;animation:arrAni 0.6s infinite alternate;}
@keyframes arrAni{
	0%{transform:translateY(0px);}
	100%{transform:translateY(5px);}
}





/* sec2 */
.sec2{overflow: hidden;}
.sec2>div>div{}
.sec2 h2{font-size:20px;color:#0f427d;font-weight:700;}
.sec2 h3{margin:20px 0 25px;font-size:30px;color:#111;font-weight:700;line-height:1.3em;}
.btnMore{
	display:block;
	position:relative;
	width:144px;
	padding:0 0 13px 0;
	font-family:"Montserrat";font-size:14px;color:#333;font-weight:600;
}
.btnMore .arr{
	position:absolute;right:0;top:5px;
	width:8px;height:8px;
	background:url(/images/common/more_arr.png) no-repeat;
	transition:all 0.24s;
}
.btnMore:before{
	display:block;content:"";
	width:100%;height:1px;
	background:#666;
	position:absolute;left:0;bottom:0;transition:all 0.24s;
}
.btnMore:after{
	display:block;content:"";
	width:100%;height:1px;
	background:#666;
	position:absolute;left:0;bottom:0;transition:all 0.24s;
}
.btnMore:hover .arr{transform:rotate(45deg);}
.btnMore:hover:after{bottom:5px;}

.sec2>div>div .titleArea{width:100%;padding-bottom:5vh;}
.sec2>div>div .listArea{position:relative;width:calc(100% - 0px);padding:40% 0;}
.sec2>div>div .listArea .btns{display:none;}
.sec2>div>div .listArea .sec2List{
	position:absolute;left:0;top:0;
	width:calc(100% + 6.8vw);
}
.sec2>div>div .listArea .sec2List .swiper-slide{width:200px;transition:opacity 0.4s;}
.sec2>div>div .listArea .sec2List .swiper-slide.empty{}
.sec2>div>div .listArea .sec2List .swiper-slide .thumb{overflow:hidden;border-radius:20px;}
.sec2>div>div .listArea .sec2List .swiper-slide .thumb img{transform:scale(1.1);transition:all 0.6s;}
.sec2>div>div .listArea .sec2List .swiper-slide:hover .thumb img{transform:scale(1);}
.sec2>div>div .listArea .sec2List .swiper-slide .cate{margin:25px 0 15px;}
.sec2>div>div .listArea .sec2List .swiper-slide .cate span{
	font-size:16px;color:#0f427d;font-weight:500;
	border-bottom:1px solid #0f427d;
}
.sec2>div>div .listArea .sec2List .swiper-slide .tit{
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap:normal;
	overflow:hidden;
	font-size:18px;color:#000;font-weight:600;margin-bottom:10px;
}
.sec2>div>div .listArea .sec2List .swiper-slide .txt{display:none;}
.sec2>div>div .listArea .sec2List .swiper-slide .date{font-family:"Montserrat";font-size:16px;color:rgba(0,0,0,0.6);font-weight:500;}





/* sec3 */
.sec3{
	padding-top:50px;
	background:#f9f9f9 url(/images/main/sec3_bg.png) no-repeat;
	background-size:cover;
}
.sec3 .titleArea{text-align:center;}
.sec3 .titleArea h3{margin:0 0 25px;font-size:30px;color:#111;font-weight:700;line-height:1.3em;}
.sec3 .titleArea p{font-size:18px;color:#666;}
.sec3 .partners{position:relative;}
.sec3 .partners .btns{display:none;}
.sec3 .partners .btns a{display:inline-block;position:absolute;border:1px solid #ccc;border-radius:50%;}
.sec3 .partners .btns .sec3_prev{left:0;top:50%;margin-top:-55px;}
.sec3 .partners .btns .sec3_next{right:0;top:50%;margin-top:-55px;}
.sec3 .partners .sec3List{display:none;}
.sec3 .partners .sec3List_m{
	width:100%;
	margin:20px auto 0;padding-bottom:30px;
}
.sec3 .partners .sec3List_m .swiper-slide{}
.sec3 .partners .sec3List_m .swiper-slide ul{display:flex;flex-wrap:wrap;}
.sec3 .partners .sec3List_m .swiper-slide ul li{
	overflow:hidden;
	width:49%;
	height: 70px;
	margin:0 2% 2% 0;
	border-radius:20px;
	box-shadow:1px 1px 10px rgba(0,0,0,0.1);
	background: #fff;
}
.sec3 .partners .sec3List_m .swiper-slide ul li img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.sec3 .partners .sec3List_m .swiper-slide ul li:nth-child(2n){margin-right:0;}
.sec3 .partners .sec3List_m .sec3paging{bottom:0;}
.sec3 .partners .sec3List_m .sec3paging span{background:#000;}





/* sec4 */
.sec4{
	padding-top:35px;
	background:#f7f5ef;
}
.sec4 .titleArea{position:relative;width:100%;margin:0 auto 4vh;}
.sec4 .titleArea h2{font-size:20px;color:#0f427d;font-weight:700;}
.sec4 .titleArea h3{margin:20px 0 10px;font-size:30px;color:#111;font-weight:700;line-height:1.3em;
font-size:clamp(30px, 30px, 30px);}
.sec4 .titleArea p{font-size:18px;color:#666;}
.sec4 .titleArea a{display:none;position:absolute;right:0;bottom:35px;}
.sec4 .business{position:relative;}
.sec4 .business .btns{display:none;}
.sec4 .business .btns a{display:inline-block;position:absolute;border:1px solid #ccc;border-radius:50%;}
.sec4 .business .btns .sec4_prev{left:0;top:50%;margin-top:-55px;}
.sec4 .business .btns .sec4_next{right:0;top:50%;margin-top:-55px;}
.sec4 .business .sec4List, .sec4 .business .sec4List_m{display:none !important;}
.sec4 .business .sec4List_m2{
	width:100%;
	margin:20px auto 0;padding:0 0 30px;
}
.sec4 .business .sec4List_m2 .swiper-slide{}
.sec4 .business .sec4List_m2 .swiper-slide ul{display:flex;flex-wrap:wrap;box-sizing:border-box;padding-top:1vw;}
.sec4 .business .sec4List_m2 .swiper-slide ul li{
	overflow:hidden;
	width:49%;
	margin:0 2% 2% 0;
	background:#0f427d;
	border-radius:20px;
	box-shadow:2px 2px 5px rgba(0,0,0,0.3);transform:translateY(0);
	transition:all 0.24s;
}
.sec4 .business .sec4List_m2 .swiper-slide ul li:hover{
transform:translateY(-1vw);box-shadow:2px 2px 5px rgba(0,0,0,0.5);background:#fff;
}
.sec4 .business .sec4List_m2 .swiper-slide ul li:nth-child(2n){margin-right:0;}
.sec4 .business .sec4List_m2 .swiper-slide ul li .tit{
	position:relative;
	display:flex;align-items:center;justify-content:center;
	height:34px;
	font-size:16px;color:#fff;font-weight:600;text-align:center;
	transition:all 0.24s;
}
.sec4 .business .sec4List_m2 .swiper-slide ul li:hover .tit{color:#0f427d;}
.sec4 .business .sec4List_m2 .swiper-slide ul li .tit:after{
	display:block;content:"";
	width:15px;height:15px;
	border:1px solid rgba(255,255,255,0.4);border-radius:50%;
	background:url(/images/main/sec4_arr.png) no-repeat center;
	position:absolute;right:10px;top:10px;
	transition:all 0.24s;
}
.sec4 .business .sec4List_m2 .swiper-slide ul li:hover .tit:after{
	border:1px solid #19293b;
	background:#19293b url(/images/main/sec4_arr.png) no-repeat center;
}
.sec4 .business .sec4List_m2 .sec4paging{bottom:0;}
.sec4 .business .sec4List_m2 .sec4paging span{background:#000;}

.sec4 .business .sec4List_m2 .swiper-slide ul li .img{overflow:hidden;}
.sec4 .business .sec4List_m2 .swiper-slide ul li .img img{width:100%;max-width:100%;max-height:110px; height: 22vw; object-fit:cover;}

@media screen and (max-width:499px){
.sec4 .titleArea{margin-bottom:2vh;}
}

/* sec5 */
.sec5{
	padding-top:50px;
	background:#f9f9f9;
}
.sec5 .titleArea{position:relative;width:100%;margin:0 auto 4vh;text-align:center;}
.sec5 .titleArea h2{font-size:20px;color:#0f427d;font-weight:700;}
.sec5 .titleArea h3{margin:20px 0 30px;font-size:30px;color:#111;font-weight:700;line-height:1.3em;}
.sec5 .titleArea p{font-size:16px;color:#666;line-height:1.6em;}
.sec5 .esg{width:100%; overflow:hidden;position:relative;}
.sec5 ul{
	display:inline-block; overflow:hidden;
	overflow-y:hidden; overflow-x:auto;
	white-space:nowrap; width:100%;
	box-sizing:border-box; padding:0 0 10px;
	font-size:0;
}
.sec5 ul li{
	overflow:hidden;
	display:inline-block;
	position:relative;
	border-radius:20px;
	width:270px;height:42vh;
	margin-right:30px;
}
.sec5 ul li .bg{
	position:absolute;left:0;top:0;
	width:100%;height:100%;
	transform:scale(1);
	transition:all 0.6s;
}
.sec5 ul li:hover .bg{transform:scale(1.1);}
.sec5 ul li:nth-child(1) .bg{background:url(/images/main/sec5_bg1.png) no-repeat center;background-size:cover;}
.sec5 ul li:nth-child(2) .bg{background:url(/images/main/sec5_bg2.png) no-repeat center;background-size:cover;}
.sec5 ul li:nth-child(3) .bg{background:url(/images/main/sec5_bg3.png) no-repeat center;background-size:cover;}
.sec5 ul li:nth-child(4) .bg{background:url(/images/main/sec5_bg4.png) no-repeat center;background-size:cover;}
.sec5 ul li .titArea{
	position:absolute;left:0;bottom:45px;
	width:100%;
	padding:0 25px;
	transition:all 0.4s;
}
.sec5 ul li:hover .titArea{bottom:55px;}
.sec5 ul li .titArea .icon{height:56px;}
.sec5 ul li .titArea h4{
	font-size:24px;color:#fff;font-weight:700;
}
.sec5 ul li .titArea h4:before{
	display:block;content:"";
	width:50px;height:1px;
	margin:0 0 15px 0;
	background:rgba(255,255,255,0.6);
}





/* sec6 */
.sec6{
	padding: 100px 0;
	background:#f7f5ef;
	border-bottom: 1px solid #ccc;
}
.sec6 .toparea{
	width: 100%;
}
.sec6 .toparea h3{font-size:30px;color:#111;font-weight:700;line-height:1.3em;}
.sec6 .toparea ul{display:flex;flex-wrap:wrap;margin:25px 0 0;}
.sec6 .toparea ul li{margin-right:10px;}
.sec6 .toparea ul li a{
	display:flex;align-items:center;justify-content:center;
	height:40px;
	padding:0 25px;margin-bottom:5px;
	border:1px solid #b5b3af;border-radius:25px;
	font-size:14px;color:#1f1f1f;font-weight:600;text-align:center;	
	transition:all 0.24s;
}
.sec6 .toparea ul li:hover a{border:1px solid #19293b;background:#19293b;color:#fff;}
.sec6 .toparea ul li a i{
	display:inline-block;
	margin:0 10px 0 0;
	transition:all 0.24s;
}
.sec6 .toparea ul li:nth-child(1) a i{width:20px;height:20px;background:url(/images/main/sec6_icon1.png) no-repeat;}
.sec6 .toparea ul li:nth-child(2) a i{width:22px;height:21px;background:url(/images/main/sec6_icon2.png) no-repeat;}
.sec6 .toparea ul li:nth-child(3) a i{width:20px;height:20px;background:url(/images/main/sec6_icon3.png) no-repeat;}
.sec6 .toparea ul li:nth-child(4) a i{
	width:25px;height:20px;margin:-4px 10px 0 0;
	background:url(/images/main/sec6_icon4.png) no-repeat;
}
.sec6 .toparea ul li:hover:nth-child(1) a i{background:url(/images/main/sec6_icon1_hover.png) no-repeat;}
.sec6 .toparea ul li:hover:nth-child(2) a i{background:url(/images/main/sec6_icon2_hover.png) no-repeat;}
.sec6 .toparea ul li:hover:nth-child(3) a i{background:url(/images/main/sec6_icon3_hover.png) no-repeat;}
.sec6 .toparea ul li:hover:nth-child(4) a i{background:url(/images/main/sec6_icon4_hover.png) no-repeat;}



.sec6 .botarea{
	margin-top: 3vh;
}



.sec6 .botarea .mapwrap{
	width: 100%;
}
.sec6 .botarea .mapwrap + .mapwrap{margin-top: 40px;}
.sec6 .botarea .mapwrap .tit{
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 20px;
}
.sec6 .botarea .mapwrap .map{
	width: 100%;
	height: 250px;
}
.sec6 .botarea .mapwrap .info{
	margin-top: 20px;
}
.sec6 .botarea .mapwrap .info dl{
	padding-left:22px;margin-bottom:10px;
	display: flex;
}
.sec6 .botarea .mapwrap .info dl:nth-child(1){background:url(/images/main/sec6_contact_icon1.gif) no-repeat left 3px; background-size: 11px;}
.sec6 .botarea .mapwrap .info dl:nth-child(2){background:url(/images/main/sec6_contact_icon2.gif) no-repeat left 3px;background-size: 13px;}
.sec6 .botarea .mapwrap .info dl:nth-child(3){background:url(/images/main/sec6_contact_icon3.gif) no-repeat left 5px;background-size: 13px;}
.sec6 .botarea .mapwrap .info dl:last-child{margin-bottom:0px;background:url(/images/main/sec6_contact_icon4.gif) no-repeat left 5px;background-size: 13px;}
.sec6 .botarea .mapwrap .info dl dt{
	position: relative;
	width:80px;
	font-family:"Poppins";
	font-size:14px;
	color:#000;
	font-weight:500;
	line-height:1.4em;
}
.sec6 .botarea .mapwrap .info dl dd{
	width:calc(100% - 80px);
	box-sizing: border-box;
	font-size:14px;color:rgba(27,27,27,0.8);font-weight:400;line-height:1.4em;
}




/* sec7 */
.sec7{height:180px;background:#f7f6f3;}

@media screen and (max-width:499px){
.sec2 h3, .sec3 .titleArea h3, .sec4 .titleArea h3, .sec5 .titleArea h3{font-size:clamp(24px, 4.5vw, 28px);}
.sec5 .titleArea h2, .sec4 .titleArea h2, .sec2 h2{font-size:clamp(17px, 3.6vw, 20px);}
}



/**/
.head{transform:translateY(-100%);;}
.head.ani{transform:translateY(0);transition:all 1s 1.8s;}

.sec1 .txtwrap>div .line:before{transform-origin:left;transform:scaleX(0);transition:all 1s;}
.sec1.ani .txtwrap>div .line:before{transform:scaleX(1);transition:all 2s linear;}
.sec1 .txtwrap>div .txt{opacity:0;transform:translateY(20px);}
.sec1.ani .txtwrap>div .txt{opacity:1;transform:translateY(0);transition:all 1s 1.6s;}
.sec1 .txtwrap>div .tit{perspective:800px;}
.sec1 .txtwrap>div .tit>.item{display:inline-block;opacity:0;transform:translateY(40px) scale(1.1);}
.sec1.ani .txtwrap>div .tit>.item{opacity:1;transform:translateY(0) scale(1);}
.sec1.ani .txtwrap>div .tit>.item:nth-child(1){transition:all 1s 0.5s;}
.sec1.ani .txtwrap>div .tit>.item:nth-child(2){transition:all 1s 1s;}
.sec1.ani .txtwrap>div .tit>.item:nth-child(3){transition:all 1s 1.5s;}


.sec5 ul li .titArea .icon .svg4{width:42px;}
.sec5 .svg4 .cls-1{fill:none;}
.sec5 .svg4 .phead, .sec5 .svg4 .pbody{fill:none;stroke:#fff;stroke-miterlimit:10;}
.sec5 .svg4 .arrow2{fill:#fff;}
.sec5 .svg4 .arrow{stroke:#fff;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;}

.sec5 ul li .titArea .icon .tm_view{}
.sec5 ul li .titArea .icon .pc_view{display: none !important;}