html{width: 100%;font-size: 10px;}
@media screen and (max-width:1720px) {html{font-size: 9px;}}
@media screen and (max-width:1520px) {html{font-size: 8px;}}
@media screen and (max-width:1320px) {html{font-size: 7px;}}
@media screen and (max-width:1024px) {html{font-size: 8px;}}
@media screen and (max-width:376px) {html{font-size: 7px;}}
:root{
	--main-color:#1C468C;
	--secondary-color:#D61518;
	--black1:#000000;
	--black2:#333333;
	--black3:#666666;
	--white:#FFFFFF;
	--gray:#F5F5F5;
	--linear-bg:linear-gradient(135deg, #95BDFF 0%, #1C468C 100%);
	--linear-bg2:linear-gradient(90deg, #496fae 0%, #1C468C 100%);
	--font12: clamp(12px, 1.2rem, 12px);
	--font14: clamp(12px, 1.4rem, 14px);
	--font15: clamp(12px, 1.5rem, 15px);
	--font16: clamp(13px, 1.6rem, 16px);
	--font17: clamp(13px, 1.7rem, 17px);
	--font18: clamp(14px, 1.8rem, 18px);
	--font20: clamp(15px, 2rem, 20px);
	--font22: clamp(16px, 2.2rem, 22px);
	--font24: clamp(17px, 2.4rem, 24px);
	--font26: clamp(18px, 2.6rem, 26px);
	--font28: clamp(18px, 2.8rem, 28px);
	--font30: clamp(20px, 3rem, 30px);
	--font32: clamp(20px, 3.2rem, 32px);
	--font34: clamp(22px, 3.4rem, 34px);
	--font36: clamp(22px, 3.6rem, 36px);
	--font38: clamp(24px, 3.8rem, 38px);

	/* --- font40 */
	--font40: clamp(23px, 4rem, 40px);
	--font42: clamp(24px, 4.2rem, 42px);
	--font44: clamp(24px, 4.4rem, 44px);
	--font46: clamp(25px, 4.6rem, 46px);
	--font48: clamp(26px, 4.8rem, 48px);

	/* --- font50 */
	--font50: clamp(28px, 5rem, 50px);
	--font52: clamp(28px, 5.2rem, 52px);
	--font54: clamp(28px, 5.4rem, 54px);
	--font56: clamp(28px, 5.6rem, 56px);
	--font58: clamp(29px, 5.8rem, 58px);

	/* --- font60 */
	--font60: clamp(30px, 6rem, 60px);
	--font64: clamp(31px, 6.6rem, 64px);
	--font66: clamp(31px, 6.6rem, 66px);

	/* --- font70 */
	--font70: clamp(32px, 7rem, 70px);
	--font72: clamp(32px, 7.2rem, 72px);
	--font80: clamp(32px, 8rem, 80px);

	--font100: 10rem;
	--font120: 12rem;
	--font160: 16rem;

}

body{position: relative;overflow-x: hidden;font-size: var(--font16); background: #fff;line-height: 1.5; color: var(--black1); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;font-family: 'ABEL', -apple-system, BlinkMacSystemFont,"PingFang SC", "Arial", "Microsoft YaHei", sans-serif;}
/*html,body{scroll-behavior: smooth;}*/
ol,ul,li{list-style: none;}
a{text-decoration: none; color: var(--black2); -webkit-tap-highlight-color: rgba(255,0,0,0); transition: all .4s ease; cursor: pointer;}
em,i{font-style: normal;}
h1,h2,h3,h4,h5,h6,th{font-weight: normal;}
strong{font-weight: 800;}
img{border: 0; height: auto; vertical-align: middle;pointer-events: none;/*display: block;*/}
table{border-collapse: collapse; border-spacing: 0;}
input,textarea,select,button{border: 0; background: none; outline: 0;}
input[type="button"],input[type="text"],input[type="submit"]{appearance: none; -moz-appearance: none; -webkit-appearance: none;}
input,input:focus,input:active{user-select: text;}
button:focus{outline: 0;}
textarea{resize: none;}
video{outline: none;display: block;}
*{margin: 0;padding: 0;box-sizing: border-box;}

@keyframes textDash {to {stroke-dashoffset: 0;}}
.clearfix:after{content: ""; *zoom: 1; display: block; visibility: hidden; height: 0; clear: both;overflow: hidden;}
.relative{position: relative;}
.fl{float: left;}
.fr{float: right;}
.flex {display: flex;}
.content_box {box-sizing: border-box;width: 100%;margin: auto;padding-top: 8rem;}
.pd50{padding: 0 5rem;}
.w1720{position: relative;max-width: 1720px;margin: 0 auto;padding-left: 10rem;padding-right: 10rem;}
.w1520{position: relative;width: 1520px;margin: 0 auto;}
.layui-layer-video{max-width: 1200px;}
.layui-layer-video video{display: block;width: 100%;}
.z9{position: relative;z-index: 9;}
.hide{display: none;}

.pdb4{padding-bottom: 4rem;}
.pdt5{padding-top: 5rem;}
.pdb5{padding-bottom: 5rem;}
.pdt10{padding-top: 9rem;}
.pdb10{padding-bottom: 10rem;}
.pdl1520{padding-left: calc((100vw - 1520px)/2);}
.pdr1520{padding-right: calc((100vw - 1520px)/2);}
.dhsn {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
@media screen and (max-width:1720px){
	.w1520{width: 1320px;}
	.pdl1520{padding-left: calc((100vw - 1320px)/2);}
	.pdr1520{padding-right: calc((100vw - 1320px)/2);}
}
@media screen and (max-width:1520px){
	.w1520{width: 1120px;}
	.pdl1520{padding-left: calc((100vw - 1120px)/2);}
	.pdr1520{padding-right: calc((100vw - 1120px)/2);}
}
@media screen and (max-width:1320px){
	.w1520{width: 1020px;}
	.pdl1520{padding-left: calc((100vw - 1020px)/2);}
	.pdr1520{padding-right: calc((100vw - 1020px)/2);}
}
@media screen and (max-width:1220px){
	.w1520{width: 980px;}
	.pdl1520{padding-left: calc((100vw - 980px)/2);}
	.pdr1520{padding-right: calc((100vw - 980px)/2);}
}
@media screen and (max-width:1024px){
	.w1520{width: 100%;padding-left: 2rem;padding-right: 2rem;}
	.pdl1520{padding-left: 2rem;}
	.pdr1520{padding-right: 2rem;}
	.pdt10{padding-top: 8rem;}
	.pdb10{padding-bottom: 8rem;}
	.pdb5{padding-bottom: 4rem;}
}
@media screen and (max-width:768px){
	.pdb4{padding-bottom: 3rem;}
	.pdb5{padding-bottom: 3rem;}
}

@font-face {
	font-family: DIN;
	src: url(../fonts/DIN-BOLD.OTF);
	font-display: swap;
	unicode-range: U+0030-0039;
}

@font-face {
	font-family: BarlowSemiCondensed;
	src: url(../fonts/BARLOWSEMICONDENSED-SEMIBOLD.TTF);
	font-display: swap;
}
@font-face {
	font-family: ABEL;
	src: url(../fonts/ABEL-REGULAR.TTF);
	font-display: swap;
}


.swiper-button-prev:after, .swiper-button-next:after{display: none;}



.h-header{position: sticky;top: 0;left: 0;width: 100%;z-index: 9998;background: #fff;box-shadow: 0 0 2rem 0 rgba(0,0,0,.1);font-family: BarlowSemiCondensed;transition: .4s;}
.h-header>div{display: flex;align-items: center;}
.h-logo{display: block;width: 23rem;}
.h-logo img{display:block;width: 100%;}
.h-nav{display: flex;margin-left: auto;}
.h-nav .li{position: relative;margin-right: 6rem;}
.h-nav .li.active>a{color: var(--main-color);font-weight: bold;}
.h-nav .li>a{display: block;line-height: 10rem;font-size: var(--font20);color: var(--black1);}
.h-nav .li>a:hover{color: var(--main-color);}

.h-subnav {width:20rem;background:#FFFFFF;font-size:var(--font16);text-align:left;position:absolute;left:50%;transform: translateX(-50%);top:100%;height:0;overflow:hidden;opacity:0;visibility:hidden;transition:all .4s;box-shadow:0 0 1.6rem -4px rgba(0,0,0,.3);margin-top:2rem;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;z-index:9999;}
.h-subnav ol li{width: 100%;margin: 0 !important;}
.h-subnav a {transition: .4s; padding: 1.5rem 0.5rem;box-sizing: border-box; width: 100%; display:block;line-height:2.4rem;color:#333;font-size: var(--font16);text-align: center;font-weight: normal;color: #333;}
.h-subnav a:hover {background:var(--main-color);color:#fff!important;}
.h-nav .li:hover .h-subnav{height:auto;opacity:1;visibility:visible;margin-top:0;}

.h-link{font-size: var(--font20);color: #FFFFFF;border-radius: 2rem;height: 4rem;line-height:4rem;background: #D61518;padding:0 1.5rem;transition: .3s;}
.h-link:hover{transform:translateY(-0.5rem);box-shadow:0 0.5rem 1rem 0 rgba(0,0,0,.2)}

.h-header.active .h-nav .li>a{line-height: 8rem;}
.h-header.active .h-subnav{top: 8rem;}


.wap_header{width: 100%; height: 7rem; padding: 0 3rem; display: none; justify-content: space-between; align-items: center; position: sticky;top: 0;left:0;font-family: BarlowSemiCondensed; z-index: 9999;box-sizing: border-box;background: #fff;box-shadow: 0 0 4px 0 rgba(0,0,0,.1);}
.wap_header .w-logo{height: 4rem;background-repeat: no-repeat;margin-right: auto;}
.wap_header .w-logo img{height: 100%;display: block;}
.wap_header .toggle{display: block; width: 3rem; height: 2.4rem; position: relative; z-index: 6;margin-left: 2rem;}
.wap_header .toggle i{display: block; width: 3rem; height: 0.2rem; background: #666; position: absolute; left: 0; transition: all ease .35s;}
.wap_header .toggle i:nth-of-type(1){top: 0;}
.wap_header .toggle i:nth-of-type(2){top: 1rem;}
.wap_header .toggle i:nth-of-type(3){top: 2rem;}
.wap_header .toggle.on i{background: var(--black1);}
.wap_header .toggle.on i:nth-of-type(1){top: 0.8rem; transform: rotate(45deg);}
.wap_header .toggle.on i:nth-of-type(2){width: 0;}
.wap_header .toggle.on i:nth-of-type(3){top: 0.8rem; transform: rotate(-45deg);}
.wap_header .maskbg{width: 100%; height: 100vh; background: rgba(0,0,0,.5); display: none; position: fixed; left: 0; top: 0; z-index: 3;}
.wap_header .maskbg.on{display: block;}
.wap_header .nav{width: 30rem; background: #fff; height: 100vh; padding: 5.6rem 0 2rem 0; position: fixed; right: 0; top: 0; z-index: 5; transform: translateX(100%); opacity: 0; transition: transform .4s,opacity .4s;}
.wap_header .nav.open{transform: translateX(0); opacity: 1;}
.wap_header .nav > ul{height: calc(100vh - 7rem);width: 100%; margin: 0 auto; position: relative; overflow-y: auto; -webkit-overflow-scrolling: touch;}
.wap_header .nav ul li{border-top: 1px solid #ddd; margin: 0 2rem; line-height: 4rem; font-size: var(--font18); position: relative;overflow: hidden;}
.wap_header .nav > ul > li:first-child{border-top: 0 none;}
.wap_header .nav ul li a{height: 7rem; line-height: 7rem; display: block; padding-right: 3rem; font-size: var(--font18); color: var(--black2);}
.wap_header .nav ul li a:active  {color: var(--main-color) !important;}
.wap_header .nav ul li ul{display: none;}
.wap_header .nav ul li i{width: 3rem; height: 7rem; font-size: var(--font18); color: #9c9c9c; position: absolute; right: 0; top: 0; transition: transform .5s;}
.wap_header .nav ul li i.down{color: var(--main-color); transform: rotate(90deg);}
.wap_header .nav ul li .icon{background: url(../images/yjt.png)no-repeat;background-size: 2rem !important;background-position: center !important;}
.wap_header .nav ul li ul li{margin-right: 0;}
.wap_header .nav ul li ul li a{color: #666; height: 6rem; line-height: 6rem; font-size: var(--font16);}
.wap_header .nav ul li ul li i{top: -1rem;}


@media screen and (max-width:1620px) {
	.h-header{padding: 0 10rem 0 10rem;}
}
@media screen and (max-width:1420px) {
	.h-nav .li{margin-right: 4rem;}
}
@media screen and (max-width:1024px) {
	.h-header{display: none;}
	.wap_header{display: flex;}
}
@media screen and (max-width:768px) {
	.wap_header{padding: 0 2rem;}
}



.indTitBox{display: flex;align-items: center;}
.indTitle{text-align:center;}
.indTitle .atit{font-size: var(--font48);color: #000000;font-family: BarlowSemiCondensed;line-height:1.2;}
.indTitle .btit{font-size: var(--font20);color: #000000;}
@media screen and (max-width:768px){
	.indTitBox {align-items: center;flex-direction: column;}
	.indNewsSelList{margin-right: auto;margin-top: 1rem;}
	
}


.mySwiperBanner{position: relative;overflow: hidden;}
.mySwiperBannerPC{display:block}
.mySwiperBannerWAP{display: none;}
.mySwiperBanner .swiper-pagination{display: flex;align-items: center;justify-content: center;bottom: 5rem;}
.mySwiperBanner .swiper-pagination-bullet{display: block;width: 1rem;height: 1rem;position: relative;background: #FFFFFF;border-radius: 50%;opacity: 0.5;margin: 0 1rem!important;transition: .3s;}
.mySwiperBanner .swiper-pagination-bullet::after{content: "";display: block;width: 2rem;height: 2rem;border-radius: 50%;border: 1px solid #fff;position: absolute;box-sizing: border-box;top: 50%;left: 50%;transform: translate(-50%,-50%);opacity: 0;transition: .3s;}
.mySwiperBanner .swiper-pagination-bullet-active{opacity: 1;}
.mySwiperBanner .swiper-pagination-bullet-active::after{opacity: 1;}

.bannerItem{position: relative;overflow: hidden;}
.bannerItem .img{display: block;width: 100%;}
.bannerItem .img img,.bannerItem .img video{display: block;width: 100%;max-height: calc(100vh - 10rem);object-fit: cover;object-position: center;}

@media screen and (max-width:1220px){
	.mySwiperBanner .swiper-pagination{bottom:3rem;}
}
@media screen and (max-width:768px) {
	.mySwiperBannerPC{display:none;}
	.mySwiperBannerWAP{display: block;}
	.mySwiperBanner .swiper-pagination {bottom: 2rem;}
	.bannerItem .img img, .bannerItem .img video{max-height: none;}
}



.sec1,.sec2,.sec3,.sec4,.sec5{overflow: hidden;}

.indProlist{display:flex;flex-wrap:wrap;gap:3rem;}
.indProItem{display:flex;width:calc(50% - 1.5rem);background:url(../images/indProBg1.jpg) center/cover;height: 33rem;border-radius: 2rem;position: relative;overflow: hidden;}
.indProItem .desc{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 4rem 3rem;display: flex;flex-direction: column;align-items: flex-start;}
.indProItem .desc .atit{font-size: var(--font36);color: #1C468C;font-family: BarlowSemiCondensed;text-transform: uppercase;line-height: 1.25;}
.indProItem .desc .btit{font-size: var(--font24);color: #000000;font-family: BarlowSemiCondensed;line-height: 1.3;}
.indProItem .desc .ctit{font-size: var(--font20);color: #000000;max-width: 26rem;margin: 2.5rem 0 4rem;}
.indProItem .desc .dtit{font-size: var(--font20);color: #FFFFFF;border-radius: 2rem;height: 4rem;line-height:4rem;background: #D61518;padding:0 1.5rem;font-family: BarlowSemiCondensed;transition: .3s;}
.indProItem .img{margin-left:auto;height: 100%;}
.indProItem .img img{display: block;height: 100%;transition: .3s;}
.indProItem:hover{transform: translateY(-0.5rem);box-shadow: 0 0.5rem 0.5rem 0 rgba(0,0,0,.2);}
.indProItem:hover .img img{transform: scale(1.04);}

.mySwiperReleases{position: relative;overflow: hidden;margin: 0 -2.5rem;}
.indReProItem{display: block;margin: 1rem 2.5rem 0;}
.indReProItem .img{border-radius: 2rem;background: #F6F6F6;overflow: hidden;position: relative;}
.indReProItem .img::after{content: "";display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: var(--linear-bg);opacity:0;transition: .3s;}
.indReProItem .img img{display: block;width: 100%;position: relative;z-index: 99;transition: .4s;}
.indReProItem .desc{display: flex;padding: 2.5rem 0 4.5rem;}
.indReProItem .desc p{display: block;width: calc(100% - 6rem);font-size: var(--font24);line-height: 3.4rem;height: 6.8rem;color: #000000;font-family: BarlowSemiCondensed;padding-right: 2rem;display: -webkit-box;overflow: hidden;white-space: normal !important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.indReProItem .desc i{display: block;width: 6rem;height: 6rem;border-radius: 50%;background: #F6F6F6;background-image: url(../images/iconRight1.png);background-position: center;background-repeat: no-repeat;background-size: 1.6rem;transition: .3s;}
.indReProItem:hover {transform: translateY(-1rem);}
.indReProItem:hover .img img{transform: scale(1.04);}
.indReProItem:hover .img::after{opacity: 1;}
.indReProItem:hover .desc i{background-color: var(--main-color);background-image: url(../images/iconRight11.png);}

.mySwiperReleases .swiper-pagination{position: relative;height: 2px;margin: 0 2.5rem;width: calc(100% - 2.5rem);background: #D2D2D2;}
.mySwiperReleases .swiper-scrollbar-drag{background: var(--main-color);}
@media screen and (max-width:768px){
	.indProlist{gap: 2rem;}
	.indProItem{width: 100%;}
	.indProItem .img{height: auto;width: 65%;margin-top: auto;}
	.indProItem .img img{height: auto;width: 100%;}
	
	.mySwiperReleases{margin: 0 -1rem;}
	.indReProItem{margin: 1rem 1rem 0;}
	
}




.indAppBox{position: relative;overflow: hidden;background-size: cover;background-position: center;}
.indAppContent{position: relative;overflow: hidden;padding: 15rem 0 15rem;padding-right: 8rem;}
.mySwiperAppContent{position: relative;overflow: hidden;max-width: 80rem;}
.indAppDesc{display: flex;flex-direction: column;align-items: flex-start;width: 100%;}
.indAppDesc .atit{font-size: var(--font40);color: #FFFFFF;font-family: BarlowSemiCondensed;line-height: 1.4;}
.indAppDesc .btit{font-size: var(--font20);color: #FFFFFF;margin: 2rem 0 4.5rem;line-height: 1.4;}
.indAppDesc .ctit{display: block;font-family: BarlowSemiCondensed;height: 6rem;line-height: 6rem;border-radius: 3rem;border: 1px solid #FFFFFF;font-size: var(--font20);color: #FFFFFF;padding: 0 2rem;}
.indAppDesc .ctit:hover{background: var(--main-color);border-color: var(--main-color);margin-top: -0.5rem;margin-bottom:0.5rem;}

.swiper-slide-active .indAppDesc .atit{animation: fadeInUp .8s .1s ease both;}
.swiper-slide-active .indAppDesc .btit{animation: fadeInUp .8s .2s ease both;}
.swiper-slide-active .indAppDesc .ctit{animation: fadeInUp .8s .3s ease both;}

.appBtn{position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.indAppBox .swiper-button-prev,.indAppBox .swiper-button-next{position: relative;width: 6rem;height: 6rem;border-radius: 50%;display: block;top: auto;left: auto;right: auto;margin: 0;background-repeat: no-repeat;background-size: 1.5rem auto;background-position: center;}
.indAppBox .swiper-button-prev{background-image: url(../images/iconLeft2.png);background-color: rgba(255,255,255,0.3);}
.indAppBox .swiper-button-next{background-image: url(../images/iconRight2.png);background-color: var(--main-color);margin-bottom: 3rem;}

.mySwiperAppSel{position: relative;}
.indAppSel{display: block;background: rgba(0,0,0,.2);padding: 3rem 4rem 2.5rem;transition: .3s;cursor: pointer;}
.indAppSel img{display: block;width: 4rem;margin-bottom: 2rem;}
.indAppSel span{display: block;font-size: var(--font24);color: #FFFFFF;font-family: BarlowSemiCondensed;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.swiper-slide-thumb-active .indAppSel{background: var(--main-color);}



.sec3{background: url(../images/sec3Bg.jpg) center/cover;}
.indNumList{display: flex;justify-content: space-between;}
.indNumitem{}
.indNumitem strong{font-size: var(--font60);line-height: 1.2;font-family: DIN;font-weight: bold;background: var(--linear-bg2);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.indNumitem p{font-size: var(--font20);color: #666666;line-height: 1.2;}

.indAboutBox{display: flex;background: #FFFFFF;border-radius: 2rem;box-shadow: 0 0 3rem 0 rgba(0,47,167,0.05);overflow: hidden;}
.indAboutBox .img{width: 50%;position: relative;padding-right: 5rem;}
.indAboutBox .img img{display: block;width: 100%;height: 100%;object-fit: cover;object-position: center;}
.indAboutBox .desc{width: 50%;padding: 4.5rem 5rem 5rem 0;display: flex;flex-direction: column;align-items: flex-start;}
.indAboutBox .desc .atit{font-size: var(--font20);color: #000000;line-height: 1.3;}
.indAboutBox .desc .atit p+p{margin-top: 1rem;}
.indAboutBox .desc .btit{font-size: var(--font20);color: #FFFFFF;border-radius: 3rem;height: 6rem;line-height:6rem;background: #D61518;padding:0 4.8rem;font-family: BarlowSemiCondensed;transition: .3s;margin-top: 5rem;transition: .3s;}
.indAboutBox .desc .btit:hover{transform:translateY(-0.5rem);box-shadow:0 0.5rem 1rem 0 rgba(0,0,0,.2)}

.videoPlay{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 16rem;cursor: pointer;}
.videoPlay .img2{position: absolute;top: 0;left: 0;animation: circle 4s infinite linear;}
.videoPlay img{display: block;width: 100%;}
@keyframes circle{0%{transform: rotate(0deg);}100%{transform: rotate(365deg);}}
.videoOpen{cursor: pointer;}
@media screen and (max-width:768px){
	.indAboutBox{flex-wrap:wrap;}
	.indAboutLeft{width: 100%;}
	.indAboutRight{width: 100%;margin-top: 4rem;}
	.indAboutContent{margin-bottom: 3rem;}
	
	.indNumList{flex-wrap: wrap;justify-content: space-around;}
	.indNumitem{text-align: center;margin: 0.5rem 0;}
	.indNumitem strong{font-size: var(--font50);}
	
	.indAboutBox .img{width: 100%;padding-right: 0;}
	.indAboutBox .desc{width: 100%;padding: 4rem 2rem 5rem;}
	.indAboutBox .desc .btit{margin-top: 3rem;}
	
}

.partnerBox{}
.mySwiperPartner{position: relative;overflow: hidden;user-select: none;}
.mySwiperPartner .swiper-wrapper {-webkit-transition-timing-function: linear;-moz-transition-timing-function: linear;-ms-transition-timing-function: linear;-o-transition-timing-function: linear;transition-timing-function: linear;}
.mySwiperPartner .swiper-slide{width: auto;margin: 0 1.5rem;}




.sec4{background: #F6F6F6;}
.indNewsSelList{margin-left: auto;display: flex;}
.indNewsSel{font-size: var(--font20);color: #000000;padding: 0 3rem;position: relative;transition: .3s;cursor: pointer;}
.indNewsSel+.indNewsSel:before{content: "";display: block;width: 1px;height: 1.4rem;margin-top: -0.7rem;background: #BFBFBF;position: absolute;top: 50%;left: 0;}
.indNewsSel.active{color: var(--main-color);}

.indNewsList{display: flex;gap: 3rem;padding: 1rem 0;}
.indNewsItem{width:calc(33.333% - 1.5rem);display: block;border-radius: 2rem;overflow: hidden;background: #FFFFFF;}
.indNewsItem .img{overflow: hidden;position: relative;}
.indNewsItem .img img{display: block;width: 100%;transition: .4s;}
.indNewsItem .img span{display: block;font-size: var(--font20);color: #FFFFFF;line-height:5rem;font-family: BarlowSemiCondensed;position: absolute;bottom: 0;right: 0;background: linear-gradient(270deg, rgba(28,70,140,0.99) 27%, rgba(0,0,0,0) 100%);padding: 0 3rem 0 5rem;}
.indNewsItem .desc{padding: 3rem;}
.indNewsItem .desc .atit{font-size: var(--font24);line-height: 3rem;height: 6rem;color: #000000;font-family: BarlowSemiCondensed;display: -webkit-box;overflow: hidden;white-space: normal !important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.indNewsItem .desc .btit{font-size: var(--font20);line-height: 2.6rem;height: 7.8rem;color: #666666;margin-top: 1.8rem;display: -webkit-box;overflow: hidden;white-space: normal !important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.indNewsItem:hover{box-shadow: 0 0.5rem 1rem 0 rgba(0,0,0,.2);margin-top: -1rem;}
.indNewsItem:hover .img img{transform: scale(1.06);}

.swiper-slide-active .indNewsItem:nth-of-type(1){animation: fadeInUp .8s .1s ease both;}
.swiper-slide-active .indNewsItem:nth-of-type(2){animation: fadeInUp .8s .15s ease both;}
.swiper-slide-active .indNewsItem:nth-of-type(3){animation: fadeInUp .8s .2s ease both;}

@media screen and (max-width:768px){
	.indNewsList{flex-wrap: wrap;gap: 2rem;}
	.indNewsItem{width:100%;}
}





.sec5{position: relative;}
.sec5:before{content: "";display: block;width: 100%;height: 50%;position: absolute;top: 0;left: 0;background-color: #F6F6F6;}
.contactBox{display:block;position: relative;z-index: 99;border-radius: 2rem;overflow: hidden;}
.contactBox::after{content: "";display: block;display: block;width: 100%;height: 100%;object-fit: cover;object-position: center;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.3);z-index: 1;}
.contactBox video{display: block;width: 100%;height: 100%;object-fit: cover;object-position: center;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.contactBox .desc{display: flex;flex-direction: column;align-items: center;text-align: center;z-index: 99;position: relative;padding: 8rem 0;}
.contactBox .desc .atit{font-size: var(--font48);color: #FFFFFF;line-height:1.2;font-family: BarlowSemiCondensed;max-width: 82rem;margin: 0 auto;}
.contactBox .desc .btit{font-size: var(--font20);color: #FFFFFF;line-height:1.3;max-width: 82rem;margin: 2.5rem auto 5rem;}
.contactBox .desc .ctit{display: flex;align-items: center;border-radius: 3rem;background: #FFFFFF;padding: 0.5rem;transition: .3s;}
.contactBox .desc .ctit span{display: block;font-size: var(--font20);color: #D61518;font-family: BarlowSemiCondensed;padding: 0 1.5rem 0 2.5rem;}
.contactBox .desc .ctit i{display: block;width: 5rem;height: 5rem;background-color: #D61518;background-image: url(../images/iconRight11.png);background-repeat: no-repeat;background-position: center;background-size: 1.6rem;border-radius: 50%;}
.contactBox .desc .ctit:hover{transform: translateY(-1rem);}
.contactBox:hover{transform: translateY(-1rem);box-shadow:0 0.5rem 1rem 0 rgba(0,0,0,.2);}
@media screen and (max-width:768px){
	.contactBox .desc .atit{font-size: var(--font38);}
}



.h-footer{background: url(../images/footerBg1.jpg) center/cover;}
.foot1{padding: 9rem 0 10rem;}
.foot1>div{display: flex;justify-content: space-between;}
.f-info{max-width: 43rem;}
.f-info p{font-size: var(--font20);color: #FFFFFF;opacity: 0.5;line-height: 1.3;}
.f-logo{display: block;width: 23rem;margin-bottom: 5rem;}
.f-logo img{display: block;width: 100%;}
.emailBox{display: flex;background: var(--main-color);margin-top:5rem;padding: 0.5rem;border-radius: 3rem;max-width: 35rem;width: 100%;}
.emailBox .int{display: block;width:calc(100% - 10rem);color: #FFFFFF;font-size: var(--font20);padding: 0 2.5rem;}
.emailBox .int::placeholder{color: #FFFFFF;opacity: .8;}
.emailBox .btn{display: block;width: 10rem;height: 5rem;font-size: var(--font24);color: var(--main-color);font-family: BarlowSemiCondensed;background: #FFFFFF;border-radius: 2.5rem;cursor: pointer;}
.dl .dt a{display:block;font-size: var(--font24);color: #FFFFFF;font-family: BarlowSemiCondensed;}
.dl .dd a{display:block;font-size: var(--font20);color: #FFFFFF;opacity: 0.5;line-height:1.35;margin-top: 1.4rem;}

.foot2{border: 1px solid #17304B;padding: 2.4rem 0;}
.foot2>div{display: flex;justify-content: space-between;}
.foot2 span,.foot2 a{font-size: var(--font20);color: #FFFFFF;opacity: .8;}

.h-footer a:hover{opacity: 1;}

@media screen and (max-width:768px){
	.dl{display: none;}
	.f-info{max-width: none;}
	.foot2>div{flex-direction: column;align-items: center;text-align: center;}
	
}


.pagesDiv{padding: 5rem 0 6rem;}
.pagination{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
.pagination li{display: block;margin: 0.5rem;}
.pagination li span,.pagination li a{display: flex;align-items: center;justify-content: center;font-size: var(--font18);font-weight: bold;width: 4rem;height: 4rem;background: #EFEFEF;border-radius: 50%;}
.pagination li a:hover{background: var(--main-color);color: #fff;}
.pagination li.active span{background: var(--main-color);color: #fff;}
.pagination li.disabled span{color: #666;cursor: no-drop;}

.fwbContent img{display: block;max-width: 100%;height: auto!important;margin: 0 auto;}