@charset "utf-8";
/* ===================首页样式========================== */
/* 视频弹窗 */
.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('../fonts/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(0,176,236) 55%, rgb(81,211,255) 100%);color: #fff;  border-bottom-right-radius:260px; border-top-right-radius:260px;}
.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('../images/study-swiper-yanlei2.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('../images/study-swiper-yanlei1.png');}
.index-more{display: block; position: relative;width: 200px;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";}
.index-more .zi{position: relative; background: #fff;}
.banner .index-more .short{transition: all .6s ease 2s;}
.index-more svg {fill: #fff;position: absolute;top: 50%;left: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: 450px;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: 24px;height: 20px;background: url('../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: #333;}
.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: 0; transition: all .4s ease; cursor: pointer; position: absolute;left: 50%;top: 50%;transform: translateX(-50%);width: 70px;height: 70px;align-items: center;justify-content: center;}
.indBrand-video-btn i{transition: all .6s ease; margin-left: 7px; width: 100%;height: 100%;background: url('../images/vdCk.png') no-repeat center/100% auto; display:block;}
.indBrand-video-btn:hover i{animation: indvdI .8s ease-in-out both;}
@keyframes indvdI{0%{transform: scale(1);}30%{transform: scale(.8);}50%{transform: scale(1);}70%{transform: scale(.9);}100%{transform: scale(1);}}

.indvd-click{width: 60px;height: 60px;}
.indvd-click i{display: block;width: 100%;height: 100%;background: url('../images/vdCk2.png') no-repeat center /100% auto;cursor: pointer;}
.indvd-click:hover i{animation: indvdI .8s ease-in-out both;}
@keyframes indvdI{0%{transform: scale(1);}30%{transform: scale(.8);}50%{transform: scale(1);}70%{transform: scale(.9);}100%{transform: scale(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: 240px;}
.indRD-bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.indRD-bg img{width: 100%;height: 100%;}
/* .indRD-bg::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .3);} */
.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('../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('../images/footer-ripplewd.png');}
.indRD .Footer-ripple::after{background-image: url('../images/footer-rippled.png');}
/* news */
.indNews{background: #f8f9fa;}
.indNews-list{justify-content: space-between;}
.indNews-list::after{content: "";width: 24%;}
.indNews-list li{position: relative;width: 24%;}
.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: 180px;}
.indNews-text-con{transition: all .6s ease; height: 100%; background: #fff; display: block; position: relative;z-index: 2;padding: 30px; border:1px solid #eeeff1;}
.indNews-text-bg{transition: all .6s ease; position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #00479d;}
.indNews-text-con .title{font-family: "LTBold"; text-transform: uppercase;color: #232b37;}
.indNews-text-con .text{color: #80888f;}
.indNews-more{transition: all .4s ease;  color: #236af6;position: absolute;padding-left: 50px;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('../images/indnews-more.png') no-repeat center/100% auto;}
.indNews-more:hover{padding-left: 20px;}
.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('../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: 0px;bottom: 0px;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(93% / 7);margin-left: 1%;position: relative;}
.indPro-list.pages a{cursor: unset;}
.indPro-list-bg{width: 100%;height: 100%;overflow: hidden; border-bottom-left-radius:20px; border-top-right-radius:20px;}
.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);}


.toLink{display: inline-block;position: relative;font-size: 14px;color: #666;font-family: 'GothamBook';text-transform: uppercase;padding-right: 22px;background: url('../images/indarr.png') no-repeat right top 7px;transition: all .4s ease;}
.toLink:after{content: "";position: absolute;right: 0;bottom: -2px;width: 0;height: 1px;background: #00479d;transition: all .6s ease;}
.toLink:hover:after{width: 100%;right: auto;left: 0;}
.toLink:hover{color: #00479d;background-image: url('../images/indarrh.png');}
.toLink-white{color: #fff !important;background-image: url('../images/indarrw.png') !important;}
.toLink-white:after{background: #fff !important;}
.pubTitle{width: 100%;text-align: center;}
.pubTitle h6, .pubTitle h1{font-size: 40px;color: #333;}
.pubTitle i{display: block;width: 40px;height: 4px;background: #00479d;margin: 24px auto;}
.pubTitle p{font-size: 14px;color: #999;line-height: 24px;}
.pubTitle-white h6, .pubTitle-white h1{color: #fff;}
.pubTitle-white i{background: #fff;}
.pubTitle-white p{color: #fff;}
.news{width: 100%;padding:20px 0 120px 0;}
.news-list{width: 100%;margin-top: 68px;}
.news-list ul{margin-left: -2%;}
.news-list li{width: 31.3333%;margin-left: 2%;position: relative;float: left;}
.news-imgwd{display: block;width: 100%;}
.news-img{width: 100%;overflow: hidden;border-radius:10px;}
.news-img img{width: 100%;object-fit: cover;transition: all .8s ease-in-out;height: auto;}
.news-wd{width: 100%;padding: 28px 0 0;}
.news-wd span{display: block;font-size: 14px;color: #888;font-family: 'GothamBook';}
.news-wd p{font-size: 20px;color: #333;line-height: 24px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin: 10px 0 30px;transition: all .4s ease;}
.news-imgwd:hover .news-img img{transform: scale(1.04);}
.news-imgwd:hover .news-wd p{color: #00479d;}
.news-imgwd:hover .toLink {color: #00479d;background-image: url('../images/indarrh.png');}
.news-imgwd:hover .toLink:after {width: 100%;right: auto;left: 0;}
/* -------------------------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:370px;height: 500px;}
    .indPublic-text{padding-right: 30px;}
    .indBrand-video-btn{left: 50%;top: 45%;}
    .indBrand-video-btn{width: 65px;height: 65px;}
    .indNews-text-con{padding: 45px 35px;}
    .indNews-more{padding-left: 30px;}
    .indPro-det-logo{width: 55%;}
    .indPro-list-title{bottom: 25px;}
}
@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;}
    .indBrand {padding: 70px 50px 0 105px;}
	.indPro-list-title{ font-size:18px;}
}
@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: 0;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;}
	.indPro-list-title{ font-size:16px;}
}
@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{right: 10%;width: 170px;height: 300px;top: 85%;}
    .index-more svg{width: 46px;height: 46px; left:10PX;}
    .index-more{width: 150px;}
    .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;}
	.indPro-list-title{ font-size:22px;}
    .indRD .Footer-rippleW::after{background-position: left bottom -5px;}
    .indPublic-title-small{font-size: 13px;}
    .indPublic-title-small::after{width: 19px;height: 16px;}
    .indNews-list li{width: 100%;}
    .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: auto;}
    .indNews-more{left: 25px;bottom: 25px;}
    .indNews-text-con .text{margin-top: 5px;}
    .indPro{padding-bottom: 80px;}
    .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: 40%;top: auto;bottom: 0;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;}
	.news-list ul {margin-left: 0;}
    .news-list li {width: 100%;margin-left: 0;}
    .news-wd p {margin: 10px 0 14px; font-size:16px;}
    .news-list li:nth-child(n+2){margin-top: 24px;}
    .news-wd {padding: 18px 0 0;}
}