<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*piblic*/


.BO0 {
	background: url(../images/bo0_bg.jpg) no-repeat center;
}
@media (max-width: 768px) {
.BO0 {
	background-position: left bottom
}
}
.BO0 .box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	padding-top: 120px;
	padding-bottom: 0
}
@media screen and (max-width: 640px) {
.BO0 .box {
	padding-top: 96px
}
}
@media screen and (max-width: 640px) {
.BO0 .box {
	padding-bottom: 112px
}
}
@media (max-width: 768px) {
.BO0 .box {
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse;
	padding-top: 64px;
	padding-bottom: 40px
}
}
@media screen and (max-width: 768px) and (max-width: 640px) {
.BO0 .box {
	padding-top: 51.2px
}
}
@media screen and (max-width: 768px) and (max-width: 640px) {
.BO0 .box {
	padding-bottom: 32px
}
}
.BO0 .box .l {
	width: 38%;
	1height: 27vw
}
@media (max-width: 1240px) {
.BO0 .box .l {
	height: 34vw
}
}
@media (max-width: 768px) {
.BO0 .box .l {
	width: 100%;
	margin-top: 50px;
	margin-bottom: 30px;
	height: 30vh
}
}
@media media_m and (max-width: 768px) {
.BO0 .box .l {
	margin-top: 40px
}
}
@media screen and (max-width: 768px) and (max-width: 640px) {
.BO0 .box .l {
	margin-bottom: 24px
}
}
.BO0 .box .l .ac {
	width: 100%;
	height: 100%;
	position: relative;
	cursor: default;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: .2s;
	transition-duration: .2s;
	-webkit-transition-timing-function: "ease";
	transition-timing-function: "ease"
}
.BO0 .box .l .ac .aa0 {
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/bo0_bgi.jpg) no-repeat center;
	-webkit-mask-image: url(../images/bo0_i0.svg);
	mask-image: url(../images/bo0_i0.svg);
	-webkit-mask-size: auto 100%;
	mask-size: auto 100%;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	width: 100%;
	height: 100%;
	-webkit-clip-path: circle(0%);
	clip-path: circle(0%);
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 2.6s;
	transition-duration: 2.6s;
	-webkit-transition-timing-function: "ease";
	transition-timing-function: "ease"
}
.BO0 .box .l .ac .aa1 {
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/bo0_bgi.jpg) no-repeat center;
	
	-webkit-mask-size: auto 100%;
	mask-size: auto 100%;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	width: 100%;
	height: 100%;
	-webkit-clip-path: circle(0%);
	clip-path: circle(0%);
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 2s;
	transition-duration: 2s;
	-webkit-transition-delay: .4s;
	transition-delay: .4s;
	-webkit-transition-timing-function: "ease";
	transition-timing-function: "ease"
}
.BO0 .box .l .ac .aa1::before {
	content: '';
	position: absolute;
	background: url(../images/bo0_i0xplay.png) no-repeat center;
	background-size: contain;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}
