@charset "utf-8";/*!
by Sean Lu 20221210
!!!请勿直接在c.css中修改内容
!!!请勿直接在c.css中修改内容
!!!请勿直接在c.css中修改内容
*/
:root {
--color-main:#ca9e67;
--color-white:#fff;
--color-txt:#253554;
--color-bg:#f5f5f5;
--color-mainbg:#435a7d;
--color-0:#000;
--color-3:#333;
--color-6:#666;
--color-9:#999;
--color-border:#dedede;
--fsize-base:14px;
--fsize-large:calc(var(--fsize-base) * 1.25);
--fsize-txt:calc(var(--fsize-base) * 1.14);
--fsize-small:calc(var(--fsize-base) * .85);
--fsize-h1:calc(var(--fsize-base) * 2.6);
--fsize-h2:calc(var(--fsize-base) * 2.15);
--fsize-h3:calc(var(--fsize-base) * 1.7);
--gap-base:16px;
--gap-mini:calc(var(--gap-base) * .25);
--gap-small:calc(var(--gap-base) * .5);
--gap-large:calc(var(--gap-base) * 1.5);
--gap-h1:calc(var(--gap-base) * 5);
--gap-h2:calc(var(--gap-base) * 4);
--gap-h3:calc(var(--gap-base) * 3)
}
@media (max-width: 1440px) {
:root {
--fsize-base:12px;
--gap-base:12px
}
}
@media (max-width: 800px) {
:root {
--fsize-base:12px;
--gap-base:6px
}
}
html, body {
	height: 100%
}
.sean-fullpage {
	height: 100%;
--swiper-pagination-color:var(--color-main)
}
.sean-fullpage .swiper-pagination-bullet {
	width: 9px;
	height: 9px
}
.sean-fullpage .swiper-pagination-vertical.swiper-pagination-bullets, .sean-fullpage .swiper-vertical>.swiper-pagination-bullets {
	right: 30px
}
.sean-fullpage .swiper-slide {
	display: flex;
	overflow: hidden
}
.blist {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr))
}
.blist .bla {
	background-color: var(--color-main);
	color: var(--color-white);
	height: 50px;
	font-size: var(--fsize-txt);
	padding: 0 var(--gap-h3);
	display: flex;
	justify-content: center;
	border-radius: var(--gap-h3);
	text-decoration: none;
	align-items: center;
	margin-right: var(--gap-small);
	margin-bottom: var(--gap-small)
}

.inbtn{display: flex;}
.inbtn a{display: flex;
    background: var(--color-main);
    height: 50px;
    font-size: var(--fsize-txt);
    padding: 0 var(--gap-h3);
    align-items: center;
    color: var(--color-white);
    border-radius: var(--gap-h3);
    text-decoration: none;}
