/* ===================首页样式========================== */
.banner{width: 100%;position: relative;overflow: hidden;}
.banner-img{width: 100%;}
.banner-img img{width: 100%;object-fit: cover;}
.banner-img img.none-mb{height: 100vh;}
.banner-img img.none-pc-pad{min-height: 440px;}
.banner-cont{position: absolute;z-index: 4;width: 100%;height: 100%;top: 0;left: 0;display: flex;align-items: center;}
.banner-cont .name{font-family: "SamsungOne700";color: #ffffff;}
.banner-cont .text{font-family: "SamsungOne700";color: #ffffff;}
.banner-cont .link{display: flex;align-items: center;transition: all .4s ease;justify-content: center;width: 150px; height: 44px;border-radius: 22px;background: #FFFFFF;}
.banner-cont .link i{padding-left: 5px;}
.banner-cont .link:hover{background: #30908E;color: #FFFFFF;}
.banner .swiper-pagination{bottom: 50px;}
.banner .swiper-pagination-bullet{width: 40px;height: 2px;background: rgba(255, 255, 255, .5);opacity: 1;margin: 0 10px !important;position: relative;border-radius: 0;}
.banner .swiper-pagination-bullet:before{content: "";width: 0;height: 100%;background: #30908E;position: absolute;top: 0;left: 0;}
.banner .swiper-pagination-bullet-active.swiper-pagination-bullet{background: #fff;}
.banner .swiper-pagination-bullet-active.swiper-pagination-bullet:before{animation: bulletLine 4s linear both .8s;}
.banner .swiper-pagination-bullet-active.oneBullet:before{animation: bulletLine 3.8s linear both 0s;}
@keyframes bulletLine{0%{width: 0;}100%{width: 100%;}}
/* 效果 */
.banner-cont .name, .banner-cont .text, .banner-cont .link{opacity: 0;}
.swiper-slide-active .banner-cont .name{animation: bannerUp 1s ease both 0.9s;}
.swiper-slide-active .banner-cont .text{animation: bannerUp 1s ease both 1s;}
.swiper-slide-active .banner-cont .link{animation: bannerUp 1s ease both 1.1s;}
.oneSlide .banner-cont .name{animation: bannerUp 1s ease both .3s;}
.oneSlide .banner-cont .text{animation: bannerUp 1s ease both .4s;}
.oneSlide .banner-cont .link{animation: bannerUp 1s ease both .5s;}
@keyframes bannerUp{0%{opacity: 0;transform: translateY(120px);}100%{opacity: 1;transform: translateY(0);}}
.banner .swiper-slide {overflow: hidden;position: relative;}
.banner .swiper-slide video {width: 100%;object-fit: cover;transform: matrix(1, 0, 0, 1, 0, 0);transition: all 0.4s ease 1.2s;}
.banner .swiper-slide img {width: 100%;object-fit: cover;transform: matrix(1, 0, 0, 1, 0, 0);transition: all 0.4s ease 1.2s;}
.banner .swiper-slide-active img {transition-delay: 0.4s !important;transform: matrix(1.06, 0, 0, 1.06, 0, 0);transition: all 4s ease;}
.banner-btn{justify-content: center;}
.banner-prev, .banner-next{width: 44px;height: 44px;border-radius: 50%;background:rgba(255, 255, 255, .5);position: absolute;z-index: 4;top: 50%;margin-top: -22px;cursor: pointer;transition: all .4s ease;display: flex;justify-content: center;align-items: center;}
.banner-prev{left: 50px;}
.banner-next{/*transform: rotate(180deg);*/right: 50px;}
.banner-prev:hover, .banner-next:hover{background: #30908E;color:#ffffff;}
@media (max-width: 1151px){
.banner-prev, .banner-next {display: none;}
}

.indTitle{width: auto;}
.indTitle .name{font-family:'SamsungOne700';}
.indTitle .text{color: #888;}

.indMore{display: flex;align-items: center;transition: all .4s ease;justify-content: center;width: 150px; height: 44px;border-radius: 22px;background: #FFFFFF;}
.indMore span{}
.indMore i{padding-left: 5px;}
.indMore:hover{background: #30908E;color: #FFFFFF;}


.indhb-play{width: 80px;height: 80px;cursor: pointer;position: absolute;background:#30908E;left: 0;bottom: 0;transition: all .4s ease;color: #ffffff;display: flex;align-items: center;justify-content: center;}
.indhb-play:hover{opacity: 1;transform: scale(1.2);}

.indhb{width: 100%;position: relative;}
.indhb-bg .indTitle .pic{flex-wrap: wrap;display: flex;justify-content: space-between;}
.indhb-bg .indTitle .pic .pic-list{width: calc(50% - 30px);margin-top: 30px;color: #ffffff;display: flex;justify-content: flex-start;align-items: center;}
.indhb-bg .indTitle .pic .pic-list img{margin-right: 10px;height: 50px;width: 50px;}
.indhb-bg .indTitle .pic .pic-list p{line-height: 1.2;}

.header{text-align:center;margin-bottom: 50px;position: relative;}
.header .title{font-weight: 600;color: #26225E;}
.header .entitle{position: absolute;top: 20px;left: 50%;transform: translate(-50%,0%);color: #26225E1E;text-transform:uppercase;font-weight: 600;}

.About{background:url("../image/about_bg.png") no-repeat;background-size:cover}
.About .about_description{color: #666;/text-align: center;text-align: center;margin-bottom: 40px;}
.About .about_three_box{display:flex;justify-content:space-between;background:url("../image/about_box_bg.png") no-repeat;background-size:cover;/*background-attachment:fixed;*/background-position:center}
.About .about_three_box .about_li{position: relative;flex:1;text-align:center;padding:117px 0px;background:#22385E66}
.About .about_three_box .about_two_li{position: relative;flex:1;text-align:center;padding:117px 0px;background:#12254570}
.About .about_three_box .img{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;-webkit-transform-origin:center center;-moz-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-box-shadow:0 4px 12px rgba(0,0,0,0.3);box-shadow:0 4px 12px rgba(0,0,0,0.3);-webkit-transition:all .5s;-o-transition:all .5s;-moz-transition:all .5s;transition:all .5s;-o-object-fit:cover;object-fit:cover;z-index:99}
.About .about_three_box .img img{width:100%;height:100%;object-fit:cover;}
.About .about_three_box .h_one{font-weight:bold;color:#fff}
.About .about_three_box .h_one .unit{}
.About .about_three_box .h_four{color:#fff}
.About .about_three_box .about_li:hover .img{opacity: 1.2;  transform: scale(1.17);}
.About .about_three_box .about_two_li:hover .img{opacity: 1.2;  transform: scale(1.17);}

.Product{display:grid;grid-template-columns:repeat(4,1fr);background:url("../image/product_bg.png") no-repeat;background-size: cover;background-position: center;}
.Product_li{position:relative;width:100%;cursor:pointer;overflow:hidden}
.Product_li .img{position:absolute;inset:0;transform:rotateY(180deg);transition:transform 0.7s cubic-bezier(0.25,1,0.5,1);backface-visibility:hidden}
.Product_li .img img{width:100%;height:100%;object-fit:cover;display:block}
.Product_li .title,.Product_li .entitle{position:relative;z-index:10;text-align:center;transition:color 0.4s ease;pointer-events:none}
.Product_li .title{font-weight:600;padding-top: 87%;color:#fff}
.Product_li .entitle{margin-top:8px;color:#fff;padding-bottom: 87%;}
.Product_li:hover .img{transform:rotateY(0deg)}
.Product_li:hover .title,.Product_li:hover .entitle{color:#26225E}

.news{background:url("../image/about_bg.png") no-repeat;background-size:cover}
.news .news_head_box{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:50px}
.news .news_head_box .news_head_left{}
.news .news_head_box .news_head_left .title{color:#26225E;font-weight:600;line-height:1}
.news .news_head_box .news_head_left .entitle{color:#26225E1E;text-transform:uppercase;font-weight:600;line-height:1}
.news .news_head_box .news_head_right{display:flex;justify-content:space-between;gap:24px}
.news .news_head_box .news_head_right .news_head_right_tab_li{padding:10px 24px;background:#F3F2FF;color:#26225E;border-radius:4px;cursor: pointer;transition: all 0.3s ease;}
.news .news_head_box .news_head_right .news_head_right_tab_li.active{background:#26225E;color:#fff}
.news .news_head_box .news_head_right .news_head_right_tab_li:active{transform: scale(0.95);}


.news .news_body_box .right-big-box{display:none}
.news .news_body_box .right-big-box.active{display:flex;gap:32px;flex:1;animation: tabFadeIn 0.4s ease forwards;}
.news .news_body_box .right-big-box .middle-news{display:flex;flex-direction:column;gap:20px;width: 580px;}
.news .news_body_box .right-big-box .middle-news .img{width:100%;height: 100%;}
.news .news_body_box .right-big-box .middle-news .img img{width:100%;height: 100%;object-fit: cover;}
.news .news_body_box .right-big-box .middle-news .middle-news-foot{display:flex;gap:40px}
.news .news_body_box .right-big-box .middle-news .middle-news-foot .time{display:flex;flex-direction:column;align-items:center}
.news .news_body_box .right-big-box .middle-news .middle-news-foot .time .day{color:#666666;font-weight: 500;}
.news .news_body_box .right-big-box .middle-news .middle-news-foot .time .year{color:#666666;font-weight: 500;}
.news .news_body_box .right-big-box .middle-news .middle-news-foot .news-title-box{flex:1}
.news .news_body_box .right-big-box .middle-news .middle-news-foot .news-title-box .title{color:#333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;font-weight: 500;}
.news .news_body_box .right-big-box .middle-news .middle-news-foot .news-title-box .description{margin-top:12px;color:#666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;font-weight: 400;}
.news .news_body_box .right-big-box .right-box{flex:1}
.news .news_body_box .right-big-box .right-box .news-item{display:flex;flex-direction:column;}
.news .news_body_box .right-big-box .right-box .news-item .item{display:flex;align-items:center;gap:2px;padding:22px 8px 22px;transition: all 0.25s ease;color: #666;}
.news .news_body_box .right-big-box .right-box .news-item .item:hover{padding-left:16px;color:#26225E;}
.news .news_body_box .right-big-box .right-box .news-item .item i{width:20px;height:20px;display:flex;justify-content:center;align-items:center}
.news .news_body_box .right-big-box .right-box .news-item .item .title{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;}
.news .news_body_box .right-big-box .right-box .news-item .item:nth-child(2n-1){background: #fff;}
.news .news_body_box .right-big-box .right-box .news-item .item:nth-child(2n){background: #F1F3F7;}
.news .news_body_box .right-big-box .right-box .news-item .item:nth-child(1){animation:fadeInUp 1s ease both .4s}
.news .news_body_box .right-big-box .right-box .news-item .item:nth-child(2){animation:fadeInUp 1s ease both .5s}
.news .news_body_box .right-big-box .right-box .news-item .item:nth-child(3){animation:fadeInUp 1s ease both .6s}
.news .news_body_box .right-big-box .right-box .news-item .item:nth-child(4){animation:fadeInUp 1s ease both .7s}
.news .news_body_box .right-big-box .right-box .news-item .item:nth-child(5){animation:fadeInUp 1s ease both .8s}
.news .news_body_box .right-big-box .right-box .news-item .item:nth-child(6){animation:fadeInUp 1s ease both .9s}
.news .news_body_box .right-big-box .right-box .news-item .item:nth-child(7){animation:fadeInUp 1s ease both 1s}


.about_video_box{position:relative;width:100%;height:600px;background:url("../image/video.png") no-repeat center center;background-size:cover;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;overflow:hidden}
.about_video_box .title,.about_video_box .description,.about_video_box .bf{position:relative;z-index:2}
.about_video_box .title{margin-bottom: 16px;font-weight: 500;}
.about_video_box .description{width: 42%;margin-bottom: 44px;opacity:0.9}
.about_video_box .bf{width: 40px;height: 40px;border-radius:50%;background: #26225ecc;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease}
.about_video_box .bf i{color:#fff;margin-left:4px}
.about_video_box .bf:hover{background: #26225e;transform:scale(1.1)}
/*行业展示容器*/
.foot_front_container{display:flex;width:100%;gap:0;flex-wrap:wrap}
.front_item{flex:1;position:relative;overflow:hidden;}
.front_item img{width:100%;height:100%;object-fit:cover;transition:all 0.3s ease}
.front_item:hover img{transform:scale(1.05)}
.front_item:hover .front_text{opacity:1;overflow:visible;}
.front_item:hover .front_text .icon img{animation: fadeInUp 0.3s ease forwards;}
.front_item:hover .front_text .title{animation: fadeInUp 0.6s ease forwards;}
.front_item:hover .front_text .entitle{animation: fadeInUp 0.9s ease forwards;}
.front_text{overflow:hidden;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;z-index:2;transition: all 0.3s ease;}
.front_text .title{font-weight:500}
.front_text .icon img{width: 64px;height: 64px;object-fit: cover;}
.front_item:hover .front_text .icon img{transform:scale(1)}
.industry-mask{position:absolute;top:0;left:0;width:100%;height:100%;transition: all 0.3s ease;/*background:rgba(0,0,0,0.2);*/z-index:1}


/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
}

@media all and (max-width:1599px) {
    /* 1440 × (700)  */
}

@media all and (max-width:1439px) {
    /* 1360 */
}

@media all and (max-width:1359px) {
    /* 1280 */
}

@media all and (max-width:1279px) {
    /* 1152 × (700) */
	.indhb{background-size: 100% 100%;}
}

@media all and (max-width:1151px) {
    /* 1024 */
    .banner-img img.none-mb{height: 50vh;}
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
	.indhb{background: url(/template/cn/image/index_ab_m.jpg) no-repeat center;background-size: auto 100%;}
	.indhb-bg { width: 100%;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
	.indMore {width: 136px; height: 40px;border-radius: 20px;}
	.banner-cont .link{width: 136px; height: 40px;border-radius: 20px;}
    .banner .swiper-pagination {bottom: 20px;}
    .banner .swiper-pagination-bullet {width: 30px;margin: 0 8px !important;}
    @keyframes bannerUp{0%{opacity: 0;transform: translateY(60px);}100%{opacity: 1;transform: translateY(0);}}
    .indhb-play {width: 60px;height: 60px;}
	.indhb-bg .indTitle .pic .pic-list {width: calc(100% - 0px);}
	.indhb-bg .indTitle .pic .pic-list img {height: 44px;width: 44px;}

	/*.About .about_three_box{flex-direction: column;}*/
	.About .about_three_box .about_two_li{padding: 30px 0;}
	.About .about_three_box .about_li{padding: 30px 0;}

	.Product{display:grid;grid-template-columns:repeat(1,1fr);}
	.Product_li .img{transform: rotateY(0deg);}
	.Product_li .title{padding-top: 50%;color: #26225E;}
	.Product_li .entitle{padding-bottom: 50%;color: #26225E;}

	.news .news_body_box .right-big-box .middle-news{width: unset;}
	.news .news_body_box .right-big-box.active{flex-direction: column;}
	.news .news_head_box{display:flex;justify-content:space-between;align-items: flex-start;margin-bottom:50px;flex-direction: column;gap: 20px;}

}