/* ===================首页样式========================== */
/* 视频弹窗 */
.popVideo{display: none;align-items: center;justify-content: center;position: fixed;z-index: 999999;width: 100%;height: 100%;background: rgba(0,0,0,.5);top: 0;left: 0;}
.popVideo-items{width: 1000px;position: relative;padding: 34px 34px 0;opacity: 0;}
.popVideo-video{width: 100%;}
.popVideo-video video{width: 100%;}
.popVideo-video iframe{width: 100%;height: 500px;}
.popVideo-close{width: 30px;height: 30px;position: absolute;right: 0;top: 0;z-index: 3;background: url('https://www.sungenecell.com/images/closeW.svg') no-repeat center/24px auto;cursor: pointer;opacity: .7;transition: all .6s ease;}
.popVideo-close:hover{opacity: 1;}
.popVideo.active{display: flex;}
.popVideo.active .popVideo-items{animation: popVideRun 1s ease both .4s;}
@keyframes popVideRun {0%{opacity: 0;transform: translateY(-200px);}100%{opacity: 1;transform: translateY(0);}}
@media all and (max-width:1100px) {.popVideo-items{width: 92%;padding: 34px 0 0;}.popVideo-close{right: 0;}.popVideo-video iframe{height: 400px;}}
@media all and (max-width:640px) {.popVideo-video iframe{height: 200px;}}
/* banner */
.bannerBox{position: relative;width: 100%;height: 180vh;}
.bannerBox-sticky{position: sticky;width: 100%;left: 0;top: 0;}
.banner{position: absolute;width: 100%;height: 100vh;left: 0;top: 0;z-index: 20;}
.banner.active{opacity: 0;pointer-events: none;}
.banner-logo-mark{position: absolute;z-index: 99999;left: 0;top: 0;width: 100%;height: 100%;pointer-events: none;}
.bannerBox-blank{width: 100%;height: 100vh;}
.banner-bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.banner-bg img{width: 100%; height: 100vh;}
.banner .contain-1400{overflow: hidden; position: relative;z-index: 2;height: 100vh;display: flex;align-items: center;}
.banner-text{font-family: "LTBold"; transform: translateX(-100%);transition: all 1s ease 0s; width: 50%;padding: 110px 0 80px 60px;background: linear-gradient(135deg, rgb(3,106,255) 0%, rgb(89,215,244) 100%);color: #fff;}
.banner .swiper-slide{overflow: hidden;}
.swiper-slide-active .banner-text{transform: translateX(0);}
.swiper-slide-active .banner-text .title,.swiper-slide-active .banner-text .text,.swiper-slide-active .index-more::after{opacity: 1;}
.banner-text .title{line-height: 1;opacity: 0;transition: all 2.5s ease 1.8s;text-transform: uppercase;}
.banner-text .text{width: 65%;opacity: 0;transition: all 2.5s ease 1.8s;}
.swiper-slide-active .index-more{opacity: 1;}
.banner-pagination{position: absolute;left: 50%;bottom: 40px;transform: translateX(-50%);z-index: 3;}
.banner-pagination .swiper-pagination-bullet{margin-left: 15px; transition: all .4s ease; width: 12px;height: 20px;opacity: 1;border-radius: 0;background: url('https://www.sungenecell.com/images/banner-pagination.png') no-repeat center/100% auto;}
.banner-pagination .swiper-pagination-bullet:first-child{margin-left: 0;}
.banner-pagination .swiper-pagination-bullet-active{background-image: url('https://www.sungenecell.com/images/banner-paginationA.png');}
.index-more{display: block; position: relative;width: 100px;padding: 15px 0;overflow: hidden;opacity: 0;transition: all 2.5s ease 1.8s;}
.index-arrow{align-items: center;}
.index-more span{display: block;z-index: 5;}
.index-more .long{transition: all .6s ease; width: 70px;height: 1px;background: #fff;}
.index-more .short{position: relative;left: -5px; font-size: 20px;color: #fff;font-family: "宋体", "SimSun", "\5B8B\4F53";}
.banner .index-more .short{transition: all .6s ease 2s;}
.index-more svg {fill: #fff;position: absolute;top: 50%;right:30px;width: 56px;height: 56px;transform: translate(50%,-50%);}
.index-more svg .circle {stroke-dasharray:5,2;fill: none;stroke: #fff;stroke-width: 1px;width: 100%;height: 100%;-webkit-transform-origin: center;-ms-transform-origin: center;transform-origin: center;}
.index-more:hover svg .circle{fill: transparent;stroke-width: 1;animation: dash 1.2s ease forwards;}
.index-more:hover .index-arrow{animation: arrow .6s linear forwards;}
@keyframes btnRotate{100%{transform: translate(50%,-50%) rotate(360deg);}}








@keyframes intoLeft{0%{transform: translateX(-100%);}100%{transform: translateX(0);}}
@keyframes intoFade{0%{opacity: 0;}100%{opacity: 1;}}
@keyframes arrow{0%{transform: translateX(0);}50%{transform: translateX(150%);}51%{opacity: 0;}80%{transform: translateX(-50%); opacity: 0;}100%{opacity: 1;transform:  translateX(0);}}
@keyframes dash {0% {stroke-dasharray: 0, 200;stroke-dashoffset: 0;}99% {stroke-dasharray: 200, 0;stroke-dashoffset: -200;}100%{stroke-dasharray:200,0;stroke-dashoffset: 0;}}
/* logo */
.banner .cls-1,.banner .cls-2 {fill: none;stroke: #fff;stroke-width: 140px;stroke-dasharray:0,0;stroke-dashoffset: 0;}
.banner-logo{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 370px;height: 600px;}
.banner-logo-box{padding-top: 15%; height: 0; position: absolute;left: 50%;top: 0;transform: translateX(-50%); z-index: 99;transition: all 2s ease .7s;position: relative;overflow: hidden;}
.banner-logo #logo-1{width: 100%;}
.swiper-slide-active .banner-logo-box{height: 100%;}
/* brand */
.indPublic-text .index-more.gray{transform: translateY(100px);opacity: 0;transition: all 1s 1.2s ease;}
.index-more.gray svg{fill: #232b37;}
.index-more.gray .long{background: #232b37;}
.index-more.gray .short{color: #232b37;}
.index-more.gray .circle{stroke: #232b37;}
.indBrand{width: 100%;position: absolute;left: 0;top: 0; padding:100px 80px 0 210px;overflow: hidden;}
.indBrand-bg{width: 1400px;height: 1000px;border: 150px solid #f4f4f4;border-radius: 50%;transform: translate(-50%,-50%);position: absolute;left: 0;top: 0;}
.indBrand-con{position: relative;width: 100%;}
.indPublic-text{width: 55%;padding-right: 100px;}
.indPublic-title-small{text-transform: uppercase; padding-left: 70px;position: relative;color: #80888f;letter-spacing: 3px;display: inline-block;}
.indPublic-title-small::before{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 50px;height: 1px;background: #80888f;}
.indPublic-title-small::after{content: "";position: absolute;top: -6px;width: 12px;height: 20px;background: url('https://www.sungenecell.com/images/banner-paginationA.png') no-repeat center/100% auto;}
.indPublic-title{font-family: "LTBold"; color: #232b37;position: relative;}
.indPublic-title .title{position: relative;z-index: 2;text-transform: uppercase;line-height: 1.2;}
.indPublic-title .title-bg{font-size: 140px; color: rgba(35, 43, 53, .1);position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
.indPublic-text .text{color: #80888f;}
.indPublic-text .text p{line-height: inherit;}
.indBrand-video{flex: 1;position: relative;transition: all 1s ease 0s;}
.indBrand-video-img{overflow: hidden;height: 100%;display: flex;align-items: center;}
.indBrand-video-img img{width: 100%;transition: all .4s ease;}
.indBrand-video-btn{ opacity: 1; transition: all .4s ease; cursor: pointer; position: absolute;left: 50%;top: 30%;transform: translateX(-50%);width: 70px;height: 70px;display: none;align-items: center;justify-content: center;}
.indBrand-video-btn i{transition: all .6s ease; margin-left: 7px; width: 25px;height: 38px;background: url('../image/indBrand-video-btn.png') no-repeat center/100% auto;}
.indBrand-video-btn::after{transition: all 2s linear; content: ""; width: 100%;height: 100%;position: absolute;left: 0;top: 0;border-radius: 50%;border: 2px dotted #236af6;}
.indBrand-video-btn:hover::after{transform:rotate(180deg);}
.indBrand-video-btn:hover i{transform: scale(1.1);}
.indPublic-text .index-more{opacity: 1;}
.indBrand .indPublic-title-small{transform: translateY(100px);opacity: 0;}
.indBrand .indPublic-title{transform: translateY(100px);opacity: 0; }
.indBrand .indPublic-text .text{transform: translateY(100px);opacity: 0;}
.indBrand .indBrand-video{transform: translateY(100%);opacity: 0;}
.indBrand.active .indPublic-title-small{animation: brandUp .8s ease forwards;}
.indBrand.active .indPublic-title{animation: brandUp .8s .3s ease forwards;}
.indBrand.active .indPublic-text .text{animation: brandUp .8s .6s ease forwards;}
.indBrand.active .indPublic-text .index-more{transform: translateY(0);opacity: 1;}
.indBrand.active .indBrand-video{transform: translateY(0);opacity: 1;}
.indBrand.active .indBrand-video-btn{animation: brandFade 2s ease 2s forwards;}
@keyframes brandUp{100%{opacity: 1; transform: translateY(0);}}
@keyframes brandFade{0%{opacity: 0;}100%{opacity: 1;}}
/* R&D */
.indRD{position: relative;width: 100%;padding-bottom: 300px;}
.indRD-bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.indRD-bg img{width: 100%;height: 100%;}
.indRD .contain-1400{position: relative;z-index: 2;}
.indPublic-text.white{padding-right: 0;width: 60%;}
.indPublic-text.white .indPublic-title,.indPublic-text.white .indPublic-title-small{color: #fff;}
.indPublic-text.white .indPublic-title{}
.indPublic-text.white .text{color: #fff;}
.indPublic-text.white .title{color: #fff;font-family: "LTBold";}
.indPublic-text.white .indPublic-title-small::before{background: #fff;}
.indPublic-text.white .indPublic-title-small::after{background-image: url('https://www.sungenecell.com/images/banner-pagination.png');}
.indRD .Footer-rippleW,.indRD .Footer-ripple{top: auto;bottom: 0;}
.indRD .Footer-ripple{z-index: 12;bottom: 10px;}
.indRD .Footer-rippleW::after{background-image: url('../image/footer-rippleWD.png');}
.indRD .Footer-ripple::after{background-image: url('../image/footer-rippleD.png');}
/* news */
.indNews{background: #f5f5f5;}
.indNews-list{justify-content: space-between;}
.indNews-list::after{content: "";width: 32%;}
.indNews-list li{position: relative;width: 32%;}
.indNews-bg{overflow: hidden;}
.indNews-bg img{width: 100%;transition: all .6s ease;}
.indNews-text{display: block; position: relative; transform: translateY(-25%); width: 80%;margin: 0 auto;height: 300px;}
.indNews-text-con{transition: all .6s ease; height: 100%; background: #fff; display: block; position: relative;z-index: 2;padding: 55px 20px 40px 40px;}
.indNews-text-bg{transition: all .6s ease; position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #eeeff1;}
.indNews-text-con .title{font-family: "LTBold";text-transform: uppercase;color: #171717;}
.indNews-text-con .text{color: #80888f;line-height: 1.65;}
.indNews-more{transition: all .4s ease;color: #146968;position: absolute;padding-left: 25px;left: 40px;bottom: 30px;}
.indNews-more::after{transition: all .4s ease; content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 13px;height: 8px;background: url('../image/indNews-more.png') no-repeat center/100% auto;}
.indNews-more:hover{padding-left: 25px;}
.indNews-list li:hover .indNews-bg img{transform: scale(1.05);}
.indNews-list li:hover .indNews-text-con{transform: translate(-17px,-17px);}
.indNews-list li:hover .indNews-text-bg{transform: translate(17px,17px);}
/* .indPro{padding-bottom: 250px;} */
.indPro-det{position: relative;padding: 30px 80px 90px 100px;overflow: hidden;background: url('https://www.sungenecell.com/images/indPro-bg.png') no-repeat center/100% 100%;}
.indPro-det-bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;}
.indPro-det-bg img{width: 100%;height: 100%;}
.indPro-det-logo{position: absolute;right: 100px;bottom: -50px;z-index: 2;}
.indPro-det-con{position: relative;z-index: 3;}
.indPro-det-con .indPublic-text.white,.indPro-det-img{width: 50%;}
.indPro-det-con .indPublic-text.white{display: flex;flex-direction: column;justify-content: center;}
.indPro-det-img{overflow: hidden;}
.indPro-det-img img{width: 100%;transition: all .6s ease;}
.indPro-list ul{margin-left: -1%;}
.indPro-list a{display: block; width: calc(95% / 5);margin-left: 1%;position: relative;}
.indPro-list.pages a{cursor: unset;}
.indPro-list-bg{width: 100%;height: 100%;overflow: hidden;}
.indPro-list-bg img{width: 100%;height: 100%;transition: all .6s ease;}
.indPro-list-title{transition: all .4s ease; position: absolute;left: 0%;bottom: 35px;width: 100%;text-align: center;color: #fff;font-family: "LTM";}
.indPro-list a:hover .indPro-list-bg img{transform: scale(1.1);}
.indPro-list a:hover .indPro-list-title{transform: translateY(-10px);}
/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
}
@media all and (max-width:1599px) {
    /* 1440 × (700)  */
    .banner-text{padding: 80px 0 60px 40px;}
    .banner-logo{width: 300px;height: 500px;}
    .indPublic-text{padding-right: 30px;}
    .indBrand-video-btn{left: 55%;top: 35%;}
    .indBrand-video-btn{width: 65px;height: 65px;}
    .indNews-text-con{padding: 45px 35px;}
    .indNews-more{padding-left: 30px;}
    .indPro-det-logo{width: 35%;}
    .indPro-list-title{bottom: 25px;}
	
.indRD{padding-bottom: 230px;}

}
@media all and (max-width:1439px) {
    /* 1360 */
}
@media all and (max-width:1359px) {
    /* 1280 */
}
@media all and (max-width:1279px) {
    /* 1152 × (700) */
    .indNews-text-con{padding: 25px;}
    .indNews-text{height: 270px;}
    .indBrand {padding: 70px 50px 0 105px;}
}
@media all and (max-width:1151px) {
    /* 1024 */
}
/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .banner-text{width: 70%;}
    .banner-logo{left: 70%;}
    .indBrand-bg {width: 600px;height: 600px;border: 80px solid #f4f4f4;}
    .indBrand{padding: 50px 4% 0;}
    .indPublic-text{padding-top: 0;}
    .indBrand-video-btn{top: 40%;opacity: 1;}
    .indPublic-text.white{width: 80%;}
    .indRD{height: 600px;;}
    .indPro-det {padding: 30px 30px 50px;}
    .indPro-det-logo{right: 50px;bottom: auto;top: 60px;}
    .indNews-list li{width: 48%;}
    .indBrand .indPublic-title-small,.indBrand .indPublic-title,.indBrand .indPublic-text .text,.indPublic-text .index-more.gray{transform: translateY(0);opacity: 1;}
    .indBrand .indBrand-video{transform: translateX(0);opacity: 1;}
    .bannerBox{height: auto;}
    .banner{position: relative;height: auto;}
    .indBrand{padding-bottom: 30px;position: relative;top: auto;left: auto;height: auto;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .bannerBox-blank{display: none;}
    .banner-bg img{height: 450px;}
    .banner-text{width: 100%;padding: 20px;}
    .banner-text .text{width: 80%;}
    .banner .contain-1400{height: 450px;}
    .banner-logo{left: 96%;width: 170px;height: 300px;top: 50%;}
    .index-more svg{width: 46px;height: 46px;}
    .index-more{width: 80px;}
    .index-more .long{width: 50px;}
    .banner-pagination .swiper-pagination-bullet{width: 9px;height: 15px;margin-left: 10px;}
    .banner-pagination{bottom: 10px;}
    .indPublic-title .title-bg{font-size: 100px;line-height: 1;}
    .indPublic-text{width: 100%;padding-right: 0;padding-bottom: 10px;}
    .indBrand-bg {width: 400px;height: 400px;border: 60px solid #f4f4f4;}
    .indPublic-title{padding: 5px;width: 80%;}
    .indPublic-title-small{padding-left: 40px;letter-spacing: 1px;}
    .indPublic-title-small::before{width: 30px;}
    .indBrand-video{width: 100%;flex: unset;}
    .indBrand-video-btn {top: 27%;width: 55px;height: 55px;opacity: 1;}
    .indBrand-video-btn i{width: 20px;height: 30px;}
    .indPublic-text .index-more{margin-top: 15px;}
    .indPublic-text.white {width: 100%;}
    .indRD{height: auto;padding-bottom: 110px;}
    .indRD .Footer-rippleW::after{background-position: left bottom -5px;}
    .indPublic-title-small{font-size: 13px;}
    .indPublic-title-small::after{width: 9px;height: 16px;}
    .indNews-list li{width: 100%;margin-bottom: 20px;}
    .indNews-list li:hover .indNews-text-bg{transform: translate(10px,10px);}
    .indNews-list li:hover .indNews-text-con {transform: translate(-10px,-10px);}
    .indNews-text {height: 200px;transform: translateY(0);width: 100%;}
    .indNews-more{left: 25px;bottom: 25px;}
    .indNews-text-con .text{margin-top: 5px;}
    .indPro{padding-bottom: 50px;}
    .indPro-det{padding: 40px 15px;}
    .indPro-det-con .indPublic-text.white, .indPro-det-img{width: 100%;}
    .indPro-det-con .indPublic-title{width: 100%;}
    .indPro-det-logo{right: 50%;top: auto;bottom: -30px;transform: translateX(50%);width: 80%;}
    .indPro-list ul{margin-left: 0;justify-content: space-between;}
    .indPro-list a{width: 48%;margin-left: 0;margin-top: 10px;}
    .indPro-list a:nth-child(-n+2){margin-top: 0;}
}