@charset "utf-8";/*!
by Sean Lu 20250905
!!!请勿直接在c.css中修改内容
!!!请勿直接在c.css中修改内容
!!!请勿直接在c.css中修改内容
*/
:root {
--color-main:#18264f;
--color-white:#fff;
--color-txt:#e59400;
--color-ftxt:#bac6de;
--color-bg:#f5f5f5;
--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
}
}
.trans {
	transition: all .3s
}
*, :after, :before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
#hd_h1 {
	position: absolute;
	font-size: 0;
	line-height: 0;
	overflow: hidden
}
#jt_hd_wrapper {
	display: flex;
	justify-content: center
}
#jt_hd {
	width: 100%;
	font-size: 15px
}
#jt_section {
	overflow: hidden;
	position: relative;
	min-width: 1200px;
	line-height: 1.8;
	color: var(--color-main)
}
@media (max-width: 800px) {
#jt_section {
	min-width: 100%
}
}
#jt_container {
	position: relative;
	z-index: 10;
	min-width: 1200px;
	width: 100%
}
@media (max-width: 800px) {
#jt_container {
	min-width: 100%
}
}
#jt_ft {
	width: 100%;
	background-size: cover;
	line-height: 1.5;
	font-size: 15px;
	font-weight: 400;
	border-top: 1px solid #d0d0d0;
}
@media (max-width: 800px) {
#jt_ft {
	font-size: var(--fsize-txt)
}
}
#jt_ft .ft_inner {
	max-width: 1700px;
	padding: 100px 80px 80px 80px;
	margin: 0 auto
}
@media (max-width: 800px) {
#jt_ft .ft_inner {
	padding: 10vw 6vw
}
}
@media (max-width: 800px) {
#jt_ft .ft_inner .ft_btm .footlogo {
	display: flex;
	justify-content: center
}
}
#jt_ft .ft_inner .ft_btm .footlogo img {
	width: 120px;
	height: 80px;
	display: block;
	object-fit: contain;
	margin-bottom: 10px
}
#jt_ft .ft_btm {
	display: flex;
	justify-content: space-between;
	padding: 0px 0 80px;
	color: var(--color-main)
}
@media (max-width: 800px) {
#jt_ft .ft_btm {
	flex-direction: column;
	padding-bottom: var(--gap-h1)
}
}
#jt_ft .ft_btm .left {
	color: #333
}
@media (max-width: 800px) {
#jt_ft .ft_btm .left {
	text-align: center
}
}
#jt_ft .ft_btm .left p {
	padding-bottom: 40px;
	color: #022a99;
	font-weight: 700;
	font-size:24px;
}
#jt_ft .ft_btm .left .searchinput {
	background: rgba(3,3,3,0.05);
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 50px;
	margin-top: 20px;
	padding: 0 20px;
	cursor: pointer;
	transition: all .3s
}
#jt_ft .ft_btm .left .searchinput:hover {
	opacity: .8
}
#jt_ft .ft_btm .left .searchinput .input_search svg {
	width: 18px
}
#jt_ft .ft_btm .left .social {
	margin-top: 20px;
	display: flex;
	align-items: center;
	gap: 16px
}
@media (max-width: 800px) {
#jt_ft .ft_btm .left .social {
	display: none
}
}
#jt_ft .ft_btm .left .social i {
	font-size: 19px
}
#jt_ft .ft_btm .left .social svg {
	color: var(--color-ftxt);
	fill: var(--color-ftxt)
}
#jt_ft .ft_btm .right .ft_mn {
	display: flex
}
@media (max-width: 800px) {
#jt_ft .ft_btm .right .ft_mn {
	display: none
}
}
#jt_ft .ft_btm .right .ft_mn>li+li {
	margin-left: 50px
}
#jt_ft .ft_btm .right .ft_mn>li>a {
	font-size: 16px;
	font-weight: 500
}
#jt_ft .ft_btm .right .ft_mn li a {
	color: #333;
	font-weight: 600
}
#jt_ft .ft_btm .right .ft_mn li ul {
	margin-top: 35px
}
#jt_ft .ft_btm .right .ft_mn li ul li+li {
	margin-top: 6px
}
#jt_ft .ft_btm .right .ft_mn li ul a {
	font-size: 15px;
	color: #333;
	transition: all .3s;
	display: flex;
	font-weight: 400
}
#jt_ft .ft_btm .right .ft_mn li ul a svg {
	width: 18px
}
#jt_ft .ft_btm .right .ft_mn li ul a:hover {
	color: #022a99
}
@media (max-width: 800px) {
#jt_ft .ft_btm .center {
	margin-top: var(--gap-h3);
	text-align: center
}
}
#jt_ft .ft_btm .center .follow {
	margin-bottom: 35px;
	color: #333;
	font-weight: 600
}
@media (max-width: 800px) {
#jt_ft .ft_btm .center .follow {
	margin-bottom: var(--gap-base)
}
}
#jt_ft .ft_btm .center .scan {
	font-size: 13px;
	margin-top: 5px;
	color: 333
}
#jt_ft .ft_btm .center .qrcode img {
	height: 130px
}
#jt_ft .admin {
	display: flex;
	justify-content: space-between
}
@media (max-width: 800px) {
#jt_ft .admin {
	flex-direction: column;
	row-gap: var(--gap-large);
	font-size: var(--fsize-base)
}
}
#jt_ft .admin .copy {
	color: #888;
}
#jt_ft .admin .adm_link {
	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: 20px
}
@media (max-width: 800px) {
#jt_ft .admin .adm_link {
	justify-content: flex-start
}
}
#jt_ft .admin .adm_link a {
	color: var(--color-ftxt);
	transition: all .2s
}
#jt_ft .admin .adm_link a:hover {
	color: #fff
}
#jtGnb {
	display: flex;
	align-items: center;
	position: fixed;
	z-index: 99;
	width: 100%;
	padding: 0 80px;
	height: 100px;
	transition: all .3s
}
@media (max-width: 800px) {
#jtGnb {
	padding: 0 6vw;
	height: 70px
}
}
#jtGnb::after {
	content: "";
	position: absolute;
	bottom: 0px;
	left: 80px;
	width: calc(100% - 160px);
	height: 1px;
	background: rgba(255,255,255,0.07);
	padding: 0 60px
}
#jtGnb .jt_logo {
	position: relative;
	z-index: 20;
	transition: transform .25s
}
#jtGnb .jt_logo a {
	display: block;
	/* width: 72px; */
	height: 48px
}
#jtGnb .jt_logo img {
	display: block;
	height: 100%;
	width: 100%;
	object-fit: contain
}


#jtGnb .jt_logo img:nth-child(2) {
    width: auto;
    height: 100%;
    object-fit: contain;
    filter: unset;
    display: none;
}
#jtGnb.on  .jt_logo img {
    display: none;
}
#jtGnb.on  .jt_logo img:nth-child(2) {
    width: auto;
    height: 100%;
    object-fit: contain;
    filter: unset;
    display: block;
}


