.bgc1 .tt2, .bgc1 .tt4, .bgc1 .tt5, .bgc1 .tt6, .bgc1 .tt7, .bgc1 .tt8, .bgc4 .bgc4-bottom-li .tt3, .bgc7-ul .textD, .bgc8Box .tt1 {
	text-align: center
}
.bgc-awards, .bgc0, .bgc1, .bgc2, .bgc2 .bgc2-pic, .bgc3, .bgc3 .aniBox, .bgc4 .bgc4-bottom-li, .bgc5 .bgc5-bar, .bgc6, .bgc7-li, .bgc7-li-max, .bgc8 .flexsliderContent1, .bgc8 .swiper-pagination-bullet {
	position: relative
}
.bgc-awards .ttBox, .bgc0 .pic1, .bgc0 .pic2, .bgc0 .pic3, .bgc0 .pic4, .bgc0 .picsBox, .bgc0 .ttBox, .bgc0 .ttBox2, .bgc1 .tt, .bgc2 .bgc2-i0, .bgc3 .ttBox1, .bgc3 .ttBox1 .tt, .bgc3 .ttBox2, .bgc3 .ttBox2 .tt, .bgc3 .ttBox3, .bgc3 .ttBox3 .tt, .bgc4 .bgc4-bottom-li .tt3, .bgc5 .bgc5-bar, .bgc5 .bgc5-bar::after, .bgc8 .bgc8-nav, .img-fit {
	position: absolute
}
.bgc-awards .bgc-awards-i0, .bgc-awards .bgc-awards-i1, .bgc-awards::after, .bgc0 .pic1, .bgc0 .pic2, .bgc0 .pic3, .bgc0 .pic4, .bgc0 .ttBox2 .li::before, .bgc1, .bgc2 .bgc2-i0, .bgc2 .bgc2-pic, .bgc3 .aniBox, .bgc3 .ttBox1, .bgc3 .ttBox2, .bgc3 .ttBox3, .bgc4 .bgc4-bottom-li, .bgc4 .pics, .bgc5 .pics-i0, .bgc5 .pics-i1, .bgc6_content .bgc6-ii .ll-ii::before, .bgc6_content .bgc6-pic0, .bgc6_content .bgc6-pic1, .bgc6_content .bgc6-pic1-0, .bgc6_content .bgc6-pic2, .bgc7-li .pics, .bgc7-li-max .pics, .bgc8 .bgc8_content, .bgc8 .flex-next, .bgc8 .flex-prev {
	background: center no-repeat;
	background-size: cover
}
.img-fit {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	object-fit: cover
}
.fz22 {
	font-size: 14px;
font-size:-webkit-calc(87.5% + 8 * (100vw - 320px)/ 1600);
font-size:calc(87.5% + 8 * (100vw - 320px)/ 1600);
font-size:-webkit-calc(14px + 8 * (100vw - 320px)/ 1600);
font-size:calc(14px + 8 * (100vw - 320px)/ 1600);
	line-height: 1.5454545455em
}
.fz22 span {
	display: block
}
.fz24 {
	font-size: 15px;
font-size:-webkit-calc(93.75% + 7 * (100vw - 320px)/ 1600);
font-size:calc(93.75% + 7 * (100vw - 320px)/ 1600);
font-size:-webkit-calc(15px + 7 * (100vw - 320px)/ 1600);
font-size:calc(15px + 7 * (100vw - 320px)/ 1600);
	line-height: 1.6363636364em
}
.fz24 span {
	display: block
}
.fz30 {
	font-size: 15px;
font-size:-webkit-calc(93.75% + 15 * (100vw - 320px)/ 1600);
font-size:calc(93.75% + 15 * (100vw - 320px)/ 1600);
font-size:-webkit-calc(15px + 15 * (100vw - 320px)/ 1600);
font-size:calc(15px + 15 * (100vw - 320px)/ 1600);
	line-height: 1.5em
}
.fz30 span {
	display: block
}
.fz48 {
	font-size: 20px;
font-size:-webkit-calc(125% + 28 * (100vw - 320px)/ 1600);
font-size:calc(125% + 28 * (100vw - 320px)/ 1600);
font-size:-webkit-calc(20px + 28 * (100vw - 320px)/ 1600);
font-size:calc(20px + 28 * (100vw - 320px)/ 1600);
	line-height: 1.1666666667em;
	font-weight: 700
}
.fz48 span {
	display: block
}
.fz54 {
	font-size: 16px;
font-size:-webkit-calc(100% + 38 * (100vw - 320px)/ 1600);
font-size:calc(100% + 38 * (100vw - 320px)/ 1600);
font-size:-webkit-calc(16px + 38 * (100vw - 320px)/ 1600);
font-size:calc(16px + 38 * (100vw - 320px)/ 1600);
	line-height: 1.2
}
.fz54 span {
	display: block
}
.fz58 {
	font-size: 18px;
font-size:-webkit-calc(112.5% + 40 * (100vw - 320px)/ 1600);
font-size:calc(112.5% + 40 * (100vw - 320px)/ 1600);
font-size:-webkit-calc(18px + 40 * (100vw - 320px)/ 1600);
font-size:calc(18px + 40 * (100vw - 320px)/ 1600);
	line-height: 1.2;
	font-weight: 700
}
.fz58 span {
	display: block
}
.fz60 {
	font-size: 20px;
font-size:-webkit-calc(125% + 36 * (100vw - 320px)/ 1600);
font-size:calc(125% + 36 * (100vw - 320px)/ 1600);
font-size:-webkit-calc(20px + 36 * (100vw - 320px)/ 1600);
font-size:calc(20px + 36 * (100vw - 320px)/ 1600);
	line-height: 1.2;
	font-weight: 700;
	margin-bottom: .3333333333em
}
.fz60 span {
	display: block
}
.fz70 {
	font-size: 20px;
font-size:-webkit-calc(125% + 50 * (100vw - 320px)/ 1600);
font-size:calc(125% + 50 * (100vw - 320px)/ 1600);
font-size:-webkit-calc(20px + 50 * (100vw - 320px)/ 1600);
font-size:calc(20px + 50 * (100vw - 320px)/ 1600);
	line-height: 1.1428571429em;
	font-weight: 700;
	margin-bottom: .4285714286em
}
.fz70 span {
	display: block
}
.lines1:after {
	content: "";
	display: block;
	width: 1.6em;
	height: .0571428571em;
	background-color: currentColor;
	margin-top: .4em;
	margin-bottom: .4em
}
body {
	margin: 0;
	overflow: visible
}
.w1170 {
	max-width: 1170px;
	margin: 0 auto;
	line-height: normal
}
.w1720 {
	width: 1720px;
	line-height: normal;
	max-width: 96%;
	margin-left: auto;
	margin-right: auto
}
.w1548 {
	width: 1548px;
	line-height: normal;
	max-width: 96%;
	margin-left: auto;
	margin-right: auto
}
.w1220 {
	max-width: 1220px;
	margin: 0 auto;
	line-height: normal
}
.w1180 {
	max-width: 1180px;
	margin: 0 auto;
	line-height: normal
}
.boxss {
	width: 100vw;
	background-color: #fff;
	margin-left: -webkit-calc(-50vw + 577px);
	margin-left: calc(-50vw + 577px);
	color: #222
}
.boxss .flexslider {
	position: relative
}
.boxss .flexslider .swiper-wrapper {
	position: relative;
	z-index: 2;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}
