/*index banner*/
.indexBan{position:relative;width:100%;height:925px;background-color:#474646;}
.indexBan .bg-video{position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:0}
.bg-video__content { height: 100%; width: 100%;  object-fit: cover; }

.indexBan .bg{position:absolute;top:0px;left:0px;width:100%;height:100%;background-color: rgba(4 , 4 , 4 , 0.55);z-index:1;}

.indexBan .bnText{position:absolute;top:50%;left:50%;transform:translate(-50% , -50%);font-size:56px;line-height:72px;font-weight:500;color:white;text-align:center;z-index:2;}

.indexBan .scrollDown{position:absolute;width:100%;bottom:60px;left:0px;z-index:2;}
.indexBan .scrollDown > div{}

.reviewCon{width:100%;padding:150px 0px;background: #f9f9f9 url(/img/pages/bg_11.png) center bottom no-repeat;}


/*index review*/
.newsCon{width:100%;background-color:#f8f8f8;padding:60px 0px;    background:#121f29  url(/img/pages/bg_22.jpg) center bottom no-repeat;}
.newsCon .indexTitle{padding-left:15px;position:absolute;top:50px;left:0px;}
.newsCon .indexNews{width:100%;/*background:url('/img/pages/index_news.jpg') no-repeat 0px 0px;*/}
.newsCon .newsCont{}
.newsCon .newsCont .more{display:flex;align-items:center;justify-content:flex-end;height:60px;}

.indexNewsList{display:flex;justify-content:flex-end;}
.indexNewsList ul{margin-bottom:65px;width:calc(100% - 530px);background-color: #0000006b;padding:40px 45px;box-shadow: 3px 5px 8px 0px rgb(0 0 0 / 22%);/*border: 1px solid #f1f1f1;*/}

.indexNewsList li{padding-bottom:30px;margin-bottom:25px;border-bottom:1px solid #dddddd5e;color:#000000;transition:all 0.5s}
.indexNewsList li:last-child{padding-bottom:0px;margin-bottom:0px;border-bottom:0px;}

.indexNewsList li:hover{border-bottom:1px solid #ff9421;}
.indexNewsList li:last-child:hover{border-bottom:0px;}


.indexNewsList li .subject{margin-bottom:15px;font-size:24px;font-weight:500;line-height:36px;height:36px;}
.indexNewsList li .subject{width:100%;margin-bottom:10px;font-size:24px;font-weight:500;line-height:36px;height:36px;color: #ffffff;transform:all 0.2s;}
.indexNewsList li:hover .subject{color:#ff9421;}

.indexNewsList li .text{font-size:16px;font-weight:500;line-height:24px;height:72px;}
.indexNewsList li .text{font-size:16px;font-weight:300;line-height:27px;height:80px;letter-spacing: -0.04em;color: #ffffff;transform:all 0.2s;}
.indexNewsList li:hover .text{color:#ff9421;}

.locCon {background: url(/img/pages/search_bg.jpg) no-repeat center center;}


/************************
media center
*************************/
.mediaCon{padding:120px 0px; background: #ffffff   url(/img/pages/bg_44.png) center bottom no-repeat;}
.indexMedia{width:100%;margin-bottom:60px;}
.indexMedia .swiper{padding-bottom:20px;}
.indexMedia .swiper-slide{background-color: #ffffff;  box-shadow: 4px 5px 10px 1px rgb(0,0,0,0.13);}

.indexMedia .swiper-slide .image{position:relative;padding:0px;margin-bottom:15px;width:100%;height:0px;padding-bottom:56.25%;background:no-repeat center center;background-size:cover;}
.indexMedia .swiper-slide .subject{position:relative;font-size:21px;font-weight:500;height:80px;line-height:32px;letter-spacing: -0.07em; color: #ffffff;padding: 0px 20px 20px 20px;}

.indexMedia .swiper-slide .subject a{display:block;font-size:21px;line-height:30px;height:60px;overflow: hidden; display: -webkit-box; 
-webkit-line-clamp: 2;  
-webkit-box-orient: vertical;}



.mediaCon .mediaMore{width:100%;display:flex;align-items:center;justify-content:center;}
.mediaCon .mediaMore a{position:relative;display:flex;align-items:center;justify-content:center;width:220px;height:60px;font-size:18px;font-weight:600;border-radius:30px;border:1px solid #aaa;color:#5b5b5b;background-color:transparent;transform:all 0.3s;overflow:hidden;}

.mediaCon .mediaMore a:hover{color: #fff !important; border-color: transparent !important;transition: 0.3s;}
  
.mediaCon .mediaMore a span{position:absolute;top:0px;left:0px;width:100%;height:100%;display:inline-flex;align-items:center;justify-content:center;color:black;z-index:1;}

.mediaCon .mediaMore a span{color:#5b5b5b;}
.mediaCon .mediaMore a:hover span{color:white;}

.mediaCon .mediaMore a:after{display: block; content: "";  position: absolute; top: 100%; left: 0%;  width: 100%;   height: 100%; background: #0082c4;  z-index: 0;transform:all 0.3s;}
.mediaCon .mediaMore a:after:hover{top:0px;}

.mediaCon .mediaMore a:after{animation-name: btnHover2;animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);animation-duration: 0.4s;animation-fill-mode: forwards;display:block;content:"";position: absolute;top: 0;left: 50%;width: 150%;height: 100px;background: #ff9421;transform: translate3d(-50%,-100%,0);border-radius: 50%;z-index: 0;}
.mediaCon .mediaMore a:hover:after{animation-name: btnHover; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-duration: 0.4s;animation-fill-mode: forwards;}
@keyframes btnHover{
	0% {
	 transform:translate3d(-50%,100%,0);
	}
	100% {
	 transform:translate3d(-50%,-20%,0);
	}
}
@keyframes btnHover2{
	0% {
	 transform:translate3d(-50%,-20%,0);
	}
	100% {
	 transform:translate3d(-50%,-100%,0);
	}
}



.indexMedia ul li .image a{position:absolute;top:0px;left:0px;width:100%;height:100%;}
.indexMedia ul li .subject a{}