.inbtn a img{ margin-left: var(--gap-small);}
.inbtn a:hover{background: #bb823b; color:#fff; text-decoration:none;}

@media (max-width: 800px) {
.blist .bla {
	height: 36px
}
}
.blist .bla:hover {
	background: #bb823b
}
.section01 .bannerslide {
	height: 100%;
	width: 100%
}
.section01 .bannerslide .swiper-slide {
	width: 100%;
	height: 100%;
	background-position: center bottom;
	background-size: cover
}
.section01 .bannerslide .swiper-slide.swiper-slide-active .con .nam, .section01 .bannerslide .swiper-slide.swiper-slide-active .con .txt {
	transform: translateY(0);
	opacity: 1
}
.section01 .bannerslide .swiper-slide .con {
	position: absolute;
	left: 6%;
	top: 50%;
	transform: translateY(-50%);
	color: var(--color-white)
}
.section01 .bannerslide .swiper-slide .con .nam {
font-size:calc(var(--fsize-h1) * 1.5);
	line-height: 1.3;
	font-weight: bold;
	transform: translateY(50%);
	opacity: 0;
	transition: all 1s ease
}
@media (max-width: 800px) {
.section01 .bannerslide .swiper-slide .con .nam {
	font-size: var(--fsize-h1)
}
}
.section01 .bannerslide .swiper-slide .con .txt {
	font-size: var(--fsize-large);
	text-transform: uppercase;
	line-height: 1.5;
	margin-top: var(--gap-base);
	transform: translateY(100%);
	opacity: 0;
	transition: all 1s ease
}
@media (max-width: 800px) {
.section01 .bannerslide .swiper-slide .con .txt {
	font-size: var(--fsize-base)
}
}
.section02 .gifbg {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50%
}
.section02 .gifbg img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover
}
.section02 .bgcov {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.section02 .bgcov img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover
}
.section02 .covlight {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../img/dimg/section02covlight.png) no-repeat center;
	opacity: 0;
	-webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
	clip-path: polygon(0 0, 0 0, 0 100%, 0 100%)
}
.section02 .con {
	position: absolute;
	left: 0;
	top: 22%;
	width: 100%;
	color: var(--color-white);
	text-align: center
}
@media (max-width: 800px) {
.section02 .con {
	top: 15%
}
}
.section02 .con .nam {
font-size:calc(var(--fsize-h1) * 1.5);
	line-height: 1.3;
	font-weight: bold;
	transform: translateY(50%);
	opacity: 0;
	display: flex;
	align-items: center;
	justify-content: center
}
@media (max-width: 800px) {
.section02 .con .nam {
	font-size: var(--fsize-h1)
}
}
.section02 .con .nam span {
	display: block;
	width: var(--gap-h3)
}
.section02 .con .txt {
	font-size: var(--fsize-large);
	text-transform: uppercase;
	line-height: 1.5;
	margin-top: var(--gap-large);
	transform: translateY(100%);
	opacity: 0
}
@media (max-width: 800px) {
.section02 .con .txt {
	font-size: var(--fsize-base)
}
}
.section02 .history {
	position: absolute;
	bottom: 0;
	left: 10%;
	width: 80%;
	height: 58%;
	display: flex;
	color: var(--color-white)
}
@media (max-width: 800px) {
.section02 .history {
	bottom: 12%;
	flex-direction: column
}
}
.section02 .history .item {
	flex: 1;
	position: relative;
	opacity: 0;
	transform: translateY(20%)
}
@media (max-width: 800px) {
.section02 .history .item {
	transform: translateY(0)
}
}
.section02 .history .item:nth-child(1) {
	margin-top: 16%
}
.section02 .history .item:nth-child(1) .line .light {
	animation: gogogo 5s linear infinite .3s
}
@media (max-width: 800px) {
.section02 .history .item:nth-child(1) {
	margin-top: 0
}
}
.section02 .history .item:nth-child(2) {
	margin-top: 9%
}
.section02 .history .item:nth-child(2) .line .light {
	animation: gogogo 5s linear infinite 1.5s
}
@media (max-width: 800px) {
.section02 .history .item:nth-child(2) {
	margin-top: 0
}
}
.section02 .history .item:nth-child(3) {
	margin-top: 3%
}
.section02 .history .item:nth-child(3) .line .light {
	animation: gogogo 5s linear infinite .9s
}
@media (max-width: 800px) {
.section02 .history .item:nth-child(3) {
	margin-top: 0
}
}
.section02 .history .item:nth-child(4) {
	margin-top: 1%
}
.section02 .history .item:nth-child(4) .line .light {
	animation: gogogo 5s linear infinite 1.9s
}
@media (max-width: 800px) {
.section02 .history .item:nth-child(4) {
	margin-top: 0
}
}
.section02 .history .item:nth-child(5) {
	margin-top: 0
}
.section02 .history .item:nth-child(5) .line .light {
	animation: gogogo 5s linear infinite 1.2s
}
.section02 .history .item .inf {
	position: relative;
	z-index: 2
}
.section02 .history .item .inf .nam {
	font-size: var(--fsize-h3);
	font-weight: bold
}
.section02 .history .item .inf .txt {
	font-size: var(--fsize-txt);
	line-height: 1.5;
	margin-top: var(--gap-small)
}
.section02 .history .item .line {
	position: absolute;
	left: 80px;
	top: 10px;
	width: 130px;
	height: 100%;
	border-top: 1px solid var(--color-white)
}
@media (max-width: 1440px) {
.section02 .history .item .line {
	width: 100px
}
}
.section02 .history .item .line::after {
	content: "";
	display: block;
	width: 1px;
	height: 100%;
	right: 0;
	top: 0;
	position: absolute;
	background: linear-gradient(180deg, #fff 0%, rgba(255,255,255,0.01) 60%)
}
.section02 .history .item .line .light {
	width: 60px;
	height: 60px;
	display: block;
	position: absolute;
	top: 11%;
	left: 100px;
	animation: gogogo 5s linear infinite
}
@media (max-width: 1440px) {
.section02 .history .item .line .light {
	left: 70px
}
}
@keyframes gogogo {
0% {
top:0;
opacity:0
}
10% {
opacity:1
}
20% {
opacity:1
}
100% {
top:50%;
opacity:0
}
}
.section02 .history .item .line .light img {
	display: block;
	width: 100%;
	height: 100%
}
.section02.swiper-slide-active .con .nam {
	transform: translateY(0);
	opacity: 1;
	transition: all 1s ease .6s
}
.section02.swiper-slide-active .con .txt {
	transform: translateY(0);
	opacity: .6;
	transition: all 1s ease .6s
}
.section02.swiper-slide-active .covlight {
	opacity: 1;
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	transition: all 2s ease .6s
}
.section02.swiper-slide-active .history .item {
	transition: all .6s ease 1.8s;
	opacity: 1;
	transform: translateY(0)
}
.section02.swiper-slide-active .history .item:nth-child(1) {
	transition: all .6s ease .6s
}
.section02.swiper-slide-active .history .item:nth-child(2) {
	transition: all .6s ease 1s
}
.section02.swiper-slide-active .history .item:nth-child(3) {
	transition: all .6s ease 1.4s
}
.section02.swiper-slide-active .history .item:nth-child(4) {
	transition: all .6s ease 1.8s
}
.section02.swiper-slide-active .history .item:nth-child(5) {
	transition: all .6s ease 2.2s
}
.section03 .section03bg {
	position: relative;
	height: 100%
}
.section03 .section03bg .swiper-slide {
	height: 100%
}
.section03 .section03bg .swiper-slide.swiper-slide-active .con .nam {
	transform: translateY(0);
	opacity: 1;
	transition: all 1s ease
}
.section03 .section03bg .swiper-slide.swiper-slide-active .con .sub {
	transform: translateY(0);
	opacity: 1;
	transition: all 1s ease
}
.section03 .section03bg .swiper-slide.swiper-slide-active .con .txt {
	transform: translateY(0);
	opacity: 1;
	transition: all 1s ease
}
.section03 .section03bg .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover
}
.section03 .section03bg .swiper-slide .con {
	position: absolute;
	top: 22%;
	left: 0;
	width: 100%;
	text-align: center;
	color: var(--color-white);
	z-index: 2
}
@media (max-width: 800px) {
.section03 .section03bg .swiper-slide .con {
	display: none
}
}
.section03 .section03bg .swiper-slide .con .nam {
font-size:calc(var(--fsize-h1) * 1.4);
	line-height: 1.2;
	font-weight: bold;
	transform: translateY(50%);
	opacity: 0
}
.section03 .section03bg .swiper-slide .con .sub {
	font-size: var(--fsize-base);
	text-transform: uppercase;
	line-height: 1.5;
	margin-bottom: var(--gap-base);
	transform: translateY(100%);
	opacity: 0
}
.section03 .section03bg .swiper-slide .con .txt {
	font-size: var(--fsize-large);
	text-transform: uppercase;
	line-height: 1.5;
	margin-top: var(--gap-large);
	transform: translateY(100%);
	opacity: 0
}
.section03 .section03ma {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}
@media (max-width: 800px) {
.section03 .section03ma {
	top: 20%;
	bottom: 20%
}
}
@media (max-width: 800px) {
.section03 .section03ma .swiper-wrapper {
	flex-direction: column
}
}
.section03 .section03ma .swiper-slide {
	flex: 1
}
.section03 .section03ma .swiper-slide:nth-child(1), .section03 .section03ma .swiper-slide:nth-child(2) {
	flex: 1.5
}
@media (max-width: 800px) {
.section03 .section03ma .swiper-slide:nth-child(1), .section03 .section03ma .swiper-slide:nth-child(2) {
	flex: 1;
	width: 100% !important
}
}
@media (max-width: 800px) {
.section03 .section03ma .swiper-slide {
	flex: 1;
	width: 100% !important
}
}
.section03 .section03ma .swiper-slide a.box {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	text-decoration: none;
	border-right: 1px solid rgba(246,242,243,0.1)
}
@media (max-width: 800px) {
.section03 .section03ma .swiper-slide a.box {
	border-right: 0;
	border-bottom: 1px solid rgba(246,242,243,0.1)
}
}
.section03 .section03ma .swiper-slide a.box .con {
	transform: translateY(100%)
}
@media (max-width: 800px) {
.section03 .section03ma .swiper-slide a.box .con {
	transform: translateY(0)
}
}
.section03 .section03ma .swiper-slide a.box .con .nam {
	color: var(--color-white);
	text-align: center;
	font-size: var(--fsize-h3);
	margin-top: var(--gap-base);
	border: 1px solid transparent;
	background: rgba(0,0,0,0.1);
	padding: var(--gap-small) var(--gap-large);
	border-radius: var(--gap-mini)
}
.section03 .section03ma .swiper-slide a.box .con .ico {
	display: none
}
.section03 .section03ma .swiper-slide a.box .con .ico img {
	display: block
}
.section03 .section03ma .swiper-slide a.box .con .ico .i01 {
	display: block
}
.section03 .section03ma .swiper-slide a.box .con .ico .i02 {
	display: none
}
.section03 .section03ma .swiper-slide.swiper-slide-thumb-active a.box {
	background: rgba(0,0,0,0.05)
}
.section03 .section03ma .swiper-slide.swiper-slide-thumb-active a.box .con {
	transform: translateY(90%)
}
@media (max-width: 800px) {
.section03 .section03ma .swiper-slide.swiper-slide-thumb-active a.box .con {
	transform: translateY(0)
}
}
.section03 .section03ma .swiper-slide.swiper-slide-thumb-active a.box .con .nam {
	color: var(--color-white);
	border-color: var(--color-main);
	background: var(--color-main);
	font-weight: bold;
	padding: var(--gap-small) var(--gap-h1)
}
.section03 .section03ma .swiper-slide.swiper-slide-thumb-active a.box .con .ico .i01 {
	display: none
}
.section03 .section03ma .swiper-slide.swiper-slide-thumb-active a.box .con .ico .i02 {
	display: block
}
.section04 {
	background: url(../img/dimg/section04bg.jpg) no-repeat center;
	background-size: cover
}
.section04 .newsbox {
	position: absolute;
	width: 90%;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%)
}
.section04 .newsbox .hd {
	display: flex;
	color: var(--color-white);
	align-items: center
}
.section04 .newsbox .hd .nam {
font-size:calc(var(--fsize-h1) * 1.5);
	font-weight: bold
}
@media (max-width: 800px) {
.section04 .newsbox .hd .nam {
	font-size: var(--fsize-h1)
}
}
.section04 .newsbox .hd .txt {
	font-size: var(--fsize-base);
	line-height: 1.5;
	margin-left: var(--gap-h3)
}
@media (max-width: 800px) {
.section04 .newsbox .hd .txt {
	display: none
}
}
.section04 .newsbox .hd .nav {
	margin-left: auto;
	display: flex;
	align-items: center
}
.section04 .newsbox .hd .nav .na {
	font-size: var(--fsize-base);
	color: var(--color-white);
	text-decoration: none;
	padding: 0 var(--gap-large);
	line-height: 36px;
	border-radius: 30px
}
.section04 .newsbox .hd .nav .na:hover {
	background: rgba(255,255,255,0.3)
}
.section04 .newsbox .hd .nav .na.on {
	background-color: var(--color-main);
	color: var(--color-0);
	font-weight: bold
}
.section04 .newsbox .list {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--gap-base);
	margin-top: var(--gap-h2)
}
@media (max-width: 800px) {
.section04 .newsbox .list {
	grid-template-columns: repeat(2, minmax(0, 1fr))
}
}
.section04 .newsbox .list .item {
	background: var(--color-white);
	position: relative
}
.section04 .newsbox .list .item .img {
	position: relative;
	padding-bottom: 65%
}
.section04 .newsbox .list .item .img img {
	position: absolute;
	top: 0;
	height: 100%;
	left: 0;
	width: 100%;
	display: block;
	object-fit: cover
}
.section04 .newsbox .list .item .inf {
	padding: var(--gap-h3)
}
.section04 .newsbox .list .item:hover {
	transform: translateY(-5px);
	box-shadow: 0 var(--gap-base) var(--gap-large) rgba(0,0,0,0.1)
}
.section04 .newsbox .list .item:hover .nam {
	color: var(--color-main)
}
.section04 .newsbox .list .item a {
	display: block;
	text-decoration: none
}
.section04 .newsbox .list .item .tim {
	color: var(--color-9);
	font-size: var(--fsize-base);
	font-weight: bold;
	margin-bottom: var(--gap-small)
}
.section04 .newsbox .list .item .nam {
	font-size: var(--fsize-large);
	font-weight: bold;
	color: var(--color-3)
}
@media (max-width: 800px) {
.section04 .newsbox .list .item .nam {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	word-break: break-all;
	-webkit-line-clamp: 2
}
}
.section04 .newsbox .list .item .txt {
	font-size: var(--fsize-base);
	line-height: 1.5;
	color: var(--color-6);
	margin-top: var(--gap-large);
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	word-break: break-all;
	-webkit-line-clamp: 3;
	display: none
}
.section04 .newsbox .list .item .btn {
	display: flex;
	justify-content: flex-end;
	margin-top: var(--gap-large);
	display: none
}
.section04 .newsbox .list .item .btn span {
	display: block;
	color: var(--color-main);
	font-size: var(--fsize-base);
	padding-left: var(--gap-large);
	background: url(../img/dimg/section04arrow.png) no-repeat left center
}
@media (max-width: 800px) {
.section04 .newsbox .list .item .btn span {
	padding-left: var(--gap-h3);
	background-size: var(--gap-large)
}
}
.section04 .newsbox .more {
	display: flex;
	justify-content: center
}
.section04 .newsbox .more .ma {
	display: block;
	padding: var(--gap-base) var(--gap-h3);
	background: var(--color-main);
	color: var(--color-white);
	text-decoration: none;
	margin-top: var(--gap-large);
	border-radius: var(--gap-h1);
	font-size: var(--fsize-txt)
}
.section04 .newsbox .more .ma:hover {
	opacity: .9;
	transform: scale(1.05)
}
.dongbox {
	background: var(--color-white) url(../img/dimg/dongdong.png) no-repeat center bottom;
	background-size: 100% auto;
	border-radius: var(--gap-small);
	padding: var(--gap-h1) var(--gap-h1) 0 var(--gap-h1);
	margin-top: var(--gap-h1);
	display: flex;
	align-items: flex-end
}
@media (max-width: 800px) {
.dongbox {
	flex-direction: column;
	align-items: flex-start
}
}
.dongbox .img {
	width: 20vw;
	flex-shrink: 0;
	margin-right: 2vw
}
@media (max-width: 800px) {
.dongbox .img {
	order: 2;
	width: 40vw
}
}
.dongbox .img img {
	display: block;
	width: 100%
}
.dongbox .nam {
	font-size: var(--fsize-h1);
	font-weight: bold;
	color: var(--color-main)
}
@media (max-width: 800px) {
.dongbox .nam {
	font-size: var(--fsize-h2)
}
}
.dongbox .con {
	margin-top: var(--gap-h3);
	font-size: var(--fsize-large);
	line-height: 44px;
	color: var(--color-3);
	padding-bottom: var(--gap-h1);
	background: url(../img/dimg/dongbg.png) repeat 0 0
}
.dongbox .con p span {
	display: inline-block;
	margin: 0 var(--gap-mini);
	padding: 0 var(--gap-small);
	position: relative;
	color: var(--color-0)
}
.dongbox .con p span::before {
	content: "";
	height: var(--gap-base);
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: .2;
	transform: translateY(-5px);
	background: var(--color-main);
	mix-blend-mode: multiply;
	pointer-events: none
}
.section05 {
	height: auto;
	background: var(--color-bg);
	flex-direction: column
}
.section05 .homefoot {
	width: 100%
}
.section05 .list {
	display: flex;
	justify-content: space-between;
	padding: var(--gap-h1) 5%
}
@media (max-width: 800px) {
.section05 .list {
	justify-content: center
}
}
.section05 .list * {
	transition: none
}
@media (max-width: 800px) {
.section05 .list .it {
	display: none
}
.section05 .list .it:last-of-type {
	display: block;
	text-align: center
}
}
.section05 .list .it .ih {
	margin-bottom: var(--gap-base);
	color: var(--color-main);
	font-size: var(--fsize-txt);
	font-weight: bold
}
.section05 .list .it .ih .ia {
	color: var(--color-main);
	text-decoration: none
}
.section05 .list .it .ib {
	font-size: var(--fsize-txt);
	line-height: 1.8;
	color: var(--color-main)
}
.section05 .list .it .ib .il .ia {
	text-decoration: none;
	color: var(--color-main)
}
.section05 .list .it .ib .il .ia:hover {
	color: var(--color-main);
	opacity: 1
}
.section05 .foot {
	display: flex;
	justify-content: space-between;
	border-top: 1px solid var(--color-white);
	padding: var(--gap-h3) 5%;
	font-size: var(--fsize-txt);
	background: var(--color-main)
}
@media (max-width: 800px) {
.section05 .foot {
	flex-direction: column;
	font-size: var(--fsize-base)
}
}
.section05 .foot .copy {
	color: var(--color-white)
}
.section05 .foot .link {
	display: flex
}
@media (max-width: 800px) {
.section05 .foot .link {
	margin-top: var(--gap-large)
}
}
.section05 .foot .link a {
	color: var(--color-white);
	display: flex;
	align-items: center;
	margin-left: var(--gap-base)
}
@media (max-width: 800px) {
.section05 .foot .link a {
	margin-left: 0;
	margin-right: var(--gap-base)
}
}
body.on {
	overflow: hidden
}
.header {
	height: 80px;
	padding: 0 5%;
	display: flex;
	align-items: center;
	position: fixed;
	box-sizing: border-box;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9;
	border-bottom: 1px solid rgba(213,181,144,0.1)
}
@media (max-width: 800px) {
.header.on {
	background: var(--color-white)
}
}
.header.on .nav {
	pointer-events: none
}
@media (max-width: 800px) {
.header.on .nav {
	pointer-events: all
}
}
.header::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(../img/dimg/mainbg.jpg) no-repeat center top;
	opacity: 0;
	z-index: -1;
	transition: all .3s
}
.header.fxdon {
	height: 60px
}
.header.fxdon::before {
	opacity: 1
}
.header.fxdon.ons {
	height: 80px
}
.header.fxdon .menu .i1 svg path {
	fill: var(--color-3)
}
.header.fxdon.on {
	background: transparent;
	height: 80px
}
.header.fxdon.on .nav .nul .nli .na:hover {
	background: rgba(255,255,255,0.1)
}
.header.fxdon .nav .nul .nli .na:hover {
	background: var(--color-white)
}
.header .logo {
	display: block;
	width: 160px
}
.header .logo img {
	display: block;
	width: 100%
}
.header .nav {
	height: 100%;
	margin-left: var(--gap-h1)
}
@media (max-width: 800px) {
.header .nav {
	position: fixed;
	left: 0;
	right: 0;
	top: 79px;
	height: calc(100vh - 60px);
	background: var(--color-bg);
	overflow-y: auto;
	opacity: 0;
	visibility: hidden;
	transform: translateY(10px);
	margin: 0
}
.header .nav.on {
	opacity: 1;
	visibility: visible;
	transform: translateY(0)
}
}
.header .nav .nul {
	display: flex;
	align-items: center;
	height: 100%
}
@media (max-width: 800px) {
.header .nav .nul {
	flex-direction: column;
	gap: 0;
	height: auto;
	padding: 20px
}
}
.header .nav .nul .nli {
	height: 100%
}
.header .nav .nul .nli * {
	transition: none
}
.header .nav .nul .nli:hover .na {
	background: var(--color-white)
}
.header .nav .nul .nli:hover .sub {
	visibility: visible;
	opacity: 1;
	transition: all .6s
}
.header .nav .nul .nli.nmor .na:hover {
	background: var(--color-white)
}
.header .nav .nul .nli .na {
	font-size: var(--fsize-txt);
	text-decoration: none;
	padding: 0 var(--gap-large);
	height: 100%;
	display: flex;
	align-items: center;
	color: var(--color-main)
}
.header .nav .nul .nli .na:hover {
	background: rgba(255,255,255,0.1)
}
.header .nav .nul .nli .sub {
	position: absolute;
	top: 80px;
	left: 0;
	right: 0;
	height: 370px;
	box-sizing: border-box;
	padding: 40px 0;
	box-shadow: inset 0 4px 8px 0 rgba(0,0,0,0.06);
	visibility: hidden;
	opacity: 0;
	transition: all .2s
}
@media (max-width: 1440px) {
.header .nav .nul .nli .sub .wrapper {
	padding: 0 5%
}
}
@media (max-width: 800px) {
.header .nav .nul .nli .sub {
	display: none
}
}
@media (max-width: 800px) {
.header .nav .nul .nli {
	border-bottom: 1px solid var(--color-border);
	width: 100%
}
.header .nav .nul .nli .na {
	width: 100%;
	padding: var(--gap-h3) var(--gap-small);
	display: block;
	font-size: var(--fsize-large)
}
}
.header .link {
	margin-left: auto;
	display: flex;
	align-items: center
}
@media (max-width: 800px) {
.header .link {
	display: none
}
}
.header .link a {
	display: block;
	margin: 0 var(--gap-small)
}
.header .link a img {
	display: block
}
.header .menu {
	display: none;
	width: 30px;
	height: 30px;
	justify-content: center;
	align-items: center;
	margin-left: auto
}
@media (max-width: 800px) {
.header .menu {
	display: flex
}
}
.header .menu .i1 {
	display: block
}
.header .menu .i2 {
	display: none
}
.header .menu.on .i1 {
	display: none
}
.header .menu.on .i2 {
	display: block
}
.header .menu.on .i2 svg path {
	fill: var(--color-3)
}
.subbox {
	display: flex
}
.subbox .hd {
	width: 350px
}
@media (max-width: 1440px) {
.subbox .hd {
	width: 280px
}
}
.subbox .hd .cn {
	font-size: var(--fsize-h1);
	color: var(--color-main);
	font-weight: bold
}
.subbox .hd .en {
	font-size: var(--fsize-txt);
	text-transform: uppercase;
	color: var(--color-main);
	margin-top: var(--gap-small)
}
.subbox .hd .lin {
	margin-top: var(--gap-h3);
	display: flex
}
.subbox .hd .lin a {
	font-size: var(--fsize-base);
	color: var(--color-main);
	text-decoration: none;
	display: block;
	position: relative;
	line-height: 2
}
.subbox .hd .lin a::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 2px;
	left: 0;
	bottom: 0;
	background-color: var(--color-main)
}
.subbox .hd .lin a::before {
	content: ">";
	font-family: simsun;
	font-size: var(--fsize-base);
	font-weight: bold;
	position: absolute;
	top: 1px;
	right: -12px;
	-webkit-transform: translateX(-10px);
	transform: translateX(-10px);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}