.boxss .flexslider .swiper-slide {
	height: 100%;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 100%;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	position: relative
}
.boxss .flexslider {
	font-size: 0;
	overflow: hidden
}
.stickyContent {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	height: 100vh;
	overflow: hidden
}
.stickyHeight {
	padding-top: 100vh
}
.bgc0 {
	font-size: 40px;
	font-size: 8px;
font-size:-webkit-calc(50% + 32 * (100vw - 320px)/ 1600);
font-size:calc(50% + 32 * (100vw - 320px)/ 1600);
font-size:-webkit-calc(8px + 32 * (100vw - 320px)/ 1600);
font-size:calc(8px + 32 * (100vw - 320px)/ 1600)
}
.bgc0 .ttBox {
	z-index: 5;
	top: 50%;
	-webkit-transform: translateY(-400%);
	-ms-transform: translateY(-400%);
	transform: translateY(-400%);
	color: #000;
	left: 0;
	width: 100%;
	text-align: center
}
.bgc0 .tt1 {
	font-size: 1.2em;
	font-weight: 700;
	line-height: 1.2
}
.bgc0 .tt1 span {
	display: block
}
.bgc0 .tt2 {
	font-size: .6em;
	line-height: 1.1666666667em;
	margin-top: .8333333333em
}
.bgc0 .tt2 strong {
	display: block
}
.bgc0 .ttBox2 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	bottom: 4%;
	width: 100%;
	z-index: 5;
	left: 0;
	gap: 2.2em
}
.bgc0 .ttBox2 .li {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: .65em;
	font-weight: 600;
	cursor: pointer;
	gap: .3846153846em
}
.bgc0 .ttBox2 .li::before {
	content: '';
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 1.7692307692em;
	-ms-flex: 0 0 1.7692307692em;
	flex: 0 0 1.7692307692em;
	height: 1.7692307692em
}
.bgc0 .ttBox2 .li.li0 {
	color: #252424
}
.bgc0 .ttBox2 .li.li0::before {
	background-image: url(../image/bgc0-i0.png)
}
.bgc0 .ttBox2 .li.li1 {
	color: #5290b5
}
.bgc0 .ttBox2 .li.li1::before {
	background-image: url(../image/bgc0-i1.png)
}
.bgc0 .picsBox {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0
}
.bgc0 .pic1, .bgc0 .pic2, .bgc0 .pic3, .bgc0 .pic4 {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	opacity: 0
}
.bgc0 .pic1 {
	background-image: url(../image/bgc0_1.jpg);
	z-index: 4;
	opacity: 1
}
.bgc0 .pic2 {
	background-image: url(../image/bgc0_2.jpg);
	z-index: 3
}
.bgc-awards {
	font-size: 40px;
	font-size: 8px;
font-size:-webkit-calc(50% + 32 * (100vw - 320px)/ 1600);
font-size:calc(50% + 32 * (100vw - 320px)/ 1600);
font-size:-webkit-calc(8px + 32 * (100vw - 320px)/ 1600);
font-size:calc(8px + 32 * (100vw - 320px)/ 1600)
}
.bgc-awards::after {
	content: '';
	display: block;
	padding-top: 56.25%;
	background-image: url(../image/bgc-awards.jpg)
}
.bgc-awards .ttBox {
	color: #fff;
	left: 6.25%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}
