@charset "utf-8";

@import "view-more.css";
@import "jquery.fancybox.css";

/*---------------------------------------------------*/

.index-banner{width:100%;aspect-ratio:3.29 / 1;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,0.5),0 0 0 1px rgba(255,255,255,0.05);background:#0a0c12;}
.banner-inner{display:flex;width:100%;height:100%;transition:all 0.2s;}

.blind-panel{position:relative;cursor:pointer;transition:flex 0.55s cubic-bezier(0.23,1,0.32,1);overflow:hidden;background-color:#1a1f2e;background-size:cover;background-position:center 30%;background-repeat:no-repeat;will-change:flex;box-shadow:-2px 0 8px rgba(0,0,0,0.3);background:none !important;}
.blind-panel::before {content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.25) 50%,rgba(0,0,0,0.4) 100%);transition:opacity 0.4s ease;z-index:1;pointer-events:none;}

.blind-panel .pic{height:100%;}
.blind-panel .pic img{width:100%;height:100%;object-fit:cover;}

.panel-title{position:absolute;top:0;left:0;right:0;padding:1.8rem 1rem;z-index:2;color:white;text-shadow:0 2px 8px rgba(0,0,0,0.5);backdrop-filter:blur(0px);text-align:right;}
.panel-title em{font-size:20px;font-weight:700;margin-bottom:0.5rem;}
.panel-title h5{font-size:16px;font-weight:700;}