#jtGnb .jt_nav {
	position: absolute;
	z-index: 9999;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: max-content
}
@media (max-width: 800px) {
#jtGnb .jt_nav {
	top: 70px;
	background: rgba(0,0,0,0.6);
	transform: translate(0);
	left: 0;
	width: 100%;
	box-sizing: border-box;
	padding: var(--gap-h3) var(--gap-large);
	grid-template-columns: repeat(3, minmax(0, 1fr));
	backdrop-filter: blur(5px) saturate(180%);
	-webkit-backdrop-filter: blur(5px) saturate(180%);
	display: grid;
	visibility: hidden;
	opacity: 0;
	transform: translateY(-10px);
	transition: all .3s
}
#jtGnb .jt_nav.on {
	visibility: visible;
	opacity: 1;
	transform: translateY(0)
}
}
#jtGnb .jt_nav>li {
	float: left;
	position: relative;
	padding: 0 21px;
	line-height: 70px
}
@media (max-width: 800px) {
#jtGnb .jt_nav>li {
	line-height: 1.6;
	padding: var(--gap-base) 0;
	text-align: center
}
}
#jtGnb .jt_nav>li>a {
	display: block;
	font-size: 16px;
	font-weight: 600;
	color: var(--color-white);
	text-decoration: none;
	transition: all .3s
}
#jtGnb.on .jt_nav>li>a:hover {
	color: #022a99;
	opacity: .8
}
#jtGnb.on .jt_nav>li>a {
	color: #333;
}
#jtGnb.on .jt_nav>li:hover .jt_lnb_s {
	display: block;
	background: #fff;
	padding: 20px 10px
}
#jtGnb.on {
	background: rgba(255, 255, 255, .95);
    box-shadow: 0 0 15px rgb(0 0 0 / 20%);
}
#jtGnb.sub .jt_nav>li>a {
	color: #222
}
#jtGnb.sub .jt_tip li a {
	color: #fff
}
#jtGnb .jt_lnb_s {
	display: none;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	min-width: 100%;
	width: max-content
}
#jtGnb .jt_lnb_s li {
	padding: 0 30px
}
#jtGnb .jt_lnb_s li a {
	display: block;
	text-align: center;
	transition: all .2s;
	height: 35px;
	line-height: 35px
}
#jtGnb .jt_lnb_s li a:hover {
	color: var(--color-main)
}
#jtGnb .jt_tip {
	margin-left: auto;
	display: flex;
	align-items: center
}
#jtGnb .jt_tip li {
	margin-left: 20px
}
@media (max-width: 800px) {
#jtGnb .jt_tip li:nth-child(1), #jtGnb .jt_tip li:nth-child(3) {
	display: none
}
}
#jtGnb .jt_tip li.menu {
	display: none
}
@media (max-width: 800px) {
#jtGnb .jt_tip li.menu {
	display: block
}
}
#jtGnb .jt_tip li:nth-child(3) {
	margin-left: 20px;
	border-radius: 5px;
	padding: 6px 20px;
	color: rgba(255,255,255,0.7);
	border: rgba(255,255,255,0.2) 1px solid
}
#jtGnb.on .jt_tip li:nth-child(3) {
	color: rgba(3,3,3,0.7);
	border: rgba(3,3,3,0.2) 1px solid
}
#jtGnb .jt_tip li:nth-child(3) a {
	color: #fff;
	font-size: 14px;
	font-weight: normal
}
#jtGnb .jt_tip li:nth-child(3) a svg {
	color: var(--color-white);
	font-weight: normal;
	margin-left: 40px
}
#jtGnb.on .jt_tip li:nth-child(3) a svg {
	color: #333;
}
#jtGnb .jt_tip li a {
	font-size: var(--fsize-small);
	font-weight: 600;
	color: #fff;
	display: flex;
	align-items: center;
	text-decoration: none;
	column-gap: var(--gap-mini);
	transition: all .3s
}
#jtGnb.on .jt_tip li a {
	color: #333;
}
#jtGnb .jt_tip li a:hover {
	opacity: .8
}
#jtGnb .jt_tip li a .fa-search {
	margin-right: 6px
}
#jtGnb .jt_tip li svg {
	width: 17px;
	height: 17px;
	color: var(--color-white)
}
#jtGnb.on .jt_tip li svg {
	color: #333;
}
.jtlayer_sea_4226 {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 9999;
	width: 0;
	height: 100%;
	transition: none
}
.jtlayer_sea_4226>* {
	transition: transform .3s cubic-bezier(.7, .3, .1, 1), box-shadow .3s cubic-bezier(.7, .3, .1, 1)
}
.jtlayer_sea_4226 .mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	background-color: rgba(0,0,0,0.45);
	opacity: 0;
	transition: opacity .3s;
	backdrop-filter: blur(5px) saturate(180%)
}
.jtlayer_sea_4226 .content {
	width: 700px;
	background: var(--color-white);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	overflow-y: auto;
	opacity: 0;
	visibility: hidden;
	box-sizing: border-box;
	padding: var(--gap-h3)
}
@media (max-width: 800px) {
.jtlayer_sea_4226 .content {
	width: 90vw
}
}
.jtlayer_sea_4226 .content .clo {
	position: absolute;
	right: var(--gap-base);
	top: var(--gap-base);
	display: flex;
	padding: var(--gap-base);
	color: var(--color-0)
}
.jtlayer_sea_4226 .content .clo:hover {
	color: var(--color-main)
}
.jtlayer_sea_4226 .content .clo svg {
	width: 26px;
	height: 26px;
	transition: all .3s
}
.jtlayer_sea_4226 .content .tit {
	text-align: center;
	font-size: var(--fsize-h2)
}
.jtlayer_sea_4226 .content .sea {
	background: var(--color-bg);
	display: flex;
	height: 50px;
	margin: var(--gap-large) 0;
	border: 1px solid var(--color-bg);
	transition: all .3s
}
.jtlayer_sea_4226 .content .sea:focus-within {
border-color:var(--color-main)
}
.jtlayer_sea_4226 .content .sea:focus-within .btn {
color:var(--color-white);
background:var(--color-main)
}
.jtlayer_sea_4226 .content .sea .ipt {
	border: 0;
	background: transparent;
	font-size: var(--fsize-large);
	color: var(--color-3);
	padding: 0 var(--gap-large);
	height: 100%;
	flex: 1
}
.jtlayer_sea_4226 .content .sea .btn {
	width: 50px;
	height: 50px;
	border: 0;
	color: var(--color-0);
	background: transparent;
	cursor: pointer;
	transition: all .3s
}
.jtlayer_sea_4226 .content .sea .btn svg {
	width: 20px;
	height: 20px
}
.jtlayer_sea_4226 .content .sea .btn:hover {
	color: var(--color-white);
	background: var(--color-main)
}
.jtlayer_sea_4226 .content .key {
	display: flex;
	align-items: flex-start
}
.jtlayer_sea_4226 .content .key .nam {
	display: flex;
	align-items: center;
	margin-right: var(--gap-base);
	white-space: nowrap
}
.jtlayer_sea_4226 .content .key .nam .ico {
	color: var(--color-main);
	margin-right: var(--gap-mini);
	display: flex;
	align-items: center
}
.jtlayer_sea_4226 .content .key .nam .ico svg {
	width: 20px;
	height: 20px
}
.jtlayer_sea_4226 .content .key .nam .kna {
	font-size: var(--fsize-txt);
	font-weight: bold;
	color: var(--color-0)
}
.jtlayer_sea_4226 .content .key .mor {
	display: flex;
	flex-wrap: wrap;
	font-size: var(--fsize-txt)
}
.jtlayer_sea_4226 .content .key .mor .ma {
	margin: 0 var(--gap-small)
}
.jtlayer_sea_4226.on {
	width: 100%
}
.jtlayer_sea_4226.on .mask {
	height: 100%;
	opacity: 1
}
.jtlayer_sea_4226.on .content {
	opacity: 1;
	visibility: visible;
	box-shadow: -2px 0 8px rgba(0,0,0,0.15)
}
#mainVisual {
	overflow: hidden;
	position: relative;
	width: 100%;
	background: #222
}
#mainVisual .scroll {
	position: absolute;
	bottom: 25px;
	left: 50%;
	z-index: 52;
	transform: translateX(-50%);
	text-align: center;
	color: #fff
}
#mainVisual .scroll p {
	margin-bottom: 0px;
	font-size: 11px;
	font-weight: 700;
	color: rgba(255,255,255,0.8)
}
#mainVisual .scroll i {
	font-size: 17px;
	color: rgba(255,255,255,0.8);
	animation: scroll 1s linear infinite
}
#mainVisual .controlbutton {
	position: absolute;
	right: 0%;
	top: 50%;
	width: 100%;
	display: flex;
	align-items: end
}
#mainVisual .controlbuttonbox {
	margin-right: 60px;
	display: flex;
	justify-content: center;
	row-gap: 15px;
	align-items: flex-end;
	flex-direction: column
}
#mainVisual .controlbuttonbox .prev {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	width: 60px;
	height: 60px;
	border: rgba(255,255,255,0.4) 1px solid;
	border-radius: 10px;
	cursor: pointer;
	transition: all .2s;
	position: relative;
	z-index: 999;
	left: 100px
}
@media (max-width: 800px) {
#mainVisual .controlbuttonbox .prev {
	left: 6vw;
	width: 36px;
	height: 36px;
	border-radius: 4px
}
}
#mainVisual .controlbuttonbox .prev:hover {
	background: var(--color-main)
}
#mainVisual .controlbuttonbox .next {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	width: 60px;
	height: 60px;
	border: rgba(255,255,255,0.4) 1px solid;
	border-radius: 10px;
	margin-left: 10px;
	cursor: pointer;
	transition: all .2s;
	position: absolute;
	z-index: 9999;
	right: 100px;
	top: 0px
}
@media (max-width: 800px) {
#mainVisual .controlbuttonbox .next {
	right: 6vw;
	width: 36px;
	height: 36px;
	border-radius: 4px
}
}
#mainVisual .controlbuttonbox .next:hover {
	background: var(--color-main)
}
#mainVisual .main_txt {
	opacity: 0;
	display: flex;
	flex-flow: column;
	position: absolute;
	width: 100%;
	top: 16%;
	z-index: 101;
	color: #fff;
	text-align: center
}
@media (max-width: 800px) {
#mainVisual .main_txt {
	padding: 0 16vw;
	box-sizing: border-box;
	top: 26%
}
}
#mainVisual .main_txt p {
	white-space: pre-line;
	font-size: 50px;
	line-height: 1.2;
	font-weight: 600;
	margin-bottom: 20px
}
@media (max-width: 800px) {
#mainVisual .main_txt p {
	font-size: var(--fsize-h2)
}
}
#mainVisual .main_txt .txt {
	font-size: 19px;
	color: #fff;
	white-space: pre-line;
	line-height: 1.6;
	font-weight: 500
}
@media (max-width: 800px) {
#mainVisual .main_txt .txt {
	display: none
}
}
#mainVisual ul:after {
	display: block;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0)
}
#mainVisual ul li {
	height: 100vh;
	min-height: 850px;
	overflow: hidden
}
@media (max-width: 800px) {
#mainVisual ul li {
	height: 40vh;
	min-height: 10vh
}
}
#mainVisual ul li video {
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto
}
#mainVisual ul li .bg {
	opacity: 0;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 120%;
	height: 120%;
	background: center no-repeat;
	background-size: cover!important;
	transition: all 1.2s cubic-bezier(.165, .84, .44, 1)
}
#mainVisual ul li .bg01 {
	background-image: url(../images/banner01.jpg)
}
#mainVisual ul li .bg02 {
	background-image: url(../images/banner02.jpg)
}
#mainVisual ul li.on .bg {
	width: 101%;
	height: 101%;
	opacity: 1
}
#atc01 {
	display: flex;
	justify-content: space-between;
	padding: 0px 80px 150px 80px;
	font-size: 15px;
	column-gap: 100px;
	max-width: 1700px;
	margin: 0 auto
}
@media (max-width: 800px) {
#atc01 {
	max-width: 100%;
	padding: 0 6vw 10vw;
	flex-direction: column;
	row-gap: 6vw
}
}
#atc01 .left {
	width: 40%;
	color: var(--color-main);
	display: flex;
	flex-direction: column;
	justify-content: center
}
@media (max-width: 800px) {
#atc01 .left {
	width: 100%
}
}
#atc01 .left .core_adv {
	margin-bottom: 20px
}
@media (max-width: 800px) {
#atc01 .left .core_adv {
	margin-bottom: 2vw;
	font-size: var(--fsize-base)
}
}
#atc01 .left .botmore {
	background: var(--color-main);
	color: var(--color-white);
	padding: 14px 30px;
	text-decoration: none;
	border-radius: 30px;
	transition: all .3s
}
@media (max-width: 800px) {
#atc01 .left .botmore {
	padding: 6px 30px;
	font-size: var(--fsize-txt)
}
}
#atc01 .left .botmore:hover {
	padding: 14px 40px
}
@media (max-width: 800px) {
#atc01 .left .botmore:hover {
	padding: 6px 40px
}
}
#atc01 .left .pl p {
	position: relative;
	color: var(--color-main);
	line-height: 1.2;
	font-size: 30px;
	font-weight: 600;
	margin-bottom: 70px
}
@media (max-width: 800px) {
#atc01 .left .pl p {
	font-size: var(--fsize-h2);
	margin-bottom: 6vw
}
}
#atc01 .left .pl p:after {
	position: absolute;
	content: '';
	width: 100px;
	height: 4px;
	left: 0;
	top: 70px;
	background: var(--color-main);
	opacity: .05
}
#atc01 .left .pl p span+span {
	padding-left: 40px
}
@media (max-width: 800px) {
#atc01 .left .ko_txt {
	font-size: var(--fsize-txt)
}
}
#atc01 .left .ko_txt .detail p{
	opacity: .8;
	font-size:15px;
	font-weight: normal;
}
#atc01 .left .ko_txt .botarr {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 60px
}
@media (max-width: 800px) {
#atc01 .left .ko_txt .botarr {
	margin-top: 4vw
}
}
#atc01 .left .ko_txt .botarr svg {
	width: 45px;
	height: 45px;
	color: var(--color-main);
	opacity: .1
}
#atc01 .right {
	width: 47%;
	height: 600px
}
@media (max-width: 800px) {
#atc01 .right {
	width: 100%;
	height: 40vh
}
}
#atc01 .right::after {
	position: absolute;
	z-index: -2;
	content: '';
	width: 94%;
	height: 90%;
	right: -30px;
	bottom: -30px;
	background: var(--color-main)
}
@media (max-width: 800px) {
#atc01 .right::after {
	right: -2vw;
	bottom: -2vw;
	height: 96%
}
}
#atc01 .right img {
	transition: all .3s cubic-bezier(.5, 1, .89, 1);
	width: 100%;
	height: 100%;
	object-fit: cover
}
#atc01 .right:hover img {
	transform: scale(1.05, 1.05)
}
#atc05 {
	display: flex;
	justify-content: space-between;
	padding: 100px 80px 40px 80px;
	font-size: 15px;
	column-gap: 100px;
	max-width: 1700px;
	margin: 0 auto
}
@media (max-width: 800px) {
#atc05 {
	padding: 10vw 6vw 5vw;
	column-gap: 0;
	align-items: center
}
}
#atc05 .left {
	color: var(--color-main)
}
#atc05 .left .more {
	position: relative;
	display: inline-block;
	padding: 0px 0 10px 0;
	text-decoration: none
}
@media (max-width: 800px) {
#atc05 .left .more {
	font-size: var(--fsize-base)
}
}
#atc05 .left .more::before, #atc05 .left .more::after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 2px;
	transition: width .3s cubic-bezier(.165, .84, .44, 1)
}
#atc05 .left .more::before {
	width: 100%;
	right: 0;
	background: #222;
	transition-delay: .2s
}
#atc05 .left .more::after {
	width: 0;
	left: 0;
	background: #222;
	transition-delay: 0s
}
#atc05 .left .more:hover {
	color: #222
}
#atc05 .left .more:hover:before {
	width: 0;
	transition-delay: 0s
}
#atc05 .left .more:hover:after {
	width: 100%;
	transition-delay: .2s
}
#atc05 .right {
	overflow: hidden;
	width: calc(100vw - 670px)
}
@media (max-width: 800px) {
#atc05 .right {
	width: auto;
	flex: 1
}
}
#atc05 .right .data_tit {
	color: var(--color-main);
	line-height: 1.2;
	font-size: 40px;
	font-weight: 600
}
@media (max-width: 800px) {
#atc05 .right .data_tit {
	font-size: var(--fsize-h2)
}
}
#inc02 {
	max-width: 1700px;
	margin: 0 auto
}
@media (max-width: 800px) {
#inc02 {
	max-width: 100%
}
}
#inc02 .news_inner {
	padding: 100px 90px;
	margin: 0 auto;
	box-sizing: content-box
}
@media (max-width: 800px) {
#inc02 .news_inner {
	padding: 10vw 6vw
}
}
#inc02 .top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%
}
@media (max-width: 800px) {
#inc02 .top {
	flex-direction: column;
	row-gap: 4vw
}
}
#inc02 .top .tit_area {
	width: 60%
}
@media (max-width: 800px) {
#inc02 .top .tit_area {
	width: 100%
}
}
#inc02 .top .tit_area .news_pub {
	font-size: 40px;
	font-weight: 600;
	color: #022a99;
}
@media (max-width: 800px) {
#inc02 .top .tit_area .news_pub {
	font-size: var(--fsize-h2)
}
}
#inc02 .top .tit_area .news_txt {
	font-size: 16px;
	white-space: pre-line;
	line-height: 1.5;
	margin-top: 10px;
	opacity: .7
}
@media (max-width: 800px) {
#inc02 .top .tit_area .news_txt {
	font-size: var(--fsize-txt)
}
}
#inc02 .nav_container {
	display: flex;
	justify-content: flex-end;
	gap: 10px;
	width: 15%
}
@media (max-width: 800px) {
#inc02 .nav_container {
	width: 100%;
	gap: 1vw
}
}
#inc02 .nav_container div {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 55px;
	height: 55px;
	border: 1px solid #e1e1e1;
	border-radius: 100%;
	cursor: pointer;
	color: #e1e1e1;
	transition: .2s;
	color: #fff;
	background: #022a99
}
@media (max-width: 800px) {
#inc02 .nav_container div {
	width: 36px;
	height: 36px
}
}
#inc02 .nav_container div:hover {
	color: #333;
	background: transparent
}
#inc02 .inc02_slide {
	position: relative;
	margin-top: 50px;
	font-family: var(--point-font)
}
@media (max-width: 800px) {
#inc02 .inc02_slide {
	margin-top: 6vw
}
}
#inc02 .inc02_slide ul li {
	position: relative;
	padding: 45px 45px;
	border-radius: 10px;
	background: #f5f7ff;
	transition: .2s
}
@media (max-width: 800px) {
#inc02 .inc02_slide ul li {
	padding: 6vw
}
}
#inc02 .inc02_slide ul li a {
	font-size: 15px;
	font-weight: 500;
	line-height: 1.8;
	color: var(--color-main);
	transition: .2s;
	text-decoration: none
}
@media (max-width: 800px) {
#inc02 .inc02_slide ul li a {
	font-size: var(--fsize-txt)
}
}
#inc02 .inc02_slide ul li .info {
	overflow: hidden;
	line-height: 1.5;
	opacity: .7
}
#inc02 .inc02_slide ul li .news_info {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin-top: 90px;
	opacity: .5
}
@media (max-width: 800px) {
#inc02 .inc02_slide ul li .news_info {
	margin-top: 6vw
}
}
#inc02 .inc02_slide ul li .news_block {
	text-align: right
}
#inc02 .inc02_slide ul li .arrow svg {
	fill: var(--color-main);
	width: 40px;
	height: 40px
}
#inc02 .inc02_slide ul li .tit {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 90px;
	padding-bottom: 15px;
	font-size: 22px;
	transition: .2s
}
@media (max-width: 800px) {
#inc02 .inc02_slide ul li .tit {
	padding-top: 6vw;
	font-size: var(--fsize-h3)
}
}
#inc02 .inc02_slide ul li .name {
	color: var(--color-main)
}
#inc02 .inc02_slide ul li .news_date {
	display: block;
	line-height: 1;
	margin-bottom: 5px;
	font-size: 12px;
	font-weight: 700;
	font-style: normal;
	transition: .2s
}
#inc02 .inc02_slide ul li:hover {
	background: #022a99;
}
#inc02 .inc02_slide ul li:hover a {
	color: #fff
}
#inc02 .inc02_slide ul li:hover .arrow svg {
	fill: #fff
}
#inc02 .inc02_slide ul li:hover .tit {
	color: #fff
}
#inc02 .inc02_slide ul li:hover .name {
	color: var(--color-white)
}
#inc02 .inc02_slide ul li:hover .news_date {
	color: #fff
}
#atc04 {
	padding: 100px 80px 80px 80px;
	font-size: 15px;
	max-width: 1700px;
	margin: 0 auto
}
@media (max-width: 800px) {
#atc04 {
	padding: 10vw 6vw;
	font-size: var(--fsize-txt);
	max-width: 100%
}
}
#atc04 .top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%
}
@media (max-width: 800px) {
#atc04 .top {
	flex-direction: column;
	row-gap: 4vw;
	align-items: flex-start
}
}
#atc04 .top .tit_area .news_pub {
	font-size: 35px;
	font-weight: 600;
	color: var(--color-main);
	white-space: pre-line;
	line-height: 1.2
}
@media (max-width: 800px) {
#atc04 .top .tit_area .news_pub {
	font-size: var(--fsize-h2)
}
}
#atc04 .top .tit_area .news_txt {
	font-size: 16px;
	color: var(--color-6);
	white-space: pre-line
}
#atc04 .top .news_tit {
	white-space: pre-line;
	text-align: right;
	color: var(--color-main);
	opacity: .6
}
@media (max-width: 800px) {
#atc04 .top .news_tit {
	text-align: left;
	white-space: inherit;
	line-height: 1.5
}
}
#atc04 .left {
	width: 100%;
	display: grid;
	align-items: flex-start;
	justify-content: space-between;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, auto);
	column-gap: 6%;
	margin-top: 50px
}
@media (max-width: 800px) {
#atc04 .left {
	margin-top: 6vw;
	grid-template-columns: repeat(1, 1fr);
	grid-template-rows: repeat(1, auto)
}
}
#atc04 .left .newslist {
	border-top: #e9eefe 3px solid;
	padding: 40px 0
}
@media (max-width: 800px) {
#atc04 .left .newslist {
	padding: 4vw 0
}
}
#atc04 .left .newslist:nth-child(3) {
	border-bottom: #e9eefe 3px solid
}
#atc04 .left .newslist:nth-child(4) {
	border-bottom: #e9eefe 3px solid
}
#atc04 .left .newslist .news_tit {
	font-size: 22px;
	margin-bottom: 15px;
	color: var(--color-main)
}
@media (max-width: 800px) {
#atc04 .left .newslist .news_tit {
	font-size: var(--fsize-h3);
	line-height: 1.5
}
}
#atc04 .left .newslist .news_tit a {
	color: var(--color-main)
}
#atc04 .left .newslist .news_txt {
	overflow: hidden;
	margin-bottom: 20px;
	line-height: 1.5;
	opacity: .8
}
@media (max-width: 800px) {
#atc04 .left .newslist .news_txt {
	font-size: var(--fsize-txt)
}
}
#atc04 .left .newslist .news_time {
	display: flex;
	align-items: center;
	font-size: 13px;
	color: #e59400;
	width: fit-content
}
#atc04 .left .newslist .news_time svg {
	width: 15px;
	color: #a8adbd;
	margin-left: 10px
}
#atc04 .newsmore {
	margin-top: 60px;
	text-align: center
}
#atc04 .newsmore .more {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 auto;
	background: var(--color-main);
	color: var(--color-white);
	padding: 14px 30px;
	width: 173px;
	border-radius: 30px;
	text-decoration: none;
	transition: all .3s
}
#atc04 .newsmore .more:hover {
	opacity: .8
}
#atc04 .newsmore .more svg {
	transform: rotate(-45deg);
	width: 18px
}
#inc07 {
	padding: 100px 0;
	background: url(../img/jt-img/inc07_bg.jpg) left top no-repeat;
	background-size: cover
}
@media (max-width: 800px) {
#inc07 {
	padding: 10vw 0
}
}
#inc07 .tit_area {
	margin-bottom: 40px;
	font-size: 17px;
	text-align: center
}
@media (max-width: 800px) {
#inc07 .tit_area {
	margin-bottom: 6vw;
	font-size: var(--fsize-txt)
}
}
#inc07 .tit_area p {
	margin-bottom: 40px;
	font-size: 45px;
	font-weight: 700;
	color: var(--color-main);
	line-height: 1
}
@media (max-width: 800px) {
#inc07 .tit_area p {
	margin-bottom: 4vw;
	font-size: var(--fsize-h2)
}
}
#inc07 .tit_area ul {
	display: flex;
	justify-content: center;
	gap: 45px
}
@media (max-width: 800px) {
#inc07 .tit_area ul {
	gap: 1.5vw
}
}
#inc07 .tit_area ul li {
	width: auto;
	opacity: .7
}
@media (max-width: 800px) {
#inc07 .tit_area ul li {
	opacity: 1
}
}
#inc07 .tit_area ul .active {
	font-weight: 600
}
@media (max-width: 800px) {
#inc07 .tit_area ul .active {
	display: none
}
}
#inc07 .inc07_slide {
	overflow: inherit
}
#inc07 .controls {
	position: absolute;
	left: 50%;
	top: 200px;
	transform: translateX(-50%);
	width: 1000px;
	color: #111
}
@media (max-width: 800px) {
#inc07 .controls {
	width: 100%
}
}
#inc07 .controls .arr {
	opacity: .3;
	position: absolute;
	cursor: pointer;
	transition: all .2s
}
#inc07 .controls .arr.prev {
	left: -92px
}
#inc07 .controls .arr.next {
	right: -92px
}
#inc07 .controls .arr svg {
	width: 62px;
	height: 62px
}
#inc07 .controls .arr:hover {
	opacity: 1
}
#inc07 ul li {
	width: 960px
}
@media (max-width: 800px) {
#inc07 ul li {
	width: 100%
}
}
#inc07 ul li img {
	width: 62%;
	transition: all .3s cubic-bezier(.5, 1, .89, 1)
}
@media (max-width: 800px) {
#inc07 ul li img {
	width: 80%
}
}
#inc07 ul li img:hover {
	transform: scale(1.05, 1.05)
}
#inc07 ul li .txt {
	opacity: 0;
	width: 800px;
	margin: 0 auto;
	margin-top: 40px;
	text-align: center;
	padding: 0px 0px 0;
	transition: all .3s
}
@media (max-width: 800px) {
#inc07 ul li .txt {
	width: 90%
}
}
#inc07 ul li .txt div {
	white-space: pre-line
}
#inc07 ul li .txt .btn_more {
	display: flex;
	justify-content: center;
	align-items: center;
	column-gap: 20px;
	margin-top: 30px
}
@media (max-width: 800px) {
#inc07 ul li .txt .btn_more {
	font-size: var(--fsize-txt)
}
}
#inc07 ul li .txt .btn_detail {
	background: var(--color-main);
	color: var(--color-white);
	padding: 10px 30px;
	border-radius: 30px;
	text-decoration: none;
	transition: all .3s
}
#inc07 ul li .txt .btn_detail:hover {
	opacity: .8
}
#inc07 ul li .txt .btn_price {
	color: #fff;
	padding: 10px 30px;
	border-radius: 30px;
	background: #e59400;
	text-decoration: none;
	transition: all .3s
}
#inc07 ul li .txt .btn_price:hover {
	opacity: .8
}
#inc07 ul li .txt .detail {
	overflow: hidden;
	line-height: 1.5;
	opacity: .8
}
@media (max-width: 800px) {
#inc07 ul li .txt .detail {
	font-size: var(--fsize-txt)
}
}
#inc07 ul li .txt p {
	margin-bottom: 15px;
	font-size: 28px;
	font-weight: 700;
	color: var(--color-main)
}
@media (max-width: 800px) {
#inc07 ul li .txt p {
	font-size: var(--fsize-h3)
}
}
#inc07 ul li.on .txt {
	opacity: 1
}
#inc07 .swiper-slide {
	opacity: .2;
	text-align: center;
	transition: .2s
}
#inc07 .swiper-slide.on {
	opacity: 1
}
#atc08 {
	background: url(../img/jt-img/atc08_coop.jpg) no-repeat center bottom;
	background-size: cover;
	height: 700px
}
@media (max-width: 800px) {
#atc08 {
	height: auto
}
}
#atc08 .tit_area {
	height: 100%;
	margin: 0 auto;
	box-sizing: content-box
}
#atc08 .tit_area .coopmarket {
	background: var(--color-main);
	width: 50%;
	height: 100%;
	border-top-right-radius: 300px
}
@media (max-width: 800px) {
#atc08 .tit_area .coopmarket {
	width: 100%;
	border-radius: 0
}
}
#atc08 .tit_area .coopmarket .coopht {
	font-size: 32px;
	font-weight: 600;
	padding-left: 80px;
	padding-top: 180px;
	padding-bottom: 20px;
	white-space: pre-line;
	line-height: 1.3;
	color: var(--color-white)
}
@media (max-width: 800px) {
#atc08 .tit_area .coopmarket .coopht {
font-size:calc(var(--fsize-h2) * .9);
	padding: 10vw 6vw 5vw
}
}
#atc08 .tit_area .coopmarket .cooptx {
	color: var(--color-white);
	padding-left: 80px;
	padding-top: 10px;
	white-space: pre-line;
	line-height: 1.5;
	opacity: .8
}
@media (max-width: 800px) {
#atc08 .tit_area .coopmarket .cooptx {
	padding: 0 6vw 2vw;
	font-size: var(--fsize-txt);
	white-space: inherit
}
}
#atc08 .tit_area .coopmarket .contact {
	color: var(--color-white);
	padding-left: 80px;
	margin-top: 180px;
	opacity: .8
}
@media (max-width: 800px) {
#atc08 .tit_area .coopmarket .contact {
	margin-top: 10vw;
	padding: 0 6vw 10vw;
	font-size: var(--fsize-txt)
}
}
.inbanner {
	height: 400px;
	background: url(../img/bg.jpg) no-repeat center;
	background-size: cover;
	color: var(--color-white);
	position: relative;
	box-sizing: border-box;
	padding-top: 80px;
	overflow: hidden
}
@media (max-width: 800px) {
.inbanner {
	height: 260px;
	padding-top: 50px
}
}
.inbanner .bg {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0
}
.inbanner .bg img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover
}
.inbanner::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, #003d6a 0%, rgba(0,61,106,0.8) 100%);
	display: none
}
.inbanner .wrapper {
	position: relative;
	height: 100%;
	display: flex;
	z-index: 2;
	align-items: center
}
.inbanner .con .nam {
	font-weight: bold;
font-size:calc(var(--fsize-h1) * 1.2)
}
@media (max-width: 800px) {
.inbanner .con .nam {
	font-size: var(--fsize-h2)
}
}
.inbanner .con .txt {
	font-size: var(--fsize-txt);
	margin-top: var(--gap-small);
	display: none
}
.insub {
	position: sticky;
	top: 0;
	z-index: 6;
	height: 70px;
	background: #fbfbfb;
	border-bottom: 1px solid rgba(0,0,0,0.06)
}
@media (max-width: 800px) {
.insub {
	height: 50px
}
}
.insub .wrapper {
	height: 100%;
	display: flex
}
@media (max-width: 800px) {
.insub .wrapper {
	overflow-x: auto;
	overflow-y: hidden
}
}
.insub .wrapper .it {
	height: 100%
}
.insub .wrapper .it .ia {
	display: flex;
	height: 100%;
	align-items: center;
font-size:calc(var(--fsize-txt) * 1.1);
	padding: 0 var(--gap-large);
	text-decoration: none;
	color: var(--color-6);
	position: relative;
	transition: all .3s
}
@media (max-width: 800px) {
.insub .wrapper .it .ia {
	white-space: nowrap;
	font-size: var(--fsize-base)
}
}
.insub .wrapper .it .ia::after {
	content: "";
	bottom: -1px;
	width: 0;
	left: 50%;
	height: 2px;
	background: var(--color-main);
	position: absolute;
	transform: translateX(-50%);
	transition: all .3s
}
@media (max-width: 800px) {
.insub .wrapper .it .ia::after {
	bottom: 0
}
}
.insub .wrapper .it .ia:hover {
	background: var(--color-bg)
}
.insub .wrapper .it .ia:hover::after {
	width: 100%
}
.insub .wrapper .it.on .ia {
	background: var(--color-bg);
	color: var(--color-main);
	font-weight: bold
}
.insub .wrapper .it.on .ia::after {
	width: 100%
}
.aboutboxwrap {
	display: flex;
	padding: var(--gap-h1) 0
}
@media (max-width: 800px) {
.aboutboxwrap {
	flex-direction: column
}
}
.aboutboxwrap .main {
	flex: 1
}
@media (max-width: 800px) {
.aboutboxwrap .main {
	padding-right: var(--gap-h3)
}
}
.aboutboxwrap .main .title .nam {
	font-size: var(--fsize-h1);
	font-weight: bold;
	color: var(--color-3);
	display: flex;
	align-items: center
}
@media (max-width: 800px) {
.aboutboxwrap .main .title .nam {
	font-size: var(--fsize-h2)
}
}
.aboutboxwrap .main .title .nam img {
	display: block;
	width: var(--gap-h2);
	margin-right: var(--gap-base)
}
.aboutboxwrap .main .title .en {
	margin-top: var(--gap-base);
	text-transform: uppercase;
font-size:calc(var(--fsize-h1) * 3);
	font-weight: bold;
	line-height: 1;
	color: transparent;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: var(--color-main)
}
@media (max-width: 800px) {
.aboutboxwrap .main .title .en {
font-size:calc(var(--fsize-h1) * 1.5)
}
}
.aboutboxwrap .main .sub {
	font-size: var(--fsize-h1);
	font-weight: bold;
	color: var(--color-main);
	margin: var(--gap-large) 0
}
@media (max-width: 800px) {
.aboutboxwrap .main .sub {
	font-size: var(--fsize-h2)
}
}
.aboutboxwrap .main .inf {
	font-size: var(--fsize-large);
	line-height: 1.8;
	color: var(--color-3)
}
.aboutboxwrap .side {
	flex: 1.5;
	margin-left: var(--gap-h3)
}
@media (max-width: 800px) {
.aboutboxwrap .side {
	margin-left: 0
}
}
.aboutboxwrap .side img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover
}
.aboutsix {
--color-abmain:106, 175, 255;
--gradient:linear-gradient(90deg, #8bc5ff, #fff 40%, #bfdfff);
--glow-color:#bfdfff77;
	background: var(--color-main);
	padding: var(--gap-h1) 0;
	position: relative;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: center
}
.aboutsix::before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 100%;
	background: url(../img/jt-img/atc08_coop.jpg) no-repeat center;
	background-size: cover;
	opacity: .1
}
.aboutsix::after {
	z-index: 0;
	content: "";
	pointer-events: none;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	height: 100%;
	background: rgba(var(--color-abmain), .08) center / 100% 100% no-repeat;
	border-radius: 100px;
	filter: blur(240px);
	transform: translate3d(0, -50%, 0);
	will-change: filter;
	min-height: 400px
}
.aboutsix .tit {
	font-size: var(--fsize-h1);
	font-weight: 600;
	letter-spacing: -0.025em;
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: rgba(0,0,0,0);
	max-width: 768px;
	background-image: var(--gradient);
	display: inline-block
}
@media (max-width: 800px) {
.aboutsix .tit {
	font-size: var(--fsize-h2)
}
}
.aboutsix .txt {
	font-size: var(--fsize-txt);
	color: var(--color-white);
	opacity: .6;
	margin-top: var(--gap-small)
}
.aboutsix .list {
	margin-top: var(--gap-h3);
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--gap-large)
}
@media (max-width: 800px) {
.aboutsix .list {
	grid-template-columns: repeat(2, minmax(0, 1fr))
}
}
.aboutsix .list .it {
	position: relative;
	border-radius: 24px;
	display: flex;
	padding: var(--gap-h3) var(--gap-large);
	flex-direction: column;
	row-gap: var(--gap-base);
	color: var(--color-white);
	overflow: hidden;
	background-color: rgba(0,0,0,0.6);
	backdrop-filter: blur(5px) saturate(180%);
	-webkit-backdrop-filter: blur(5px) saturate(180%);
	box-shadow: 0 0 0 2px inset rgba(255, 255, 255, calc(10 / 100));
	transition: background .4s cubic-bezier(.445, .05, .55, .95);
	background: rgba(247, 248, 248, calc(3 / 100))
}
@media (max-width: 800px) {
.aboutsix .list .it {
	border-radius: 10px;
	padding: var(--gap-h1) 0
}
}
.aboutsix .list .it::before, .aboutsix .list .it::after {
	content: "";
	visibility: hidden;
	position: absolute;
	pointer-events: none;
	opacity: 0;
	transition: opacity .2s cubic-bezier(.445, .05, .55, .95);
	will-change: transform
}
.aboutsix .list .it:hover {
	background: rgba(247, 248, 248, calc(10 / 100))
}
.aboutsix .list .it:hover::before, .aboutsix .list .it:hover::after {
	visibility: visible;
	opacity: 1
}
.aboutsix .list .it::before {
	top: 0;
	left: 0;
	width: 960px;
	height: 960px;
	background: radial-gradient(50% 50% at 50% 50%, rgba(var(--color-abmain), .05) 0, rgba(var(--color-abmain), 0) 100%);
	border-radius: 50%;
	z-index: 0;
	filter: blur(10px);
	transform: translateX(calc(var(--x, 50%) - calc(960px / 2))) translateY(calc(var(--y, 50%) - calc(960px / 2))) translateZ(0)
}
.aboutsix .list .it::after {
	top: -1px;
	left: -1px;
	right: -1px;
	bottom: -1px;
	border-radius: 10px;
	padding: 2px;
	background: radial-gradient(circle at var(--x, 50%) var(--y, 50%), rgba(255,255,255,0.4) 3%, var(--glow-color) 20%, transparent 50%);
	-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	z-index: 1;
	border-radius: 25px
}
.aboutsix .list .it .inf {
	text-align: center
}
.aboutsix .list .it .inf .cn {
	font-size: var(--fsize-large);
	font-weight: bold;
	line-height: 1.2
}
.aboutsix .list .it .inf .en {
	font-size: var(--fsize-txt);
	line-height: 1.6;
	font-weight: normal;
	opacity: .6;
	margin-top: var(--gap-base);
	text-align: left
}
.aboutsix .list .it .ico {
	color: var(--color-white)
}
.aboutsix .list .it .ico svg {
	display: block;
	width: 50px;
	height: 50px;
	margin: 0 auto
}
.aboutsix .list .it .ico svg path {
	fill: var(--color-white)
}
.aboutbox_4112 {
	background: var(--color-bg);
	padding: var(--gap-h1) 0
}
.aboutbox_4112 .hd {
	text-align: center
}
.aboutbox_4112 .hd .sub {
	color: var(--color-main);
	font-weight: bold;
	font-size: var(--fsize-txt)
}
.aboutbox_4112 .hd .nam {
	font-size: var(--fsize-h1);
	font-weight: bold;
	color: var(--color-0);
	margin-top: var(--gap-small)
}
.aboutbox_4112 .list {
	margin-top: var(--gap-h3);
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--gap-large)
}
@media (max-width: 800px) {
.aboutbox_4112 .list {
	grid-template-columns: repeat(1, minmax(0, 1fr))
}
}
.aboutbox_4112 .list .item {
	background: var(--color-white);
	border-radius: 5px;
	padding: var(--gap-h3);
	box-shadow: 0 5px 20px 0 rgba(82,90,101,0.1);
	position: relative;
	z-index: 1;
	overflow: hidden;
	transition: all .3s
}
.aboutbox_4112 .list .item .ico {
	width: 85px;
	height: 85px;
	padding: 15px;
	box-sizing: border-box;
	border-radius: 20%;
	border: 5px solid rgba(0,30,69,0.05);
	background-color: rgba(0,30,69,0.05);
	transition: all .3s
}
.aboutbox_4112 .list .item .ico img {
	display: block;
	width: 45px;
	height: 45px
}
.aboutbox_4112 .list .item .inf {
	margin-top: var(--gap-large)
}
.aboutbox_4112 .list .item .inf .nam {
	font-size: var(--fsize-h3);
	font-weight: bold;
	color: var(--color-0)
}
.aboutbox_4112 .list .item .inf .txt {
	font-size: var(--fsize-txt);
	margin-top: var(--gap-base);
	color: var(--color-6);
	line-height: 1.6
}
.aboutbox_4112 .list .item .num {
	position: absolute;
	z-index: -1;
	right: -5px;
	bottom: -45px;
	color: rgba(0,30,69,0.05);
	font-size: 12rem;
	font-weight: 700;
	line-height: 1
}
.aboutbox_4112 .list .item:hover {
	transform: translateY(-5px)
}
.aboutbox_4112 .list .item:hover .ico {
	border: 5px solid rgba(0,30,69,0.3)
}
.honorbox01 {
	padding: var(--gap-h1) 0;
	font-weight: 500
}
.honorbox01.hb01x {
	background: var(--color-bg)
}
.honorbox01 .hd {
	text-align: center
}
.honorbox01 .hd .sub {
	color: var(--color-main);
	font-size: var(--fsize-txt);
	margin-bottom: var(--gap-small)
}
.honorbox01 .hd .nam {
	color: var(--color-0);
	font-size: var(--fsize-h1);
	font-weight: bold;
	margin-bottom: var(--gap-base)
}
@media (max-width: 800px) {
.honorbox01 .hd .nam {
	margin-bottom: var(--gap-h3);
	font-size: var(--fsize-h2)
}
}
.honorbox01 .hd .nam::after {
	content: "";
	display: block;
	width: 60px;
	height: 4px;
	background: var(--color-main);
	margin: var(--gap-base) auto 0
}
@media (max-width: 800px) {
.honorbox01 .hd .nam::after {
	margin-top: var(--gap-large) auto 0
}
}
.honorbox01 .hd .mor {
	font-size: var(--fsize-large);
	line-height: 1.6;
	color: var(--color-3)
}
.honorbox01 .bd {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	border-radius: 24px;
	gap: var(--gap-h3);
	background: #f3f7fb;
	padding: var(--gap-h1);
	margin-top: var(--gap-h2)
}
@media (max-width: 800px) {
.honorbox01 .bd {
	grid-template-columns: repeat(1, minmax(0, 1fr))
}
}
.honorbox01 .bd .item {
	cursor: pointer
}
.honorbox01 .bd .item .img {
	background: var(--color-white);
	box-shadow: 0 4px 6px rgba(0,0,0,0.08), 0 0 0 1px rgba(0,0,0,0.05);
	padding: 18px 15px;
	transition: all .3s
}
.honorbox01 .bd .item .img img {
	aspect-ratio: 3/2;
	width: 100%;
	height: 100%;
	object-fit: contain
}
.honorbox01 .bd .item.it02 .img img {
	aspect-ratio: 2/3
}
.honorbox01 .bd .item:hover .img {
	transform: scale(1.05)
}
.honorbox01 .bd .item .nam {
	display: flex;
	justify-content: center;
	align-items: center;
	column-gap: var(--gap-base);
	font-size: var(--fsize-large);
	color: var(--color-3);
	margin-top: var(--gap-base)
}
@media (max-width: 800px) {
.honorbox01 .bd .item .nam {
	margin-top: var(--gap-large)
}
}
.honorbox01 .bd .item .nam::before {
	content: "";
	display: block;
	width: 20px;
	height: 30px;
	background: url(../img/jt-img/honoricon01.png) no-repeat center;
	background-size: contain
}
.honorbox01 .bd .item .nam::after {
	content: "";
	display: block;
	width: 20px;
	height: 30px;
	background: url(../img/jt-img/honoricon02.png) no-repeat center;
	background-size: contain
}
.newslist_415 {
	margin-top: -2vw;
	background: var(--color-bg);
	padding-bottom: var(--gap-h1)
}
.newslist_415 .list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--gap-large)
}
@media (max-width: 800px) {
.newslist_415 .list {
	grid-template-columns: repeat(1, minmax(0, 1fr))
}
}
.newslist_415 .list .item {
	box-shadow: 0 5px 20px 0 rgba(82,90,101,0.1);
	background: var(--color-white);
	border-radius: 5px
}
.newslist_415 .list .item .img .ia {
	display: block;
	width: 100%;
	height: 0;
	position: relative;
	padding-bottom: 60%;
	border-radius: 5px;
	overflow: hidden
}
.newslist_415 .list .item .img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover
}
.newslist_415 .list .item .inf {
	padding: var(--gap-large)
}
.newslist_415 .list .item .inf .tim {
	display: flex;
	align-items: center;
	font-size: var(--fsize-base);
	color: var(--color-6)
}
.newslist_415 .list .item .inf .tim span {
	margin-right: var(--gap-large);
	display: flex;
	align-items: center
}
.newslist_415 .list .item .inf .tim span svg {
	color: var(--color-main);
	width: 16px;
	margin-right: var(--gap-small)
}
.newslist_415 .list .item .inf .tim span:last-child {
	margin-right: 0
}
.newslist_415 .list .item .inf .nam {
	margin: var(--gap-small) 0 var(--gap-base);
font-size:calc(var(--fsize-large) * 1.2);
	font-weight: bold;
	line-height: 1.5
}
.newslist_415 .list .item .inf .nam .na {
	text-decoration: none;
	color: var(--color-3);
	transition: all .3s;
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	word-break: break-all;
	-webkit-line-clamp: 2;
font-size:calc(var(--fsize-large) * 1.2)
}
.newslist_415 .list .item .inf .nam .na:hover {
	color: var(--color-main)
}
.newslist_415 .list .item .inf .txt {
	font-size: var(--fsize-base);
	line-height: 1.6;
	display: -webkit-box;
	overflow: hidden;
	color: var(--color-9);
	-webkit-box-orient: vertical;
	word-break: break-all;
	-webkit-line-clamp: 3
}
.newslist_415 .list .item .inf .btn {
	margin-top: var(--gap-large);
	display: flex
}
.newslist_415 .list .item .inf .btn .ba {
	display: flex;
	align-items: center;
	text-decoration: none;
	color: var(--color-main);
	font-size: var(--fsize-txt)
}
.newslist_415 .list .item .inf .btn .ba svg {
	width: 24px;
	height: 24px;
	margin-right: var(--gap-small);
	transition: all .3s
}
.newslist_415 .list .item .inf .btn .ba:hover svg {
	transform: translateX(5px)
}
.newsitem_4302 {
	padding: var(--gap-h1) 0;
	border-bottom: 1px solid var(--color-border)
}
.newsitem_4302 .newswrap {
	width: 100%;
	max-width: 1080px;
	margin: 0 auto
}
.newsitem_4302 .nhd {
	padding-bottom: var(--gap-h3);
	margin-bottom: var(--gap-h3);
	border-bottom: 1px solid var(--color-border)
}
@media (max-width: 800px) {
.newsitem_4302 .nhd {
	padding-bottom: 0
}
}
.newsitem_4302 .nhd .tit {
	font-weight: bold;
	font-size: var(--fsize-h1);
	color: var(--color-0);
	line-height: 1.2
}
.newsitem_4302 .nhd .tip {
	margin-top: var(--gap-large);
	display: flex;
	align-items: center
}
@media (max-width: 800px) {
.newsitem_4302 .nhd .tip {
	flex-direction: column;
	align-items: flex-start
}
}
.newsitem_4302 .nhd .tip .ts {
	margin-right: var(--gap-large);
	font-size: var(--fsize-base);
	color: var(--color-9)
}
@media (max-width: 800px) {
.newsitem_4302 .nhd .tip .ts {
	border-bottom: 1px solid var(--color-border);
	width: 100%;
	margin-right: 0;
	padding: var(--gap-base) 0
}
.newsitem_4302 .nhd .tip .ts:last-child {
	border-bottom: 0
}
}
.newsitem_4302 .nhd .tip .ts .ta {
	color: var(--color-9);
	transition: all .3s
}
.newsitem_4302 .nhd .tip .ts .ta:hover {
	color: var(--color-main)
}
.newsitem_4302 .nhd .tip .ts:last-child {
	margin-right: 0
}
.newsitem_4302 .nbd {
	font-size: var(--fsize-large);
	line-height: 1.6;
	color: var(--color-3)
}
.newsitem_4302 .nbd p {
	margin-bottom: var(--gap-large)
}
.newsitem_4302 .nbd h3 {
	font-size: var(--fsize-h3);
	font-weight: bold;
	color: var(--color-0);
	margin: var(--gap-h3) 0 var(--gap-large)
}
.newsitem_4302 .nbd h4 {
	font-weight: normal;
	text-align: center;
	margin-top: calc(1px - var(--gap-base));
	margin-bottom: var(--gap-large);
	font-size: var(--fsize-base);
	padding-bottom: var(--gap-base);
	border-bottom: 3px solid rgba(0,0,0,0.1);
	font-family: arial;
	opacity: .6
}
.newsitem_4302 .nbd strong {
	font-weight: bold;
	color: var(--color-main);
	margin: 0 var(--gap-mini)
}
.newsitem_4302 .nbd blockquote {
	padding: var(--gap-large);
	margin: 0 0 var(--gap-large);
	background: var(--color-bg);
	border-left: 5px solid #e5e5e5;
	color: var(--color-6)
}
.newsitem_4302 .nbd blockquote p:last-child {
	margin-bottom: 0
}
.newsitem_4302 .nbd img {
	max-width: 100%
}
.newsitem_4302 .nsd {
	padding-top: var(--gap-h3);
	margin-top: var(--gap-h3);
	border-top: 1px solid var(--color-border);
	display: flex;
	align-items: center;
	justify-content: space-between
}
@media (max-width: 800px) {
.newsitem_4302 .nsd {
	flex-direction: column
}
}
.newsitem_4302 .nsd .link {
	display: flex;
	flex-direction: column;
	line-height: 1.6;
	font-size: var(--fsize-txt)
}
.newsitem_4302 .nsd .link .la {
	margin: var(--gap-mini) 0;
	text-decoration: none;
	transition: all .3s
}
@media (max-width: 800px) {
.newsitem_4302 .nsd .back {
	margin-top: var(--gap-h3)
}
}
.newsitem_4302 .nsd .back .ba {
	background: var(--color-main);
	color: var(--color-white);
	font-size: var(--fsize-txt);
	padding: var(--gap-base) var(--gap-h2);
	text-decoration: none;
	position: relative
}
.newsitem_4302 .nsd .back .ba span {
	position: relative
}
.newsitem_4302 .nsd .back .ba::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: var(--color-0);
	transform: scaleX(0);
	transform-origin: 100% 0;
	transition: transform .34s cubic-bezier(.67, .01, .26, 1)
}
.newsitem_4302 .nsd .back .ba:hover::before {
	transform: scaleX(1)
}
.joinbd {
	background: var(--color-white);
	padding: var(--gap-h3) 0
}
.joinbd .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)
}
.joinbd .xhd .id {
	flex: 1;
	color: var(--color-white)
}
.joinbd .xhd .id:nth-child(1) {
	flex: 2
}
@media (max-width: 800px) {
.joinbd .xhd .id:nth-last-child(-n + 2) {
	display: none
}
}
.joinbd .xbd {
	margin: var(--gap-small) 0;
	border-bottom: 1px solid var(--color-border)
}
.joinbd .xbd .xitem {
	background: var(--color-white);
	border-radius: var(--gap-mini);
	padding: var(--gap-base) var(--gap-large);
	font-size: var(--fsize-large);
	color: var(--color-3);
	display: flex;
	align-items: center;
	cursor: pointer;
	background: rgba(226,117,35,0);
	transition: all .3s;
	position: relative
}
.joinbd .xbd .xitem:hover {
	background: var(--color-bg)
}
.joinbd .xbd .xitem::before {
	content: "";
	position: absolute;
	width: 4px;
	height: 20px;
	background: var(--color-main);
	top: 50%;
	left: 0;
	border-radius: 10px;
	transform: translateY(-50%)
}
.joinbd .xbd .xitem .id {
	flex: 1
}
.joinbd .xbd .xitem .mor .ma {
	display: flex;
	align-items: center;
	column-gap: var(--gap-small);
	padding: var(--gap-small) var(--gap-large);
	border-radius: var(--gap-h1);
	background: var(--color-main);
	color: var(--color-white);
	font-size: var(--fsize-txt);
	text-decoration: none;
	height: 100%;
	transition: all .3s
}
.joinbd .xbd .xitem .mor .ma:hover {
	opacity: .6
}
.joinbd .xbd .xitem.on {
	color: var(--color-main);
	font-weight: bold
}
.joinbd .xbd .xsub {
	padding: var(--gap-large);
	font-size: var(--fsize-txt);
	line-height: 1.6;
	color: var(--color-6);
	display: none;
	background: var(--color-bg)
}
.joinbd .xbd .xsub p {
	font-size: var(--fsize-txt);
	line-height: 1.6;
	color: var(--color-6);
	margin-bottom: var(--gap-large)
}
.joinbd .xbd .xsub p:last-child {
	margin-bottom: 0
}
.joinbd .xbd .xsub p strong {
	display: block;
	margin-bottom: 10px
}
.homebox02 {
	background-color: rgba(0,0,0,0.05);
	padding: var(--gap-h3) 0
}
.homebox02 .nam {
	text-align: center;
	font-size: var(--fsize-h1);
	color: var(--color-3);
	text-transform: uppercase;
	font-weight: bold
}
.homebox02 .nam strong {
	display: block;
	font-size: var(--fsize-txt);
	color: var(--color-main)
}
.homebox02 .list {
	margin-top: var(--gap-h3);
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--gap-large)
}
@media (max-width: 800px) {
.homebox02 .list {
	grid-template-columns: repeat(2, minmax(0, 1fr))
}
}
.homebox02 .list .item {
	background: var(--color-white);
	padding: var(--gap-h3);
	display: flex;
	align-items: center;
	transition: all .3s
}
.homebox02 .list .item:hover {
	transform: translateY(-5px);
	box-shadow: 0 0 20px rgba(0,0,0,0.1)
}
.homebox02 .list .item .ico {
	width: 60px;
	height: 40px;
	flex-shrink: 0
}
.homebox02 .list .item .ico img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain
}
.homebox02 .list .item .inf {
	margin-left: var(--gap-base);
	color: var(--color-3)
}
.homebox02 .list .item .inf .ih {
	font-size: var(--fsize-h3);
	font-weight: 600;
	line-height: 1.5
}
.homebox02 .list .item .inf .ib {
	font-size: var(--fsize-txt);
	line-height: 1.8;
	margin-top: var(--gap-base);
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	word-break: break-all;
	-webkit-line-clamp: 4
}
.appwrap {
	background-color: var(--color-bg);
	padding: var(--gap-h1) 0
}
.appwrap .box {
	background: var(--color-white);
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0 0 20px rgba(0,0,0,0.1)
}
.appwrap .box .img img {
	display: block;
	width: 100%
}
.appwrap .box .inf {
	padding: var(--gap-h3)
}
.appwrap .box .inf h3 {
	font-size: var(--fsize-h2);
	font-weight: bold;
	color: var(--color-main);
	line-height: 1.2;
	margin-bottom: var(--gap-h3)
}
.appwrap .box .inf p {
	font-size: var(--fsize-large);
	line-height: 1.6;
	color: var(--color-3);
	margin-bottom: var(--gap-large)
}
.appwrap .box .inf p:last-child {
	margin-bottom: 0
}
.appwrap .box .youbox {
	display: flex;
	align-items: center
}
@media (max-width: 800px) {
.appwrap .box .youbox {
	flex-direction: column
}
}
.appwrap .box .youbox .inf {
	flex: 2
}
.appwrap .box .youbox .qr {
	flex: 1;
	display: flex;
	align-items: center;
	flex-direction: column
}
.appwrap .box .youbox .qr img {
	display: block;
	width: 160px
}
.appwrap .box .youbox .qr p {
	font-size: var(--fsize-base);
	color: var(--color-6)
}
.appwrap .box .lis {
	padding: var(--gap-h3);
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--gap-large)
}
@media (max-width: 800px) {
.appwrap .box .lis {
	grid-template-columns: repeat(1, minmax(0, 1fr))
}
}
.appwrap .box .lis .it {
	background: var(--color-bg);
	border-radius: 10px;
	border: 1px solid var(--color-border);
	padding: var(--gap-h3);
	display: flex;
	flex-direction: column;
	row-gap: var(--gap-large);
	align-items: flex-start
}
.appwrap .box .lis .it .ico {
	background: var(--color-main);
	padding: var(--gap-base);
	border-radius: 50%;
	display: flex
}
@media (max-width: 800px) {
.appwrap .box .lis .it .ico {
	padding: var(--gap-large)
}
}
.appwrap .box .lis .it .ico img {
	width: 40px;
	height: 40px;
	display: block;
	object-fit: contain
}
@media (max-width: 800px) {
.appwrap .box .lis .it .ico img {
	width: 26px;
	height: 26px
}
}
.appwrap .box .lis .it .nam {
	font-size: var(--fsize-h3);
	font-weight: bold;
	color: var(--color-main)
}
.appwrap .box .lis .it .txt {
	font-size: var(--fsize-large);
	color: var(--color-3);
	line-height: 1.6
}
.contactlist {
	margin-top: var(--gap-h3);
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-bottom: var(--gap-h3);
	gap: var(--gap-large)
}
@media (max-width: 800px) {
.contactlist {
	grid-template-columns: repeat(1, minmax(0, 1fr))
}
}
.contactlist .item {
	flex: 1;
	box-sizing: border-box;
	padding: 20px;
	text-align: center;
	border: 1px solid var(--color-border);
	border-radius: 6px
}
.contactlist .item:hover {
	box-shadow: 0 0 20px rgba(0,0,0,0.1);
	transform: translateY(-5px)
}
.contactlist .item .ico {
	color: var(--color-main)
}
.contactlist .item .ico img {
	display: block;
	width: 50px;
	margin: 0 auto 20px
}
.contactlist .item .ico svg {
	display: block;
	width: 50px;
	height: 50px;
	margin: 0 auto 20px
}
.contactlist .item .nam {
	font-size: var(--fsize-large);
	font-weight: bold;
	color: var(--color-main)
}
.contactlist .item .txt {
	margin-top: 20px;
	font-size: var(--fsize-txt);
	line-height: 1.6
}
.contactlist .item:last-child {
	margin-right: 0
}
.proheadbox {
	background: var(--color-bg);
	padding: var(--gap-h3) var(--gap-h3);
	border-bottom: 1px solid var(--color-border);
	display: flex;
	column-gap: var(--gap-large);
	align-items: center
}
@media (max-width: 800px) {
.proheadbox {
	flex-direction: column;
	row-gap: var(--gap-h3)
}
}
.proheadbox .inf {
	flex: 1
}
.proheadbox .inf .ico {
	width: 60px;
	margin-bottom: var(--gap-base)
}
@media (max-width: 800px) {
.proheadbox .inf .ico {
	width: 40px;
	margin-bottom: var(--gap-large)
}
}
.proheadbox .inf .ico img {
	display: block;
	width: 100%
}
.proheadbox .inf .nam {
	font-size: var(--fsize-h2);
	font-weight: bold;
	color: var(--color-main);
	line-height: 1.2
}
.proheadbox .inf .nam::after {
	content: "";
	display: block;
	width: 60px;
	height: 3px;
	background: var(--color-border);
	margin: var(--gap-large) 0
}
.proheadbox .inf .txt {
	font-size: var(--fsize-txt);
	line-height: 1.6;
	color: var(--color-3)
}
.proheadbox .img {
	flex: 1.5
}
.proheadbox .img img {
	display: block;
	width: 100%
}
.prolist {
	margin-top: var(--gap-large);
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--gap-large)
}
@media (max-width: 800px) {
.prolist {
	grid-template-columns: repeat(1, minmax(0, 1fr))
}
}
.prolist .item .ia {
	display: block;
	border: 1px solid var(--color-border);
	text-decoration: none;
	color: var(--color-0)
}
.prolist .item .ia:hover {
	color: var(--color-main)
}
.prolist .item .ia:hover .img::before {
	opacity: 1
}
.prolist .item .ia:hover .inf .btt span {
	background: var(--color-main);
	border-color: var(--color-main);
	color: var(--color-white)
}
.prolist .item .ia .img {
	transition: all .3s;
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 69%
}
.prolist .item .ia .img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	padding: var(--gap-large) var(--gap-large)
}
.prolist .item .ia .inf {
	padding: var(--gap-large) var(--gap-h3);
	background-color: var(--color-bg);
	border-top: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	row-gap: var(--gap-base)
}
.prolist .item .ia .inf .sub {
	font-size: var(--fsize-base);
	color: var(--color-9)
}
.prolist .item .ia .inf .nam {
font-size:calc(var(--fsize-large) * 1.2)
}
.prolist .item .ia .inf .btt {
	display: flex;
	justify-content: center
}
.prolist .item .ia .inf .btt span {
	border: 1px solid var(--color-border);
	font-size: var(--fsize-base);
	padding: var(--gap-small) var(--gap-large);
	transition: all .3s
}
.proitemhead {
	display: flex;
	background: var(--color-white)
}
@media (max-width: 800px) {
.proitemhead {
	flex-direction: column
}
}
.proitemhead .pimg {
	width: 600px;
	margin-right: var(--gap-h3);
	position: relative
}
@media (max-width: 800px) {
.proitemhead .pimg {
	width: 100%;
	margin-right: 0;
	margin-bottom: var(--gap-h3)
}
}
.proitemhead .pimg #imageGallery {
	overflow: hidden
}
.proitemhead .pimg .productalllist {
	overflow: hidden;
	width: 100%;
	position: relative;
	margin: 0 auto 0
}
.proitemhead .pimg .productalllist .it {
	border: 1px solid #dedede;
	background: #fff;
	box-sizing: border-box;
	display: block;
	aspect-ratio: 3 / 2;
	width: 100%;
	position: relative
}
.proitemhead .pimg .productalllist .it img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	padding: var(--gap-large);
	margin: 0 auto;
	display: block;
	border: 0 solid #dedede;
	background: #fff;
	box-sizing: border-box
}
.proitemhead .pimg .productalllist img {
	max-width: 100%;
	margin: 0 auto;
	display: block;
	border: 0 solid #dedede;
	background: #fff;
	box-sizing: border-box
}
.proitemhead .pimg .lSSlideWrapper {
	margin-bottom: 5px
}
.proitemhead .pimg .lSSlideOuter .lSPager.lSGallery li {
	border: 2px solid #dedede;
	box-sizing: border-box
}
.proitemhead .pimg .lSSlideOuter .lSPager.lSGallery li.active, .proitemhead .pimg .lSSlideOuter .lSPager.lSGallery li:hover {
	border: 2px solid var(--color-main);
	border-radius: 0
}
.proitemhead .pimg .lSAction>a {
	background: url(../img/slideicon01.svg) no-repeat center;
	background-size: 36px;
	width: 36px;
	height: 36px
}
.proitemhead .pimg .lSAction>a.lSNext {
	background-image: url(../img/slideicon02.svg)
}
.proitemhead .inf {
	flex: 1
}
.proitemhead .inf .nam {
	font-size: var(--fsize-h1);
	color: var(--color-0);
	font-weight: bold;
	line-height: 1.2
}
.proitemhead .inf .txt {
	background: var(--color-bg);
	padding: var(--gap-large);
	font-size: var(--fsize-txt);
	color: var(--color-6);
	line-height: 1.6;
	width: 100%;
	box-sizing: border-box;
	margin: var(--gap-large) 0
}
.proitemhead .inf .too {
	display: flex;
	align-items: center;
	margin-top: var(--gap-large)
}
.proitemhead .inf .too .ta {
	display: flex;
	padding: var(--gap-base) var(--gap-h3);
	border: 1px solid var(--color-border);
	text-decoration: none;
	border-radius: var(--gap-h1);
	font-size: var(--fsize-txt);
	color: var(--color-3);
	background: var(--color-white);
	margin-right: var(--gap-base);
	transition: all .3s
}
.proitemhead .inf .too .ta:hover {
	opacity: .6;
	background: var(--color-0);
	border-color: var(--color-0);
	color: var(--color-white)
}
.proitemhead .inf .too .ta.on {
	background: var(--color-0);
	border-color: var(--color-0);
	color: var(--color-white)
}
.proitemhead .inf .too .ta.on:hover {
	opacity: 1;
	background: var(--color-main);
	border-color: var(--color-main)
}
.proitemhead .inf .too .ta.tdown {
	background-color: var(--color-main);
	color: var(--color-white);
	display: flex;
	align-items: center;
	column-gap: var(--gap-small);
	margin-right: 0;
	border-radius: var(--gap-h1) 0 0 var(--gap-h1);
	border: 0
}
.proitemhead .inf .too .ta.tdown svg {
	display: block;
	width: 24px;
	height: 24px
}
.proitemhead .inf .too .ta.tdown:hover {
	border-color: var(--color-main)
}
.proitemhead .inf .too .ta.tqr {
	background-color: var(--color-0);
	color: var(--color-white);
	padding: var(--gap-base);
	border-radius: 0 var(--gap-h1) var(--gap-h1) 0;
	border: 0;
	position: relative
}
.proitemhead .inf .too .ta.tqr svg {
	display: block;
	width: 24px;
	height: 24px
}
.proitemhead .inf .too .ta.tqr span {
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%) translateY(0);
	opacity: 0;
	visibility: hidden;
	display: block;
	width: 160px;
	height: 160px;
	background: var(--color-white);
	box-shadow: 0 0 20px rgba(0,0,0,0.1);
	transition: all .3s
}
.proitemhead .inf .too .ta.tqr span img {
	display: block;
	width: 100%;
	height: 100%
}
.proitemhead .inf .too .ta.tqr:hover {
	opacity: 1;
	border-color: var(--color-main)
}
.proitemhead .inf .too .ta.tqr:hover span {
	opacity: 1;
	visibility: visible
}
.proitemhead .inf .too .ta:last-child {
	margin-right: 0
}
.proitemmain {
	margin-top: var(--gap-h3)
}
.proitemmain .xhd {
	background: var(--color-bg);
	display: flex;
	align-items: center
}
.proitemmain .xhd .item {
	display: flex;
	border-radius: 6px;
	font-size: var(--fsize-txt);
	padding: var(--gap-base) var(--gap-h3);
	cursor: pointer;
	transition: all .3s
}
@media (max-width: 800px) {
.proitemmain .xhd .item {
	text-align: center;
	line-height: 1.2
}
}
.proitemmain .xhd .item:hover {
	background: var(--color-main);
	color: var(--color-white)
}
.proitemmain .xhd .item.on {
	background: var(--color-main);
	color: var(--color-white)
}
.proitemmain .xbd {
	padding: var(--gap-large) 0
}
.proitemmain .xbd .item {
	display: none;
	font-size: var(--fsize-large);
	line-height: 1.6;
	color: var(--color-3)
}
.proitemmain .xbd .item.on {
	display: block
}
.proitemmain .xbd .item video {
	width: 100% !important;
	height: 600px !important
}
@media (max-width: 800px) {
.proitemmain .xbd .item video {
	width: 100% !important;
	height: 240px !important
}
}
.proitemmain .xbd .item p {
	margin-bottom: var(--gap-large)
}
.proitemmain .xbd .item h3 {
	font-size: var(--fsize-h3);
	font-weight: bold;
	color: var(--color-0);
	margin: var(--gap-h3) 0 var(--gap-large);
	border-bottom: 2px solid var(--color-border);
	padding-bottom: var(--gap-base)
}
.proitemmain .xbd .item h4 {
	font-weight: normal;
	text-align: center;
	margin-top: calc(1px - var(--gap-base));
	margin-bottom: var(--gap-large);
	font-size: var(--fsize-base);
	padding-bottom: var(--gap-base);
	border-bottom: 3px solid rgba(0,0,0,0.1);
	font-family: arial;
	opacity: .6
}
.proitemmain .xbd .item strong {
	font-weight: bold;
	color: var(--color-main);
	margin: 0 var(--gap-mini)
}
.proitemmain .xbd .item blockquote {
	padding: var(--gap-large);
	margin: 0 0 var(--gap-large);
	background: var(--color-bg);
	border-left: 5px solid #e5e5e5;
	color: var(--color-6)
}
.proitemmain .xbd .item blockquote p:last-child {
	margin-bottom: 0
}
.proitemmain .xbd .item img {
	max-width: 100%
}
.proitemmain .nsd {
	padding-top: var(--gap-h3);
	margin-top: var(--gap-base);
	border-top: 1px solid var(--color-border);
	display: flex;
	align-items: center;
	justify-content: space-between
}
@media (max-width: 800px) {
.proitemmain .nsd {
	flex-direction: column
}
}
.proitemmain .nsd .link {
	display: flex;
	flex-direction: column;
	line-height: 1.6;
	font-size: var(--fsize-txt)
}
.proitemmain .nsd .link .la {
	margin: var(--gap-mini) 0;
	text-decoration: none;
	transition: all .3s
}
@media (max-width: 800px) {
.proitemmain .nsd .xback {
	margin-top: var(--gap-h3)
}
}
.proitemmain .nsd .xback .ba {
	background: var(--color-main);
	color: var(--color-white);
	font-size: var(--fsize-txt);
	padding: var(--gap-base) var(--gap-h2);
	text-decoration: none;
	position: relative
}
.proitemmain .nsd .xback .ba span {
	position: relative
}
.proitemmain .nsd .xback .ba::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: var(--color-0);
	transform: scaleX(0);
	transform-origin: 100% 0;
	transition: transform .34s cubic-bezier(.67, .01, .26, 1)
}
.proitemmain .nsd .xback .ba:hover::before {
	transform: scaleX(1)
}
.proitemmain .gridimg {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--gap-large);
	margin-bottom: var(--gap-large)
}
@media (max-width: 800px) {
.proitemmain .gridimg {
	grid-template-columns: repeat(1, minmax(0, 1fr))
}
}
.proitemmain .gridimg .git {
	border: 3px solid #09337D;
	background: #09337D
}
.proitemmain .gridimg .git img {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: contain;
	padding: var(--gap-large);
	background: var(--color-white)
}
.proitemmain .gridimg .git span {
	background: #09337D;
	display: block;
	text-align: center;
	font-size: var(--fsize-txt);
	padding: 10px 20px;
	color: var(--color-white)
}
.proitemmain .stable {
	min-width: 100%;
	margin: var(--gap-h3) 0 var(--gap-large);
	direction: ltr;
	empty-cells: show;
	border: 1px solid rgba(0,0,0,0.06);
	border-collapse: collapse;
	border-spacing: 0;
	white-space: nowrap
}
@media (max-width: 800px) {
.proitemmain .stable {
	white-space: inherit
}
}
.proitemmain .stable tr:hover {
	background: rgba(60,90,100,0.04)
}
.proitemmain .stable th {
	text-align: center;
	border: 1px solid rgba(0,0,0,0.06);
	border-width: 1px 0 2px;
	padding: 10px;
	font-weight: normal;
	background: var(--color-bg);
	font-size: var(--fsize-txt);
	box-sizing: border-box
}
.proitemmain .stable th:first-child {
	border-left: 1px solid rgba(0,0,0,0.06)
}
.proitemmain .stable th:last-child {
	border-right: 1px solid rgba(0,0,0,0.06)
}
.proitemmain .stable td {
	text-align: center;
	border: 1px solid rgba(0,0,0,0.06);
	border-width: 1px 1px;
	padding: 10px;
	font-size: var(--fsize-txt);
	box-sizing: border-box;
	color: var(--color-3)
}
@media (max-width: 800px) {
.proitemmain .stable td {
	font-size: var(--fsize-base)
}
}
.proitemmain .stable td:first-child {
	border-left: 1px solid rgba(0,0,0,0.06)
}
.proitemmain .stable td:last-child {
	border-right: 1px solid rgba(0,0,0,0.06)
}
.inwrap {
	background: var(--color-white);
	padding: var(--gap-h3) 0;
	border-bottom: 1px solid var(--color-border)
}
.inwrap .wrapper {
	display: flex;
	column-gap: var(--gap-h3)
}
@media (max-width: 800px) {
.inwrap .wrapper {
	flex-direction: column-reverse;
	row-gap: var(--gap-h1)
}
}
.inwrap .wrapper .side {
	width: 300px;
	min-height: 50vh
}
@media (max-width: 800px) {
.inwrap .wrapper .side {
	min-height: 10vh
}
}
@media (max-width: 800px) {
.inwrap .wrapper .side {
	width: 100%
}
}
.inwrap .wrapper .side .fxd {
	position: sticky;
	top: 90px
}
.inwrap .wrapper .side .hd {
	background: var(--color-main);
	position: relative;
	display: flex;
	align-items: center;
	padding: var(--gap-h3) var(--gap-large)
}
.inwrap .wrapper .side .hd .bg {
	position: absolute;
	top: 50%;
	left: 0;
	width: 70%;
	opacity: .2;
	transform: translateY(-50%)
}
.inwrap .wrapper .side .hd .bg img {
	display: block;
	width: 100%
}
.inwrap .wrapper .side .hd .cn {
	position: relative;
	color: var(--color-white);
	font-size: var(--fsize-h2);
	font-weight: bold
}
@media (max-width: 800px) {
.inwrap .wrapper .side .hd .cn {
	font-size: var(--fsize-h3)
}
}
.inwrap .wrapper .side .hd::after {
	position: absolute;
	content: "";
	display: block;
	width: 0;
	height: 0;
	right: 0;
	top: 0;
	border-top: 20px solid var(--color-white);
	border-left: 20px solid transparent
}
.inwrap .wrapper .side .lis {
	border: 1px solid var(--color-border);
	padding-bottom: var(--gap-h3);
	background: var(--color-bg)
}
@media (max-width: 800px) {
.inwrap .wrapper .side .lis .lul {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr))
}
}
.inwrap .wrapper .side .lis .lul .lli {
	border-bottom: 1px solid var(--color-border)
}
.inwrap .wrapper .side .lis .lul .lli.on .la {
	background: #ebecec;
	color: var(--color-main);
	font-weight: bold
}
.inwrap .wrapper .side .lis .lul .lli.on .la .ico {
	transform: rotate(90deg)
}
.inwrap .wrapper .side .lis .lul .lli.on .sub {
	display: block
}
.inwrap .wrapper .side .lis .lul .lli .la {
	display: flex;
	font-size: var(--fsize-large);
	align-items: center;
	padding: var(--gap-large) var(--gap-large);
	column-gap: var(--gap-small);
	line-height: 1.6;
	text-decoration: none;
	transition: all .3s
}
.inwrap .wrapper .side .lis .lul .lli .la:hover {
	background: #ebecec;
	font-weight: bold
}
.inwrap .wrapper .side .lis .lul .lli .la .ico {
	width: 12px;
	height: 12px
}
.inwrap .wrapper .side .lis .lul .lli .la .ico svg {
	display: block;
	width: 100%;
	height: 100%
}
.inwrap .wrapper .side .lis .lul .lli .sub {
	padding: var(--gap-small) 0;
	display: none
}
.inwrap .wrapper .side .lis .lul .lli .sub .sli.on .sa {
	color: var(--color-main);
	font-weight: bold
}
.inwrap .wrapper .side .lis .lul .lli .sub .sli .sa {
	display: flex;
padding:var(--gap-small) calc(var(--gap-large) * 1.3);
	font-size: var(--fsize-txt);
	text-decoration: none;
	column-gap: var(--gap-small);
	transition: all .3s
}
.inwrap .wrapper .side .lis .lul .lli .sub .sli .sa::before {
	content: "·";
	font-weight: bold
}
.inwrap .wrapper .side .mor {
	margin-top: var(--gap-large);
	display: flex;
	flex-direction: column;
	row-gap: var(--gap-base)
}
@media (max-width: 800px) {
.inwrap .wrapper .side .mor {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: var(--gap-large)
}
}
.inwrap .wrapper .side .mor .it .ia {
	display: block;
	overflow: hidden;
	border-radius: var(--gap-large) 0 var(--gap-large) 0;
	position: relative
}
.inwrap .wrapper .side .mor .it .ia:hover {
	box-shadow: 0 0 20px rgba(0,0,0,0.05)
}
.inwrap .wrapper .side .mor .it .ia:hover .bg {
	transform: scale(1.05)
}
.inwrap .wrapper .side .mor .it .ia:hover .nam {
	color: var(--color-main)
}
.inwrap .wrapper .side .mor .it .ia .bg {
	transition: all .3s
}
.inwrap .wrapper .side .mor .it .ia .bg img {
	display: block;
	width: 100%
}
.inwrap .wrapper .side .mor .it .ia .nam {
	position: absolute;
	right: var(--gap-large);
	top: 50%;
	transform: translateY(-50%);
	font-size: var(--fsize-large);
	font-weight: bold;
	color: var(--color-3);
	transition: all .3s
}
@media (max-width: 800px) {
.inwrap .wrapper .side .mor .it .ia .nam {
	right: var(--gap-h3)
}
}
.inwrap .wrapper .main {
	width: calc(100% - 250px - var(--gap-h3));
	min-height: 50vh
}
@media (max-width: 800px) {
.inwrap .wrapper .main {
	width: 100%
}
}
.inwrap .wrapper .main .hd {
	border-bottom: 1px solid var(--color-border);
	display: flex;
	justify-content: space-between;
	align-items: center
}
.inwrap .wrapper .main .hd .nam {
font-size:calc(var(--fsize-large) * 1.2);
	font-weight: bold;
	color: var(--color-0);
	border-bottom: 2px solid var(--color-main);
	padding: var(--gap-small) 0
}
.inwrap .wrapper .main .hd .now {
	display: flex;
	align-items: center;
	column-gap: var(--gap-small)
}
.inwrap .wrapper .main .hd .now .na {
	display: flex;
	align-items: center;
	font-size: var(--fsize-base);
	color: var(--color-9);
	transition: all .3s
}
.inwrap .wrapper .main .hd .now .na:hover {
	color: var(--color-main)
}
.inwrap .wrapper .main .hd .now .split {
	font-family: simsun;
	font-size: var(--fsize-small)
}
.inwrap .wrapper .main .bd {
	margin-top: var(--gap-h3)
}
@media (max-width: 800px) {
.inwrap .wrapper .main .bd {
	margin-top: var(--gap-h1)
}
}
.inwrap .wrapper .main .bd p {
	font-size: var(--fsize-large);
	line-height: 1.6;
	color: var(--color-3);
	margin-bottom: var(--gap-large)
}
.inwrap .wrapper .main .bd p:last-child {
	margin-bottom: 0
}
.inwrap .wrapper .main .bd h3 {
	font-size: var(--fsize-h3);
	font-weight: bold;
	color: var(--color-main);
	margin-top: var(--gap-h3);
margin-bottom:calc(var(--gap-large) * 1.2)
}
.inwrap .wrapper .main .bd h3:first-child {
	margin-top: 0
}
@media (max-width: 800px) {
.inwrap .wrapper .main .bd h3 {
	margin-bottom: var(--gap-h3)
}
}
.inwrap .wrapper .main .bd h2 {
	background: var(--color-main);
	border-radius: 6px;
	padding: var(--gap-base) var(--gap-large);
	margin-bottom: var(--gap-h3);
	color: var(--color-white);
	font-weight: bold
}
.inwrap .wrapper .main .bd img {
	max-width: 100%
}
.inwrap .wrapper .main .bd .culture {
	margin-top: var(--gap-h3);
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--gap-large)
}
@media (max-width: 800px) {
.inwrap .wrapper .main .bd .culture {
	grid-template-columns: repeat(1, minmax(0, 1fr))
}
}
.inwrap .wrapper .main .bd .culture .item {
	background: var(--color-white);
	border-radius: 5px;
	padding: var(--gap-h3);
	box-shadow: 0 5px 20px 0 rgba(82,90,101,0.1);
	position: relative;
	z-index: 1;
	overflow: hidden;
	transition: all .3s
}
.inwrap .wrapper .main .bd .culture .item .ico {
	width: 85px;
	height: 85px;
	padding: 15px;
	box-sizing: border-box;
	border-radius: 20%;
	border: 5px solid rgba(224,0,10,0.05);
	background-color: rgba(224,0,10,0.05);
	transition: all .3s
}
.inwrap .wrapper .main .bd .culture .item .ico img {
	display: block;
	width: 45px;
	height: 45px
}
.inwrap .wrapper .main .bd .culture .item .inf {
	margin-top: var(--gap-large)
}
.inwrap .wrapper .main .bd .culture .item .inf .nam {
	font-size: var(--fsize-h3);
	font-weight: bold;
	color: var(--color-0)
}
.inwrap .wrapper .main .bd .culture .item .inf .en {
	font-size: var(--fsize-large);
	text-transform: uppercase;
	color: var(--color-9);
	margin-top: var(--gap-mini)
}
.inwrap .wrapper .main .bd .culture .item .inf .txt {
	font-size: var(--fsize-large);
	margin-top: var(--gap-base);
	color: var(--color-6);
	line-height: 1.6
}
.inwrap .wrapper .main .bd .culture .item .inf .tm {
	font-size: var(--fsize-base);
	color: var(--color-9);
	margin-top: var(--gap-mini);
	line-height: 1.6
}
.inwrap .wrapper .main .bd .culture .item .num {
	position: absolute;
	z-index: -1;
	right: -5px;
	bottom: -45px;
	color: rgba(224,0,10,0.05);
	font-size: 12rem;
	font-weight: 700;
	line-height: 1
}
.inwrap .wrapper .main .bd .culture .item:hover {
	transform: translateY(-5px)
}
.inwrap .wrapper .main .bd .culture .item:hover .ico {
	border: 5px solid rgba(224,0,10,0.3)
}
.inwrap .wrapper .main .bd .honorlist {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--gap-large)
}
@media (max-width: 800px) {
.inwrap .wrapper .main .bd .honorlist {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--gap-large)
}
}
.inwrap .wrapper .main .bd .honorlist .item {
	transition: all .3s
}
.inwrap .wrapper .main .bd .honorlist .item:hover {
	transform: translateY(-5px)
}
.inwrap .wrapper .main .bd .honorlist .item:hover .img {
	box-shadow: 0 0 20px rgba(0,0,0,0.1)
}
.inwrap .wrapper .main .bd .honorlist .item .img {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 70%;
	background: url(../img/dmg/honorbg.jpg) no-repeat center;
	background-size: cover;
	transition: all .3s
}
.inwrap .wrapper .main .bd .honorlist .item .img img {
	padding: 3%;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: fill
}
.inwrap .wrapper .main .bd .honorlist .item .nam {
	margin-top: var(--gap-small);
	font-size: var(--fsize-large);
	line-height: 1.6;
	text-align: center
}
.inwrap .wrapper .main .bd .videolist {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--gap-large)
}
.inwrap .wrapper .main .bd .videolist .ia {
	display: block;
	text-decoration: none;
	background: var(--color-white);
	color: var(--color-0);
	transition: all .3s
}
.inwrap .wrapper .main .bd .videolist .ia:hover {
	color: var(--color-main);
	box-shadow: 0 0 20px rgba(0,0,0,0.1);
	transform: translateY(-5px)
}
.inwrap .wrapper .main .bd .videolist .ia:hover .img::after {
	opacity: 0
}
.inwrap .wrapper .main .bd .videolist .ia:hover .img span {
	background: rgba(0,0,0,0.5)
}
.inwrap .wrapper .main .bd .videolist .ia .img {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 50%
}
.inwrap .wrapper .main .bd .videolist .ia .img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover
}
.inwrap .wrapper .main .bd .videolist .ia .img::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: var(--color-0);
	opacity: .3;
	transition: all .3s
}
.inwrap .wrapper .main .bd .videolist .ia .img span {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	transform: translateX(-50%) translateY(-50%);
	padding: var(--gap-large);
	border-radius: var(--gap-h1);
	color: var(--color-white);
	background: rgba(255,255,255,0.3);
	transition: all .3s
}
.inwrap .wrapper .main .bd .videolist .ia .img span svg {
	display: block;
	width: 30px;
	height: 30px
}
.inwrap .wrapper .main .bd .videolist .ia .inf {
	padding: var(--gap-large)
}
.inwrap .wrapper .main .bd .videolist .ia .inf .nam {
	font-size: var(--fsize-large)
}
.inwrap .wrapper .main .bd .videolist .ia .inf .txt {
	font-size: var(--fsize-base);
	color: var(--color-9);
	margin-top: var(--gap-small)
}
.inwrap .wrapper .main .bd .joinbd .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)
}
.inwrap .wrapper .main .bd .joinbd .xhd .id {
	flex: 1;
	color: var(--color-white)
}
.inwrap .wrapper .main .bd .joinbd .xhd .id:nth-child(1) {
	flex: 2
}
@media (max-width: 800px) {
.inwrap .wrapper .main .bd .joinbd .xhd .id:nth-last-child(-n + 2) {
	display: none
}
}
.inwrap .wrapper .main .bd .joinbd .xbd {
	margin: var(--gap-small) 0;
	border-bottom: 1px solid var(--color-border)
}
.inwrap .wrapper .main .bd .joinbd .xbd .xitem {
	background: var(--color-white);
	border-radius: var(--gap-mini);
	padding: var(--gap-base) var(--gap-large);
	font-size: var(--fsize-large);
	color: var(--color-3);
	display: flex;
	align-items: center;
	cursor: pointer;
	background: rgba(226,117,35,0);
	transition: all .3s;
	position: relative
}
.inwrap .wrapper .main .bd .joinbd .xbd .xitem::before {
	content: "";
	position: absolute;
	width: 4px;
	height: 20px;
	background: var(--color-main);
	top: 50%;
	left: 0;
	border-radius: 10px;
	transform: translateY(-50%)
}
.inwrap .wrapper .main .bd .joinbd .xbd .xitem .id {
	flex: 1
}
.inwrap .wrapper .main .bd .joinbd .xbd .xitem .mor .ma {
	display: flex;
	align-items: center;
	column-gap: var(--gap-small);
	padding: var(--gap-small) var(--gap-large);
	border-radius: var(--gap-h1);
	background: var(--color-main);
	color: var(--color-white);
	font-size: var(--fsize-txt);
	text-decoration: none;
	height: 100%;
	transition: all .3s
}
.inwrap .wrapper .main .bd .joinbd .xbd .xitem .mor .ma:hover {
	opacity: .6
}
.inwrap .wrapper .main .bd .joinbd .xbd .xitem.on {
	color: var(--color-main);
	font-weight: bold
}
.inwrap .wrapper .main .bd .joinbd .xbd .xsub {
	padding: var(--gap-large);
	font-size: var(--fsize-txt);
	line-height: 1.6;
	color: var(--color-6);
	display: none;
	background: var(--color-bg)
}
.inwrap .wrapper .main .bd .joinbd .xbd .xsub p {
	font-size: var(--fsize-txt);
	line-height: 1.6;
	color: var(--color-6);
	margin-bottom: var(--gap-large)
}
.inwrap .wrapper .main .bd .joinbd .xbd .xsub p:last-child {
	margin-bottom: 0
}
.inwrap .wrapper .main .bd .joinbd .xbd .xsub p strong {
	display: block;
	margin-bottom: 10px
}
.findk-5724 {
	background: var(--color-bg);
	padding: var(--gap-h1) 0;
	position: relative;
	overflow: hidden
}
.findk-5724 .wrapper {
	display: flex;
	position: relative;
	z-index: 2
}
@media (max-width: 800px) {
.findk-5724 .wrapper {
	flex-direction: column;
	row-gap: var(--gap-h3)
}
}
.findk-5724 .wrapper .hd {
	flex: 1;
	display: flex;
	flex-direction: column;
	row-gap: var(--gap-large);
	color: var(--color-0)
}
.findk-5724 .wrapper .hd .nam {
	font-size: var(--fsize-h1);
	line-height: 1.2
}
@media (max-width: 800px) {
.findk-5724 .wrapper .hd .nam {
	font-size: var(--fsize-h2)
}
}
.findk-5724 .wrapper .hd .txt {
	font-size: var(--fsize-large);
	line-height: 1.6
}
@media (max-width: 800px) {
.findk-5724 .wrapper .hd .txt {
	font-size: var(--fsize-txt)
}
}
.findk-5724 .wrapper .bd {
	flex: 1.5
}
.findk-5724 .wrapper .bd .tit {
	font-size: var(--fsize-large);
	color: var(--color-0);
	display: flex;
	align-items: center;
	column-gap: var(--gap-small)
}
.findk-5724 .wrapper .bd .tit::before {
	content: '';
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: var(--color-main)
}
.findk-5724 .wrapper .bd .con {
	margin-top: var(--gap-large);
	display: flex;
	flex-wrap: wrap;
	row-gap: var(--gap-base)
}
@media (max-width: 800px) {
.findk-5724 .wrapper .bd .con {
	row-gap: var(--gap-large)
}
}
.findk-5724 .wrapper .bd .con .it {
	width: 50%;
	box-sizing: border-box;
	padding: 0 var(--gap-small);
	position: relative
}
@media (max-width: 800px) {
.findk-5724 .wrapper .bd .con .it {
	width: 100%
}
}
.findk-5724 .wrapper .bd .con .it.it2 {
	width: 100%
}
.findk-5724 .wrapper .bd .con .it .ipt {
	display: block;
	width: 100%;
	font-size: var(--fsize-large);
	line-height: 1.6;
	padding: var(--gap-base) var(--gap-large);
	box-sizing: border-box;
	border: 1px solid var(--color-border);
	border-radius: var(--gap-h3);
	color: var(--color-3);
	transition: all .3s
}
@media (max-width: 800px) {
.findk-5724 .wrapper .bd .con .it .ipt {
	padding: var(--gap-large) var(--gap-h3)
}
}
.findk-5724 .wrapper .bd .con .it .ipt:hover, .findk-5724 .wrapper .bd .con .it .ipt:focus {
	border-color: var(--color-main);
	box-shadow: 0 var(--gap-base) var(--gap-large) rgba(254,208,0,0.1)
}
.findk-5724 .wrapper .bd .con .it .tea {
	display: block;
	width: 100%;
	height: 10vw;
	font-size: var(--fsize-large);
	line-height: 1.6;
	padding: var(--gap-base) var(--gap-large);
	box-sizing: border-box;
	border: 1px solid var(--color-border);
	border-radius: var(--gap-large);
	color: var(--color-3);
	transition: all .3s
}
@media (max-width: 800px) {
.findk-5724 .wrapper .bd .con .it .tea {
	padding: var(--gap-base) var(--gap-h3);
	height: 30vw
}
}
.findk-5724 .wrapper .bd .con .it .tea:hover, .findk-5724 .wrapper .bd .con .it .tea:focus {
	border-color: var(--color-main);
	box-shadow: 0 var(--gap-base) var(--gap-large) rgba(254,208,0,0.1)
}
.findk-5724 .wrapper .bd .con .it .yzm {
	position: absolute;
	right: var(--gap-large);
	top: 0;
	box-sizing: border-box;
	padding: var(--gap-small) 0;
	display: block;
	width: 120px;
	height: 100%
}
.findk-5724 .wrapper .bd .con .it .btn {
	width: 100%;
	border: 0;
	cursor: pointer;
	font-size: var(--fsize-txt);
	color: var(--color-white);
	background: var(--color-0);
	padding: var(--gap-base) var(--gap-large);
	border-radius: var(--gap-h3);
	transition: all .3s
}
@media (max-width: 800px) {
.findk-5724 .wrapper .bd .con .it .btn {
	padding: var(--gap-h3) var(--gap-large);
	font-size: var(--fsize-large)
}
}
.findk-5724 .wrapper .bd .con .it .btn:hover {
	background: var(--color-main);
	color: var(--color-white)
}
.findk-5724 .quan {
	position: absolute;
	left: -4.375vw;
	bottom: -22.5vw;
	width: 43.125vw;
	height: 43.125vw
}
.findk-5724 .quan .circle1 {
	-webkit-animation: circle2 3s infinite cubic-bezier(.25, .46, .45, .94);
	animation: circle2 3s infinite cubic-bezier(.25, .46, .45, .94);
	-webkit-animation-delay: .45s;
	animation-delay: .45s;
	opacity: 0;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	border: 1px solid var(--color-border);
	-webkit-border-radius: 100%;
	border-radius: 100%
}
.findk-5724 .quan .circle2 {
	-webkit-animation: circle1 3s infinite cubic-bezier(.25, .46, .45, .94);
	animation: circle1 3s infinite cubic-bezier(.25, .46, .45, .94);
	-webkit-animation-delay: .35s;
	animation-delay: .35s;
	opacity: 0;
	position: absolute;
	left: 0px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 81%;
	height: 81%;
	border: 1px solid var(--color-border);
	-webkit-border-radius: 100%;
	border-radius: 100%
}
.findk-5724 .quan .circle3 {
	-webkit-animation: circle1 3s infinite cubic-bezier(.25, .46, .45, .94);
	animation: circle1 3s infinite cubic-bezier(.25, .46, .45, .94);
	-webkit-animation-delay: .25s;
	animation-delay: .25s;
	opacity: 0;
	position: absolute;
	left: 0px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 65%;
	height: 65%;
	border: 1px solid var(--color-border);
	-webkit-border-radius: 100%;
	border-radius: 100%
}
.findk-5724 .quan .circle4 {
	-webkit-animation: circle1 3s infinite cubic-bezier(.25, .46, .45, .94);
	animation: circle1 3s infinite cubic-bezier(.25, .46, .45, .94);
	-webkit-animation-delay: .1s;
	animation-delay: .1s;
	opacity: 0;
	position: absolute;
	left: 0px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 50%;
	height: 50%;
	border: 1px solid var(--color-border);
	-webkit-border-radius: 100%;
	border-radius: 100%
}
@-webkit-keyframes circle1 {
0% {
-webkit-transform:translate(-50px, -50%) scale(.8);
transform:translate(-50px, -50%) scale(.8);
opacity:0
}
30% {
-webkit-transform:translate(0, -50%) scale(1);
transform:translate(0, -50%) scale(1);
opacity:1
}
90% {
-webkit-transform:translate(0, -50%) scale(1);
transform:translate(0, -50%) scale(1);
opacity:1
}
100% {
-webkit-transform:translate(0, -50%) scale(1);
transform:translate(0, -50%) scale(1);
opacity:0
}
}
@keyframes circle1 {
0% {
-webkit-transform:translate(-50px, -50%) scale(.8);
transform:translate(-50px, -50%) scale(.8);
opacity:0
}
30% {
-webkit-transform:translate(0, -50%) scale(1);
transform:translate(0, -50%) scale(1);
opacity:1
}
90% {
-webkit-transform:translate(0, -50%) scale(1);
transform:translate(0, -50%) scale(1);
opacity:1
}
100% {
-webkit-transform:translate(0, -50%) scale(1);
transform:translate(0, -50%) scale(1);
opacity:0
}
}
@-webkit-keyframes circle2 {
0% {
-webkit-transform:translate(-50px, 0) scale(.8);
transform:translate(-50px, 0) scale(.8);
opacity:0
}
30% {
-webkit-transform:translate(0, 0) scale(1);
transform:translate(0, 0) scale(1);
opacity:1
}
90% {
-webkit-transform:translate(0, 0) scale(1);
transform:translate(0, 0) scale(1);
opacity:1
}
100% {
-webkit-transform:translate(0, 0) scale(1);
transform:translate(0, 0) scale(1);
opacity:0
}
}
@keyframes circle2 {
0% {
-webkit-transform:translate(-50px, 0) scale(.8);
transform:translate(-50px, 0) scale(.8);
opacity:0
}
30% {
-webkit-transform:translate(0, 0) scale(1);
transform:translate(0, 0) scale(1);
opacity:1
}
90% {
-webkit-transform:translate(0, 0) scale(1);
transform:translate(0, 0) scale(1);
opacity:1
}
100% {
-webkit-transform:translate(0, 0) scale(1);
transform:translate(0, 0) scale(1);
opacity:0
}
}
@keyframes scroll {
0% {
transform:translate(0);
opacity:1
}
100% {
transform:translate(0, 25px);
opacity:0
}
}
body {
	overflow-x: hidden
}
body.fxd {
	overflow: hidden
}
.wrapper {
	box-sizing: border-box;
	padding: 0 20px;
	width: 1400px;
	margin: 0 auto
}
@media (max-width: 1440px) {
.wrapper {
	width: 100%
}
}
@-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)
}
::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: "sinkin-sans", Noto Sans SC, "Microsoft Yahei", PingFangSC-Regular, sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	background: var(--color-white)
}
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 */