/*
Theme Name: DaLiangZest
Version: 1.0
Description:
Author:
*/
@charset "utf-8";

:root {
	--i_color: #F40002;
	--i_color2: #FAF408;
	--i_color3: #005EBB;
	--aside_size: 1.4rem;
	--aside_menu_height: 1rem;
	--header_size: 60px;
}



.wrap_home {
	width: 80%;
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
}
.wrap {
	width: 94%;
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
}

.wrap_l{margin-left: 10vw;}
.wrap_r{margin-right: 10vw;}

@media screen and (min-width:1921px) {
	.wrap_home{max-width: none;}
	.wrap{max-width: none;}

	.wrap_l{margin-left: 9.4vw;}
	.wrap_r{margin-right: 9.4vw;}
}

@media screen and (max-width:1680px) {
	.wrap_l{margin-left: 9.2vw;}
	.wrap_r{margin-right: 9.2vw;}
}
@media screen and (max-width:1024px) {
	.wrap_home{width: 94%;}
	.wrap_l{margin-left: 3vw;}
	.wrap_r{margin-right: 3vw;}
}







.asideMain{position: fixed; top: 0; left: 0; width: var(--aside_size); background: #FFF; z-index: 99999999; transition:all .8s ease;}
.asideMain::before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 0; background: #FFF; z-index: 99999997; transition:all .5s ease;}
.asideMain.h::before{height: 100vh;}
.asideMain.hideing{top: -100%;}

.asidelogo, .asideMenu,.asideEmail{border-bottom: 1px solid #DDD; height: var(--aside_menu_height); display:flex; flex-wrap:wrap; align-items: center; justify-content: center; cursor: pointer; position: relative; z-index: 99999999;}
.asidelogo img{width: 60%; max-height: 70%; object-fit: contain;}
.asideMenu img,.asideMenu img{max-height: 4.2rem;}

.asideMenu.active,
.asideEmail.active{background: rgb(0 94 187 / 15%); transition:all .5s ease;}


.asidePagination{position: relative; z-index: 99999999;}

.homeBox-pagination{display:flex; flex-wrap:wrap; align-items: center; flex-direction: column; gap: .1rem 0;}
.homeBox-pagination .swiper-pagination-bullet{display: block; width:14px; height:14px; box-sizing: border-box; border: 1px solid transparent; border-radius:50%; outline:none; cursor:pointer; position: relative;}
.homeBox-pagination .swiper-pagination-bullet::before{content: ''; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width: 6px; height: 6px; background: #B4B4B4; border-radius:50%;}
.homeBox-pagination .swiper-pagination-bullet-active{border-color: var(--i_color3)}
.homeBox-pagination .swiper-pagination-bullet-active::before{background: var(--i_color3);}

.homeBox-pagination2{display:flex; flex-wrap:wrap; justify-content: center; align-items: baseline; gap: 0 4px;}
.homeBox-pagination2 i{font-size: 0.24rem;font-weight: bold; color: var(--i_color3);}
.homeBox-pagination2,.homeBox-pagination2 b{font-size: 0.16rem; font-weight: bold; color: #BBB;}

@media screen and (max-width:1024px) {
	.asideMain{display: none !important;}
}







.i_nav{opacity: 0; visibility: hidden; position: fixed; right: 0; top:50%; transform:translate(0,-50%) scaleY(0); width: calc(100% - var(--aside_size)); height: 100vh; z-index: 9999999; transition:all .5s ease;}
.i_nav>ul{width: 100%; height: 100%; display:flex; flex-wrap:nowrap; background: #003569;}
.i_nav>ul>li{opacity: 0; position: relative; left: .6rem; width: 100%; box-sizing: border-box; padding: 15vw .3rem 0; border-left: 1px solid rgb(255 255 255 / 10%); transition-property:left, opacity; transition-delay: .6s;}
.i_nav>ul>li:first-child{border-left: none;}
.i_nav>ul>li>a{display: block; height: 0.6rem; font-size: 0.24rem; color: #FFF; font-weight: bold;}

.i_nav>ul ul{margin-top: 0.2rem;}
.i_nav>ul ul li{position: relative;}
.i_nav>ul ul li::before{content: '';position:absolute; top:.26rem; left: 0; width: 0; height: 2px; background: #FFF; transition:all .5s ease;}
.i_nav>ul ul a{display: block; padding: .16rem 0; font-size: 0.18rem; color: rgb(255 255 255 / 50%); position: relative; left: 0; transition:all .5s ease;}


.i_nav.active{opacity: 1; visibility: visible; transform:translate(0,-50%) scaleY(100%);}
.i_nav.active>ul>li{opacity: 1; left: 0;}
.i_nav.active>ul>li:nth-child(1){transition-duration: .3s;}
.i_nav.active>ul>li:nth-child(2){transition-duration: .6s;}
.i_nav.active>ul>li:nth-child(3){transition-duration: .9s;}
.i_nav.active>ul>li:nth-child(4){transition-duration: 1.2s;}
.i_nav.active>ul>li:nth-child(5){transition-duration: 1.5s;}
.i_nav.active>ul>li:nth-child(6){transition-duration: 1.8s;}
.i_nav.active>ul>li:nth-child(7){transition-duration: 2.1s;}
.i_nav.active>ul>li:nth-child(8){transition-duration: 2.4s;}
.i_nav.active>ul>li:nth-child(9){transition-duration: 2.7s;}
.i_nav.active>ul>li:nth-child(10){transition-duration: 3s;}

.i_nav>ul>li:hover{background: #0A3D6F;}

.i_nav>ul ul li:hover::before{width: 0.2rem;}
.i_nav>ul ul li:hover a{left: 0.3rem;}

@media screen and (max-width:1024px) {
	.i_nav{width: 100%; height: calc(100% - var(--header_size)); top: var(--header_size); transform:translate(0,0) scaleY(0);}
	.i_nav.active{transform:translate(0,0) scaleY(100%);}

	.i_nav>ul{flex-wrap: wrap; flex-direction: column;}
	.i_nav>ul>li{left: 0; top: 30px; padding: 0 0; transition-property:top, opacity;}
	.i_nav.active>ul>li{top: 0;}
	.i_nav>ul>li>a{height: auto; padding: 14px 3vw; font-size: 18px;}

	.i_nav .menu-item-has-children span {
		display: block;
		position: absolute;
		top: 12px;
		right: 20px;
		width: 24px;
		height: 24px;
		box-sizing: border-box;
		border: 1px solid #CCC;
		background:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" viewBox="0 0 24 24"%3E%3Cpath fill="%23FFF" d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"%2F%3E%3C%2Fsvg%3E') no-repeat center;
		background-size: 18px;
	}
	.i_nav .menu-item-has-children span.on {
		background:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" viewBox="0 0 24 24"%3E%3Cpath fill="%23FFF" d="M19 12.998H5v-2h14z"%2F%3E%3C%2Fsvg%3E') no-repeat center;
		background-size: 18px;
	}

	.i_nav>ul ul{display: none; margin-top: 0;}
	.i_nav>ul ul a{padding: 12px 6%; font-size: 16px;}
	.i_nav>ul ul li::before{display: none !important;}
	.i_nav>ul ul li:hover a{left: 0;}
}






.asideContact{opacity: 0; visibility: hidden; position: fixed; top: 0; left: 0; width: 30vw; height: 100%; box-sizing: border-box; border-left: 1px solid #DDD; box-shadow: 2px 0 10px rgb(0 0 0 / 8%); background: #FFF; z-index: 9999999; transition:all .3s ease;}
.asideContact.active{opacity: 1; visibility: visible; left: var(--aside_size); transition:all .8s ease;}
.asideContact>img{width: 100%; height: calc(3 * var(--aside_menu_height) + 3px); object-fit: cover;}

.asideContact_box{padding: .4rem;}

.asideContact_box>h3{margin-bottom: 0.2rem; font-weight: bold;}

.asideContact_list{}
.asideContact_list dt{margin-top: 0.3rem; width: 100%;}

.asideContact_list span{margin-bottom: 0.2rem; display:flex; flex-wrap:wrap; align-items: center; gap: 0 .1rem;}
.asideContact_list iconify-icon{font-size: 0.24rem; color: var(--i_color3);}
.asideContact_list h6{font-size: 0.2rem; font-weight: bold;}

.asideContact_list p,.asideContact_list a{font-size: 0.18rem; color: #666; line-height: 1.5;}
.asideContact_list a:hover{color: var(--i_color3); text-decoration: underline;}

@media screen and (max-width:1440px) {
	.asideContact{width: 35vw;}
	.asideContact_list span{margin-bottom: 12px;}
}
@media screen and (max-width:1366px) {
	.asideContact_box{padding: .3rem;}
}
@media screen and (max-width:1200px) {
	.asideContact{width: 40vw;}
	.asideContact_list h6{font-size: 17px;}
	.asideContact_list p, .asideContact_list a{font-size: 16px;}
}
@media screen and (max-width:1024px) {
	.asideContact{display: none !important;}
}







header{display: none;}
@media screen and (max-width:1024px) {
	header{display: block; position: fixed; top: 0; left: 0; width: 100%; background: #FFF; box-shadow: 0 4px 6px rgb(0 0 0 / 5%); z-index: 99999;}
	header .wrap{height: var(--header_size); display:flex; flex-wrap:nowrap; align-items: center;}
	.logo{height: 100%; display:flex; flex-wrap:nowrap; align-items: center;}
	.logo img{height: 80%;}

	.nav_menu {
		flex-shrink: 0;
		margin-left: 0.3rem;
		position: relative;
		width: 22px;
		height: 16px;
		cursor: pointer
	}
	.nav_menu i {
		display: block;
		width: 100%;
		height: 2px;
		position: absolute;
		top: 50%;
		margin-top: -2px;
		background: #555;
		border-radius: .1rem;
		transition: 0.5s
	}
	.nav_menu::before,
	.nav_menu::after {
		content: "";
		width: 100%;
		height: 2px;
		background: #555;
		position: absolute;
		left: 0;
		border-radius: .1rem;
		transition: 0.5s
	}
	.nav_menu::before {
		top: 0;
	}
	.nav_menu::after {
		bottom: 0;
	}


	.nav_menu.on i {
		opacity: 0
	}

	.nav_menu.on::before {
		transform: rotate(45deg);
		top: 50%;
		margin-top: -2px
	}

	.nav_menu.on::after {
		transform: rotate(-45deg);
		top: 50%;
		margin-top: -2px
	}

	.headerContainer{display: block; width: 100%; height: var(--header_size);}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}






.homeBox{margin-left: auto; width: calc(100% - var(--aside_size)); overflow: hidden;}

.homePage{width: 100%; height: 100vh; position:relative; overflow:hidden; touch-action: pan-x;}
.homePage>.swiper-wrapper{display:flex; position:relative; flex-direction: column; width:100%}
.homePage section{flex-shrink:0; width: 100%; position:relative; transition:all .5s ease; overflow: hidden;}

@media screen and (max-width:1024px) {
	.homeBox{width: 100%;}
	.homePage{height: auto; touch-action: initial}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}






.topMenu{position: absolute; top: .4rem; right: .4rem; display:flex; flex-wrap:nowrap; align-items: center; gap: 0 .3rem; z-index: 9999;}

.topSearchBtn{position: relative; cursor: pointer;}
.topSearchBtn::before{content: ''; position:absolute; top:50%; transform:translate(0,-50%); right: -.15rem; width: 2px; height: 70%; background: rgb(255 255 255 / 50%);}
.topSearchBtn iconify-icon{font-size: 0.2rem; color: #FFF;}

.topLang{}
.topLangBtn{display:flex; flex-wrap:nowrap; align-items: center; gap: 0 .1rem; cursor: pointer;}
.topLangBtn p{font-size: 0.17rem;font-weight: bold; color: #FFF;}
.topLangBtn i{width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-top:6px solid #FFF;}

.topLangList {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	top: calc(100% + .3rem);
	right: -.1rem;
	min-width: 1.6rem;
	background: #FFF;
	box-sizing: border-box;
	box-shadow: 2px 6px 10px rgb(0 0 0 / 10%);
	padding: .1rem .18rem .1rem;
	z-index: 2;
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}
.topLangList.on {
	visibility: visible;
	opacity: 1;
	top: calc(100% + .16rem);
}

.topLangList ul {overflow: hidden;}
.topLangList li{position: relative;left: 0;-webkit-transition:all .5s ease; transition:all .5s ease;}
.topLangList a>span {
	display:-webkit-flex; display:flex; flex-wrap:nowrap;align-items: center;gap: 0 8px;
	box-sizing: border-box;
	overflow: hidden
}
.topLangList .trp-ls-language-name{font-size: 15px; color: #666;line-height: .3rem;}

.topLangList li:hover{left: 4px;}
.topLangList li:hover .trp-ls-language-name{color: var(--i_color);}

@media screen and (max-width:1024px) {
	.topMenu{display: none; position: initial; margin-left: auto;}
	header .topMenu{display:flex !important; height: 100%;}

	.topSearchBtn::before{background: #DDD;}

	.topSearchBtn iconify-icon{color: #333;}

	.topLang{height: 100%; display:flex; flex-wrap:wrap; align-items: center; position: relative;}
	.topLangBtn{gap: 0 6px;}
	.topLangBtn p{font-size: 16px; color: #555;}
	.topLangBtn i{border-top:6px solid #999; border-width: 4px;}

	.topLangList.on{top: 100%;}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}






/* search */
.top_search {
	--search_height: .46rem
}
.global_search{display: none;}
.top_search {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	top: -.1rem;
	left:50%; transform:translate(-50%,0);
	width: 90%;
	max-width: 5rem;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	z-index: 9999;
}
.top_search.on {
	visibility: visible;
	opacity: 1;
	top: .26rem;
}
.top_search form {
	width: 100%;
	margin: 0 auto;
	display: -webkit-flex;
	display: flex;
	flex-wrap: nowrap;
	box-sizing: border-box;
	overflow: hidden;
}
.top_search_ipt {
	width: 100%;
	height: var(--search_height);
	box-sizing: border-box;
	padding: 0 .12rem;
	font-size: 16px;
}
.top_search_btn {
	flex-shrink: 0;
	font-size: 0;
	color: #FFF;
	width: calc(var(--search_height) * 1.5);
	height: var(--search_height);
	background:var(--i_color) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFF' d='M21.71 20.29L18 16.61A9 9 0 1 0 16.61 18l3.68 3.68a1 1 0 0 0 1.42 0a1 1 0 0 0 0-1.39M11 18a7 7 0 1 1 7-7a7 7 0 0 1-7 7'/%3E%3C/svg%3E") no-repeat center;
	background-size: .24rem;
	cursor: pointer;
}

@media screen and (max-width:1024px) {
	.global_search{display: block;}

	.top_search {--search_height: 38px}
	.top_search{position: fixed; width: 94%; max-width: 94%;}
	.top_search.on{top: calc(var(--header_size) + .1rem)}
	.top_search_btn{background-size: 20px;}

	.banner_search{display: none !important;}
}






/* banner */
.banner {
	width: 100%;
	height: 100%;
	font-size: 0;
	overflow: hidden;
	position: relative;
}

.banner .swiper-container {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1;
}
.banner .swiper-wrapper {
	display: flex;
	position: relative;
	width: 100%;
	z-index: 1
}
.banner .swiper-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-shrink: 0;
	height: 0;
	padding-bottom: 100vh;
	position: relative;
	overflow: hidden
}
.banner .swiper-slide>img,
.banner .swiper-slide>a>img {
	position:absolute; top:0; left:0; width:100vw; height:100%; object-fit: cover;
}

.banner-button{position:absolute; top:48%; transform:translate(0,-50%); width: 0.6rem;height: 0.6rem;box-sizing: border-box;cursor: pointer; z-index: 3;-webkit-transition:all .5s ease; transition:all .5s ease;}
.banner-button-prev{left: -1rem}
.banner-button-next{right: -1rem;}
.banner-button iconify-icon{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);font-size: 0.5rem;color:#FFF;}
.banner:hover .banner-button-prev{left: .1rem;}
.banner:hover .banner-button-next{right: .1rem;}

.banner-pagination {
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	bottom: .3rem;
	text-align: center;
	z-index: 99999999;
}
.banner-pagination .swiper-pagination-bullet {
	width: 16px;
	height: 16px;
	display: inline-block;
	margin: 0 6px;
	outline: none;
	cursor: pointer;
	position: relative;
}
.banner-pagination .swiper-pagination-bullet::before{content: '';position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width: 12px; height: 12px; background: rgb(255 255 255 / 50%); border-radius:50%; transition:all .5s ease;}
.banner-pagination .swiper-pagination-bullet-active::before{width: 100% !important; height: 100% !important; background: #FFF;}

@media screen and (max-width:1440px) {
	.banner-pagination .swiper-pagination-bullet{width: 12px; height: 12px;}
	.banner-pagination .swiper-pagination-bullet::before{width: 8px; height: 8px;}
}
@media screen and (max-width:1024px) {
	.banner .swiper-slide{padding-bottom: 54%;}
	.banner-button-prev,.banner-button-next{display: none;}
}
@media screen and (max-width:560px) {
	.banner-pagination{bottom: 20px;}
	.banner-pagination .swiper-pagination-bullet{width: 10px; height: 10px; margin: 0 4px;}
	.banner-pagination .swiper-pagination-bullet::before{width: 8; height: 8px;}
}





.banner_text1{position:absolute; top:22%; left: 15vw; width: 100%;}
.banner_text1 h2{display: table; padding-bottom: 0.2rem; font-size: 4.5vw; color: #FFF; font-weight: bold; line-height: 1.1; position: relative;}
.banner_text1 h2::before{content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 6px; background:linear-gradient(to right, var(--i_color), #CC9058, transparent);}
@media screen and (min-width:1921px) {
    .banner_text1 h2{font-size:4vw}
}
@media screen and (max-width:560px) {
	.banner_text1 h2{padding-bottom: 14px; font-size: 5vw;}
	.banner_text1 h2::before{height: 4px;}
}





.banner_text2{position:absolute; top:40%; left: 10vw; width: 100%;}
.banner_text2 h2{display: table; padding-bottom: 0.2rem; font-size: 4.5vw; color: #FFF; font-weight: bold; line-height: 1.1; position: relative;}
.banner_text2 h2::before{content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 6px; background:linear-gradient(to right, var(--i_color), #CC9058, transparent);}
@media screen and (min-width:1921px) {
    .banner_text2 h2{font-size:4vw}
}
@media screen and (max-width:560px) {
	.banner_text2 h2{padding-bottom: 14px; font-size: 5vw;}
	.banner_text2 h2::before{height: 4px;}
}





.i_tit{}
.i_tit h3{padding-bottom: 0.1rem; display: table; font-weight: bold; position: relative;}
.i_tit h3::before{content: '';position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background:linear-gradient(to right, var(--i_color), #F3B77D, transparent);}
.i_tit p{margin-top: 0.2rem;}
.i_tit a{font-weight: bold;}
.i_tit a:hover{color: var(--i_color3); text-decoration: underline;}

@media screen and (max-width:1024px) {
	.i_tit p{font-size: 16px;}
}
@media screen and (max-width:560px) {
	.i_tit p{line-height: 1.5;}
}







.i_more{display: table; min-width: 1.4rem; padding: .12rem .2rem; background:linear-gradient(to right, var(--i_color), var(--i_color2)); text-align: center; border-radius:6px; transition:all .5s ease;}
.i_more b{font-size: 0.18rem; color: #FFF; font-weight: bold;}

.i_more.center{margin-left: auto;margin-right: auto;}

.i_more:hover{transform:translate(0,-8px); box-shadow: 0 6px 10px rgb(0 0 0 / 20%);}

@media screen and (max-width:1024px) {
	.i_more{min-width: 100px; padding: 10px 20px;}
	.i_more b{font-size: 16px;}
}
@media screen and (max-width:560px) {
	.i_more{min-width: 100px; padding: 10px 20px; border-radius:4px;}
	.i_more b{font-size: 15px;}
}






.secTit{display:flex; flex-wrap:nowrap; align-items: center; gap: 0 5%;}
.secTit .i_more{margin-left: auto;}




.leftLine::after{content: ''; position: absolute; top: 0; left: .6rem; width: 1px; height: 100%; background: #E5E5E5;}

@media screen and (min-width:1921px) {
	.leftLine::after{left:4.8vw;}
}
@media screen and (max-width:1200px) {
	.leftLine::after{left:.46rem;}
}
@media screen and (max-width:1024px) {
	.leftLine::after{display: none;}
}





.homeAbout{width: 100%; height: 100%; background: #F9F9F9; position: relative;}
.homeAbout::before{content: 'ABOUT US'; position:absolute; top: 45vh; left:.54rem; font-size: 0.56rem;font-weight: bold; writing-mode:vertical-rl; line-height: 1;}
.homeAbout .wrap_home{height: 100%; display:flex; flex-direction: column;}

@media screen and (min-width:1921px) {
	.homeAbout::before{top: 38vh; left:4.5vw; font-size:.44rem}
}
@media screen and (max-width:1440px) {
	.homeAbout::before{top: 34vh; left:.52rem; font-size: 0.5rem;}
}
@media screen and (max-width:1366px) {
	.homeAbout::before{font-size: 0.46rem;}
}
@media screen and (max-width:1200px) {
	.homeAbout::before{top: 30vh; left: .4rem; font-size: 0.36rem;}
}
@media screen and (max-width:1024px) {
	.homeAbout::before{display: none;}
}







.homeAbout_num{padding: .24rem 0; margin-left: auto; width: 72%;; display:flex; flex-wrap:nowrap; background: #FFF; box-shadow: 0 6px 6px rgb(0 0 0 / 10%);}
.homeAbout_num dt{width: 100%; text-align: center; border-left: 1px solid #DDD;}
.homeAbout_num dt:first-child{border-left: none;}
.homeAbout_num span{display:flex; flex-wrap:wrap; align-items: center; justify-content: center; gap: 0 6px;}
.homeAbout_num span img{height: 0.32rem;}
.homeAbout_num .t{margin-top: 0.1rem;}
.homeAbout_num p{font-size: 0.18rem; color: #666;}
.homeAbout_num h4{font-size: 0.5rem; font-weight: bold;}
.homeAbout_num i{font-size: 0.3rem;}
.homeAbout_num b{font-size: 0.5rem; font-weight: bold;}

@media screen and (max-width:1440px) {
	.homeAbout_num h4{font-size: 0.44rem;}
	.homeAbout_num b{font-size: 0.38rem;}
	.homeAbout_num i{font-size: 0.22rem;}
}
@media screen and (max-width:1200px) {
	.homeAbout_num h4{font-size: 0.38rem;}
}
@media screen and (max-width:1024px) {
	.homeAbout_num{margin: 40px auto; width: 100%; padding: 20px 0;}
	.homeAbout_num span img{height: 26px;}
	.homeAbout_num p{font-size: 16px;}
	.homeAbout_num h4{font-size: 30px;}
	.homeAbout_num b{font-size: 26px;}
	.homeAbout_num i{font-size: 16px;}
}
@media screen and (max-width:768px) {
	.homeAbout_num p{margin-top: 4px; width: 100%;}
}
@media screen and (max-width:560px) {
	.homeAbout_num{margin: 30px auto; padding: 16px 0;}
	.homeAbout_num p{font-size: 13px;}
	.homeAbout_num h4{font-size: 22px;}
	.homeAbout_num b{font-size: 18px;}
	.homeAbout_num i{font-size: 12px;}
}





.homeAbout_cont{width: 100%; margin-top: auto; display:flex; flex-wrap:wrap; align-items: center; gap: 0 .5rem;}

.homeAbout_t{width: 50%;}

.homeAbout_p{margin-left: auto; width: 40%; font-size: 0;}
.homeAbout_p img{width: 100%;}

@media screen and (min-width:1921px) {
	.homeAbout_cont{margin-top: 8vh;}
}

@media screen and (max-width:1440px) {
	.homeAbout_cont{padding-bottom: 8vh}
}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {
	.homeAbout_cont{padding-bottom: 5vh}
}
@media screen and (max-width:1024px) {
	.homeAbout_cont{padding-bottom: 0; margin-bottom: 30px;}
	.homeAbout_t{padding-bottom: 0;}
	.homeAbout_t article{font-size: 16px;}
}
@media screen and (max-width:768px) {
	.homeAbout_t{width: 100%;}
	.homeAbout_p{margin-top: 30px; width: 100%;}
}
@media screen and (max-width:560px) {
	.homeAbout_t article{font-size: 15px;}
}







.homeCat{height: 100%; background: #F9F9F9;}
.homeCat>.wrap_home{display:flex; align-items:center; height:calc(2 * var(--aside_menu_height) + 1px)}

.homeCat_list{display:flex; flex-wrap:nowrap; position: relative;}
.homeCat_list .line{opacity: 0; position: absolute; top: 12%; left: .6rem; width: 4px; height: 0; background: #FFF; z-index: 3; transition:all .5s ease;}
.homeCat_list .line.curr{opacity: 1; height: 0.5rem;}

.homeCat_show{width: 100%; position: relative;}
.homeCat_show li{opacity: 0; visibility: hidden; position: relative; height: 0; overflow: hidden;}

.homeCat_show .pic{width: 100%; position: relative; overflow: hidden;}
.homeCat_show .pic::before{content: ''; display: block; padding-bottom: 74vh;}
.homeCat_show .pic img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit: cover;}

.homeCat_show .t{position: absolute; top: 16%; width: 65%; transition:all .5s ease;}
.homeCat_show .t h5{padding-bottom: 0.18rem; margin-bottom: 0.2rem; display: table; font-size: 0.26rem;color: #FFF;font-weight: bold; position: relative;}
.homeCat_show .t h5::before{content: '';position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #FFF;}
.homeCat_show .t p{font-size: 0.18rem; color: #FFF; line-height: 1.6;}

.homeCat_show li.active{opacity: 1; visibility: visible; height: auto;}
.homeCat_show li.active .t{top: 12%;}

@media screen and (min-width:1921px) {
	.homeCat_list .line{left: 4.8vw;}
}

@media screen and (max-width:1440px) {
	.homeCat_show li::before{padding-bottom: 70vh;}
}
@media screen and (max-width:1024px) {
	.homeCat_show li{opacity: 1; visibility: visible; height: auto; margin-bottom: 40px;}

	.homeCat_show .pic::before{padding-bottom: 60.7%;}

	.homeCat_show .t{position: initial; top: initial; width: 100%; margin: 26px 0 0;}
	.homeCat_show .t h5{padding-bottom: 8px; margin-bottom: 8px; font-size: 18px; color: #333;}
	.homeCat_show .t h5::before{background: var(--i_color);}
	.homeCat_show .t p{font-size: 16px; color: #777;}
	.homeCat_show .t .i_more{margin-top: 20px;}
}
@media screen and (max-width:560px) {
	.homeCat_show .t h5{font-size: 17px;}
	.homeCat_show .t p{line-height: 1.5;}
}







.homeCat_nav{flex-shrink: 0; width: 27%; display:flex; flex-wrap:nowrap; flex-direction: column;}
.homeCat_nav dt{width: 100%; height: 100%; position: relative; background: #2D6BCA;}
.homeCat_nav dt::before{opacity: 0; content: '';position: absolute; right: 0; top: 0; width: 0; height: 100%; background: #FFF; transition:width .3s ease, opacity .5s .1s;}
.homeCat_nav dt::after{opacity: 0; content: 'Da Liang Zest'; position: absolute; bottom: -.2rem; right: .1rem; font-size: 3.4vw; color: #F7F7F7;}

.homeCat_nav dt a{width: 100%; height: 100%; display:flex; flex-wrap:nowrap; align-items: center; position: relative;}

.homeCat_nav dt:nth-child(1){background: #008BCC;}
.homeCat_nav dt:nth-child(2){background: #2196F3;}
.homeCat_nav dt:nth-child(3){background: #1766C2;}
.homeCat_nav dt:nth-child(4){background: #0043AA;}

.homeCat_nav dt i{flex-shrink: 0; width: 25%; height: 100%; display:flex; flex-wrap:wrap; align-items: center; justify-content: center; font-size: 0.18rem; color: #FFF; font-weight: bold; border-right: 1px solid rgb(255 255 255 / 30%); position: relative; z-index: 3;}
.homeCat_nav dt span{width: 100%; text-align: center; position: relative; z-index: 3;}
.homeCat_nav .icon2{display: none;}
.homeCat_nav dt img{margin-left: auto;margin-right: auto; height: 0.56rem;}
.homeCat_nav dt p{margin-top: 0.1rem; font-size: 0.18rem; color: #FFF; font-weight: bold;}

.homeCat_nav dt.active::before{opacity: 1; width: 110%;}
.homeCat_nav dt.active::after{opacity: 1; bottom: 0; transition:all .5s .3s;}
.homeCat_nav dt.active i{color: #333;}
.homeCat_nav dt.active .icon1{display: none;}
.homeCat_nav dt.active .icon2{display: block;}
.homeCat_nav dt.active p{color: #333;}

@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {
	.homeCat_list .line{left: .46rem;}
}
@media screen and (max-width:1024px) {
	.homeCat_list{flex-wrap: wrap; margin-left: 3vw;}
	.homeCat_list .line{display: none;}

	.homeCat_nav{display: none;}

	/* .homeCat_nav{order: -1; width: 100%; flex-wrap: wrap; flex-direction: initial;}
	.homeCat_nav dt{width: 50%;}
	.homeCat_nav dt.active::before{width: 100%;} */
}






.homeNews{height: 100%; background: #F9F9F9; position: relative;}

.homeNews_cont{width: 100%; display:flex; flex-wrap:wrap;}

.homeNews_cont .l{width: 46%; box-sizing: border-box; padding-right: 3.5%; border-right: 1px solid #DDD;}
.homeNews_cont .r{margin-left: auto; width: 50%;}

.homeNews_top{}
.homeNews_top .pic{width:100%; position:relative; overflow:hidden}
.homeNews_top .pic::before{content:""; display:block; padding-bottom:75%}
.homeNews_top .pic img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit: cover; transition:all .5s ease;}
.homeNews_top .t{margin-top: 0.2rem; display:flex; flex-wrap:nowrap; align-items: flex-start; gap: 0 .3rem;}
.homeNews_top .date{flex-shrink: 0; padding: 4px .1rem; background: var(--i_color3); text-align: center; border-right: 5px solid #E0EAF3;}
.homeNews_top .date i{font-size: 0.24rem; color: #FFF;}
.homeNews_top .date p{font-size: 14px; color: #FFF;}
.homeNews_top span{width: 100%;}
.homeNews_top span h5{font-size: 0.2rem; font-weight: bold; line-height: 1.4;}
.homeNews_top span p{margin-top: 0.2rem; font-size: 0.18rem; color: #888; line-height: 1.5;}
.homeNews_top span h5,.homeNews_top span p{overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}

.homeNews_top:hover .pic img{transform: scale(1.05, 1.05);}
.homeNews_top:hover h5{color: var(--i_color3);}

.homeNews_list{}
.homeNews_list li{margin-bottom: 0.34rem; padding-bottom: 0.34rem; border-bottom: 1px solid #DDD;}
.homeNews_list li:last-child{margin-bottom: 0; padding-bottom: 0; border-bottom: none;}
.homeNews_list a{display:flex; flex-wrap:wrap; align-items: center; gap: 0 5%;}
.homeNews_list .pic{flex-shrink: 0; width:30%; position:relative; overflow:hidden}
.homeNews_list .pic::before{content:""; display:block; padding-bottom:75%}
.homeNews_list .pic img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit: cover; transition:all .5s ease;}

.homeNews_list .t{width: 65%;}
.homeNews_list .t h5{font-size: 0.2rem; font-weight: bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.homeNews_list .t p{margin: .1rem 0 .2rem; font-size: 0.18rem; color: #888;line-height: 1.5; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.homeNews_list .t i{padding: 4px 6px; background: #E0EAF3; border-radius:2px; font-size: .16rem; color: #888;}

.homeNews_list li:hover .pic img{transform: scale(1.05, 1.05);}
.homeNews_list li:hover h5{color: var(--i_color3);}
.homeNews_list li:hover i{color: var(--i_color3);}

@media screen and (max-width:1366px) {
	.homeNews_cont{padding-top: 5vh;}
}
@media screen and (max-width:1200px) {
	.homeNews_top span h5{font-size: 0.18rem;}
	.homeNews_list .t h5{font-size: 0.18rem;}
	.homeNews_top span p{font-size: 0.16rem;}
	.homeNews_list .t p{font-size: 0.16rem;}
}
@media screen and (max-width:1024px) {
	.homeNews_cont{padding-top: 0; padding-bottom: 38px;}

	.homeNews_list li{margin-bottom: 20px; padding-bottom: 20px;}

	.homeNews_top span h5{font-size: 16px;}
	.homeNews_list .t h5{font-size: 16px;}
	.homeNews_top span p{font-size: 15px;}
	.homeNews_list .t p{font-size: 15px;}
}
@media screen and (max-width:768px) {
	.homeNews_cont .l{margin-bottom: 40px; width: 100%; padding: 0 0; border: none;}
	.homeNews_cont .r{width: 100%;}

	.homeNews_top span p{margin-top: 10px;}
}
@media screen and (max-width:560px) {
	.homeNews_top .t{gap: 0 18px;}
	.homeNews_top .date i{font-size: 20px;}

	.homeNews_list li{margin-bottom: 24px; padding-bottom: 24px;}

	.homeNews_list .t h5{white-space:initial; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
	.homeNews_list .t p{margin: 4px 0 10px; font-size: 14px; -webkit-line-clamp: 1}
	.homeNews_list .t i{font-size: 13px;}
}






footer{height: 100%; display:flex; flex-wrap:nowrap; flex-direction: column;}

.fContact{padding: .5rem 0; flex-shrink: 0; text-align: center; background:url(static/images/fContact-bg.webp) no-repeat center; background-size: cover; position: relative;}
.fContact h3{font-family: 'Oswald'; text-align: center; font-size: 0.34rem; font-weight: bold;}
.fContact .i_more{min-width: 4rem; margin-top: 0.4rem;}

.fContact ul{margin-top: 0.44rem; display:flex; flex-wrap:wrap; justify-content: center; gap: 0 .3rem;}
.fContact li{transition:all .5s ease;}
.fContact li img{height: 0.36rem;}
.fContact li:hover{transform:translate(0,-6px);}

.fBox{height: 100%; background: #242424; position: relative;}
.fBox .wrap{height: 100%; display:flex; flex-wrap:wrap; flex-direction: column;}

.fCont{display:flex; flex-wrap:nowrap; justify-content: space-between; gap: 0 6%;}

.fTit{margin-bottom: 0.3rem; font-size: 0.26rem; font-weight: bold; color: #FFF;}

.fNav{}
.fNav ul{}
.fNav li{}
.fNav li a{display: block; padding: .06rem 0; font-size: 0.18rem; color: #FFF; line-height: 1.4; transition:all .5s ease;}
.fNav li a:hover{color: var(--i_color);}

.fRight{flex-shrink: 0; width: 22%;}

.fSearch{--size:.44rem}
.fSearch{border: 1px solid #FFF; border-radius:4px; display:flex; flex-wrap:nowrap; position: relative; overflow: hidden;}
.fSearch::before{content: ''; position:absolute; top:50%; transform:translate(0,-50%); right: calc(var(--size) + .1rem); width: 1px; height: 50%; background: rgb(255 255 255 / 30%);}
.searchIpt{width: 100%; box-sizing: border-box; padding: 0 .14rem; background: none; font-size: 0.16rem; color: #FFF;}
.searchBtn{flex-shrink: 0; font-size: 0; width: calc(var(--size) + .1rem); height: var(--size); background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFF' d='M21.71 20.29L18 16.61A9 9 0 1 0 16.61 18l3.68 3.68a1 1 0 0 0 1.42 0a1 1 0 0 0 0-1.39M11 18a7 7 0 1 1 7-7a7 7 0 0 1-7 7'/%3E%3C/svg%3E") no-repeat center; background-size: .24rem; cursor: pointer;}

.fSearch:hover{border-color: var(--i_color);}
.fSearch:hover .searchBtn{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23F40002' d='M21.71 20.29L18 16.61A9 9 0 1 0 16.61 18l3.68 3.68a1 1 0 0 0 1.42 0a1 1 0 0 0 0-1.39M11 18a7 7 0 1 1 7-7a7 7 0 0 1-7 7'/%3E%3C/svg%3E") no-repeat center; background-size: .24rem;}

.fQR{display:flex; flex-wrap:wrap; justify-content: space-between;}
.fQR dt{width: 45%; text-align: center;}
.fQR img{width: 100%;}
.fQR p{margin-top: 0.18rem; font-size: 0.16rem; color: rgb(255 255 255 / 50%);}


.fCList{margin-bottom: 0.2rem;}
.fCList span{display: inline-block; margin-right: 0.4rem; margin-bottom: 0.16rem; font-size: 0.16rem; color: rgb(255 255 255 / 50%);}
.fCList span b{font-weight: bold;}
.fCList span a{color: rgb(255 255 255 / 50%);}
.fCList span a:hover{color: var(--i_color); text-decoration: underline;}

.fCR{margin-top: auto; border-top: 1px solid rgb(255 255 255 / 15%);}
.fCR p,.fCR a{font-size: 0.16rem; color: rgb(255 255 255 / 50%); line-height: 1.6;}
.fCR a:hover{color: var(--i_color); text-decoration: underline;}

.fRight_t{position: absolute; right: 0; bottom: 0; width: 340px; background: linear-gradient(to right, var(--i_color), var(--i_color2)); z-index: 2;}
.fRight_t p{text-align: center; padding: 8px 10px; color: #FFF;font-weight: bold;}

@media screen and (max-width:1440px) {
	.fContact{padding: .4rem 0;}
	.fContact .i_more{margin-top: 0.3rem;}
}
@media screen and (max-width:1366px) {
	.fContact{padding: .34rem 0;}
	.fContact .i_more{margin-top: 0.24rem;}
	.fContact ul{margin-top: 0.36rem;}
}
@media screen and (max-width:1200px) {
	.fContact h3{font-size: 0.3rem;}
	.fContact li img{height: 0.32rem;}

	.fCont{padding: .4rem 0;}

	.fTit{margin-bottom: 0.22rem; font-size: 0.22rem;}

	.fCList span{margin-bottom: 0.1rem;}
}
@media screen and (max-width:1024px) {
	.fContact h3{font-size: 3vw;}

	footer{display: block;}
	.fBox{padding-bottom: 46px;}

	.fNav{display: none;}

	.fRight{width: 100%;}
	.fSearch{display: none;}
	.fQR{margin-top: 0; justify-content: initial; gap: 0 20px;}
	.fQR dt{width: auto;}
	.fQR img{width: 140px;}

	.fCList{margin-bottom: 20px;}
	.fCList span{display: block; margin: 10px 0;}
	.fCList br{display: none;}
	
	.fRight_t{width: 100%;}
}
@media screen and (max-width:768px) {
	.fContact h3{font-size: 24px;}
	.fContact .i_more{min-width: 180px;}
	.fContact li img{height: 26px;}

	.fQR img{width: 100px;}
	.fQR p{margin-top: 10px;}
}
@media screen and (max-width:560px) {
	.fContact h3{font-size: 18px;}

	.fCont{padding: 40px 0 20px;}
	.fQR img{width: 90px;}
	.fQR p{font-size: 14px;}

	.fCR p, .fCR a{font-size: 15px;}
}






.backTop{position: fixed; bottom: 40%; right: 4px; width: 0.52rem; height: 0.52rem; background: #FFF; box-sizing: border-box; border: 1px solid #DDD; border-radius:4px; cursor: pointer; z-index: 9998; transition:all .5s ease;}
.backTop img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); max-height: .28rem;}

.backTop:hover{border-color: var(--i_color3); background: #F1F1F1;}

@media screen and (max-width:1024px) {
	.backTop{bottom: 30%; width: 46px; height: 46px;}
	.backTop img{max-height: 24px;}
}
@media screen and (max-width:560px) {
	.backTop{width: 40px; height: 40px;}
	.backTop img{max-height: 20px;}
}










/* ======================================== */

.banner__{font-size: 0; width: 100%; position: relative; overflow: hidden;}
.banner__>img{width: 100vw; height: 100vh; object-fit: cover;}

.banner__text{position:absolute; top:45%; transform:translate(0,-50%); left: 0; width: 100%; text-align: center;}
.banner__text h2{font-size: 3vw; color: #FFF; font-weight: bold;}

@media screen and (max-width:1024px) {
	.banner__ img{height: auto;}
	.banner__text h2{font-size: 40px;}
}
@media screen and (max-width:768px) {
	.banner__text h2{font-size: 32px;}
}
@media screen and (max-width:560px) {
	.banner__text h2{font-size: 22px;}
}






.mainBG{background: #F7F7F7;}






/* Breadcrumb */
.in_position{padding:.2rem 0; position:relative;}
.in_position .wrap{display:flex;flex-wrap:wrap;align-items:center;}
.in_position a{display:block;font-size:15px;color:#333;position:relative;line-height:20px;}
.in_position a:first-child{padding-left: 0.26rem;}
.in_position a:first-child::before{
	content: '';
	position:absolute; top:50%; transform:translate(0,-50%);left: 0;
	width: 18px;height: 18px;
	background:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="80" height="80" viewBox="0 0 2048 2048"%3E%3Cpath fill="currentColor" d="m1024 165l941 942l-90 90l-83-82v805h-640v-640H896v640H256v-805l-83 82l-90-90l941-942zm640 1627V987l-640-640l-640 640v805h384v-640h512v640h384z"%2F%3E%3C%2Fsvg%3E') no-repeat center;
	background-size: contain;
}
.in_position a:not(:last-child):after {content:">";margin:0 4px;color:#555}
.in_position a:last-child {color:var(--i_color3) !important}
.in_position a:hover {color:var(--i_color3)}
@media screen and (max-width:1024px) {
	.in_position {padding:.16rem 0;}
	.in_position a {font-size:14px}
}
@media screen and (max-width:560px) {
	.in_position {padding:.12rem 0;}
	.in_position a {font-size:13px}
}








.categoryBox{display:-webkit-flex; display:flex; flex-wrap:nowrap; align-items: flex-start; gap: 0 3.5%;}
.catSide{flex-shrink: 0; width: 24%; position: relative; }
.catList_show{width: 100%; margin-left: auto;}

@media screen and (max-width:1440px) {
	/* .catSide{width: 24%;} */
}
@media screen and (max-width:1024px) {
	.categoryBox{flex-wrap: wrap; gap: 40px 0;}
	.catSide{width: 100%; padding: 0 0; background: none; border: none;}
	.catList_show{width: 100%; padding: 0 0; margin: 0 0;}
}






.cat_nav{box-sizing: border-box; padding: .3rem; background: #FFF;}
.cat_nav_tit{padding: .2rem .18rem; margin-bottom: 0.2rem; position: relative; background: var(--i_color3); text-align: center; border-radius:6px;}
.cat_nav_tit h4{font-size: 0.2rem; color: #FFF; font-weight: bold;}
.cat_nav_tit iconify-icon{display: none;}

.cat_nav_list{position: relative;}
.cat_nav_list li{margin-bottom: 0.18rem; position: relative;}

.cat_fold_tit{display:-webkit-flex; display:flex; flex-wrap:nowrap;align-items: center;padding: 0 .1rem 0 .14rem; gap: 0 .2rem; background: #F9F9F9; border-radius:6px;}
.cat_fold_tit a{padding: .16rem 0; width: 100%; font-size: 0.18rem; font-weight: bold; line-height: 1.5;}
.cat_fold_tit iconify-icon{margin-left: auto;flex-shrink: 0;font-size: 0.2rem;cursor: pointer;-webkit-transition:all .5s ease; transition:all .5s ease;}
.active .cat_fold_tit a,.active .cat_fold_tit iconify-icon{color: var(--i_color3);}
.active .cat_fold_tit iconify-icon{color: var(--i_color3); -webkit-transform:rotate(-180deg); transform:rotate(-180deg);}
.cat_fold_tit:hover a{color: var(--i_color3);}

.cat_fold_sub{display: none; padding: .12rem .14rem;}
.cat_fold_sub dt{box-sizing: border-box;}
.cat_fold_sub a{display: block;padding: .14rem .2rem;font-size: 0.18rem; position: relative; transition:all .5s ease;}
.cat_fold_sub a::before{opacity: 0; content: ''; position:absolute; top:50%; transform:translate(0,-50%); left: 0; width: 0.24rem; height: 2px; background:linear-gradient(to right, var(--i_color), var(--i_color2)); transition:all .5s ease;}

.cat_fold_sub a:hover, .cat_fold_sub dt.active a{padding-left: 0.36rem; color: var(--i_color3);}
.cat_fold_sub a:hover::before, .cat_fold_sub dt.active a::before{opacity: 1;}

@media screen and (max-width:1440px) {
	.cat_nav{padding: .22rem;}
}
@media screen and (max-width:1024px) {
	.cat_nav{padding: 0; background: none;}
	.cat_nav_tit{border: none; padding: 12px 28px; margin: 0 0; display:-webkit-flex; display:flex; flex-wrap:nowrap;align-items: center;position: relative;z-index: 2; background: var(--i_color3);}
	.cat_nav_tit h4{font-size: 20px; color: #FFF;}
	.cat_nav_tit iconify-icon{display: block; margin-left: auto;font-size: 26px;color: #FFF;}

	.cat_nav_list{display: none;box-sizing: border-box;padding: 18px 30px 20px; background: #FFF;}
	.cat_nav_list li{margin-bottom: 14px;}
	.cat_nav_list li.active{}
	.cat_fold_tit a{padding: 14px 0;font-size: 17px;}
	.cat_fold_sub a{font-size: 15px;}
}
@media screen and (max-width:768px) {
	.cat_nav_tit{padding: 12px 20px;}
	.cat_nav_tit h4{font-size: 18px;}
	.cat_nav_tit iconify-icon{font-size: 22px;}

	.cat_fold_tit a{font-size: 16px;}
}
@media screen and (max-width:560px) {
	.cat_nav_tit h4{font-size: 16px;}

	.cat_nav_list{padding: 20px 20px;}

	.cat_fold_tit a{font-size: 15px;}
	.cat_fold_tit iconify-icon{font-size: 22px;}
	.cat_fold_sub a{font-size: 14px;}
}







.catSide_contact{padding: .4rem .2rem; background:url(static/images/catSide_contact.webp) no-repeat center; background-size: cover;}
.catSide_contact h3{border-bottom: 1px solid #AAA; padding-bottom: 0.14rem; margin-bottom: 0.14rem; font-size: 1.1vw;color: #FFF; font-weight: bold;}
.catSide_contact p{font-size: 0.16rem; color: #FFF; line-height: 1.3;}

.catSide_contact ul{margin-top: 0.24rem;}
.catSide_contact li{margin-top: 0.2rem; display:flex; flex-wrap:nowrap; align-items: center; gap: 0 .14rem;}
.catSide_contact li i{display: block; width: 0.4rem;height: 0.4rem;background: var(--i_color3); border-radius:50%; position: relative;}
.catSide_contact li iconify-icon{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size: 0.18rem;color: #FFF;}
.catSide_contact li a{font-size: 0.18rem; color: #FFF;}
.catSide_contact li a:hover{color: var(--i_color2); text-decoration: underline;}

@media screen and (max-width:1024px) {
	.catSide_contact{display: none !important;}
}






.category_des{}
.category_name{margin-bottom: 0.2rem; position: relative;}
.category_name h1{font-weight: bold; position: relative; line-height: 1.4;}
.category_des span{color: #555;}

@media screen and (max-width:1024px) {
	.category_des{margin-top: 0;}
	.category_name{margin-bottom: 14px;}
}






.pList{display:flex; flex-wrap:wrap; gap: .3rem 2.5%;}
.pList li{width: 31.66%;}

.pItem{display: block; box-sizing: border-box; border: 1px solid #DDD;}
.pItem .coverpic{width:100%; position:relative; overflow:hidden}
.pItem .coverpic::before{content:""; display:block; padding-bottom:75%}
.pItem .coverpic img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit: cover; transition:all .5s ease;}

.pItem .text{padding: 0 .2rem; margin-top: 0.16rem; text-align: center;}
.pItem .text p{font-size: 0.2rem; font-weight: bold; line-height: 1.4; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.pItem .btn{margin-top: 0.14rem; padding: .16rem 0; border-top: 1px solid #DDD; font-size: 0.18rem; font-weight: bold;}

.pItem:hover img{transform: scale(1.05, 1.05);}
.pItem:hover p,.pItem:hover .btn{color: var(--i_color3);}

@media screen and (max-width:1200px) {
	.pItem .text p{font-size: .18rem;}
}
@media screen and (max-width:1024px) {
	.pItem .text p{font-size: 16px;}
	.pItem .btn{font-size: 15px;}
}
@media screen and (max-width:768px) {
	.pList{gap: 30px 4%;}
	.pList li{width: 48%;}
}
@media screen and (max-width:560px) {
	.pList{gap: 20px 4%;}
	.pItem .text{padding: 0 14px;}
	.pItem .text p{font-size: 14px;}
	.pItem .btn{padding: 12px 0; font-size: 13px;}
}






/* Paging */
.in_paging{
	--size:34px;
	--border_radius:0;
}
.in_paging ul{display:flex; flex-wrap:wrap;justify-content:center;align-items:center;text-align: center;}
.in_paging li{min-width: var(--size);margin: 0 4px;}
.in_paging a,.in_paging span {display:block;padding: 0 10px; height: var(--size); line-height:calc(var(--size) - 2px);font-size:14px;color:#666;background:#EEE;box-sizing: border-box; border-radius:var(--border_radius);overflow:hidden;}
.in_paging i {margin-top:14px;width:100%;font-size:13px;color:#888;}
.in_paging a:hover,.in_paging .curr_page a,.in_paging .curr_page span {border-color:var(--i_color3) !important;background:var(--i_color3);color:#FFF !important}

@media screen and (max-width:560px) {
	.in_paging{--size:30px;}
}







.p_data{display:-webkit-flex; display:flex; flex-wrap:nowrap; gap: 0 4%;}

/* atlas */
.p_atlas {flex-shrink: 0; width:35%; box-sizing: border-box; position: relative;}
.p_atlas_list {width: 100%; box-sizing: border-box; border: 1px solid #DDD; background: #FFF; margin-left: auto; margin-right: auto; position:relative;overflow:hidden}
.p_atlas_list .swiper-wrapper {display:-webkit-flex;display:flex;position:relative;width:100%}
.p_atlas_list .swiper-slide {flex-shrink:0;position:relative;overflow:hidden;}
.p_atlas_list .swiper-slide::before {content:'';display:block;padding-bottom:75%;}
.p_atlas_list .swiper-slide img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;}

/* thumbnail */
.p_thumbnail_list {width:calc(100% - 1.2rem);margin:.2rem auto 0;box-sizing:border-box;position:relative;overflow:hidden}
.p_thumbnail_list .swiper-wrapper {display:-webkit-flex;display:flex;position:relative;width:100%}
.p_thumbnail_list .swiper-slide {box-sizing: border-box; border: 1px solid #DDD; flex-shrink:0;background: #FFF; position:relative;overflow:hidden;cursor:pointer;}
.p_thumbnail_list figure {width:100%;position:relative;overflow:hidden;}
.p_thumbnail_list figure::before {content:'';display:block;padding-bottom:75%;}
.p_thumbnail_list figure img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;}
.p_thumbnail_list .swiper-slide-thumb-active {border-color: var(--i_color3);}

.thumbnail-prev,.thumbnail-next {position:absolute;top:50%;transform:translate(0,-50%);width:.36rem;height:.36rem; z-index:3;cursor:pointer;outline:none;-webkit-user-select:none;user-select:none;-webkit-transition:all .5s ease;transition:all .5s ease;z-index:3;}
.thumbnail-prev {left:0;}
.thumbnail-next {right:0;}
.thumbnail-prev iconify-icon,.thumbnail-next iconify-icon {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:0.36rem;color:#444}
.thumbnail-prev:hover iconify-icon, .thumbnail-next:hover iconify-icon{color: var(--i_color3);}
.p_atlas .swiper-button-disabled{cursor:not-allowed;}

.thumbnail-pagination {position:absolute;bottom:.1rem;right:.1rem;text-align:center;padding: 2px 6px; z-index:2;}
.thumbnail-pagination,.thumbnail-pagination span{font-size: 14px; color: #666;}
.thumbnail-pagination .swiper-pagination-current{font-size: 0.22rem;color: var(--i_color3);}

@media screen and (max-width:1024px) {
	.p_data{flex-wrap: wrap;}

	.p_atlas{width: 100%; max-width: 6rem; margin: 0 auto .46rem;}
	.p_thumbnail_list{width: 100%;}
	.thumbnail-prev, .thumbnail-next{display: none;}
}
@media screen and (max-width:560px) {
	.p_atlas_list{width: 100%;}
	.thumbnail-prev iconify-icon, .thumbnail-next iconify-icon{font-size: 30px;}
}






.p_title{margin-left: auto;width: 100%;}

.p_title h1{padding-bottom: 0.18rem; border-bottom: 1px solid #DDD; color: #333; font-weight: bold; line-height: 1.4;}

.p_des{}
.p_des>h5{margin-bottom: .08rem; font-size: 0.18rem; color: #333; font-weight: bold;}
.p_des article{}

.p_btn{display:-webkit-flex; display:flex; flex-wrap:wrap;gap: 0 .4rem;}
.p_btn .i_more span{display:flex; flex-wrap:wrap; align-items: center; justify-content: center; gap: 0 4px;}
.p_btn .i_more iconify-icon{font-size: 0.2rem; color: #FFF;}
.p_btn .i_more:nth-child(2){background: var(--i_color3);}

.p_share{border-bottom: 1px solid #DDD; display:-webkit-flex; display:flex; flex-wrap:wrap; align-items: center; justify-content: flex-end; gap: 0 .1rem;}
.p_share>p{font-size: 0.18rem;}
.p_share dl{display:-webkit-flex; display:flex; flex-wrap:wrap;align-items: center;gap: 0 .2rem;}
.p_share dt a{display:block;}
.p_share dt iconify-icon {font-size:0.22rem;color:#666;}
.p_share dt:hover iconify-icon{color: var(--i_color3);}

.pTags{display:flex; flex-wrap:nowrap; gap: 0 .1rem; align-items: baseline;}
.pTags>p{flex-shrink: 0; font-size: 0.18rem;font-weight: bold;}
.pTags ul{display:flex; flex-wrap:wrap; gap: .16rem;}
.pTags li{background: #F1F1F1;}
.pTags a{display: block; padding: 8px .1rem; font-size: 0.16rem;}
.pTags li:hover{background: #E0E9F3;}
.pTags a:hover{color: var(--i_color3);}

@media screen and (max-width:1024px) {
	.p_des>h5{font-size: 18px;}

	.p_title h1{margin-top: 0;}

	.pTags>p{font-size: 16px;}
	.pTags a{font-size: 14px;}
}
@media screen and (max-width:560px) {
	.p_des{margin: 20px 0;}
	.p_des>h5{font-size: 16px;}

	.p_share>p{font-size: 16px;}
	.p_share dl{gap: 0 14px;}

	.pTags{flex-wrap: wrap; gap: 16px 0;}
	.pTags ul{gap: 10px;}
	.pTags a{font-size: 12px;}
}







.pContentBox{display:flex; flex-wrap:nowrap; gap: 0 3.5%;}

.pContent{width: 100%;}
.pContent_tit{background: #F1F1F1;}
.pContent_tit h3{display: table; padding: .1rem .2rem; background: #F7F7F7; font-size: 0.24rem; color: #333; font-weight: bold; position: relative;}
.pContent_tit h3::before{content: '';position: absolute;top: 0; left: 0; width: 100%; height: 2px; background:linear-gradient(to right, var(--i_color), var(--i_color2));}

@media screen and (max-width:1024px) {
	.pContent_tit h3{font-size: 20px;}
}
@media screen and (max-width:768px) {
	.pContent_tit h3{font-size: 18px;}
}
@media screen and (max-width:560px) {
	.pContent_tit h3{font-size: 16px;}
}





.pFAQ{}
.pFAQ>h3{font-size: 0.2rem;font-weight: bold;}
.pFAQ ul{}
.pFAQ li{margin-bottom: 0.2rem; padding:0 .34rem 0.2rem; border-bottom: 1px solid #EEE; position: relative;}
.pFAQ li::before{content: ''; position: absolute; top: 4px; left: 0; width: .12rem; height: .12rem; background:linear-gradient(-125deg, var(--i_color2), var(--i_color));}
.pFAQ li h5{font-size: 0.18rem; font-weight: bold; line-height: 1.6;}
.pFAQ li span{display: block; margin-top: 0.1rem;}

@media screen and (max-width:560px) {
	.pFAQ li{margin-bottom: 16px; padding-bottom: 12px;}
	.pFAQ li h5{font-size: 16px;}
}






.pContentBox .catSide{margin-left: auto;}

@media screen and (max-width:1440px) {}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {
	.pContentBox .catSide{display: none;}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}





.p_view_other{background: #F1F1F1;}

.p_view_other ul{display:-webkit-flex; display:flex; flex-wrap:nowrap; justify-content: space-between; align-items: center; gap: 0 4%;}
.p_view_other li{max-width: 46%; display:-webkit-flex; display:flex; flex-wrap:nowrap;gap: 0 .14rem; align-items:center}
.p_view_other a{display:-webkit-flex; display:flex; flex-wrap:nowrap; align-items: center; gap: 0 .1rem;}
.p_view_other span{flex-shrink: 0; width: 0.3rem;height: 0.3rem; position: relative;}
.p_view_other span iconify-icon{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size: .28rem; color: #333;}
.p_view_other p{font-size: 0.16rem; line-height: 1.5;}
.p_view_other p b{font-size: 0.16rem; color: #666;}

.p_view_other li:hover span iconify-icon{color: var(--i_color3);}
.p_view_other a:hover p{color: var(--i_color3); text-decoration: underline;}
.p_view_other a:hover p b{color: var(--i_color3);}

@media screen and (max-width:1024px) {
	.p_view_other span iconify-icon{font-size: 22px;}
	.p_view_other p{font-size: 15px;}
}
@media screen and (max-width:768px) {
	.p_view_other{padding: 16px 0;}
	.p_view_other ul{flex-wrap: wrap; gap: 12px 0;}
	.p_view_other li{max-width: 100%}
	.p_view_other span{order: -1;}
	.p_view_other p{font-size: 14px;}
	.p_view_other p b{font-size: 14px;}
}






.pRelated{}

.pRelated_navigation{margin-left: auto; display:flex; flex-wrap:wrap; gap: 0 .2rem;}
.pRelated_navigation>div{width: 0.4rem;height: 0.4rem; box-sizing: border-box; border: 1px solid var(--i_color3); border-radius:4px; position: relative; cursor: pointer;}
.pRelated_navigation>div iconify-icon{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size: 0.2rem; color: var(--i_color3);}
.pRelated_navigation>div:hover{background: var(--i_color3);}
.pRelated_navigation>div:hover iconify-icon{color: #FFF;}



.pRelated_list{position:relative; overflow:hidden}
.pRelated_list .swiper-wrapper{display:flex; position:relative; width:100%}
.pRelated_list li{flex-shrink:0; position:relative}

.pRelated-pagination{display: none;}

@media screen and (max-width:1024px) {
	.pRelated_navigation>div{width: 34px; height: 34px;}
	.pRelated_navigation>div iconify-icon{font-size: 18px;}

	.pRelated-pagination{display:block; margin-top:0.3rem; text-align:center}
	.pRelated-pagination .swiper-pagination-bullet{width:.08rem; height:.08rem; display:inline-block; margin:0 6px; background:#CCC; border-radius:50%; outline:none; cursor:pointer;}
	.pRelated-pagination .swiper-pagination-bullet-active{background:var(--i_color3)}
}
@media screen and (max-width:560px) {
	.pRelated_navigation{gap: 0 14px;}
	.pRelated_navigation>div{width: 30px; height: 30px;}
}







.about__{}
.about__ .wrap{display:flex; flex-wrap:wrap; align-items: center;}

.about__p{width: 36%;}
.about__p img{width: 100%;}

.about__t{margin-left: auto; width: 59%;}
.about__t article{}

.about__gallery{width: 75%; position:relative; overflow:hidden}

.about__list{width: calc(100% - 1rem); margin-left: auto; margin-right: auto; position: relative; overflow: hidden;}
.about__list .swiper-wrapper{display:flex; position:relative; width:100%}
.about__list li{flex-shrink:0; position:relative; overflow: hidden;}
.about__list li::before{content: '';display: block; padding-bottom: 110%;}
.about__list li img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit: cover;}

.about-prev,.about-next{position:absolute; top:50%; transform:translate(0,-50%); width:.4rem; height:.4rem; z-index:3; cursor:pointer; outline:none; user-select:none}
.about-prev{left:0;}
.about-next{right:0;}
.about-prev iconify-icon,.about-next iconify-icon{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size:0.32rem; color:#666;}
.about_list .swiper-button-disabled{cursor:not-allowed}
.about-prev:hover iconify-icon,.about-next:hover iconify-icon{color: var(--i_color3);}

@media screen and (max-width:1200px) {
	.about__gallery{width: 85%;}
}
@media screen and (max-width:1024px) {
	.about__t article{font-size: 16px;}
	.about__gallery{width: 100%;}
}
@media screen and (max-width:768px) {
	.about__p{display: none;}
	.about__t{width: 100%;}
}
@media screen and (max-width:560px) {
	.about__list{width: calc(100% - 80px)}
	.about-prev, .about-next{width: 30px;height: 30px;}
	.about-prev iconify-icon,.about-next iconify-icon{font-size: 30px;}
}







.about__v{background: #C7DAEC; text-align: center; cursor: pointer;}
.about__v iconify-icon{font-size: .8rem; color: var(--i_color);}
.about__v h4{margin-top: 0.14rem; font-size: 0.22rem; font-weight: bold;}

@media screen and (max-width:1024px) {
	.about__v iconify-icon{font-size: 70px;}
	.about__v h4{font-size: 18px;}
}
@media screen and (max-width:560px) {
	.about__v iconify-icon{font-size: 50px;}
	.about__v h4{font-size: 16px;}
}






.vd_full {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(255 255 255 / 80%);z-index:99999;}
.vd_box {position:absolute;top:52%;left:50%;transform:translate(-50%,-50%);width:60%;z-index:2;}
.vd_box::before {content:'';display:block;padding-bottom:56.25%;}
.close_v {position:absolute;top:-.2rem;right:-.2rem;width:0.4rem;height:0.4rem;background:var(--i_color);z-index:2;-webkit-border-radius:50%;border-radius:50%;cursor:pointer;}
.close_v::before {content:'+';position:absolute;top:50%;left:50%;font-size:0.44rem;color:#FFF;-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}
.vd_box iframe {position:absolute;top:0;right:0;width:100%;height:100%;background:#000;object-fit:contain;}
@media screen and (max-width:1024px) {
	.vd_box {width:80%;}
	.close_v::before {font-size:0.4rem;}
}
@media screen and (max-width:768px) {
	.vd_box {width:88%;}
	.close_v {top:-.15rem;right:-.15rem;width:0.3rem;height:0.3rem;}
	.close_v::before {font-size:0.3rem;}
}






.culture{}
.culture .wrap{display:flex; flex-wrap:wrap;}

.culture .item{display:flex; flex-wrap:wrap;}
.culture_t,.culture_core{width: 50%;}
.culture .item_r{width: 50%; display:flex; flex-wrap:wrap;}
.culture .t,.culture .p{width: 50%;}
.culture .t{box-sizing: border-box; padding: .3rem;}
.culture .p img{width: 100%; height: 100%; object-fit: cover;}

.culture .item:nth-child(1) .t{background: var(--i_color);}
.culture .item:nth-child(2) .t{background: var(--i_color2);}

.culture_t{box-sizing: border-box; padding: .3rem .4rem .3rem 0; position: relative;}
.culture_t::before{opacity: .06; content: '';position: absolute; right: 4%; bottom: 0; width:35%; height: 80%; background:url(static/images/logo.webp) no-repeat center; background-size: contain;}
.culture_t article{position: relative;}

.culture_core{box-sizing: border-box; border-top: 4px solid var(--i_color3); padding: .24rem .4rem; background: #FFF;}
.culture_core span{margin-bottom: 0.2rem; display:flex; flex-wrap:wrap; align-items: center; gap: 0 .2rem;}
.culture_core span h6{font-size: 0.22rem; font-weight: bold;}
.culture_core span img{height: 0.5rem;}
.culture_core article{line-height: 1.2; color: #777;}

.culture .item_r .t img{height: 0.5rem;}
.culture .item_r .t h6{margin-top: 0.18rem; font-size: 0.2rem;font-weight: bold; color: #FFF;}
.culture .item_r .t article{margin-top: 0.18rem; color: #FFF; line-height: 1.4;}
.culture .item:nth-child(2) .t h6{color: #333;}
.culture .item:nth-child(2) .t article{color: #333;}

@media screen and (max-width:1366px) {
	.culture_t article{font-size: 16px;}
	.culture_core article{font-size: 14px;}
	.culture .item_r .t article{font-size: 14px;}
}
@media screen and (max-width:1024px) {
	.culture_t, .culture_core{width: 100%;}
	.culture .item_r{width: 100%;}
}
@media screen and (max-width:768px) {
	.culture .t,.culture .p{width: 100%;}
	.culture .item_r .t h6{font-size: 18px;}
	.culture_core span img{height: 40px;}
	.culture .item_r .t img{height: 40px;}
}
@media screen and (max-width:560px) {
	.culture_core span img{height: 34px;}
	.culture .item_r .t img{height: 34px;}

	.culture .t{padding: 30px 20px;}
	.culture_core{padding: 30px 20px;}

	.culture_core span h6{font-size: 18px;}
}








.navLine{}
.navLine ul{display:flex; flex-wrap:nowrap; border-bottom: 1px solid #DDD;}
.navLine li{width: 100%; display:flex; flex-wrap:wrap; align-items: center;justify-content: center; text-align: center; position: relative;}
.navLine li::before{content: ''; position:absolute; left:50%; transform:translate(-50%,0); bottom: 0; width: 0; height: 2px; background: var(--i_color3); transition:all .5s ease;}
.navLine a{display: block; padding: .2rem .2rem; font-size: 0.2rem; line-height: 1.5; font-weight: bold;}

.navLine li:hover::before,
.navLine li.active::before{width: 100%;}
.navLine li:hover a,
.navLine li.active a{color: var(--i_color3);}

@media screen and (max-width:1024px) {
	.navLine a{font-size: 18px;}
}
@media screen and (max-width:768px) {
	.navLine a{padding: .18rem .1rem; font-size: 16px;}
}
@media screen and (max-width:560px) {
	.navLine a{font-size: 15px; line-height: 1.4;}
}







.nList{}
.nList li{margin-bottom: 0.3rem; transition:all .5s ease;}
.nList a{display:flex; flex-wrap:nowrap; align-items: center; padding: .24rem .3rem; gap: 0 .4rem; background: #FFF;}

.nList .coverpic{flex-shrink: 0; width:30%; position:relative; overflow:hidden; border-radius:4px;}
.nList .coverpic::before{content:""; display:block; padding-bottom:75%}
.nList .coverpic img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit: cover; transition:all .5s ease;}

.nList .txt{}
.nList .txt h5{font-size: 0.22rem; font-weight: bold; line-height: 1.6; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.nList .txt p{margin-top: 0.2rem; font-size: 0.17rem; color: #666; line-height: 1.6; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4;}
.nList .txt span{margin-top: 0.2rem; padding-top: 0.2rem; border-top: 1px solid #EEE; display:flex; flex-wrap:wrap; align-items: center;}
.nList span i{font-size: 0.18rem; color: #666;}
.nList span b{margin-left: auto; display:flex; flex-wrap:wrap; align-items: center; gap: 0 .1rem; font-size: 0.18rem; color: #777;}
.nList span iconify-icon{font-size: 0.2rem; color: #444;}

.nList li:hover{box-shadow: 0 0 .1rem rgb(0 94 187 / 15%);}
.nList li:hover img{transform: scale(1.05, 1.05);}
.nList li:hover h5{color: var(--i_color3);}
.nList li:hover b{color: var(--i_color3);}
.nList li:hover span iconify-icon{color: var(--i_color3);}

@media screen and (max-width:1200px) {
	.nList .txt h5{line-height: 1.4;}
}
@media screen and (max-width:1024px) {
	.nList .txt h5{font-size: 18px;}
	.nList .txt p{font-size: 16px; -webkit-line-clamp:2}
	.nList span i{font-size: 16px;}
	.nList span b{font-size: 15px;}
}
@media screen and (max-width:768px) {
	.nList a{padding: 20px 20px;}
	.nList .txt h5{font-size: 17px;}
	.nList .txt p{display: none;}
}
@media screen and (max-width:560px) {
	.nList li{margin-bottom: 14px;}
	.nList a{padding: 16px 16px; gap: 0 20px;}
	.nList .coverpic{width: 38%;}

	.nList .txt h5{font-size: 15px;}
	.nList .txt span{margin-top: 10px; padding-top: 12px;}
	.nList span i{font-size: 14px;}
	.nList span b{display: none;}
}







.businessList{display:flex; flex-wrap:wrap; gap: .4rem 2%;}
.businessList li{width: 23.5%; box-sizing: border-box; padding: .2rem; background: #FFF;}

.businessList .coverpic{width:100%; position:relative; overflow:hidden}
.businessList .coverpic::before{content:""; display:block; padding-bottom:71%}
.businessList .coverpic img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit: cover; transition:all .5s ease;}

.businessList .text{margin-top: 0.2rem; text-align: center;}
.businessList .text h5{font-size: 0.2rem; font-weight: bold;}
.businessList .text p{margin-top: 0.14rem; padding-top: 0.14rem; border-top: 1px solid #DDD; font-size: 0.17rem; line-height: 1.5;}

.businessList li:hover{box-shadow: 2px 2px 6px rgb(0 0 0 / 10%);}
.businessList li:hover img{transform: scale(1.05, 1.05);}
.businessList li:hover h5{color: var(--i_color3);}

@media screen and (max-width:1200px) {
	.businessList .text h5{font-size: 0.18rem;}
	.businessList .text p{font-size: 0.16rem;}
}
@media screen and (max-width:1024px) {
	.businessList{gap: 30px 4%;}
	.businessList li{width: 48%;}
}
@media screen and (max-width:768px) {
	.businessList .text h5{font-size: 17px;}
	.businessList .text p{font-size: 14px;}
}
@media screen and (max-width:560px) {
	.businessList{gap: 20px 0;}
	.businessList li{width: 100%;}
}







.contactForm{}
.contactForm h3{font-size: 0.3rem; color:#666; text-align: center; line-height: 1.5;}

#wpforms-88{
	--wpforms_input_height:48px;
	--wpforms_textarea_height:120px;
	--wpforms_input_font_size: 16px;
}
#wpforms-88{margin:0; padding:0;}
#wpforms-form-88{width:100%; position:relative;}

/* 字段样式 */
#wpforms-88 .wpforms-field-container>.wpforms-field{width: 100%; padding: 0 1px 20px; margin: 0 0 6px;overflow-x:initial !important; position: relative;}
#wpforms-88 label.wpforms-field-label{display: block; margin-bottom: 8px; font-size: 16px; font-weight: bold;}
#wpforms-88 .wpforms-field-container .wpforms-required-label{color: #D63637;}
#wpforms-88 .wpforms-field-container .wpforms-field>input,
#wpforms-88 .wpforms-field-container textarea
{width: 100%; max-width: 100%; box-sizing: border-box; padding: 10px 14px!important; margin: 0 0; border: 1px solid #CCC; background: #FFF; font-size:var(--wpforms_input_font_size); line-height: 1.4;}
#wpforms-88 .wpforms-field-container .wpforms-field>input{height: var(--wpforms_input_height);}
#wpforms-88 .wpforms-field-container textarea{height: var(--wpforms_textarea_height);}
#wpforms-88 input::placeholder, #wpforms-88 textarea::placeholder{color:#AAA; font-size:var(--wpforms_input_font_size); line-height: 1.4;}

#wpforms-88 .wpforms-field-container .wpforms-field>input:hover,
#wpforms-88 .wpforms-field-container textarea:hover,
#wpforms-88 .wpforms-field-container .wpforms-field>input:focus,
#wpforms-88 .wpforms-field-container textarea:focus{border-color: #F60;}

/* 验证错误提示 */
#wpforms-88 label.wpforms-error, #wpforms-88 em.wpforms-error{position: absolute; left: 0; bottom: 0; font-size: 13px; color: #D63637;}

/* 隐藏 Label 标签 */
#wpforms-88 .wpforms-field-container .wpforms-field-label{height: 0; font-size: 0;margin: 0 0;}
#wpforms-88 .wpforms-field-container .wpforms-required-label{position: absolute;top: 4px; left: 6px; font-size: 16px; font-weight: bold;}

/* 输入框水平排列，一行两个 */
#wpforms-88 .wpforms-field-container{display:flex; flex-wrap:wrap;justify-content: space-between;}
#wpforms-88-field_1-container,
#wpforms-88-field_2-container,
#wpforms-88-field_3-container{width: 32% !important;}

/* 提交按钮样式 */
#wpforms-88 .wpforms-submit-container{width: 220px; padding:0 0; position: relative; border-radius:6px; cursor: pointer; overflow: hidden;}
#wpforms-88 .wpforms-submit-container button{width: 100%; height:44px; font-size: 15px; color: #FFF; background:linear-gradient(to right, var(--i_color), var(--i_color2)); cursor: pointer;}
#wpforms-88 .wpforms-submit-container img{position:absolute;top:50%;transform:translate(0,-50%);right:4px;z-index:2}
#wpforms-88 .wpforms-submit-container button:hover{background: #D15807;}

@media screen and (max-width:1024px) {
	.contactForm h3{font-size: 22px;}
}
@media screen and (max-width:768px) {
	#wpforms-88 .wpforms-field-container>.wpforms-field{width: 100% !important;}
}
@media screen and (max-width:560px) {
	.contactForm h3{font-size: 18px;}
}






.contact__{}
.contact__cont{padding:.7rem .5rem; background: #FFF;}

.contact__list{display:flex; flex-wrap:nowrap; gap:0 4%}
.contact__list dt{width: 100%; text-align: center;}

.contact__list span{margin-bottom: 0.2rem; display:flex; flex-wrap:wrap; align-items: center; justify-content: center; gap: 0 .1rem;}
.contact__list iconify-icon{font-size: 0.24rem; color: var(--i_color3);}
.contact__list h6{font-size: 0.2rem; font-weight: bold;}

.contact__list p,.contact__list a{font-size: 0.18rem; color: #666; line-height: 1.5;}

.contact__list dt:hover iconify-icon{transform:rotateY(360deg); transition:all .5s ease;}
.contact__list a:hover{color: var(--i_color3); text-decoration: underline;}

.contact__qr{border-top: 1px solid #EEE; text-align: center;}
.contact__qr h4{font-size: 0.3rem;}
.contact__qr h6{margin: 0.2rem 0 .3rem; font-size: 0.18rem;}

.contact__qr dl{display:flex; flex-wrap:wrap; justify-content: center; gap: 0 .3rem;}
.contact__qr dt{text-align: center;}
.contact__qr dt img{height: 2rem;}
.contact__qr dt p{margin-top: 0.14rem; font-size: 0.18rem;}

.contact__media{display:flex; flex-wrap:wrap; justify-content: center; align-items: center; gap: 0 .2rem;}
.contact__media p{font-size: 0.2rem; font-weight: bold;}
.contact__media dl{display:flex; flex-wrap:wrap; align-items: center; gap: 0 .24rem;}
.contact__media dt{transition:all .5s ease;}
.contact__media dt img{height: 0.36rem;}

.contact__media dt:hover{transform:translate(0,-4px);}

@media screen and (max-width:1024px) {
	.contact__cont{padding: 40px 20px;}

	.contact__list{flex-wrap: wrap; gap: 38px 4%;}
	.contact__list dt{width: 48%;}
	.contact__list h6{font-size: 18px;}
	.contact__list p,.contact__list a{font-size: 16px;}

	.contact__qr h4{font-size: 26px;}
	.contact__qr h6{font-size: 16px;}
	.contact__qr dt img{height: 1.5rem;}
	.contact__qr dt p{font-size: 16px;}

	.contact__media p{font-size: 18px;}
}
@media screen and (max-width:768px) {
	.contact__qr h4{font-size: 22px;}
	.contact__qr dt img{height: 120px;}
	.contact__qr dt p{font-size: 15px;}

	.contact__media p{font-size: 16px;}
	.contact__media dt img{height: 30px;}
}
@media screen and (max-width:560px) {
	.contact__list dt{width: 100%; text-align: left;}
	.contact__list span{justify-content: flex-start;}
	.contact__list h6{font-size: 18px;}

	.contact__qr h4{font-size: 18px;}
	.contact__qr dt img{height: 100px;}

	.contact__media{text-align: center;}
	.contact__media p{margin-bottom: 18px; width: 100%;}
	.contact__media dt img{height: 28px;}
}







.map{width: 100%; position: relative; overflow: hidden;}
.map::before{content: '';display: block; padding-bottom: 62vh;}
.map iframe{position:absolute; top:0; left:0; width:100%; height:100%;}

@media screen and (max-width:560px) {
	.map::before{padding-bottom: 50vh;}
}