/* 文字内容层 (定位在图片上方) */
.blind-panel .panel-content{position:absolute;bottom:0;left:0;right:0;padding:1.8rem 2rem;z-index:2;opacity:0;/*transform:translateY(15px);text-shadow:0 2px 8px rgba(0,0,0,0.5);*/backdrop-filter:blur(0px);}
.blind-panel .panel-content .main-title{font-size:clamp(20px, 2.5vw, 42px);color:#fff;font-weight:700;letter-spacing:-0.02em;line-height:1.2;margin-bottom:0.5rem;}
.blind-panel .panel-content .main-title span{color:#EA5504;}
.blind-panel .panel-content p{font-size:clamp(14px, 0.83vw, 16px);color: #45586b;font-weight:700;}
.blind-panel .panel-content .more{margin-top:1.5rem;}

.blind-panel .panel-content{bottom:auto;left:auto;top:0;right:0;max-width:75%;}
.blind-panel .panel-content .main-title{opacity:0;transform:translateY(15px);}
.blind-panel .panel-content p{opacity:0;transform:translateY(15px);}
.blind-panel .panel-content .more{opacity:0;transform:translateY(15px);}

.blind-panel:not(.active) {width:120px;}

.blind-panel:hover {filter:brightness(1.02);}
.blind-panel.active:hover {filter:brightness(1.02);}

.blind-panel.active {flex:1;z-index:3;}
.blind-panel.active::before {background:none;}
.blind-panel.active .panel-content{opacity:1;padding:1.8rem 2rem;transform:translateY(0);transition:all 0.4s ease 0.5s;}

.blind-panel.active .panel-title{text-align:left;}
.blind-panel.active .panel-title h5{opacity:0;}

.blind-panel.active .panel-content .main-title{color:#005bac;opacity:1;transform:translateY(0);transition:all 0.6s ease 0.4s;}
.blind-panel.active .panel-content p{opacity:1;transform:translateY(0);transition:all 0.6s ease 0.8s;}
.blind-panel.active .panel-content .more{opacity:1;transform:translateY(0);transition:all 0.6s ease 1.2s;}

@media (max-width:1171px) {
.index-banner{height:auto;min-height:0;aspect-ratio: auto;}
.blind-panel:not(.active){flex:none;min-width:0;width:0;}
.blind-panel.active {flex:none;width:100%;}
}

@media (max-width:900px) {
.panel-title {font-size:1.2rem;}
.blind-panel.active .panel-title {font-size:1.5rem;}
.panel .panel-content {padding:1rem 1rem;}
.panel-desc {font-size:0.8rem;}
}
@media (max-width:640px) {
.blind-panel:not(.active) .panel-title {font-size:0.9rem;white-space:normal;word-break:keep-all;}
.blind-panel:not(.active) .title-icon {font-size:1rem;}
.blind-panel.active .panel-title {font-size:1.3rem;}
}

/* 禁用文本选中但保留点击，不影响体验 */
.blind-panel {-webkit-tap-highlight-color:transparent;}




/*---------------------------------------------------*/

hr.hr1{width:100%;background:#0054a3;height:1px;border:none;margin:30px 0;}


.indexabout{position:relative;padding:clamp(30px, 4.6vw, 90px) 0;background-color:#45586B;background-repeat:no-repeat;background-position:center;}
.indexabout video{width:100%;height:100%;object-fit:cover;}
.indexabout > img{width:100%;}
.indexabout::after{content:"";position:absolute;inset:0;background-color:rgba(0,0,0,0.4);}
.indexabout .box{display:flex;align-items:center;position:relative;z-index:10;}
.indexabout .txt{width:50%;}
.indexabout .txt h3{font-size:clamp(20px, 1.88vw, 36px);font-weight:700;color:#fff;transform-origin:left center;transition:all 0.4s;}
.indexabout .txt h3 em{color:#fff;font-weight:700;}
.indexabout .txt h5{font-size:16px;color:#fff;font-weight:700;margin-bottom:20px;}
.indexabout .txt .t{margin:20px 0 30px;line-height:1.7;color:#E7E5E4;font-size:16px;text-shadow:0 2px 8px rgba(167, 164, 164, 0.5);transform-origin:left center;transition:all 0.4s;}
.indexabout .txt .t p{font-size:clamp(14px, 0.83vw, 16px);}
.indexabout .txt .t p~p{margin-top:10px;}

@media(min-width:768px){
.indexabout .txt:hover h3{transform:scale(1.03);}
.indexabout .txt:hover .t{transform:scale(1.03)}
}

.indexabout .video{flex:1;text-align:center;position:relative;cursor:pointer;transition:all 0.5s ease;}
.indexabout .video:hover{transform:scale(1.02);}
.indexabout .video .v{position:relative;width:80px;height:80px;line-height:80px;background:#fff;color:var(--bg-color);border-radius:50%;display:inline-flex;justify-content:center;align-items:center;margin:35px 0;z-index:10;transition:all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);box-shadow:0 10px 30px rgba(0,0,0,0.2);}
.indexabout .video .v i{font-size:32px;color:var(--active-color);margin-left:5px;transition:all 0.3s ease;}
.indexabout .video .v::before,.indexabout .video .v::after{content:'';position:absolute;inset:-15px;border:2px solid rgba(255,255,255,0.6);border-radius:50%;animation:videoRipple 2s linear infinite;pointer-events:none;z-index:-1;}
.indexabout .video .v::after{animation-delay:1s;inset:-30px;border-color:rgba(255,255,255,0.3);}

@keyframes videoRipple{
    0%{transform:scale(0.8);opacity:1;}
    100%{transform:scale(1.5);opacity:0;}
}




/*
.indexabout .txt .more{color:#fff;padding: 10px 20px;display: inline-block;font-size: 14px;line-height:1.42857;background-color:#0054A3;border-radius:10px;}
.indexabout .txt .more:hover{transform:scale(1.05);background:#09447B}



.indexabout .txt .more{color:#fff;display: inline-block;font-size: 14px;background-color:transparent;position:relative;}
.indexabout .txt .more:hover{transform:scale(1.05);}

.indexabout .txt .more em{background:radial-gradient(circle at 50% 45%,rgba(255,255,255,0.16),rgba(255,255,255,0.055) 22%,rgba(255,255,255,0.014) 58%,rgba(255,255,255,0.026) 100%),linear-gradient(145deg,rgba(255,255,255,0.028),rgba(255,255,255,0.012) 48%,rgba(255,255,255,0.03) 100%) !important;-webkit-backdrop-filter:blur(2px) saturate(112%) contrast(1.01) brightness(1.02) !important;backdrop-filter:blur(2px) saturate(112%) contrast(1.01) brightness(1.02) !important;border:1px solid rgba(255,255,255,0.30) !important;border-radius:999px !important;box-shadow:0 12px 24px rgba(0,0,0,0.13),0 3px 8px rgba(0,0,0,0.09),0 0 calc(12px * 0.08) rgba(255,255,255,0.18),inset 1px 1px 0 rgba(255,255,255,0.44),inset -1px -1px 0 rgba(255,255,255,0.10),inset 0 -10px 16px rgba(255,255,255,0.025) !important;filter:saturate(1.02);inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:0;}

.indexabout .txt .more em::before {background:radial-gradient(ellipse at 18% 12%,rgba(255,255,255,0.34),rgba(255,255,255,0.08) 18%,transparent 44%),radial-gradient(ellipse at 83% 88%,rgba(255,255,255,0.10),rgba(255,255,255,0.03) 24%,transparent 55%),linear-gradient(145deg,rgba(255,255,255,0.11),rgba(255,255,255,0.018) 44%,rgba(255,255,255,0.05) 100%);border-radius:inherit;box-shadow:inset 1px 1px 1px rgba(255,255,255,0.36),inset -1px -1px 1px rgba(255,255,255,0.08),inset 7px 0 18px rgba(255,255,255,0.05),inset -10px -14px 22px rgba(0,0,0,0.04);content:"";inset:1px;opacity:0.28;pointer-events:none;position:absolute;transition:opacity 0.4s cubic-bezier(0.175,0.885,0.32,2.2);z-index:0;}

.indexabout .txt .more em::after {animation:globalsiton-liquid-sheen 4.8s cubic-bezier(0.16,1,0.3,1) infinite;background:linear-gradient(105deg,transparent 0%,transparent 32%,rgba(255,255,255,0.30) 44%,rgba(255,255,255,0.07) 55%,transparent 72%,transparent 100%),radial-gradient(circle at 50% 45%,rgba(255,255,255,0.15),transparent 25%);border-radius:inherit;content:"";inset:-44% -30%;mix-blend-mode:screen;opacity:0.22;pointer-events:none;position:absolute;transform:translateX(-66%) rotate(7deg);transition:opacity 0.4s cubic-bezier(0.175,0.885,0.32,2.2);z-index:1;}

.indexabout .txt .more span{align-items:center;color:inherit;display:inline-flex;font-size:15px;font-weight:700;gap:8px;padding:12px 24px;position:relative;transition:color 0.4s cubic-bezier(0.175,0.885,0.32,2.2),text-shadow 0.4s cubic-bezier(0.175,0.885,0.32,2.2);text-shadow:0 1px 9px rgba(0,0,0,0.44),0 0 16px rgba(255,255,255,0.18);z-index:2;}


.view-more:hover .em,.view-more:focus-visible em{background:radial-gradient(circle at 50% 45%,rgba(255,255,255,0.24),rgba(255,255,255,0.08) 22%,rgba(255,255,255,0.020) 58%,rgba(255,255,255,0.040) 100%),linear-gradient(145deg,rgba(255,255,255,0.050),rgba(255,255,255,0.020) 48%,rgba(255,255,255,0.052) 100%) !important;border-color:rgba(255,255,255,0.46) !important;box-shadow:0 16px 30px rgba(0,0,0,0.15),0 5px 12px rgba(0,0,0,0.10),0 0 calc(18px * 1) rgba(255,255,255,0.16),inset 1px 1px 0 rgba(255,255,255,0.54),inset -1px -1px 0 rgba(255,255,255,0.12),inset 0 -12px 18px rgba(255,255,255,0.035) !important;filter:saturate(1.03) brightness(1.02);}
.view-more:hover em::before,.view-more:focus-visible em::before{opacity:0.40;}
.view-more:hover em::after,.view-more:focus-visible em::after {animation-duration:3s;opacity:0.34;}
.view-more:hover i,.view-more.is-globalsiton-hovered i {transform:scale(0.95);}

@keyframes globalsiton-liquid-sheen {
0%,58% {transform:translateX(-66%) rotate(7deg);}
100% {transform:translateX(66%) rotate(7deg);}
}
*/


/*
.indexabout{padding:clamp(35px, 4.2vw, 80px) 0;background:#45586B;}
.indexabout .box{display:flex;align-items:center;}
.indexabout .txt{flex:1;margin-right:60px;}
.indexabout .txt h3{font-size:clamp(20px, 1.88vw, 36px);font-weight:700;color:#fff;}
.indexabout .txt h3 em{color:#fff;font-weight:700;}
.indexabout .txt h5{font-size:16px;color:#fff;font-weight:700;margin-bottom:20px;}
.indexabout .txt .t{margin:20px 0 30px;line-height:1.7;color:#E7E5E4;font-size:16px;}
.indexabout .txt .t p~p{margin-top:10px;}
.indexabout .txt a.more{color:#fff;padding: 10px 20px;display: inline-block;font-size: 14px;line-height:1.42857;background-color:#0054A3;border-radius:10px;}
.indexabout .txt a.more:hover{background:#09447B}

.indexabout .pic{display:inline-block;width:557px;overflow: hidden;position: relative;border-radius: 15px;}
.indexabout .pic > img{transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;}
.indexabout .pic .play {position: absolute;z-index: 10;left: calc(50% - 45px);top: calc(50% - 45px);width: 90px;height: 90px;display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;background: rgba(0,0,0,0.4);	border-radius: 50%;}
.indexabout .pic:hover > img{transform:scale(1.03);-webkit-transform: scale(1.03);}

.index-data{padding:80px 0;}
.index-data h3{font-size:clamp(20px, 1.88vw, 36px);font-weight:700;color:#333;line-height:1.2;text-align:center;}
.index-data ul{margin-top:30px;display:flex;justify-content:space-between;flex-wrap:wrap;}
.index-data ul li{width:33.333333%;text-align:center;padding:25px 20px;margin:10px 0;}

.index-data ul li em{width:80px;height:80px;line-height:80px;border-radius:50%;display:inline-block;background-color:#0054A3;}
.index-data ul li em i{font-size:30px;color:#fff;}

.index-data ul li h6{font-size:clamp(24px, 3.15vw, 60px);color:#0054A3;font-weight:700;display:inline-flex;align-items:center;gap:6px;}
.index-data ul li h6 span{}
.index-data ul li h6 em{font-size:24px;}
.index-data ul li p{margin-top:10px;color:#333232;font-size:15px;}
*/

.index-data{padding:clamp(30px, 4.6vw, 90px) 0;background:url(../images/ibg5.jpg) no-repeat center;background-size:cover;}
.index-data h3{font-size:clamp(20px, 1.88vw, 36px);font-weight:700;color:#fff;line-height:1.2;text-align:center;}
.index-data ul{margin-top:30px;display:grid;grid-template-columns:repeat(3, 1fr);gap:20px;}
.index-data ul li{position:relative;border-radius: 12px;overflow:hidden;}
.index-data ul li >a {display:block;}
.index-data ul li img{width:100%;transition:all 0.4s;}
.index-data ul li .txt{position:absolute;inset:0;padding:25px 40px;display:flex;flex-direction:column;justify-content:center;}
.index-data ul li h6{font-size:clamp(24px, 3.15vw, 60px);color:#fff;font-weight:700;display:inline-flex;align-items:center;gap:6px;}
.index-data ul li h6 span{}
.index-data ul li h6 em{font-size:clamp(15px, 1.25vw, 24px);}
.index-data ul li p{margin-top:10px;color:#fff;font-size:15px;}
.index-data ul li:hover img{transform:scale(1.05);}


.indexad{padding:40px 0;background-color:#45586B;position:relative;/*background-image:url(../images/ibg1.png);background-position:right 5% center;background-attachment:fixed;background-size:cover;*/}
.indexad .wp{display:flex;justify-content:space-between;align-items:center;}
.indexad p{font-size:24px;line-height:1.4;font-weight:700;color:#fff;text-shadow: 2px 2px 4px #666;}


.indexA{padding:40px 0;}
.indexA .tit{text-align:center;}
.indexA .tit h3{font-size:clamp(20px, 1.88vw, 36px);color:#262e38;font-weight:bold;}
.indexA .tit h3 em{color:#0054A3;font-weight:bold;}
.indexA .tit span{font-size:14px;color:#494949;line-height:24px;margin:15px auto 0;max-width:700px;display:block;}

.indexA ul{margin:30px 0 0;display:grid;grid-template-columns:repeat(4, 1fr);gap:24px;}
.indexA ul li{}
.indexA ul li .box{box-shadow:0 5px 10px rgba(0,0,0,0.05),0 10px 20px rgba(0,0,0,0.1);position: relative;border-radius:12px;overflow:hidden;transition:all 0.4s}
.indexA ul li .pic{display:block;overflow:hidden;width:100%;position:relative;}
.indexA ul li .pic::after{content:"";inset:0;background-color: rgba(66,85,99,0.7);position: absolute;opacity:0;}
.indexA ul li .pic img{width:100%;display:block;transition:all 0.3s ease 0s;}

.indexA ul li .t{padding:15px 20px;position: absolute;inset: auto 0 0;background:rgba(69,88,107,0.85);}
.indexA ul li .t h5{position:relative;z-index:1;font-size:15px;font-weight:bold;}
.indexA ul li .t h5 a{color:#fff;line-height:22px;display:block;max-height:44px;overflow:hidden;}
.indexA ul li .t p{line-height:24px;color:rgba(255,255,255,0.8);font-size:14px;max-height:0;opacity:0;overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp:3;transition:All .5s;}
.indexA ul li .t p a:hover{color:#fff;}
.indexA ul li .t .more{margin:5px 0 0;font-size:14px;color:rgba(255,255,255,0.8);display:inline-block;}

.indexA ul li:hover .box{box-shadow:0 5px 10px rgba(0,0,0,0.22),0 10px 20px rgba(0,0,0,0.25);transform:translateY(-5px);}
.indexA ul li:hover .pic::after{opacity:1;}
.indexA ul li:hover .pic img{transform:scale(1.06);}
.indexA ul li:hover .t p{max-height:300px;opacity:1;transition:opacity .2s,max-height .5s}

/*
.indexA ul li .t h5::before {background:inherit;content:"";width:36px;height:36px;right:-18px;margin-top:-18px;position:absolute;top:50%;-o-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);z-index:-1;}
.indexA ul li .t h5::after {background:inherit;content:"";width:36px;height:36px;left:-18px;margin-top:-18px;position:absolute;top:50%;-o-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);z-index:-1;} 

*/

@media screen and (max-width:992px){
.indexA ul{grid-template-columns:repeat(3, 1fr);gap:20px;}
}

@media screen and (max-width:768px){
.indexA{padding:30px 0;}
.indexA span{line-height:22px;}
}

@media screen and (max-width:576px){
.indexA ul{grid-template-columns:repeat(2, 1fr);gap:15px;}
}

@media screen and (max-width:480px){
.indexA ul{gap:10px;}
}

/*----------------------------*/
.indexB{background:url(../images/ibg3.jpg) no-repeat center top;background-attachment:fixed;background-size:cover;position:relative;overflow:hidden;display:flex;}
.indexB::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);}

.indexB .l{width:470px;padding:70px 50px;background-color:rgba(29,105,174,0.8);position:relative;z-index:10;}
.indexB .l h3{font-size:clamp(20px, 1.88vw, 36px);color:#333;font-weight:bold;}
.indexB .l h3 em{color:#fff;font-weight:bold;}
.indexB .l p{font-size:14px;color:#fff;line-height:24px;margin:15px 0 24px;}

.indexB .r{flex:1;margin:80px 80px;overflow:hidden;display:flex;align-items:center;z-index:10;}

.indexB .list{width:100%;position:relative;z-index:20;}
.indexB .swiper-slide .pic{display:block;width:100%;overflow:hidden;border-radius: 10px;aspect-ratio:1.33 / 1;}
.indexB .swiper-slide .pic img{width:100%;height:100%;display:block;object-fit:cover;transition:all 0.5s ease 0s;}
.indexB .swiper-slide .t{background:#fff;padding:10px 10px;text-align:center;}
.indexB .swiper-slide .t h5{font-size:15px;line-height:22px;}
.indexB .swiper-slide .t h5 a{color:#3d474a;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 2;}
.indexB .swiper-slide .t hr{background:#666;width:50px;height:1px;border:none;margin:8px auto;}
.indexB .swiper-slide .t p{display:block;font-size:14px;color:#333232;line-height:24px;}

.indexB .swiper-slide:hover .pic img{transform:scale(1.08);-webkit-transform:scale(1.08);}
.indexB .swiper-slide:hover .t h5 a{color:#0054A3;}
.indexB .swiper-slide:hover .t hr{background:#635F5E;}

.indexB .page{position:absolute;right:0;top:-80px;display:flex;align-items:center;}
.indexB .swiper-button-prev,.indexB .swiper-button-next{position:static;width:40px;height:40px;line-height:40px;border-radius:6px;background:#0054A3;margin-top:0;text-align:center;}
.indexB .swiper-button-prev i,.indexB .swiper-button-next i{font-size:20px;color:#fff;}
.indexB .swiper-button-prev,.indexB .swiper-container-rtl .swiper-button-next{}
.indexB .swiper-button-next,.indexB .swiper-container-rtl .swiper-button-prev{margin-left:10px;}

.indexB .swiper-button-prev:hover,.indexB .swiper-button-next:hover{background:rgba(0,0,0,0.8);}
.indexB .swiper-button-prev:hover i,.indexB .swiper-button-next:hover i{color:#fff;}

.indexB .swiper-pagination-bullets{position:static;margin:25px 0 0;display:none;width:100%;text-align:center;}
.indexB .swiper-pagination-bullet {width:12px;height:12px;display:inline-block;margin:0 3px;background:#ccc;border-radius:50%;opacity:1;} 
.indexB .swiper-pagination-bullet-active{background:#0054A3;}



.xc_application{height:40rem;position:relative; overflow:hidden;background:url(../images/ibg3.jpg) no-repeat center;background-size:cover;}
.xc_application::before{content:"";background:rgba(0,0,0,0.4);width:45%;height:100%;position:absolute;left:0;top:0;bottom:0;clip-path: polygon(0 0, 100% 0, 55% 100%, 0% 100%);}
.xc_application::after{content:"";position:absolute;inset:0;background:rgba(29,105,174,0.8);}

.xc_application .appl_intro{position:absolute; z-index:10; top:0; left:0; overflow:hidden; width:100%; height:100%; /*pointer-events:none;*/ -webkit-backface-visibility:hidden;}
.xc_application .appl_intro1::after{content:""; position:absolute; z-index:2; top:0; right:0; width:50%; height:100%; background:linear-gradient(to left,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.5) 20%, rgba(0,0,0,0.3) 30% ,rgba(0,0,0,0) 100%); -webkit-backface-visibility:hidden;transform:translate3d(0, 0, 0);}
.xc_application .appl_intro1::before{content:""; position:absolute; z-index:2; bottom:0; right:0; width:100%; height:30%; background:linear-gradient(to top,rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.3) 40%,rgba(0,0,0,0) 100%); -webkit-backface-visibility:hidden;transform:translate3d(0, 0, 0);}

.xc_application .appl_intro .slide_body{width:66.7%;height:100%;display:flex;transform:rotate(30deg);transform-origin:50% 50%;justify-content:flex-end;-webkit-backface-visibility:hidden;margin:0 auto;margin-right:0;}
.xc_application .appl_intro .slide_rail{height:100%;position:relative;user-select:none;backface-visibility:hidden;margin-left:1.2%;}
.xc_application .appl_intro .slide_rail:nth-child(odd) .slide_rail_inner ul:first-child{animation:railDown1 800s -400s linear infinite;}
.xc_application .appl_intro .slide_rail:nth-child(odd) .slide_rail_inner ul:last-child{animation:railDown2 800s linear infinite;}
.xc_application .appl_intro .slide_rail_inner{position:relative;display:flex;flex-direction:column;}
.xc_application .appl_intro .slide_rail_inner ul{display:flex;flex-direction:column;}
.xc_application .appl_intro .slide_rail_inner ul:first-child{animation:railUp1 800s -400s linear infinite;}
.xc_application .appl_intro .slide_rail_inner ul:last-child{animation:railUp2 800s linear infinite}
.xc_application .appl_intro .slide_rail_inner ul a{display:block;}
.xc_application .appl_intro .slide_tile{margin-bottom:0.8rem; position:relative; width:100%; border-radius:.06rem; overflow:hidden;border-radius: 5px;}

.xc_application .xc_words{position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%); color:#fff; z-index:30; display:block;}
.xc_application .xc_words .t{max-width:22%;}
.xc_application .xc_words .tit{font-weight:700; margin-bottom:.15rem; font-size:clamp(20px, 1.88vw, 36px);}
.xc_application .xc_words p{font-size:clamp(14px, 1.15vw, 22px);color:#fff;line-height:1.5;margin:15px 0 0;}
.xc_application .xc_words .more{margin-top:1.5rem;}
.xc_application>img{display:none;}



@keyframes railUp1{
    0%{-webkit-transform:translateY(100%); transform:translateY(100%)}
    to{-webkit-transform:translateY(-100%); transform:translateY(-100%)}
}

@keyframes railUp2{
    0%{-webkit-transform:translateY(0); transform:translateY(0)}
    to{-webkit-transform:translateY(-200%); transform:translateY(-200%)}
}

@keyframes railDown1{
    0%{-webkit-transform:translateY(-100%); transform:translateY(-100%)}
    to{-webkit-transform:translateY(100%); transform:translateY(100%)}
}

@keyframes railDown2{
    0%{-webkit-transform:translateY(-200%); transform:translateY(-200%)}
    to{-webkit-transform:translateY(0%); transform:translateY(0%)}
}







.indexC{padding:76px 0 80px;}
.indexC h3{font-size:clamp(20px, 1.88vw, 36px);color:#262e38;font-weight:bold;text-align:center;}
.indexC h3 em{color:#0054A3;font-weight:bold;}

.indexC ul{margin:40px 0 0 -2%;}
.indexC ul li{float:left;width:23%;margin:0 0 0 2%;cursor:pointer;position:relative;border-top:4px solid #DADADA;box-sizing:border-box;}
.indexC ul li .pic{display:block;overflow:hidden;width:100%;}
.indexC ul li .pic img{width:100%;display:block;transition:all 0.3s ease 0s;}
.indexC ul li .t{padding:10px;background:#0054A3;border-top:4px solid #333232;text-align:center;}
.indexC ul li .t h5{font-size:18px;color:#fff;font-weight:bold;text-transform:uppercase;}
.indexC ul li .t p{font-size:14px;color:#fff;margin:5px 0 0;line-height:22px;}

.indexC ul li:hover .pic img{transform:scale(1.05);-webkit-transform:scale(1.05);}


.indexD{padding:50px 0 60px;}
.indexD h3{font-size:clamp(20px, 1.88vw, 36px);color:#262e38;font-weight:bold;text-align:center;}
.indexD h3 em{color:#0054A3;font-weight:bold;}
.indexD h6{font-size:14px;color:#494949;line-height:24px;margin:15px auto 0;text-align:center;max-width:700px;display:block;}

.indexD ul{margin:30px 0 0;}
.indexD ul li {margin:0 0 15px 0;border:1px solid #ccc;padding:20px;cursor:pointer;}
.indexD ul li .tit{height:30px;overflow:hidden;color:#202020;cursor:pointer;}
.indexD ul li .tit .date-month{float:left;width:20px;line-height:30px;height:30px;font-size:15px;display:block;text-align:center;}
.indexD ul li .tit h4{font-size:15px;color:#222;line-height:30px;height:30px;margin:0 0 0 30px;}
.indexD ul li .con{color:#666;}
.indexD ul li .con .date-day{float:left;width:20px;line-height:30px;height:30px;font-size:15px;display:block;text-align:center;}
.indexD ul li .con .t{margin:0 0 0 30px;font-size:15px;line-height:21px;color:#666;padding:3px 0 0;}
.indexD ul li:hover{border-left:2px solid #0054A3;padding:20px 20px 20px 19px;box-shadow: rgba(0,0,0,0.09) 0px 6px 9px 0px;}

.indexD a.more{color:#fff;height:40px;line-height:40px;width:140px;display:block;font-size:14px;text-align:center;background-color:#0054A3;margin:20px auto 0;}

.indexG{padding:40px 0;background:#fff;}
.indexG .tit{text-align:center;position:relative;}
.indexG .tit h3{font-size:clamp(20px, 1.88vw, 36px);color:#262e38;font-weight:bold;}
.indexG .tit h3 em{color:#0054A3;font-weight:bold;}
.indexG .tit p{font-size:14px;color:#494949;line-height:24px;margin:15px auto 0;text-align:center;max-width:700px;display:block;}
.indexG .tit .more{position:absolute;right:0;top:10px;}


.indexG ul{margin:40px 0 0;display:grid;grid-template-columns:repeat(4, 1fr);gap:30px;}
.indexG ul li{cursor:pointer;position:relative;box-shadow:0 0 10px rgba(78, 76, 76, 0.2);padding:10px;border-radius:12px;transition:all 0.4s}
.indexG ul li a{display:flex;flex-direction:column;height:100%;}
.indexG ul li .pic{display:block;overflow:hidden;width:100%;position:relative;/*border-radius:12px;*/}
.indexG ul li .pic img{width:100%;display:block;transition:all 0.3s ease 0s;}
.indexG ul li .pic ins{background:rgba(0,0,0,0.7);width:100%;height:35px;line-height:35px;padding:0 0 0 20px;color:#fff;font-size:14px;position:absolute;bottom:0;left:0;}
.indexG ul li .t{padding:20px 0;flex:1;display:flex;flex-direction:column;justify-content:space-between;}
.indexG ul li .t h5{font-size:15px;color:#333;/*display: -webkit-box;*/-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 2;font-weight:700;}
.indexG ul li .t h5 a{color:#333;}
.indexG ul li .t p{font-size:14px;color:#666;margin:12px 0 0;line-height:22px;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 2;}
.indexG ul li .t .more{font-size:15px;display:inline-block;margin:12px 0 0;}

.indexG ul li:hover{transform:translateY(-10px);box-shadow:0 5px 10px rgba(0,0,0,0.1),0 10px 20px rgba(0,0,0,0.13);background:#0054A3;}
.indexG ul li:hover .t h5{color:#fff;}
.indexG ul li:hover .t p{color:#fff;}
.indexG ul li:hover .t .more{color:#fff;}
.indexG ul li:hover .pic img{transform:scale(1.11);}



/*------------------------------------------------------------*/