/* ==================公用css====================== */
/* 滚动条 */
.headerNavScroll::-webkit-scrollbar {width: .188rem; scrollbar-width:thin;scrollbar-color:#fd4d01 #DDDDDD;}
/*定义滑块 内阴影*/
.headerNavScroll::-webkit-scrollbar-thumb {background: #fd4d01; border-radius: .313rem;}
/*定义滚动条轨道 内阴影*/
.headerNavScroll::-webkit-scrollbar-track {background: #E5E5E5;}

/* ===============公用css end!!!!===================*/
.more1 {padding:0.92rem 1.96rem;background: #fd4d01; display: inline-flex; transition: .5s; border-radius:100px; color: #ffffff; }
.more1:hover {box-shadow: 0 0 0 .5rem rgba(253,77,1,0.2);}
.more1 img{width: .875rem; margin-left: .625rem;}
.more2{padding: 1.01rem 1.4rem;}

/* 首页引导页 */
.home{height: 100vh; overflow: hidden;}
.home ul li{position: relative; width: 50%;}
.home ul li .pic img{display: block; width: 100%; height: 100%; object-fit: cover;}
.home ul li .info{position: absolute; content: ''; width: 100%; height: 100%; top: 0; padding: 7.6875rem 3.4375rem 0 7.5625rem; box-sizing: border-box;}
.home ul li .logo img{display: block; height: 4.625rem;}
.home ul li .info i{display: block; width: 100%;  height: .0625rem; background: rgba(255,255,255,0.11); margin: 3.5rem 0 2.1875rem}
.home ul li .index-more{margin-top: 3.125rem}
.home ul li .index-more .more1{padding: 0.91rem 3.56rem; background: #ed6f00;}
.home ul li .index-more .more1:hover{box-shadow: 0 0 0 .5rem rgba(237,111,0,0.2);}
.home ul li:last-child .index-more .more1{background: #439f37;}
.home ul li:last-child .index-more .more1:hover{box-shadow: 0 0 0 .5rem rgba(67,159,55,0.2);}


/* 首页公共头部 */
#c-placeholder {height: 5.875rem;min-height: 5rem;}
header {position: fixed; left: 0; top: 0; z-index: 99; width: 100%;  transition: .6s; background: #fff; box-shadow: 0 0 0.5rem rgba(0,0,0,0.1);}
.headBox {height: 5.875rem;min-height: 5rem; padding: 0 5%; box-sizing: border-box; transition: .6s;}
.headBox .logo img{display: block; width: 12.25rem;}

nav {transition: .5s;height: 100%; width: 51.32%;}
nav ul {display: flex;justify-content: space-between;background-color: transparent!important;color: #333!important;padding: 0!important;height: 100%;}
nav ul li {position: relative;line-height: normal;height: 100%;display: flex!important;align-items: center;}
nav ul li::before{position: absolute; content: ''; width: 0; height: .25rem;   background: #fd4d01; bottom: 0; transition: .6s; left: 50%;}
nav ul li>a {display: block;color: #333!important;transition: .5s;position: relative;font-size: var(--font18)!important; padding: 0 !important; font-weight: bold;}
nav ul li:hover::before,nav ul li.layui-this:before{width: 100%; left: 0;}
nav ul li:hover a,nav ul li.layui-this a{ color: #fd4d01!important;}
nav .layui-nav .layui-nav-more,nav .layui-nav .layui-this:after,nav .layui-nav .layui-this:after, nav .layui-nav-bar{display: none!important;}


/* 二级导航 */
nav ul li .navTwo {position: fixed; border-top: 1px solid #eee; left: 0; background: #ffffff; box-shadow: 0px .313rem .625rem -0.313rem rgba(0,0,0,0.12); top: 5.875rem; padding: 2.5rem 10%; width: 100%; display: none;}
nav ul li .navTwo .box {display: flex;justify-content: space-between; align-items: flex-start;}
nav ul li .navTwo .box .imglist {width: 45%;}
nav ul li .navTwo .box .imglist .imgBox {display: none;}
nav ul li .navTwo .box .imglist .imgBox img {width: 100%; height: 100%; object-fit: cover;}
nav ul li .navTwo .box .list {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; width: 50%;}
nav ul li .navTwo .box .list .item {width: 48%; border-bottom: 1px solid #eee; position: relative; display: flex;  align-items: center;  min-height: 4rem;}
nav ul li .navTwo .box .list .item a {color: #333!important;font-size: var(--font16);padding: 0!important; line-height: 1.2;}
nav ul li .navTwo .box .list .item::after {content: ''; position: absolute; left: 0; bottom: 0; width: 0%; height: .125rem; background: #fd4d01; transition: .5s; }
nav ul li .navTwo .box .list .item.layui-this a {color: #fd4d01!important;}
nav ul li .navTwo .box .list .item.layui-this::after {width: 100%;}



.headBox .re{height: 100%;}
/* 语言 */
.headluange {height: 100%;}
.headluange .layui-nav {height: 100%;background: transparent;padding: 0;}
.headluange .layui-nav .layui-nav-item {height: 100%; display: flex; align-items: center;}
.headluange .layui-nav .layui-nav-item > a {font-size: var(--font20);color: #333;display: flex;gap: .5rem; padding: 0;}
.headluange .layui-nav .layui-nav-item > a img{width: .625rem}
.headluange .layui-nav .layui-nav-item > a .layui-icon.layui-nav-more {display: none;}
.headluange .layui-nav .layui-nav-item .layui-nav-child {top: 100%; line-height: initial;min-width: 6.25rem;}
.headluange .layui-nav .layui-nav-item .layui-nav-child a {font-size: var(--font14); padding: .625rem 0;}

.head_search{width: 3.25rem;  height: 3.25rem;  background: #fd4d01; border-radius: 50%; margin-left: 5.4375rem;}
.head_search img {width:1.4375rem;}
/* 搜索下拉 */
.hadbox-sec4 {position: absolute;left: 0;top: 100%;width: 100%;display: none; box-sizing: border-box;}
.hadbox-sec4 {background-color: #fff;padding: 3.125rem 0; border-top: 1px solid #eee;  box-shadow: 0 2px 2px rgba(0, 0, 0,.1);}
.hadbox-sec4 .close {position: absolute; right: 2.5%; top: 5%; cursor: pointer; width: 1.25rem;}
.hadbox-sec4 .close svg {width: 100%; height: 100%;}
.hadbox-sec4 .f_tit {color: #222222;margin-bottom: 1.5rem;font-size: var(--font30);}
.hadbox-sec4 .form {display: flex; align-items: center; justify-content: space-between; padding-bottom: 1.25rem; border-bottom: 1px solid #dddddd;}
.hadbox-sec4 .form i { display: block; width: 1.875rem; overflow: hidden;}
.hadbox-sec4 .form i svg {width: 100%; height: 100%;}
.hadbox-sec4 .form input {width: calc(100% - 19.375rem);padding: 1rem 1.5rem; color: #333333; flex: 1;}
.hadbox-sec4 .form .f_sub {width: 10rem; height: 3.5rem; min-height: 40px; background: #fd4d01;border-radius: .313rem;font-size: var(--font20);color: #ffffff;cursor: pointer;}
@media screen and (min-width: 200px) and (max-width: 767px) {
  .hadbox-sec4 {padding: 1.75rem 1rem;}
  .hadbox-sec4 .form {padding-bottom: 1rem;}
  .hadbox-sec4 .f_tit {font-size: var(--font20);}
  .hadbox-sec4 .form .f_sub {width: 6rem; height: 3rem; font-size: var(--font18);}
}





/* 首页banner */
.indexBanner {height: 39.5625rem; position: relative; min-height: 21.875rem;}
.bannerSwiper {height: 100%;}
.bannerSwiper .imgBox {height: 100%;}
.bannerSwiper .imgBox img {width: 100%; height: auto;min-height: 100%;transition: 1s linear 2s; transform: scale(1.1,1.1);object-fit: cover;}
.bannerSwiper .swiper-slide-active img, .bannerSwiper .swiper-slide-duplicate-active img {transition: 6s linear;transform: scale(1,1);}
.bannerSwiper .slide{overflow: hidden;}
.bannerSwiper .banner-box{}
.indexBanner .info h2{font-size: 2.8rem; display: block; margin-bottom: .5625rem; width: 59%}
.indexBanner .info h3{ width: 48%; margin-bottom: 5rem;}
#banner-num .swiper-pagination-bullet{width: .6875rem; height: .6875rem; background: rgba(255,255,255,0.2); margin: 0 .3125rem;}
#banner-num .swiper-pagination-bullet-active{background: #fd4d01;}


.about-num{border-bottom: 1px solid rgba(0,0,0,0.1); padding: 5rem 0 5rem;}
.about-num ul{gap:2rem}
.about-num ul li b,.about-num ul li em{font-size: 3.3125rem; font-weight: bold; line-height: 1;}
.about-num ul li span{ display: block; margin-top: .5625rem;}



/* 我们的专业服务领域 */
.solution{padding: 5.8125rem 0 8.125rem;}
.index-top{align-items: flex-end; margin-bottom: 3.625rem; }
.index-title h2{font-size: 2.625rem; font-weight: bold; display: block; margin-bottom: .3125rem;}
.solution-list{position: relative; overflow: hidden;}
.solution-list ul li .pic{ overflow: hidden; position: relative; height: 28rem}
.solution-list ul li .pic::after{position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0;  z-index: 1; background: url(../images/solution-bg.png) no-repeat center bottom; background-size: cover;}
.solution-list ul li .pic img{display: block; width: 100%; transition: 0.6s; transform: scale(1); height: 100%; object-fit: cover}
.solution-list ul li:hover .pic img{transform: scale(1.1);}
.solution-list ul li .info{position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;z-index: 2;display: flex;align-items: flex-end;padding: 0 11%;box-sizing: border-box;}
.solution-list ul li  strong{   display: block; margin-bottom: 1.25rem; font-size: 1.1rem; min-height: 3rem}
.solution-list ul li span{display: inline-block;background: #fd4d01;padding: .67rem 1.32rem;border-radius: 21px;text-align: center; margin-bottom: 2.5rem;}
#solution-num{display: none;}


/* 关于我们 */
.about-bg{background: url(../images/about-bg.jpg) no-repeat center top; background-size: cover; background-attachment: fixed; padding: 9.375rem 0 12.1875rem;}
.about-box{align-items: flex-end;}
.about-box  .index-title h2{line-height: 1.2;}
.about-box  .index-title h4{font-weight: 300; margin: 1.4375rem 0 5.3125rem}
.about-box .text{width: 100%; margin-top: 3rem}
.about-box .text h5{line-height:1.8; }
.about-box .text h5:first-child{margin-bottom: 1.875rem;}



/* 项目案例 */
.case{padding: 6.0625rem 0 5.4375rem;}
.case .index-top{margin-bottom: 4.6875rem;}
.case-list{position: relative; overflow: hidden; }
.case-list ul li .pic{ overflow: hidden; position: relative;}
.case-list ul li .pic::after{position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0;  z-index: 1; background: url(../images/solution-bg.png) no-repeat center bottom;  background-size: cover;}
.case-list ul li .pic img{display: block; width: 100%; transition: 0.6s; transform: scale(1); }
.case-list ul li:hover .pic img{transform: scale(1.1);}
.case-list ul li .info{position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;z-index: 2;display: flex;align-items: flex-end;box-sizing: border-box; overflow: hidden;}
.case-list ul li .name{text-align: center; width: 100%; bottom: -10%; position: absolute; transition: .6s;}
.case-list ul li .name strong{display: block; margin-bottom: 2.375rem; padding: 0 12%; min-height: 3.75rem}
.case-list ul li .name span{display: inline-block;background: #fd4d01;padding: .67rem 1.32rem;border-radius: 21px;text-align: center; }
.case-list ul li:hover .name{bottom: 2.5rem;}
.case-box {position: relative;}
#index-prev,#index-next{width: 5rem; height: 5rem; background: #fcfcfc; border-radius: 50%; transition: .6s;}
#index-prev img,#index-next img{display: block; width: 1.0625rem;}
#index-prev{left: 6%;}
#index-next{right: 6%;}
#index-next img{transform: rotateY(180deg);   -webkit-transform: rotateY(180deg);}
#index-prev:hover,#index-next:hover{background: #fd4d01;}
#index-prev img,#index-next img{opacity: 0.2;}
#index-prev:hover img,#index-next:hover img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); opacity: 1;}
#index-num{display: none;}


/* 全球营销网络 */
.global-bg{padding: 5.3125rem 0 5.875rem; display: block; background: url(../images/global-bg.jpg) no-repeat center top; background-size: cover;}
.global-box .info{width: 50.5%;}
.global-box .index-title h2{line-height: 1.2;}
.global-box .index-title h4{width: 86%; margin: .625rem 0 4.5rem;}
.partner{margin-top: 3.5rem; position: relative;}
.partner-list{position: relative; overflow: hidden; margin-bottom: 3.0625rem;}
.partner-list ul li .pic{border-radius: .625rem;}
.partner-list ul li .pic img{display: block; width: 100%; border-radius: .625rem;}
.partner-arrow{width: 100%;}
.partner .swiper-scrollbar{position: relative;height: .0625rem;background: rgba(214,214,214,0.8);border-radius: 242px 242px 242px 242px;/* bottom: 0; */width: 91%;}
.partner .swiper-scrollbar-drag{  height: .1875rem;  background: #ea4609;  border-radius: 2px; top: -0.0938rem;}
.partner .swiper-pagination{width: auto;font-size:var(--font14);color: #9b9b9b;position: relative;bottom: auto;}
.partner .swiper-pagination-current{color: #ea4609;}
.global-box .map{width: 35.5rem; height: 35.5rem;}
#earth{width: 100%!important; height: 100%!important;}
#earth canvas{width: 35.5rem!important; height: 35.5rem!important;}


/* 新闻 */
.news{padding: 3.125rem 0 5.875rem;}
.news-list{position: relative; overflow: hidden; }
.news-list ul li .pic{ overflow: hidden; position: relative;}
.news-list ul li .pic img{display: block; width: 100%; transition: 0.6s; transform: scale(1); }
.news-list ul li:hover .pic img{transform: scale(1.1);}
.news-list ul li .info{background: rgba(245,245,245,0.78); padding: 1.875rem 1.125rem 2.625rem; box-sizing: border-box; }
.news-list ul li .info strong{color: #333333; margin-bottom: .4375rem; min-height: 3.75rem}
.news-list ul li .info em{color: #999999; margin-bottom: 1.4375rem;}
.news-list ul li .info em img{width: 1.125rem; margin-right: .5625rem;}
.news-list ul li .info p{min-height: 4.5rem}
.news-box {position: relative;}


/* 公共底部 */
.footer{background: #030f27; position: relative;}
.footlogo-bg img{position: absolute; content: ''; right: 2.5rem; bottom: 0; height: 21.0625rem; z-index: 1;}
.footer-top{padding: 3.8125rem  0 4.6875rem; border-bottom: 1px solid rgba(229,229,229,0.2);}
.foot-logo img{width: 13.0625rem; margin-bottom: 2.0625rem;}
.foot-left .text p{line-height: 1;}
.foot-left .text em{display: inline-block; text-align: justify;}
.foot-left .text em::after { content: ""; /* 伪元素必须有 content（空值也可以） */ display: inline-block; /* 3. 设为行内块级，才能设置宽度 */ width: 100%; /* 4. 宽度100% = 占满容器，强制产生“换行” */}

.foternav{width: 60%;position: relative;z-index: 2;display: grid;grid-template-columns: repeat(3, 1fr);gap: 2rem;}
.foternav dl dt {font-size: var(--font20); color: #ffffff; font-weight: bold; margin-bottom: .9375rem; display: block;}
.foternav dl dd{ color: #a4a6ab; }
.foot-copy{padding: 1.625rem 0;}
.foot-copy p,.foot-copy p a{color: #767981;}
.foot-copy p a{margin: 0 .3125rem; display: inline-block;}
.foternav dl dd{margin-bottom: 0.5rem}
.foternav dl dd a:hover,.foot-copy p a:hover{color: #fff;}





/*圆形图标扩散效果*/
.backTop dl {width:1.2rem; height:1.2rem; position:relative; margin:0 auto;}
.backTop dd {width:1.2rem; height:1.2rem; position:absolute; top:0%;left:0%; transform:scale(0); border-radius:50%;background: #ea4609; -webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-webkit-animation:circleScale 4s linear infinite; -moz-animation:circleScale 4s linear infinite; -ms-animation:circleScale 4s linear infinite;animation:circleScale 4s linear infinite;}
.backTop dd:nth-of-type(2) {animation-delay:1s;}
.backTop dd:nth-of-type(3) {animation-delay:2s;}
.backTop dd:nth-of-type(4) {animation-delay:3s;}
.backTop dt {cursor:pointer;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width: 4.25rem;height: 4.25rem;background: #ea4609;border-radius:50%;}
.backTop dt img {width: .875rem;}
.backTop {position: fixed;right: 4.1875rem;bottom: 10%;z-index: 9999;}
.backTop dl,.backTop dd {width: 6.25rem; height: 6.25rem; min-width: 60px; min-height: 60px;}
.backTop dt {width: 3rem;height: 3rem;min-width: 30px; min-height: 30px;}




/* ===================================================================内页================================================================== */
.ny-banner {position: relative; overflow: hidden;}
.ny-banner .bjBox img {width: 100%; min-height: 29.5rem; object-fit: cover;}
.ny-banner strong{font-size: 3rem; display: block; margin-bottom: .625rem;}
.ny-banner h2{width: 42%;}



/* 内页解决方案 */
.ny-solution{padding: 4.625rem 0;}
.ny-solution .nyindex-title h4{width: 41%; margin: 0 auto;}
.solutionlist{margin: 5.3125rem 0;}
.solutionlist ul{gap: 2.1875rem 1.5625rem}
.solutionlist ul li{box-shadow: 0px 0px 15px 0px rgba(69,69,69,0.10);  position: relative;}
.solutionlist ul li .pic{overflow: hidden;}
.solutionlist ul li .pic img{width: 100%; height: auto; transition: all .3s ease-in-out;}
.solutionlist ul li:hover .pic img{transform: scale(1.1);-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);}
.solutionlist ul li .info{padding: 3.4375rem  5% 4.9375rem;text-align: center;box-sizing: border-box;}
.solutionlist ul li strong{color: #333333;margin-bottom: .75rem;font-size: 1.4rem;line-height: 1.8rem;}
.solutionlist ul li p{margin-bottom: 2.1875rem;}
.solutionlist ul li span{display: inline-block;background: #fd4d01;padding: .67rem 1.32rem;border-radius: 21px;text-align: center;transition: .6s;position: absolute;left: 50%;transform: translateX(-50%);bottom: 2rem;}
.solutionlist ul li:hover span{transform: translate(-50%,-0.625rem);}


.service-bg{background: url(../images/service-bg.jpg) no-repeat center top; background-size: cover;  padding: 7rem 0 13.75rem;}
.service-list{margin-top: 9.6875rem;}
.service-list ul li{text-align: center;}
.service-list ul li b{color: rgba(255,255,255,0.5); display: block; margin-bottom: .5rem;}
.service-list ul li .icon{width: 4.6875rem; height: 4.6875rem; background: #ffffff; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin:0 auto 1.5625rem;}
.service-list ul li .icon img{display: block; max-width: 100%;}


/* 内页项目案例 */
/* ==========产品中心 */
.Main-bg {background: #f5f5f5; padding: 5.75rem 0;}
.main-content .main-box {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;}
.main-content .main-box .le {width: 18%; min-width: 12.5rem; margin-right: 3.625rem; position: sticky; top: 7rem; padding: 1.4375rem 1.0625rem 2.5rem;box-sizing: border-box;background: #ffffff; }
.main-content .main-box .re {flex: 1; position: relative; }


/* 左侧栏目 */
.left-search{background: rgba(245,245,245,0.8); padding:  0.9rem 1rem; margin-bottom: 2.0625rem;}
.left-search img{width: 1rem; margin-right: .4375rem;}
.left-search input{ font-size: 1rem; background: transparent;}
.left-search input::placeholder{color: rgba(136,136,136,0.5);}
.left-title,.menu{margin-left: 1rem;}
.left-title em{display: block; margin-bottom: 3.125rem;}
.menu ul li{margin-bottom: 1.5625rem;}
.menu ul li a {width: 100%; color: #7B7B7B;transition: all ease-out 0.3s; position: relative; display: flex; align-items: center;}
.menu ul li a .cirle {width: 1.125rem; height: 1.125rem; border: 1px solid #333333; border-radius: 50%; margin-right: .625rem; flex-shrink: 0; position: relative;}
.menu ul li a .cirle::after {content: ''; width: 50%; height: 50%; border-radius: 50%; background: #FD4D01; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); transition: all ease-out 0.3s;}
.menu ul li a:hover .cirle::after , .menu ul li a.on .cirle::after {transform: translate(-50%, -50%) scale(1);}
.menu ul li a em{color: #333;}


/* 右侧列表 */
.nycase-list ul{gap:2.1875rem 2.5rem}
.nycase-list ul li{background: #fff; padding: 1.6875rem 1.25rem 2.1875rem; transition: .6s;}
.nycase-list ul li .pic{overflow: hidden; margin-bottom: 1.875rem; border: 1px solid #ddd}
.nycase-list ul li .pic img{width: 100%; height: auto; transition: all .3s ease-in-out;}
.nycase-list ul li:hover .pic img{transform: scale(1.1);-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);}
.nycase-list ul li:hover .pic img{transform: scale(1.1); }
/*.nycase-list ul li .info{padding: 0 1.0625rem;}*/
.nycase-list ul li .info strong{color: #333333; margin-bottom: .625rem;}
.nycase-list ul li .info p{margin-bottom: 2.5rem;}
.nycase-list ul li .info span{color: #fd4f04;}
.nycase-list ul li:hover{transform: translateY(-1rem);}
.nycase-list ul li:hover .info strong{color: #fd4f04;}





/* 移动端样式 */
.filter-toggle {padding: 0 .625rem; position: fixed; top: 50%;background: #FD4F04; z-index: 2;}
/* 遮罩层样式 */
.mask-layer {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.5);z-index: 998;display: none;}
/* PC端隐藏切换按钮 */
@media screen and (min-width: 768px) {
  .filter-toggle {display: none;}
}
@media screen and (max-width: 1024px) {
  /* .main-content .main-box .le {width: 30%;} */
}
@media screen and (max-width: 767px) {
  .main-content {position: relative;}
  .main-content .main-box .le {position: fixed;left: -100%;top: 0;bottom: 0;width: 70%;background: #fff; padding: 1.875rem 1rem; z-index: 999;transition: all 0.3s; box-shadow: none;}
  .main-content .main-box .le.show {left: 0; overflow-y: auto;}
  .main-content .main-box .re {width: 100%; flex: none; margin-left: 0;}
  .filter-toggle {display: block;}
}


/* 内页关于泰盛 */
.nav-class{position: absolute; bottom: 2.3125rem; width: 100%;}
.nav-class ul li{margin-right: 1.25rem;}
.nav-class ul li a{color: #fff;transition: all ease-out 0.3s;display: block;padding: 0.76rem 1.55rem;}
.nav-class ul li:hover a,.nav-class ul li.on a{background: #fd4d01; border-radius: 24px;}
.company-box{padding: 6.875rem 0 5.9375rem; border-bottom: 1px solid  rgba(0,0,0,0.1);}
.company-box .info{width: 48%;}
.index-title h5{font-size: 2.5rem;}
.company-box .info h2{line-height: 1.2;}
.company-box .info h3{margin-top: 2.625rem; line-height: 1.8;}
.company-logo img{display: block; width: 28.75rem; margin-right: 5.6875rem;}
.company .about-num{padding: 6.875rem 0 6.25rem; border-bottom: none;}
.culture-bg{background: url(../images/culture-bg.jpg) no-repeat center center; background-size: cover; padding: 7.1875rem 0 15.5rem; }
.culture-bg .index-title{margin-bottom: 7.5rem;}
.culture-list ul{display: grid; gap: 1rem;}
.culture-list ul li{text-align: center;}
.culture-list ul li .icon img{width: 4.1875rem; margin-bottom: 1.5625rem;}
.culture-list ul li strong{display: block; margin-bottom: .5rem; line-height: 1.1;}
.culture-list ul li i{display: block; width: 1.625rem; height: .25rem; background: #ffffff; border-radius: 2px; margin: 0 auto 1.5rem;}
.culture-list ul li em{display: block;}
.culture-list ul li .text div{min-height: 5rem;}


/* 内页资质证书 */
.honor-list ul{gap: 2.4375rem 3.0625rem;}
.honor-list ul li {padding: 1.375rem 1.375rem 0; background: #ffffff; box-sizing: border-box;}
.honor-list ul li .pic{overflow: hidden;}
.honor-list ul li .pic img{display: block; width: 100%;}
.honor-list ul li .name{text-align: center; padding: 1.875rem 0;}
.honor-list ul li .name em{color: #333333;}



/* 内页技术支持 */
.after-sales{padding: 6.6875rem 0 8.375rem;}
.sales-list{margin-top: 3.25rem;}
.sales-list ul{column-gap: 1.75rem;}
.sales-list ul li{position: relative; height: 12.3125rem; background: #f9f9f9; border-radius: 10px; padding: 3rem 11% 0; box-sizing: border-box;}
.sales-list ul li .icon img{position: absolute; content: ''; top: 1.75rem; right: 1.75rem; width: 2.4375rem;}
.sales-list ul li strong{display: block; margin-bottom: .625rem;}

.system-bg{background: url(../images/system-bg.jpg) no-repeat center; background-size: cover; background-attachment: fixed; padding: 7.1875rem 0 14.375rem;}
.system-list{position: relative; margin-top: 9.5625rem;}
.system-list::after{position: absolute; content: ''; top: 23%; left: 0; width: 100%; height:1px; background: rgba(255,255,255,0.35); z-index: 1;}
.system-list ul li{text-align: center; position: relative; z-index: 2;}
.system-list ul li .icon{width: 5.6875rem; height: 5.6875rem; background: #fd4d01; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 1.5625rem;}
.system-list ul li .icon img{max-width: 100%;}
.system-list ul li strong{display: block; margin-bottom: .9375rem;}
.system-list ul li em{color: rgba(255,255,255,0.8); width: 63%; display: block; margin: 0 auto;}



.guarantee{padding: 6.8125rem 0 10.5625rem;}
.guarantee-list{margin-top: 5rem;}
.guarantee-list ul {display: flex;}
.guarantee-list ul li {flex: 1.1;transition: .5s;height: 38.625rem;position: relative; overflow: hidden; cursor: pointer;}
.guarantee-list ul li .pic {height: 100%; position: relative;}
.guarantee-list ul li .pic img {width: 100%; height: 100%; object-fit: cover;}
.guarantee-list ul li.on {flex: 3.35;}
.guarantee-list ul li .info{position: absolute; content: ''; top: 0; width: 100%; height: 100%; display: flex; align-items: flex-end; padding:  0 5%; box-sizing: border-box;}
.guarantee-list ul li .name{ transform: translateY(-67%); transition: .6s;}
.guarantee-list ul li .icon img{display: block; margin: 0 auto 1.5625rem; width: 3.5625rem;}
.guarantee-list ul li strong{text-align: center; display: block; }
.guarantee-list ul li .text { color: #fff;  max-height: 0; opacity: 0; transition: .5s; line-height: 2;}
.guarantee-list ul li.on .name{transform: translateY(-40%); }
.guarantee-list ul li.on strong{margin-bottom: 1.25rem; text-align: left;}
.guarantee-list ul li.on .icon img{margin-left: 0;}
.guarantee-list ul li.on .text {max-height: 7.5rem; opacity: 1; transition-delay: .3s;}


/* 公共给我们留言 */
.contact-bg{background: url(../images/contact-bg.jpg) no-repeat center; background-size: cover; padding:5.9375rem 0 7.75rem; }
.contact-title strong{ font-size: 3rem; display: block; margin-bottom: .5625rem;}
.contact-title span{}
.message{width: 63%; }
.message ul{column-gap: 1.125rem; margin-bottom: 2.125rem;}
.message ul li{display: flex;align-items: center;border-bottom: 1px solid rgba(255,255,255,0.3);}
.message ul li input{background: transparent;font-size: var(--font14);color: #fff;padding-left: .3125rem;border: none;}
.message ul li input::-webkit-input-placeholder,.message ul .incode input::-webkit-input-placeholder{color: #fff;}
.message ul  label{color: #FF0000; font-size: var(--font14);  }
.message ul.item{margin: 7.875rem 0 3.25rem}
.message ul .incode{width: 100%; border-bottom: 1px solid rgba(255,255,255,0.3); padding: .4375rem 0;}
.message ul .incode input{ font-size: var(--font14);  color: #fff; border: none; padding-left: .3125rem; background: transparent;}
.message ul .incode img{ height: 2.625rem; width: 7.8125rem; border-radius: 100px;}
.message .insub button{background: #fd4d01;color: #FFFFFF;border-radius: 0.8rem;padding: 0.76rem 2.8rem;height: auto;font-size: var(--font18);}



/* 下载中心 */
.downMain{background: #fff;}
.down-title{border-bottom: 1px solid rgba(0,0,0,0.1); padding-bottom: 1.25rem; margin-bottom: 3.3125rem}
.downMain .main-content .main-box .le{box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.02); }
.down-list ul li{border-bottom: 1px solid rgba(0,0,0,0.04); padding:  1.5rem .625rem; margin-bottom: .75rem;  display: block;}
.down-list ul li em{color: #333333;}
.down-list ul li em>img{width: 1.3125rem; margin-right: .4375rem;}
.down-list ul li .icon img{width: 1.0625rem; }
.down-list ul li:hover .icon img{filter: invert(55%) sepia(86%) saturate(5975%) hue-rotate(360deg) brightness(101%) contrast(100%);}
.down-list ul li:hover em{color: #fd4d01;}



/* 内页常见问题 */
.problem-list ul li{margin-bottom: .9375rem; }
.problem-list ul li a{background: #f9f9f9; padding: 1.5625rem 1.5625rem 1.5625rem 3rem; transition: .6s; position: relative;}
.problem-list ul li a::after{position: absolute; content: ''; width: 0; height: 100%; left: 0;  transition: .6s;}
.problem-list ul li em{color: #333333; position: relative; z-index: 1;}
.problem-list ul li img{width: .8125rem;  position: relative; z-index: 1;}
.problem-list ul li:hover a::after{background: #fd4d01; width: 100%; z-index: 0;}
.problem-list ul li:hover em{color: #fff;}
.problem-list ul li:hover img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}


/* 内页新闻动态 */
.newsMain .nav-class{position: relative; bottom: auto; padding: 1.8125rem 0 1.25rem; margin-bottom: 4.1875rem; border-bottom: 1px solid rgba(51,51,51,0.1);}
.newsMain .nav-class ul li a{color: #333333;}
.newsMain .nav-class ul li:hover a,.newsMain  .nav-class ul li.on a{color: #fff; font-weight: bold;}
.nynews-list{margin-bottom: 6.25rem;}
.nynews-list ul li{padding-bottom: 2.8125rem; margin-bottom: 2.5rem; border-bottom: 1px solid #f1f1f1;}
.nynews-list ul li .pic{width: 24%; overflow: hidden;}
.nynews-list ul li .pic img{width: 100%; display: block; transition: .6s;}
.nynews-list ul li:hover .pic img{transform: scale(1.1);}
.nynews-list ul li .info{width: 74%;}
.nynews-list ul li .text{width: 95%;}
.nynews-list ul li .info h3{color: #333333; font-weight: 500; margin-bottom: .625rem;}
.nynews-list ul li .info i{color: #9f9f9f; margin-bottom: 1.625rem; display: block;}
.nynews-list ul li .info p{font-weight: 300; margin-bottom: 1.625rem;}
.nynews-list ul li .info span{color: #fd4d01; font-style: italic; text-align: right; display: block;}
.nynews-list ul li:hover .info h3{color: #fd4d01;}



/* =====联系我们===== */
.contact-banner h2{width: 100%;}
.tactOne {background: #f0f0f0; padding: 4.875rem 0 7.75rem; margin-bottom: 7.375rem;}
.tactOne .box{gap: 1rem;}
.tactOne .left {flex: 1;}
.tactOne .left .nav li .tit {cursor: pointer;font-size: var(--font24);color: #1b1b1b;position: relative;display: inline-flex;align-items: center;padding: 1.17rem 10%;border-radius: 6.25rem;transition: .5s;line-height: 1.4;}
.tactOne .left .nav li {margin-bottom: 2.5rem;}
.tactOne .left .nav li.active .tit {opacity: 1;background: #fd4d01;color: #fff;/* font-weight: bold; */}
.tactOne .left .nav li.active .tit::before {opacity: 1;}
.tactOne .right {width: 50%;}
.tactOne .right .p1 , .tactOne .right .p1 a {font-size: var(--font28);color: #1b1b1b;font-weight: 500;}
.tactOne .right .p1 a:hover {color: #fd4d01;;}
.tactOne .right dl {margin-top: 3.125rem;}
.tactOne .right dl dd {display: flex;align-items: flex-start;margin-bottom: 1.25rem;}
.tactOne .right dl dd .icBox {height: 1.875rem; margin-right: 1rem; width: 1.875rem;}
.tactOne .right dl dd .icBox img {min-height: 1.25rem; max-height: 100%; max-width: 100%; min-width: 80%;}
.tactOne .right dl dd p , .tactOne .right dl dd p a {font-size: var(--font22);color: #1b1b1b;/* font-weight: 300; */transition: .5s;}
.tactOne .right dl dd p a:hover {color: #fd4d01;;}
.tactOne .right .item {display: none;}
.tactOne .right .item.active {display: block;}
.tactOne .right dl dd p{display: flex;line-height: 1;}
.tactOne .right dl dd p em{display: inline-block;width: 5.8125rem;text-align: justify;line-height: 1;}
.tactOne .right dl dd p em::after { content: ""; /* 伪元素必须有 content（空值也可以） */ display: inline-block; /* 3. 设为行内块级，才能设置宽度 */ width: 100%; /* 4. 宽度100% = 占满容器，强制产生“换行” */}
.tactOne .right dl dd:nth-child(5){margin-bottom: 2.5rem}


/* =====关注我们===== */
.follow {margin-top: 10rem; margin-left: 3.75rem;}
.follow dl .ddbox {display: flex;}
.follow dl dt{margin-bottom: 2.1875rem;}
.follow dl dd {margin-right: 1.25rem; position: relative;}
.follow dl dd .icBox {width: 3rem; height: 3rem; border-radius: 50%;background: #414141; display: flex; align-items: center; justify-content: center;}
.follow dl dd .icBox svg {width: 40%; height: 40%; object-fit: contain;}
.follow dl dd .icBox svg path {fill: #fff; opacity: .5;}
.follow dl dd:hover .icBox svg path {opacity: 1;}
.follow dl dd.hover_code .code {width: auto; box-shadow: 0 0 .625rem rgba(0,0,0,.1); position: absolute; bottom: 150%; left: 50%; transform: translateX(-50%); background: #fff; padding: .625rem; border-radius: .625rem; opacity: 0; transition: .5s; pointer-events: none; visibility: hidden;}
.follow dl dd.hover_code .code span {display: block; margin-top: .313rem;}
.follow dl dd.hover_code .code img {width: 6.25rem;}
.follow dl dd.hover_code .code::after {content: ''; position: absolute; left: 50%; top: 100%; transform: translateX(-50%); width: 0; height: 0; border: .625rem solid transparent; border-top-color: #fff;}
.follow dl dd.hover_code:hover .code {opacity: 1;  bottom: 130%; visibility: visible; pointer-events: auto;}



.tactTwo {margin-bottom: 9.5rem;}
.tactTwo .box {padding: 6.25rem 7.5rem;box-shadow: 0px 0px 2.875rem 0px rgba(7,0,2,0.05); }
.tactTwo .form {margin-top: 3.125rem;}
.tactTwo .form .form_box {display: flex; justify-content: space-between;}
.tactTwo .form .form_box .form_left {width: 49.25%;}
.tactTwo .form .form_box .form_right {width: 49.25%;}
.tactTwo .form .form_box .inBox {margin-bottom: 1.25rem;}
.tactTwo .form .form_box input {height: 3.5rem; background: #f5f5f5; width: 100%; padding: 0 1.25rem;}
.tactTwo .form .form_box input::-webkit-input-placeholder {color: #999999;}
.tactTwo .form .form_box input::-moz-placeholder {color: #999999;}
.tactTwo .form .form_box input::-ms-input-placeholder {color: #999999;}
.tactTwo .form .form_box textarea {height: 100%; background: #f5f5f5; width: 100%; padding: 1.25rem; box-sizing: border-box; resize: none;}
.tactTwo .form .form_box textarea::-webkit-input-placeholder {color: #999999;}
.tactTwo .form .form_box textarea::-moz-placeholder {color: #999999;}
.tactTwo .form .form_box textarea::-ms-input-placeholder {color: #999999;}

.tactTwo .form .form_box .intent {height: calc(3.5rem + 3.5rem + 3.5rem + 2.5rem);}
.tactTwo .form .form_box .incode {position: relative;}
.tactTwo .form .form_box .incode img {position: absolute;right: .75rem; top: 50%; transform: translateY(-50%); height: 90%; width: 6.25rem; object-fit: contain;}
.tactTwo .form .insub {margin-top: 1.875rem;}
.tactTwo .form .insub button {width: 9.125rem; height: 3.375rem;background: #999999; color: #fff; border: 0; margin: 0 .625rem; font-size: var(--font16);}

.layui-form-select dl {top: 100%; }
.layui-form-select dl dd {line-height: initial; padding: .625rem;}




/* 内页加入我们 */
.join{padding: 4.6875rem 0 7.125rem}
.join-list{margin-top: 3.625rem;}
.join-list ul{gap: 2.5rem 3rem}
.join-list ul li {padding: 1.5625rem;border: 1px solid rgba(20,88,228, .06);border-radius: 5px;display: flex; align-items: center;-webkit-transition: border .6s ease,box-shadow .6s ease;transition: border .6s ease,box-shadow .6s ease;}
.join-list ul li .icon {width: 5.625rem;height: 5.625rem;border-radius: 50%; padding: .9375rem; background: url(../images/join-pic.png) no-repeat center;background-size: cover;margin-right: 1.5625rem; flex-shrink: 0;}
.join-list ul li .icon img {-webkit-transition: transform .6s ease;transition: transform .6s ease;}
.join-list ul li h4{color: #666; margin-top: .5rem;}
.join-list ul li:hover {box-shadow: inset 0 0 0.1rem 0.05rem rgba(20,88,228, .06);}
.join-list ul li:hover .icon img {transform: rotateY(180deg);}


.talent-bg{background: #fbfbfb; padding: 5.1875rem 0 9.0625rem;}
.talent-bg .index-title h2{margin-bottom: .9375rem;}
.index-title i{width: 2.8125rem; height: .3125rem; background: #003d90; border-radius: 3px; display: block; margin: 0 auto;}

.talent{margin-top: 4.1875rem;}
.talent-title dl,.talent-list dl dt{display: grid; grid-template-columns: repeat(6, 1fr); align-items: center; }
.talent-title dl dt:first-child,.talent-list dl dt em:first-child {grid-column-start: 1; grid-column-end: span 2; text-align: left;}
.talent-title dl dt,.talent-list dl dt em{ text-align: center;}

.talent-title dl{background: #333; border-radius: .625rem; padding: 1.65rem 2.5rem; }
.talent-list{margin-top: .75rem;}
.talent-list dl{margin-bottom: .375rem; }
.talent-list dl dt{padding: 1.9375rem 2.5rem; background: #ffffff; border-radius: .625rem;}
.talent-list dl dd{display: none; color: #666;border: 1px solid #d9d9d9; border-top: none;  border-bottom-left-radius: .625rem; border-bottom-right-radius: .625rem; padding: 2.5rem;}

.talent-list dl dt.active{border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.talent-list dl dt .icon{width: 2.8125rem; height: 2.8125rem; border: 1px solid rgba(105,105,105,0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto;}
.talent-list dl dt .icon img{width: .75rem;}
.talent-list dl dt .icon .talent-jia{display: block;}
.talent-list dl dt .icon .talent-jian{display: none;}
.talent-list dl dt.active .icon .talent-jia{display: none;}
.talent-list dl dt.active .icon .talent-jian{display: block;}



/* 内页公司场景 */
.scene-list ul{gap: 2.5rem 3rem}
.scene-list ul li{  }
.scene-list ul li .pic{overflow: hidden; }
.scene-list ul li .pic img{display: block; width: 100%; transition: .6s;}
.scene-list ul li:hover .pic img{transform: scale(1.1);}
.scene-list ul li .name{ text-align: center; padding: 1.1rem 0; background: #fff;}
.scene-list ul li em{color: #333333; display: block; font-weight: 500; }
.scene-list ul li:hover .name{background: #fd4d01;}
.scene-list ul li:hover .name em{color: #fff;}






/* 内页新闻详情 */
.newsxq-box{background: #fcfcfc; }
.newsxq-top{align-items: flex-start; background: #ffffff;  border-radius: 0px 0px 34px 34px;border-radius: 0px 0px 2.125rem 2.125rem; box-sizing: border-box; padding: 3.5rem 4.4375rem 4.0625rem; border-top: .6875rem solid #fd4d01; margin-top: -15%;  z-index: 2; position: relative; }
.newsxq-top .date{margin-bottom: 1.25rem;}
.newsxq-top .date span{color: #fd4d01; margin-right: 1.5625rem;}
.newsxq-top .date em{ display: block; color: #fd4d01; border: 1px solid #fd4d01; border-radius: 1rem; padding: 0.2rem 1.1rem; }
.newsxq-top .text{border-top: 1px solid #F2F2F2; margin-top: 1.9375rem; padding-top: 2.5rem;}
.newsxq-bottom{padding: 3.5rem 0 0; align-items: flex-start;}
.newsxq-left{width: 67%; align-items: flex-start; margin: 2.875rem 0 0;}
.news-editor{margin-bottom: 3.125rem;}
.news-editor img{ max-width: 100%!important; height: auto!important;}
.newsxq-left .index-more{display: flex; align-items: center; justify-content: center;}
.recom-box{position: sticky; top: 3.5rem; background: #ffffff;  padding: 2.375rem 2.375rem 2rem;  border-radius: .375rem; box-shadow: -0.24px 7px 9px 7px rgba(48,48,48,0.06); width: 28%;}
.recom-title{margin-bottom: 2.3125rem; position: relative;}
.recom-title::after{position: absolute; content: ''; width: 2rem;  height: .1875rem;  background: #fd4d01;  border-radius: .125rem; bottom: -.0938rem;}
.recom-title strong{display: block; border-bottom: 1px solid #EAEAEA; padding-bottom: 1.75rem;}
.recom-news ul li{padding-bottom: 2rem; margin-bottom: 1.75rem; border-bottom: 1px solid #F2F2F2;}
.recom-news ul li .pic{overflow: hidden; border-radius: .1875rem; width: 41%;}
.recom-news ul li .pic img{display: block; width: 100%; transition: .6s;}
.recom-news ul li:hover .pic img{transform: scale(1.1);}
.recom-news ul li .info{width: 54%;}
.recom-news ul li .info em{color: #444444; margin-bottom: 1.0625rem;}
.recom-news ul li .info span{color: #7c7c7c;}
.recom-contact img{display: block; width: 100%; margin-bottom: 2.125rem;}
.recom-box .index-more .more1{padding: 1rem 0; width: 100%;}



/* 图片详情页 */
.picxq-left{background: #fff; margin-top: 0; padding: 3rem 2%;}
.picxq-title {   border-bottom: 1px solid #F2F2F2;   margin-bottom: 1.9375rem;   padding-bottom: 1.5rem;}


.newsMain .newsxq-box{padding-bottom: 6.25rem;}
.newsxq-top .newsxq-left{margin-top: 0;}
.newsxq-top .news-editor{margin-top: 2rem; border-top: 1px solid #F2F2F2; padding-top: 2rem;}

.newsxq-top .recom-box{top: 8rem;}


.tactOne .right .p1 div{display: flex}




/* 2026.5.11增加视频 */
.company-box .company-logo{width: 50%;}
.company-box .company-logo video{width: 100%;}


/* 2026.8.17 */
.tactOne .right .p1{display: flex;}


/* 2026.8.25 */
.head-back a{  color: #333;  border: 1px solid #333;  border-radius: 100px;  padding: 0.8rem 1rem;  margin-right: 3rem;  transition: .6s;}

.head-back a:hover{background: #fd4d01; border-color: #fd4d01; color: #fff;}