@charset "utf-8";
/* ===================首页样式========================== */
.sectionDot{position: fixed;width:150px;bottom: 50px;z-index: 999;user-select: none;overflow: hidden;}
.sectionDot li{margin:10px;display: flex;justify-content: flex-end;align-items:center;cursor: pointer;position: relative;}
.sectionDot li:hover span{opacity:1;}
.sectionDot li span{font-size: 12px;color: #fff;padding:5px 10px;margin-right:10px;border-radius:50px;background:#00000070;display: block;opacity: 0;transition: all 1s ease;font-family:'GilroyR';line-height: 1;}
.sectionDot li i{display: block;width: 10px;height: 10px;border-radius:50px;background: #ccc;transition: all 1s ease;}
.sectionDot li.active span{opacity: 1;transition: all 1s ease 1.4s;}
.sectionDot li.active i{background:#ad0000;animation-name: example;animation-duration: 1.3s;}
@keyframes example {
  0%   {width:10px;background:#ad0000;}
  25%  {width:50px;background:#ad0000;}
  100% {width:10px;background:#ad0000;}
}
  
body.noLucency .Header-navbar {padding: 160px 0 0 60px;}
#fullpage{transform: none !important;transition: none !important;}
.section{position: absolute !important;top: 0;transition: transform 1s ease 1.4s;}
.section{transform: translateY(100vh);}
.section:first-child{transform: translateY(0);}
.section.fp-completely{z-index: 4;}

.indBg{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;}
.indBg img{width: 100%;height: 100%;object-fit: cover;}
.indChunk{position: absolute;width: 312px;height: 100%;top: 0;left: 0;z-index: 10;background: #2c2a2b;}
.indChunk.active{height: calc(100% + 2px);top: -1px;}
.copyright p{width: 100%;padding-left: 312px;display: flex;align-items: center;justify-content: center;font-size: 14px;color: #fff;height: 44px;background: #2c2a2b;}

.banner{position: relative;}
.banner-cont{height:100%!important;width:100%!important;}
/*.banner-cont{position: absolute;width: 100%;left: 0;bottom: 182px;z-index: 20;color: #fff;opacity: 1;transform: translateX(200px);transition: all 1s ease .2s;}*/
.banner-swiper{width: 100%;height: 100%;}

.banner-cont .title, .banner-cont .subtitle, .banner-cont .desc, .banner-cont .but, .banner-cont .text{opacity: 0;transform: translateY(200px);}
.banner-cont .title{font-family:'Constantia';position: absolute;left:6%;bottom:570px;line-height:50px;font-size:50px;color:#ca2b2f;transition: all 1s ease .5s;}
.banner-cont .subtitle{position: absolute;left:6%;bottom:480px;font-size:60px;color:#fff;transition: all 1s ease .4s;}
.banner-cont .desc{position: absolute;left:6%;bottom:370px;width:180px;font-size:7px;transition: all 1s ease .3s;}
.banner-cont .but{position: absolute;left:6%;bottom:330px;font-size:7px;transition: all 1s ease .2s;}
.banner-cont .but button{padding:0 5px;color:#fff;border-radius:5px;margin-right:10px;}.banner-cont .but button:nth-child(1){background:#ad0000;}.banner-cont .but button:nth-child(2){background:#333;}.banner-cont .but button:nth-child(3){width:20px;height:20px;background:url(../images/index/play.svg) no-repeat;}
.banner-cont .text{font-family:'Constantia';letter-spacing: 10px;font-weight:600;position: absolute;left:6%;bottom:70px;font-size:188px;color:#fff;transition: all 1s ease .1s;}
.banner-cont p{font-size: 72rem;font-weight: 700;line-height: 1.22;}
.banner.in .banner-cont.active .title, .banner.in .banner-cont.active .subtitle, .banner.in .banner-cont.active .desc, .banner.in .banner-cont.active .but, .banner.in .banner-cont.active .text{opacity: 1;transform: translateY(0);}
.banner.in .banner-cont.active .title{transition: all 1s ease 1s;}
.banner.in .banner-cont.active .subtitle{transition: all 1s ease 1.3s;}
.banner.in .banner-cont.active .desc{transition: all 1s ease 1.6s;}
.banner.in .banner-cont.active .but{transition: all 1s ease 1.9s;}
.banner.in .banner-cont.active .text{transition: all 1s ease 2.2s;}
.banner-swiper .swiper-slide img{width:100%;height:auto;min-height:100%;transition:1s linear 2s;transform:scale(1,1);}
.banner-swiper .swiper-slide-active img,.swiper-slide-duplicate-active img{transition:5s linear;transform:scale(1.1,1.1);}
.banner-swiper .swiper-button-next{background:url(../images/common/right.svg);background-size:100%;right:36px;opacity:0.2;}
.banner-swiper .swiper-button-prev{background:url(../images/common/left.svg);background-size:100%;left:36px;opacity:0.2;}
.banner-swiper .swiper-button-prev:hover,.banner-swiper .swiper-button-next:hover{opacity:1;}
/*.banner.in .banner-cont{opacity: 1;transform: translateX(0);transition: all 1s ease .4s;}*/
/*.banner.in.speed .banner-cont{opacity: 1;transform: translateX(0);transition: all 1s ease 1.4s;}*/

.indCont{width: 310px;position: absolute;z-index: 50;}
.indCont .name{font-size: 48px;font-weight: 500;line-height: 1.1;color: #fff;}
.indCont .desc1{font-size: 16px;line-height: 24px;color: #fff;margin-top: 18px;text-align:justify;text-justify:inter-word;max-height: 144px;overflow: hidden;-webkit-line-clamp: 6;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.indCont .link{width: 100%;margin-top: 20px;}
.about-cont .link a{display: flex;align-items: center;justify-content: center;width: 166px;height: 50px;border-radius: 25px;background: #ad0000;font-family:'GilroyR';font-size: 16px;color: #fff;transition: all .4s ease;}
.about-cont .link a:hover{box-shadow: 0 4px 30px 4px rgba(173, 0, 0, 0.4);}

.into{position: relative;}
.into-cont{height: 100%;width:100%;padding: 120px 65px;overflow: hidden;}
.into-cont .introduce{display:flex;height:110%;}
.into-cont .introduce li{cursor: pointer;background: #fff;transition: all .4s ease;opacity: 0;transform: translateY(200px);width:31.73%;margin:0.8%;}
.into-cont .introduce li .image{width: 100%;height:67%;overflow: hidden;}
.into-cont .introduce li .image img{transition:0.6s;width:100%;}
.into-cont .introduce li .white-panel{padding: 20px;flex: 1;}
.into-cont .introduce li .white-panel .title{font-size: 22px;color: #333;font-weight: 400;padding-bottom: 10px;}
.into-cont .introduce li .white-panel p{font-size: 14px;color: #999;line-height: 24px;min-height: 48px;overflow: hidden;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.into-cont .introduce li .white-panel .link a{text-align: left;font-size:14px;color:#ad0000;}
.into-cont .introduce li:hover{box-shadow:0 11px 106px 0 rgba(0,0,0,.14);}
.into-cont .introduce li:hover .image img{transform:scale(1.1,1.1);}
.into .into-cont .introduce li:nth-child(1){transition: all 1s ease 0.2s;}
.into .into-cont .introduce li:nth-child(2){transition: all 1s ease 0.4s;}
.into .into-cont .introduce li:nth-child(3){transition: all 1s ease 0.6s;}
.into.in .into-cont .introduce li:nth-child(1){opacity:1;transform: translateY(0px);transition: all 1s ease 1.2s;}
.into.in .into-cont .introduce li:nth-child(2){opacity:1;transform: translateY(0px);transition: all 1s ease 1.6s;}
.into.in .into-cont .introduce li:nth-child(3){opacity:1;transform: translateY(0px);transition: all 1s ease 2s;}

.about{position: relative;background:#f3f5f9;}
.about.in .aboutMenu{opacity:1;transition: all 1s ease 1s;}
.aboutMenu{opacity:0;transition: all 1s ease 1s;position: absolute;left: 74px;height: 340px;top: 50%;z-index: 99;margin-top: -170px;width: 120px;user-select: none;}
.aboutMenu li{width: 100%;margin-top: 20px;position: relative;}
.aboutMenu li:first-child{margin-top: 0;}
.aboutMenu li::after{content: "";position: absolute;width: 1px;height: 30px;background: #fff;right: 4px;top: 48px;}
.aboutMenu li:last-child:after{display: none;}
.aboutMenu li p{width: 100%;display: flex;align-items: center;height: 52px;justify-content: space-around;cursor: pointer;}
.aboutMenu li p span{font-size: 16px;font-weight: 700;opacity: 0.5;color: #fff;display: block;width: 100%;position: relative;transition: all .6s ease;}
.aboutMenu li p i{width: 9px;height: 9px;border-radius: 50%;border: 2px solid #fff;position: relative;}
.aboutMenu li p i::after{content: "";width: 42px;height: 42px;position: absolute;top: 50%;left: 50%;margin-top: -21px;margin-left: -20px;border: 2px solid #fff;border-radius: 50%;transform: scale(0);opacity: 0;transition: all 0.6s ease;}
.aboutMenu li:hover p span{opacity: 1;}
.aboutMenu li.active p span{opacity: 1;}
.aboutMenu li.active p i::after{transform: scale(1);opacity: 1;}
.about .fp-tableCell{position: relative;}
.about-cont{height: auto;right: 7%;bottom: 28vh;width:300px;}
.about-swiper{width: 100%;height: 100%;}
.about-cont .name, .about-cont .desc, .about-cont .link{opacity: 0;transform: translateY(200px);}
.about .pro-img{opacity:0;overflow:hidden;text-align:center;position:absolute;padding-bottom:50px;bottom:20%;left:22%;width:46%;height:65%;transition: all 1s ease 0.4s;}
.about .pro-img img{height:60vh;}
.about .pro-img .swiper-pagination-bullet{width:10px;height:10px;border-radius:6px;transition: all 0.6s ease 0s;}
.about .pro-img .swiper-pagination-bullet-active{width:25px;background:#ad0000; }
.about .pro-img .swiper-pagination{bottom:0px;}
.about .pro-img .swiper-slide{opacity:0!important;}
.about .pro-img .swiper-slide-active{opacity:1!important;}


.about-cont .name{color:#000;margin-bottom:15px;transition: all 1s ease .5s;}
.about-cont .desc{margin-bottom:20px;transition: all 1s ease .3s;}
.about-cont .link{display:flex;transition: all 1s ease .1s;}
.about-cont .link a{margin-right:10px;padding:8px 15px;border-radius:0px;}
.about.in .about-cont.active .name, .about.in .about-cont.active .desc, .about.in .about-cont.active .link{opacity: 1;transform: translateY(0);}
.about.in .pro-img.active{opacity:1;transition: all 1s ease 1.4s;}
.about.in .about-cont.active .name{transition: all 1s ease 1.4s;}
.about.in .about-cont.active .desc{transition: all 1s ease 1.6s;}
.about.in .about-cont .desc h3{color:#333;font-weight:600;font-size:16px;margin-bottom:10px;}
.about.in .about-cont .desc ul{margin-left:20px;}
.about.in .about-cont .desc ul li{list-style:disc;}
.about.in .about-cont.active .link{transition: all 1s ease 1.8s;}
@keyframes aboutRun {0%{opacity: 0;transform: translateY(200px);}100%{opacity: 1;transform: translateY(0);}}

.news{position: relative;}
.news.in .title{transition: all 1s ease 3s;opacity:1;}
.news .title{color:#000;position: absolute;top: 100px;left: 100px;z-index: 11;font-size: 24px;font-weight: 600;opacity:0;transition: all 1s ease 0.8s;}
.news-list{padding:130px 65px 100px 65px;position: absolute;z-index: 10;top: 0;left: 0;height: 100%;width:100%;display:flex;flex-wrap:wrap;}
.news-link{width: 33.33%;padding:15px;height: 50%;opacity: 0;transform: translateY(200px);}
.news-link a{background:#f00;position:relative;}
.news-link a:hover .image{box-shadow:0 11px 106px 0 rgba(0,0,0,.14);}
.news-link a .image{height:100%;overflow:hidden;width:100%;}
.news-link a .image img{width:100%;transition:0.6s;}
.news-link a .name{padding:10px;background:#00000050;position:absolute;bottom:0;width:100%;}
.news-link .name, .news-link .desc, .news-link .time{padding-left: 26px;}
.news-link .name{background: url('../images/index/indarr.png') no-repeat left top 2px;font-size: 18px;color: #fff;line-height: 1.1;transition: all .4s ease;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.news-link .desc{font-size: 14px;color: #ffff;opacity: 0.5;line-height: 24px;transition: all .4s ease;margin: 18px 0 20px;height: 48px;overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.news-link .time{font-size: 14px;font-family:'GilroyR';line-height: 1.1;color: #fff;}
.news-link:hover .image img{transform:scale(1.1,1.1);}
.news .news-link:nth-child(1){transition: all 1s ease 0.7s;}
.news .news-link:nth-child(2){transition: all 1s ease 0.6s;}
.news .news-link:nth-child(3){transition: all 1s ease 0.5s;}
.news .news-link:nth-child(4){transition: all 1s ease 0.3s;}
.news .news-link:nth-child(5){transition: all 1s ease 0.2s;}
.news .news-link:nth-child(6){transition: all 1s ease 0.1s;}
.news.in .news-link:nth-child(1){opacity:1;transform: translateY(0px);transition: all 1s ease 1.2s;}
.news.in .news-link:nth-child(2){opacity:1;transform: translateY(0px);transition: all 1s ease 1.5s;}
.news.in .news-link:nth-child(3){opacity:1;transform: translateY(0px);transition: all 1s ease 1.8s;}
.news.in .news-link:nth-child(4){opacity:1;transform: translateY(0px);transition: all 1s ease 2.1s;}
.news.in .news-link:nth-child(5){opacity:1;transform: translateY(0px);transition: all 1s ease 2.5s;}
.news.in .news-link:nth-child(6){opacity:1;transform: translateY(0px);transition: all 1s ease 2.8s;}


.footer{position:relative;}
.footer .footer-box{padding:150px 90px;position: absolute;z-index: 10;top: 0;left: 0;height: 100%;width:100%;display:flex;justify-content: space-between;}
.footer .footer-box .ft-head{padding-bottom: 20px;display: flex;flex-direction:row-reverse;font-size: 14px;position: relative;}
.footer .footer-box .ft-demo:nth-child(5){padding-bottom:50px;border-bottom: 1px solid #666;}
.footer .footer-box .ft-demo .ft-demo-head{font-weight:600;font-size: 16px;margin: 50px 0 30px;color:#fff;}
.footer .footer-box .ft-head .footer-logo{width:260px;position: absolute;bottom: 7px;left:0;cursor: pointer;}
.footer .footer-box .ft-head .footer-head-contact{font-size:18px;color:#fff;}
.footer .footer-box .ft-demo .ft-demo-content{display: flex;align-items: center;justify-content: space-between;}
.footer .footer-box .ft-demo .ft-demo-content .ft-demo-links .ft-demo-link{font-size: 16px;color: #fff;margin-right: 25px;opacity: .6;transition: all .4s ease;}
.footer .footer-box .ft-demo .ft-demo-content .ft-demo-links .ft-demo-link:hover{color:#ad0000;}
.footer .footer-box .ft-content .ft-demo-icons{display: flex;align-items: center;width:400px;margin-top:30px;}
.footer .footer-box .ft-content .ft-demo-icons .ft-demo-code{margin:0 20px;position: relative;transition: opacity .4s ease;}
.footer .footer-box .ft-content .ft-demo-icons .ft-demo-code .ft-demo-image{opacity:.6;}
.footer .footer-box .ft-content .ft-demo-icons .ft-demo-link{margin:0 20px;opacity: .6;transition: opacity .4s ease;}
.footer .footer-box .ft-content .ft-demo-icons .ft-demo-code .ft-demo-qr{text-align:center;width:135px;display: none;background-color: #545454;position: absolute;bottom: 50px;left: 50%;transform: translateX(-50%);padding: 10px;color: #fff;font-size: 14px;}
.footer .footer-box .ft-content .ft-demo-icons .ft-demo-code:hover .ft-demo-qr{display: flex}
.footer .footer-box .ft-content .ft-demo-icons .ft-demo-code .ft-demo-qr .ft-demo-qr-item .ft-demo-qr-image{width: 115px}
.indNext{width: 52px;height: 52px;opacity: 0;transition: opacity .6s ease 0s;overflow: hidden;user-select: none;border-radius: 50%;background: #ad0000 url('../images/common/arrDW.svg') no-repeat center/20px auto;position: fixed;z-index: 999;right: 50px;bottom: 50px;cursor: pointer;}
.indNext:hover{animation: indNextRun .8s ease both;}
@keyframes indNextRun{0%{background-position: center top 50%;}50%{background-position: center top calc(100% + 20px);}50.00001%{background-position: center top -20px;}100%{background-position: center top 50%;}}
.indNext.active{opacity: 1;transition: opacity .6s ease 1.4s;}
.indNext.end{transform: rotate(180deg);}

.section-svg{position: absolute;z-index: 15;}
.banner .section-svg{width: 700px;top: -4px;left: 50%;margin-left: -350px;opacity: 0;animation: toShow 1s ease both .5s;}
@keyframes toShow {0%{opacity: 0;}100%{opacity: 1;}}
.banner .cls-1, .banner .cls-2,.banner .cls-3{fill:none;stroke-miterlimit:10;}
.banner .cls-1, .banner .cls-3{stroke:#fff;}
.banner .cls-1{stroke-width:1.5px;}
.banner .cls-2{stroke:#fff;}
.banner .cls-3{stroke-width:26px;}

.into .section-svg{width: 840px;top: 172px;left: 164px;}
.into .cls-1,.into .cls-2,.into .cls-3{fill:none;stroke:#fff;stroke-miterlimit:10;}
.into .cls-1{stroke-width:1.5px;}
.into .cls-2{stroke-width:26px;}
.into .cls-3{stroke-width:27px;}

.about .section-svg{width: 778px;top: 172px;left: 164px;}
.about .cls-1, .about  .cls-2, .about  .cls-3{fill:none;stroke:#fff;stroke-miterlimit:10;}
.about .cls-1{stroke-width:1.5px;}
.about .cls-2{stroke-width:26px;}
.about .cls-3{stroke-width:27px;}

.news .section-svg{width: 580px;top: 172px;left: 194px;}
.news .cls-1, .news .cls-2, .news .cls-3{fill:none;stroke:#fff;stroke-miterlimit:10;}
.news .cls-1{stroke-width:1.5px;}
.news .cls-2{stroke-width:26.5px;}
.news .cls-3{stroke-width:26px;}

.indexFooter{transition: all 1s ease 0.4s;position: fixed;display: flex;align-items: center;justify-content: center;z-index: 99;left: 0;bottom: 0;height: 44px;font-size: 14px;color: rgba(255, 255, 255, 0.8);background: rgba(44, 42, 43, 0.5);width: 100%;}
.indexFooter a{margin-left: 12px;transition: all .4s ease;position: relative;}
.indexFooter a:hover{text-decoration: underline;}
.indexFooter.active{transform: translateY(-50px);transition: all 1s ease 1s;}

/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
    .banner-cont p {font-size: 66px;}
    .banner-cont {bottom: 0px;}
    .banner .section-svg {width: 640px;margin-left: -320px;}
    .into .section-svg {width: 770px;top: 180px;left: 176px;}
    .into-cont {bottom:0;}
    .about .section-svg {width: 720px;top: 180px;left: 174px;}

    .news .section-svg {width: 540px;top: 180px;left: 202px;}
}

@media all and (max-width:1599px) {
    /* 1440 × (700)  */
    .sectionDot {right: 20px;bottom:calc(50vh - 85px);}
    .banner-cont p {font-size: 52px;}
    .banner .section-svg {width: 550px;margin-left: -275px;}
    .indCont .name {font-size: 40px;}
    .into-cont {bottom:0;}
    .indChunk {width: 250px;}
    .into .section-svg {width: 650px;top: 170px;left: 135px;}
    .aboutMenu {left: 60px;}
    .about .section-svg {width: 580px;top: 180px;left: 139px;}
    .indNext{right: 40px;}
		body.noLucency .Header-navbar {padding: 120px 0 0 60px;}
		.Header-navbar {padding: 140px 0 0 60px;}
    .news-link .desc {margin: 14px 0 16px;}
    .news .section-svg {width: 450px;top: 150px;left: 158px;}
}

@media all and (max-width:1439px) {
    /* 1360 */
		.banner.in .banner-cont .title{bottom:420px;font-size:45px;}
		.banner.in .banner-cont .subtitle{bottom:360px;font-size:40px;}
		.banner.in .banner-cont .desc{bottom:250px;}
		.banner.in .banner-cont .but{bottom:220px;}
		.banner.in .banner-cont .text{bottom:30px;font-size:160px;}
    .news-link {width: 33.33%;transform: translateX(600px);padding: 10px;}
    .about .section-svg {width: 540px;top: 180px;left: 197px;} 
		.ft-content{bottom:230px;}
		.ft-content h3{font-size:18px;margin-bottom:15px;}
		.ft-content p{margin-bottom:10px;}
		.footer .footer-box .ft-demo .ft-demo-head{margin:35px 0 20px 0;}
}

@media all and (max-width:1359px) {
    /* 1280 */
    .banner-cont p {font-size: 44px;}
    .banner .section-svg {width: 460px;margin-left: -300px;}
    .into-cont {right: 0;}
    .into .section-svg {width: 540px;top: 170px;left: 205px;}
    .aboutMenu{width: 110px;}
    .about .section-svg {width: 470px;top: 180px;left: 210px;}
    .indCont .link a {width: 144px;height: 42px;}
    .indCont .name {font-size: 36px;}
		.banner.in .banner-cont .title{bottom:360px;font-size:45px;}
		.banner.in .banner-cont .subtitle{bottom:290px;font-size:40px;}
		.banner.in .banner-cont .desc{bottom:190px;}
		.banner.in .banner-cont .but{bottom:160px;}
		.banner.in .banner-cont .text{bottom:0px;font-size:140px;}
		.about .pro-img{width:45%;}
		.into-cont .introduce{height:120%;}
		.into-cont .introduce li .image{height:56%;} 
		.indCont .link{margin-bottom:5px;}
    .news-link {width: 33.33%;transform: translateX(540px);padding: 5px 10px;}
    .news .section-svg {width: 420px;top: 150px;left: 215px;}
    .footer .footer-box .ft-demo .ft-demo-head{margin:35px 0 18px 0;}
		.ft-content{bottom:200px;}
    /* 缩放 */
    body.windowScale .banner-cont p {font-size: 40px;}
    body.windowScale .banner-cont {bottom: 10%;}
    body.windowScale .banner .section-svg {width: 360px;margin-left: -280px;}
    body.windowScale .into .section-svg {width: 520px;top: 110px;left: 157px;}
    body.windowScale .about .section-svg {width: 410px;top: 120px;left: 171px;}
    body.windowScale .news .section-svg {width: 360px;top: 86px;left: 176px;}
}

@media all and (max-width:1279px) {
    /* 1152 × (700) */
    .banner .section-svg {width: 410px;margin-left: -276px;}
    .into .section-svg {width: 480px;top: 218px;left: 215px;}
    .about .section-svg {width: 355px;top: 170px;left: 232px;}
    .about-cont {bottom: 141px;}
    .news .section-svg {width: 320px;top: 150px;left: 235px;}
}

@media all and (max-width:1151px) {
    /* 1024 */
    .banner .section-svg{top: 30%;}
    .into-cont {justify-content: flex-end;padding-bottom: 20%;}
    .about-cont{right: auto;left: 360px;}
    .news-list {top: auto;bottom: 0;height: 52%;}
    .news-link:nth-child(1) {padding-top: 0;height: 32%;}
    .news-link:nth-child(2){height: 32%;}
    .news-link:nth-child(3){height: 36%;}
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .banner .section-svg {top: 23%;}
    .indChunk {width: 270px;}
    .into .section-svg {width: 480px;top: 218px;left: 185px;}
    .about .section-svg {width: 338px;top: 170px;left: 205px;}
    .into-cont {right: 4%;}
    .aboutMenu li {margin-top: 24px;}
    .aboutMenu li::after{height: 24px;}
    .aboutMenu{height: 280px;}
    .about-cont {left: 320px;bottom: 110px;}
    .news .section-svg {width: 320px;top: 150px;left: 182px;}
    .news-list{height: auto;width: calc(100% - 270px);}
    .news-link{width: 100%;transform: translateX(100%);padding: 40px 120px 40px 50px !important;background: rgba(44, 42, 43, 0.8);}
    .news-link:nth-child(3){padding-bottom: 130px !important;}
    .news .section-svg {width: 300px;top: 110px;left: 209px;}
    .sectionDot{left: 4%;}
    .indNext{right: 4%;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .indexFooter {height: auto;font-size: 12px;padding: 8px 0;text-align: center;}
    .indexFooter p{padding: 0 4%;}
    .indexFooter a {margin-left: 8px;}
    .sectionDot{bottom: 56px;}
    .indNext{width: 40px;height: 40px;bottom: 56px;animation: none !important;}
    .banner-cont p {font-size: 32px;}
    .banner-cont {bottom: 120px;transform: translateX(160px);}
    .banner .section-svg {width: 280px;margin-left: -140px;}
    .indChunk {width: 100%;height: 40% !important;top: 0 !important;background: linear-gradient(to bottom,rgba(44, 42, 43, 0.6),rgba(44, 42, 43, 0));}
    .indCont{width: 100%;}
    .into-cont .name, .into-cont .desc, .into-cont .link{transform: translateX(180px);}
    .indCont .name {font-size: 28px;}
    .indCont .desc {margin-top: 10px;max-height: 72px;-webkit-line-clamp: 3;}
    .indCont .link {margin-top: 16px;}
    .indCont .link a {width: 120px;height: 38px;}
    .into-cont{right: 0;width: 100%;padding: 0 4% 120px;}
    .into .section-svg {width: 280px;top: 128px;left: 50%;margin-left: -140px;}
    .about-cont .name, .about-cont .desc, .about-cont .link {transform: translateY(160px);}
    .about .section-svg {width: 280px;top: 100px;left: 50%;margin-left: -140px;}
    .about-cont {left: 0;bottom: 120px;padding: 0 4%;}
    .aboutMenu li p{height: 24px;}
    .aboutMenu li p span{display: none;}
    .aboutMenu li p i::after {display: none;}
    .aboutMenu {width: 10px;right: 10px;height: 126px;margin-top: -60px;}
    .aboutMenu li {margin-top: 10px;}
    .aboutMenu li::after {height: 16px;top: 22px;}
    .aboutMenu li p i{transition: all .6s;}
    .aboutMenu li.active p i {border: 2px solid #ad0000;}
    .news-list{width: 100%;}
    .news-link {padding: 24px 4% !important;}
    .news-link:nth-child(3) {padding-bottom: 120px !important;}
    .news-link .desc{display: none;}
    .news-link .name{font-size: 16px;margin-bottom: 8px;}
    .news-link .name, .news-link .desc, .news-link .time {padding-left: 20px;}
    .news .section-svg {width: 200px;top: 80px;left: 50%;margin-left: -100px;}
}