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

/* ===============公用css end!!!!===================*/
.more1 {padding: .75rem 2.625rem;background: #0078ff;border-radius: 6.25rem; color: #fff;font-size: var(--font18); margin-right: .938rem; transition: .5s;}
.more2 {padding: .75rem 2.625rem;border: 1px solid #0078ff;border-radius: 6.25rem; color: #0078FF; font-size: var(--font18); transition: .5s;}

.more1:active {box-shadow: 0 0 .625rem #0078ff;}
.more2:active {background: #0078ff; color: #fff; box-shadow: 0 0 .625rem #0078ff;}
@media (any-hover: hover) { 
  .more1:hover {box-shadow: 0 0 .625rem #0078ff;}
  .more2:hover {background: #0078ff; color: #fff; box-shadow: 0 0 .625rem #0078ff;}
}


/* ======首页======= */
.header{position: fixed; left: 0; top: 0; z-index: 99; width: 100%; }
.headBox{padding:  0 2%; display: flex; align-items: center; justify-content: space-between; height: 6.4375rem;}
.headBox .logo  img{width: 8.5625rem;}
.head-right{width: 75.8%; display: flex; align-items: center; justify-content: space-between; height: 100%;}
.pc-nav{width: 77.6%;}
#header-zw{ height: 6.4375rem;}

/* 头部导航 */
.pc-nav {height: 100%;width: 76%;}
.pc-nav > ul {display: flex; justify-content: space-between;height: 100%;}
.pc-nav > ul > li {height: 100%; display: flex; align-items: center; position: relative;}
.pc-nav > ul > li  h3 {color: #333; font-size: var(--font18); position: relative; line-height: initial; transition: .4s; }
.pc-nav > ul >li:hover  h3 , .pc-nav >ul >li.on  h3 {color: #00559e; font-weight: bold;}
.pc-nav > ul >li  h3::after {content: ""; width: 0; position: absolute; bottom: -0.875rem; left: 50%; height: 2px; background: #00559E; transition: .5s;}
.pc-nav > ul >li:hover  h3::after , .pc-nav >ul >li.on  h3::after  {width: 100%; left: 0%;}


/* 其他二级栏目下拉 */
.navSlideTwo {display: none; top: 100%;left: 50%; transform: translate(-50%, -0%);position: absolute; background: #fff;width: max-content; padding: .625rem 1.25rem;}
.navSlideTwo dl{display: block;}
.navSlideTwo dl dd  {display: block; padding: .3125rem 0; transition: .5s;text-align: center;}
.navSlideTwo dl dd a:hover {color: #00559e;}

.header.c-style2{background-color: #fff;}

/* 语言切换 */
.luangage {display: flex; align-items: center; position:relative;  cursor: pointer; border-left: 1px solid rgba(51,51,51,.3); border-right: 1px solid rgba(51,51,51,.3); padding:  0 2.8125rem;}
.ver span{margin: 0 .5625rem;}
.ver em>img{width: 1rem;}
.ver em>.ver-icon{width: .5625rem}
.weblinks {z-index: 2; box-shadow: 0 0 0.1rem rgb(0, 0, 0,.2);position: absolute;background: #fff;border-radius: 5px;padding: .1rem 40px;left: 50%;top: 160%; text-align: center;transform:translateX(-50%) translateY(35%);opacity: 0;visibility: hidden;transition: .5s; width:max-content;}
.weblinks::before {content: "";width: 1.25rem; height: .625rem; background: #fff; clip-path: polygon(50% 0%, 0% 100%, 100% 100%);-webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%); background: #fff;    position: absolute;left: 50%;top: -3%;transform: translate(-50%, -50%);}
.weblinks a {justify-content: center; }
.weblinks a {margin: .625rem 0; display: block;}
.weblinks a:hover {color: #00559e;}
.luangage:hover .weblinks {opacity: 1; transform:translateX(-50%) translateY(0%); visibility: visible;}

/* 搜索下拉 */

.headSearch{width: 3.125rem;  height: 3.125rem; background: #00559e; border-radius: 50%;}
.headSearch img{width: 1rem;}
.hadbox-sec4 {background-color: #fff;position: absolute;left: 0;top: 100%;width: 100%;padding: 5.625rem 0 6.625rem; display: none; border-top: 1px solid #eee; box-sizing: border-box; box-shadow: 0 2px 2px rgba(0, 0, 0,.1);}
.hadbox-sec4 .f_tit {color: #222222;margin-bottom: 1.5rem;font-size: var(--font36);}
.hadbox-sec4 .form {display: flex; align-items: center; 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%;}
.hadbox-sec4 .form input {width: calc(100% - 19.375rem);padding: 1rem 1.5rem;font-size: var(--font20); color: #333333;}
.hadbox-sec4 .form .f_sub {width: 11.25rem; height: 3.5rem; min-height: 45px; background: #00559e;border-radius: .3125rem;font-size: var(--font24);color: #ffffff;cursor: pointer;}




/* banner */
.indexBanner {overflow: hidden; position: relative;}
.indexBanner .swiper {}
.indexBanner .slide .bjBox {}
.indexBanner .slide .bjBox img{display: block; width: 100%;}
/* 控件 */
.indexBanner .pagtion{bottom: 2.9375rem;}
.indexBanner .pagtion .swiper-pagination-bullet {margin: 0 .3125rem; background: #fff;  position: relative; opacity: 1; width: auto; height: auto; background: none;}
.indexBanner .pagtion .pag {width: 21px;height: 21px;background: none;opacity: 1;box-sizing: border-box;display: block;border-radius: 50%;position: relative;margin: auto;}
.indexBanner .pagtion .pag .num {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 0; transition: .5s; color: #00559E;}
.indexBanner .pagtion .pag i {width: 9px;height: 9px;background: #666666;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);border-radius: 50%;}
.indexBanner .pagtion .svgBox {width: 145%; height: 145%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: .4s;}
.indexBanner .pagtion .svgBox svg {fill: none;transform: rotate(-90deg); fill: none;stroke-width:1px;stroke:#00559E;stroke-dasharray:130; stroke-dashoffset:130; overflow: visible;}
.indexBanner .pagtion .swiper-pagination-bullet-active .pag {border-color: rgba(255, 255, 255,.2)}
.indexBanner .pagtion .swiper-pagination-bullet-active .pag svg {animation: dashTooffset 3s linear forwards;}
@keyframes dashTooffset {0% {stroke-dashoffset: 130;}100% {stroke-dashoffset: 0;}}




/*  欣佰顺热销产品*/
.product-bg{background: #f1f6fb; padding: 4.125rem 0 0;}
.index-title{margin-bottom: 3.4375rem;}
.index-title strong{color: #00559e;}
.index-title b{color: #333;}
.index-title h3{color: #333333; }
.product-right b{ color: rgba(0,85,158,.1); letter-spacing: 1.68px; text-align: right; text-transform: uppercase; display: block;}
.pro-btn ul li{position: relative; margin-left: 2.8125rem;}
.pro-btn ul li:first-child{margin-left: 0;}
.pro-btn ul li a{color: #333333; }
.pro-btn ul li::after{position: absolute; content: ''; width: 0; height: 1px; background: #00559e; left: 0; bottom: -1rem; transition: .6s;}
.pro-btn ul li.on::after,.pro-btn ul li:hover::after{width: 100%;}
.pro-btn ul li.on a,.pro-btn ul li:hover a{font-weight: 700; color: #00559e;}
.product-bg .swiperBox {position: relative; }
.product-bg .swiperBox .item {position: absolute; left: 0; width: 100%; top: 1rem; opacity: 0;  }
.product-bg .swiperBox .item.on {opacity: 1; top: 0;transition: .8s;}
.product-list{overflow: hidden; padding-bottom: 9.5625rem; }
.product-list ul{}
.product-list ul li{border: 1px solid #f2f2f2;box-sizing: border-box;}
.product-list ul li .imgBox{overflow: hidden; position: relative;}
.product-list ul li .imgBox>img{display: block; width: 100%;  -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.product-list ul li:hover .imgBox>img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.product-list ul li .hide{ position: absolute; content: ''; background: rgba(0,0,0,.8); width: 100%; height: 100%; top: -100%; display: flex; align-items: center; justify-content: center; transition: .6s;}
.product-list ul li .icon{width: 3.125rem; height: 3.125rem; background: #00559e; border-radius: 50%; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.product-list ul li:hover .hide{top: 0;}
.product-list ul li .con{ background: #fff; text-align: center; padding: .75rem 0 1.1875rem; border-top: 1px solid #f2f2f2;box-sizing: border-box;}
.product-list ul li h3{color: #333333;font-weight: 700;}
#product-num{top: auto;  height: .0625rem; background: #e2e7ec; width: 93%; margin-top: 3.25rem;}
#product-num .swiper-pagination-progressbar-fill{background: #00559e;}
#index-prev,#index-next{ top: auto; margin-top: 2.1875rem; width: 2.4375rem; height: 2.4375rem; background: #ffffff; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
#index-prev img,#index-next img{min-width: .3125rem;}
#index-next img{transform: rotateY(180deg);   -webkit-transform: rotateY(180deg);}
#index-prev{left: auto; right: 3.5%;}
#index-next{right: 0;}


/* 关于我们 */
.about-bg{background: url(../images/about-bg.jpg)no-repeat center;background-attachment: fixed;padding: 12.25rem 0 14.1875rem;background-size: cover;}
.about-box .info{width: 47%; color: #fff;}
.about-box .info strong{display: block; margin-bottom: 3.125rem;}
.about-box .info h3.note{margin-bottom: 2.125rem;}
.about-link{margin-top: 3.875rem;}
.about-link ul li{text-align: center; transition: .6s;}
.about-link ul li:last-child{margin-right: 25%;}
.about-link ul li img{height: 3.75rem;}
.about-link ul li em{color: #ffffff; display: block; margin-top: 1.25rem;}
.about-link ul li:hover{transform: translateY(-1.25rem);}
.video-btn{margin-right: 19.4%;}
.video-btn {width: 6.25rem; height: 6.25rem; position: relative;cursor: pointer; z-index: 2; text-align: center;}
.video-btn img {max-width: 100%; max-height: 100%;}
.video-btn::before {animation: playbtnscale 2s ease-out infinite; background: #fff; opacity: 0.5; animation-delay: 0;}
.video-btn::before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1.5rem; height: 1.5rem; border-radius: 50%; content: ''; z-index: -1;}
@keyframes playbtnscale { 0% { transform: translate(-50%, -50%) scale(1); opacity: .9 }100% { transform: translate(-50%, -50%) scale(7); opacity: 0; }}
.video-btn em{color: #fff; margin-top: 1rem; display: block;}

/* 欣佰顺品牌优势 */
@font-face {
  font-family: "Martel";
  src: url("../font/MARTEL-BOLD.TTF");
}

.ys-bg{background: url(../images/ys-bg.jpg) no-repeat center top; background-size: cover; padding: 3.375rem 0 3.6875rem;}
.ys-list{overflow: hidden; position: relative;}
.ys-list ul li .pic{overflow: hidden; position: relative;}
.ys-list ul li .pic img{display: block; width: 100%; border-radius: .75rem;} 
.ys-list ul li .info{}
.ys-list ul li .info{position: absolute;content: '';left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center; z-index: 1; }
.ys-list ul li .text{opacity: 0; position: relative; background: #ffffff;border-radius: .75rem;width: 56.3%;padding: 4.125rem 2.4375rem 3.1875rem;box-sizing: border-box;margin-left: 5%;}
.ys-list ul li .text::after{position: absolute; content: ''; width: 100%; height: 90%; background: #00559e; border-radius: .75rem; left: -1.125rem; top: 50%; transform: translateY(-50%); z-index: -1;}
.ys-list ul li .ys-top {margin-bottom: 1.875rem}
.ys-list ul li .ys-title strong {color: #00559e; display: block; }
.ys-list ul li .ys-title span{color: #666666; line-height: 1; display: block;}
.ys-list ul li .ys-top img{width: 3.3125rem;}
.ys-list ul li .text h4{color: #333333; margin-bottom: 1.75rem;}

.index-tel em{background: #00559e; border-radius: 1.8125rem; color: #ffffff; padding: .625rem .5rem .625rem 1.125rem; transition: .6s; display: block;}
.index-tel em>img{width: 2.4375rem; margin-left: 1.25rem;}
.index-tel b{ font-family: "Martel"; color: rgba(51,51,51,.1); line-height: 1;}
.ys-list ul li:hover .index-tel em {-webkit-box-shadow: 0 0 0 .625rem rgba(0,85,158,.2); box-shadow: 0 0 0 .625rem rgba(0,85,158,.2);}

#ys-prev,#ys-next{  display: flex; align-items: center; justify-content: center;}
#ys-prev img,#ys-next img{min-width: 1.0625rem ;}
#ys-next img{transform: rotateY(180deg);   -webkit-transform: rotateY(180deg);}
#ys-prev{left: 14.5%; }
#ys-next{right: 14.5%;}
/* .ys-list ul li.swiper-slide-active .info{background: transparent;} */
.ys-list ul li.swiper-slide-active .text {opacity: 1;}
.ys-box{position: relative; padding-bottom: 6.8125rem;}
.ys-box .pagtion::after{position: absolute; content: ''; width: 100%; height: .0625rem; background: rgba(207,207,207,.2); left: 0; top: 40%; transform: translateY(-50%); z-index: -1;}
.ys-box .pagtion .swiper-pagination-bullet {margin: 0 1.875rem; background: #fff;  position: relative; opacity: 1; width: auto; height: auto; background: none;}
.ys-box .pagtion .pag {width: 21px;height: 21px;background: none;opacity: 1;box-sizing: border-box;display: block;border-radius: 50%;position: relative;margin: auto;}
.ys-box .pagtion .pag .num {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 0; transition: .5s; color: #00559E;}
.ys-box .pagtion .pag i {width: 9px;height: 9px;background: #666666;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);border-radius: 50%;}
.ys-box .pagtion .svgBox {width: 145%; height: 145%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: .4s;}
.ys-box .pagtion .svgBox svg {fill: none;transform: rotate(-90deg); fill: none;stroke-width:1px;stroke:#00559E;stroke-dasharray:130; stroke-dashoffset:130; overflow: visible;}
.ys-box .pagtion .swiper-pagination-bullet-active .pag {border-color: rgba(255, 255, 255,.2)}
.ys-box .pagtion .swiper-pagination-bullet-active .pag i{background: #00559e;}
.ys-box .pagtion .swiper-pagination-bullet-active .pag svg {animation: dashTooffset 3s linear forwards;}
@keyframes dashTooffset {0% {stroke-dashoffset: 130;}100% {stroke-dashoffset: 0;}}

/* 荣誉证书  */
.honor-bg{background: url(../images/honor-bg.jpg) no-repeat center top; padding: 8.4375rem 0 11.125rem; background-size: cover;}
.honor-box{align-items: flex-start;}
.honor-box .honor-left,.honor-box .honor-pic{width: 50%;}
.honor-box .honor-left{display: flex; justify-content: flex-end;}
.honor-box .info{color: #fff;  width: 79%; }
.honor-title{position: relative; margin-bottom: 3.125rem;}
.honor-title span{ color: rgba(255,255,255,.2); font-weight: bold; position: absolute; top: 0; left: 0; line-height: 1;}
.honor-title strong{display: block;padding-top: 1.25rem;margin-bottom: 2.125rem;}
.honor-title i{display: block;width: 5.1875rem; height: .125rem; background: #ffffff;} 
.honor-top{align-items: flex-start;}
.honor-top img{width: 9.875rem;}
.honor-box .info h3{width: 90%;}
.honor-box .info h3.text1{margin-bottom: 2rem;}
.honor-box .info h3.text2{margin-bottom: 5.625rem;}
.num-list{width: 92%;}
.num-list ul li{position: relative;}
.num-list ul li .pic{}
.num-list ul li .pic img{width: 12rem;}
.num-list ul li .text{position: absolute; content: ''; width: 100%; height: 100%; top: 0; text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.num-list ul li b{line-height: 1;}
.num-list ul li em{margin-top: .3125rem; display: block;}
.honor-box .honor-pic{display: flex; justify-content: flex-end;}
.honor-box .honor-pic img{display: block; width: 55.125rem;}


/* 携手共进 共创辉煌 */
.idea{padding: 4rem 0;}
.idea .index-title strong{display: block; margin-bottom: 1.1875rem;}
.idea-list ul li{width: 48.4%;}
.idea-list ul li .pic{overflow: hidden;}
.idea-list ul li .pic img{display: block; width: 100%;}
.idea-list ul li .info{text-align: center; padding: 2rem 0 0;}
.idea-list ul li .info strong{display: block; margin-bottom: 1.8125rem;}
.idea-list ul li .info b{color: #00559e;}
.idea-list ul li .info a{transition: .6s;}


.index-tel a{background: #00559e; border-radius: 1.8125rem; color: #ffffff; padding: .625rem .5rem .625rem 1.125rem; transition: .6s; display: inline-block;}
.index-tel a>img{width: 2.4375rem; margin-left: 1.25rem;}
.index-tel b{ font-family: "Martel"; color: rgba(51,51,51,.1); line-height: 1;}
.index-tel a:hover{-webkit-box-shadow: 0 0 0 .625rem rgba(0,85,158,.2); box-shadow: 0 0 0 .625rem rgba(0,85,158,.2);}


.idea-list ul li .info .index-tel a{ padding: .625rem .5rem .625rem 1.125rem; }
.idea-list ul li .info a{display: inline-block; background: #00559e; border-radius: 1.8125rem; color: #ffffff; padding: 1.047rem 1.625rem}
.idea-list ul li .info a>img{min-width: 1.75rem; margin-right: .9375rem;}
.idea-list ul li:hover .info a{-webkit-box-shadow: 0 0 0 .625rem rgba(0,85,158,.2); box-shadow: 0 0 0 .625rem rgba(0,85,158,.2);}



/* 欣佰顺解决方案 */
.solution-bg{background: url(../images/solution-bg.jpg) no-repeat center; background-size: cover; padding: 4rem 0 4.125rem;}
.solution-bg .index-title strong,.solution-bg .index-title h3{color: #ffffff;}
.solution-bg .swiper-fade .swiper-slide {pointer-events: auto!important;}
.solution-bg .swiperBox2 .swiper-slide-active {z-index: 11;}
.inTwoSwiper3 {position: static!important;}
.solution-bg .swiperBox3 {position: relative!important;}
.solution-btn{margin-bottom: 3.75rem;}
.solution-btn ul{justify-content: space-between;}
.solution-btn ul li{width: 11.875rem!important; }
.solution-btn ul li a{ cursor: pointer; text-align: center; border-radius: .25rem;background: #575f76;display: flex;align-items: center; justify-content: center; flex-direction: column; padding: 2.125rem  0;  }
.solution-btn ul li img{height: 3.375rem;}
.solution-btn ul li em{color: #ffffff; margin-top: .875rem;}
.solution-btn ul li.swiper-slide-thumb-active a {background: #212d54;}
.solution-top{padding-bottom: 3.375rem; border-bottom: 1px solid rgba(255,255,255,.1); margin-bottom: 2.3125rem;}
.solution-top h4{color: #ffffff;align-items: flex-end;line-height: 1;}
.solution-top h4>img{width: 2.875rem; margin-right: 1.25rem;}
.solution-top span{color: #ebebeb;font-weight: 400;display: inline-block;margin-left: 1.25rem;}
.solution-list{overflow: hidden;}
.solution-list ul li{}
.solution-list ul li .pic{overflow: hidden;}
.solution-list ul li .pic img{display: block; width: 100%;  -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.solution-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.solution-list ul li .info{background: #ffffff; padding: 1.5rem 0;}
.solution-list ul li h5{color: #333333; text-align: center;}
.solution-bg .swiperBox2{position: relative;}
.solution-bg #index-prev,.solution-bg #index-next{top: 0; margin-top: 0;}
.solution-bg #index-next{right: 3px;}


/* 欣佰顺资讯中心 */
.news-bg{padding: 4.1875rem 0 5rem}
.news-top{align-items: flex-end; margin-bottom: 3.75rem;}
.news-top .index-title{margin-bottom: 0;}
.news-btn ul li{margin-left: .625rem;}
.news-btn ul li:first-child{margin-right: 0;}
.news-btn ul li a{color: #666666; border: 1px solid #fcfcfc;  border-radius: 1.8125rem; padding: 1rem 2.875rem; transition: .6s;}
.news-btn ul li:hover a{background: #00559e; border-color: #00559E;  color: #fff;}

.news-latest {width: 46.8%; }
.news-latest a{display: block; border-radius: .625rem; border: 1px solid #f5f5f5; box-sizing: border-box; position: relative;}
.news-latest .pic{overflow: hidden;}
.news-latest .pic img{display: block; width: 100%;  border-radius: .625rem; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.news-latest a:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.news-latest .hide{position: absolute; content: '';border-radius: .625rem;   background: url(../images/news-black.png) no-repeat center bottom; width: 100%; height: 100%; top: 0; display: flex; justify-content: center; align-items: flex-end; background-size: cover; } 
.news-latest .text{color: #ffffff; padding:  0  3.25rem; width: 100%; box-sizing: border-box;}
.news-latest .text em{margin-right: 1.75rem;}
.news-latest .text h3{margin: .375rem 0 2.75rem;}

.news-middle{width: 27%;}
.news-middle a{display: block; border-radius: .625rem;  box-sizing: border-box; background: #fcfcfc; padding: 1.5rem 1.6875rem 1.375rem;}
.news-middle .pic{overflow: hidden; border-radius: .625rem; margin-bottom: 1.4375rem;}
.news-middle .pic img{display: block; width: 100%;  -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.news-middle a:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.news-middle .info em,.news-middle .info span{color: #00559e;}
.news-middle .info em{margin-right: 1.75rem;}
.news-middle .info h3{color: #333333; font-weight: 700; margin: .5625rem 0 .875rem;}
.news-middle .info h4{color: #555555; margin-bottom: 1.375rem;}
.news-middle .info h5{color: #00559e;}
.news-middle .info h5>img{min-width: .5rem; margin-left: 1.3125rem;}

.problem{background: #fcfcfc; border-radius: .625rem; padding:  2.1875rem 1.9375rem 0; width: 23.2%; box-sizing: border-box;}
.problem-title{border-bottom: 1px solid #DBDBDB; margin-bottom: 1.625rem; padding-bottom: .875rem;}
.problem-title h2{color: #333333;}
.problem-title a{color: #00559e;}
.problem-title a>img{min-width: .5rem; margin-left: 1.3125rem;}
.problem-list dl{margin-bottom: 1.4375rem;}
.problem-list dl  a{display: block;}
.problem-list dl dt{margin-bottom: .25rem;}
.problem-list dl dt span,.problem-list dl dd span{width: 1.3125rem; height: 1.3125rem; background: #2b60a3; border-radius: 50%; color: #fff; text-align: center; margin-right: .625rem;}
.problem-list dl dt strong,.problem-list dl dd p{flex: 1;}
.problem-list dl dt strong{color: #333333;}
.problem-list dl dd span{background: #d81910;}
.problem-list dl dd p{color: #555555;}


/* 欣佰顺合作伙伴 */
.partner-bg{background: url(../images/partner-bg.jpg) no-repeat center; background: url(../images/partner-bg.jpg) no-repeat center; background-size: cover; padding: 3.875rem 0 1.4375rem;}
.partner-bg .index-title{margin-bottom: .5625rem;}
.partner-list ul{display: flex; align-items: center; justify-content: center;}
.partner-list ul li .partner-box{position: relative; }
.partner-list ul li .partner-box>img{width: 16.4375rem;}
.partner-list ul li .pic{display: flex; align-items: center; justify-content: center; position: absolute; content: ''; width: 100%; height: 100%; top:0;}
.partner-list ul li .pic img{width: 10.75rem;}
.partner-list ul:nth-child(2){ margin-top: -10.25rem;}
.partner-list ul:last-child{margin-top: -10.25rem;}

/* 公共底部 */
.footer{background: #fcfcfc;}
.foot-top{padding: 2.75rem 0 2.25rem; border-bottom: 1px solid rgba(242,242,242,.5);}
.foot-logo img{width: 8.5625rem; margin-right: 4.1875rem;}
.foot-logo .text strong{display: block; color: #333333;}
.footer-tel a{display: inline-block; background: #00559e; border-radius: 1.8125rem; color: #ffffff; padding: .625rem .5rem .625rem 1.125rem; transition: .6s;}
.footer-tel a>img{width: 2.4375rem; margin-left: 1.25rem;}
.footer-tel a:hover{-webkit-box-shadow: 0 0 0 .625rem rgba(0,85,158,.2); box-shadow: 0 0 0 .625rem rgba(0,85,158,.2);}
.foot-nav{padding: 2.8125rem 0 4.125rem;}
.foot-nav dl dt{font-weight: 700; margin-bottom: 1.25rem;}
.foot-nav dl dd{color: #333333; font-size: var(--font15); line-height:2;}
.foot-nav dl dd a{color: #333333;}
.foot-nav dl dd a.tel1{font-weight: 700;}
.foot-nav dl .foot-wechat{margin-top: 1.5625rem;}
.foot-nav dl .foot-wechat em{display: block; margin-bottom: .25rem;}
.foot-nav dl .foot-wechat img{min-width: 7.125rem;}
.foot-copy{ padding: 1.5rem 0;}
.foot-copy p,.foot-copy a{color: #555555;}
.foot-copy span{margin-right: 3rem;}
.foot-nav dl dd a:hover,.foot-copy a:hover{color: #00559e;}


/* 内页关于我们 */
.ny-banner {position: relative;}
.ny-banner .pic img{display: block; width: 100%;}
.ny-banner .info h2{color: #00559e; font-weight: 700;}
.ny-banner .info strong{color: #333; display: block; margin-bottom: 1.8125rem;} 
.ny-banner .info span{display: inline-block;background: #00559e; padding: .875rem 2.375rem; margin-right: .875rem; }


/* 内页分类 */
.ny-class{border-bottom: 1px solid #f2f2f2;}
.class-box ul{ justify-content: center;}
.class-box ul li a{font-size: var(--font20); color: #333; display: inline-block; text-align: center; padding: 2.125rem  5.125rem; transition: .6s;}
.class-box ul li:hover a,.class-box ul li.on a{background: #00559e; color: #fff;}


.nyabout-bg{background: url(../images/nyabout-bg.jpg) no-repeat  center bottom; background-size: cover; text-align: center; padding: 6.875rem 0 11.6875rem;}
.about-title{position: relative;}
.about-title span{position: absolute; content:''; top: 0;  color: rgba(51,51,51,0.04); left: 0; right: 0; margin: auto; text-transform: uppercase; font-weight: bold; line-height: 1;}
.about-title b{color: #00559e; display: block;}
.about-title{margin-bottom: 2.875rem;}
.nyabout-bg .info{margin-bottom: 5.9375rem;}
.nyabout-bg .info h3{color: #555555; width: 69%; margin: 0 auto 2.0625rem}
.nyvideo-btn{position: relative;}
.nyvideo-btn>img{width: 4.75rem; transition: .6s; animation: spin 2s linear infinite;}
@keyframes spin {
  from {
      transform: rotate(0deg);
  }
  to {
      transform: rotate(360deg);
  }
}
.nyvideo-btn .icon{position: absolute; content: ''; width: 100%; height: 100%; top: 0; bottom: 0; margin: auto; left: 0; right: 0; display: flex; align-items: center; justify-content: center;}
.nyvideo-btn .icon>img{min-width: 1.0625rem;}

.pro-logo{width: 10%;height: 10rem;background: #d3e6f5; border-top-right-radius: 5rem; border-bottom-right-radius: 5rem;  display: flex; align-items: center; justify-content: center;}
.pro-logo img{width: 8.5625rem;}
#back-to-top{ cursor: pointer; width: 10rem;  height: 10rem;  background: #2f8dd4; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 .75rem;}
#back-to-top img{width: 3.25rem;}
.nyabout-box{transform: translateY(-5rem);}
.num-bg{width: calc(90% - 11.5rem);  height: 10rem;  background: #00559e; border-top-left-radius: 5rem; border-bottom-left-radius: 5rem;  }
.num-bg ul li{color: #fff; text-align: center; border-right: 1px solid  rgba(255,255,255,0.2); padding:  0 5.6875rem;}
.num-bg ul li:last-child{border-right: none;}
.num-bg ul li>div{line-height: 1; margin-bottom: .1875rem;}

.about-probg{background: url(../images/about-probg.jpg) no-repeat center; background-size: cover;  padding-bottom: 12.5rem;}
.about-probg .info {color: #fff; padding-top: 5.625rem;}
.about-probg .info h2{font-weight: 700; margin-bottom: .875rem;}
.about-probg .info h3{font-weight: 700; line-height: 1.3;}
.about-probg .info h4{width: 42%; margin: 1.875rem 0 3.4375rem;}


/* 创新不止 品质成就信赖 */
.culture-bg{background: #f6f9fc; padding: 6.875rem 0 5.6875rem;}
.culture-bg .about-title{margin-bottom: 5rem;}
.culture-bg .about-title strong{color: #00559e;}
.culture-list ul{display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 3.25rem; text-align: center; }
.culture-list ul li{background: #fff; padding: 3.375rem 0 4.375rem; border-radius: 1.5625rem;} 
.culture-list ul li .icon{width: 7.1875rem; height: 7.1875rem; background: #00559e; border-radius: 50%; margin: 0 auto 2.0625rem; position: relative; transition: .6s;}
.culture-list ul li .icon::after{position: absolute; content: '';  width: 8.5rem; height: 8.5rem; border: 1px dashed rgba(255, 255, 255,.2); background: transparent; border-radius: 50%; transform: scale(0);  transition: .3s;}
.culture-list ul li .icon img{width: 3.3125rem; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
.culture-list ul li:hover{background: #00559e;}
.culture-list ul li:hover .icon{background: #fff;}
.culture-list ul li:hover .icon img{-webkit-filter: brightness(1) invert(0); filter: brightness(1) invert(0)}
.culture-list ul li:hover .icon::after{transform: scale(1);}
.culture-list ul li strong{display: block; margin-bottom: 1.8125rem;}
.culture-list ul li p{width: 75%;margin: 0 auto;}
.culture-list ul li:hover strong,.culture-list ul li:hover p{color: #fff;}



/* 公司环境 */
.environment-bg{padding: 4.375rem 0 4.625rem;}
.environment{position: relative;}
#environment-prev,#environment-next{transition: .6s; top: 0;margin-top: auto!important;width: 4.875rem;height: 4.875rem;border: 1px solid #f2f2f2;background: #ffffff;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
#environment-prev img,#environment-next img{min-width: .75rem;}
#environment-next img{transform: rotateY(180deg);   -webkit-transform: rotateY(180deg);}
#environment-prev{left: auto;right: 6.5%;}
#environment-next{right: 0;}
#environment-prev:hover,#environment-next:hover{background: #00559e; border-color:#00559e ;}
#environment-prev:hover img,#environment-next:hover img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
.environment-list{position: relative; overflow: hidden; padding-bottom: 3.6875rem;}
.environment-list ul li{border-radius: .4375rem}
.environment-list ul li .pic{overflow: hidden;  border-top-left-radius: .4375rem; border-top-right-radius: .4375rem;}
.environment-list ul li .pic img{display: block; width: 100%;  -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.environment-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.environment-list ul li .info{background: #fcfcfc; padding: 2.125rem 2%; border-bottom-left-radius: .4375rem; border-bottom-right-radius: .4375rem;}
.environment-list ul li .info em{text-align: center; font-weight: 700;}
.environment-list ul li:hover .info em{color: #00559e;}
#environment-num{top: auto;  height: .0625rem; background: #e2e7ec; width: 100%; bottom: 0; }
#environment-num .swiper-pagination-progressbar-fill{background: #00559e;}

/* 荣誉资质 */
.nyhonor-bg{background: url(../images/nyhonor-bg.jpg) no-repeat center; background-size: cover; padding: 4.375rem 0 0; height: 47.4375rem; overflow: hidden;}
.nyhonor-bg .about-title { margin-bottom: 4.875rem;}
.nyhonor-bg .about-title strong{color: #00559e; margin-bottom: 1.25rem; display: block;}
.about-title h4{color: #666666;}
.honor-list{width: 80%;margin: 0 auto;position: relative;overflow: hidden;}
.honor-list ul{display: flex; align-items: flex-end;}
.honor-list ul li{display: flex;align-items: flex-end;justify-content: center;padding-bottom: 5.625rem;}
.honor-list ul li .pic{ display: flex; align-items: flex-end; height: 16.25rem; }
.honor-list ul li .pic img{display: block; width: 100%; height: 100%; object-fit: cover; box-shadow: 0px 0px .4375rem .0625rem rgba(0,0,0,.3);}
.honor-list ul li.swiper-slide-active .pic{height: 100%; height: 19.85rem;}
.honor-list ul li .info{ position: absolute; content: ''; bottom: 0; background: #00559e; border-radius: 2rem; padding: 1.0625rem 2%; display: none; width: 134%; text-align: center; } 
.honor-list ul li .info em{color: #ffffff;}
.honor-list ul li.swiper-slide-active  .info{display: block;}
.honor-bottom{transform: translateY(-6.25rem);}
.honor-bottom img{display: block; width: 100%;}
.nyhonor-box{position: relative;}
#honor-prev,#honor-next{ top: 30%; transition: .6s; width: 4.875rem;height: 4.875rem;background: #00559E;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
#honor-prev img,#honor-next img{width: .75rem;}
#honor-next img{transform: rotateY(180deg);   -webkit-transform: rotateY(180deg);}
#honor-prev{left: 0;}
#honor-next{right: 0;}
#honor-num{display: none;}

/* 头部客户的共同选择 */
.customers{padding: 3.75rem 0 3.4375rem;}
.customers-list {overflow: hidden; margin-bottom: 2rem;}
.customers-list ul{align-items: center;}
.customers-list ul li .pic{overflow: hidden; position: relative;}
.customers-list ul li .pic img{display: block; width: 100%;}
.customers-list1{width: 86%; margin: 0 auto 2rem;}
.customers-box{position: relative;}
.customers-bg{position: absolute; content:''; top: 0; z-index: 3; height: 100%; width: 100%;}
.customers-bg img{display: block; width: 100%; height: 100%; object-fit: cover;}
.customers-list3{margin-left: -10%;}


#culture,#environment,#honor,#customers{position: relative; top: -6.25rem;}









/* 内页新闻列表页 */
.newsMain {padding: 3.75rem 0 6.25rem;}
.nynews-list ul {display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.8125rem;}
.nynews-list ul li {border: 1px solid #f0f4f3;}
.nynews-list ul li .pic {position: relative;overflow: hidden;}
.nynews-list ul li .pic img {width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.nynews-list ul li .info {padding: 1.5625rem; box-sizing: border-box; border-top: 1px solid #f0f4f3;}
.nynews-list ul li .info b{color: #00559e; display: block; margin-bottom: 1.25rem;}
.nynews-list ul li .info strong{color: #333;  margin-bottom: 1.1875rem;}
.nynews-list ul li .info p{color: #555;}
.nynews-list ul li .date {margin-top: 1.875rem; padding-top: 1.25rem; border-top: 1px solid #F2F2F2;}
.nynews-list ul li:hover .pic img {transform: scale(1.1);}
.nynews-list ul li:hover .info strong{color: #00559e;}



/* 内页新闻详情页 */
.position{bottom: 3%; top: auto;}
.position span,.position a{color: #999;}
.position a{margin: 0 .625rem;}
.position span img{filter: brightness(0); -webkit-filter:brightness(0); opacity: .5;}
.newsMain-bg{background: #f0f3f8;}



/* 内页新闻资讯详情页 */
.nynews-box {align-items: flex-start; margin-bottom: 5rem; }
.news-details {width: 68.92%; background: #ffffff; padding: 1.875rem 5.4% 3.125rem; box-sizing: border-box;}
.newsxq-title {border-bottom: 1px solid #F2F2F2; padding-bottom:1.875rem;}
.newsxq-title strong {display: block; font-size: var(--font34); color: #333; font-weight: normal; margin-bottom: 1.875rem;}
.newsxq-title span {color: #999; margin-right: 4.375rem;}
.newsxq-title span>img {display: inline-block; margin-right: .875rem; height: 1.125rem;}
.newsxq-editbox {border-bottom: 1px solid #F2F2F2; padding: 1.875rem 0; margin-bottom: 3.75rem;}
.newsxq-editbox img {max-width: 100%;}
.newxq-arrow .text em {display: block; color: #999; line-height: 1.8;}
.newxq-arrow .text a {color: #333;}
.newxq-arrow .text a:hover {color: #00559e;}
.news-back a {transition: 0.6s; display: block;padding: .75rem 1.875rem;  background: #000;border-radius:6.25rem; color: #fff; text-align: center;}
.news-back a:hover {background: #00559e;}
.news-recom {width: 27.5%; position: sticky; top: 9.375rem; background: #ffffff; padding: 1.5rem 2.7%; box-sizing: border-box;}
.recom-title h2 {display: block; font-size: var(--font30); color: #333;border-left: 4px solid #00559e; padding-left: 1.25rem; margin-bottom: 0rem; line-height: 1;}
.latest-recom {padding: 1.875rem 0;}
.latest-recom .pic{overflow: hidden; margin-bottom: 1.5625rem; border: 1px solid #F2F2F2;}
.latest-recom .pic img{display: block; width: 100%; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.latest-recom a:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.latest-recom h3{ font-size: var(--font20); color: #333; }
.latest-recom a:hover h3{color: #00559e;}
.recom-list{border-top: 1px solid #F2F2F2; padding-top: 1.5rem;}
.recom-list ul li{margin-bottom: 1.6875rem;}
.recom-list ul li:last-child{margin-bottom: 0;}
.recom-list ul li em {color: #333;}
.recom-list ul li em>img{display: inline-block; margin-right:1.25rem;}
.recom-list ul li:hover em{color: #00559e;}


.recomMain{padding: 3.75rem 0;}
.recoms-list{position: relative; overflow: hidden; padding-bottom: 4.25rem;}
.recoms-list ul li{border: 1px solid #f2f2f2;box-sizing: border-box;}
.recoms-list ul li .imgBox{overflow: hidden; position: relative;}
.recoms-list ul li .imgBox>img{display: block; width: 100%;  -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.recoms-list ul li:hover .imgBox>img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.recoms-list ul li .hide{ position: absolute; content: ''; background: rgba(0,0,0,.8); width: 100%; height: 100%; top: -100%; display: flex; align-items: center; justify-content: center; transition: .6s;}
.recoms-list ul li .icon{width: 3.125rem; height: 3.125rem; background: #00559e; border-radius: 50%; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.recoms-list ul li:hover .hide{top: 0;}
.recoms-list ul li .con{ background: #fff; text-align: center; padding: .75rem 0 1.1875rem; border-top: 1px solid #f2f2f2;box-sizing: border-box;}
.recoms-list ul li h3{color: #333333;font-weight: 700;}


/* 内页产品列表页 */
.proMain{padding: 5rem 0;}
.product-box{display: flex; justify-content: space-between; align-items: flex-start;}

.pro-left{position: sticky;top: 7.5rem;background: #fcfcfc;/* border-radius: .6875rem; */}
.product-box .pro-left{width: 22%;}
.pro-title strong{background: #00559e; border-radius: .6875rem .6875rem 0px 0px; display: block; padding: 1.0625rem 0 1.0625rem 2.5rem;}
.pro-class {padding: 1.25rem 0;}
.pro-class ul li{border-bottom: 1px solid #EBEBEB;padding: 1.5625rem 2rem;box-sizing: border-box;}
.pro-class ul li img{width: 1.0625rem; transition: .6s; filter: invert(57%) sepia(39%) saturate(160%) hue-rotate(175deg) brightness(95%) contrast(90%);}
.pro-class ul li:hover h3,.pro-class ul li.on h3{color: #00559e;}
.pro-class ul li:hover img,.pro-class ul li.on img{-webkit-filter: brightness(1) invert(0); filter: brightness(1) invert(0); transform: rotate(-90deg);}
.product-box .pro-right{width: 74%;}
.pro-consult{border-bottom: 1px solid rgba(235,235,235,.6); padding: 1.4375rem 2.625rem 0; margin-bottom: 1.25rem;}
.pro-consult img{display: block; width: 100%; border-radius: 5px;}
.pro-consult span{display: block; padding: .9375rem 0;}
.pro-tel {padding: 0 2.625rem 2.5rem;}
.pro-tel dl dt{width: 3.375rem;  height: 3.375rem;  background: #00559e; margin-right: 1.25rem; border-radius: 50%;}
.pro-tel dl dt img{height: 1.8125rem;}
.pro-tel dl dd em{color: #666; display: block;}
.pro-tel dl dd b{color: #00559e; font-weight: bold;}

.productxq-box{display: flex; justify-content: space-between; align-items: flex-start;}
.productxq-box .pro-left{width: 20%;}
.productxq-box .pro-right{width: 72%;}
.nypro-list ul{display: grid; grid-template-columns: repeat(3, 1fr); gap: 3.625rem 1.6875rem;}
.nypro-list ul li{border: 1px solid #f2f2f2; box-sizing: border-box;}
.nypro-list ul li .pic{overflow: hidden; position: relative; }
.nypro-list ul li .pic>img{display: block; width: 100%;  -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.nypro-list ul li:hover .pic>img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.nypro-list ul li .hide{position: absolute; content: ''; width: 100%; height: 100%; background: rgba(0,0,0,.7); top: -100%; display: flex; align-items: center; justify-content: center; transition: .6s;}
.nypro-list ul li .icon{width: 4rem; height: 4rem; background: #00559e;border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.nypro-list ul li .icon>img{width: 1rem;}
.nypro-list ul li .info{ text-align: center; padding: 1rem 2% 1rem; position: relative;  border-top: 1px solid #f2f2f2;}
.nypro-list ul li .info::after{transition: .6s; position: absolute; content: ''; width: 100%; height: 0;background: #00559e; bottom: 0;left: 0; z-index: 0; clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);}
.nypro-list ul li .info strong{color: #333333; margin-bottom: .4rem; position: relative; z-index: 1;}
.nypro-list ul li .info p{color: #666666; position: relative; z-index: 1;}
.nypro-list ul li:hover .hide{top: 0;}

.nypro-list ul li:hover .info::after{height: 100%;clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);}
.nypro-list ul li:hover .info strong,.nypro-list ul li:hover .info p{color: #fff;}



/* 内页产品详情页 */
/* 面包屑 */
.mbx {display: flex; align-items: flex-start; padding: 1.25rem 0; }
.mbx .icBox {margin-right: .625rem;transform:translateY(-.02rem);}
.mbx a {position: relative; color: #fff;}
.mbx a::after {content: ">";margin: 0 .625rem;}
.mbx a:last-child::after {display: none;}
.mbx a:hover {color: #00559e !important;}

.proDateOne {position: relative; background: url(../images/proDateOne-bj.jpg) no-repeat center;background-size: cover;padding:12rem 0 4rem;margin-bottom: 4.125rem;}
.proDateOne .back a {display: inline-flex; align-items: center;}
.proDateOne .back span {color: #333; font-size: var(--font17); margin-left: .625rem} 
@media (any-hover: hover) {
  .proDateOne .back a:hover svg path {fill: #00559e;}
  .proDateOne .back a:hover span {color: #00559e;}
}
.proDateOne .box {position: relative;    margin: 6.25rem 0;}
.proDateOne .le {width: 50%; position: relative; z-index: 2;}
.proDateOne .re {width: 42%; display: flex; align-items: center; justify-content: center; position: absolute; left: 100%; top: 50%; transform: translate(-100%, -50%);}
.proDateOne .re img {max-width: 100%;}
.proDateOne .tle h3 {font-weight: 700;color: #00559e;}
.proDateOne .tle h4 {font-weight: 700;color: #00559e;}
.proDateOne .tle span {font-size: var(--font24); color: #00559e;}
.proDateOne .text {margin-top: 2.5rem; padding-bottom: 1.875rem; border-bottom: 1px solid rgba(249, 249, 249,.4);}
.proDateOne .text p {color: #333; }
.proDateOne .mbxBox {margin-top: 1rem;}
.proDateOne .mbx img {filter: brightness(0); -webkit-filter:brightness(0); opacity: .5;}
.proDateOne .mbx a {color: #888888;}



.proxq-title{text-align: center;}
.proxq-title strong{margin-bottom: 1.2rem; display: block; font-weight: 500;}
.proxq-title i{display: block; width: 4.0625rem; height: .375rem; border-radius: .3125rem;  margin: 0 auto; background: #00559e;}
.proxq-editbox{margin-bottom: 5rem;}





.gray{background: #fcfcfc;}


/* 内页解决方案列表页 */
.soluMain{padding: 8rem 0;}
.solunav{margin-bottom: 4rem;}
.solunav ul {display: flex; justify-content: space-between; position: relative;}
.solunav ul::after {content: ""; height: 1px;opacity: 0.23; width: 85%; background: #b8b8b8;position: absolute; left: 50%; top: 35%; transform: translate(-50%, -50%);}
.solunav li {text-align: center;}
.solunav li .icBox {background: #fff; padding: 0 .625rem;  position: relative; z-index: 1; width: auto;  display: inline-block;}
.solunav li .icBox .ic {width: 5.25rem; margin: auto; height: 5.25rem;    min-width: 65px; min-height: 65px;  background: #f9f9f9; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: .5s;}
.solunav li .icBox img {max-width: 50%; -webkit-filter:invert(99%) sepia(100%) saturate(2%) hue-rotate(83deg) brightness(110%) contrast(100%); filter: invert(99%) sepia(100%) saturate(2%) hue-rotate(83deg) brightness(110%) contrast(100%);}
.solunav li span {font-weight: 400; color: #333333; display: block; margin-top: .625rem;}
.solunav li:hover .icBox .ic {background: #00559e;}
.solunav li:hover span {color: #00559e;}
.solunav li:hover .ic img {-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
.solunav li.on .icBox .ic {background: #00559e;}
.solunav li.on span {color: #00559e;}
.solunav li.on .ic img {-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }


.nysolution-list ul{display: grid; grid-template-columns: repeat(4, 1fr); gap: 2rem 1.6875rem;}
.nysolution-list ul li{border: 1px solid #f2f2f2; box-sizing: border-box;}
.nysolution-list ul li .pic{overflow: hidden; position: relative;}
.nysolution-list ul li .pic>img{display: block; width: 100%;  -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.nysolution-list ul li:hover .pic>img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.nysolution-list ul li .hide{position: absolute; content: ''; width: 100%; height: 100%; background: rgba(0,0,0,.7); top: -100%; display: flex; align-items: center; justify-content: center; transition: .6s;}
.nysolution-list ul li .icon{width:4.5rem; height: 4.5rem; background: #00559e;border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.nysolution-list ul li .icon>img{min-width: 1.4375rem;}
.nysolution-list ul li .info{ text-align: center; padding: 1.25rem 2% 1.375rem; position: relative;  }
.nysolution-list ul li .info::after{transition: .6s; position: absolute; content: ''; width: 100%; height: 0;background: #00559e; bottom: 0;left: 0; z-index: 0; clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);}
.nysolution-list ul li .info strong{color: #333333;  position: relative; z-index: 1;}
.nysolution-list ul li .info p{color: #666666; position: relative; z-index: 1; margin-top: .625rem; display: none;}
.nysolution-list ul li:hover .hide{top: 0;}

.nysolution-list ul li:hover .info::after{height: 100%;clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);}
.nysolution-list ul li:hover .info strong,.nysolution-list ul li:hover .info p{color: #fff;}


.nypic-box .news-details{padding: 3.125rem 5.4%;}
.nypic-box .newsxq-title strong{margin-bottom: 0;}

.nypic-list{margin-top: 1.875rem;}
.nypic-list ul li{margin-bottom: 1.875rem;}
.nypic-list ul li .pic{overflow: hidden;}
.nypic-list ul li .pic img{display: block; width: 100%;}

.nypic-list ul li .info{background: #f5f5f5; padding: .8rem 2%}
.nypic-list ul li .info strong{text-align: center;}


/* 内页联系我们 */
.contact-left,.contact-right{padding: 8.125rem 4%;}
.contact-left{width: 40%;}
.contact-left strong{display: block; margin-bottom: 3.125rem;}
.contact-right{width: 60%; background: #f9f9f9; padding: 8.125rem 4% 8.125rem 6%;}
.contact-left dl{}
.contact-left dl dd{display: flex; align-items: center; margin-bottom: 1.25rem;}
.contact-left dl .icBox img{width: 1rem; margin-right: 1.0625rem}
.contact-left dl dd span{color: #333;}
.contact-left dl dd span a{color: #333;}

.mapNav {margin: 3.125rem 0}
.mapNav a {display: inline-flex; background: #00559e; border-radius: 1.9375rem; align-items: center; justify-content: center; color: #fff; transition: .5s; padding: 1.1875rem 2.875rem;}
.mapNav a:hover {background: none; color: #00559e; border: 1px solid #00559e;}
.mapNav a:hover svg path {fill: #00559e;}
.mapNav a img {filter: brightness(100); -webkit-filter:brightness(100); margin-right: .5rem;}
.contact-wechat{padding: .375rem;    border: 1px solid #eeeeee; display: inline-block;}
.contact-wechat img{width: 9.375rem;}

.contact-right h3{color: #777; margin-bottom: 2rem;}
.warranty{width: 85%;}
.warranty ul b{color: #666666; font-weight: 400; margin-bottom: .3125rem; display: block;}
.warranty ul b>i{color: #e10000; font-style: normal;}
.warranty ul li{width: 46.68%; }
.warranty ul:first-child{margin-bottom: 1.0625rem;}
.warranty ul:nth-child(2){margin-bottom: 2.5rem;}
.warranty ul:nth-child(3){margin-bottom: 1.375rem;}
.warranty ul li input{ background: #fff; height: 0.8rem; min-height: 45px; padding-left: .26rem;}
.warranty ul .select-pro .layui-input, .warranty ul .select-pro .layui-select, .warranty ul .layui-textarea{background: #fff; height: 3.125rem; min-height: 40px; padding-left: 1.625rem;}
.warranty ul .select-pro .layui-input{color: rgba(102,102,102,0.5); font-size: var(--font15);}
.warranty ul .select-pro .layui-form-select .layui-edge{background: url(../images/select-arrow.png) no-repeat center right; border-width: inherit; width: .8125rem; height: .5625rem;}
.warranty ul .layui-textarea{height: 9.5rem; min-height: 100px;}
.warranty .warranty-btn{background: #00559e;height: auto;font-size: var(--font17);padding:.4375rem  4.125rem; margin-top:2.8rem; display: block;}
.warranty ul .code{position: relative;min-height: 45px; }
.warranty ul .code input{background: #fff; height: 0.8rem; min-height: 45px; }
.warranty ul .code img{position: absolute; right: 0; top: 0; height: 100%;}



.proxq-pic {position: relative; overflow: hidden; width: 78%;}
.proxq-pic ul li .pic img{display: block; width: 100%;}




.nyys-list,.pro-contact,.pro-yspic{margin-top: 1.875rem;}
.nyys-list ul{grid-template-columns: repeat(3, 1fr); gap: 1rem 1.5625rem; display: grid;}
.nyys-list ul li{position: relative; border-radius: .375rem; text-align: center;}
.nyys-list ul li .pic{overflow: hidden; border-radius: .5rem;}
.nyys-list ul li .pic img{display: block;  width: 100%;  -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.nyys-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.nyys-list ul li .hide{position: absolute; content: ''; width: 100%; height: 100%; background: #fcfcfc; top: 0; border-radius: .375rem; padding: 0 6%;  box-sizing: border-box;}
.nyys-list ul li .icon{display: flex; align-items: center; justify-content: center;}
.nyys-list ul li .icon img{width: 3.1875rem; margin: 1.6875rem auto 1.4375rem;}
.nyys-list ul li .info strong{display: block; margin-bottom: 1.25rem;}
.nyys-list ul li .text{transition: .6s;}
.nyys-list ul li:hover .hide{background: rgba(0,0,0,.7);}
.nyys-list ul li:hover .pic{border-radius: .375rem;}
.nyys-list ul li:hover .icon{display: none;}
.nyys-list ul li:hover .text{transform: translateY(5.4375rem);}
.nyys-list ul li:hover strong,.nyys-list ul li:hover p{color: #fff; }



.product-top .index-title{margin-bottom: 0;}
.pro-btns{margin-bottom: 1.3125rem;}
.pro-btns ul li a{width: 11.25rem; height: 11.25rem; border-radius: 50%; transition: .6s;}
.pro-btns ul li .small{width: 50%;}
.pro-btns ul li .small img{display: block; width: 100%;}
.pro-btns ul li em{color: #333;}
.pro-btns ul li.on a{box-shadow: 0px 10px 18px 0px rgba(0, 0, 0, 0.1);  background: #fff;}
.pro-btns ul li.on em{color: #00559e; font-weight: 700;}

.pro-yspic img,.pro-contact img,.hy-editbox img{display: block; width: 100%!important;}