@charset "utf-8";
/* ===================首页样式========================== */
.banner-bg img{width: 100%;height: 100vh; overflow: hidden;}
.banner-con{position: absolute;;left: 0;top: 0;width: 70%;height: 100%; z-index: 2;}
.banner-con .contain{height: 100%;flex-direction: column;justify-content: center;}
.banner-con .title{opacity: 0;transform: translateY(100px);transition: all 1s .1s ease;margin: 1.8rem 0;}
.banner-con .content{opacity: 0;transform: translateY(100px);transition: all 1s .1s ease;}
.banner-con .longtitle{opacity: 0;transform: translateY(100px);transition: all 1s .1s ease;text-transform: uppercase;}
.banner-con .comMore-box{opacity: 0;transform: translateY(100px);transition: all 1s ease;}
.swiper-slide-active .banner-con .longtitle{opacity: 1;transform: translateY(0);transition-delay: .5s;}
.swiper-slide-active .banner-con .title{opacity: 1;transform: translateY(0);transition-delay: .6s;}
.swiper-slide-active .banner-con .content{opacity: 1;transform: translateY(0);transition-delay: .7s;}
.swiper-slide-active .banner-con .comMore-box{opacity: 1;transform: translateY(0);transition-delay: .9s;}
.swiper-slide-active.first .banner-con .title{}
.swiper-slide-active.first .banner-con .comMore-box{}
.banner-pagination-box{position: absolute;left: 0;bottom: 35px;width: 100%;z-index: 2;}
.banner-pagination .swiper-pagination-bullet{margin-left: 3px;width: 36px;height: 36px;position: relative;background: transparent;opacity: 1;border-radius: 0;}
.banner-pagination .swiper-pagination-bullet:first-child{margin-left: 0;}
.banner-pagination .swiper-pagination-bullet::before{transition: all .4s ease; content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 4px;height: 4px;border-radius: 50%;background: rgba(255, 255, 255, .5);}
.banner-pagination .swiper-pagination-bullet::after{content: "";opacity: 0;transition: all .6s ease;animation: banPage 2s linear infinite; position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url('../images/index/banner-pagination.png') no-repeat center/100% auto;}
.banner-pagination .swiper-pagination-bullet-active::before{background: #fff;width: 8px;height: 8px;}
.banner-pagination .swiper-pagination-bullet-active::after{opacity: 1;}
@keyframes banPage {0%{transform: rotate(0);}100%{transform: rotate(360deg);}}

.telbanner{display: none}
@media (max-width: 1200px) {
.banner{display: none}
.telbanner{display: block}
.telbanner{display: block;width: 100%; height: 95%;background: url('../images/b1.jpg') no-repeat center top;background-size: 100%;margin-top:55px}
.telbanner video{height: 100%;width: 100%;}
}

.swiper-box{}
.swiper-box video{width:100%;object-fit:cover;z-index:1;position: relative;display: block;height: 100vh; overflow: hidden;}
.mm_bg{top: 0;height: 100%;width: 100%; z-index: 2;position: absolute;background:  url(../images/hhbg2.png) no-repeat left top;background-size: cover;}
.public_title_icon{width: 2.5rem;}
.public_title_icon svg{fill: #fff; margin-right: 0.8rem;}



/*首页公司简介*/
.hidden{ overflow: hidden;}
.posi{ position: relative;}
.w50{ width: 50% ;}
.transition{ transition: all .36s;}
.block{  display: block;}
.flex-between-center{  display: flex; justify-content: space-between; align-items: center;}
.idxResearch {background: url(../images/idxResearchBg.png) no-repeat left bottom #eaf6fb;background-size: 50% auto; padding: 4% 0;}
.idxResearchUl {height: 725px; width: 45%;}
.idxResearchUl a {width: 29vw;position: absolute;filter: blur(0.20833vw);-webkit-filter: blur(0.20833vw);animation-name: float;animation-duration: 8s;animation-timing-function: ease-in-out;animation-iteration-count: infinite;}
.idxResearchUl a .tit {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);}
.idxResearchUl a:nth-child(1) {top: 15%;right: 0;}
.idxResearchUl a:nth-child(2) {top: -5%;left: 13%;}
.idxResearchUl a:nth-child(3) {top: 25%;left: -18%;}
.idxResearchUl a:nth-child(4) {top: 50%;left: 10%;}
.idxResearchUl a:nth-child(3).on {left: 0;}
.idxResearchUl a:nth-child(4).on {top: 25%;left: 26%;}
.idxResearchUl a:nth-child(1) .con {transform: scale(.3);-webkit-transform: scale(.3);-moz-transform: scale(.3);-ms-transform: scale(.3);-o-transform: scale(.3);}
.idxResearchUl a:nth-child(2) .con {transform: scale(.65);}
.idxResearchUl a:nth-child(3) .con {transform: scale(.5);-webkit-transform: scale(.5);-moz-transform: scale(.5);-ms-transform: scale(.5);-o-transform: scale(.5);}
.idxResearchUl a:nth-child(4) .con {transform: scale(.4);-webkit-transform: scale(.4);-moz-transform: scale(.4);-ms-transform: scale(.4);-o-transform: scale(.4);}
.idxResearchUl a.on {z-index: 10;filter: none;-webkit-filter: none;}
.idxResearchUl a.on .con {transform: scale(1) !important;-webkit-transform: scale(1) !important;-moz-transform: scale(1) !important;-ms-transform: scale(1) !important;-o-transform: scale(1) !important;}

.idxResearch_box{width: 47%; margin-right: 4%;}
.idxResearch_logo{display: flex; display:-webkit-flex;-webkit-justify-content: left;   justify-content:left; align-items: center;-webkit-align-items: center;}
.idxResearch_logo .img{width: 25%;}
.idxResearch_logo .img img{width: 100%;}
.idxResearch_logo .text{margin-left: 1rem; }
.idxResearch_logo .text h2{ color: #05c16a;font-weight: bold;}
.idxResearch_logo .text em{font-style: normal; color: #333;font-weight: bold;}

.idxResearch_text{margin: 4% 0;}
.idxResearch_text p{}
.idxResearch_more .public_button_text{color: #333;}

@media (max-width: 1440px) {
    .idxResearchUl {height: 500px;}
.idxResearchUl a{width: 24vw;}
}

@media (max-width: 1350px) {
 .idxResearchUl {height: 350px;}
 .idxResearchUl a{width: 23vw;}
}


@media (max-width: 1200px) {
    .idxResearch{padding: 30px 0;}
.idxResearch_box{width: 96%; margin:0 auto}
.public_button_read{width: 100px;}
.public_button_text{line-height: 40px;font-size: 16px;}
.public_button_icon{width: 40px; height: 40px;;}
 .idxResearchUl{width: 100%; margin: 0 auto; height: 300px;}
 .idxResearchUl a{width: 56vw;}
 .idxResearchUl a:nth-child(2){top: 0;}
}

/*视频弹出*/
.index-video {	position: fixed; z-index:999999999999999; left:0; top:0; width:100vw; height:100vh; background:rgba(0,0,0,0.8);display: none;}
.index-video .x-btn { top: 5%; right: 5%;}
.x-btn { position: absolute; width: 75px; height: 75px;	line-height: 75px;	text-align: center;	color: #fff; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: 0.3s;	-o-transition: 0.3s; transition: 0.3s;	font-size: 24px; z-index: 50;transition:.4s all;}
.x-btn:hover {transform: rotate(360deg); -webkit-transform: rotate(360deg);	color: #fff;}
.search-close { width:60px; height:60px; cursor: pointer; transition:.4s all; display:block; position:absolute; right:0; top:0;}
.search-close:hover {  color: #fff; transform: rotate(360deg); -webkit-transform: rotate(360deg); }

.about_video{width: 90%; margin: 4% auto 0 auto; position: relative; height: 75vh; overflow: hidden;border-radius: 10px}
.about_video .about_video_img{background: #000; position: absolute; width: 100%; height: 100%; overflow: hidden;}
.about_video .about_video_img img{opacity: 0.8; width: 100%;}
.about_video .about_video_text{position: absolute;z-index: 1; left: 50%; margin-left:-3rem; top: 50%; margin-top: -3rem;}
.video-box video {position: absolute;left: 50%;margin-left:-40%;top: 50%;margin-top:-20%;width: 80%;height: 80%;-o-object-fit: cover;object-fit: cover;}
.video-box iframe {position: absolute;left: 50%;margin-left:-40%;top: 50%;margin-top:-20%;width: 80%;height: 80%;-o-object-fit: cover;object-fit: cover;}
.bofang {color: #fff;font-size: 1.2rem;text-align: center; cursor: pointer;}
.bofang i {width:6rem;height: 6rem;display: block;display: flex;align-items: center;position: relative;justify-content: center;margin: 0 auto 1rem auto;}
.bofang i:after {content: "";display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;animation: rota360 2s linear infinite;background: url(../images/index/bainyuancion1.png) no-repeat center;background-size: contain;}
.bofang i img {width: 26.8%;object-fit: contain;float: left;-webkit-transition: all 0.3s linear;transition: all 0.3s linear;transform: scale(0.91);}
@media (min-width: 1200px) {
.bofang i:hover img {transform: scale(1);}

}
@media (max-width: 1200px) {
.about_video .about_video_text{margin-left:-8rem}
}
@keyframes rota360 {
to {
transform: rotate(0);
}
from {
transform: rotate(360deg);
}
}

.about_video .about_video_img  img{object-fit:cover;object-position:50% 50%;display:block;width:100%;height:100%;-webkit-animation: scaleUpDown 5s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94);/* animation: scaleUpDown 8s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94); */}
@-webkit-keyframes scaleUpDown {
from { -webkit-transform: scale(1.05); transform: scale(1.05); }
to { -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes scaleUpDown {
from { -webkit-transform: scale(1.2); transform: scale(1.2); }
to { -webkit-transform: scale(1); transform: scale(1); }
} 

.radius5{ border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.radius8{ border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }
.radius10{ border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
.radius15{ border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; }
.radius20{ border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }
.radius40{ border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; }
.radius50{ border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.radius80 {border-radius: 80px;-webkit-border-radius: 80px;-moz-border-radius: 80px;-ms-border-radius: 80px;-o-border-radius: 80px;}

@media screen and (max-width: 1200px) {
 .wapFlexF{ flex-direction: column-reverse; align-items: flex-start; justify-content: flex-start;}
 .about_video{width: 100%; height: 35vh;}
}


/*首页产品分类*/
.home_adv{width: 100%; position: relative; overflow: hidden;}
.home_adv .index-title{ position: absolute;top:0; left: 0;right: 0; z-index: 3;color: #fff; padding:5rem 0 4rem 0; border-bottom:1px solid transparent; border-color: rgba(255, 255, 255, 0.1);text-align: center;}
.home_adv .index-title .nname{margin-top: 0.5rem ;}

@media all and (max-width:1100px){
  .home_adv .index-title{padding: 30px 0;}  
}

/*首页案例推荐*/
.incase{width:100%; margin:0px auto; position: relative; overflow: hidden; padding:6% 0; background: url('../images/index/idxProductBg.jpg') no-repeat center top; background-size: cover;}
.incase .wenan strong{border-bottom:1px solid transparent; border-color: rgba(151, 151, 151, 0.1); padding-bottom: 1rem!important;display: block;}
.incase .wenan em{font-style: normal;}
.sty2 {position: relative}
.sty2 .swiper-container {width: 100%;}
.sty2 .swiper-slide {width:24.6%;margin: 0 0.5rem; display: block;position: relative;overflow: hidden;transition: all linear 0.4s;background: #fff;}
.sehonor .sty2 .swiper-slide {width:19%;}
.sty2 .swiper-slide .case_pic{width: 97%; margin: 0 auto; overflow: hidden;}
.sty2 .swiper-slide img {width: 100%;display: block;border-radius: 10px;}
.sty2 .swiper-slide .wenan {transition: all linear 0.4s; padding-bottom: 30px;}
.sty2 .swiper-slide .pro_logo{width: 38%;padding: 30px 0 0 30px;}
.sty2 .swiper-slide .wenan strong {display: block;font-size: 1.2rem;line-height: 1.2;text-align: center;color: #333; padding: 3% 0 0 0; }
.sty2 .swiper-slide .wenan em{text-align: center;font-size: 1rem; margin-top: 10px;display: block; opacity: 0.7;word-break: break-all;  text-overflow: ellipsis; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.sty2 .swiper-slide:hover .wenan {bottom: 0}
.sty2 .swiper-button {width: 42px;height: 42px;position: absolute;top: 50%;margin-top: -21px;z-index: 2;background: rgba(0,0,0,0.1);border-radius: 50%;text-align: center;line-height: 42px;
    cursor: pointer;transition: all linear 0.3s}
.sty2 .swiper-button:hover {background: rgba(0,0,0,0.5)}
.sty2 .swiper-button-prev {left: 0}
.sty2 .swiper-button-next {right: 0}

.incase .case_pic img{overflow: hidden;transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease;}
.incase .case_pic:hover img{ transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}
@media (max-width: 1280px){
    .sty2 .swiper-slide {width: 450px;}
}
@media (max-width: 1200px){
    .incase {	padding:40px 0;	}
    .sty2 {margin-top: .8rem;margin-left: -.4rem;margin-right: -.4rem}
    .sty2 .swiper-container {width: 100%;border-radius: 0}
    .sty2 .swiper-slide {width:48%;margin: 0 5px;border-radius: .4rem}
    .sty2 .swiper-slide .case_pic{width: 100%;}
    .sehonor .sty2 .swiper-slide{width: 30%;}
    .sty2 .swiper-slide .wenan {bottom: 0;padding: .4rem 0}
    .sty2 .swiper-slide .wenan strong {font-size:15px}
    .sty2 .swiper-button {width: .8rem;height: .8rem;top: 50%;margin-top: -.4rem;line-height: .8rem}
    .sty2 .swiper-button img {width: 50%}
    .sty2 .swiper-button-prev {left: .4rem}
    .sty2 .swiper-button-next {right: .4rem}

    .sty2 .swiper-slide .pro_logo {width: 45%; padding: 15px 0 0 10px;   }
.sty2 .swiper-slide .wenan em{font-size: 14px;word-break: break-all;  text-overflow: ellipsis; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1}
    .tel_pro .sty2 .swiper-slide{width: 100%;}

}

/* 外层大容器 全屏布局 */
.global-section {width:100%; margin:0px auto; position: relative; overflow: hidden; padding: 5% 0; background: url('../images/index/map.jpg') no-repeat center top; background-size: cover;height: 100vh;}

@media (max-width: 1560px){
    .global-section {height: 100vh;}
}

@media (max-width: 1440px){
    .global-section {height: 100vh;}
}

@media (max-width: 1350px){
    .global-section {height: 97vh;}
}

@media (max-width: 1200px){
.global-section{ height: 45vh; background: url(../images/index/telmap.jpg) no-repeat center center;background-size: 100%;}
}

/* ========== 左侧文字区域 ========== */
.global-left-text {position: absolute;top: 80px;left: 60px;z-index: 10;}
.global-en-title {font-weight: 700;color: #2a303a;letter-spacing: 3px;}
.global-cn-desc {font-size: 26px;color: #333333;margin: 10px 0 45px;}
.read-more-btn {display: inline-flex;align-items: center;border: 1px solid #333;border-radius: 999px;padding: 9px 22px;cursor: pointer;transition: all 0.25s ease;}
.read-more-btn:hover {background-color: #f5f5f5;}
.read-more-text {font-size: 14px;color: #333;}
.arrow-circle-icon {width: 32px;height: 32px;border-radius: 50%;background: linear-gradient(90deg, #28d086, #01c8b6);color: #fff;display: flex;align-items: center;justify-content: center;margin-left: 8px;}

@media (max-width: 1200px){
  .read-more-btn{padding: 5px 10px;}  
}

/* ========== 底部数据统计栏 ========== */
.global-data-bottom {position: absolute;bottom: 60px;left: 60px;display: flex;gap: 70px;z-index: 10;}
.data-number {font-weight: bold;background: linear-gradient(90deg, #28d086, #01c8b6);
-webkit-background-clip: text;color: transparent;line-height: 1;}
.data-tip {font-size:1.4rem;color: #666666;margin-top: 6px;}

/* ========== 世界地图背景层 ========== */
.map-bg-wrap {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
.dot-world-map {width: 100%;height: 100%;/* 点阵灰度世界地图背景图，和原图底图一致 */
background-position: center center;background-size: contain;opacity: 0.65;}

/* ========== 青州中心点 扩散虚线圆环动画 ========== */
.qingzhou-center-box {position: absolute;
/* 地图上中国山东青州定位坐标 */
top: 40%;left: 78%;transform: translate(-50%, -50%);width: 120px;height: 120px;border-radius: 50%;background-color: rgba(40, 208, 134, 0.14);display: flex;align-items: center;justify-content: center;z-index: 8;}
.brand-text {font-size: 14px;color: #009955;text-align: center;line-height: 1.4;}
/* 虚线圆环向外放大淡出动画 */
@keyframes ringExpandAnimate {
0% {width: 120px;height: 120px;opacity: 0.9;}
50% {width: 500px;height: 500px;opacity: 0.9;}
100% {width: 900px;height: 900px;opacity: 0;}
}
.expand-dash-ring {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);border: 1px dashed #28d086;border-radius: 50%;animation: ringExpandAnimate 6s infinite ease-out;}
.ring-1 { animation-delay: 0s; }
.ring-2 { animation-delay: 2s; }
.ring-3 { animation-delay: 4s; }

/* ========== 全球销售点标记圆点 ========== */
.global-point-dot {position: absolute;width: 16px;height: 16px;border-radius: 50%;background-color: #01c8b6;border: 1px solid #28d086;transform: translate(-50%, -50%);z-index: 7;
}

/* ========== 辐射弧线SVG动画（青州→全球点位） ========== */
.radiate-arc-svg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;pointer-events: none;z-index: 6;
}
@keyframes arcDrawAnimate {
0% {stroke-dashoffset: 1300;opacity: 0;}
35% {opacity: 1;}
100% {stroke-dashoffset: 0;opacity: 0.15;}
}
.arc-path-line {fill: none;stroke: #28d086;stroke-width: 1;stroke-dasharray: 1300;animation: arcDrawAnimate 8.5s infinite ease-in-out;}


@media (max-width: 1200px){
.global-left-text {position: relative;top: 0;left: 0;z-index: 10;width: 95%; margin: 0 auto;}
.global-cn-desc{font-size: 18px;margin-bottom: 15px;}
.global-data-bottom{position: relative;left: 2%; top: 48%;width: 95%; margin:20px auto 0 auto;gap:10px}
.data-item{width: 50%;}
.data-tip{font-size: 16px;}
.map-bg-wrap{display: none;}
}

/*首页地图*/
.indmap{background: url('../images/index/map.jpg') center no-repeat; overflow: hidden}
.indmap .index_title{font-size: 2.28333vw;line-height: 2.6041666vw;color: #0eb767; font-weight: bold}
.indmap .index_map_head{width: 35%; margin-top: 6.25vw}
.indmap .index_map_read{font-size: 1vw;line-height: 1.6041666vw; margin: 2.25vw 0;}
.index_map_content{width: 58%; margin-left: 7%}

#c_portalResPublic_codeContainer-16256194315887462{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:3%; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; }
.service { padding: 50px 0; }
.service .container { max-width: 1500px; margin: 0 auto; position: relative; padding-top: 0px; overflow: hidden; }
.service .container .box { color: #fff; max-width: 650px; position: absolute; top: 2%; left: 0; z-index: 1; pointer-events: none; }

.service .container .box .content { font-size: 14px; color: #003087; line-height: 30px; padding: 25px 0; pointer-events: none }
.service .container .box .link { background: #fabe00; font-family: CANARO BOLD; border: 0px solid #003c81; color: #fff; padding: 10px; text-transform: uppercase; width: 180px; max-width: 100%; margin-top: 25px; margin-left: 0px; cursor: pointer; position: relative; overflow: hidden; -webkit-transition: .3s; transition: .3s; pointer-events: auto; border-radius: 5px; }
.service .container .box .link .txt { position: relative }
.service .container .box .link .txt .t1 { font-size: 16px; line-height: 1.8em; font-family: "DINEngschriftStd"; padding-left: 30px; color: #fff; }
.service .container .box .link .txt .t2 { font-size: 16px; line-height: 1em }
.service .container .box .link i { -webkit-transition: .3s; transition: .3s; position: relative }
.service .container .box .link:before { content: ""; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background-color: #003087; -webkit-transition: .3s; transition: .3s; border-radius: 0 0px 0px 0; border-right: 50px solid #fabe00; margin-left: -50px }
.service .container .box .link:hover:before { left: 0; margin-left: 0 }
.service .container .box .link:hover { color: #fff }
.service .container .telmap{display: none;}
.service .container .map { max-width: 1339px; margin: 0 auto; position: relative; overflow: hidden }
.service .container .map>img { width: 100% }
.service .container .map .hint { position: absolute; width: 60px; height: 60px; transition: opacity .5s ease, transform .5s cubic-bezier(.5, 0, 0, 1), -webkit-transform .5s cubic-bezier(.5, 0, 0, 1); -webkit-transition-delay: 1s; transition-delay: 1s }
.service .container .map .hint:before { width: 10px; height: 10px; background-color: #0eb767 }
.service .container .map .hint:after, .service .container .map .hint:before { content: ""; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 50% } .service .container .map .hint:after { width: 2px; height: 2px; -webkit-transition: opacity .5s ease; transition: opacity .5s ease; -webkit-animation: home_hero_item_hints_glow-data-v-8d9497d2 2s cubic-bezier(.25, .1, .2, 1) infinite; animation: home_hero_item_hints_glow-data-v-8d9497d2 2s cubic-bezier(.25, .1, .2, 1) infinite }
.service .container .map .hint:hover:after { opacity: 0 } @-webkit-keyframes home_hero_item_hints_glow-data-v-8d9497d2 { 0% { -webkit-box-shadow:0 0 30px 5px #fff; box-shadow:0 0 30px 5px #fff } 70% { -webkit-box-shadow:0 0 70px 50px rgba(72,170,72,0); box-shadow:0 0 70px 50px rgba(72,170,72,0) } to { -webkit-box-shadow:0 0 0 50px rgba(72,170,72,0); box-shadow:0 0 0 50px rgba(72,170,72,0) } } @keyframes home_hero_item_hints_glow-data-v-8d9497d2 { 0% { -webkit-box-shadow:0 0 30px 5px #fff; box-shadow:0 0 30px 5px #fff } 70% { -webkit-box-shadow:0 0 70px 50px rgba(72,170,72,0); box-shadow:0 0 70px 50px rgba(72,170,72,0) } to { -webkit-box-shadow:0 0 0 50px rgba(72,170,72,0); box-shadow:0 0 0 50px rgba(72,170,72,0) } }
.service .container .map .hint .hint-radius { position: absolute; top: 50%; left: 50%; width: 250px; height: 250px; margin: -125px 0 0 -125px; border-radius: 50%; transition-property: background-color, opacity, visibility, transform, -webkit-transform; -webkit-transition-timing-function: ease, ease, ease, cubic-bezier(.5, 0, 0, 1); transition-timing-function: ease, ease, ease, cubic-bezier(.5, 0, 0, 1); -webkit-transition-duration: .5s; transition-duration: .5s; opacity: 0; visibility: hidden; -webkit-transform: scale(0); transform: scale(0) }
.service .container .map .hint:hover .hint-radius { background-color: #fff; opacity: .1; visibility: visible; -webkit-transform: scale(1); transform: scale(1) }
.service .container .map .hint .hint-dot { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 30px; height: 30px; border-radius: 50%; background:rgba(0,80,181,0.5); -webkit-animation: home_hero_item_hints_border-data-v-8d9497d2 3s linear infinite; animation: home_hero_item_hints_border-data-v-8d9497d2 3s linear infinite }

@-webkit-keyframes home_hero_item_hints_border-data-v-8d9497d2 { 0%, to { border-color:hsla(147,99%,39%,1); -webkit-transform:translate(-50%, -50%) scale(.95); transform:translate(-50%, -50%) scale(.95) }
    50% { border-color:hsla(147,99%,39%,1); -webkit-transform:translate(-50%, -50%) scale(1); transform:translate(-50%, -50%) scale(1) } }

@keyframes home_hero_item_hints_border-data-v-8d9497d2 { 0%, to { border-color:hsla(147,99%,39%,1); -webkit-transform:translate(-50%, -50%) scale(.95); transform:translate(-50%, -50%) scale(.95) }
    50% { border-color:hsla(147,100%,39%,1); -webkit-transform:translate(-50%, -50%) scale(1); transform:translate(-50%, -50%) scale(1) } }

.service .container .map .hint .hint-content { position: absolute; width: 180px; color: #fff; z-index: 5; padding: 12px 0; font-size: 12px; color: #333; -webkit-transition: opacity .7s ease, visibility .7s ease; transition: opacity .7s ease, visibility .7s ease; opacity: 0; visibility: hidden }
.service .container .map .hint:hover .hint-content { opacity: 1; visibility: visible }
.service .container .map .hint .hint-content:after, .service .container .map .hint .hint-content:before { content: ""; position: absolute; height: 1px; background-color: #0eb767; -webkit-transition: opacity .5s ease; transition: opacity .5s ease; opacity: 0 }
.service .container .map .hint .hint-content:before { width: 180px }
.service .container .map .hint .hint-content:after { width: 80px }
.service .container .map .hint:hover .hint-content:after, .service .container .map .hint:hover .hint-content:before { opacity: 1 }
.service .container .map .hint:hover .hint-content:before { -webkit-transition-delay: .15s; transition-delay: .15s }
.service .container .map .hint .hint-content p { opacity: 0; -webkit-transition-delay: .3s; transition-delay: .3s }
.service .container .map .hint:hover .hint-content p { opacity: 1 }
.service .container .map .hint.beimei { top: calc(26.64% - 30px); right: calc(30.29% - 30px) }
.service .container .map .hint.beimei .hint-content { top: 85px; right: 50%; -webkit-transform: translateX(100%); transform: translateX(100%); margin-right: -55px }
.service .container .map .hint.beimei .hint-content:before { top: 0; left: 0 }
.service .container .map .hint.beimei .hint-content:after { top: 0; left: 0; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); -webkit-transform-origin: 0 50%; transform-origin: 0 50% }
.service .container .map .hint.ouzhou { top: calc(51.5% - 30px); left: calc(37.47% - 30px) }
.service .container .map .hint.ouzhou .hint-content { top: 85px; left: 50%; -webkit-transform: translateX(-100%); transform: translateX(-100%); margin-left: -55px }
.service .container .map .hint.ouzhou .hint-content:before { top: 0; right: 0 }
.service .container .map .hint.ouzhou .hint-content:after { top: 0; right: 0; -webkit-transform: rotate(135deg); transform: rotate(135deg); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50% }

.service .container .map .hint.zhongdong { top: calc(38.5% - 30px); left: calc(23.47% - 30px) }
.service .container .map .hint.zhongdong .hint-content { top: 85px; left: 50%; -webkit-transform: translateX(-100%); transform: translateX(-100%); margin-left: -55px }
.service .container .map .hint.zhongdong .hint-content:before { top: 0; right: 0 }
.service .container .map .hint.zhongdong .hint-content:after { top: 0; right: 0; -webkit-transform: rotate(135deg); transform: rotate(135deg); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50% }

.service .container .map .hint.yatai { top: calc(17.5% - 30px); left: calc(38.52% - 30px) }
.service .container .map .hint.yatai .hint-content { bottom: 85px; right: 50%; -webkit-transform: translateX(100%); transform: translateX(100%); margin-right: -55px }
.service .container .map .hint.yatai .hint-content:before { bottom: 0; left: 0 }
.service .container .map .hint.yatai .hint-content:after { bottom: 0; left: 0; -webkit-transform: rotate(135deg); transform: rotate(135deg); -webkit-transform-origin: 0 50%; transform-origin: 0 50% }
.service .container .map .hint.nanmei { top: calc(58.06% - 30px); right: calc(18.24% - 30px) }
.service .container .map .hint.nanmei .hint-content { bottom: 85px; right: 50%; -webkit-transform: translateX(100%); transform: translateX(100%); margin-right: -55px }
.service .container .map .hint.nanmei .hint-content:before { bottom: 0; left: 0 }
.service .container .map .hint.nanmei .hint-content:after { bottom: 0; left: 0; -webkit-transform: rotate(135deg); transform: rotate(135deg); -webkit-transform-origin: 0 50%; transform-origin: 0 50% }

.service .container .map .hint.feizhou { top: calc(43.06% - 30px); left: calc(17.24% - 30px) }
.service .container .map .hint.feizhou .hint-content { bottom: 85px; right: 50%; -webkit-transform: translateX(100%); transform: translateX(100%); margin-right: -55px }
.service .container .map .hint.feizhou .hint-content:before { bottom: 0; left: 0 }
.service .container .map .hint.feizhou .hint-content:after { bottom: 0; left: 0; -webkit-transform: rotate(135deg); transform: rotate(135deg); -webkit-transform-origin: 0 50%; transform-origin: 0 50% }


.service .container .map .hint.dayang { top: calc(64.13% - 30px); left: calc(42.86% - 30px) }
.service .container .map .hint.dayang .hint-content { bottom: 85px; right: 50%; -webkit-transform: translateX(100%); transform: translateX(100%); margin-right: -55px }
.service .container .map .hint.dayang .hint-content:before { bottom: 0; left: 0 }
.service .container .map .hint.dayang .hint-content:after { bottom: 0; left: 0; -webkit-transform: rotate(135deg); transform: rotate(135deg); -webkit-transform-origin: 0 50%; transform-origin: 0 50% }
.service .container .map .ningbo { position: absolute; top: 33.02%; left: 39.49%; }
.service .container .map .ningbo:before { content: ""; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 8px; height: 8px; background-color: #fabe00; border-radius: 50% }
.service .container .map .ningbo .tq1 { position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; margin: -4px 0 0 -4px; border-radius: 50%; background-color: hsla(50,200%,40%,.2); -webkit-animation: bianda-data-v-8d9497d2 2.5s linear infinite; animation: bianda-data-v-8d9497d2 2.5s linear infinite }
.service .container .map .ningbo .tq2 { -webkit-animation: bianda2-data-v-8d9497d2 2s linear infinite; animation: bianda2-data-v-8d9497d2 2s linear infinite }
.service .container .map .ningbo .tq2,
.service .container .map .ningbo .tq3 { position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; margin: -4px 0 0 -4px; border-radius: 50%; background-color:hsla(50,200%,40%,.1); }
.service .container .map .ningbo .tq3 { -webkit-animation: bianda3-data-v-8d9497d2 3s linear infinite; animation: bianda3-data-v-8d9497d2 3s linear infinite }
.service .container .map .ningbo .content { position: absolute; left: 20px; bottom: -10px; font-size: 12px; color: #333; width: 200px; }
.service .container .map .ningbo .content img{width: 70%;}
.service .container .map .ningbo .content img { margin-left: -30px } @-webkit-keyframes bianda-data-v-8d9497d2 { 0% { -webkit-transform:scale(1); transform:scale(1) } to { -webkit-transform:scale(10); transform:scale(10) } } @keyframes bianda-data-v-8d9497d2 { 0% { -webkit-transform:scale(1); transform:scale(1) } to { -webkit-transform:scale(10); transform:scale(10) } } @-webkit-keyframes bianda2-data-v-8d9497d2 { 0% { -webkit-transform:scale(1); transform:scale(1) } to { -webkit-transform:scale(13); transform:scale(13) } } @keyframes bianda2-data-v-8d9497d2 { 0% { -webkit-transform:scale(1); transform:scale(1) } to { -webkit-transform:scale(13); transform:scale(13) } } @-webkit-keyframes bianda3-data-v-8d9497d2 { 0% { -webkit-transform:scale(1); transform:scale(1) } to { -webkit-transform:scale(17); transform:scale(17) } } @keyframes bianda3-data-v-8d9497d2 { 0% { -webkit-transform:scale(1); transform:scale(1) } to { -webkit-transform:scale(17); transform:scale(17) } }
@media screen and (max-width: 1200px) {
    .indmap .flex{display: block}
    .index_map_content{width: 100%; padding-left: 0}
}
@media (max-width:768px) {
    .service{padding: 50px 0 0 0;}
    .service .container { padding-top: 0; }
    .service .container .map { display: block; }
    .pcmap{display: none;}
    .service .container .telmap{display: block;width: 100%;}
    .service .container .box .title .en { font-size: 22px; line-height: 24px; }
    .service .container .box .title .cn { font-size: 28px; }
    .service .container .map .hint, .service .container .map .ningbo { display: none; }
    .service .container .box { position: static;  }
}

/*首页新闻*/
.home_news{width: 100%; background: url('../images/index/news.jpg') no-repeat center top; background-attachment: fixed; background-size: cover;background-attachment: fixed; overflow: hidden; padding: 5% 0;}
.home_news .home_news_top{width: 90%; margin: 0 auto;display: flex; display:-webkit-flex;-webkit-justify-content: space-between;   justify-content: space-between; align-items: center;-webkit-align-items: center;}
.home_news .home_news_top .public_button_icon{background-image: linear-gradient(to right, #fff 20%, #fff);}
.home_news .home_news_top .public_button_icon .public_button_label svg{fill:#333}
.home_news_bottom{width: 90%; margin: 3% auto 0 auto;display: flex; display:-webkit-flex; -webkit-justify-content: space-between;   justify-content: space-between;}
.home_news_bottom .home_news_l{width: 60%;}
.home_news_bottom .home_news_r{width: 39%;}
.index_4_1{width:100%;}
.index_4_1 ul li{ float:left; width:49%; margin-right:1.27450980392157%;background: #fff;font-size: 16px; box-shadow: 0px 0px 10px #afaeae;}
.index_4_1 ul li:nth-child(2n){margin-right:0}
.index_4_1_mid_1{overflow:hidden; position:relative;}
.index_4_1_mid_1 img{width:100%;}
.index_4_1 .time{padding: 20px 0 0px 20px;}
.index_4_1_mid_2{margin:0 5%; margin-top:3%;}
.index_4_1_mid_2_1{color:#0eb767;font-family:Calibri;}
.index_4_1_mid_2_2{color:#000; word-break: break-all;  text-overflow: ellipsis; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.index_4_1_mid_2_3{color:#666;display: -webkit-box;-webkit-box-orient: vertical;  -webkit-line-clamp: 2;   overflow: hidden;word-wrap:break-word;word-break:break-all; line-height:1.9;}
.index_4_2{text-align:center; margin:4.375em 0;}
.index_4_1_mid{overflow:hidden; position:relative;padding-bottom: 20px;}
.index_4_1_mid:after{ height:1.70807453416149%; left:50%; background-position:center top; background-repeat:no-repeat; background-size:cover;content:''; position:absolute; bottom:-1.70807453416149%; width:84.50704225352113%;transform:translateX(-50%); background-image: linear-gradient(to right, #0eb767, #0eb767);border-radius:20px 20px 0 0;  }
.index_4_1 ul li:hover .index_4_1_mid:after{bottom:0;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; }
.a-image-hover{align-items:center;color:#fff;display:flex;font-size:14px; font-family:Arial, Helvetica, sans-serif;height:100%;justify-content:center;left:0;letter-spacing:0;line-height:1;position:absolute;top:0;width:100%;z-index:2}
.a-image-hover span{display:inline-block;opacity:0;transform:translate3d(-30px,0,0);transition:all .5s cubic-bezier(.14,1,.34,1) 0s}
.a-image-hover span:first-child{transition-delay:.03s}
.a-image-hover span:nth-child(2){transition-delay:.06s}
.index_4_1 ul li:hover .a-image-hover span{opacity:1;transform:translateZ(0)}
.index_4_1 ul li:hover .a-image-hover span:first-child{transition-delay:.12s}
.index_4_1 ul li:hover .a-image-hover span:nth-child(2){transition-delay:.06s}
.index_4_1_mid_1:after{background-color:rgba(0,0,0,.3);content:"";height:100%;left:0; z-index:1;opacity:0;position:absolute;top:0;transition:all .5s cubic-bezier(.4,.8,.74,1) 0s;width:100%}
.index_4_1 ul li:hover .index_4_1_mid_1:after{opacity:1;}

.home_news_bottom .home_news_r li{background: #fff; margin-bottom: 1rem; padding: 4% 0;}
.home_news_bottom .home_news_r li:nth-child(3n){margin-bottom:0}
.home_news_bottom .home_news_r .index_4_1_mid_2{margin-top: 0.55rem;}
.home_news_bottom .home_news_r .index_4_1_mid_2_3{word-break: break-all;  text-overflow: ellipsis; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.home_news_bottom .home_news_r .view-more{color: #0eb767;margin-top: 2%;}
.home_news_bottom .home_news_r .view-more i{transform: rotate(45deg);}
.home_news_bottom .home_news_r a:hover .index_4_1_mid_2_2{color: #0eb767;}

@media (min-width: 1440px) {
    .index_4_1_mid_2_2{ margin-bottom:.45em;}
}

@media (min-width: 1350px) {
    .index_4_1_mid_2_2{ margin-bottom:.25em;}
}

@media screen and (max-width:1200px){
.index_4_1{width:95%; margin: 0 auto; }
.index_4_1{margin-top: 20px;}
.index_4_1 ul li{width: 100%; margin-right: 0; margin-bottom: 10px;}
.index_4_1_mid_1{display: none;}
.index_4_1_mid_2_3{font-size: 16px; line-height: 28px;}
.index_4_1_mid_2_2{margin-top: 5px; margin-bottom: 5px; font-size: 18px;font-weight: bold;}

.home_news {padding: 30px 0;}
.home_news .home_news_top{width: 96%;display: block;}
.home_news .index-title{text-align: center;}
.home_news .public_button_wrap{display: none;}
.home_news_bottom{width: 96%;}
.home_news_bottom .home_news_l{width: 100%;}
.home_news_r {display: none;}
}

/*首页快捷*/
.index_technology_box {position: relative;}
.index_technology_back {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.index_technology_content {position: relative;z-index: 9;padding: 7.8125vw 0 7.8125vw 0;}
.index_technology_title {font-size: 2.91666vw;line-height: 3.4375vw;color: #fff;letter-spacing: 0.625vw;text-align: center;}
.index_technology_text {font-size: 1.1458333vw;line-height: 1.6666vw;color: #fff;letter-spacing: 0.26041666vw;text-align: center;margin-top: 1.5625vw;}
.index_technology_button {margin-top: 3.38541666vw;-webkit-justify-content: center;justify-content: center;}
.index_technology_button .public_button a:after {width: 100%;opacity: 1;border: 1px solid #fff;}
.index_technology_button .public_button a:hover:after {background: #0eb767;border: 1px solid #0eb767;}
.index_technology_button .public_btn_text_label {color: #fff;}
.index_technology_button .public_button:hover .public_btn_icon_label svg {fill: #0eb767;}
.index_technology_button .public_button:hover .public_btn_icon_box {background: #fff;}
.index_technology_content .img{ max-width: 800px;display: block; margin: 50px auto 0 auto}

@media screen and (max-width: 1200px) {
.index_technology_content {position: relative;z-index: 9;padding: 12.0772946vw 3.623188vw;}
.index_technology_title {font-size: 5.314009vw;line-height: 7.246376vw;}
.index_technology_text {font-size: 3.3816425vw;line-height: 5.314009vw;margin-top: 2.415458vw;}
}

.map{width: 100%; }


.indPro-bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #000;}
/* .indPro-bg::after{content: "";z-index: 2;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0,.5);} */
.indPro-bg .swiper-container{width: 100%;height: 100%;}
.indPro-bg img{width: 100%;height: 100%;transform: scale(1.1);transition: all 1s linear 2s;}
.indPro-bg .swiper-slide-active img{transition: 6s linear;transform: scale(1);}
.indPro-con{position: relative;z-index: 2;}
.indPro-con .contian{justify-content: space-between;}
.indPro-left{width: 40%;position: relative;z-index: 2;padding-left: 5%;}
.indPro-left::after {content: '';position: absolute;top: 0;width: 3px;left: -1px;background: #1A2C79;height: calc(var(--y) * 100%);}
.indPro-menu{margin-top:10%; border-left:1px solid transparent; border-color: rgba(151, 151, 151, 0.3);}
.indPro-menu .item{user-select: none;cursor: pointer;justify-content: space-between;align-items: center;padding-bottom:5rem;padding-left: 2rem;}
.indPro-menu .item i{font-size: 14px;display: block;transform: rotate(180deg);}
.indPro-menu .item.active{}
.indPro-menu .item .top{color: #333;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;line-height: 1;}
.indPro-menu .bot {display: grid;grid-template-rows: 0fr;overflow: hidden;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s; margin-top: 2rem;}
.indPro-menu .item:hover .bot{display: block;}
.indPro-menu .bot:hover{}
.indPro-menu .bot.active{grid-template-rows:none;}
.indPro-menu .item .bot > div {min-height: 0;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s; width: 100%;}
.indPro-menu .item .desc {color: #666;line-height: 1.8;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-justify: distribute-all-lines;height: auto;}
.indPro-menu .item .bot > div .link {margin-top:1rem;}
.indPro-right{width: 58%;margin-left: 2%;display: flex;  flex-direction: column;}
.indPro-right .list{width: 100%;}
.indPro-right .list .img{width: 100%;vertical-align: bottom}
.indPro-right .list .img img{vertical-align: bottom;display: block;}
.indPro-right-item{display: none;height: 100%;}
.indPro-right-item:first-child{display: block;}
.indPro-swp{flex-direction: column;justify-content: flex-end;height: 100%; }
.indPro-swp .swiper-container{width: 100%;}
.indPro-slide-img img{width: 100%;height: 210px;}
.indPro-slide-con{padding: 35px;background: rgba(255, 255, 255, .9);transition: all .4s ease;}
.indPro-slide-con .more{align-items: center;}
.indPro-slide-con .more i{display: flex;align-items: center;font-size: 11px;transform: rotate(180deg);margin-left: 7px;transition: all .4s ease;}
.indPro-slide:hover .indPro-slide-img img{transform: scale(1.08);}
.indPro-slide:hover .indPro-slide-con{background: #fff;}
.indPro-slide:hover .indPro-slide-con .more i{margin-left: 15px;}
.indPro-switch{align-items: center;justify-content: space-between;}
.indPro-btn .btn{width: 50px;height: 50px;transition: all .4s ease; border-radius: 50%;user-select: none;cursor: pointer;font-size: 13px;margin-right: 12px;background: rgba(255, 255, 255, .5);}
.indPro-btn .btn.next{transform: rotate(180deg);}
.indPro-btn .btn:hover{background: #fff;color: #d1292e;}
.indPro-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{top: -1px;height: 3px;background: #d1292e;border-radius: 5px;}
.indPro-pagination{position: relative;flex: 1;height: 1px;background: rgba(255, 255, 255, .2);}

@media screen and (max-width: 1440px) {
.indPro-left{padding-left: 2%;}
}

/*首页创新*/
.Home_Technology{width:100%; margin:0px auto; position: relative; overflow: hidden; padding: 3% 0 0 0; background: url('../images/index/cxbg.jpg') repeat center top; }
.Home_Technology .index-title{width: 70%;padding-left: 5%;}
.Home_Technology .index-title .name{color: #333; margin-bottom: 1rem;}
.Home_Technology .index-title .name em{color: #0eb767;font-style: normal;}
.Home_Technology .index-title .nname{color: #333; padding-bottom: 1rem; line-height: 1.4;}
.Home_Technology .index-title .nname span{background: -webkit-gradient(linear, left top, right top, color-stop(0, #00a0e9), color-stop(0.5, #009944), color-stop(1, #00a0e9));
-webkit-text-fill-color: transparent;-webkit-background-clip: text;-webkit-text-size-adjust: none;background-position: -660px 0;-webkit-animation: slidetounlock 15s infinite linear;}
@keyframes slidetounlock {
0% {background-position: -860px 0;}
100% {background-position: 820px 0;}
}

.Home_Technology .box {margin-top:7rem;}
.Home_Technology .box .boxLeft {width: 30%;position: relative;z-index: 2;}
.Home_Technology .box .boxLeft ul {padding-left: 0.6rem;border-left: 1px solid #CBCBCB;position: relative;padding-top: 0.15rem;height: 100%;}
.Home_Technology .box .boxLeft ul::after {content: '';position: absolute;top: 0;
width: 3px;left: -1px;background: #1A2C79;height: calc(var(--y) * 100%);}
.Home_Technology .box .boxLeft ul li {cursor: pointer;padding-bottom:5rem;}
.Home_Technology .box .boxLeft ul li .top {
font-size:2.4rem;color: #333;opacity: 0.2;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;line-height: 1;}
.Home_Technology .box .boxLeft ul li .bot {display: grid;grid-template-rows: 0fr;overflow: hidden;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.Home_Technology .box .boxLeft ul li .bot > div {min-height: 0;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.Home_Technology .box .boxLeft ul li .bot > div .desc {font-size:1.2rem;color: #666;line-height: 1.8;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-justify: distribute-all-lines;height: auto;}
.Home_Technology .box .boxLeft ul li .bot > div .link {margin-top:1rem;}
.Home_Technology .box .boxLeft ul li:hover .top {opacity: 1;}
.Home_Technology .box .boxLeft ul .active .top {opacity: 1;}
.Home_Technology .box .boxLeft ul .active .bot {grid-template-rows: 1fr;}
.Home_Technology .box .boxLeft ul .active .bot > div {padding: 1.5rem 0;}


@media (max-width: 1200px) {
.Home_Technology{padding: 40px 0 0 0;}
.Home_Technology .index-title{width:95%;padding-left: 2.5%;}
.Home_Technology .index-title .nname{padding-bottom: 0.5rem;}  
}

.Home_Technology .box .play_01 {top: 88%;}
.link_02 .a {height: 46px;line-height: 46px;border-radius: 46px;min-width: 1.46rem;font-size: 1.2rem;color: #fff;padding: 0 0.4rem;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;background: #34B7AF;}
.link_03 .a {width: 43px;height: 43px;background: #34B7AF;border-radius: 43px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.link_03 .a svg {margin: auto;}
.link_03 .a:hover{background: #F4C926;}
.link_04 .a {width: 43px;height: 43px;border-radius: 43px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;border: 1px solid #1A2C79;overflow: hidden;}
.link_04 .a svg {margin: auto;}
.link_04 .a svg path {fill: #1A2C79;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.link_04 .a:hover svg {-webkit-animation: arrowRun 5s infinite;animation: arrowRun 5s infinite;}
@-webkit-keyframes arrowRun {
0% {
-webkit-transform: translate3d(0%, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
transform: translate3d(0%, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
7% {
-webkit-transform: translate3d(150%, -150%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
transform: translate3d(150%, -150%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
7.1% {
-webkit-transform: translate3d(-150%, 150%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
transform: translate3d(-150%, 150%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
14% {
-webkit-transform: translate3d(0%, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
transform: translate3d(0%, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
}
@keyframes arrowRun {
0% {
-webkit-transform: translate3d(0%, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
transform: translate3d(0%, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
7% {
-webkit-transform: translate3d(150%, -150%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
transform: translate3d(150%, -150%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
7.1% {
-webkit-transform: translate3d(-150%, 150%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
transform: translate3d(-150%, 150%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
14% {
-webkit-transform: translate3d(0%, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
transform: translate3d(0%, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
}


.swiper-box {display: flex;align-items: flex-end;;gap: 60px;}
.left-content {width:50%; padding-left: 5%; padding-bottom: 5%;}
/* 自定义分页按钮组 */
.tab-buttons {display: flex;flex-direction: column;gap: 30px;border-left:1px solid transparent; border-color: rgba(151, 151, 151, 0.3); margin-top: 10%;}
.tab-btn {cursor: pointer; padding-left: 3%; padding-bottom: 4%;}
.tab-title {color: #666;padding-bottom: 8px;border-bottom: 2px solid transparent;transition: all 0.3s ease;}
/* 激活态标题加粗变色 */
.tab-btn.active .tab-title {color: #333;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;line-height: 1;}
/* 标题下方直接放描述 */
.tab-desc {color: #666;line-height: 1.4;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-justify: distribute-all-lines;height: auto;display: none; margin-top: 4%;}
.tab-btn.active .tab-desc {display: block;}
.tab-btn .link{display: none;margin-top: 4%;}
.tab-btn.active .link{display: block;}

/* 右侧图片区域 */
.right-img-box {width: 60%;height: auto;border-radius: 8px;overflow: hidden; }

.right-img-box img {width: 100%;object-fit: cover;}
.swiper {width: 100%;height: 100%;}
.swiper-slide {display: block;}
/* 未激活slide直接隐藏，不占空间 */
.imgSwiper .swiper-slide {display: none;height: 100%;}
.imgSwiper .swiper-slide-active {display: block;}
.imgSwiper img {width: 100%;object-fit: cover;}

/* 移动端上下布局 */
@media (max-width: 768px) {
    .tab-btn{padding-bottom: 0;}
    .tab-desc{margin-top:  0;}
    .tab-buttons .link{display: none!important;}
    .left-content{padding-left: 2%; padding-bottom: 0;}
.swiper-box {
flex-direction: column;
gap: 30px;
}
.left-content, .right-img-box {
width: 100%;
}
.right-img-box {
height: auto;
}
.tab-title {
font-size: 22px;
}
}

.indRD{background: url('../images/index/indRD-bg.jpg') no-repeat center/cover;overflow: hidden}
.indRD-swp{width: 92%;margin: 0 auto;}
.indRD-swp .swiper-container{overflow: visible;}
.indRD-img{position: relative;}
.indRD-img img{width: 100%;}
.indRD-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;align-items: center;padding: 0 56px;}
.indRD-desc{opacity: 0;transform: translateX(50%);transition: all 1.5s ease;}
.swiper-slide-active .indRD-desc{opacity: 1;transform: translateX(0);transition-delay: .4s;}
.indRD-desc::after{content: "";position: absolute;right: calc(100% - 10px);transition: all .4s ease; top: 50%;transform: translateY(-50%);width: 20px;height: 95%;background: #054586;border-radius: 20px 0 0 20px;}
.indRD-desc .box{transition: all .4s ease; position: relative;z-index: 2; width: 400px;height: 310px;border-radius: 20px;background: rgba(255, 255, 255, .9);display: flex;flex-direction: column;justify-content: center;padding: 0 40px;}
.indRD-desc .more{align-items: center;}
.indRD-desc .more i{display: flex;align-items: center;transform: rotate(180deg);margin-left: 7px;font-size: 11px;transition: all .4s ease;}
.indRD-desc:hover .box{background: #fff;transform: translateX(4px);}
.indRD-desc:hover .more i{margin-left: 15px;}
.indRD-desc:hover::after{width: 24px;}
.indRD-btn{z-index: 2; position: absolute;left: -50px;top: 50%;transform: translateY(-50%);width: 30px;height: 30px;user-select: none;cursor: pointer;font-size: 20px;}
.indRD-btn.next{left: auto;right: -50px;transform: translateY(-50%) rotate(180deg);}
.indRD-btn:hover{color: #d1292e;}
.indNews{background: url('../images/index/indNews-bg.jpg') no-repeat center/cover;}
.indNews-show{margin-left: -20px;}
.indNews-show-item{margin-left: 20px;}
.indNews-show-item:nth-child(1){width: calc((100% / 3) * 2 - 20px);}
.indNews-show-item:nth-child(2){width: calc((100% / 3) - 20px);}
.indNews-show-bg{position: relative;overflow: hidden;}
.indNews-show-bg::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .4);}
.indNews-show-bg img{width: 100%;height: 480px;transition: all 2s linear;}
.indNews-show-item:hover .indNews-show-bg img{transform: scale(1.1);}
.indNews-show-con{position: absolute;;left: 0;top: 0;width: 100%;height: 100%;}
.indNews-show-item:nth-child(1) .indNews-show-con{padding: 60px 50px;}
.indNews-show-item:nth-child(2) .indNews-show-con{padding: 60px 40px;}
.indNews-show-item:nth-child(1) .indNews-show-con .title{width: 50%;}
.indNews-show-con .btn{width: 135px;height: 45px;border-radius: 40px;border: 2px solid #fff;}
.indNews-show-con .btn:hover{background: #d1292e;border-color: #d1292e;}
.indNews-show-con .title:hover{color: #d1292e;}
.indNews-list{margin-left: -20px;}
.indNews-item{margin: 20px 0 0 20px;width: calc((100% / 3) - 20px);background: #fff;padding: 50px;transition: all .4s ease;}
.indNews-item .btm{justify-content: space-between;align-items: center;}
.indNews-item .date{transition: all .4s ease;}
.indNews-item .label{padding: 4px 8px;border-radius: 20px;border: 1px solid #4c5664;transition: all .4s ease;}
.indNews-item:hover{background: #054586;}
.indNews-item:hover .title,.indNews-item:hover .date{color: #fff;}
.indNews-item:hover .label{border-color: #fff;color: #054586;background: #fff;}
.indAb{height: 400vh;}
.indAb-sticky{position: sticky;left: 0;top: 100px;width: 100%;overflow: hidden;}
.indAb-bg{overflow: hidden;}
.indAb-bg .img img{width: 100%;height: calc(100vh - 100px);}
.indAb-bg .img img.h{transition: all 1s ease; position: absolute;left: 0;top: 0;width: 100%;height: calc(100% + 1px);clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);}
.indAb-bg .marsk{display: none; position: absolute;transition: all .8s ease; right: -10%;top: 50%;transform: translateY(-50%);clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%); width: 120%;height: 120%;background: linear-gradient(to right,transparent 20%,rgba(255,255,255,.8) 80%);backdrop-filter: blur(5px);}
.indAb-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.indAb-con .contain{height: 100%;}
.indAb-desc{width: 46%;}
.indAb-num{position: absolute;right: 11%;top: 0%;transition: opacity .5s linear,transform .1s linear;}
.indAb-num li{opacity: 0;transform: translateY(100px);transition: all .3s ease;}
.indAb-num .num{align-items: flex-end;}
.indAb-num .num span{line-height: 1;display: block;margin-right: 10px;}
/* .indAb.active .indAb-bg .marsk{width: 120%;clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);} */
.indAb.active .indAb-bg img.h{clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}
.indAb-desc .title,.indAb-desc .text{transition: all .6s ease;}
/* .indAb.active .indAb-num{opacity: 1;transition: opacity .5s .3s linear,transform .1s linear;} */
.indAb.active .indAb-num li{opacity: 1;transform: translateY(0);transition-delay: .6s;}
.indAb.show .indAb-num{top: 20%;}

/* .indAb.active .indAb-desc .title{color: #000;transition-delay: .3s;}
.indAb.active .indAb-desc .text{color: #4c5664;transition-delay: .3s;} */

/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px){
    /* 1024 横屏 */
}
@media all and (max-width:1000px){
    /* 720 竖屏 */
    .banner-bg img{height: calc(100vh - 60px);}
    .banner-con .nobr br{display: none;}
    .banner-pagination-box{bottom: 15px;}
    .banner-pagination .swiper-pagination-bullet{width: 24px;height: 24px;margin-left: 6px;}
    .banner-pagination .swiper-pagination-bullet-active::before{width: 6px;height: 6px;}
    .indPro-bg{display: none;}
    .indPro .comTitle .title{color: #000;}
    .indPro .comTitle .title br{display: none;}
    .indPro-left{width: 100%; padding-left: 2%;}
    .indPro-menu{}
    .indPro-menu .item{margin: 0 0 0 0;width: 100%;height: auto;padding: 8px 18px;color: #777;border-color: #777;}
    .indPro-menu .item .bot{margin-top: 10px;}
    .indPro-menu .item:hover .bot{display: block;}
    .indPro-menu .item.active{color: #fff;border-color: #fff;}
    .indPro-menu .item:first-child{margin-left: 0;}
    .indPro-menu .item i{font-size: 8px;margin-left: 8px;font-weight: 700;}
    .indPro-slide-con{background: #eee;}
    .indPro-pagination{background: rgba(0, 0, 0, .2);}
    .indPro-right{width: 100%;margin-top: 0px;}
    .indPro-slide-img img{height: 225px;}
    .indPro-btn .btn{width: 36px;height: 36px;font-size: 12px;margin-right: 10px;background: rgba(0, 0, 0, .2);}
    .indPro-switch{margin-top: 40px;}
    .indRD-img{border-radius: 8px 8px 0 0;}
    .indRD-img img{height: 140px;}
    /* .indRD-swp .swiper-container{overflow: hidden;} */

    .indRD-con{position: relative;padding: 0;}
    .indRD-desc{opacity: 1;transform: none;}
    .indRD-desc::after{display: none;}
    .indRD-desc .box{width: 100%;height: 200px;border-radius: 0 0 8px 8px; background: #fff;box-shadow: 0px 2px 10px rgba(0, 0, 0, .2);}
    .indRD-desc .more{margin-top: 25px;}
    .indRD-btn{display: none;}
    .indRD-pagination{margin-top: 30px;}
    .indRD-pagination .swiper-pagination-bullet{width: 7px;height: 7px;margin: 0 4px;}
    .indRD-pagination .swiper-pagination-bullet-active{background: #d1292e;}
    .swiper-slide-active .indRD-desc{transition-delay: .2s;}
    .indAb{height: auto;}
    .indAb-sticky{position: relative;top: 0;}
    .indAb-desc{width: 100%;}
    .indAb-bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
    .indAb-bg .img{position: relative;}
    .indAb-bg .img::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .2);}
    .indAb-bg .marsk{top: auto;bottom: -12px;width: 120%;height: 120%;transform: none;background: rgba(255, 255, 255, .2);backdrop-filter: blur(4px);}
    .indAb-bg .img{height: 100%;}
    .indAb-bg .img img{height: 100%;}
    .indAb-con{position: relative;z-index: 2;}
    .indAb-con .contain{padding: 40px 0;}
    .indAb-num{position: relative;right: auto;top: auto;}
    .indAb-num-list{display: flex;flex-wrap: wrap;}
    .indAb-num-list li{margin-top: 40px !important;width: calc(100% / 3);opacity: 1;transform: none;}
    .indAb-num-list .text{margin-top: 2px;font-size: 13px;color: #fff;}
    .indAb-num .num{color: #fff;}
    .indAb-num .num span{line-height: 1.1;margin-right: 5px;}
    .indNews-show{margin-left: 0;}
    .indNews-show-item{margin: 20px 0 0;width: 100% !important;}
    .indNews-show-con{padding: 25px 15px !important;}
    .indNews-show-item:nth-child(1) .indNews-show-con .title{width: 100%;}
    .indNews-show-bg img{height: 300px;}
    .indNews-show-con .btn {width: 100px;height: 36px;}
    .indNews-list{margin-left: 0;}
    .indNews-item{margin: 20px 0 0;width: 100%;padding: 25px 15px;}
    .indNews-item .btm{margin-top: 12px;}
    .indNews-item .label{padding: 2px 6px;}
    .indRD-desc::after{width: 18px;}
}
/* ------------------------手机端-------------------------- */
@media all and (max-width:720px){
    /* 移动终端 360 适配 */
}