::-webkit-input-placeholder { color: #fff; }

:-moz-placeholder { color: #fff; }

::-moz-placeholder { color: #fff; }

:-ms-input-placeholder { color: #fff; }
.center{
 margin: 0 auto;
 width: 50%;
 /* widht:40vw */
 display: block;
}
.banner a { height: 736px !important;display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; background-repeat: no-repeat; background-position: center center; background-size: cover; min-height: 300px; position: relative; }

.banner a .write { width: 0.47396rem; position: absolute; left: 0; right: 0; margin: auto; bottom: 0.41667rem; height: 0.34896rem; 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; }

.banner a .write .wrap { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; 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; }

.banner a .write .wrap img { width: 0.11979rem; }

@media (max-width: 575px) { 
	.banner a .write { width: 57px; height: 40px; }
	.banner a .write .wrap img { width: 13px; }
	.banner a .write { bottom: 30px; }
	.banner a{background-size: auto 100%;background-position: top center;min-height: 145px;height: 145px !important;}
}

.sectionDD { background-repeat: no-repeat; background-size: 100% auto; background-position: center bottom; }

.sectionDD .container { }

.sectionDD .pongetitle { font-size: 0.41667rem; color: #000; font-weight: bold; text-align: center; padding-top: 0.11042rem; padding-bottom: 0.52083rem; }

.sectionDD .container { position: relative; }

.sectionDD .container .bgimg { position: absolute; left: 0; right: 0; top: 1.04167rem; width: 2.76042rem; height: 2.76042rem; margin-left: auto; margin-right: auto; }

.sectionDD .swiper-container { height: 400px; }

.sectionDD .swiper-container .swiper-wrapper { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; }

.sectionDD .swiper-container .swiper-slide { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.sectionDD .swiper-slide.swiper-slide-active a .img, .sectionDD .swiper-slide.swiper-slide-duplicate-active a .img { width: 2.55208rem; height: 2.55208rem; }

.sectionDD .swiper-slide.swiper-slide-active a .desc, .sectionDD .swiper-slide.swiper-slide-duplicate-active a .desc { opacity: 1; margin-bottom: 0.15625rem; }

.sectionDD .swiper-slide a { display: block; text-align: center; }

.sectionDD .swiper-slide a .title { font-size: 0.14583rem; color: #000; padding-bottom: 0.07813rem; font-family: 'NotoSansHans_Medium'; }

.sectionDD .swiper-slide a .desc { font-size: 0.10417rem; color: #000; margin-bottom: 0rem; opacity: 0; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; }

.sectionDD .swiper-slide a .img { width: 1.45833rem; height: 1.45833rem; margin-left: auto; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; margin-right: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.sectionDD .swiper-slide a .img img {width: 142%;}

.sectionDD .swiper-pagination { display: none; }

@media (max-width: 575px) { 
	.sectionDD .swiper-container { height: auto; }
	.sectionDD .container .bgimg{width: 5rem; top: 1.4rem;}
	.sectionDD .swiper-slide a .title { font-size: 14px; }
	.sectionDD .pongetitle { padding-top: 30px; padding-bottom: 20px; font-size: 18px; }
	.sectionDD .container { height: auto; }
	.sectionDD .swiper-slide a .title { padding-bottom: 10px; font-weight: bold; }
	.sectionDD .swiper-slide a .desc { font-size: 12px; }
	.sectionDD .swiper-slide.swiper-slide-active a .desc { margin-bottom: 10px; }
	.sectionDD { padding-bottom: 0px; }
	.sectionDD .swiper-slide a .desc { opacity: 1; margin-bottom: 10px; }
	.sectionDD .swiper-slide.swiper-slide-active a .img, .sectionDD .swiper-slide a .img { width: 100px; height: 100px; }
	.sectionDD .swiper-pagination { display: block; position: static; }
	.sectionDD .swiper-pagination .swiper-pagination-bullet-active { background: #C6B17C; }
	.sectionDD .swiper-slide a .title { font-size: 16px; }
	.sectionDD .swiper-slide a .desc { font-size: 14px; }
	.sectionDD .swiper-slide.swiper-slide-active a .img, .sectionDD .swiper-slide a .img { width: 220px; height: 150px; } 
}

.sectionD .pongetitle { font-size: 0.41667rem; color: #000; font-weight: bold; text-align: center; padding-top: 0.51042rem; padding-bottom: 0.46875rem; }

.sectionD .slick .li.slick-ani a .inp-item__img { -webkit-transform: translate3d(-50%, 40px, 0) scale(2); transform: translate3d(-50%, 40px, 0) scale(2); }

.sectionD .slick .li.slick-ani a .inp-item__img::after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.sectionD .slick .li.slick-ani a .inp-item__img img { opacity: 1; }

.sectionD .slick .li a { display: block; }

.sectionD .slick .li a .inp-item__wrap { width: 33.33333vw; position: relative; }

.sectionD .slick .li a .inp-item__blank { width: 81.25%; position: relative; }

.sectionD .slick .li a .inp-item__blank::before { content: ""; display: block; padding-top: 105.76923%; }

.sectionD .slick .li a .inp-item__img { position: absolute; width: 40.625%; bottom: 0; left: 50%; -webkit-transform: translate3d(-50%, 0, 0) scale(1); transform: translate3d(-50%, 0, 0) scale(1); -webkit-transform-origin: bottom center; -ms-transform-origin: bottom center; transform-origin: bottom center; cursor: pointer; -webkit-transition: transform .4s linear; -webkit-transition: -webkit-transform .4s linear; transition: -webkit-transform .4s linear; transition: transform .4s linear; transition: transform .4s linear, -webkit-transform .4s linear; }

.sectionD .slick .li a .inp-item__img::before { content: ""; display: block; padding-top: 105.76923%; }

.sectionD .slick .li a .inp-item__img::after { -webkit-transition: transform .8s ease-out; -webkit-transition: -webkit-transform .8s ease-out; transition: -webkit-transform .8s ease-out; transition: transform .8s ease-out; transition: transform .8s ease-out, -webkit-transform .8s ease-out; content: ""; display: block; position: absolute; width: 100%; background-size: contain; padding-top: 63.16%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); }

.sectionD .slick .li a .inp-item__img > img { position: absolute; top: 0; left: 0; width: 100%; }

.sectionD .slick .li a .img { 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; }

.sectionD .slick .li a .img img { width: 1.45833rem; height: 1.45833rem; display: block; }

.sectionD .slick .li a .title { font-size: 0.14583rem; color: #000; text-align: center; }

.sectionD .slick .li a .desc { color: #000; font-size: 0.10417rem; text-align: center; margin-top: 0.0625rem; padding-bottom: 0.15625rem; opacity: 0; }

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }

.slick-list:focus { outline: none; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; }

.slick-track:before, .slick-track:after { display: table; content: ''; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }

[dir='rtl'] .slick-slide { float: right; }

.slick-slide img { display: block; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

.slick-arrow { outline: none; }

.sectionE { padding: 0 1.25rem; padding-top: 0.52083rem; }

.sectionE .swiper-pagination { position: static; 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; margin-top: 0.3125rem; }

.sectionE .swiper-pagination .swiper-pagination-bullet-active { background: #C6B17C; }

.sectionE .imghover { 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; margin-top: 0.41667rem; }

.sectionE .imghover img {width: 11.69792rem;}

.sectionE .pongetitle { font-weight: bold; color: #070203; font-size: 0.39583rem; text-align: center; margin-bottom: 0.41667rem; }

.sectionE .swiper-slide { width: auto; }

.sectionE .swiper-slide a { 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; -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; padding: 0 0rem; display: block; }

.sectionE .swiper-slide a .img { width: 0.67708rem; height: 0.67708rem; margin-left: auto; margin-right: auto; }

.sectionE .swiper-slide a .img img { width: 100%; }

.sectionE .swiper-slide a .text .title { margin: 0.26042rem 0; font-size: 0.17188rem; color: #070203; text-align: center; }

.sectionE .swiper-slide a .text .desc { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }

.sectionE .swiper-slide a .text .desc .mks { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; line-height: 0.25rem; padding: 0 0.07813rem; }

.sectionE .swiper-slide a .text .desc .mks i { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-style: normal; white-space: nowrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-size: 0.11458rem; color: #5A5A5A; }

.sectionE .swiper-slide a .text .desc .mks i::before { margin-top: 0.09375rem; width: 0.0625rem; height: 0.0625rem; content: ''; border-radius: 50%; background: #5A5A5A; margin-right: 0.05208rem; }

@media (max-width: 575px) { 
	.sectionE .pongetitle { font-size: 18px; }
	.sectionE { padding: 0 10px; padding-top: 30px; }
	.sectionE .swiper-slide a .img { width: 100px; height: 100px; }
	.sectionE .swiper-slide a .text .title { margin: 10px 0; font-size: 14px; }
	.sectionE .swiper-slide a .text .desc .mks { line-height: 2; padding: 0 10px; }
	.sectionE .swiper-slide a .text .desc .mks i { font-size: 12px; }
	.sectionE .swiper-slide a .text .desc .mks i::before { width: 5px; margin-top: 10px; margin-right: 5px; height: 5px; }
	.sectionE .swiper-slide a .text .desc .mks i { white-space: normal; }
	.sectionE .swiper-slide a { padding: 0; }
	.sectionE .swiper-slide a .text .desc .mks i br { display: none; }
	.sectionE .swiper-slide a .text .desc .mks i span { -webkit-box-flex: inherit; -webkit-flex: inherit; -ms-flex: inherit; flex: inherit; }
	.sectionE .swiper-slide a .text .desc .mks i span { text-align: center; }
	.sectionE .swiper-slide a .text .desc .mks i { display: block; }
	.sectionE .swiper-slide a .text .desc .mks i { text-align: center; }
	.sectionE .swiper-slide a .text .desc .mks { padding: 0 5px; }
	.sectionE .swiper-slide a .text .desc { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } 
}

.sectionG .container { padding: 0 1.35417rem; padding-top: 0.91146rem; padding-bottom: 1.04167rem; }

.sectionG .tablist { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: wrap; -ms-flex-flow: wrap; flex-flow: wrap; margin-bottom: 0.26042rem; }

.sectionG .tablist a { font-size: 0.125rem; color: #A19F9A; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; position: relative; padding-bottom: 0.06771rem; margin-right: 0.25rem; font-weight: bold; }

.sectionG .tablist a::after { position: absolute; width: 0; bottom: 0; right: 0; margin: auto; left: 0; height: 3px; opacity: 0; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; content: ''; }

.sectionG .tablist a.active, .sectionG .tablist a:hover { color: #000; }

.sectionG .tablist a.active::after, .sectionG .tablist a:hover::after { width: 100%; background: #000; opacity: 1; }

.sectionG .swiper-slide { 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; }

.sectionG .swiper-slide .pongeblock { width: 1.875rem; margin-right: 0.20833rem; height: 2.60417rem; }

.sectionG .swiper-slide .pongeblock a { position: relative; display: block; overflow: hidden; }

.sectionG .swiper-slide .pongeblock a:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.sectionG .swiper-slide .pongeblock a img { -webkit-transition: 0.5s ease all; transition: 0.5s ease all; width: 100%; height: 100%; display: block; }

.sectionG .swiper-slide .pongeblock a .bg { position: absolute; width: 100%; height: 1.30208rem; opacity: .6; bottom: 0; left: 0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(74%, rgba(0, 0, 0, 0.45)), to(#000000)); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.45) 74%, #000000 100%); }

.sectionG .swiper-slide .pongeblock a .write { position: absolute; left: 0; bottom: 0; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; padding: 0.10417rem; color: #fff; font-size: 0.10417rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

.sectionG .swiper-slide .listponge { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; }

.sectionG .swiper-slide .listponge a { display: block; padding: 0.10417rem 0; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; border-bottom: 1px solid #E3E3E3; }

.sectionG .swiper-slide .listponge a:hover .top .title { color: #C6B17C; }

.sectionG .swiper-slide .listponge a:first-child { padding-top: 0; }

.sectionG .swiper-slide .listponge a .top { 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; }

.sectionG .swiper-slide .listponge a .top .title { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; color: #000; font-size: 0.10417rem; padding-right: 0.10417rem; }

.sectionG .swiper-slide .listponge a .top .date { font-size: 0.07292rem; color: #8F8F8F; }

.sectionG .swiper-slide .listponge a .desc { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-top: 0.05208rem; font-size: 0.07292rem; line-height: 0.14063rem; color: #8F8F8F; height: 0.27083rem; }

@media (max-width: 575px) { 
	.sectionG .container { padding: 30px 10px; }
	.sectionG .tablist a { font-size: 16px; }
	.sectionG .tablist a { padding-bottom: 10px; margin-right: 10px; }
	.sectionG .swiper-slide .pongeblock { width: 50%; margin-right: 0; padding-right: 5px; }
	.sectionG .swiper-slide .pongeblock:nth-of-type(2) { padding-left: 5px; padding-right: 0; }
	.sectionG .swiper-slide { -webkit-flex-flow: wrap; -ms-flex-flow: wrap; flex-flow: wrap; }
	.sectionG .swiper-slide .pongeblock { height: auto; }
	.sectionG .swiper-slide .pongeblock a .write { padding: 20px; font-size: 14px; }
	.sectionG .swiper-slide .listponge { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; width: 100%; margin-top: 20px; }
	.sectionG .swiper-slide .listponge a .top .title { font-size: 16px; }
	.sectionG .swiper-slide .listponge a .top .date { font-size: 14px; }
	.sectionG .swiper-slide .listponge a .desc { font-size: 14px; line-height: 26px; margin-top: 10px; height: auto; }
	.sectionG .swiper-slide .listponge a { padding: 10px 0; } 
}

.sectionH { background-image: url(../image/ys.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; }

.sectionH .container {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;height: 5.10417rem;-webkit-box-align: end;-webkit-align-items: flex-end;-ms-flex-align: end;align-items: flex-end;}

.sectionH .container .iconimg img {width: 0.5rem;margin: 30px;float: inherit;}

img.img-fluid {}

.sectionH .container .text, .sectionH .container .ponget { padding-bottom: 0.72917rem; }

.sectionH .container .text { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: wrap; -ms-flex-flow: wrap; flex-flow: wrap; padding-left: 0.52083rem; }

.sectionH .container .text a { width: 50%; font-size: 0.15625rem; color: #F6F6F6; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 0.52083rem; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-family: 'NotoSansHans_Bold'; font-weight: bold; position: relative; padding-left: 0.10417rem; }

.sectionH .container .text a:nth-of-type(3)::before { top: -0.20833rem; }

.sectionH .container .text a::before { width: 0.04688rem; height: 0.04688rem; border-radius: 50%; background: #F6F6F6; content: ''; margin-top: 0rem; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; margin-right: 0.07813rem; }

.sectionH .container .ponget { padding-right: 0.61458rem; }

.sectionH .container .ponget .txt { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; font-size: 0.42708rem; color: #fff; font-family: 'NotoSansHans_Bold'; font-weight: bold; }

.sectionH .container .ponget .txt img { width: 1.09375rem; margin-right: 0.02604rem; }

.sectionH .container .ponget .ms { font-size: 0.52083rem; font-weight: bold; color: #fff; letter-spacing: 5px; font-family: 'NotoSansHans_Bold'; }

@media (max-width: 575px) { 
	.sectionH .container { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 30px 0; }
	.sectionH .container { height: auto; }
	.sectionH .container .text, .sectionH .container .ponget { padding: 0; }
	.sectionH .container .text a { text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
	.sectionH .container .text a::before { position: static; margin-left: 0; margin-right: 0; margin-right: 5px; width: 5px; height: 5px; }
	.sectionH .container .text a { padding-left: 0; margin-top: 20px; font-size: 16px; }
	.sectionH .container .iconimg { margin-top: auto; }
	.sectionH .container { padding-bottom: 0; }
	.sectionH .container .iconimg { 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; width: 100%; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }
	.sectionH .container .text a::before { content: none; }
	.sectionH .container .text { padding: 0 20px; }
	.sectionH .container .ponget .txt { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
	.sectionH .container .ponget .txt { font-size: 18px; }
	.sectionH .container .ponget .ms { font-size: 18px; margin-top: 10px; }
	.sectionH .container .ponget .txt img { margin-right: 5px; } 
}

.sectionB { padding: 0.15625rem 0; }

.sectionB ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; }

.sectionB ul li a { display: block; padding: 0.11667rem 0; position: relative; }

.sectionB ul li a .radiusimg { position: absolute; width: 1.45833rem; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }

.sectionB ul li a > img {}

@-webkit-keyframes spinZ { 
	0% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
	100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 
}

@keyframes spinZ { 
	0% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
	100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 
}

@media (max-width: 575px) { 
    .sectionDD .swiper-slide a .img img {
    width: 121%;
}
	.sectionB ul { -webkit-flex-flow: wrap; -ms-flex-flow: wrap; flex-flow: wrap; padding: 0 10px; }
	.sectionB ul li { width: 100%; }
	.sectionB ul li a { padding: 5px 10px; }
	.sectionB ul li a > img { height: auto;width: 100%;  }
	.sectionB ul { -webkit-box-pack: space-evenly; -webkit-justify-content: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; }
	.sectionB ul li a .radiusimg { display: none; }
	.sectionB { padding: 30px 0; padding-bottom: 20px; } 
}


.sectionC { position: relative; height: 4.40417rem; width: 100%; }

.sectionC .container { padding: 0 1.35417rem; padding-top: 0.67708rem; padding-bottom: 0.67708rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; }

.sectionC .backgroundimglist { position: absolute; top: 0; width: 100%; height: 100%; left: 0; z-index: -1; }

.sectionC .backgroundimglist .swiper-slide { background-repeat: no-repeat; background-position: center center; background-size: cover; }

.sectionC .gallery-top { width: 3.90625rem; margin-left: 0; }

.sectionC .gallery-top .swiper-slide.ani-slide a { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; }

.sectionC .gallery-top .swiper-slide a { display: block; }

@media (min-width: 576px) { 
	.sectionC .gallery-top .swiper-slide a { -webkit-transform: translateX(-200px); -ms-transform: translateX(-200px); transform: translateX(-200px); opacity: 0; -webkit-transition: all .4s; transition: all .4s; } 
}

.sectionC .gallery-top .swiper-slide a .desc { font-size: 0.13021rem; color: #fff; line-height: 0.21875rem; letter-spacing: 3px; }

.sectionC .gallery-top .swiper-slide a .title {font-size: 0.46875rem;font-weight: bold;letter-spacing: 5px;color: #fff;margin-top: 0.10417rem;}

.sectionC .rightcon { margin-left: auto; height: 100%; 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; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.sectionC .rightcon .swiper-button-prev, .sectionC .rightcon .swiper-button-next { position: static; width: 0.25rem; height: 0.25rem; background-image: url(../image/26b78f5e2a10158b177cdfd84ab767ce.png); background-repeat: no-repeat; background-position: center center; background-size: cover; margin-top: 0; }

.sectionC .rightcon .swiper-button-next { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.sectionC .rightcon .gallery-thumbs { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; margin-top: 0.20833rem; margin-bottom: 0.20833rem; }

.sectionC .rightcon .swiper-slide a { display: block; opacity: .7; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; }

.sectionC .rightcon .swiper-slide a .img { border-radius: 50%; width: 0.47396rem; height: 0.47396rem; border: 3px solid transparent; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; margin-left: auto; margin-right: auto; border-radius: 50%; overflow: hidden; }

.sectionC .rightcon .swiper-slide a .img img { width: 100%; height: 100%; display: block; }

.sectionC .rightcon .swiper-slide a .title { font-size: 0.08333rem; color: #fff; margin-top: 0.03646rem; text-align: center; }

.sectionC .rightcon .swiper-slide.swiper-slide-thumb-active a { opacity: 1; }

.sectionC .rightcon .swiper-slide.swiper-slide-thumb-active a .img { border: 3px solid #C6B17C; }

@media (max-width: 575px) { 
	.sectionC .container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
	.sectionC { height: auto; }
	.sectionC .container { padding: 30px 10px; }
	.sectionC .gallery-top { width: 100%; }
	.sectionC .gallery-top .swiper-slide a .desc { line-height: 2; font-size: 14px; }
	.sectionC .gallery-top .swiper-slide a .title { font-size: 16px; margin-top: 10px; }
	.sectionC .rightcon { width: 100%; }
	.sectionC .rightcon .swiper-slide a .img { width: 70px; height: 70px; }
	.sectionC .rightcon .swiper-slide a .title { font-size: 14px; margin-top: 20px; }
	.sectionC .rightcon { height: auto; }
	.sectionC .rightcon .swiper-button-prev, .sectionC .rightcon .swiper-button-next { display: none; }
	.sectionC .container { height: auto; }
	.sectionC .rightcon .gallery-thumbs { -webkit-box-flex: inherit; -webkit-flex: inherit; -ms-flex: inherit; flex: inherit; width: 100%; }
	.sectionC .rightcon .swiper-slide a .title { text-align: center; margin-top: 10px; }
	.sectionC .gallery-top .swiper-slide a .desc { line-height: 1.6; }
	.sectionC .rightcon { margin-top: 20px; } 
}

.sectionA { position: relative; height: 3.54167rem; background: #000; }

.sectionA .container { 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; }

.sectionA video {width: 100%;height: 3.54167rem;object-fit: cover;}

.sectionA .write { position: absolute; width: 0.41667rem; 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; height: 0.41667rem; left: 0; right: 0; bottom: 0; cursor: pointer; top: 0; margin: auto; }

@media (max-width: 575px) { 
	.sectionA .write { width: 40px; height: 40px; } 
}

/* .sectionA .videocurrent.active { position: fixed; top: 0.52083rem; z-index: 9; left: 0; width: 300px; height: 300px; } */

.guide-wrap, .statement-wrap { position: fixed; left: 0; top: 0; width: 100%; height: 100%; font-size: 20px; }

.guide-wrap { z-index: 1200; pointer-events: none; background-color: #f3f3f3; }

.guide-wrap .dec { position: absolute; left: -50%; bottom: 0; width: 100%; height: 100%; background-size: cover; z-index: 40; -webkit-animation: decmove 3.5s 10; animation: decmove 3.5s 10; -webkit-transform: translateZ(0); transform: translateZ(0); }

@-webkit-keyframes decmove { 
	0% { -webkit-transform: translateX(0); transform: translateX(0); }
	100% { -webkit-transform: translateX(120%); transform: translateX(120%); } 
}

@keyframes decmove { 
	0% { -webkit-transform: translateX(0); transform: translateX(0); }
	100% { -webkit-transform: translateX(120%); transform: translateX(120%); } 
}

@media (max-width: 575px) { .guide-wrap .dec { width: 60%; height: 60%; } }

.gw-logo__box { position: absolute; left: 50%; top: 30%; text-align: center; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.gw-logo { display: inline-block; background-repeat: no-repeat; background-position: center center; background-size: cover; width: 300px; height: 308px; background-size: contain; }

@media (max-width: 575px) { 
	.gw-logo { width: 240px; height: 246px; } 
}

.gw-txt { margin-top: 15px; width: 300px; height: 18px; position: relative; }

.gw-txt span { position: absolute; left: 0; top: 0; width: 100%; font-size: 16px; color: #C6B17C; font-weight: 700; display: block; }

.guide-wave { position: relative; height: 100vh; }

.guide-wave svg { position: absolute; bottom: -5%; }

.guide-wave svg use { -webkit-animation: move-forever 3s linear infinite; animation: move-forever 3s linear infinite; }

.guide-wave .gt-svg { left: 0; z-index: 20; }

.guide-wave .gt-svg use { -webkit-animation-delay: -1s; animation-delay: -1s; }

.guide-wave .gb-svg { left: 0; z-index: 60; }

.guide-wave .gb-svg use { -webkit-animation-delay: -2s; animation-delay: -2s; -webkit-animation-duration: 2s; animation-duration: 2s; }

@-webkit-keyframes move-forever { 
	0% { -webkit-transform: translate(-90px, 0%); transform: translate(-90px, 0%); }
	100% { -webkit-transform: translate(85px, 0%); transform: translate(85px, 0%); } 
}

@keyframes move-forever { 
	0% { -webkit-transform: translate(-90px, 0%); transform: translate(-90px, 0%); }
	100% { -webkit-transform: translate(85px, 0%); transform: translate(85px, 0%); } 
}

@media (max-width: 1550px) { .guide-wave svg { bottom: 0; } }

@media (max-width: 1024px) { .guide-wave svg { height: 280px; left: -10%; } }

@media (max-width: 650px) { .guide-wave svg { height: 180px; left: -30%; } }

.wave-divider .parallax > use { -webkit-animation: move-forever 12s linear infinite; animation: move-forever 12s linear infinite; }

.wave-divider .parallax > use:nth-child(1) { -webkit-animation-delay: -2s; animation-delay: -2s; }

.wave-divider .parallax > use:nth-child(2) { -webkit-animation-delay: -2s; animation-delay: -2s; -webkit-animation-duration: 5s; animation-duration: 5s; }

.wave-divider .parallax > use:nth-child(3) { -webkit-animation-delay: -4s; animation-delay: -4s; -webkit-animation-duration: 3s; animation-duration: 3s; }

.wave-ani { position: absolute; background-color: #0D0D0D; width: 100%; height: 100%; z-index: 100; }

@media (max-width: 575px) { 
    .center {
    margin: 0 auto;
    width: 90%;
    display: block;
}
	.sectionC .gallery-top .swiper-slide a .desc { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
	.sectionB ul { padding: 0; }
	.sectionG .swiper-slide .listponge a:nth-last-of-type(1), .sectionG .swiper-slide .listponge a:nth-last-of-type(2) { display: none; } 
}