.clear{
    clear: both;
}
a:hover {
    transition: .3s all;
    text-decoration: none;
}
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.g-1, .gy-1 {
	--bs-gutter-y: 0.25rem;
}

.g-1, .gx-1 {
	--bs-gutter-x: 0.25rem;
}
.cx-box{}

.cx-box>div:nth-of-type(1){ background: #000;}
@media(min-width:992px){
			.ratio-3x2 {
				--bs-aspect-ratio:calc(350 / 250 * 100%);
			}

}

@media(max-width:992px) {
	.ratio-3x2 {
		--bs-aspect-ratio: calc(10/ 30 * 100%);
	}
}


.ratio-3x2::before {
	 padding-top: var(--bs-aspect-ratio);
 }


.cx-box:hover .cx-font{ transform: scale(0.85); opacity: 0}

.cx-box>div:nth-of-type(1) img{ opacity: 0.35; transition: all 0.5s}
.cx-box{ position: relative}
.cx-font{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background: #009b4d; width: 50%; height:30%; transition:all 0.5s; opacity: 1 }
.cx-font p{
    margin-bottom: 15PX;
}
.cx-font p:nth-of-type(1){ color: #fff; font-size: 26px;transition: all 0.5s}
.cx-font div:nth-of-type(1){ color: #fff; font-size: 16px; text-transform: uppercase;transition: all 0.5s}

.cx-font2{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background: #009b4d; width: 50%; height:30%; transition:all 0.5s; opacity: 0; transform: scale(1.05) }
.cx-font2 p:nth-of-type(1){ color: #fff; font-size: 26px;transition: all 0.5s;margin-bottom:15px;}
.cx-font2 div:nth-of-type(1){ color: #fff; font-size: 16px; text-transform: uppercase;transition: all 0.5s}
.cx-box:hover .cx-font2{ transform: scale(0.8); opacity:1}

.font-all{ width: 100%; height: 100%; position: relative}
@media(max-width: 1400px){
	.cx-font p:nth-of-type(1),.cx-font2 p:nth-of-type(1){ color: #fff; font-size: 24px;transition: all 0.5s}
}
@media(max-width: 768px){
	.cx-font p:nth-of-type(1),.cx-font p:nth-of-type(2){ color: #fff; font-size: 16px;transition: all 0.5s}
	.cx-font,.cx-font2{
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		background: #009b4d;
		width: 40%;
		height:38%;
		transition: all 0.5s;
		opacity: 1;
	}

	.font-all2{ position: absolute;left: 0; right:0;top:10%; margin: auto; width:50%;  }
	.font-all2 p:nth-of-type(1){ font-size: 18px; color: #fff}
	.font-all2 div:nth-of-type(1){ font-size: 14px; text-transform: uppercase; color: #fff}
}
.cx-font-box{   border:1px solid #1374448f;}
.cx-btn{ position: absolute; left: 0;bottom: 5%; right: 0; margin: auto;; font-size: 16px; color: #fff; transition: all 0.5s}
.cx-btn a{ color: #fff}
.cx-btn span{ position: relative}
.cx-btn span:after{ position: absolute; content: ""; background: #fff; height: 1px; width: 100%;left: 0; bottom: -40%;right: 0; margin: auto;}
.cx-box:hover .cx-btn{bottom: 30%; opacity: 0}
.cx-box{ overflow: hidden;}
.cx-box:hover img{ transform: scale(1.05);   filter: contrast(1.5) brightness(1.5); opacity: 0.7;
	-webkit-transition: all 1s;
	-webkit-transform: scale(1.05);}

.cx-box img{  transition: all 0.5s}


.cx-box:nth-of-type(1):hover img{ transform: scale(1.05); opacity: 1;  filter: contrast(1) brightness(1);}
.cx-box:hover .cx-btn  a{ color: rgba(255,255,255,0.5);letter-spacing: 0.5rem}
.cx-box:hover .cx-btn span:after{background: rgba(255,255,255,0.9); }
.cx-box:hover>div:nth-of-type(1)  img{ opacity: 0.85;}
.font-all2{ position: absolute;left: 0; right:0;top:10%; margin: auto; width:50%;  }
.font-all2 p:nth-of-type(1){ font-size: 26px;margin-bottom:10px;padding-bottom: 10px; color: #fff}
.font-all2 div:nth-of-type(1){ font-size: 16px; text-transform: uppercase; color: #fff}
.font-all23{ position: absolute;left: 2%; right:0;top:10%; width:50%;   }
.font-all23 p:nth-of-type(1){ font-size: 26px; color: #fff;padding-bottom:10px;}
.font-all23 div:nth-of-type(1){ font-size: 16px; text-transform: uppercase; color: #fff}
@media(max-width: 1200px){
	.font-all2 p:nth-of-type(1){ font-size: 20px; color: #fff}
	.font-all2 div:nth-of-type(1){ font-size: 14px; text-transform: uppercase; color: #fff}
	.font-all23 p:nth-of-type(1){ font-size:20px; color: #fff}
	.font-all23 div:nth-of-type(1){ font-size: 14px; text-transform: uppercase; color: #fff}
	.cx-honor{ position: absolute; right:2%; top:2%;}
	.cx-box:nth-of-type(1) .cx-honor img{transform: scale(0.75)}
}
.cx-honor{ position: absolute; right:10%; top:15%;}
.cx-honor img{ transition: all 0.5s}
@media(max-width: 992px){
	.cx-font p:nth-of-type(1),.cx-font2 p:nth-of-type(1){ color: #fff; font-size: 18px;}
	.cx-font div:nth-of-type(1),.cx-font2 div:nth-of-type(1){ color: #fff; font-size: 14px; text-transform: uppercase}
	.cx-honor img{ transform: scale(0.5)}
	.cx-honor{ position: absolute; right:3%; top:0%; bottom: 0; margin: auto}

	.font-all2 p:nth-of-type(1),.font-all23 p:nth-of-type(1){ font-size: 20px; color: #fff}
	.font-all2 div:nth-of-type(1),.font-all23 div:nth-of-type(1){ font-size:14px; text-transform: uppercase; color: #fff}


	.cx-box:nth-of-type(1):hover .cx-honor img{ transform: scale(0.8); opacity: 1;  filter: contrast(1) brightness(1);}





}

.cx-box img { object-fit:cover}
.k-1{ padding-left: -15px;padding-right: -15px;}
.g-tit1 {
    margin-bottom: 25px;
}
.pb-2, .py-2{

    margin-left: 0;
    padding-right: 0;
}

.b-2{}
.b-2 .bd{}

.swiper-container-2{width:630px;float:left;}
.swiper-container-2 .swiper-slide a{display:block;position:relative;overflow:hidden;}
.swiper-container-2 .swiper-slide a:hover img{transform:scale(1.04);}
.swiper-container-2 .swiper-slide a:hover span{padding-left:10px;color: #ddd;}
.swiper-container-2 .swiper-slide a p{width:100%;height:42px;line-height:42px;background:rgba(0,0,0,0.6);position:absolute;left:0;bottom:0;}
.swiper-container-2 .swiper-slide a span{float:left;font-size:16px;color:#fff;padding-left:20px;}
.swiper-container-2 .swiper-pagination-2{text-align:right;padding-right:17px !important;box-sizing:border-box;}
.swiper-container-2 .swiper-pagination-bullet { background:#808a89; width:8px; height:8px; opacity:1; margin:0 3px !important; }
.swiper-container-2 .swiper-pagination-bullet-active { background:#fff; }
.swiper-container-2>.swiper-pagination-bullets{ bottom:13px !important; }

.b-2 .bd-y{width:540px;float:right;}
.b-2 .bd-y dl dt{border-bottom:1px solid #dcdcdc;padding-bottom:24px;margin-bottom:11px;}
.b-2 .bd-y dl .dt-z{float:left;width:93px;height:93px;background:#fff;text-align:center;border-radius:93px;box-sizing:border-box;padding-top:19px;
	text-align:center;color:#009b4d;font-family:Arial;font-size:48px;line-height:32px;}
.b-2 .bd-y dl .dt-z em{display:block;font-size:14px;}
.b-2 .bd-y dl .dt-y{width:427px;float:right;padding-top:12px;}
.b-2 .bd-y dl .dt-y h3{font-size:16px;text-align:justify;}
.b-2 .bd-y dl .dt-y h3 a:hover{padding-left:8px;}
.b-2 .bd-y dl .dt-y p{font-family:Arial;font-size:14px;padding-top:6px;display:none;}
.b-2 .bd-y dl .dt-y .i{color:#999;padding-top:10px;line-height:20px;}

.b-2 .bd-y dl dd{font-size:16px;height:40px;line-height:40px;}
.b-2 .bd-y dl dd em{width:8px;height:8px;background:#d0d0d0;border-radius:8px;float:left;margin:17px 8px 0 0;}
.b-2 .bd-y dl dd a{float:left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; width: 380px;}
.b-2 .bd-y dl dd span{float:right;font-family:Arial;color:#999;}
.b-2 .bd-y dl dd a:hover{padding-left:8px;}
.b-2 .bd-y dl dd:hover em{background:#0055a2;}

@media all and (max-width:1200px){
	.b-2{/*padding:20px 0 20px 0;*/padding:30px 0 20px 0;margin:0 2%;background:none;}
	.b-2 .bd{width:100%;margin:10px auto 0;}

	.swiper-container-2{width:100%;float:none;}
	.swiper-container-2 .swiper-slide img{width:100%;display:block;}
	.swiper-container-2 .swiper-slide a p{text-align:center; height:30px; line-height:30px; }
	.swiper-container-2 .swiper-slide a span{float:none;font-size:14px;padding-left:0;}
	.swiper-container-2 .swiper-slide a:hover img{transform:scale(1);}
	.swiper-container-2 .swiper-slide a:hover span{padding-left:0;}
	.swiper-container-2 .swiper-pagination-2{text-align:center;padding-right:0 !important;}
	.swiper-container-2>.swiper-pagination-bullets{ bottom:38px !important; }
	.swiper-container-2 .swiper-pagination-bullet { background:#fff; }
	.swiper-container-2 .swiper-pagination-bullet-active { background:#0055a2; }

	.b-2 .bd-y{width:100%;float:none;}
	.b-2 .bd-y dl dt{padding-bottom:10px;margin-bottom:3px;}
	.b-2 .bd-y dl .dt-z{display:none;}
	.b-2 .bd-y dl .dt-y{width:100%;float:none;}
	.b-2 .bd-y dl .dt-y h3{font-size:14px;}
	.b-2 .bd-y dl .dt-y h3 a:hover{padding-left:0;}
	.b-2 .bd-y dl .dt-y .i{padding-top:5px;}
	.b-2 .bd-y dl .dt-y p{display:block;}
	.b-2 .bd-y dl dd{font-size:14px;}
	.b-2 .bd-y dl dd a{
		width:82%;
		overflow:hidden; 
		text-overflow:ellipsis;
		display:-webkit-box; 
		-webkit-box-orient:vertical;
		-webkit-line-clamp:1;
	}
}

@-webkit-keyframes btnRotate-ys {
0% {
    -webkit-transform: rotateY(0deg);
   }
100% {
    -webkit-transform: rotateY(180deg);
    }
}