.subbox .hd .lin a:hover::before {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
	visibility: visible
}
.subbox .bd {
	flex: 1;
	display: flex;
	border-left: 1px solid var(--color-border);
	padding-left: var(--fsize-h1)
}
.subbox .bd .subsb {
	max-width: 300px;
	width: 100%;
	margin-right: 0;
	margin-left: 0
}
.subbox .bd .subsb .chunbox {
	border-radius: var(--gap-mini);
	background: var(--color-white);
	overflow: hidden
}
.subbox .bd .subsb .chunbox .cbt {
	font-size: var(--fsize-txt);
	line-height: 1.6;
	color: var(--color-white);
	background: var(--color-main);
	padding: var(--gap-base);
	text-align: center
}
.subbox .bd .subsb .chunbox .cbc {
	padding: var(--gap-base);
	display: flex;
	justify-content: center
}
.subbox .bd .subsb .chunbox img {
	display: block;
	max-width: 100%
}
.subbox .bd .subsb .swiper-wrapper {
	display: block
}
.subbox .bd .subsb .swiper-wrapper .swiper-slide {
	width: 100% !important;
	margin-right: 0 !important;
	display: flex;
	height: 50px;
	margin: var(--gap-small) 0
}
.subbox .bd .subsb .swiper-slide-thumb-active .btn .ba {
	background: var(--color-main);
	color: var(--color-white)
}
.subbox .bd .subsb .swiper-slide-thumb-active .btn .ba::after {
	-webkit-transform: translateX(0) translateY(-50%);
	transform: translateX(0) translateY(-50%);
	opacity: 1;
	visibility: visible
}
.subbox .bd .subsb .swiper-slide-thumb-active .btn .ba img.i01 {
	display: block
}
.subbox .bd .subsb .swiper-slide-thumb-active .btn .ba img.i02 {
	display: none
}
.subbox .bd .subsb .btn {
	width: 100%
}
.subbox .bd .subsb .btn .ba {
	position: relative;
	display: block;
	box-sizing: border-box;
	height: 100%;
	background: var(--color-white);
	display: flex;
	align-items: center;
	font-size: var(--fsize-txt);
	color: var(--color-9);
	padding: 0 var(--gap-large);
	text-decoration: none;
	border-radius: var(--gap-mini)
}
.subbox .bd .subsb .btn .ba::after {
	content: ">";
	font-family: simsun;
	font-size: var(--fsize-txt);
	color: var(--color-white);
	font-weight: bold;
	position: absolute;
	top: 50%;
	right: 20px;
	-webkit-transform: translateX(-10px) translateY(-50%);
	transform: translateX(-10px) translateY(-50%);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}
