@charset "utf-8";
a, img { vertical-align: top; }
.container { width: 84%; margin: auto; }
@media(max-width: 1600px){
	.container { width: 90%; }
}
@media(max-width: 1100px){
	.container { width: 90%; }
}
@media(max-width: 500px){
	/*.container { width: 92%; }*/
}

.header { background: #fff; position:fixed; z-index: 100; top:0; width: 100%; left:0; }
.header .more { padding: 0; margin-left:10px; }
.mMoreA { margin: 12px 0; transition:all 0.6s; position: relative; line-height: 42px; font-size:14px; color:#1B2731; position: relative;  border-radius:40px; overflow: hidden; display:inline-block; padding: 0 28px; transition: all 1s; background: rgba(255, 255, 255, 0.1); }
.mMoreLan { margin-left:0; }
.mMoreA i { display:inline-block; padding-left: 20px; position: relative; z-index: 4; }
.mMoreHf i { background: url(../images/hf2.svg) no-repeat left center; }
.mMoreLan i { background: url(../images/lan2.svg) no-repeat left center; }
.mMoreGw i { padding: 0 20px 0 0; background: url(../images/gw2.svg) no-repeat right center; }
.mMoreA:after { content:''; width: 110%; position: absolute; top:0; left: -115%; background: linear-gradient(270deg, #62EAFF 0%, #33D1FF 100%); background:#28459A; opacity: 0.8; transition: all 0.6s; height: 110%; }
/*.mMoreA:hover { color:#fff; }*/
.mMoreA:hover { background: linear-gradient(270deg, rgba(144, 240, 255, 0.8) 0%, rgba(51, 209, 255, 0.8) 100%);  background: #28459A; }
.mMoreA:hover i { color:#fff; }
/*.mMoreA:hover:after { left:0; }*/
.header { z-index: 100; transition:all 0.5s; padding: 0 36px; }
.header .logo { padding-right: 30px; border-radius: 50px; background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(50px); }
.header .logo a.logoA { padding: 15px 0; display:inline-block; border-radius: 50px;  float:left; display:block;background: rgba(255, 255, 255, 0.1); }

.header .logo img { width: 130px; height: auto; }
.header .logo img.pic2 { display:none; }

.header .nav { margin: 0 auto; margin-left: 30px; float:right; }
.header .nav ul li { position: relative; float:left; }
.header .nav ul li>a { position: relative; display:block; margin: 0 20px; line-height: 60px; font-size:16px;color:#1B2731; }
.header .nav ul li>a:after { transition:all 0.6s; content:''; width: 0; height: 2px; background: #28459A; position: absolute; left:50%; transform:translateX(-50%); top:0; }
.header .nav ul li.cur>a,.header .nav ul li:hover>a { color:#28459A; }
.header .nav ul li.cur>a:after,.header .nav ul li:hover>a:after { width: 100%; }
.header .nav ul li.sub.cur>a,.header .nav ul li.sub:hover>a { background: url(../images/navbg2.png) no-repeat right center; }
.header .nav ul li .subA { height:0; overflow: hidden; transition: all 0.5s; width: 120px; position: absolute; left: 50%; transform:translateX(-50%); background: #fff; border-radius:0px 0 5px 5px; box-shadow: 8px 8px 12px 0 rgba(50,50,50,0.3); }
.header .nav ul li .subA-a { padding: 10px 0; }
.header .nav ul li .subA a { text-align:center; display:block; font-size: 16px; transition:all 0.5s; line-height: 2; padding:5px 15px; }
.header .nav ul li .subA a:hover { color:#fff; background: #5e66f8; }
.header .nav ul li:hover .subA { height:105px; }


.mMoreHf:hover i { background: url(../images/hf.svg) no-repeat left center; }
.mMoreLan:hover i { background: url(../images/lan.svg) no-repeat left center; }
.mMoreGw:hover i { background: url(../images/gw.svg) no-repeat right center; }


@media(max-width: 1600px){
	.header .nav { margin-left:20px; }
	.header .logo img { width: auto; height: 28px; }
	.header .nav ul li>a { margin: 0 15px; line-height: 48px; }
	.mMoreA { line-height: 48px; }
}
@media(max-width: 1400px){
	.header .nav ul li>a { font-size:14px; margin: 0 12px; }
	.header .logo { padding-right: 20px; }
	.mMoreA { line-height: 48px; padding: 0 20px; }
}
@media(max-width: 1250px){
	.header .nav ul li>a { font-size:14px; margin: 0 10px; line-height: 40px; }
	/*.header .logo img { width: auto; height: 42px; }*/
	.header .logo { padding-right: 20px; }
	.mMoreA { line-height: 40px; padding: 0 15px; }
}
@media(max-width: 1100px){
	.header .logo { padding-right: 0; }
	.header .logo a.logoA { padding: 6px 0; }
	.header .logo img { width: auto; height: 30px; }
	.header .navBtn { height: 42px; }
	.menu-i { border-radius: 2px; height: 2px; }
	.menu-i-1 { top: 8px; }
	.menu-i-2 { top: 18px; }
	.menu-i-3 { top: 28px; }
	.header .menu { transition:all 0.5s; padding: 0 0px 0 0; height: 42px; background: rgba(255,255,255,0.1); border-radius: 50px; }
	.fixed-head.header .menu { background: none; padding-right:0; }
}



.fixed-head { background: #fff; }
.fixed-head.header .logo { background: none;backdrop-filter: none; }
.fixed-head.header .nav ul li>a { line-height: 60px; }


@media(max-width:1100px){
	.header { padding: 10px 3vw; }
	.header .mMoreA { line-height: 42px; margin: 9px 0; background-color:rgba(0,0,0,0.3); }
	.header .navBtn { height: 48px; }
	.header .nav { display:none; }
	.mMoreA { padding: 0 20px; }
}


.banner .img { overflow: hidden; }
.banner .img img { transform:scale(1.2); transition:all 2s; }
.banner .active .img img { transform:scale(1); }
.bannerB { position: absolute; width: 100%; left:0; top:53%; transform:translateY(-50%); }
.bannerB .imga img { width: 33.6vw; height: auto; }
.bannerB .imgb img { width: 23.71vw; height: auto; }
.bannerB .t { font-size:26px;color:#fff; }

.banner .scrollA { width: 100%; position: absolute; left:0; bottom:3vw; }
.banner .scrollA .t { position: relative; padding-left: 30px; }
.banner .scrollA .icon { width: 28px; height: 28px; position: absolute; left:0; top: 50%; margin-top: -14px; background: url(../images/scroll.svg) no-repeat left center/cover; }

.banner .scrollA .icon {
    -webkit-animation: godown 2s infinite;
    animation: godown 2s infinite;
    box-sizing: border-box;
}
@-webkit-keyframes godown {
    0% {-webkit-transform: translate(0, 0);opacity: 1;}
    50% {opacity: 1;}
    100% {-webkit-transform: translate(0, 10px);opacity: 1;}
}
@keyframes godown {
    0% {transform: translate(0, 0);opacity: 1;}
    50% {opacity: 1;}
    100% {transform: translate(0, 10px);opacity: 1;}
}

.color1b { color:#1B2731; }

/*.bannerB .t .time img { width: 12.5vw; height: auto; }*/
@media(max-width:1700px){
	.bannerB .t { font-size:24px; }
}
@media(max-width:1500px){
	.bannerB .t { font-size:22px; }

	.bannerB .imgb img { width: 28.71vw; }
}
@media(max-width:1300px){
	.bannerB .t { font-size:20px; }
}
@media(max-width:1100px){
	.bannerB { top:auto; transform:translate(0); bottom: 30vw; }
	.bannerB .imga img { width: 100%; }
	.bannerB .imgb img { width: 80%; }
	.bannerB .t { font-size: 4.4vw; }
	.homeC-a>img { width: 120%; max-width:200%; position: relative; left:-10%; }
	.bannerB .t .time img { width: 200px; height: auto; }
	.homeC-a { width: 100%; overflow: hidden; }
	.banner .scrollA { width: 100%; position: absolute; left:0; bottom:20px; }
	.banner .scrollA .t { padding-left:0; text-align:center; padding-bottom: 30px; }
	.banner .scrollA .icon { width: 14px; height: 14px; left: 50%; margin-left: -7px; top: 0; margin-top:25px;background: url(../images/scroll21.svg) no-repeat bottom center/cover;  }
}
@media(max-width: 500px){
	.bannerB .t .time img { width: 180px; height: auto; }
}


.mainTit { display:inline-block; }
.mainTit .t { font-size:2.8vw; color:#000D17; }
.mainTit .t span { display:inline-block; position: relative; }
.mainTit .t span:after { content:''; width: 6.56vw; height: 3.91vw; background: url(../images/titbg.png) no-repeat center; background-size: 100% auto; position: absolute; right: -5vw; top: -2.5vw; }
.alignR { text-align:right; }

.footer { background: #0C1317; }
.footerA { padding:40px 0; }
.footerA .flogo img {  }
.footerA .flogo { float:left; }
.footerA-a { float:right; }
.footerA-a ul li { padding: 10px 0; float:left; position: relative; margin-left: 25px; }
.footerA-a ul li .icon img { height: 28px; width: auto; opacity: 0.6; transition:all 0.6s; }
.footerA-a ul li:hover .icon img { opacity: 1; }
.footerA-a ul li .ewm { border:1px solid #ededed; box-shadow:5px 0px 5px 0 rgba(120,120,120,0.3); display:none; position: absolute; left:50%; transform:translateX(-50%);bottom: 44px; padding: 10px; width: 150px; height: 150px; background: #fff; border-radius:5px; }
.footerA-a ul li .ewm img { width: 100%; }
.footerA-a ul li:hover .ewm { display:block; }
.copyright { padding: 20px 0; font-size:14px; border-top:1px solid rgba(255,255,255,0.1); text-align:center; }
.copyright,.copyright * { font-size:14px;color:rgba(255,255,255,0.6); }
.copyright a:hover { color:#fff; }
@media(max-width: 1500px){
	.footerA { padding:30px 0; }
	.footerA-a ul li { margin-left: 20px; }
}
@media(max-width:1100px){
	.footerA-a ul li .ewm  { bottom:34px; }
	.footerA,.copyright { padding:16px 0; }
	.footerA,.copyright { background: #000D17; }
	.footerA .flogo img { width: 100px; }
	.footerA-a ul li {padding: 4px 0; margin-left:15px; }
	.footerA-a ul li .icon img { height: 25px; }
}
.fixVideo { display: none; position: fixed; top:0; left:0;background: rgba(0,0,0,0.8);width: 100%;height: 100%;z-index: 1000; }
.fixVideoA {width: 100%;height: 100%;position: relative; }
.fixVideoB { z-index: 9; position: absolute;width: 80%; max-width: 1000px; height: auto; position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%);background: #fff; }
.fixVideoB .close { position: absolute; right:-1px; top:-40px;height: 40px;width: 40px;cursor: pointer; text-align: center;line-height: 40px; font-size: 30px;  z-index: 10000;background: #000; color:#fff;}
.fixVideoC { max-width:1500px; width: 90%; }
.fixVideoAClose { position: absolute; left:0; top:0; width: 100%; height: 100%; z-index: 2; }
.opa0 { opacity: 0;  }
.header .more { position: relative; }
.header .more .ewm { /*border:1px solid #ededed; box-shadow:5px 0px 5px 0 rgba(120,120,120,0.3); */display:none; position: absolute; left:50%; transform:translateX(-50%);top: 55px; padding: 10px; width: 150px; height: 150px; /*background: #fff; border-radius:5px; */}
.header .more .ewm img { width: 100%; }
.header .more:hover .ewm { display:block; }
.bannerB .more { position: relative; }
.bannerB .more .ewm { overflow: hidden; display:none; position: absolute; left:190px; top:50%; transform:translateY(-50%); width: 100px; height: 100px;/* background: #fff; border-radius:5px; */}
.bannerB .more .ewm img { width: 100%; }
.bannerB .more .ewm { display:block; }
.backTop { background: rgba(120, 120, 120, 0.4); backdrop-filter: blur(30px); display: none; position: fixed; transition:all 0.6s; cursor: pointer; bottom:30px; right:30px; z-index: 10;padding: 20px 15px; border-radius: 50px; }
.backTop:hover { background: #fff; }
@media(max-width:1100px){
	.bannerB .more .ewm { left: 170px; width:76px; height:76px; }
	.backTop { bottom:20px; right:15px; }
	.header .more { display:none; }
}
@media(max-width:750px){
	.bannerA { background: #DFE8ED; }
}
.fixNav { position:fixed; overflow: hidden; z-index: 100; background: #BADAF2; width:100%; left:0; top:50px; height:0; transition:all 0.6s; }
.fixNav.cur { height:410px; }
.fixNav ul { padding-top:10px; }
.fixNav { text-align:center; }
.fixNav ul li a { display:block; padding: 15px 0; color:#000d17 }
.fixNav ul li.cur a { background: #ACE8FF; color:#0B538B; }
.header .navBtn { height: 48px; margin-top:2px; }
.header .navBtn .menu-i { background: #000; }
.mainPre { position: relative; }
#main { background: url(../images/homebg.jpg) no-repeat bottom center/cover; }
/*.mainTit:after,.mainTit:before { content:''; width: 72px; height: 21px; position: absolute; top: 50%; transform:translateY(-50%); background: url(../images/maintitbg.png) no-repeat center/cover; }
.mainTit:before { right: calc(100% + 15px); }
.mainTit:after { left: calc(100% + 15px); }*/

.mainTit { padding-bottom: 30px; background: url(../images/maintitbg22.svg) no-repeat bottom center; }


.paddingT200 { padding-top: 200px; }
.paddingT100 { padding-top: 100px; }
.paddingB100 { padding-bottom: 100px; }
.paddingB200 { padding-bottom: 200px; }
.paddingB360 { padding-bottom: 360px; }
.borderRadius30 { border-radius: 1.5vw; }
@media(max-width: 1900px){
	.paddingT200 { padding-top:11vw; }
	.paddingB200 { padding-bottom:11vw; }
	.paddingT100 { padding-top:5.5vw; }
	.paddingB100 { padding-bottom:5.5vw; }
	.paddingB360 { padding-bottom: 20vw; }
}
@media(max-width: 1500px){
	.mainTit { padding-bottom: 30px; background: url(../images/maintitbg22.svg) no-repeat bottom center; background-size: 60px auto; }
}
@media(max-width: 1100px){
	.mainTit { padding-bottom: 20px; background: url(../images/maintitbg22.svg) no-repeat bottom center; background-size: 40px auto; }
	.paddingT200 { padding-top: 80px; }
	.paddingB200 { padding-bottom: 80px; }
	.paddingT100 { padding-top: 50px; }
	.paddingB100 { padding-bottom: 50px; }
	.borderRadius30 { border-radius: 15px; }
	.paddingB360 { padding-bottom: 180px; }
}
@media(max-width: 600px){
	.paddingT200 { padding-top: 50px; }
	.paddingB200 { padding-bottom: 50px; }
	.paddingT100 { padding-top: 25px; }
	.paddingB100 { padding-bottom: 25px; }
	.paddingB360 { padding-bottom: 120px; }
}
.homeA-b { max-width: 1000px; margin-left:auto; margin-right:auto;  }
.homeB-b .vidBtn { z-index: 3; transition:all 0.3s; margin: 0 auto; width: 80px; height: 80px; border-radius:50%; background: url(../images/vidbtn.svg) no-repeat center/cover; cursor: pointer; position: absolute; right:20px; bottom:20px; }
.homeB-b .vidBtn:hover { transform:scale(0.9); }
.homeB-b .swiper-container { padding-bottom: 50px; }
.homeB-b .swiper-container .swiper-pagination { bottom: 5px; }
.homeB-b .swiper-container .swiper-pagination-bullet { transition:all 0.6s; width: 35px; height: 9px; background: rgba(19, 43, 62, 0.2); opacity: 1; border-radius: 5px; }
.homeB-b .swiper-container .swiper-pagination-bullet-active { width: 95px; background: #C99257; }
@media(max-width: 1600px){
	.homeB-b .vidBtn { width: 72px; height: 72px; }
	.homeB-b .swiper-container { padding-bottom: 40px; }
	.homeB-b .swiper-container .swiper-pagination-bullet { width: 30px; height: 8px; }
	.homeB-b .swiper-container .swiper-pagination-bullet-active { width: 80px; }
}
@media(max-width: 1400px){
	.homeB-b .vidBtn { width: 64px; height: 64px; }
	.homeB-b .swiper-container { padding-bottom: 30px; }
	.homeB-b .swiper-container .swiper-pagination-bullet { width: 24px; height: 5px; }
	.homeB-b .swiper-container .swiper-pagination-bullet-active { width: 60px; }
}
@media(max-width: 1100px){
	.homeB-b .vidBtn { width: 54px; height: 54px; }
}
@media(max-width: 700px){
	.homeB-b .vidBtn { width: 42px; height: 42px; bottom:12px; right:12px; }
}
.color13 { color:#132B3E; }
.homeC-a { padding: 40px 0; background: rgba(144, 160, 200, 0.14);border: 1px solid rgba(255, 255, 255, 0.2); backdrop-filter: blur(235px); }
.homeC-a ul li { position: relative; width: calc(100% - 60px); padding: 40px 0; }
.homeC-a ul li .topT { border-radius: 0 50px 50px 0; display:inline-block; padding:10px 65px 10px 60px; background: linear-gradient(259deg, #AAFDFF 7%, #D8FEFF 94%); border: 1px solid #FFFFFF; }
.homeC-a ul li .line { width: 100%; position: absolute; left:0; bottom:0; }
.homeC-a ul li .lineA { width: 100%; height: 1px; background: rgba(255, 255, 255, 0.2); }
.homeC-c .t { min-height:10px; }
.homeC-c { padding-left: 60px; }
.homeC-c .t1 { width: 15%; padding-right:20px; }
.homeC-c .t2 { width: 35%; padding-right:20px; color: rgb(120,216,222) !important; }
.homeC-c .t3 { width: 50%; }
@media(max-width: 1600px){
	.homeC-a { padding: 30px 0; }
	.homeC-a ul li { width: calc(100% - 50px); padding: 30px 0; }
	.homeC-a ul li .topT { padding:10px 55px 10px 50px; }
	.homeC-c { padding-left: 50px; }
	.homeC-c .t { font-size: 16px; }
}
@media(max-width: 1400px){
	.homeC-a { padding: 20px 0; }
	.homeC-a ul li { width: calc(100% - 40px); padding: 20px 0; }
	.homeC-a ul li .topT { padding: 7px 35px 7px 40px; }
	.homeC-c { padding-left: 40px; }


	.homeC-c .t1 { width: 12%; padding-right:20px; }
	.homeC-c .t2 { width: 38%; padding-right:20px; }
	.homeC-c .t3 { width: 50%; }
	.homeC-c .t { font-size: 14px; }


}
@media(max-width: 1100px){
	.homeC-a { padding: 40px 0; }
}
@media(max-width: 800px){
	.homeC-a { padding: 40px 0; }
	.homeC-c .t1,.homeC-c .t2 { width: 100%; }
	.homeC-c .t2 { width: 100%; margin-top:5px; }
	.homeC-c .t3 { width: 100%; margin-top:5px; }
	.homeC-a ul li { width: calc(100% - 20px); padding: 25px 0; }
	.homeC-a ul li .topT { padding: 5px 25px 5px 30px; }
	.homeC-c { padding-left: 20px; }
	.homeC-a ul li dd { margin-top:20px; }
}
.colorcd { color:#C7D4DE; }
.homeD-b ul { display:flex; flex-wrap:wrap; }
.homeD-b ul li { float:left; width: calc(20% - 28px); margin-right: 35px; }
.homeD-b ul li .icon { border-radius: 500px; overflow: hidden; background: linear-gradient(330deg, rgba(130, 223, 226, 0.1) 23%, rgba(130, 251, 255, 0.55) 98%); }
.homeD-b ul li:nth-child(5n) { margin-right:0; }
.homeD-b ul li:nth-child(n+6) { margin-top: 50px; }
@media(max-width: 1600px){
	.homeD-b ul li { float:left; width: calc(20% - 24px); margin-right: 30px; }
	.homeD-b ul li:nth-child(5n) { margin-right:0; }
	.homeD-b ul li:nth-child(n+6) { margin-top: 25px; }
}
@media(max-width: 1400px){
	.homeD-b ul li .c { font-size:14px; }
	.homeD-b ul li { float:left; width: calc(20% - 16px); margin-right: 20px; }
	.homeD-b ul li:nth-child(n+6) { margin-top: 40px; }
}
@media(max-width: 1100px){
	.homeD-b ul li .c { font-size:14px; }
	.homeD-b ul li { float:left; width: calc(33.33333% - 10px); margin-right: 15px; }
	.homeD-b ul li:nth-child(5n) { margin-right:15px; }
	.homeD-b ul li:nth-child(3n) { margin-right:0; }
	.homeD-b ul li:nth-child(n+4) { margin-top: 30px; }
}
@media(max-width: 600px){
	.homeD-b ul li .c { font-size:14px; }
	.homeD-b ul li { float:left; width: calc(50% - 8px); margin-right: 16px; }
	.homeD-b ul li:nth-child(5n) { margin-right:16px; }
	.homeD-b ul li:nth-child(3n) { margin-right:16px; }
	.homeD-b ul li:nth-child(2n) { margin-right:0; }
	.homeD-b ul li:nth-child(n+3) { margin-top: 20px; }
}
.homeE-b .t { transition:all .5s; position: absolute; right:80px; bottom: 40px; border-radius: 80px; padding: 0 50px; background: rgba(255, 255, 255, 0.2);border: 1px solid rgba(255, 255, 255, 0.6);backdrop-filter: blur(10px); }
.homeE-b .t span { display:inline-block; padding: 18px 0 18px 40px; background: url(../images/homeebg1.svg) no-repeat left center; }
.homeE-a .swiper-container .swiper-pagination { text-align:left; padding: 0px; bottom: 40px; }


@media(max-width: 1700px){
	.homeE-b .t { right:70px; bottom: 35px; padding: 0 40px; }
	.homeE-b .t span { padding: 15px 0 15px 35px; }
}
@media(max-width: 1500px){
	.homeE-b .t { right:60px; bottom: 30px; padding: 0 35px; }
	.homeE-b .t span { padding: 12px 0 12px 30px; }
}
@media(max-width: 1300px){
	.homeE-b .t { right:30px; bottom: 20px; padding: 0 25px; }
	.homeE-b .t span { padding: 10px 0 10px 30px; }
}
@media(max-width: 700px){
	.homeE-b .t { right:10px; bottom: 15px; padding: 0 15px; }
	.homeE-b .t span { padding: 8px 0 8px 20px; font-size: 14px; background: url(../images/homeebg1.svg) no-repeat left center; background-size: 15px auto; }
}
.homeF-b .t { position: absolute; left:0; bottom:45px; width: 100%; padding: 0 20px; }
.homeG-a .c { margin: 0 auto; max-width:610px; }
.homeG-a a { transition:all 0.5s; display:inline-block; padding: 0 50px; background: linear-gradient(254deg, #AAFDFF 7%, #D8FEFF 93%), #D8D8D8; border-radius: 60px; }
.homeG-a a span { transition:all 0.5s; color:#132B3E; display:inline-block; padding:15px 20px 15px 0; background: url(../images/more2.svg) no-repeat right center; }
.homeG-a a:hover { background: linear-gradient(270deg, rgba(144, 240, 255, 0.8) 0%, rgba(51, 209, 255, 0.8) 100%);}
.homeG-a a:hover span { color:#fff; background: url(../images/more3.svg) no-repeat right center; }
/*.homeF-b .swiper-pagination { left: 50%!important; background: rgba(67, 81, 114, 0.702); transform:translateX(-50%); bottom:0; top:auto!important; max-width: 800px; width: 800px; margin: 0 auto; }
.homeF-b .swiper-pagination .swiper-pagination-progressbar-fill { background:#8DFCFF; }*/
.homeF-b .swiper-pagination { width: 1px !important; height: 1px!important; overflow: hidden; opacity: 0; }
.homeF-b .years { margin: 0 auto; max-width: 900px; width: 900px; }

.homeF-b .years ul li { cursor: pointer; position: relative; float:left; width: 14.285714%; text-align:center; position: relative; }
.homeF-b .years ul li .line { position: absolute; top:0; left:0; width: 100%; height: 5px; background:rgba(27, 39, 49, 0.202); }
.homeF-b .years ul li:first-child .line { border-radius: 5px 0 0 5px; overflow: hidden; }
.homeF-b .years ul li:last-child .line { border-radius: 0px 5px 5px 0; overflow: hidden; }
.homeF-b .years ul li .y { font-size: 16px; transition:all 0.5s; color:#1B2731; line-height: 30px; padding-top: 20px; }
.homeF-b .years ul li:before { content:''; width: 9px; height: 9px; border-radius: 50px; background: #1b2731; position: absolute; top: -2px; left: 50%; transform:translateX(-50%); z-index: 2; }
.homeF-b .years ul li.cur .y { font-size: 22px; color:#1B2731; font-weight:bold; }
.homeF-b .years ul { position: relative; }
.homeF-b .years .lineX { width: 14.2857%; z-index: 10; border-radius: 50px; top: -2px; height: 9px; background: #1b2731; position: absolute; left:0; transition: all 0.6s; }
/*.homeF-b .years ul.wid1:before { width: 16.6667%; }
.homeF-b .years ul.wid2:before { width: 33.33332%; }
.homeF-b .years ul.wid3:before { width: 50%; }
.homeF-b .years ul.wid4:before { width: 66.6667%; }
.homeF-b .years ul.wid5:before { width: 83.3333333%; }
.homeF-b .years ul.wid6:before { width: 100%; }*/

@media(max-width: 1600px){
	.homeF-b .t { bottom: 40px; }
	.homeG-a a { padding: 0 45px; }
	.homeG-a a span { padding: 12px 20px 12px 0; }
	.homeF-b .years { margin: 0 auto; max-width: 600px; width: 600px; }
	.homeF-b .years ul li .y { line-height: 20px; padding-top: 15px; font-size:14px; }
	.homeF-b .years ul li.cur .y { font-size: 17px; }
}
@media(max-width: 1400px){
	.homeF-b .t { bottom: 30px; }
	.homeG-a a { padding: 0 40px; }
	.homeG-a a span { padding: 12px 20px 12px 0; }
}
.homeA-a .mainTit.mb { display:none; }
@media(max-width: 1100px){
	.homeG-a a { padding: 0 30px; }
	.homeG-a a span { padding: 10px 16px 10px 0; }
	.homeA-a .mainTit.mb { display:block; }
	.homeA-a .mainTit.pc { display:none; }
	.homeF-b .t { position: relative; bottom:auto; margin-top: 15px; padding-bottom:10px; }
	.homeF-b .years { margin: 0 auto; max-width: 100%; width: 100%; }
	.homeF-b .years ul li .y { font-size:12px; }
	.homeF-b .years ul li.cur .y { font-size: 15px; }
	.homeF-b .years ul li .line { height: 3px; }
	.homeF-b .years ul li:before { width: 5px; height: 5px; top: -1px; }
	.homeF-b .years .lineX { height: 5px; top:-1px; }
}
@media(max-width: 700px){
}
@media(max-width: 500px){
	.homeF-b .t { font-size:14px; }
	.font54 { font-size: 20px; }
}

.homeB-aAA { width: 100%; min-height: 60px; }
.homeB-a { padding: 0 20px; }
.homeB-a dl dd { float:left; width: 32%; text-align:center; }
.homeB-a .line { width: 100%; height: 3px; margin: 10px 0; width: 20%; background: #1B2731; margin: 10px auto; }
.homeB-a .t { color:#1B2731; font-size:16px; font-weight: 600; }
.homeB-a .c { color:#1B2731; font-size:12px; }
.homeB-a dl dd:first-child .line { border-radius: 5px 0 0 5px; overflow: hidden; }
.homeB-a dl dd:last-child .line { border-radius: 0px 5px 5px 0; overflow: hidden; }
.homeB-a dl dd.cur .t { color:#28459A; }
.homeB-a dl dd.cur .line { background: #28459A; }
.homeB-aAB { display:none; opacity: 0; }
.fixed.homeB-aAB { display:none; background: #fff; border-top:1px solid #ededed; opacity: 1; padding: 15px 0; backdrop-filter: blur(30px); position: fixed; width: 100%; left:0; top: 60px; z-index: 10000; }

@media(max-width:1100px){
	.fixed.homeB-aAB { display:block; }
}

@media(max-width: 500px){
	.homeB-a .t { font-size: 14px; }
}
@media(max-width: 400px){
	.homeB-a .t { font-size: 12px; }
}


.homeD-c .vidBtn { z-index: 3; transition:all 0.3s; margin: 0 auto; width: 66px; height: 66px; border-radius:50%; background: url(../images/vidbtn.svg) no-repeat center/cover; cursor: pointer; position: absolute; right:0px; bottom:30px; }
.homeD-c .vidBtn:hover { transform:scale(0.9); }
@media(max-width: 1600px){
	.homeD-c .vidBtn { width: 60px; height: 60px; }
}
@media(max-width: 1400px){
	.homeD-c .vidBtn { width: 54px; height: 54px; }
}
@media(max-width: 1100px){
	.homeD-c .vidBtn { width: 42px; height: 42px; }
}
@media(max-width: 700px){
	.homeD-c .vidBtn { width: 36px; height: 36px; bottom:20px; right:0; }
}




.homeE .homeA-b { max-width: 70% }
.homeE-a .swiper-container { width: 70%; margin: auto; }
@media(max-width: 1100px){
	.homeE .homeA-b { max-width: 100% }
	.homeE-a .swiper-container { width: 100%; margin: auto; }
	.mnarginT20,.homeC-a ul li dd.mnarginT20 { margin-top: 0; }
}

.louceng { background: rgba(223, 232, 237, 1); }
.homeA { padding: 6.5vw 0 6vw;  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); }
@media(max-width: 1100px){
	.homeA { padding: 50px 0 50px; }
}
.homeB { background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); }
.homeD { background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); }
.homeE { background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); }
.homeC { background: #D4E2EB; }

.homeC-a { background:linear-gradient(180deg, rgba(255, 255, 255, 0.45) 5%, rgba(255, 255, 255, 0.9) 100%); }
.homeC-c .t1,.homeC-c .t2 { color: #1B2731!important; font-weight: 600; }


.homeE-a .swiper-container { padding-bottom: 60px; }
.homeE-a .swiper-container .swiper-pagination { width: 100%; text-align:center; left: 0; bottom: 5px; }
.homeE-a .swiper-container .swiper-pagination-bullet { transition:all 0.6s; width: 35px; height: 9px; background: rgba(19, 43, 62, 0.2); opacity: 1; border-radius: 5px; }
.homeE-a .swiper-container .swiper-pagination-bullet-active { width: 95px; background: #C99257; }
@media(max-width: 1600px){
	.homeE-a .swiper-container { padding-bottom: 40px; }
	.homeE-a .swiper-container .swiper-pagination-bullet { width: 30px; height: 8px; }
	.homeE-a .swiper-container .swiper-pagination-bullet-active { width: 80px; }
}
@media(max-width: 1400px){
	.homeE-a .swiper-container { padding-bottom: 30px; }
	.homeE-a .swiper-container .swiper-pagination-bullet { width: 24px; height: 5px; }
	.homeE-a .swiper-container .swiper-pagination-bullet-active { width: 60px; }
}
@media(max-width: 600px){
	.homeE-a .swiper-container .swiper-pagination-bullet { width: 5px; height: 5px; margin: 0 2px; }
	.homeE-a .swiper-container .swiper-pagination-bullet-active { width: 30px; }
}