.BO0 .box .l .ac .aa2 {
	position: absolute;
	right: -6%;
	top: 30%;
	-webkit-clip-path: inset(100% 100% 100% 100%);
	clip-path: inset(100% 100% 100% 100%);
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
	-webkit-transition-timing-function: "ease";
	transition-timing-function: "ease"
}
@media (max-width: 768px) {
.BO0 .box .l .ac .aa2 {
	right: -9%
}
}
.BO0 .box .l .ac .aa2 .t0 {
	font-size: 16px;
	color: #c9062c;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
@media (max-width: 990px) {
.BO0 .box .l .ac .aa2 .t0 {
	font-size: 14.4px
}
}
@media (max-width: 768px) {
.BO0 .box .l .ac .aa2 .t0 {
	font-size: 12.8px
}
}
.BO0 .box .l .ac .aa2 .t0::after {
	content: '';
	margin: 0 0 0 4%;
	width: 30%;
	height: 1px;
	background: #c9062c
}
.BO0 .box .l .ac .aa2 .t1 {
	font-size: 50px;
	white-space: nowrap;
	font-weight: bold;
	text-align: right;
	color: #c9062c
}
@media (max-width: 990px) {
.BO0 .box .l .ac .aa2 .t1 {
	font-size: 45px
}
}
@media (max-width: 768px) {
.BO0 .box .l .ac .aa2 .t1 {
	font-size: 40px
}
}
@media (max-width: 1680px) {
.BO0 .box .l .ac .aa2 .t1 {
	font-size: 42px
}
}
@media (max-width: 1680px) and (max-width: 990px) {
.BO0 .box .l .ac .aa2 .t1 {
	font-size: 37.8px
}
}
@media (max-width: 1680px) and (max-width: 768px) {
.BO0 .box .l .ac .aa2 .t1 {
	font-size: 33.6px
}
}
@media (max-width: 1240px) {
.BO0 .box .l .ac .aa2 .t1 {
	font-size: 37px
}
}
@media (max-width: 1240px) and (max-width: 990px) {
.BO0 .box .l .ac .aa2 .t1 {
	font-size: 33.3px
}
}
@media (max-width: 1240px) and (max-width: 768px) {
.BO0 .box .l .ac .aa2 .t1 {
	font-size: 29.6px
}
}
@media (max-width: 768px) {
.BO0 .box .l .ac .aa2 .t1 {
	font-size: 33px
}
}
@media (max-width: 768px) and (max-width: 990px) {
.BO0 .box .l .ac .aa2 .t1 {
	font-size: 29.7px
}
}
@media (max-width: 768px) and (max-width: 768px) {
.BO0 .box .l .ac .aa2 .t1 {
	font-size: 26.4px
}
}
.BO0 .box .l .ac .aa2 .t2 {
	font-size: 40px;
	white-space: nowrap;
	font-weight: bold;
	text-align: right;
	color: #c9062c
}
@media (max-width: 990px) {
.BO0 .box .l .ac .aa2 .t2 {
	font-size: 36px
}
}
@media (max-width: 768px) {
.BO0 .box .l .ac .aa2 .t2 {
	font-size: 32px
}
}
@media (max-width: 1680px) {
.BO0 .box .l .ac .aa2 .t2 {
	font-size: 31px
}
}
@media (max-width: 1680px) and (max-width: 990px) {
.BO0 .box .l .ac .aa2 .t2 {
	font-size: 27.9px
}
}
@media (max-width: 1680px) and (max-width: 768px) {
.BO0 .box .l .ac .aa2 .t2 {
	font-size: 24.8px
}
}
@media (max-width: 1240px) {
.BO0 .box .l .ac .aa2 .t2 {
	font-size: 34px
}
}
@media (max-width: 1240px) and (max-width: 990px) {
.BO0 .box .l .ac .aa2 .t2 {
	font-size: 30.6px
}
}
@media (max-width: 1240px) and (max-width: 768px) {
.BO0 .box .l .ac .aa2 .t2 {
	font-size: 27.2px
}
}
@media (max-width: 768px) {
.BO0 .box .l .ac .aa2 .t2 {
	font-size: 24px
}
}
@media (max-width: 768px) and (max-width: 990px) {
.BO0 .box .l .ac .aa2 .t2 {
	font-size: 21.6px
}
}
@media (max-width: 768px) and (max-width: 768px) {
.BO0 .box .l .ac .aa2 .t2 {
	font-size: 19.2px
}
}
.BO0 .box .l .ac:hover {
	-webkit-transform: scale(1.04);
	transform: scale(1.04)
}
.BO0 .box .l .ac._dg .aa0 {
	1-webkit-clip-path: circle(100%);
	1clip-path: circle(100%)
}
.BO0 .box .l .ac._dg .aa1 {
	1-webkit-clip-path: circle(100%);
	1clip-path: circle(100%)
}
.BO0 .box .l .ac._dg .aa2 {
	1-webkit-clip-path: inset(0% 0% 0% 0%);
	1clip-path: inset(0% 0% 0% 0%)
}
.BO0 .box .r {
	width: 55%
}
@media (max-width: 768px) {
.BO0 .box .r {
	width: 100%
}
}
.BO0 .box .r .hhh .t0 {
	font-size: 15px;
	color: #c9062c;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
@media (max-width: 990px) {
.BO0 .box .r .hhh .t0 {
	font-size: 13.5px
}
}
@media (max-width: 768px) {
.BO0 .box .r .hhh .t0 {
	font-size: 12px
}
}
.BO0 .box .r .hhh .t0::after {
	content: '';
	margin: 0 0 0 4%;
	width: 30%;
	height: 1px;
	background: #c9062c
}
.BO0 .box .r .hhh .t1 {
	font-size: 44px;
	white-space: nowrap;
	font-weight: bold;
	color: #c9062c;
	line-height: 1
}
@media (max-width: 990px) {
.BO0 .box .r .hhh .t1 {
	font-size: 39.6px
}
}
@media (max-width: 768px) {
.BO0 .box .r .hhh .t1 {
	font-size: 35.2px
}
}
.BO0 .box .r .hhh .t2 {
	font-size: 32px;
	white-space: nowrap;
	font-weight: bold;
	color: #c9062c;
	line-height: 2
}
@media (max-width: 990px) {
.BO0 .box .r .hhh .t2 {
	font-size: 28.8px
}
}
@media (max-width: 768px) {
.BO0 .box .r .hhh .t2 {
	font-size: 25.6px
}
}
.BO0 .box .r h2 {
	font-size: 32px;
	font-weight: bold
}
@media (max-width: 990px) {
.BO0 .box .r h2 {
	font-size: 36px
}
}
@media (max-width: 768px) {
.BO0 .box .r h2 {
	font-size: 32px
}
}
@media (max-width: 768px) {
.BO0 .box .r h2 {
	display: none
}
}
.BO0 .box .r .ms {
	margin-top: 34px
}
@media media_m {
.BO0 .box .r .ms {
	margin-top: 27.2px
}
}
@media (max-width: 768px) {
.BO0 .box .r .ms {
	margin-top: 18px
}
}
@media media_m and (max-width: 768px) {
.BO0 .box .r .ms {
	margin-top: 14.4px
}
}
.BO0 .box .r .ms p {
	text-indent: 2em;
	line-height: 1.8;
	font-size: 16px
}
@media (max-width: 990px) {
.BO0 .box .r .ms p {
	font-size: 14.4px
}
}
@media (max-width: 768px) {
.BO0 .box .r .ms p {
	font-size: 12.8px
}
}
@media (max-width: 768px) {
.BO0 .box .r .ms p {
	font-size: 20px
}
}
@media (max-width: 768px) and (max-width: 990px) {
.BO0 .box .r .ms p {
	font-size: 18px
}
}
@media (max-width: 768px) and (max-width: 768px) {
.BO0 .box .r .ms p {
	font-size: 16px
}
}
@media (max-width: 768px) {
.BO0 .box .r .ms p:nth-of-type(2) {
	display: none
}
}
.BO0 .box .r .more {
	margin-top: 28px
}
@media media_m {
.BO0 .box .r .more {
	margin-top: 22.4px
}
}
@media (max-width: 768px) {
.BO0 .box .r .more {
	margin-top: 15px;
	text-align: center
}
}
@media media_m and (max-width: 768px) {
.BO0 .box .r .more {
	margin-top: 12px
}
}
.BO0 .box .r .more a {
	display: inline-block;
	max-width: 180px;
	width: 12vw;
	line-height: 3;
	color: #fff;
	text-align: center;
	background: #c9062c;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: .2s;
	transition-duration: .2s;
	-webkit-transition-timing-function: "ease";
	transition-timing-function: "ease"
}
@media (max-width: 768px) {
.BO0 .box .r .more a {
	width: 32vw
}
.cc11 a{ display:none !important;}
}
.BO0 .box .r .more a:hover {
	background: #fafafa;
	color: #de0615;
	outline: 2px solid #de0615
}
.BO0 .box .r .list0 {
	overflow: hidden;
	margin-top: 50px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}
@media media_m {
.BO0 .box .r .list0 {
	margin-top: 40px
}
}
@media (max-width: 768px) {
.BO0 .box .r .list0 {
	margin-top: 10px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
}
@media media_m and (max-width: 768px) {
.BO0 .box .r .list0 {
	margin-top: 8px
}
}
@media (max-width: 768px) {
.BO0 .box .r .list0 li {
	width: 50%;
	padding-bottom: 21px
}
}
@media screen and (max-width: 768px) and (max-width: 640px) {
.BO0 .box .r .list0 li {
	padding-bottom: 16.8px
}
}
.BO0 .box .r .list0 li i {
	color: #888;
	font-size: 14px
}
@media (max-width: 990px) {
.BO0 .box .r .list0 li i {
	font-size: 12.6px
}
}
@media (max-width: 768px) {
.BO0 .box .r .list0 li i {
	font-size: 11.2px
}
}
.BO0 .box .r .list0 li p {
	margin-top: 5px
}
@media media_m {
.BO0 .box .r .list0 li p {
	margin-top: 4px
}
}
.BO0 .box .r .list0 li p b {
	font-size: 38px;
	color: #de0615
}
@media (max-width: 990px) {
.BO0 .box .r .list0 li p b {
	font-size: 43.2px
}
}
@media (max-width: 768px) {
.BO0 .box .r .list0 li p b {
	font-size: 38.4px
}
}
@media (max-width: 1240px) {
.BO0 .box .r .list0 li p b {
	font-size: 3vw
}
}
@media (max-width: 768px) {
.BO0 .box .r .list0 li p b {
	font-weight: normal;
	font-size: 9vw
}
}
.BO0 .box .r .list0 li p span {
	font-size: 20px;
	color: #999
}
@media (max-width: 990px) {
.BO0 .box .r .list0 li p span {
	font-size: 18px
}
}
@media (max-width: 768px) {
.BO0 .box .r .list0 li p span {
	font-size: 16px
}
}
.BO1 {
	background: url(../images/bo1_bg.jpg) no-repeat center bottom
}
.BO1 .box {
	padding-top: 80px;
	padding-bottom: 80px;
	position: relative
}
@media screen and (max-width: 640px) {
.BO1 .box {
	padding-top: 64px
}
}
@media screen and (max-width: 640px) {
.BO1 .box {
	padding-bottom: 64px
}
}
@media (max-width: 768px) {
.BO1 .box {
	padding-top: 20px
}
}
@media screen and (max-width: 768px) and (max-width: 640px) {
.BO1 .box {
	padding-top: 16px
}
}
.BO1 .box .hhh {
	text-align: center
}
@media (max-width: 990px) {
.BO1 .box .hhh {
	background: url(../images/m_bgi0.jpg) no-repeat center;
	background-size: cover;
	padding: 5vw 0
}
}
.BO1 .box .hhh .zh {
	font-size: 40px;
	color: #c9062c;
	font-weight: bold
}
@media (max-width: 990px) {
.BO1 .box .hhh .zh {
	font-size: 36px
}
}
@media (max-width: 768px) {
.BO1 .box .hhh .zh {
	font-size: 32px
}
}
@media (max-width: 990px) {
.BO1 .box .hhh .zh {
	font-size: 40px;
	color: #333
}
}
@media (max-width: 990px) and (max-width: 990px) {
.BO1 .box .hhh .zh {
	font-size: 36px
}
}
@media (max-width: 990px) and (max-width: 768px) {
.BO1 .box .hhh .zh {
	font-size: 32px
}
}
.BO1 .box .hhh .en {
	font-size: 14px;
	color: #222
}
@media (max-width: 990px) {
.BO1 .box .hhh .en {
	font-size: 12.6px
}
}
@media (max-width: 768px) {
.BO1 .box .hhh .en {
	font-size: 11.2px
}
}
@media (max-width: 990px) {
.BO1 .box .hhh .en {
	font-size: 15px;
	color: #333;
	line-height: 2
}
}
@media (max-width: 990px) and (max-width: 990px) {
.BO1 .box .hhh .en {
	font-size: 13.5px
}
}
@media (max-width: 990px) and (max-width: 768px) {
.BO1 .box .hhh .en {
	font-size: 12px
}
}
.BO1 .box .l {
	width: 24%;
	position: relative
}
@media (max-width: 768px) {
.BO1 .box .l {
	display: none
}
}
.BO1 .box .l .bgi {
	width: 100%;
	height: auto
}
.BO1 .box .l .ccc {
	position: absolute;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	left: 30%;
	top: 0;
	height: 100%;
	width: 50%
}
.BO1 .box .l .ccc .title img {
	width: 100%
}
.BO1 .box .l .ccc .line {
	margin-top: 35px;
	margin-bottom: 35px;
	width: 20%;
	height: 3px;
	background: #fff
}
@media (max-width: 570px) {
.BO1 .box .l .ccc .line {
	margin-top: 17.5px;
	margin-bottom: 17.5px
}
}
.BO1 .box .l .ccc .ms {
	color: #eee;
	line-height: 1.5
}
@media (max-width: 1440px) {
.BO1 .box .l .ccc .ms {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical
}
}
.BO1 .box .l .ccc .more {
	margin-top: 50px
}
@media media_m {
.BO1 .box .l .ccc .more {
	margin-top: 40px
}
}
.BO1 .box .l .ccc .more a {
	display: inline-block;
	max-width: 180px;
	width: 8vw;
	line-height: 3;
	color: #c9062c;
	text-align: center;
	background: #fff;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: .2s;
	transition-duration: .2s;
	-webkit-transition-timing-function: "ease";
	transition-timing-function: "ease"
}
.BO1 .box .l .ccc .more a:hover {
	background: #fafafa;
	color: #de0615;
	outline: 2px solid #de0615
}
@media (max-width: 1240px) {
.BO1 .box .l .ccc .more a {
	width: 11vw;
	max-width: 240px
}
}
.BO1 .box .r {
	position: absolute;
	right: 0;
	top: 0;
	width: 78%;
	top: 28%;
	overflow: hidden
}
@media (max-width: 768px) {
.BO1 .box .r {
	position: relative;
	left: inherit;
	top: inherit;
	width: 92%;
	margin: 0 auto
}
}
@media (max-width: 768px) {
.BO1 .box .r .list0 {
	margin-top: 30px
}
}
@media media_m and (max-width: 768px) {
.BO1 .box .r .list0 {
	margin-top: 24px
}
}
.BO1 .box .r .list0 ul {
	width: 100%
}
.BO1 .box .r .list0 ul li {
	-webkit-transform: scale(0.84) translateX(-10vw);
	transform: scale(0.84) translateX(-10vw);
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: .2s;
	transition-duration: .2s;
	-webkit-transition-timing-function: "ease";
	transition-timing-function: "ease"
}
@media (max-width: 1680px) {
.BO1 .box .r .list0 ul li .pic img {
	width: 100%
}
}
.BO1 .box .r .list0 ul li .name {
	padding-top: 22px;
	padding-bottom: 18px;
	padding-left: 16px;
	padding-right: 16px;
	font-size: 24px;
	font-weight: bold;
	color: #c9062c;
	opacity: 0;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: .2s;
	transition-duration: .2s;
	-webkit-transition-timing-function: "ease";
	transition-timing-function: "ease"
}
@media screen and (max-width: 640px) {
.BO1 .box .r .list0 ul li .name {
	padding-top: 17.6px
}
}
@media screen and (max-width: 640px) {
.BO1 .box .r .list0 ul li .name {
	padding-bottom: 14.4px
}
}
@media screen and (max-width: 640px) {
.BO1 .box .r .list0 ul li .name {
	padding-left: 12.8px;
	padding-right: 12.8px
}
}
@media (max-width: 990px) {
.BO1 .box .r .list0 ul li .name {
	font-size: 21.6px
}
}
@media (max-width: 768px) {
.BO1 .box .r .list0 ul li .name {
	font-size: 19.2px
}
}
@media (max-width: 768px) {
.BO1 .box .r .list0 ul li .name {
	padding-bottom: 6px;
	font-size: 25px;
	padding-left: 0px;
	padding-right: 0px
}
}
@media screen and (max-width: 768px) and (max-width: 640px) {
.BO1 .box .r .list0 ul li .name {
	padding-bottom: 4.8px
}
}
@media (max-width: 768px) and (max-width: 990px) {
.BO1 .box .r .list0 ul li .name {
	font-size: 22.5px
}
}
@media (max-width: 768px) and (max-width: 768px) {
.BO1 .box .r .list0 ul li .name {
	font-size: 20px
}
}
@media screen and (max-width: 768px) and (max-width: 640px) {
.BO1 .box .r .list0 ul li .name {
	padding-left: 0px;
	padding-right: 0px
}
}
.BO1 .box .r .list0 ul li .subtext {
	font-size: 15px;
	color: #555;
	line-height: 1.8;
	padding-left: 16px;
	padding-right: 16px;
	opacity: 0;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: .2s;
	transition-duration: .2s;
	-webkit-transition-timing-function: "ease";
	transition-timing-function: "ease"
}
@media (max-width: 990px) {
.BO1 .box .r .list0 ul li .subtext {
	font-size: 13.5px
}
}
@media (max-width: 768px) {
.BO1 .box .r .list0 ul li .subtext {
	font-size: 12px
}
}
@media screen and (max-width: 640px) {
.BO1 .box .r .list0 ul li .subtext {
	padding-left: 12.8px;
	padding-right: 12.8px
}
}
@media (max-width: 768px) {
.BO1 .box .r .list0 ul li .subtext {
	font-size: 18px;
	padding-left: 0px;
	padding-right: 0px
}
}
@media (max-width: 768px) and (max-width: 990px) {
.BO1 .box .r .list0 ul li .subtext {
	font-size: 16.2px
}
}
@media (max-width: 768px) and (max-width: 768px) {
.BO1 .box .r .list0 ul li .subtext {
	font-size: 14.4px
}
}
@media screen and (max-width: 768px) and (max-width: 640px) {
.BO1 .box .r .list0 ul li .subtext {
	padding-left: 0px;
	padding-right: 0px
}
}
.BO1 .box .r .list0 ul li.swiper-slide-active {
	-webkit-transform: scale(1) translateX(-8.5vw);
	transform: scale(1) translateX(-8.5vw)
}
@media (max-width: 768px) {
.BO1 .box .r .list0 ul li.swiper-slide-active {
	-webkit-transform: scale(1) translateX(0);
	transform: scale(1) translateX(0)
}
}
.BO1 .box .r .list0 ul li.swiper-slide-active .pic {
	-webkit-box-shadow: 0 0 0 rgba(0,0,0,0.4);
	box-shadow: 0 0 0 rgba(0,0,0,0.4)
}
.BO1 .box .r .list0 ul li.swiper-slide-active .name {
	opacity: 1
}
.BO1 .box .r .list0 ul li.swiper-slide-active .subtext {
	opacity: 1
}
.BO1 .box .r .conl0.pc {
	position: absolute;
	bottom: 0vw;
	right: 10vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
@media (max-width: 990px) {
.BO1 .box .r .conl0.pc {
	display: none
}
}
.BO1 .box .r .conl0.pc a {
	margin-left: 10px;
	margin-right: 10px
}
@media screen and (max-width: 640px) {
.BO1 .box .r .conl0.pc a {
	margin-left: 8px;
	margin-right: 8px
}
}
.BO1 .box .r .conl0.pc a:nth-child(1) {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}
.BO1 .box .r .conl0.pc a img {
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: .2s;
	transition-duration: .2s;
	-webkit-transition-timing-function: "ease";
	transition-timing-function: "ease";
	width: 6vw;
	max-width: 50px;
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
	opacity: 0.5
}
.BO1 .box .r .conl0.pc a:hover img {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
	opacity: 1
}
@media (max-width: 768px) {
.BO1 .box .r .conl0.mob {
	margin-top: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
}
@media media_m and (max-width: 768px) {
.BO1 .box .r .conl0.mob {
	margin-top: 16px
}
}
@media (max-width: 768px) {
.BO1 .box .r .conl0.mob a {
	display: inline-block;
	line-height: 2.5;
	padding: 0 3vw;
	color: #777;
	font-size: 18px;
	border: 1px solid #ccc;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-right: 20px
}
}
@media (max-width: 768px) and (max-width: 990px) {
.BO1 .box .r .conl0.mob a {
	font-size: 16.2px
}
}
@media (max-width: 768px) and (max-width: 768px) {
.BO1 .box .r .conl0.mob a {
	font-size: 14.4px
}
}
@media screen and (max-width: 768px) and (max-width: 640px) {
.BO1 .box .r .conl0.mob a {
	margin-right: 16px
}
}
@media (max-width: 768px) {
.BO1 .box .r .conl0.mob a:nth-of-type(1)::before {
	content: '';
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 5vw;
	height: 5vw;
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cpath d='M15.0378 6.34317L13.6269 7.76069L16.8972 11.0157L3.29211 11.0293L3.29413 13.0293L16.8619 13.0157L13.6467 16.2459L15.0643 17.6568L20.7079 11.9868L15.0378 6.34317Z' fill='%23888' /%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	background-size: cover
}
.BO1 .box .r .conl0.mob a:nth-of-type(2)::after {
	content: '';
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 5vw;
	height: 5vw;
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cpath d='M15.0378 6.34317L13.6269 7.76069L16.8972 11.0157L3.29211 11.0293L3.29413 13.0293L16.8619 13.0157L13.6467 16.2459L15.0643 17.6568L20.7079 11.9868L15.0378 6.34317Z' fill='%23888' /%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover
}
.BO1 .box .r .conl0.mob a.more {
	background: #c9062c;
	color: #fff;
	border-color: #c9062c;
	margin: 0 0 0 auto
}
}
.BO2 .box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}
@media (max-width: 990px) {
.BO2 .box {
	display: block
}
}
.BO2 .box&gt;.hhh {
	text-align: center;
	padding-bottom: 30px
}
@media screen and (max-width: 640px) {
.BO2 .box&gt;.hhh {
	padding-bottom: 24px
}
}
.BO2 .box&gt;.hhh h3 {
	font-size: 40px;
	color: #c9062c
}
@media (max-width: 990px) {
.BO2 .box&gt;.hhh h3 {
	font-size: 36px
}
}
@media (max-width: 768px) {
.BO2 .box&gt;.hhh h3 {
	font-size: 32px
}
}
.BO2 .box&gt;.hhh .en {
	font-size: 15px;
	color: #666
}
@media (max-width: 990px) {
.BO2 .box&gt;.hhh .en {
	font-size: 13.5px
}
}
@media (max-width: 768px) {
.BO2 .box&gt;.hhh .en {
	font-size: 12px
}
}
.BO2 .box .l {
	position: relative;
	width: 58%;
	overflow: hidden
}
@media (max-width: 990px) {
.BO2 .box .l {
	width: 92%;
	margin: 0 auto
}
}
.BO2 .box .l .list0 {
	width: 100%;
	overflow: hidden
}
.BO2 .box .l .list0 ul li {
	position: relative
}
.BO2 .box .l .list0 ul li a {
	display: block
}
.BO2 .box .l .list0 ul li a .pic img {
	width: 100%
}
@media (max-width: 990px) {
.BO2 .box .l .list0 ul li a .pic img {
	height: 66vw;
	overflow: hidden;
	-o-object-fit: cover;
	object-fit: cover
}
}
.BO2 .box .l .list0 ul li a .mask {
	background: rgba(0,0,0,0.5);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: .2s;
	transition-duration: .2s;
	-webkit-transition-timing-function: "ease";
	transition-timing-function: "ease"
}
@media (max-width: 990px) {
.BO2 .box .l .list0 ul li a .mask {
	display: none
}
}
.BO2 .box .l .list0 ul li a .ccc {
	position: absolute;
	opacity: 0;
	z-index: 10;
	left: 25%;
	width: 70%;
	top: 0;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: .2s;
	transition-duration: .2s;
	-webkit-transition-timing-function: "ease";
	transition-timing-function: "ease"
}








.banner-box { z-index: 1; }

.banner .swiper-slide { overflow: hidden; }

.banner-text { left: 50%; top: 50%; }

#service_list_a1 { display: none !important; }

.banner-text p { line-height: 1.2; font-style: italic; }

.banner [class*="active"] figure { 1transform: scale(1.05); 1transition: 7.5s linear 0s; }

.banner-text span { line-height: 1.8; margin-top: 1vw; }

.banner-text strong { margin-top: 2.5vw; }

#banner-page { width: 84%; left: 8%; z-index: 1; bottom: 4vw; }

#banner-page span { width: 2.5vw; height: 5px; background: #fff; opacity: 0.2; transition: 0.5s ease 0s; margin: 0; border-radius: 0; }

#banner-page span[class*='active'] { opacity: 1; }

.next-banner { bottom: 0; right: 0; z-index: 2; cursor: pointer; outline: none; }

.next-banner figure { height: 100%; }

.next-banner .icon { width: 2vw; height: 100%; overflow: hidden; }

.next-banner .icon:before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-75%, -50%) rotate(45deg); z-index: 0; border: 2px solid #fff; width: 1vw; height: 1vw; box-sizing: border-box; border-left: 0; border-bottom: 0; }

.banner-text p, .banner-text strong, .banner-text span { transform: translateX(-200px); opacity: 0; }

.swiper-slide-active .banner-text p, .swiper-slide-active .banner-text strong, .swiper-slide-active .banner-text span { transform: translateX(0); opacity: 1; }

/*i1*/

.i1 li { height: auto; }

.i1 li span { -webkit-line-clamp: 4; margin-top: 2vw; line-height: 1.8; max-height: 130px; }

.i1 li .bg { background: url(../images/i7.png) repeat top left #de0615; background-size: 65px 12px; left: 0; width: 100%; height: 0; z-index: -1; bottom: 0; overflow: hidden; transition: 0.5s linear 0s; }

.i1 li .bg:before { content: ''; width: 3.3vw; height: 3.3vw; background: url(../images/i3.png) no-repeat center #fff; background-size: 44% auto; position: absolute; right: 0; bottom: 0; z-index: 0; }

.i1-swiper-btn a { width: 16px; height: 16px; border: 2px solid #999; transform: rotate(45deg); }

.i1-swiper-btn .i1-prev { border-right: 0; border-top: 0; margin-right: 4vw; }

.i1-swiper-btn .i1-next { border-left: 0; border-bottom: 0; margin-left: 4vw; }

#i1-page { width: auto; }

#i1-page span:before { content: '0'; }

#i1-page i { display: inline-block; height: 2px; width: 2vw; background: #ffd3bc; vertical-align: middle; margin: 0 1vw; }

.p-a img { width: 1vw; margin-top: 10px; }

/*i2*/

.i2 .L { background: url(../images/p.jpg) no-repeat center; background-size: cover; z-index: 1; position: absolute; right: 0; top: 0; height: 100%; }

.i2 .L img { max-height: 90%; max-width: 100%; }

.i2 .R { height: 100%; background:#f5f5f5;  }

.i2 .RT{ padding: 0 8vw 2.5vw; background:#fff; }

.p-title strong { margin-top: 0.5vw; }

.p-title span { line-height: 1.8; max-height: 58px; margin-top: 2.5vw; }

.i2 ol { max-height: 100%; overflow: auto; }

.i2 .swiper-slide { height: auto; }

.i2 ol a { padding: 0 20px; }

.i2 ol a:before { content: ''; border: 2px solid #de0615; width: 8px; height: 8px; transform: translate(-50%, -50%) rotate(45deg); position: absolute; z-index: -1; transition: 0.5s ease 0s; left: 0; top: 50%; border-left: 0; border-bottom: 0; }

.i2 ol li { margin: 0.8vw 0; }

#i2-page { width: auto; }

.i2-btnbox { padding: 0 8vw; background: #f5f5f5; }

.i2-btnbox&gt;div { padding: 3.5vw 0 1.5vw; border-bottom: 1px solid #ddd; }

.i2-page span:before { }

.i2-page span:first-child { font-size: 1.55vw; color: #de0615; }

.i2 { margin-top: 7vw; }

.p-title { border: none; padding-bottom: 0; }

/*i3*/

.i3 { padding-top: 9vw; }

.i3 .TR li { width: 30%; padding: 2vw 2vw 3vw; background: #333; text-align: center; flex-shrink: 0; position: relative; z-index: 0; transition: 0.5s ease 0s; }

.i3 .TR li:before { content: ''; position: absolute; z-index: -1; left: 0; top: 0; width: 100%; height: 100%; background: #de0615; transform: scale(0.5); opacity: 0; transition: 0.8s cubic-bezier(.175, .885, .32, 1.275) 0s; }

.i3 .TR li:not(:first-child) { margin-left: 5%; }

.i3 .TR li p { line-height: 1.8; margin-top: 1.5vw; }

.i3 .TR li span { letter-spacing: 0.3vw; opacity: 1; position: absolute; bottom: 1vw; width: 100%; left: 0; z-index: -1; }

.i3 .p-title span { -webkit-line-clamp: 3; max-height: 87px; }

.i3-btnbox { padding: 2vw; bottom: 0; right: 0; z-index: 1; transform: translateY(50%); }

.i3-page i { width: 1.5vw; height: 1px; background: #fff; display: inline-block; vertical-align: middle; margin: 0 10px; }

.i3-page span:before { content: '0'; }

.i3-page span { font-style: italic; }

.i3-page { width: auto; }

.i3-btn a { transition:0.5s ease 0s; width: 16px; height: 16px; border: 2px solid #fff; transform: translate(0) rotate(45deg); }

.i3-btn .i3-next { border-left: 0; border-bottom: 0; margin-left: 1vw; }

.i3-btn .i3-prev { border-right: 0; border-top: 0; }



.i3 .B { margin-top: 5vw; }

.i3 .TR li i img:last-child { transform: translate(-50%, -50%) scale(2); opacity: 0; }

/*i4*/

.i4-page { position: absolute; right: 0; bottom: 0; z-index: 0; }

.i4-page span { width: 14px; height: 14px; background: #ddd; opacity: 1; outline: none; transition:0.5s ease 0s; }

.i4-swiper li { height: auto; }

.i4-page span[class*="active"] { background: #de0615; }

.i4-swiper li a { display: block; padding: 2.5vw 1.5vw 1.5vw; background: url(../images/img6_1.png) no-repeat left bottom #f5f5f5; background-size: 6.25vw auto; height: 100%; }

.i4-swiper .li-L { width: 4.2vw; }

.i4-swiper .li-R { width: calc(100% - 4.2vw); padding-left: 2vw; }

.i4-swiper .li-R h3 { line-height: 1.6; max-height: 96px; }

.i4-swiper .li-R p { margin-top: 1.5vw; line-height: 2; max-height: 56px; }

.i4-swiper i { margin-top: 1.5vw; background: url(../images/i3_1.png) no-repeat left center; background-size: auto 100%; height: 14px; width: 30px; }

.i4-swiper time span { margin-top: 5px; }

/*i5*/

.i5-swiper .R .p-title1 { border-bottom: 1px solid #e5e5e5; padding-bottom: 2vw; padding-right: 8vw; }

.i5-swiper li { height: auto; }

.i5 .RB { padding-right: 8vw; margin-top: 4vw; }

.i5 .RB p { -webkit-line-clamp: 4; line-height: 2; max-height: 128px; margin-top: 1.5vw; }

.a-i img { width: 20px; margin-left: 9px; transition:0.5s ease 0s; }

.i5-btn a:before { content: ''; width: 15%; height: 15%; border: 2px solid #999; position: absolute; z-index: 0; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(45deg); transition:0.5s ease 0s;}

.i5-btn { z-index: 1; }

.i5-btn .i5-prev:before { border-top: 0; border-right: 0; }

.i5-btn .i5-next:before { border-color: #fff; border-bottom: 0; border-left: 0; }



/*i6*/

.i6-swiper li { width: 15vw; border: 1px solid #f5f5f5; height: 7vw; margin-right: 2vw; }

.i6-swiper img { max-height: 70%; max-width: 60%; }

.i6-btn { width: 0.8vw; height: 0.8vw; border: 2px solid #999; transform: translate(0) rotate(45deg); z-index: 1; transition:0.5s ease 0s; }

.i6-prev { left: -2vw; border-right: 0; border-top: 0; }

.i6-next { right: -2vw; border-left: 0; border-bottom: 0; }



 @media screen and (min-width: 801px) {

     #i3-swiper .swiper-slide{height:36.5vw;}



     .i1 li:last-child { border-right: 1px solid #eee; }



.footer { margin-top: 6vw; }

.i6-swiper li { transition: 0.5s ease 0s; }

#i6-swiper { padding: 1.5vw 0; margin-top: -1.5vw; }

.i6-swiper img { -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.5; transition: 0.5s ease 0s; }

.i6-swiper li:hover img { -webkit-filter: grayscale(0); filter: grayscale(0); opacity: 1; }

.i6-swiper li:hover { box-shadow: 0 0.5vw 1vw 0 rgba(0,0,0,0.05); }

.i6-swiper-box { margin-top: 1vw; }

.i6 .B { margin-top: 4vw; }

.i6 .TL span { margin-top: 1.5vw; line-height: 2; }

.i6 .TL p { margin-top: 2.5vw; }

.logo1 { width: 42.5%; }

.i6 { margin-top: 7.5vw; }

.i6 .TL { width: 56%; }

.i6 .TR { width: 44%; padding-left: 7vw; }

.i5 .RB a { margin-top: 3.5vw; }

.i5-swiper li { background: #f5f5f5; }

.i5-btn a { width: 4vw; height: 4vw; }

.i5-btn { bottom: 0; left: 65%; transform: translateX(-50%); }

.p-title1 strong { margin-top: 10px; }

.i5 { margin-top: 8vw; }

.i5-swiper .L { width: 65%; height: 40.5vw; transform: translateX(-50%); opacity: 0; transition: 0.8s ease 0s; }

.i5-swiper .R { width: 35%; padding-left: 4vw; transform: translateX(50%); opacity: 0; transition: 0.8s cubic-bezier(.175, .885, .32, 1.275) 0s; }

.i5-swiper .swiper-slide-active .L, .i5-swiper .swiper-slide-active .R { transform: translateX(0); opacity: 1; transition-delay: 1s; }

.i4-page span { margin-right: 1vw; }

.i4 { margin-top: 6vw; }

.i4-swiper li { width: 26.5vw; }

.i4-swiper li:not(:last-child) { margin-right: 1.9vw; }

.i4 .B { margin-top: 3vw; }

.i3 .TR li i { width: 2vw; height: 2vw; }

.i3-btn { margin-left: 5.5vw; }

.i3 .p-title { width: 43%; }

.i3 .TR { width: 57%; padding-left: 16%; }

.i3:before { content: ''; position: absolute; width: 100%; left: 0; z-index: -1; top: 0; background: #f5f5f5; height: 15.5vw; }

.i2 .p-title span { width: 86%; }

.i2 .p-title { margin-top: 2.5vw; }

.p-a:before { content: attr(title); font-size: 3.75vw; color: #fff; opacity: 0.3; font-weight: bold; position: absolute; left: -0.7vw; bottom: 0; z-index: -1; text-align: left; writing-mode: vertical-lr; writing-mode: tb-lr; line-height: 1; }

.p-a { width: 7.5vw; height: 15vw; z-index: 1; bottom: calc(-5vw - 21px); right: 0; padding: 1.5vw 0.5vw; }

.i2 .ol { padding: 2.5vw 8vw 2.5vw; background: #f5f5f5;  }

.i2 .L img { left: -8vw; top: 50%; transform: translate(10%, -50%) scale(0.5); transform-origin: right; opacity: 0; }

.i2 .swiper-slide-active .L img { transform: translate(0, -50%) scale(1); opacity: 1; transition: 1s cubic-bezier(.175, .885, .32, 1.275) 1s; }

.i2 .RT&gt;span { transform: translateY(-100%); opacity: 0; }

.i2 .swiper-slide-active .RT&gt;span { transform: translateY(0); opacity: 1; transition: 0.5s linear 0.5s; }

.i2 .p-title&gt;* { transform: translateX(-50%); opacity: 0; transition: 0.5s ease 0s; }

.i2 .swiper-slide-active .p-title&gt;* { transform: translateX(0); opacity: 1; transition-duration: 1s; transition-timing-function: cubic-bezier(.175, .885, .32, 1.275); }

.i2 .swiper-slide-active .p-title p { transition-delay: 0.7s; }

.i2 .swiper-slide-active .p-title strong { transition-delay: 0.9s; }

.i2 .swiper-slide-active .p-title span { transition-delay: 1.1s; }

.i2 ol, .p-a { transition: 0.5s ease 0s; transform: translateY(50%); opacity: 0; }

.i2 .swiper-slide-active ol, .i2 .swiper-slide-active .p-a { transform: translateY(0); opacity: 1; transition: 1s cubic-bezier(.175, .885, .32, 1.275) 1.5s; }

.banner { height: 50vw; }

.next-banner { height: 8.5vw; }

.next-banner figure { width: 13vw; }

#banner-page span:not(:first-child) { margin-left: 1vw; }

.i1 li { width: 25%; border-left: 1px solid #eee; }

.i1 li p { margin-top: 3.5vw; }

.i1-swiper-btn a:hover { border-color: #de0615; }

.i1-swiper-btn { margin-top: 3vw; }

.i1 li a { padding: 5vw 3.5vw 6vw; }

.i3 .TR li:hover { box-shadow: 0 0.6vw 1vw 0 rgba(0,138,182,0.3); }

.i1 li a:hover .bg { height: 100%; transition: 0.5s ease 0s; }

.i1 li a:hover time, .i1 li a:hover p, .i1 li a:hover span, .i4-swiper li a:hover time, .i4-swiper li a:hover h3, .i4-swiper li a:hover p { color: #fff; }

.i1 li a:hover time { transition-delay: 0.1s; }

.i1 li a:hover p { transition-delay: 0.05s; }

.i2 ol a:hover { color: #de0615; }

.i2 ol a:hover:before { left: 5px; }

.i3 .TR li:hover:before { transform: scale(1); opacity: 1; }

.i3 .TR li:hover p, .i3 .TR li:hover span { color: #fff; }

.i3 .TR li:hover i img:first-child { transform: scale(2); opacity: 0; }

.i3 .TR li:hover i img:last-child { transform: translate(-50%, -50%) scale(1); opacity: 1; }

.i4-swiper li a:hover { background: url(../images/img6_2.png) no-repeat left bottom #de0615; }

.i4-swiper li a:hover i { transform: rotateY(360deg); background: url(../images/i3_2.png) no-repeat left center; background-size: auto 100%; }

.i3-btn a.i3-next:hover{transform:translateX(3px) rotate(45deg);}

.i3-btn a.i3-prev:hover{transform:translateX(-3px) rotate(45deg);}

.i5-btn .i5-prev:hover:before{ transform: translate(calc(-50% - 3px), -50%) rotate(45deg);}

.i5-btn .i5-next:hover:before{ transform: translate(calc(-50% + 3px), -50%) rotate(45deg);}

.i6-prev:hover{ transform: translateX(-3px) rotate(45deg); border-color:#de0615;}

.i6-next:hover{ transform: translateX(3px) rotate(45deg); border-color:#de0615;}

.i5 .RB a:hover img{margin-left:15px;}

}

 @media screen and (min-width: 1101px) {

}

@media screen and (max-width: 1500px) {

.i1 li span { max-height: 101px; }

}

@media screen and (max-width: 1100px) {

#banner-page { width: 94%; left: 3%; }

.i2-btnbox { padding: 0 3vw; }

.i2 .RT{padding:0 3vw 3vw;}

.i2 .ol { padding-left: 3vw; padding-right: 3vw; }

.i5-swiper .R .p-title1, .i5 .RB { padding-right: 3vw; }

.i1 li span { max-height: 87px; }

.i3-btn a, .i4-page span { width: 10px; height: 10px; }

}

@media screen and (max-width: 800px) {

.banner { height: 128vw; }

.banner-text { width: 94%; left: 3%; top: 12vw; transform: none; padding: 0 4vw; }

#banner-page { width: 94%; left: 3%; bottom: 5.5vw; }

#banner-page span { width: 6.6vw; height: 3px; }

#banner-page span:not(:first-child) { margin-left: 2.5vw; }

.next-banner { height: 22.5vw; }

.next-banner figure { width: 34.5vw; }

.next-banner .icon { width: 5.5vw; }

.next-banner .icon:before { width: 2vw; height: 2vw; }

.i1 li span, .i1 li p { max-height: none; text-align: center; }

.i1 li span { margin-top: 5.5vw; }

.i1 { padding: 14.5vw 0; }

/*.i1 li a{padding:14.5vw 0 10.5vw;}*/

.i1-swiper-btn { margin-top: 10.5vw; }

.i1-swiper-btn a { width: 3vw; height: 3vw; border-color: #de0615; }

#i1-page i { width: 8vw; margin: 0 2.5vw; }

.i1-swiper-btn .i1-prev { margin-right: 10vw; }

.i1-swiper-btn .i1-next { margin-left: 10vw; }

.i1 li:not(:last-child) { margin-right: 3vw; }

.i2 .L { height: 74.5vw; }

.i2 .L img { left: 50%; transform: translateX(-50%); bottom: -12vw; }

.i2 .R, .i2 .L { width: 100%; float: none; position: relative; }

.i2 .RT{padding-top:21vw; padding-bottom:8vw;}

.i2 .R {height: auto; }

.i2 .ol { margin-top: 5vw; padding-bottom:5vw; }

.i2 ol li { margin: 2vw 0; }

.p-a { position: static; display: block; width: 94%; text-align: center; margin: 6vw auto 0; padding: 3vw 0; }

.p-title span { max-height: none; -webkit-line-clamp: 3; line-height: 1.7; margin-top: 5vw; width: 100%; }

.i2-page span:first-child { font-size: 4.8vw; }

.i2-btn { float: right; }

.i2-btnbox&gt;div { padding: 10.5vw 2vw 2.5vw; }

.i2-btnbox { background: none; }

.i2 ol a:before { width: 1.6vw; height: 1.6vw; }

.i2 ol a { padding: 0 3vw; }

.i3 { padding-top: 21vw; }

.i3 .p-title span { max-height: none; }

.i3 .TR li i { width: 7vw; height: 7vw; }

.i3 .TR li { width: 36vw; padding: 4vw 4vw 13vw; }

.i3 .TR li p { margin-top: 3.5vw; }

.i3 .TR ul { margin-top: 6vw; }

.i3 .TR li span { bottom: 3vw; }

.i3 .B { margin-top: 9vw; }

.i3-btnbox { position: static; padding: 4vw; transform: none; }

.i3-btn { width: 50%; margin-left: 0; text-align: right; }

.i3-page i { width: 6.5vw; margin: 0 3vw; }

.i3-btn .i3-next { margin-left: 8vw; }

.i3-page { width: 50%; }

.i4 { margin-top: 18.5vw; padding-bottom: 7vw; }

.i4-page { width: 100%; text-align: center; }

.i4-swiper .li-R h3, .i4-swiper .li-R p { max-height: none; }

.i4-swiper .li-R h3 { line-height: 1.3; }

.i4-swiper .li-R p { line-height: 1.7; margin-top: 5vw; }

.i4-swiper .li-L { width: 14.2vw; }

.i4-swiper .li-R { width: calc(100% - 14.2vw); padding-left: 8vw; }

.i4 .T { position: static; }

.i4-swiper li a { padding: 6.5vw 5vw; background-size: 29vw auto; }

.i4-swiper i { margin-top: 10vw; }

.i4 .B { margin-top: 4vw; }

.i4 .p-title { text-align: center; }

.i5 { margin-top: 19vw; }

.i5-swiper .L { height: 62.5vw; }

.i4-page span { width: 2.5vw; height: 2.5vw; margin: 0 1.5vw; }

.i5-swiper .R .p-title1, .i5 .RB { padding-left: 3vw; }

.p-title1 strong { margin-top: 1vw; }

.i5-swiper .R .p-title1 { padding-top: 5vw; padding-bottom: 5vw; }

.i5-btn a { width: 10.5vw; height: 10.5vw; background: #de0615; }

.i5-btn { top: 67.5vw; right: 3vw; }

.i5 .RB { margin-top: 8vw; }

.i5 .RB p { line-height: 1.7; max-height: none; margin-top: 4vw; }

.a-i img { width: 4vw; margin-left: 2.5vw; }

.i5 .RB a { margin-top: 9.5vw; }

.i5-btn a:before { border-color: #fff; }

.i5-btn .i5-next { margin-left: 2vw; }

.i6 { margin-top: 17vw; padding-top: 17vw; border-top: 1px solid #ddd; }

.logo1 { width: 51.5%; }

.i6 .TL p { margin-top: 10vw; }

.i6-swiper li { width: 37vw; height: 17vw; margin-right: 5vw; box-shadow: 0 1.5vw 3vw 0 rgba(0,0,0,0.05); }

.i6 .TL span { margin-top: 4vw; line-height: 1.7; }

.i6-swiper-box { margin-top: 4vw; }

.i6 .B { margin-top: 9vw; }

#i6-swiper { padding-bottom: 3vw; }

.i2 .L strong { padding-top: 12vw; }

.footer { margin-top: 19vw; }

.i3 .TR ul { overflow: auto; }

.i4-swiper li:not(:last-child) { margin-right: 5vw; }

#i3-swiper .swiper-slide {

    height: 66.5vw;

}

.banner-text span, .i1 li time, .i2 .RT&gt;span, .p-a img, .i6 .TR { display: none; }

}

</pre></body></html>