.subbox .bd .subsb .btn .ba img {
	display: block;
	width: 30px;
	height: 30px;
	margin-right: var(--gap-base)
}
.subbox .bd .subsb .btn .ba img.i01 {
	display: none
}
.subbox .bd .subsb .btn .ba img.i02 {
	display: block
}
.subbox .bd .subsh {
	width: 500px;
	margin-right: 0;
	margin-left: auto
}
.subbox .bd .subsh img {
	display: block;
	width: 500px;
	height: 290px;
	overflow: hidden;
	border-radius: var(--gap-mini)
}
.searchwrap {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	visibility: hidden;
	z-index: 8
}
.searchwrap.on {
	visibility: visible
}
.searchwrap.on .covbg {
	opacity: 1
}
.searchwrap.on .seaboxbg {
	transform: translateY(0)
}
.searchwrap.on .seaboxbg .cls {
	transform: translateX(-50%) translateY(50%)
}
.searchwrap .covbg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.35);
	opacity: 0;
	backdrop-filter: blur(5px) saturate(180%);
	-webkit-backdrop-filter: blur(5px) saturate(180%)
}
.searchwrap .seaboxbg {
	position: relative;
	background: url(../img/dimg/mainbg.jpg) no-repeat center top;
	height: 450px;
	display: flex;
	align-items: center;
	transform: translateY(-100%);
	transition: transform .4s cubic-bezier(.45, 0, .14, 1.03)
}
.searchwrap .seaboxbg .cls {
	position: absolute;
	width: 60px;
	height: 60px;
	border-radius: 30px;
	background: var(--color-main);
	bottom: 0;
	left: 50%;
	transform: translateX(-50%) translateY(0);
	box-shadow: 0 0 var(--gap-large) rgba(0,0,0,0.1);
	display: flex;
	align-items: center;
	justify-content: center
}
.searchwrap .seaboxbg .cls img {
	display: block;
	width: 24px
}
.searchwrap .seabox {
	max-width: 900px;
	width: 100%;
	margin: 0 auto
}
.searchwrap .seabox .hd {
	font-size: var(--fsize-h1);
	color: var(--color-main);
	font-weight: bold;
	margin-bottom: var(--gap-base)
}
.searchwrap .seabox .bd {
	border: 1px solid var(--color-main);
	border-radius: 40px;
	overflow: hidden;
	display: flex;
	align-items: center
}
.searchwrap .seabox .bd:focus-within {
border-color:var(--color-main);
box-shadow:var(--color-main) 2px 0 0, var(--color-main) 0 2px 0, var(--color-main) -2px 0 0, var(--color-main) 0 -2px 0
}
.searchwrap .seabox .bd .key {
	border: 0;
	background: transparent;
	line-height: 60px;
	color: var(--color-0);
	flex: 1;
	box-sizing: border-box;
	padding: 0 var(--gap-large);
	font-size: var(--fsize-large)
}
.searchwrap .seabox .bd .key::placeholder {
color:var(--color-9)
}
.searchwrap .seabox .bd .btn {
	width: 60px;
	height: 60px;
	display: block;
	text-indent: -9999px;
	background: transparent url(../img/seaicon.svg) no-repeat center;
	background-size: 24px;
	border: 0;
	cursor: pointer
}
.searchwrap .seabox .bd .btn:hover {
	background-color: var(--color-bg)
}
.subwrap {
	position: fixed;
	z-index: 8;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.35);
	opacity: 0;
	backdrop-filter: blur(5px) saturate(180%);
	-webkit-backdrop-filter: blur(5px) saturate(180%);
	visibility: hidden
}
.subwrap.on {
	opacity: 1;
	visibility: visible
}
.subwrap.on .subbg {
	transform: translateY(0)
}
.subwrap .subbg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 450px;
	background: url(../img/dimg/mainbg.jpg) no-repeat center top;
	transform: translateY(-100%);
	transition: transform .4s cubic-bezier(.45, 0, .14, 1.03)
}
.joinbox01 {
	padding: var(--gap-h1) 0
}
.joinbox01 .tit {
	text-align: center;
	font-size: var(--fsize-h2);
	font-weight: bold;
	line-height: 1.6;
	color: var(--color-main)
}
.joinbox02 {
	padding: var(--gap-h1) 0;
	background: var(--color-white)
}
.joinbox02 .list .item {
	display: flex
}
@media (max-width: 800px) {
.joinbox02 .list .item {
	flex-direction: column
}
}
.joinbox02 .list .item:nth-child(2n) .inf {
	order: 2
}
@media (max-width: 800px) {
.joinbox02 .list .item:nth-child(2n) .inf {
	order: 0
}
}
.joinbox02 .list .item .inf {
	flex: 1;
	display: flex;
	align-items: center
}
.joinbox02 .list .item .inf .box {
	padding: var(--gap-h3);
	box-sizing: border-box
}
.joinbox02 .list .item .inf .box .hd {
	font-size: var(--fsize-h2);
	font-weight: bold;
	color: var(--color-main)
}
.joinbox02 .list .item .inf .box .hd::after {
	content: "";
	display: block;
	width: var(--gap-h2);
	height: 2px;
	background: var(--color-main);
	margin: var(--gap-large) 0
}
.joinbox02 .list .item .inf .box .bd {
	font-size: var(--fsize-large);
	color: var(--color-3);
	line-height: 1.6;
	margin-top: var(--gap-large)
}
.joinbox02 .list .item .img {
	flex: 1;
	overflow: hidden
}
.joinbox02 .list .item .img img {
	display: block;
	width: 100%
}
.joinbox02 .list .item .img img:hover {
	transform: scale(1.05)
}
.tabtab {
	margin-left: var(--gap-large)
}
.tabtab .thd {
	display: flex
}
.tabtab .thd .item {
	cursor: pointer;
	text-align: center;
	flex: 1;
	line-height: var(--gap-h3);
	color: var(--color-3);
	font-size: var(--fsize-large)
}
@media (max-width: 800px) {
.tabtab .thd .item {
	line-height: var(--gap-h1);
	padding: var(--gap-large) 0
}
}
.tabtab .thd .item.on {
	background-color: var(--color-white);
	color: var(--color-main);
	font-weight: bold
}
.tabtab .tbd {
	background: var(--color-white)
}
.tabtab .tbd .item {
	display: none;
	padding: var(--gap-large)
}
.tabtab .tbd .item.on {
	display: block
}
.tabtab .tbd .item img {
	display: block;
	width: 100%
}
.tabtab .tbd .item .lin {
	padding: var(--gap-large)
}
.tabtab .tbd .item .lin .li {
	display: flex;
	justify-content: center;
	margin: var(--gap-mini) 0
}
.tabtab .tbd .item .lin .li span {
	display: block;
	text-align: center;
	font-size: var(--fsize-txt);
	padding: var(--gap-base) 0;
	border-radius: var(--gap-mini);
	transform: perspective(10px) rotatex(2deg)
}
@media (max-width: 800px) {
.tabtab .tbd .item .lin .li span {
	padding: var(--gap-large) 0
}
}
.tabtab .tbd .item .lin .li:nth-child(1) span {
	width: 50%;
	background: var(--color-main);
	color: var(--color-white);
	font-weight: bold
}
.tabtab .tbd .item .lin .li:nth-child(2) span {
	width: 60%;
	opacity: .8;
	background: var(--color-main);
	color: var(--color-white)
}
.tabtab .tbd .item .lin .li:nth-child(3) span {
	width: 70%;
	opacity: .6;
	background: var(--color-main);
	color: var(--color-white)
}
.tabtab .tbd .item .lin .li:nth-child(4) span {
	width: 80%;
	opacity: .4;
	background: var(--color-main);
	color: var(--color-white)
}
.tabtab .tbd .item .lin .li:nth-child(5) span {
	width: 90%;
	background: var(--color-bg);
	color: var(--color-3)
}
.mapiframe {
	margin: var(--gap-large) 0 var(--gap-h1)
}
.contactlist {
	margin: var(--gap-h1) 0 var(--gap-large);
	display: flex
}
@media (max-width: 800px) {
.contactlist {
	flex-direction: column
}
}
.contactlist .item {
	padding: var(--gap-h3);
	margin-right: var(--gap-large);
	flex: 1;
	box-sizing: border-box;
	background: var(--color-white);
	border-radius: var(--gap-small);
	box-shadow: 0 0 var(--gap-large) rgba(0,0,0,0.1)
}
@media (max-width: 800px) {
.contactlist .item {
	margin-bottom: var(--gap-large)
}
}
.contactlist .item .inf {
	margin-top: var(--gap-large)
}
.contactlist .item .inf .nam {
	font-size: var(--fsize-h3);
	font-weight: bold;
	color: var(--color-main)
}
.contactlist .item .inf .txt {
	margin-top: var(--gap-base);
	font-size: var(--fsize-large);
	color: var(--color-3)
}
.contactlist .item:last-child {
	margin-right: 0
}
.zhaopininf {
	margin-left: var(--gap-large);
	padding: var(--gap-large);
	border-radius: var(--gap-small);
	font-size: var(--fsize-txt);
	line-height: 1.6;
	background: var(--color-white);
	color: var(--color-3)
}
.zhaopininf p {
	margin-bottom: var(--gap-large)
}
.zhaopininf p:last-of-type {
	margin-bottom: 0
}
.zhaopininf strong {
	display: block;
	margin-bottom: var(--gap-small)
}
.zhaopininf.btnwrap {
	margin-bottom: var(--gap-large);
	display: flex
}
@media (max-width: 800px) {
.zhaopininf.btnwrap {
	margin-bottom: var(--gap-h1)
}
}
.zhaopininf.btnwrap .ba {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: var(--gap-small) 0;
	font-size: var(--fsize-txt);
	background: var(--color-main);
	color: var(--color-white);
	margin-right: var(--gap-base);
	text-decoration: none;
	border-radius: var(--gap-mini)
}
@media (max-width: 800px) {
.zhaopininf.btnwrap .ba {
	padding: var(--gap-large) 0
}
}
.zhaopininf.btnwrap .ba:hover {
	background: #bb823b
}
.zhaopininf.btnwrap .ba:last-of-type {
	margin-right: 0
}
.zhaopininf.btnwrap .ba img {
	display: block;
	margin-left: var(--gap-small)
}
@media (max-width: 800px) {
.zhaopinwrap {
	overflow-x: auto
}
}
.zhaopinwrap .xhd {
	display: flex;
	background-color: var(--color-main);
	font-weight: bold;
	padding: var(--gap-base) var(--gap-large);
	border-radius: var(--gap-mini);
	font-size: var(--fsize-txt)
}
@media (max-width: 800px) {
.zhaopinwrap .xhd {
	width: 150vw
}
}
.zhaopinwrap .xhd .id {
	flex: 1;
	color: var(--color-white)
}
.zhaopinwrap .xhd .id:nth-child(1) {
	flex: 2
}
.zhaopinwrap .xhd .id:nth-child(3) {
	flex: 2
}
.zhaopinwrap .xbd {
	margin: var(--gap-small) 0;
	background: var(--color-white);
	border-radius: var(--gap-mini);
	padding: var(--gap-base) var(--gap-large);
	font-size: var(--fsize-txt);
	color: var(--color-3);
	display: flex
}
@media (max-width: 800px) {
.zhaopinwrap .xbd {
	width: 150vw
}
}
.zhaopinwrap .xbd .id {
	flex: 1
}
.zhaopinwrap .xbd .id:nth-child(1) {
	flex: 2;
	font-weight: bold;
	color: var(--color-main)
}
.zhaopinwrap .xbd .id:nth-child(3) {
	flex: 2
}
.newswrap {
	display: flex;
	margin: var(--gap-h1) 0
}
@media (max-width: 800px) {
.newswrap {
	flex-direction: column
}
}
.newswrap .main {
	flex: 1;
	border-right: 1px solid var(--color-border);
	padding-right: var(--gap-large);
	min-height: 50vh
}
@media (max-width: 800px) {
.newswrap .main {
	min-height: 0;
	padding-right: 0;
	border-right: 0
}
}
.newswrap .main .hd {
	border-bottom: 1px solid var(--color-border);
	padding-bottom: var(--gap-large);
	margin-bottom: var(--gap-large)
}
.newswrap .main .hd .nam {
	font-size: var(--fsize-h1);
	font-weight: bold;
	color: var(--color-0);
	line-height: 1.5
}
@media (max-width: 800px) {
.newswrap .main .hd .nam {
	font-size: var(--fsize-h3)
}
}
.newswrap .main .hd .inf {
	margin-top: var(--gap-base);
	display: flex;
	align-items: center
}
.newswrap .main .hd .inf a {
	display: block;
	padding: var(--gap-mini) var(--gap-large);
	background: var(--color-main);
	border-radius: var(--gap-large);
	text-decoration: none;
	font-size: var(--fsize-txt);
	color: var(--color-white)
}
.newswrap .main .hd .inf span {
	margin-left: var(--gap-base);
	font-size: var(--fsize-txt);
	color: var(--color-9);
	display: flex;
	align-items: center
}
.newswrap .main .hd .inf span::before {
	content: "";
	width: 20px;
	height: 20px;
	display: block;
	background: url(../img/seanui/seanui-icon-time.svg) no-repeat center;
	background-size: cover;
	margin-right: var(--gap-mini)
}
.newswrap .main .hd .inf span.l02::before {
	background-image: url(../img/seanui/seanui-icon-nums.svg)
}
.newswrap .main .bd .content {
	font-size: var(--fsize-large);
	line-height: 1.8;
	color: var(--color-3)
}
.newswrap .main .bd .content p {
	margin-bottom: var(--gap-large);
	text-align: justify
}
.newswrap .main .bd .content img {
	max-width: 100%
}
.newswrap .main .bd .content h3 {
	background: var(--color-main);
	color: var(--color-white);
	font-weight: bold;
	padding: var(--gap-small) var(--gap-base);
	font-size: var(--fsize-h3);
	margin: var(--gap-base) 0
}
.newswrap .main .mor {
	padding-top: var(--gap-large);
	margin-top: var(--gap-large);
	border-top: 1px solid var(--color-border);
	line-height: 2;
	font-size: var(--fsize-txt)
}
.newswrap .side {
	width: 400px
}
@media (max-width: 800px) {
.newswrap .side {
	width: 100%;
	margin-top: var(--gap-h1)
}
}
.newswrap .side .box {
	position: sticky;
	top: 100px
}
.newswrap .side .hd {
	font-size: var(--fsize-h3);
	font-weight: bold;
	padding-left: var(--gap-large);
	color: var(--color-main);
	border-left: var(--gap-mini) solid var(--color-main)
}
.newswrap .side .list {
	margin-top: var(--gap-large);
	padding-left: var(--gap-large)
}
@media (max-width: 800px) {
.newswrap .side .list {
	padding-left: 0;
	margin-top: var(--gap-h3)
}
}
.newswrap .side .list .item {
	margin-bottom: var(--gap-large);
	padding-bottom: var(--gap-large);
	border-bottom: 1px solid var(--color-border)
}
.newswrap .side .list .item .tim {
	font-size: var(--fsize-base);
	color: var(--color-9)
}
.newswrap .side .list .item .nam {
	font-size: var(--fsize-large);
	margin: var(--gap-small) 0;
	line-height: 1.6
}
.newswrap .side .list .item .cla {
	display: flex
}
.newswrap .side .list .item .cla a {
	display: block;
	padding: var(--gap-mini) var(--gap-base);
	font-size: var(--fsize-base);
	color: var(--color-white);
	background: var(--color-main);
	text-decoration: none;
	border-radius: var(--gap-large)
}
.partywrap {
	display: flex;
	margin: var(--gap-h1) 0
}
@media (max-width: 800px) {
.partywrap {
	flex-direction: column
}
}
.partywrap .main {
	flex: 1;
	padding-right: var(--gap-large);
	border-right: 1px solid var(--color-border)
}
@media (max-width: 800px) {
.partywrap .main {
	padding-right: 0;
	border-right: 0
}
}
.partywrap .main .sean-newslist {
	margin: 0
}
.partywrap .main .hd {
	font-size: var(--fsize-h2);
	font-weight: bold;
	color: var(--color-main);
	padding-left: var(--gap-large);
	margin-bottom: var(--gap-large);
	border-left: var(--gap-mini) solid var(--color-main)
}
.partywrap .side {
	width: 400px;
	position: relative
}
.partywrap .side .fxdjinsheng {
	position: sticky;
	top: 80px
}
@media (max-width: 800px) {
.partywrap .side {
	width: 100%;
	margin-top: var(--gap-h1)
}
}
.partywrap .side .hd {
	font-size: var(--fsize-h2);
	font-weight: bold;
	color: var(--color-main);
	padding-left: var(--gap-large);
	margin-bottom: var(--gap-large);
	border-left: var(--gap-mini) solid var(--color-main)
}
.partywrap .side .big img {
	display: block;
	width: 100%
}
.partywrap .side .list {
	margin-top: var(--gap-large);
	padding-left: var(--gap-large)
}
.partywrap .side .list .item {
	margin-bottom: var(--gap-base);
	padding-bottom: var(--gap-base);
	border-bottom: 1px solid var(--color-border)
}
.partywrap .side .list .item .img {
	margin-bottom: 10px
}
.partywrap .side .list .item .img img {
	display: block;
	width: 100%
}
.partywrap .side .list .item .tim {
	font-size: var(--fsize-base);
	color: var(--color-9)
}
.partywrap .side .list .item .nam {
	font-size: var(--fsize-txt);
	margin: var(--gap-small) 0;
	line-height: 1.6
}
.partywrap .side .list .item .cla {
	display: flex
}
.partywrap .side .list .item .cla a {
	display: block;
	padding: var(--gap-mini) var(--gap-base);
	font-size: var(--fsize-base);
	color: var(--color-white);
	background: var(--color-main);
	text-decoration: none;
	border-radius: var(--gap-large)
}
.inbanner {
	height: 660px;
	position: relative;
	background: url(../img/dimg/inbannerbg.jpg) no-repeat center;
	background-size: cover
}
@media (max-width: 800px) {
.inbanner {
	height: 300px
}
}
.inbanner.inbannerbig {
	height: 400px
}
.inbanner.inbannerbig .bg .inbannerbg {
	height: 400px
}
.inbanner.inbanner02 {
	height: 350px
}
@media (max-width: 800px) {
.inbanner.inbanner02 {
	height: 300px
}
}
.inbanner.inbanner02 .bg .inbannerbg {
	height: 350px
}
@media (max-width: 800px) {
.inbanner.inbanner02 .bg .inbannerbg {
	height: 300px
}
}
.inbanner .con {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}
.inbanner .con .wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 100%;
	position: relative
}
@media (max-width: 800px) {
.inbanner .con .wrapper {
	flex-direction: column;
	align-items: flex-start;
	justify-content: center
}
}
.inbanner .con .tit {
	color: var(--color-main)
}
.inbanner .con .tit .cn {
font-size:calc(var(--fsize-h1) * 1.6);
	font-weight: bold
}
@media (max-width: 800px) {
.inbanner .con .tit .cn {
	font-size: var(--fsize-h1)
}
}
.inbanner .con .tit .en {
	font-size: var(--fsize-h2);
	text-transform: uppercase;
	font-family: arial;
	margin-top: var(--gap-small)
}
@media (max-width: 800px) {
.inbanner .con .tit .en {
	font-size: var(--fsize-base)
}
}
.inbanner .con .txt {
	color: var(--color-main);
	font-size: var(--fsize-h3);
	line-height: 1.8;
	text-align: right;
	font-weight: bold
}
@media (max-width: 800px) {
.inbanner .con .txt {
	font-size: var(--fsize-base);
	margin-top: var(--gap-h3);
	text-align: left
}
}
.inbanner .con .subnav {
	position: absolute;
	right: 0;
	bottom: 0;
	display: flex
}
.inbanner .con .subnav .it .ia {
	display: flex;
	align-items: center;
	height: 50px;
	padding: var(--gap-large) var(--gap-h1);
	background: var(--color-white);
	text-decoration: none;
	font-size: var(--fsize-large);
	position: relative
}
@media (max-width: 800px) {
.inbanner .con .subnav .it .ia {
	height: 30px;
	font-size: var(--fsize-base);
	padding: var(--gap-large) var(--gap-h1)
}
}
.inbanner .con .subnav .it .ia::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	height: 3px;
	width: 0;
	background: var(--color-main);
	transition: all .3s
}
.inbanner .con .subnav .it .ia:hover {
	background: var(--color-bg)
}
.inbanner .con .subnav .it .ia:hover::after {
	width: 100%
}
.inbanner .con .subnav .it .ia img {
	display: block;
	width: 50px;
	height: 50px;
	margin-right: var(--gap-base)
}
.inbanner .con .subnav .it .ia img.i01 {
	display: none
}
.inbanner .con .subnav .it .ia img.i02 {
	display: block
}
.inbanner .con .subnav .it.on .ia {
	background: var(--color-main);
	color: var(--color-white)
}
.inbanner .con .subnav .it.on .ia img.i01 {
	display: block
}
.inbanner .con .subnav .it.on .ia img.i02 {
	display: none
}
.inbanner .bg {
	position: relative
}
@media (max-width: 800px) {
.inbanner .bg {
	height: 100%
}
.inbanner .bg img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover
}
}
.inbanner .bg:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: linear-gradient(180deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.01) 100%)
}
.inbanner .bg .inbannerbg {
	width: 100%;
	height: 660px;
	object-fit: cover
}
.aboutbox01 {
	padding: var(--gap-h1) 0;
	position: relative
}
.aboutbox01::after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	right: 0;
	bottom: 0;
	background: url(../img/dimg/aboutbox01bg.png) no-repeat center;
	opacity: .2;
	pointer-events: none
}
@media (max-width: 800px) {
.aboutbox01::after {
	background-size: 100% auto
}
}
.aboutbox01 .hd {
	font-size: var(--fsize-h1);
	text-align: center;
	color: var(--color-main);
	font-weight: bold;
	line-height: 1.6
}
@media (max-width: 800px) {
.aboutbox01 .hd {
	font-size: var(--fsize-h3)
}
}
.aboutbox02 {
	background: var(--color-white);
	padding: var(--gap-h1) 0
}
.aboutbox02 .box {
	display: flex
}
@media (max-width: 800px) {
.aboutbox02 .box {
	flex-direction: column
}
}
.aboutbox02 .box .con {
	flex: 1;
	display: flex;
	align-items: center
}
.aboutbox02 .box .con .hd {
	font-size: var(--fsize-h1);
	color: var(--color-main);
	font-weight: bold
}
@media (max-width: 800px) {
.aboutbox02 .box .con .hd {
	font-size: var(--fsize-h2)
}
}
.aboutbox02 .box .con .hd::after {
	content: "";
	width: var(--gap-h1);
	height: 3px;
	background: var(--color-main);
	display: block;
	margin-top: var(--gap-large)
}
.aboutbox02 .box .con .bd {
	font-size: var(--fsize-large);
	color: var(--color-3);
	line-height: 1.8;
	margin-top: var(--gap-large)
}
.aboutbox02 .box .con .list {
	display: flex;
	justify-content: space-between;
	margin-top: var(--gap-h1)
}
.aboutbox02 .box .con .list .it {
	flex: 1
}
.aboutbox02 .box .con .list .it .ico {
	width: var(--gap-h2);
	margin-right: var(--gap-base);
	margin-bottom: var(--gap-base)
}
.aboutbox02 .box .con .list .it .ico img {
	display: block;
	width: 100%
}
.aboutbox02 .box .con .list .it .inf .nam {
	font-size: var(--fsize-large);
	color: var(--color-0);
	margin-bottom: var(--gap-small)
}
.aboutbox02 .box .con .list .it .inf .txt {
	font-size: var(--fsize-large);
	color: var(--color-9);
	display: flex;
	flex-direction: column
}
.aboutbox02 .box .con .list .it .inf .txt strong {
	font-size: var(--fsize-h1);
	font-weight: bold;
	margin-right: var(--gap-mini);
	color: var(--color-main)
}
.aboutbox02 .box .img {
	flex: 1;
	margin-left: var(--gap-h1)
}
@media (max-width: 800px) {
.aboutbox02 .box .img {
	margin-left: 0;
	margin-top: var(--gap-h1)
}
}
.aboutbox02 .box .img img {
	display: block;
	width: 100%
}
.aboutbox03 {
	display: flex;
	justify-content: space-between;
	padding: var(--gap-h1) 0
}
@media (max-width: 800px) {
.aboutbox03 {
	flex-direction: column
}
}
.aboutbox03 .it {
	flex: 1;
	position: relative
}
.aboutbox03 .it:last-child {
	margin-left: var(--gap-large)
}
@media (max-width: 800px) {
.aboutbox03 .it:last-child {
	margin-left: 0;
	margin-top: var(--gap-large)
}
}
.aboutbox03 .it .bg img {
	display: block;
	width: 100%
}
.aboutbox03 .it .cov {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(0deg, #000 0%, rgba(0,0,0,0) 100%);
	opacity: .8
}
.aboutbox03 .it .con {
	position: absolute;
	bottom: var(--gap-h3);
	left: var(--gap-h3);
	right: var(--gap-h3);
	color: var(--color-white)
}
.aboutbox03 .it .con .nam {
	font-size: var(--fsize-h1);
	font-weight: bold;
	color: var(--color-main)
}
@media (max-width: 800px) {
.aboutbox03 .it .con .nam {
	font-size: var(--fsize-h3)
}
}
.aboutbox03 .it .con .nam::after {
	content: "";
	display: block;
	width: var(--gap-h2);
	height: 3px;
	background: var(--color-main);
	margin: var(--gap-large) 0
}
.aboutbox03 .it .con .txt {
	font-size: var(--fsize-h2)
}
@media (max-width: 800px) {
.aboutbox03 .it .con .txt {
	font-size: var(--fsize-large)
}
}
.aboutbox04tit {
	padding: var(--gap-h1) 0 var(--gap-large);
	background-color: var(--color-white);
	text-align: center
}
.aboutbox04tit .cn {
	font-size: var(--fsize-h1);
	font-weight: bold;
	color: var(--color-main)
}
@media (max-width: 800px) {
.aboutbox04tit .cn {
	font-size: var(--fsize-h2)
}
}
.aboutbox04tit .en {
	font-size: var(--fsize-large);
	color: var(--color-3);
	margin-top: var(--gap-base)
}
.aboutbox04 {
	background-color: var(--color-white);
	padding: var(--gap-small);
	display: grid;
	grid-template: ". . . A A" "B . . A A" ". . . . ." / 1fr 1fr 1fr 1fr 1fr;
	gap: var(--gap-small)
}
@media (max-width: 800px) {
.aboutbox04 {
	grid-template: "A B" ". ." / 1fr 1fr
}
}
.aboutbox04 .it {
	overflow: hidden
}
@media (max-width: 800px) {
.aboutbox04 .it:last-of-type {
	display: none
}
}
.aboutbox04 .it img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover
}
.aboutbox04 .it img:hover {
	transform: scale(1.05)
}
.aboutbox04 .it.itemA {
	grid-area: A
}
.aboutbox04 .it.itemB {
	grid-area: B
}
.aboutmore {
	display: flex;
	padding: var(--gap-h1) 0
}
@media (max-width: 800px) {
.aboutmore {
	flex-direction: column
}
}
.aboutmore .it {
	flex: 1;
	background: var(--color-white);
	border-radius: var(--gap-small);
	padding: var(--gap-h2);
	box-sizing: border-box
}
.aboutmore .it:last-child {
	margin-left: var(--gap-large)
}
@media (max-width: 800px) {
.aboutmore .it:last-child {
	margin-left: 0;
	margin-top: var(--gap-large)
}
}
.aboutmore .it .ih {
	display: flex;
	align-items: center;
	color: var(--color-main);
	font-weight: bold;
	font-size: var(--fsize-h3)
}
.aboutmore .it .ih .i02 {
	display: block;
	width: var(--gap-h3);
	margin-right: var(--gap-base)
}
.aboutmore .it .ib {
	font-size: var(--fsize-txt);
	line-height: 1.6;
	color: var(--color-3);
	margin: var(--gap-large) 0 var(--gap-h2)
}
.aboutmore .it .ibtn {
	display: flex
}
.aboutmore .it .ibtn a {
	font-size: var(--fsize-base);
	color: var(--color-main);
	text-decoration: none;
	display: block;
	position: relative;
	line-height: 2
}
.aboutmore .it .ibtn a::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 1px;
	left: 0;
	bottom: 0;
	background-color: var(--color-main)
}
.aboutmore .it .ibtn a::before {
	content: ">";
	font-family: simsun;
	font-size: var(--fsize-base);
	font-weight: bold;
	position: absolute;
	top: 1px;
	right: -12px;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
	visibility: visible;
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}
.aboutmore .it .ibtn a:hover::before {
	-webkit-transform: translateX(10px);
	transform: translateX(10px);
	opacity: 1;
	visibility: visible
}
.historywrap {
	padding: var(--gap-h1) 0;
	display: flex;
	position: relative
}
@media (max-width: 800px) {
.historywrap {
	flex-direction: column
}
}
.historywrap::before {
	content: "";
	display: block;
	width: 618px;
	height: 513px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateX(-50%) translateY(-50%)
}
.historywrap .side {
	width: 400px
}
@media (max-width: 800px) {
.historywrap .side {
	width: 100%
}
}
.historywrap .side .hd {
	position: sticky;
	top: 100px
}
.historywrap .side .hd .cn {
	font-size: var(--fsize-h1);
	font-weight: bold;
	color: var(--color-main)
}
@media (max-width: 800px) {
.historywrap .side .hd .cn {
	font-size: var(--fsize-h2)
}
}
.historywrap .side .hd .en {
	font-size: var(--fsize-large);
	margin-top: var(--gap-large);
	color: var(--color-3);
	line-height: 1.6
}
.historywrap .side .hd .img {
	margin-top: var(--gap-h1)
}
@media (max-width: 800px) {
.historywrap .side .hd .img {
	display: none
}
}
.historywrap .side .hd .img img {
	display: block;
	max-width: 100%
}
.historywrap .main {
	flex: 1;
	border-left: 2px solid var(--color-main);
	margin-left: var(--gap-h1);
	padding-left: var(--gap-h3)
}
@media (max-width: 800px) {
.historywrap .main {
	margin-left: 0;
	margin-top: var(--gap-h1)
}
}
.historywrap .main .year {
	display: flex;
	align-items: flex-start;
	margin-bottom: var(--gap-h1)
}
.historywrap .main .year .hd {
	color: var(--color-main);
	position: sticky;
	width: 120px;
	top: 100px;
	white-space: nowrap;
	margin-right: var(--gap-large)
}
@media (max-width: 800px) {
.historywrap .main .year .hd {
	width: 90px
}
}
.historywrap .main .year .hd::before {
	content: "";
	display: block;
	width: var(--gap-h3);
	height: 1px;
	background: var(--color-main);
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateX(-100%) translateY(-50%)
}
.historywrap .main .year .hd::after {
	content: "";
	display: block;
	width: var(--gap-base);
	height: var(--gap-base);
	border-radius: var(--gap-base);
	background: var(--color-main);
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateX(-360%) translateY(-50%)
}
.historywrap .main .year .hd strong {
	font-size: var(--fsize-h1);
	font-weight: bold
}
@media (max-width: 800px) {
.historywrap .main .year .hd strong {
	font-size: var(--fsize-h2)
}
}
.historywrap .main .year .hd span {
	font-size: var(--fsize-large)
}
.historywrap .main .year .bd {
	flex: 1
}
.historywrap .main .year .bd .item {
	display: flex
}
@media (max-width: 800px) {
.historywrap .main .year .bd .item {
	flex-direction: column
}
}
.historywrap .main .year .bd .item .day {
	font-size: var(--fsize-h3);
	font-weight: bold;
	color: var(--color-main);
	white-space: nowrap;
	margin-right: var(--gap-large);
	line-height: 1.6;
	width: 120px
}
.historywrap .main .year .bd .item .txt {
	flex: 1;
	font-size: var(--fsize-large);
	color: var(--color-3);
	line-height: 1.8;
	padding: var(--gap-mini) 0
}
.historywrap .main .year .bd .item .txt p {
	margin-bottom: var(--gap-base)
}
.historywrap .main .year .bd .item .txt img {
	display: block;
	width: 100%
}
.industryhome {
	height: 100vh;
	background: url(../img/dimg/section04bg.jpg) no-repeat center;
	background-size: cover
}
@media (max-width: 800px) {
.industryhome {
	height: 30vh
}
}
.industryhome .wrapper {
	height: 100%;
	display: flex;
	align-items: center
}
.industryhome .con {
	width: 100%
}
.industryhome .con .hd {
	color: var(--color-main)
}
.industryhome .con .hd .cn {
font-size:calc(var(--fsize-h1) * 1.6);
	font-weight: bold
}
@media (max-width: 800px) {
.industryhome .con .hd .cn {
	font-size: var(--fsize-h1)
}
}
.industryhome .con .hd .en {
	font-size: var(--fsize-h2);
	text-transform: uppercase;
	font-family: arial;
	margin-top: var(--gap-small)
}
@media (max-width: 800px) {
.industryhome .con .hd .en {
	font-size: var(--fsize-base)
}
}
.industryhome .list {
	display: flex;
	justify-content: space-between;
	margin-top: var(--gap-h1);
	display: none
}
.industryhome .list .it {
	flex: 1;
	margin-right: var(--gap-large)
}
.industryhome .list .it:nth-child(1), .industryhome .list .it:nth-child(2) {
	flex: 2
}
.industryhome .list .it:last-child {
	margin-right: 0
}
.industryhome .list .it .ia {
	display: block;
	border-radius: var(--gap-small);
	background: rgba(0,0,0,0.2);
	padding: var(--gap-h2) 0 var(--gap-large);
	text-align: center;
	color: var(--color-main);
	text-decoration: none
}
.industryhome .list .it .ia:hover {
	background-color: rgba(0,0,0,0.6);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px)
}
.industryhome .list .it .ia:hover .ico img {
	transform: scale(1.1)
}
.industryhome .list .it .ia:hover .inf .btn {
	opacity: 1
}
.industryhome .list .it .ia:hover .inf .btn span::before {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
	visibility: visible
}
.industryhome .list .it .ia .inf {
	margin-top: var(--gap-base)
}
.industryhome .list .it .ia .inf .nam {
	font-size: var(--fsize-h3);
	font-weight: bold;
	letter-spacing: var(--gap-mini)
}
.industryhome .list .it .ia .inf .btn {
	font-size: var(--fsize-base);
	margin-top: var(--gap-large);
	display: flex;
	justify-content: center;
	opacity: 0
}
.industryhome .list .it .ia .inf .btn span {
	position: relative
}
.industryhome .list .it .ia .inf .btn span::before {
	content: ">";
	font-family: simsun;
	font-size: var(--fsize-base);
	font-weight: bold;
	position: absolute;
	top: 1px;
	right: -12px;
	-webkit-transform: translateX(-10px);
	transform: translateX(-10px);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}