.bgc-awards .tt1 {
	font-size: 2.15em;
	font-weight: 600
}
.bgc-awards .tt2 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 1.15em;
	margin-bottom: 2em;
	gap: 2em
}
.bgc-awards .tt2-1 {
	font-size: .55em;
	line-height: 2.0909090909em;
	margin-top: .4545454545em;
	background-image: -webkit-linear-gradient(left, #fcefcf, #cf9f37);
	background-image: linear-gradient(to right, #fcefcf, #cf9f37);
	color: transparent;
	-webkit-background-clip: text;
	font-weight: 600
}
.bgc-awards .tt2-1 span {
	display: block
}
.bgc-awards .tt3 {
	font-size: .65em;
	font-weight: lighter
}
.bgc-awards .tt3 span {
	display: block
}
.bgc-awards .bgc-awards-i0 {
	width: 3.075em;
	background-image: url(../image/bgc-awards-i0.png)
}
.bgc-awards .bgc-awards-i0::before {
	content: '';
	display: block;
	padding-top: 155.2845528455%
}
.bgc-awards .bgc-awards-i1 {
	width: 2.8em;
	background-image: url(../image/bgc-awards-i1.png)
}
.bgc-awards .bgc-awards-i1::before {
	content: '';
	display: block;
	padding-top: 170.5357142857%
}
.por {
	position: relative
}
.bgcbg {
	background-color: #111;
	padding-top: 1px;
	padding-bottom: 1px
}
.bgc1Box {
	overflow: hidden;
	margin-top: 3.488372093%;
	margin-bottom: 1.7441860465%
}
.bgc1 {
	font-size: 36px;
	font-weight: 600;
	width: 1180px;
	line-height: 1.2;
	color: #1e1e1e;
	
}
.bgc1::before {
	content: "";
	display: block;
	padding-top: 51.4406779661%
}
.bgc1 .tt1 {
	left: 2.0338983051%;
	top: 4.942339374%
}
.bgc1 .tt2 {
	left: 33.8983050847%;
	top: 4.942339374%;
	width: 32.2881355932%
}
.bgc1 .tt3 {
	left: 68.2203389831%;
	top: 4.942339374%
}
.bgc1 .tt4 {
	left: 0;
	top: 73.805601318%;
	width: 33.0508474576%;
	color: #fff;
	font-size: .8333333333em
}
.bgc1 .tt5 {
	left: 33.8983050847%;
	top: 70.1812191104%;
	width: 32.2881355932%;
	color: #fff;
	font-size: .8333333333em
}
.bgc1 .tt6 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	left: 66.9491525424%;
	top: 63.2619439868%;
	width: 16.186440678%;
	color: #fff;
	font-size: .5555555556em;
	height: 2.7em
}
.bgc1 .tt7 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	left: 83.813559322%;
	top: 63.2619439868%;
	width: 16.186440678%;
	color: #fff;
	font-size: .5555555556em;
	height: 2.7em
}
.bgc1 .tt8 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	left: 66.9491525424%;
	top: 80.2306425041%;
	width: 18.6440677966%;
	color: #fff;
	font-size: .8333333333em;
	height: 3.2em
}
.bgc2 {
	font-size: 40px;
	font-size: 8px;
font-size:-webkit-calc(50% + 32 * (100vw - 320px)/ 1600);
font-size:calc(50% + 32 * (100vw - 320px)/ 1600);
font-size:-webkit-calc(8px + 32 * (100vw - 320px)/ 1600);
font-size:calc(8px + 32 * (100vw - 320px)/ 1600);
	padding-top: 4%
}
.bgc2.ani .bgc2-i0 {
	opacity: 1;
	-webkit-transform: translate(-50%, -70%);
	-ms-transform: translate(-50%, -70%);
	transform: translate(-50%, -70%)
}
.bgc2 .ttBox {
	color: #fff;
	text-align: center
}
.bgc2 .tt1 {
	font-size: 1.2em;
	font-weight: 700;
	line-height: 1.2
}
.bgc2 .tt1 span {
	display: block
}
.bgc2 .tt2 {
	font-size: .6em;
	line-height: 1.1666666667em;
	margin-top: .8333333333em;
	opacity: .8
}
.bgc2 .tt2 strong {
	display: block
}
.bgc2 .bgc2-pic {
	margin-top: 4%;
	content: '';
	display: block;
	max-width: 1420px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../image/bgc21.jpg)
}
.bgc2 .bgc2-pic::before {
	content: '';
	display: block;
	padding-top: 50.4225352113%
}
.bgc2 .bgc2-i0 {
	width: 12.5em;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	-webkit-transition: all .4s;
	transition: all .4s;
	background-image: url(../image/bgc2-i0.png);
	opacity: 0
}
.bgc2 .bgc2-i0::before {
	content: '';
	display: block;
	padding-top: 38.6%
}
.bgc3 {
	font-size: 40px;
	font-size: 8px;
font-size:-webkit-calc(50% + 32 * (100vw - 320px)/ 1600);
font-size:calc(50% + 32 * (100vw - 320px)/ 1600);
font-size:-webkit-calc(8px + 32 * (100vw - 320px)/ 1600);
font-size:calc(8px + 32 * (100vw - 320px)/ 1600)
}
.bgc3 .ttBox {
	color: #fff;
	text-align: center
}
.bgc3 .tt1 {
	font-size: 1.2em;
	font-weight: 700;
	line-height: 1.2
}
.bgc3 .tt1 span {
	display: block
}
.bgc3 .tt2 {
	font-size: .6em;
	line-height: 1.1666666667em;
	margin-top: .8333333333em;
	opacity: .8
}
.bgc3 .tt2 span {
	display: block
}
.bgc3 .stickyContent {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}
.bgc3 .stickyContent>div {
	width: 100%
}
.bgc3 .stickyHeight {
	height: 100vh
}
.bgc3 .aniBox {
	width: 15.6875em;
	margin-left: auto;
	margin-right: auto;
	margin-top: 4.1666666667%
}
.bgc3 .aniBox::before {
	content: '';
	display: block;
	padding-top: 63.5059760956%
}
.bgc3 .aniBox .state0, .bgc3 .aniBox[data-state="0"] {
	background-image: url(../image/ani0.png)
}
.bgc3 .aniBox .state1, .bgc3 .aniBox[data-state="1"] {
	background-image: url(../image/ani1.png)
}
.bgc3 .aniBox .state2, .bgc3 .aniBox[data-state="2"] {
	background-image: url(../image/ani2.png)
}
.bgc3 .aniBox .state3, .bgc3 .aniBox[data-state="3"] {
	background-image: url(../image/ani3.png)
}
.bgc3 .aniBox .state4, .bgc3 .aniBox[data-state="4"] {
	background-image: url(../image/ani4.png)
}
.bgc3 .aniBox .state4 .ttBox1, .bgc3 .aniBox[data-state="4"] .ttBox1 {
	height: 6.7916666667em
}
.bgc3 .aniBox .state4 .ttBox1 .tt, .bgc3 .aniBox[data-state="4"] .ttBox1 .tt {
	opacity: 1;
	-webkit-transition: all .3s .3s;
	transition: all .3s .3s
}
.bgc3 .aniBox .state5, .bgc3 .aniBox[data-state="5"] {
	background-image: url(../image/ani5.png)
}
.bgc3 .aniBox .state5 .ttBox1, .bgc3 .aniBox[data-state="5"] .ttBox1 {
	height: 6.7916666667em
}
.bgc3 .aniBox .state5 .ttBox1 .tt, .bgc3 .aniBox[data-state="5"] .ttBox1 .tt {
	opacity: 1;
	-webkit-transition: all .3s .3s;
	transition: all .3s .3s
}
.bgc3 .aniBox .state6, .bgc3 .aniBox[data-state="6"] {
	background-image: url(../image/ani6.png)
}
.bgc3 .aniBox .state6 .ttBox1, .bgc3 .aniBox[data-state="6"] .ttBox1 {
	height: 6.7916666667em
}
.bgc3 .aniBox .state6 .ttBox1 .tt, .bgc3 .aniBox[data-state="6"] .ttBox1 .tt {
	opacity: 1;
	-webkit-transition: all .3s .3s;
	transition: all .3s .3s
}
.bgc3 .aniBox .state7, .bgc3 .aniBox[data-state="7"] {
	background-image: url(../image/ani7.png)
}
.bgc3 .aniBox .state7 .ttBox1, .bgc3 .aniBox[data-state="7"] .ttBox1 {
	height: 6.7916666667em
}
.bgc3 .aniBox .state7 .ttBox1 .tt, .bgc3 .aniBox[data-state="7"] .ttBox1 .tt {
	opacity: 1;
	-webkit-transition: all .3s .3s;
	transition: all .3s .3s
}
.bgc3 .aniBox .state7 .ttBox2, .bgc3 .aniBox[data-state="7"] .ttBox2 {
	height: 5.7em
}
.bgc3 .aniBox .state7 .ttBox2 .tt, .bgc3 .aniBox[data-state="7"] .ttBox2 .tt {
	opacity: 1;
	-webkit-transition: all .3s .3s;
	transition: all .3s .3s
}
.bgc3 .aniBox .state8, .bgc3 .aniBox[data-state="8"] {
	background-image: url(../image/ani8.png)
}
.bgc3 .aniBox .state8 .ttBox1, .bgc3 .aniBox[data-state="8"] .ttBox1 {
	height: 6.7916666667em
}
.bgc3 .aniBox .state8 .ttBox1 .tt, .bgc3 .aniBox[data-state="8"] .ttBox1 .tt {
	opacity: 1;
	-webkit-transition: all .3s .3s;
	transition: all .3s .3s
}
.bgc3 .aniBox .state8 .ttBox2, .bgc3 .aniBox[data-state="8"] .ttBox2 {
	height: 5.7em
}
.bgc3 .aniBox .state8 .ttBox2 .tt, .bgc3 .aniBox[data-state="8"] .ttBox2 .tt {
	opacity: 1;
	-webkit-transition: all .3s .3s;
	transition: all .3s .3s
}
.bgc3 .aniBox .state9, .bgc3 .aniBox[data-state="9"] {
	background-image: url(../image/ani9.png)
}
.bgc3 .aniBox .state9 .ttBox1, .bgc3 .aniBox[data-state="9"] .ttBox1 {
	height: 6.7916666667em
}
.bgc3 .aniBox .state9 .ttBox1 .tt, .bgc3 .aniBox[data-state="9"] .ttBox1 .tt {
	opacity: 1;
	-webkit-transition: all .3s .3s;
	transition: all .3s .3s
}
.bgc3 .aniBox .state9 .ttBox2, .bgc3 .aniBox[data-state="9"] .ttBox2 {
	height: 5.7em
}
.bgc3 .aniBox .state9 .ttBox2 .tt, .bgc3 .aniBox[data-state="9"] .ttBox2 .tt {
	opacity: 1;
	-webkit-transition: all .3s .3s;
	transition: all .3s .3s
}
.bgc3 .aniBox .state10, .bgc3 .aniBox[data-state="10"] {
	background-image: url(../image/ani10.png)
}
.bgc3 .aniBox .state10 .ttBox1, .bgc3 .aniBox[data-state="10"] .ttBox1 {
	height: 6.7916666667em
}
.bgc3 .aniBox .state10 .ttBox1 .tt, .bgc3 .aniBox[data-state="10"] .ttBox1 .tt {
	opacity: 1;
	-webkit-transition: all .3s .3s;
	transition: all .3s .3s
}
.bgc3 .aniBox .state10 .ttBox2, .bgc3 .aniBox[data-state="10"] .ttBox2 {
	height: 5.7em
}
.bgc3 .aniBox .state10 .ttBox2 .tt, .bgc3 .aniBox[data-state="10"] .ttBox2 .tt {
	opacity: 1;
	-webkit-transition: all .3s .3s;
	transition: all .3s .3s
}
.bgc3 .aniBox .state11, .bgc3 .aniBox[data-state="11"] {
	background-image: url(../image/ani11.png)
}
.bgc3 .aniBox .state11 .ttBox1, .bgc3 .aniBox[data-state="11"] .ttBox1 {
	height: 6.7916666667em
}
.bgc3 .aniBox .state11 .ttBox1 .tt, .bgc3 .aniBox[data-state="11"] .ttBox1 .tt {
	opacity: 1;
	-webkit-transition: all .3s .3s;
	transition: all .3s .3s
}
.bgc3 .aniBox .state11 .ttBox2, .bgc3 .aniBox[data-state="11"] .ttBox2 {
	height: 5.7em
}
.bgc3 .aniBox .state11 .ttBox2 .tt, .bgc3 .aniBox[data-state="11"] .ttBox2 .tt {
	opacity: 1;
	-webkit-transition: all .3s .3s;
	transition: all .3s .3s
}
.bgc3 .aniBox .state11 .ttBox1, .bgc3 .aniBox .state11 .ttBox3, .bgc3 .aniBox[data-state="11"] .ttBox1, .bgc3 .aniBox[data-state="11"] .ttBox3 {
	height: 6.7916666667em
}
.bgc3 .aniBox .state11 .ttBox1 .tt, .bgc3 .aniBox .state11 .ttBox3 .tt, .bgc3 .aniBox[data-state="11"] .ttBox1 .tt, .bgc3 .aniBox[data-state="11"] .ttBox3 .tt {
	opacity: 1;
	-webkit-transition: all .3s .3s;
	transition: all .3s .3s
}
.bgc3 .ttBox1 {
	font-size: .6em;
	left: 3.9166666667em;
	top: 12.0833333333em;
	width: .4583333333em;
	height: 6.7916666667em;
	background-size: .4583333333em 6.7916666667em;
	background-position: center top;
	background-image: url(../image/aniBox-i0.png);
	-webkit-transition: all .3s;
	transition: all .3s;
	height: 0
}
.bgc3 .ttBox1 .tt {
	top: 100%;
	color: #fff;
	white-space: nowrap;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	opacity: 0
}
.bgc3 .ttBox2 {
	font-size: .6em;
	left: 11.6666666667em;
	bottom: 6.6666666667em;
	width: 14.9em;
	height: 5.7em;
	background-size: 14.9em 5.7em;
	background-position: center bottom;
	background-image: url(../image/aniBox-i1.png);
	-webkit-transition: all .3s;
	transition: all .3s;
	height: 0
}
.bgc3 .ttBox2 .tt {
	color: #fff;
	white-space: nowrap;
	left: 100%;
	top: -.6666666667em;
	margin-left: .3333333333em;
	opacity: 0
}
.bgc3 .ttBox2 br {
	display: none
}
.bgc3 .ttBox3 {
	font-size: .6em;
	left: 22.0833333333em;
	top: 10.8333333333em;
	width: .4583333333em;
	height: 6.7916666667em;
	background-size: .4583333333em 6.7916666667em;
	background-position: center top;
	background-image: url(../image/aniBox-i2.png);
	-webkit-transition: all .3s;
	transition: all .3s;
	height: 0
}
.bgc3 .ttBox3 .tt {
	top: 100%;
	color: #fff;
	white-space: nowrap;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	opacity: 0
}
.bgc4 {
	font-size: 30px;
	color: #fff
}
.bgc4 .tt1 {
	font-size: 1.15em;
	font-weight: 700;
	line-height: 1.2
}
.bgc4 .tt1 span {
	display: block
}
.bgc4 .tt2 {
	font-size: .6666666667em;
	line-height: 1.4em;
	margin-top: .8em
}
.bgc4 .tt2 span {
	display: block
}
.bgc4 .bgc4-li {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 3.7288135593%;
	margin-bottom: 3.7288135593%
}
.bgc4 .bgc4-li:nth-child(odd) {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse
}
.bgc4 .ttBox {
	box-sizing: border-box;
	padding: 3.8983050847%
}
.bgc4 .pics, .bgc4 .ttBox {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 50%;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%
}
.bgc4 .pics::before {
	content: '';
	display: block;
	padding-top: 77.9661016949%
}
/*.bgc4 .pics.i0 {
	background-image: url(../image/bgc4-0.jpg)
}
.bgc4 .pics.i1 {
	background-image: url(../image/bgc4-1.jpg)
}
.bgc4 .pics.i2 {
	background-image: url(../image/bgc4-2.jpg)
}
.bgc4 .pics.i3 {
	background-image: url(../image/bgc4-3.jpg)
}
.bgc4 .bgc4-bottom {
	display: grid;
	font-size: 1.15em;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: .8333333333em;
	margin-bottom: 3.7288135593%
}*/
.bgc4 .bgc4-bottom-li::before {
	content: '';
	display: block;
	padding-top: 92.7083333333%
}
.bgc4 .bgc4-bottom-li.i4 {
	background-image: url(../image/bgc4-4.jpg)
}
.bgc4 .bgc4-bottom-li.i5 {
	background-image: url(../image/bgc4-5.jpg)
}
.bgc4 .bgc4-bottom-li .tt3 {
	width: 100%;
	left: 0;
	font-weight: 600;
	top: 4.4943820225%
}
.bgc5 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	font-size: 30px;
	margin-top: 6.7796610169%;
	margin-bottom: 8.4745762712%
}
.bgc5[data-index="0"] .pics-i0, .bgc5[data-index="0"] .ttBox-i0 {
	opacity: 1
}
.bgc5[data-index="1"] .pics-i1, .bgc5[data-index="1"] .ttBox-i1 {
	opacity: 1
}
.bgc5[data-index="1"] .bgc5-bar::after {
	top: 50%
}
.bgc5 .tt1 {
	font-size: 1.15em;
	font-weight: 700;
	line-height: 1.2
}
.bgc5 .tt1 span {
	display: block
}
.bgc5 .tt2 {
	font-size: .6666666667em;
	line-height: 1.4em;
	margin-top: .8em
}
.bgc5 .tt2 span {
	display: block
}
.bgc5 .pics {
	display: grid;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 44.7457627119%;
	-ms-flex: 0 0 44.7457627119%;
	flex: 0 0 44.7457627119%
}
.bgc5 .pics-i0, .bgc5 .pics-i1 {
	width: 7.6em;
	grid-area: 1/1/2/2;
	margin-left: auto;
	margin-right: auto;
	opacity: 0;
	-webkit-transition: all .3s;
	transition: all .3s
}
.bgc5 .pics-i0::before, .bgc5 .pics-i1::before {
	content: '';
	display: block;
	padding-top: 202.1929824561%
}
/*.bgc5 .pics-i0 {
	background-image: url(../image/bgc5-1.jpg)
}
.bgc5 .pics-i1 {
	background-image: url(../image/bgc5-0.jpg)
}*/
.bgc5 .contents {
	display: grid;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto
}
.bgc5 .ttBox {
	grid-area: 1/1/2/2;
	opacity: 0;
	-webkit-transition: all .3s;
	transition: all .3s
}
.bgc5 .bgc5-bar {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 8px
}
.bgc5 .bgc5-bar .li {
	width: 100%;
	background-color: #cfcfcf;
	height: 2em;
	cursor: pointer
}
.bgc5 .bgc5-bar::after {
	content: '';
	width: 100%;
	height: 50%;
	left: 0;
	top: 0;
	-webkit-transition: all .3s;
	transition: all .3s;
	background-color: #8e8e8e
}
.tabsList {
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 16px;
	font-size: 10px;
font-size:-webkit-calc(62.5% + 12 * (100vw - 320px)/ 1600);
font-size:calc(62.5% + 12 * (100vw - 320px)/ 1600);
font-size:-webkit-calc(10px + 12 * (100vw - 320px)/ 1600);
font-size:calc(10px + 12 * (100vw - 320px)/ 1600);
	color: #343434;
	gap: 1.3636363636em;
	margin-bottom: 2.8376844495%
}
.tabsList .li {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: .8181818182em;
	background-color: #fff;
	border-radius: 99em;
	color: #000;
	padding: 1px;
	border: 1px solid #000;
	cursor: pointer;
	width: 17.7777777778em;
	height: 2.7777777778em;
	padding-left: .5555555556em;
	padding-right: .5555555556em
}
.tabsList .li.active {
	color: #fff;
	background-color: #000
}
.bgc6 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	margin: 5.2083333333% auto 3.125%;
	overflow: visible!important
}
.bgc6 .flexsliderContent0 {
	-webkit-box-ordinal-group: 3;
	-webkit-order: 2;
	-ms-flex-order: 2;
	order: 2;
	overflow: hidden;
	margin-top: 5.3571428571%
}
.bgc6 .flexsliderContent {
	-webkit-box-ordinal-group: 3;
	-webkit-order: 2;
	-ms-flex-order: 2;
	order: 2
}
.bgc6 .flex-prev:before {
	background-position: 0 bottom!important
}
.bgc6 .flex-prev {
	left: -50px!important
}
.bgc6 .flex-next {
	right: -50px!important
}
.bgc6 .flex-next:before {
	background-position: right bottom!important
}
.bgc6 .swiper-pagination {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 10px;
	margin-top: 12px
}
.bgc6 .swiper-pagination .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	border-radius: 99999px;
	box-sizing: border-box;
	border: 1px solid #44bafb;
	cursor: pointer
}
.bgc6 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-image: -webkit-linear-gradient(left, #3dcffb, #3ba7fb);
	background-image: linear-gradient(to right, #3dcffb, #3ba7fb)
}
.bgc6_content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	background-color: #fff;
	font-size: 22px;
	border-radius: 10px;
	overflow: hidden
}
.bgc6_content.i1 {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse
}
.bgc6_content .pics {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 50%;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	border-radius: 10px;
	overflow: hidden
}
.bgc6_content .bgc6-ii {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	font-size: .8181818182em;
	gap: 1.1111111111em
}
.bgc6_content .bgc6-ii .ll-ii {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	gap: .4444444444em
}
.bgc6_content .bgc6-ii .ll-ii::before {
	content: '';
	display: block;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 2em;
	-ms-flex: 0 0 2em;
	flex: 0 0 2em;
	height: 2em
}
.bgc6_content .bgc6-ii .ll-ii.i0::before {
	background-image: url(../image/bgc6-pic0-0.png)
}
.bgc6_content .bgc6-ii .ll-ii.i1::before {
	background-image: url(../image/bgc6-pic0-1.png)
}
.bgc6_content .bgc6-ii .ll-ii.i2::before {
	background-image: url(../image/bgc6-pic0-2.png)
}
.bgc6_content .bgc6-pic0 {
	max-width: 20.4545454545em;
	background-image: url(../image/bgc6-pic0.png)
}
.bgc6_content .bgc6-pic0::before {
	content: '';
	display: block;
	padding-top: 70.4444444444%
}
.bgc6_content .bgc6-pic1 {
	max-width: 20.4545454545em;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../image/bgc6-pic1.png)
}
.bgc6_content .bgc6-pic1::before {
	content: '';
	display: block;
	padding-top: 80%
}
.bgc6_content .bgc6-pic1-0 {
	width: 14.9090909091em;
	margin-top: 1.0909090909em;
	background-image: url(../image/bgc6-pic1-0.png)
}
.bgc6_content .bgc6-pic1-0::before {
	content: '';
	display: block;
	padding-top: 27.743902439%
}
.bgc6_content .bgc6-pic2 {
	max-width: 27.3636363636em;
	background-image: url(../image/bgc6-pic2.png)
}
.bgc6_content .bgc6-pic2::before {
	content: '';
	display: block;
	padding-top: 56.4784053156%
}
.bgc6_content .ttBox {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 50%;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	padding-left: 4.9180327869%;
	box-sizing: border-box;
	color: #222
}
.bgc6_content .t1t {
	font-size: 1.5454545455em;
	font-weight: 700;
	margin-bottom: .2941176471em
}
.bgc6_content .t1t span {
	display: block
}
.bgc6_content .t2t {
	font-size: .8636363636em;
	line-height: 1.3684210526em;
	margin-top: 1.2631578947em
}
.bgc6_content .t2t span {
	display: block
}
.bgc6_content .owl-prev:before {
	background-position: 0 bottom!important
}
.bgc6_content .owl-next:before {
	background-position: right bottom!important
}
.bgc7 {
	font-size: 30px;
	padding-top: 2.6041666667%;
	padding-bottom: 1.875%
}
.bgc7-ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}
.bgc7-ul .textD {
	padding-top: .4em;
	padding-bottom: .4em
}
.bgc7-ul .textD span {
	font-size: .7333333333em
}
.bgc7-ul .textD strong {
	font-size: 1em
}
.bgc7-ul .textD span, .bgc7-ul .textD strong {
	display: block
}
.bgc7-li {
	width: 16.7333333333em;
	overflow: hidden;
	background-image: -webkit-linear-gradient(top, #e9e9e9, #fefffe);
	background-image: linear-gradient(to bottom, #e9e9e9, #fefffe);
	padding-top: 1em;
	padding-bottom: .3333333333em;
	border-radius: 0 .6666666667em .6666666667em 0;
	box-shadow: .3333333333em .3333333333em .6666666667em rgba(0,0,0,.2)
}
.bgc7-li .pics {
	max-width: 7.3333333333em;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../image/bgc7-i1.png)
}
.bgc7-li .pics::before {
	content: '';
	display: block;
	padding-top: 77.2727272727%
}
.bgc7-li .pics-label {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 1.1333333333em;
	color: #707070;
	font-weight: 600
}
.bgc7-li .textD {
	opacity: .7
}
.bgc7-li-max {
	z-index: 1;
	overflow: hidden;
	width: 17.8em;
	padding-top: 1em;
	padding-bottom: .3333333333em;
	background-image: -webkit-linear-gradient(top, #cccfd2, #fffefe);
	background-image: linear-gradient(to bottom, #cccfd2, #fffefe);
	border-radius: .6666666667em;
	box-shadow: .3333333333em .3333333333em .6666666667em rgba(0,0,0,.3)
}
.bgc7-li-max .pics {
	max-width: 7.5333333333em;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../image/bgc7-i0.png)
}
.bgc7-li-max .pics::before {
	content: '';
	display: block;
	padding-top: 92.9203539823%
}
.bgc7-li-max .textD {
	font-size: 1.07em
}
.bgc7-li-max .pics-label {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 1.1333333333em;
	color: #141414;
	font-weight: 600
}
.bgc8Box {
	font-size: 30px;
	margin-top: 1.0416666667%
}
.bgc8Box .tt1 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 1.1333333333em;
	height: 3.7647058824em;
	font-weight: 600
}
.bgc8 {
	font-size: 20px
}
.bgc8 .bgc8_content {
	-webkit-box-flex: 0!important;
	-webkit-flex: 0 0 61.4583333333%!important;
	-ms-flex: 0 0 61.4583333333%!important;
	flex: 0 0 61.4583333333%!important;
	border-radius: 10px
}
.bgc8 .bgc8_content::before {
	content: '';
	display: block;
	padding-top: 53.3898305085%
}
.bgc8 .bgc8_content.i0 {
	background-image: url(../image/bgc8-pic0.jpg)
}
.bgc8 .bgc8_content.i1 {
	background-image: url(../image/bgc8-pic1.jpg)
}
.bgc8 .bgc8_content.i2 {
	background-image: url(../image/bgc8-pic2.jpg)
}
.bgc8 .bgc8_content.i3 {
	background-image: url(../image/bgc8-pic3.jpg)
}
.bgc8 .bgc8_content.i4 {
	background-image: url(../image/bgc8-pic4.jpg)
}
.bgc8 .bgc8-nav, .bgc8 .swiper-pagination {
	font-size: 20px
}
.bgc8 .swiper-pagination {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	gap: .2em;
	padding-top: 1.8em;
	padding-bottom: 1.8em;
	width: 52.5%;
	margin-left: auto;
	margin-right: auto
}
.bgc8 .swiper-pagination-bullet {
	z-index: 2;
	width: 2.8em;
	height: .2em;
	background-color: #454545;
	cursor: pointer
}
.bgc8 .swiper-pagination-bullet-active {
	background-color: #bfbfbf
}
.bgc8 .bgc8-nav {
	bottom: 1.05em;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	gap: 1em;
	left: 0;
	right: 0;
	width: 61.4583333333%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0
}
.bgc8 .flex-next, .bgc8 .flex-prev {
	width: 2.1em;
	height: 2.1em;
	cursor: pointer;
	background-image: url(../image/bgc8-i0.png)
}
.bgc8 .flex-next {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}
@media (max-width:1199px) {
.boxss {
	margin-left: -webkit-calc(-50vw + 453px);
	margin-left: calc(-50vw + 453px)
}
}
@media (max-width:991px) {
.boxss {
	margin-left: -webkit-calc(-50vw + 343px);
	margin-left: calc(-50vw + 343px)
}
}
@media (max-width:768px) {
.w1170 {
	margin-left: -30px;
	margin-right: -30px
}
}
@media (max-width:1460px) {
.bgc4 {
	font-size: 8px;
font-size:-webkit-calc(50% + 22 * (100vw - 320px)/ 1140);
font-size:calc(50% + 22 * (100vw - 320px)/ 1140);
font-size:-webkit-calc(8px + 22 * (100vw - 320px)/ 1140);
font-size:calc(8px + 22 * (100vw - 320px)/ 1140)
}
.bgc5 {
	font-size: 8px;
font-size:-webkit-calc(50% + 22 * (100vw - 320px)/ 1140);
font-size:calc(50% + 22 * (100vw - 320px)/ 1140);
font-size:-webkit-calc(8px + 22 * (100vw - 320px)/ 1140);
font-size:calc(8px + 22 * (100vw - 320px)/ 1140)
}
.bgc6_content {
	font-size: 8px;
font-size:-webkit-calc(50% + 12 * (100vw - 320px)/ 1140);
font-size:calc(50% + 12 * (100vw - 320px)/ 1140);
font-size:-webkit-calc(8px + 12 * (100vw - 320px)/ 1140);
font-size:calc(8px + 12 * (100vw - 320px)/ 1140)
}
.bgc7 {
	font-size: 8px;
font-size:-webkit-calc(50% + 22 * (100vw - 320px)/ 1140);
font-size:calc(50% + 22 * (100vw - 320px)/ 1140);
font-size:-webkit-calc(8px + 22 * (100vw - 320px)/ 1140);
font-size:calc(8px + 22 * (100vw - 320px)/ 1140)
}
.bgc8Box {
	font-size: 8px;
font-size:-webkit-calc(50% + 22 * (100vw - 320px)/ 1140);
font-size:calc(50% + 22 * (100vw - 320px)/ 1140);
font-size:-webkit-calc(8px + 22 * (100vw - 320px)/ 1140);
font-size:calc(8px + 22 * (100vw - 320px)/ 1140)
}
.bgc8 {
	font-size: 8px;
font-size:-webkit-calc(50% + 12 * (100vw - 320px)/ 1140);
font-size:calc(50% + 12 * (100vw - 320px)/ 1140);
font-size:-webkit-calc(8px + 12 * (100vw - 320px)/ 1140);
font-size:calc(8px + 12 * (100vw - 320px)/ 1140)
}
.bgc0 .tt2, .bgc2 .tt2, .bgc3 .tt2 {
	font-size: .65em
}
.bgc3-bottom-right .tt3 {
	font-size: .5em
}
}
@media (max-width:768px) {
.bgc0 {
	font-size: 14px;
font-size:-webkit-calc(87.5% + 16 * (100vw - 320px)/ 448);
font-size:calc(87.5% + 16 * (100vw - 320px)/ 448);
font-size:-webkit-calc(14px + 16 * (100vw - 320px)/ 448);
font-size:calc(14px + 16 * (100vw - 320px)/ 448)
}
.bgc0 .stickyContent {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column
}
.bgc0 .picsBox, .bgc0 .ttBox {
	position: relative;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	top: 0
}
.bgc0 .ttBox {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	color: #1e1e1e
}
.bgc0 .picsBox {
	height: auto
}
.bgc0 .picsBox::before {
	content: '';
	display: block;
	padding-top: 96%
}
.tabsList {
	position: static;
	padding-top: 5%;
	padding-bottom: 2%;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	font-size: 10px;
font-size:-webkit-calc(62.5% + 10 * (100vw - 320px)/ 448);
font-size:calc(62.5% + 10 * (100vw - 320px)/ 448);
font-size:-webkit-calc(10px + 10 * (100vw - 320px)/ 448);
font-size:calc(10px + 10 * (100vw - 320px)/ 448);
	gap: 0
}
.tabsList .li {
	font-size: 1.3em;
	margin: 2% auto;
	opacity: 1!important
}
.bgc2 {
	font-size: 14px;
font-size:-webkit-calc(87.5% + 16 * (100vw - 320px)/ 448);
font-size:calc(87.5% + 16 * (100vw - 320px)/ 448);
font-size:-webkit-calc(14px + 16 * (100vw - 320px)/ 448);
font-size:calc(14px + 16 * (100vw - 320px)/ 448)
}
.bgc2 .bgc2-pic {
	background-image: url(../image/bgc2_768.jpg)
}
.bgc2 .ttBox {
	padding: 6% 2% 4%
}
.bgc2 .tt1 {
	font-size: 1.2em
}
.bgc2 .tt2 {
	margin-top: .5em
}
.bgc2 .tt2 span {
	display: inline
}
.bgc3 {
	font-size: 14px;
font-size:-webkit-calc(87.5% + 16 * (100vw - 320px)/ 448);
font-size:calc(87.5% + 16 * (100vw - 320px)/ 448);
font-size:-webkit-calc(14px + 16 * (100vw - 320px)/ 448);
font-size:calc(14px + 16 * (100vw - 320px)/ 448)
}
.bgc3 .ttBox {
	padding: 6% 2% 4%
}
.bgc3 .tt1 {
	font-size: 1.2em
}
.bgc3 .tt2 {
	margin-top: .5em
}
.bgc3 .tt2 span {
	display: inline
}
.bgc3 .aniBox {
	margin-top: 20vw;
	font-size: 5.0666666667vw;
	margin-left: 2vw
}
.bgc3 .ttBox2 {
	text-align: center;
	margin-left: -2em
}
.bgc3 .ttBox2 br {
	display: block
}
.bgc4 {
	font-size: 14px;
font-size:-webkit-calc(87.5% + 16 * (100vw - 320px)/ 448);
font-size:calc(87.5% + 16 * (100vw - 320px)/ 448);
font-size:-webkit-calc(14px + 16 * (100vw - 320px)/ 448);
font-size:calc(14px + 16 * (100vw - 320px)/ 448)
}
.bgc4 .bgc4-li {
	display: block
}
.bgc4 .bgc4-bottom {
	display: block
}
.bgc4 .bgc4-bottom-li {
	margin-top: 3.7288135593%;
	margin-bottom: 3.7288135593%
}
.bgc4 .ttBox {
	position: static;
	padding: 6% 2% 4%;
	box-sizing: border-box;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	text-align: center
}
.bgc4 .tt1 {
	font-size: 1.2em
}
.bgc4 .tt2 {
	margin-top: .5em
}
.bgc4 .tt2 span {
	display: inline
}
.bgc5 {
	display: block;
	font-size: 14px;
font-size:-webkit-calc(87.5% + 16 * (100vw - 320px)/ 448);
font-size:calc(87.5% + 16 * (100vw - 320px)/ 448);
font-size:-webkit-calc(14px + 16 * (100vw - 320px)/ 448);
font-size:calc(14px + 16 * (100vw - 320px)/ 448)
}
.bgc5 .pics {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 36%;
	-ms-flex: 0 0 36%;
	flex: 0 0 36%
}
.bgc5 .ttBox {
	position: static;
	padding: 6% 2% 4%;
	box-sizing: border-box;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	text-align: center
}
.bgc5 .tt1 {
	font-size: 1.2em
}
.bgc5 .tt2 {
	margin-top: .5em
}
.bgc5 .tt2 span {
	display: inline
}
.bgc5 .bgc5-bar {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	width: 4em;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1.5em
}
.bgc5 .bgc5-bar .li {
	width: 2em;
	height: .5em
}
.bgc5 .bgc5-bar::after {
	height: 100%;
	width: 50%
}
.bgc5[data-index="1"] .bgc5-bar::after {
	left: 50%;
	top: auto
}
.bgc6 .flexsliderContent0 {
	margin-top: 0
}
.bgc6_content {
	font-size: 14px;
font-size:-webkit-calc(87.5% + 16 * (100vw - 320px)/ 448);
font-size:calc(87.5% + 16 * (100vw - 320px)/ 448);
font-size:-webkit-calc(14px + 16 * (100vw - 320px)/ 448);
font-size:calc(14px + 16 * (100vw - 320px)/ 448)
}
.bgc6_content .t1t {
	font-size: 1em;
	margin-bottom: .2em
}
.bgc6_content .t1t span {
	display: inline
}
.bgc6_content .t2t {
	line-height: 1.2;
	font-size: .6666666667em
}
.bgc6_content .t2t span {
	display: inline
}
.bgc6_content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical!important;
	-webkit-box-direction: normal!important;
	-webkit-flex-direction: column!important;
	-ms-flex-direction: column!important;
	flex-direction: column!important
}
.bgc6_content .ttBox {
	text-align: center;
	padding: 4% 2% 6%;
	width: 100%;
	box-sizing: border-box
}
.bgc6_content .bgc6-pic1 {
	width: 20.4545454545em;
	max-width: 100%
}
.bgc6_content .bgc6-pic1-0 {
	width: 7em;
	margin-left: auto;
	margin-right: auto
}
.bgc6_content .bgc6-pic2 {
	width: 20.4545454545em;
	max-width: 100%
}
.bgc7 {
	font-size: 12px;
font-size:-webkit-calc(75% + 18 * (100vw - 320px)/ 448);
font-size:calc(75% + 18 * (100vw - 320px)/ 448);
font-size:-webkit-calc(12px + 18 * (100vw - 320px)/ 448);
font-size:calc(12px + 18 * (100vw - 320px)/ 448);
	padding-top: 4%;
	padding-bottom: 4%
}
.bgc7-ul {
	max-width: 96%;
	margin-left: auto;
	margin-right: auto
}
.bgc7-ul .textD span {
	font-size: .76em
}
.bgc8Box {
	font-size: 12px;
font-size:-webkit-calc(75% + 18 * (100vw - 320px)/ 448);
font-size:calc(75% + 18 * (100vw - 320px)/ 448);
font-size:-webkit-calc(12px + 18 * (100vw - 320px)/ 448);
font-size:calc(12px + 18 * (100vw - 320px)/ 448)
}
.bgc8 .bgc8-nav, .bgc8 .swiper-pagination {
	font-size: 10px;
font-size:-webkit-calc(62.5% + 10 * (100vw - 320px)/ 448);
font-size:calc(62.5% + 10 * (100vw - 320px)/ 448);
font-size:-webkit-calc(10px + 10 * (100vw - 320px)/ 448);
font-size:calc(10px + 10 * (100vw - 320px)/ 448)
}
.bgc8 .bgc8_content {
	-webkit-box-flex: 0!important;
	-webkit-flex: 0 0 70%!important;
	-ms-flex: 0 0 70%!important;
	flex: 0 0 70%!important
}
.bgc8 .bgc8-nav, .bgc8 .swiper-pagination {
	width: 70%
}
/*.bgc8 .bgc8_content.i0 {
	background-image: url(../image/bgc8-pic0_768.jpg)
}
.bgc8 .bgc8_content.i1 {
	background-image: url(../image/bgc8-pic1_768.jpg)
}
.bgc8 .bgc8_content.i2 {
	background-image: url(../image/bgc8-pic2_768.jpg)
}
.bgc8 .bgc8_content.i3 {
	background-image: url(../image/bgc8-pic3_768.jpg)
}
.bgc8 .bgc8_content.i4 {
	background-image: url(../image/bgc8-pic4_768.jpg)
}*/
.bgc-awards {
	font-size: 14px;
font-size:-webkit-calc(87.5% + 16 * (100vw - 320px)/ 448);
font-size:calc(87.5% + 16 * (100vw - 320px)/ 448);
font-size:-webkit-calc(14px + 16 * (100vw - 320px)/ 448);
font-size:calc(14px + 16 * (100vw - 320px)/ 448);
	background-color: #111
}
.bgc-awards::after {
	padding-top: 120%;
	background-image: url(../image/bgc-awards_768.jpg)
}
.bgc-awards .ttBox {
	left: 12.2666666667%;
	right: 12.2666666667%;
	text-align: center
}
.bgc-awards .bgc-awards-i0, .bgc-awards .bgc-awards-i1 {
	margin-left: auto;
	margin-right: auto
}
.bgc-awards .tt1 {
	font-size: 1.2em;
	display: none
}
.bgc-awards .tt2 {
	margin-top: .7em;
	margin-bottom: 1em;
	gap: 1em;
	text-align: center;
	white-space: nowrap;
	margin-left: -4%
}
.bgc-awards .tt2-1 {
	font-size: .6em
}
.bgc-awards .tt3 {
	font-size: .6em;
	margin-top: 60vw
}
.bgc-awards .tt3 span {
	display: inline
}
.boxss {
	margin-left: 0;
	width: auto
}
#center_column .primary_block {
	position: relative;
	overflow: hidden
}
}