.sectionDD { background-image: url(../images/GIFCCCC.gif); background-repeat: no-repeat; background-size: 100% auto; background-position: center bottom; }

.sectionDD .containerr { height: 5.10417rem; }

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

.sectionDD .containerr { position: relative; }

.sectionDD .containerr .bgimg { position: absolute; left: 0; right: 0; top: 0.04167rem; width: 2.86042rem;  margin-left: auto; margin-right: auto; }

.sectionDD .swiper-container { height: 3.525rem; }

.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.34583rem; color: #fff; 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: 100%; }

.sectionDD .swiper-pagination { display: none; }
.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; }
.CommonStyleTitlteImport80 { font-size: 0.41667rem !important; }
.img-fluid { max-width: 100%; }
img { border: 0; }
.pro_pag{bottom:0px}
.swiper-slide {background-position:center;background-size:cover}
.swiper-slide img{width:100%}
.flex_wrap{display:flex;flex-flow:wrap}
.flex_column{display:flex;flex-flow:column}

.index_ad{background:#fff;background-size:cover;padding:70px 0 40px}
.index_ad_list{padding-bottom:50px}
.index_ad_list img{width:100%;height:15em;object-fit:cover;}
.ad_pag{bottom:0px}
.tu {width:73%;margin:0 auto;margin-bottom:22px;}
.tu img {max-width:100%;margin:0 auto;margin-bottom:22px;} 
.jie {width:73%;margin:0 auto;}
.jie p {

	font-size: 20px;
	color: #053a95;
	line-height: 1.66667;
	text-indent:2em;

}
@media (max-width: 767px) {.tu {width:100%;margin:0 auto;margin-bottom:22px;padding:0 4%;}.jie {width:100%;margin:0 auto;padding:0 4%;} .index_ad_list img{width:100%;height:5em;object-fit:contain;}}
@media (max-width: 575px) { 
	.sectionDD .swiper-container { height:4.525rem; }
	.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: 60px; }
	.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: 200px; height: 200px; } 
	.sectionDD .swiper-slide a .title { font-size: 0.34583rem; color: #053a95; padding-bottom: 0.07813rem; font-family: 'NotoSansHans_Medium'; }
	.sectionDD .containerr .bgimg { position: absolute; left: 0; right: 0; top: -0.55833rem; width: 3.76042rem;  margin-left: auto; margin-right: auto; }

}