.industrybox {
	height: 100vh;
	position: relative
}
@media (max-width: 800px) {
.industrybox {
	height: auto
}
}
.industrybox .bg {
	height: 100%;
	filter: grayscale(100%);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}
.industrybox .bg img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover
}
.industrybox .cov {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: linear-gradient(61deg, #fff, rgba(255,231,186,0.9));
	backdrop-filter: blur(10px) saturate(180%);
	-webkit-backdrop-filter: blur(10px) saturate(180%);
	display: flex
}
.industrybox .cov .item {
	width: 50%;
	height: 100%;
	margin-left: auto
}
@media (max-width: 800px) {
.industrybox .cov .item {
	width: 100%;
	height: 30vh
}
}
.industrybox .cov .item .img {
	height: 100%
}
.industrybox .cov .item .img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover
}
.industrybox.ib02 .cov {
	background: linear-gradient(-61deg, #fff, rgba(255,231,186,0.9))
}
.industrybox.ib02 .cov .item {
	margin-left: 0
}
.industrybox.ib02 .wrapper .con {
	margin-left: auto
}
.industrybox .ibslide {
	height: 100%
}
.industrybox .wrapper {
	position: relative;
	height: 100%;
	display: flex;
	align-items: center
}
.industrybox .wrapper .con {
	width: 40%
}
@media (max-width: 800px) {
.industrybox .wrapper .con {
	width: 100%;
	margin-top: 30vh;
	padding: var(--gap-h2) 0
}
}
.industrybox .wrapper .con .hd .cn {
	display: flex;
	align-items: center;
	font-size: var(--fsize-h1);
	font-weight: bold;
	color: var(--color-main)
}
@media (max-width: 800px) {
.industrybox .wrapper .con .hd .cn {
	font-size: var(--fsize-h2)
}
}
.industrybox .wrapper .con .hd .cn img {
	margin-right: var(--gap-base)
}
.industrybox .wrapper .con .bd {
	margin-top: var(--gap-large)
}
.industrybox .wrapper .con .bd .txt {
	font-size: var(--fsize-txt);
	line-height: 1.6;
	color: var(--color-3)
}
.industrybox .wrapper .con .bd .txt p {
	margin-bottom: var(--gap-large)
}
.industrybox .wrapper .con .bd .btn {
	margin-top: var(--gap-large);
	display: flex
}
.industrybox .wrapper .con .bd .btn a {
	display: flex;
	background: var(--color-main);
	height: 50px;
	font-size: var(--fsize-txt);
	padding: 0 var(--gap-h3);
	align-items: center;
	color: var(--color-white);
	border-radius: var(--gap-h3);
	text-decoration: none
}
.industrybox .wrapper .con .bd .btn a:hover {
	background: #bb823b
}
.industrybox .wrapper .con .bd .btn a img {
	margin-left: var(--gap-small)
}
.onenav {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	transform: translateY(100%)
}
@media (max-width: 800px) {
.onenav {
	bottom: 50px
}
}
.onenav.fxdon {
	transform: translateY(0)
}
.onenav .it {
	margin: 0 var(--gap-mini)
}
.onenav .it.on a {
	background: var(--color-main);
	padding: var(--gap-large) var(--gap-h3);
	color: var(--color-white);
	font-weight: bold
}
.onenav .it.on a img.i01 {
	display: block
}
.onenav .it.on a img.i02 {
	display: none
}
.onenav .it a {
	display: flex;
	align-items: center;
	padding: var(--gap-base) var(--gap-h3);
	font-size: var(--fsize-large);
	background: var(--color-white);
	color: var(--color-3);
	text-decoration: none;
	border-radius: var(--gap-small) var(--gap-small) 0 0;
	box-shadow: 0 0 var(--gap-large) rgba(0,0,0,0.1)
}
.onenav .it a img {
	margin-right: var(--gap-small);
	display: block;
	width: 30px
}
.onenav .it a img.i01 {
	display: none
}
.onenav .it a img.i02 {
	display: block
}
.noinf {
	background: var(--color-white);
	border-radius: var(--gap-small);
	padding: var(--gap-h1);
	text-align: center;
	margin-top: var(--gap-h1)
}
.noinf .nam {
	font-size: var(--fsize-h1);
	font-weight: bold;
	color: var(--color-main)
}
@media (max-width: 800px) {
.noinf .nam {
	font-size: var(--fsize-h2)
}
}
.noinf .txt {
	font-size: var(--fsize-large);
	color: var(--color-9);
	line-height: 2;
	margin-top: var(--gap-base)
}
@media (max-width: 800px) {
.noinf .txt {
	font-size: var(--fsize-base)
}
}
.footer {
	background: var(--color-bg)
}
.footer .list {
	display: flex;
	justify-content: space-between;
	padding: var(--gap-h1) 5%
}
@media (max-width: 800px) {
.footer .list {
	justify-content: center
}
}
.footer .list * {
	transition: none
}
@media (max-width: 800px) {
.footer .list .it {
	display: none
}
.footer .list .it:last-of-type {
	display: block;
	text-align: center
}
}
.footer .list .it .ih {
	margin-bottom: var(--gap-base);
	color: var(--color-main);
	font-size: var(--fsize-txt);
	font-weight: bold
}
.footer .list .it .ih .ia {
	color: var(--color-main);
	text-decoration: none
}
.footer .list .it .ib {
	font-size: var(--fsize-txt);
	line-height: 1.8;
	color: var(--color-main)
}
.footer .list .it .ib .il .ia {
	text-decoration: none;
	color: var(--color-main)
}
.footer .list .it .ib .il .ia:hover {
	color: var(--color-main);
	opacity: 1
}
.footer .foot {
	display: flex;
	justify-content: space-between;
	border-top: 1px solid var(--color-white);
	padding: var(--gap-h3) 5%;
	font-size: var(--fsize-txt);
	background: var(--color-main)
}
@media (max-width: 800px) {
.footer .foot {
	flex-direction: column;
	font-size: var(--fsize-base)
}
}
.footer .foot .copy {
	color: var(--color-white)
}
.footer .foot .link {
	display: flex
}
@media (max-width: 800px) {
.footer .foot .link {
	margin-top: var(--gap-large)
}
}
.footer .foot .link a {
	color: var(--color-white);
	display: flex;
	align-items: center;
	margin-left: var(--gap-base)
}
@media (max-width: 800px) {
.footer .foot .link a {
	margin-left: 0;
	margin-right: var(--gap-base)
}
}
.commoncontact {
	height: 300px;
	position: relative
}
@media (max-width: 800px) {
.commoncontact {
	height: 220px
}
}
.commoncontact .con {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	transform: translateY(-50%);
	text-align: center;
	color: var(--color-white)
}
.commoncontact .con .cn {
	font-size: var(--fsize-h1);
	font-weight: bold
}
@media (max-width: 800px) {
.commoncontact .con .cn {
	font-size: var(--fsize-h2)
}
}
.commoncontact .con .en {
	font-size: var(--fsize-large);
	margin: var(--gap-small) 0 var(--gap-large)
}
@media (max-width: 800px) {
.commoncontact .con .en {
	margin: var(--gap-h3) 0;
	font-size: var(--fsize-txt);
	line-height: 1.5
}
}
.commoncontact .con .btn {
	display: flex;
	justify-content: center
}
.commoncontact .con .btn a {
	background: var(--color-white);
	color: var(--color-3);
	display: block;
	text-decoration: none;
	font-size: var(--fsize-large);
	padding: var(--gap-small) var(--gap-h3);
	border-radius: var(--gap-h1)
}
.commoncontact .con .btn a:hover {
	background: var(--color-main);
	color: var(--color-white)
}
.commoncontact .bg {
	height: 100%;
	position: relative
}
.commoncontact .bg img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover
}
.commoncontact .bg::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--color-main);
	mix-blend-mode: hue;
	opacity: 0
}
.commoncontact .bg::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--color-0);
	opacity: 0
}
.commoncontact .bg .vidbg {
	width: 100%;
	height: 100%;
	object-fit: cover
}
.moveico {
	position: absolute;
	bottom: var(--gap-large);
	left: 50%;
	transform: translateX(-50%);
	font-size: var(--fsize-small);
	color: var(--color-white);
	display: flex;
	flex-direction: column;
	align-items: center;
	z-index: 9
}
@media (max-width: 800px) {
.moveico {
	bottom: 60px;
	transform: translateX(-50%) scale(.8)
}
}
.moveico::before {
	content: "";
	display: block;
	width: 26px;
	height: 44px;
	background: url(../img/moveicon.png) no-repeat center;
	margin-bottom: var(--gap-mini)
}
.moveico::after {
	content: "向下滚动"
}
.sean-newslist {
	margin: var(--gap-h2) 0
}
.sean-newslist.sean-newslist-col3 {
	margin: var(--gap-large) 0;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--gap-base)
}
@media (max-width: 800px) {
.sean-newslist.sean-newslist-col3 {
	grid-template-columns: repeat(1, minmax(0, 1fr))
}
}
.sean-newslist.sean-newslist-col3.sean-newslist-col2 {
	grid-template-columns: repeat(2, minmax(0, 1fr))
}
@media (max-width: 800px) {
.sean-newslist.sean-newslist-col3.sean-newslist-col2 {
	grid-template-columns: repeat(1, minmax(0, 1fr))
}
}
.sean-newslist.sean-newslist-col3.sean-newslist-col4 {
	grid-template-columns: repeat(4, minmax(0, 1fr))
}
@media (max-width: 800px) {
.sean-newslist.sean-newslist-col3.sean-newslist-col4 {
	grid-template-columns: repeat(1, minmax(0, 1fr))
}
}
.sean-newslist.sean-newslist-col3 .sean-newslist-item {
	box-sizing: border-box;
	padding: var(--gap-large);
	border: 1px solid var(--color-border);
	flex-direction: column;
	background-color: var(--color-white)
}
@media (max-width: 800px) {
.sean-newslist.sean-newslist-col3 .sean-newslist-item {
	flex-direction: row;
	padding: var(--gap-h3)
}
}
.sean-newslist.sean-newslist-col3 .sean-newslist-item:hover {
	box-shadow: 0 var(--gap-base) var(--gap-large) rgba(0,0,0,0.1);
	transform: translateY(-5px)
}
.sean-newslist.sean-newslist-col3 .sean-newslist-item:last-child {
	border-bottom: 1px solid var(--color-border)
}
.sean-newslist.sean-newslist-col3 .sean-newslist-item .sean-newslist-img {
	width: 100%;
	margin-bottom: var(--gap-base)
}
@media (max-width: 800px) {
.sean-newslist.sean-newslist-col3 .sean-newslist-item .sean-newslist-img {
	width: 30vw
}
}
.sean-newslist.sean-newslist-col3 .sean-newslist-item .sean-newslist-img a {
	padding-bottom: 65%
}
@media (max-width: 800px) {
.sean-newslist.sean-newslist-col3 .sean-newslist-item .sean-newslist-img a {
	padding-bottom: 75%
}
}
.sean-newslist.sean-newslist-imglight .sean-newslist-item .sean-newslist-img a {
	overflow: hidden
}
.sean-newslist.sean-newslist-imglight .sean-newslist-item .sean-newslist-img a:after {
	content: "";
	position: absolute;
	left: -120%;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: -moz-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0.5), rgba(255,255,255,0));
	background-image: -webkit-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0.5), rgba(255,255,255,0));
	transform: skewx(-25deg);
	opacity: .6
}
.sean-newslist.sean-newslist-imglight .sean-newslist-item .sean-newslist-img a:hover:after {
	left: 120%;
	transition: 1s
}
@media (max-width: 800px) {
.sean-newslist.sean-newslist-mimgbig .sean-newslist-item {
	flex-direction: column
}
.sean-newslist.sean-newslist-mimgbig .sean-newslist-item .sean-newslist-img {
	width: 100%;
	margin-right: 0;
	margin-bottom: var(--gap-base)
}
.sean-newslist.sean-newslist-mimgbig .sean-newslist-item .sean-newslist-img a {
	padding-bottom: 65%
}
}
@media (max-width: 800px) {
.sean-newslist.sean-newslist-minftxt .sean-newslist-item .sean-newslist-inf .sean-newslist-txt {
	display: -webkit-box;
	margin-top: var(--gap-large)
}
}
.sean-newslist.sean-newslist-alternate .sean-newslist-item:nth-child(2n) .sean-newslist-img {
	order: 2;
	margin-right: 0;
	margin-left: var(--gap-h3)
}
@media (max-width: 800px) {
.sean-newslist.sean-newslist-alternate .sean-newslist-item:nth-child(2n) .sean-newslist-img {
	order: 0;
	margin-left: 0
}
}
.sean-newslist.sean-newslist-bigitem .sean-newslist-item {
	border: 0
}
@media (max-width: 800px) {
.sean-newslist.sean-newslist-bigitem .sean-newslist-item {
	flex-direction: column
}
}
.sean-newslist.sean-newslist-bigitem .sean-newslist-item .sean-newslist-img {
	width: 46%
}
@media (max-width: 800px) {
.sean-newslist.sean-newslist-bigitem .sean-newslist-item .sean-newslist-img {
	width: 100%
}
}
.sean-newslist.sean-newslist-bigitem .sean-newslist-item .sean-newslist-img a {
	padding-bottom: 60%
}
.sean-newslist.sean-newslist-bigitem .sean-newslist-item .sean-newslist-inf {
	align-items: center;
	flex-direction: row;
	height: auto
}
.sean-newslist.sean-newslist-bigitem .sean-newslist-item .sean-newslist-inf .sean-newslist-con {
	height: auto
}
.sean-newslist.sean-newslist-bigitem .sean-newslist-item .sean-newslist-inf .sean-newslist-con .sean-newslist-tit {
	font-size: var(--fsize-h3)
}
.sean-newslist.sean-newslist-bigitem .sean-newslist-item .sean-newslist-inf .sean-newslist-con .sean-newslist-tool a.sean-newslist-tool-fl {
	background: var(--color-white);
	padding: 10px 30px;
	border: 1px solid var(--color-border);
	width: auto;
	height: auto;
	font-size: var(--fsize-base);
	text-decoration: none;
	border-radius: 30px
}
.sean-newslist.sean-newslist-bigitem .sean-newslist-item .sean-newslist-inf .sean-newslist-con .sean-newslist-tool a.sean-newslist-tool-fl:before {
	content: "阅读更多"
}
.sean-newslist.sean-newslist-bigitem .sean-newslist-item .sean-newslist-inf .sean-newslist-con .sean-newslist-tool a.sean-newslist-tool-fl:hover {
	border-color: var(--color-main);
	color: var(--color-white);
	background-color: var(--color-main)
}
.sean-newslist.sean-newslist-bigitem .sean-newslist-item .sean-newslist-inf .sean-newslist-con .sean-newslist-tool a.sean-newslist-tool-fr {
	display: none
}
.sean-newslist.sean-newslist-imgright .sean-newslist-item .sean-newslist-img {
	order: 2;
	margin-right: 0;
	margin-left: var(--gap-large)
}
.sean-newslist .sean-newslist-item {
	display: flex;
	justify-content: space-between;
	padding: var(--gap-large) 0;
	border-bottom: 1px solid var(--color-border)
}
.sean-newslist .sean-newslist-item:last-child {
	border-bottom: 0
}
.sean-newslist .sean-newslist-item .sean-newslist-img {
	width: 220px;
	margin-right: var(--gap-h3)
}
@media (max-width: 800px) {
.sean-newslist .sean-newslist-item .sean-newslist-img {
	margin-right: 0;
	margin-bottom: var(--gap-large)
}
}
.sean-newslist .sean-newslist-item .sean-newslist-img.imgx {
	margin-right: var(--gap-large)
}
@media (max-width: 800px) {
.sean-newslist .sean-newslist-item .sean-newslist-img {
	width: 30vw
}
}
.sean-newslist .sean-newslist-item .sean-newslist-img a {
	width: 100%;
	height: 0;
	display: block;
	padding-bottom: 75%;
	position: relative
}
.sean-newslist .sean-newslist-item .sean-newslist-img a img {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover
}
.sean-newslist .sean-newslist-item .sean-newslist-inf {
	flex: 1;
	display: flex;
	flex-direction: column
}
.sean-newslist .sean-newslist-item .sean-newslist-inf .sean-newslist-con {
	height: 100%;
	display: flex;
	flex-direction: column
}
.sean-newslist .sean-newslist-item .sean-newslist-inf .sean-newslist-tit {
	font-size: var(--fsize-large);
	font-weight: bold
}
@media (max-width: 800px) {
.sean-newslist .sean-newslist-item .sean-newslist-inf .sean-newslist-tit {
	margin-bottom: var(--gap-base)
}
}
.sean-newslist .sean-newslist-item .sean-newslist-inf .sean-newslist-tit a {
	color: var(--color-3)
}
.sean-newslist .sean-newslist-item .sean-newslist-inf .sean-newslist-tit a:hover {
	color: var(--color-main)
}
.sean-newslist .sean-newslist-item .sean-newslist-inf .sean-newslist-tim {
	margin-top: var(--gap-base);
	color: var(--color-9);
	font-size: var(--fsize-base);
	display: flex;
	align-items: center
}
@media (max-width: 800px) {
.sean-newslist .sean-newslist-item .sean-newslist-inf .sean-newslist-tim {
	margin-top: auto
}
}
.sean-newslist .sean-newslist-item .sean-newslist-inf .sean-newslist-tim span {
	margin-right: var(--gap-large);
	display: flex;
	align-items: center
}
.sean-newslist .sean-newslist-item .sean-newslist-inf .sean-newslist-tim span::before {
	content: "";
	width: 20px;
	height: 20px;
	display: block;
	background: url(../img/seanui/seanui-icon-time.svg) no-repeat center;
	background-size: cover;
	margin-right: var(--gap-mini)
}
@media (max-width: 800px) {
.sean-newslist .sean-newslist-item .sean-newslist-inf .sean-newslist-tim span::before {
	width: 16px;
	height: 16px
}
}
.sean-newslist .sean-newslist-item .sean-newslist-inf .sean-newslist-tim span:nth-child(2)::before {
	background-image: url(../img/seanui/seanui-icon-nums.svg)
}
.sean-newslist .sean-newslist-item .sean-newslist-inf .sean-newslist-txt {
	margin-top: var(--gap-base);
	color: var(--color-6);
	font-size: var(--fsize-base);
	line-height: 1.6;
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	word-break: break-all;
	-webkit-line-clamp: 2
}
@media (max-width: 800px) {
.sean-newslist .sean-newslist-item .sean-newslist-inf .sean-newslist-txt {
	display: none
}
}
.sean-newslist .sean-newslist-item .sean-newslist-inf .sean-newslist-tag {
	margin-top: auto;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	font-size: var(--fsize-base)
}
@media (max-width: 800px) {
.sean-newslist .sean-newslist-item .sean-newslist-inf .sean-newslist-tag {
	display: none
}
}
.sean-newslist .sean-newslist-item .sean-newslist-inf .sean-newslist-tag a {
	margin-right: var(--gap-base);
	margin-top: var(--gap-base);
	color: var(--color-main)
}
.sean-newslist .sean-newslist-item .sean-newslist-inf .sean-newslist-tag a:last-child {
	margin-right: 0
}
.sean-newslist .sean-newslist-item .sean-newslist-inf .sean-newslist-sub {
	margin-bottom: var(--gap-base);
	font-size: var(--fsize-base);
	color: var(--color-9);
	display: flex;
	align-items: center;
	margin-left: -4px
}
.sean-newslist .sean-newslist-item .sean-newslist-inf .sean-newslist-sub a {
	display: block;
	margin-right: var(--gap-base);
	color: var(--color-9);
	text-decoration: none;
	padding: 3px 4px;
	border-radius: var(--gap-mini)
}
.sean-newslist .sean-newslist-item .sean-newslist-inf .sean-newslist-sub a:hover {
	background: rgba(0,0,0,0.06);
	color: var(--color-3)
}
.sean-newslist .sean-newslist-item .sean-newslist-inf .sean-newslist-tool {
	margin-top: var(--gap-large);
	display: flex;
	justify-content: space-between
}
@media (max-width: 800px) {
.sean-newslist .sean-newslist-item .sean-newslist-inf .sean-newslist-tool {
	margin-top: var(--gap-h3)
}
}
.sean-newslist .sean-newslist-item .sean-newslist-inf .sean-newslist-tool a {
	display: block;
	width: 24px;
	height: 24px;
	background: url(../img/seanui/seanui-icon-01.png) no-repeat center
}
.sean-newslist .sean-newslist-item .sean-newslist-inf .sean-newslist-tool a.sean-newslist-tool-fl {
	background-image: url(../img/seanui/seanui-icon-01.png)
}
.sean-newslist .sean-newslist-item .sean-newslist-inf .sean-newslist-tool a.sean-newslist-tool-fr {
	background-image: url(../img/seanui/seanui-icon-02.png)
}
body {
	overflow-x: hidden
}
body.fxd {
	overflow: hidden
}
body.wbg {
	background: var(--color-white)
}
.wrapper {
	box-sizing: border-box;
	padding: 0 20px;
	width: 1400px;
	margin: 0 auto
}
@media (max-width: 1440px) {
.wrapper {
	width: 100%;
	padding: 0 5%;
	box-sizing: border-box
}
}
* {
	transition: all .3s
}
@-webkit-keyframes zoomInSmall {
from {
opacity:0;
-webkit-transform:scale3d(.92, .92, .92);
transform:scale3d(.92, .92, .92)
}
50% {
opacity:1
}
}
@keyframes zoomInSmall {
from {
opacity:0;
-webkit-transform:scale3d(.92, .92, .92);
transform:scale3d(.92, .92, .92)
}
50% {
opacity:1
}
}
.zoomInSmall {
	-webkit-animation-name: zoomInSmall;
	animation-name: zoomInSmall
}
.lightGallery-white-theme .lg-outer .lg-thumb-outer {
	box-shadow: 0 0 6px -3.5px rgba(0,0,0,0.25) inset
}
.lightGallery-white-theme .lg-sub-html {
	color: #333 !important
}
.lightGallery-white-theme .lg-sub-html a {
	color: #2f2f2f !important
}
.lightGallery-white-theme .lg-backdrop {
	background-color: rgba(243,243,243,0.8);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px)
}
.lightGallery-white-theme .lg-backdrop {
	background-color: rgba(243,243,243,0.8);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px)
}
.lightGallery-white-theme .lg-thumb-item.active, .lightGallery-white-theme .lg-thumb-item:hover {
	border-color: var(--color-main)
}
.lightGallery-white-theme .lg-progress-bar {
	background-color: #999
}
.lightGallery-white-theme .lg-progress-bar .lg-progress {
	background-color: #333
}
.lightGallery-white-theme .lg-outer .lg-thumb-outer {
	background-color: #fcfcfc
}
.lightGallery-white-theme .lg-next, .lightGallery-white-theme .lg-prev {
	background-color: rgba(0,0,0,0.03);
	color: #444
}
.lightGallery-white-theme .lg-next:hover, .lightGallery-white-theme .lg-prev:hover {
	color: #000
}
.lightGallery-white-theme .lg-next:focus, .lightGallery-white-theme .lg-prev:focus {
	outline: none;
	box-shadow: none
}
.lightGallery-white-theme .lg-toolbar .lg-icon {
	color: #555
}
.lightGallery-white-theme .lg-toolbar .lg-icon:hover {
	color: #000
}
.lightGallery-white-theme .lg-counter {
	color: #555
}
.lightGallery-white-theme .lg-outer .lg-thumb-item.active, .lightGallery-white-theme .lg-outer .lg-thumb-item:hover {
	border: 2px solid var(--color-main)
}
::-webkit-scrollbar {
width:5px;
height:5px
}
::-webkit-scrollbar-button:vertical {
display:none
}
::-webkit-scrollbar-track:vertical {
background-color:black
}
::-webkit-scrollbar-track-piece {
background:#fff
}
::-webkit-scrollbar-thumb:vertical {
background-color:#c2c2c2
}
::-webkit-scrollbar-thumb:vertical:hover {
background-color:#a0a0a0
}
::-webkit-scrollbar-corner:vertical {
background-color:#535353
}
::-webkit-scrollbar-resizer:vertical {
background-color:#ff6e00
}
::selection {
	background: var(--color-main);
	color: var(--color-white)
}
::-moz-selection {
background:var(--color-main);
color:var(--color-white)
}
body, div, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, iframe, input, textarea, select, label, article, aside, footer, header, menu, nav, section, time, audio, video {
	margin: 0;
	padding: 0
}
article, aside, footer, header, hgroup, nav, section, audio, canvas, video {
	display: block
}
body {
	font-size: 100%;
	font-family: Helvetica, "PingFang SC", "Hiragino Sans GB", STHeiti, "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	background: var(--color-bg)
}
textarea {
	resize: none
}
iframe, img {
	border: 0
}
ul, ol {
	list-style: none
}
input, select, textarea {
	outline: 0;
	-webkit-user-modify: read-write-plaintext-only
}
a {
	text-decoration: none;
	color: #666
}
a:hover {
	text-decoration: underline;
	color: var(--color-main)
}/*# sourceMappingURL=./c.css.map */