/* =====头部===== */ 
body {min-width: 1200px;overflow-x: auto;}
#c-placeholder {height: 11rem;}
header {position: fixed; left: 0; top: 0; z-index: 99; width: 100%; min-width: 1200px;}
.headBox {height: 11rem; padding: 0 5% 0 5%;transition: .5s; display: flex; justify-content: space-between; flex-wrap: wrap;}
.headBox .logo {height: 60%; order: -2;}
.headBox .logo img {width: 9.563rem; height: auto;}
.headBox .logo img.img1 {display: none;}
.headBox .logo img.img2 {display: block;}

/* 导航 */
nav {height: auto; width: 100%;}
nav > ul {display: flex; justify-content: space-between;}
nav > ul > li {height: auto; position: relative; display: flex; align-items: center; justify-content: center;  font-family: 'MonRegular'; font-weight: 400; padding-bottom: .625rem; width: 12%; text-align: center;}
nav > ul > li > a {color: #fff; transition: .5s;}
nav > ul > li.on > a {color: #333 !important;}
nav > ul > li dl {position: absolute; z-index: 111; background: #fff; left: 50%; transform: translateX(-50%); top: 100%; box-shadow: 0 0 .625rem rgba(0, 0, 0, 0.05); width: max-content; display: none;}
nav > ul > li dl dd a {padding: .613rem .625rem; text-align: center; display: block; border-bottom: 1px solid #eee;color: #949393; transition: .5s; font-size: var(--font14);}
nav > ul > li dl dd a:hover {color: #333; }
/* nav > ul > li:hover > a , nav > ul > li.on > a {color: #333;} */

/* @media screen and (min-width: 200px) and (max-width: 1440px){
  nav > ul > li {transform: scale(.8);}
  nav > ul > li > a {font-size: var(--font14); white-space: nowrap; }
} */

/* 头部右侧 */
.headBox .re {display: flex; align-items: center; order: -1;}
.fastQuote {margin-right: 3.125rem; cursor: pointer;}
.fastQuote span {color: #fff;}
.fastQuote .icBox {width: 1.25rem;}
.fastQuote .icBox svg {width: 100%; height: 100%;}
.fastQuote .icBox svg path {fill: #fff;}
.header_search {width: 16.18rem;height: 3.625rem;border: 1px solid #fff;border-radius: 1.875rem; padding-left: 1.875rem;}
.header_search .icBox {width: 1.25rem; flex-shrink: 0;}
.header_search .icBox svg {width: 100%; height: 100%;}
.header_search .icBox svg path {fill: #fff;}
.header_search input {flex: 1;padding: 0 .625rem;}

/* 留言弹出层 */
.modelPop {display: none;}
.c-sub-pop .layui-layer-setwin .layui-layer-close2 {display: flex;justify-content: center;align-items: center;width: 1.75rem; height: 1.75rem; font-size: 1rem; top: -1.75rem; right: -1.75rem;}
.c-sub-pop .c-box {padding: 1.875rem;}
.c-sub-pop .c-box .tit {color: #333; font-size: 1.875rem; margin-top: 1.25rem; font-weight: 600; text-align: center;}
.c-sub-pop .c-box .inBox {margin-top: 1.25rem; position: relative;  border-radius: 5px}
.c-sub-pop .c-box .inBox input {border: 0;border: 1px solid rgba(189, 189, 189,.62); border-radius: 5px; height: 3.625rem; min-height: 45px; width: 100%; padding: 0 .625rem;box-sizing: border-box;}
.c-sub-pop .c-box .inBox input::placeholder {color: #9c9c9c;}
.c-sub-pop .c-box .incode {border: 1px solid rgba(189, 189, 189,.62);}
.c-sub-pop .c-box .incode input {width: calc(100% - 7.5rem); border-color: transparent;}
.c-sub-pop .c-box .inBox img {position: absolute;top: 50%; left: calc(100% - 6px); width: 7.25rem; height: 85%;-webkit-transform: translate(-100%, -50%);transform: translate(-100%, -50%);}
.c-sub-pop .c-box .insub {display: flex; justify-content: center; margin-top: 2.5rem;}
.c-sub-pop .c-box .insub button {font-size: var(--font16); cursor: pointer; height: auto; line-height: initial; border-radius: 1.875rem; background: #0084cd; border: 0;  padding: .938rem 3.125rem; display: flex; align-items: center; justify-content:center; color: #fff; font-weight: 700; transition: .4s;}
.c-sub-pop .c-box .insub button:active {box-shadow: 0 0 5px #0084cd;}
@media screen and (min-width: 200px) and (max-width: 768px){
  .c-sub-pop .c-box .c-close {margin-top: -15px;margin-right: -15px;}
  .c-sub-pop .c-box { padding: 1.563rem;}
  .c-sub-pop .c-box .tit {font-size: 1.5rem;}
  .c-sub-pop .c-box .inBox input {min-height: 40px;}
  .c-sub-pop .c-box .inBox img {width: 5.5rem; height: 2.25rem;}
}


/* 头部下滑 */
.c-style2 .headBox {background: #fff; border-bottom: 1px solid #eee}
.c-style2 .headBox .logo img.img1 {display: block;}
.c-style2 .headBox .logo img.img2 {display: none;}
.c-style2 nav > ul > li > a {color: #696969;}
.c-style2 .fastQuote .icBox svg path {fill: #231815;}
.c-style2 .fastQuote span {color: #333;}
.c-style2 .header_search {border: 1px solid #c9c9c9;}
.c-style2 .header_search .icBox svg path {fill: #231815;}
.c-style2 .headluange a {color: #696969;}







/* ==================公用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: 0.75rem 1.9rem;border: 1px solid rgba(16, 16, 16,.2);border-radius: 1.625rem; transition: .5s; display: inline-flex;}
.more1:hover {color: #fff; background: #28ACE4; border-color:#28ACE4 ;}

.more2 {width: 16.25rem;height: 3.625rem;background: #28ace4;border-radius: 1.875rem; transition: .5s;position: relative;}
.more2:before {content: '';position: absolute;border: #28ACE4 solid 6px;top: 0; right: 0;bottom: 0; left: 0; -webkit-animation-duration: 1s; animation-duration: 1s; border-radius: 6.25rem;}
@-webkit-keyframes hvr-ripple-out {100% {top: -8px;right: -8px;bottom: -8px;left: -8px;opacity: 0;}}
@keyframes hvr-ripple-out {100% {top: -8px;right: -8px;bottom: -8px;left: -8px;opacity: 0;}}
.more2:hover:before {-webkit-animation-name: hvr-ripple-out;animation-name: hvr-ripple-out;}

.more3 {display: inline-flex;color: #333;position: relative;border-bottom: 1px solid #333; padding-bottom: .313rem;transition: .5s;}
.more3 span {margin-right: .938rem;}
.more3::after {content: ""; width: 0; height: 1px; background: #28ace4; position: absolute; bottom: -1px; left: 0; width: 0; transition: .5s;}
.more3 svg path {fill: #333;}

@media (any-hover: hover) {
  .more3:hover {color: #28ace4;}
  .more3:hover svg path {fill: #28ace4;}
  .more3:hover::after {width: 100%;}
}

/* ======首页======= */
.indexBanner {position: relative;}
.indexBanner .slide .bjBox img {width: 100%;}
.indexBanner .slide .box {left: 0;transform: translate(-0%,-50%);padding: 0 2% 0 7%;}
.indexBanner .slide .box .p1 {color: #fff;}
.indexBanner .slide .box .p2 {line-height: 1.3; color: #fff;}
.indexBanner .slide .box .more {margin-top: 3.125rem;}
.indexBanner .slide .box .more1 {background: #97c618; color: #fff;     padding: 0.75rem 1.5rem;}
/* 控件 */
.indexBanner .swiper-pagination span {width: 1.438rem;height: .25rem;opacity: 0.1;background: #000000; border-radius: 0;}
.indexBanner .swiper-pagination .swiper-pagination-bullet-active {opacity: 1;background: #97C618;}

.indexOne {background: #eeeeee; padding: 2.813rem 0;}
.indexOne .item {display: flex; align-items: center; padding: 0 5rem;}
.indexOne .item .icBox img {filter: invert(70%) sepia(24%) saturate(6725%) hue-rotate(165deg) brightness(94%) contrast(89%); width: 2.5rem;}
.indexOne .item .num {color: #252432;}
.indexOne .item .p1 {color: #636363;}
.indexOne .item:nth-child(3) .icBox img {filter: invert(49%) sepia(41%) saturate(963%) hue-rotate(153deg) brightness(115%) contrast(79%);}


.indexTwo {padding: 6.25rem 0;}
.indexTwo .box {padding: 0 3%;}
.indexTwo .list {margin-top: 2.5rem;}
.indexTwo .list ul {display: grid; grid-template-columns: repeat(4,1fr); gap: 2.5rem;}
.indexTwo .list li {position: relative;}
.indexTwo .list li .imgBox {position: relative; background: #eeeeee; height: 17.813rem;}
.indexTwo .list li .imgBox > img {transition: .5s; min-width: 50%; max-width: 60%;  max-height: 60%; object-fit: contain;}
.indexTwo .list li .hideBox {width: 3.313rem;height: 3.313rem;background: #97c618; border-radius: 50%; transform: translate(-50%,-50%) scale(0); opacity: 0; transition: .5s;}
.indexTwo .list li .hideBox svg {width: 40%; height: 40%;}
.indexTwo .list li .con {padding: 1rem .625rem; padding-top: 1.25rem; border-bottom: 1px solid #000000; position: relative;}
.indexTwo .list li .con .p1 {color: #333; transition: .5s;}
.indexTwo .list li .con i {transform: rotate(145deg); font-weight: 700;}
.indexTwo .list li .con::after {content: ''; position: absolute; bottom: -1px; left: 0; width: 0; transition: .5s; background: #28ACE4; height: 1px; z-index: 1;}
.indexTwo .list li:hover .hideBox {transform: translate(-50%,-50%) scale(1); opacity: 1;}
.indexTwo .list li:hover .imgBox > img {opacity: .25;}
.indexTwo .list li:hover .con::after {width: 100%;}
.indexTwo .list li:hover .con .p1 {font-weight: 700; color: #333;}
.indexTwo .more {margin-top: 7.5rem; }

.indexThre {display: none;}
.indexThre .list {margin-top: 3.75rem;}
.indexThre ul {display: flex;}
.indexThre li {position: relative; min-height: 42.938rem; z-index: 1; width: calc(100% / 5); padding: 0 1.25rem; padding-bottom: 5rem; text-align: center; border: 1px solid #fff;}
.indexThre li a {display: flex; height: 100%; align-items: center; justify-content: center;}
.indexThre li .bjBox {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1;}
.indexThre li .bjBox img {width: 100%; height: 100%;}
.indexThre li .bjBox::after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 0; background:linear-gradient(to bottom, #28ACE4, rgba(255, 255, 255, 0.001)); transition: .5s;}
.indexThre li .t1 {transition: .5s;}
.indexThre li .con {width: 100%;}
.indexThre li .imgBox {padding-top: 7.2rem; max-width: 60%; max-height: 60%; margin: auto;}
.indexThre li .imgBox img {width: 100%;}
.indexThre li .more {position: absolute; right: 1.563rem; bottom: 2.5rem; width: 3.25rem; height: 3.25rem; border-radius: 50%; background: #fff; transform: rotate(145deg); font-weight: 700; transition: .5s;}
.indexThre li:hover .bjBox::after {height: 100%;}
.indexThre li:hover .more {background: #97C618;}
.indexThre li:hover .more i {color: #fff;}
.indexThre li:hover .t1 {color: #fff;}

.indexFour {padding: 8.125rem 0; padding-top: 0; display: none;}
.indexFour .swiperBox {margin-top: 4.375rem;}
.indexFour .swiper .slide .imgBox {height: 18.75rem; background: #eaeeef;border-radius: .938rem;} 
.indexFour .swiper .slide .imgBox img {width: 60%; height: 60%; object-fit: contain; transition: .5s;}
.indexFour .swiper .slide .t1 {margin-top: 2.5rem; transition: .5s; line-height: 1.3;}
.indexFour .swiper .slide .p1 {margin-top: 1.25rem; }
.indexFour .swiper .slide .more i {width: 1.625rem; height: 1.625rem; border-radius: 50%;background: #0084cd; display: inline-flex; transform: rotate(180deg); transition: .5s;}
.indexFour .swiper .slide .more {margin-top: 1.25rem; transition: .5s;}
.indexFour .swiper .slide:hover .more i {background: #97C618;}
.indexFour .swiper .slide:hover .imgBox img {transform: scale(1.05);}
.indexFour .more {margin-top: 6.875rem; }


/* =======尾部======= */
.footer {background: url(../images/footer-bj.jpg) no-repeat center; background-size: cover; padding: 6.25rem 0 0 0;}
.footer .w1400 {padding: 0 5%;}
.footer .foterBox {display: flex; justify-content: space-between;}
.footer .foter_link .logo img {min-width: 9.563rem; max-width: 100%;}
.footer .foter_link .link {margin-top: 3.125rem;}
.footer .foter_link .link li svg {min-width: 1.25rem; min-height: 1.25rem;}
.footer .foter_link .link li svg path {fill: #fff; transition: .5s;}
.footer .foter_link .link li:hover svg path {fill:revert-layer; }
.foter_item .foter_tit {font-size: var(--font22); color: #fff; font-family: 'MonRegular';}
.foter_item .foter_list {padding-top: 1.25rem;}
.foter_item .foter_list li {margin: .625rem 0;}
.foter_item .foter_list li a {color: #ffffff; opacity: .7;}
.foter_item .foter_list li a:hover {opacity: 1; text-decoration: underline;}

.foter_item .foter_list2 li:nth-child(1) , .foter_item .foter_list2 li:nth-child(4) , .foter_item .foter_list2 li:nth-child(5) {display: none;}

.foter_item dl {padding-top: 1rem;}
.foter_item dl dd {display: flex; align-items: flex-start; color: #fff; font-size: var(--font15); margin: 1.25rem 0;}
.foter_item dl dd p span {display: block;}
.foter_item dl dd p a {color: #fff;}
.foter_item dl dd .icBox {margin-right: .625rem;}
.foter_item dl dd .icBox img {min-width: .938rem;}
.foter_item:last-child {width: 30%;}
.copyRight {padding: 1.375rem 0; border-top: 1px solid rgba(240, 240, 240,.1);margin-top: 3.75rem;}
.copyRight p , .copyRight p a {color: #ffffff50; font-size: var(--font15); }
.copyRight p a {margin: 0 .625rem; display: inline-block;}
.copyRight p a:hover {color: #fff; text-decoration: underline;}


/* ===============================================================================内页============================================================================== */
.ny-banner {position: relative; overflow: hidden;}
.ny-banner .imgBox img {width: 100%; object-fit: cover;}
.ny-banner .banerBox {z-index: 2;}
.ny-banner .con {text-align: center;}
.ny-banner .con h2 {font-weight: 800; color: #ffffff;}

/* ===产品中心=== */
.prolist {padding-top: 5rem;}
.prolist .nav dl {display: flex;}
.prolist .nav dl dd {margin-right: 1.25rem; position: relative;}
.prolist .nav dl dd a {color: #000; font-family: 'MonRegular'; border: 1px solid #eee; padding: .625rem 1.25rem; transition: .5s;}
.prolist .nav dl dd:hover a {background: #0084cd; color: #fff; border-color: #0084cd;}
.prolist .nav dl dd.on a {background: #0084cd; color: #fff; border-color: #0084cd;}
/* =产品详情=*/
.proDateNav {background: #f5f5f5; padding: .938rem 0;}
.proDateNav .box {display: flex; justify-content: space-between; flex-wrap: wrap;}
.proDateNav .box .mbx span {font-size: var(--font16)}
.proDateNav .box a {font-size: var(--font16);}
.proDateNav .box a:hover {color: #0084cd !important;}

.proDateOne {margin-top: 3.125rem;}
.proDateOne .box {display: flex; justify-content: space-between;}
.proDateOne .le {width: 36%; position: relative; border: 1px solid #ddd;}
.proDateOne .re {width: 60%; margin-top: 20px;}
.proDateOne .le .tips {white-space: nowrap; position: absolute; top: auto; bottom: 0;z-index: 1;background: rgba(0, 0, 0,.5); border-radius: 3.125rem; display: inline-flex; align-items: center; color: #fff;}
.proDateOne .le .tips {padding: .5rem 1.375rem; font-size: .75rem;}
.proDateOne .le .tips i {margin-bottom: 2px; margin-right: .625rem;}
.proDateOne .le .tips i svg {width: .875rem; height: .875rem;}
.proDateOne .le .swiperBox {height: 100%;}
.proDateSw2 {height: 100%;}
/* .proDateSw2  */
.proDateSw2 .slide {text-align: center; min-height: 31.25rem; display: flex; align-items: center; justify-content: center;}
.proDateSw2 .imgBox {position: relative; width: 100%;}
.proDateSw2 .imgBox a {display: block; width: 100%; height: 100%;}
.proDateSw2 .imgBox img {width: 100%; max-height: 100%; object-fit: contain;}

.magnifier-lens {background: none !important;}

.thuSwiper {position: absolute; right: .625rem; top: .625rem; width: auto; height: 65%; width: 10%;}
.thuSwiper .slide {border: 1px solid #ddd; cursor: pointer;}
.thuSwiper .imgBox {display: flex; align-items: center; justify-content: center; height: 100%;}
.thuSwiper .imgBox img {width: 100%; max-width: 80%; margin: auto;}
.thuSwiper .slide.swiper-slide-thumb-active {border-color: #0084cd;}
.proDateSw1 {height: 100%;}
.proDateOne .re .tit {font-size: var(--font40);font-weight: 400; padding-bottom: 1rem; }
.proDateOne .re .pirce {font-size: var(--font30); font-weight: 400;}
.proDateOne .re .info {padding-top: 2.5rem; margin-top: 2.5rem; border-top: 1px solid #dbdbdb;}
.proDateOne .re .info .us a {padding: 1rem 1.875rem;background: #333; color: #fff; display: inline-block;}
.proDateOne .re .info .us a:hover {box-shadow: 0 0 .625rem #333;}
.previewBox {width: 80%; height: 70%; position: absolute; right: 0;top: 0; transform: translateX(100%); pointer-events: none; }
.previewBox .magnifier-preview {width: 100% !important; height: 100% !important}
.magnifier-preview img {object-fit: contain;background: #fff;}
/* .magnifier-lens {background: none !important;} */
@media screen and (max-width: 1024px) {
  /* .magnifier-lens {display: none !important;} */
  .previewBox {display: none !important;}
}

.proDateThre {margin: 6.25rem 0; }
.proDateThre .tit {color: #333333; padding-bottom: 1.875rem; border-bottom: 1px solid #F2F2F2;}
.proDateThre .box {padding-top: 3.125rem;}
.proDateThre .box img {max-width: 100%;}

.proDateTwo {margin: 6.25rem 0; }
.proDateTwo .tit {font-size: var(--font38);color: #333333; padding-bottom: 1.875rem; border-bottom: 1px solid #F2F2F2;}
.proDateTwo .swiperBox {margin-top: 2.5rem; position: relative;}
.proDateTwo .swiper {position: static;}
.proDateTwo .box {margin-top: 2.5rem;}
.proDateTwo .swiper-slide {height: auto;}
.proDateTwo .slide {border: 1px solid #eeeeee;border-radius: .625rem; display: block;padding: 1.25rem; box-sizing: border-box; transition: .5s;}
.proDateTwo .slide .imgBox {display: flex; align-items: center; justify-content: center; position: relative; height: 15rem;mix-blend-mode: multiply;}
.proDateTwo .slide .imgBox img {max-width: 100%; transition: .5s; max-height: 100%;}
.proDateTwo .slide .imgBox:hover img {transform: scale(1.05, 1.05);}
.proDateTwo .slide .icBox {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; width: 3.938rem;height: 3.938rem;background: #97C618; display: flex; align-items: center; justify-content: center;}
.proDateTwo .slide .icBox {opacity: 0; transition: .5s;}
.proDateTwo .slide .icBox svg {max-width: 50%;}
.proDateTwo .slide .icBox svg path {fill: #fff;}
.proDateTwo .slide .con {text-align: center; margin-top: 1.875rem;}
.proDateTwo .slide .t2 {color: #333;}
.proDateTwo .slide:hover {background: rgba(238, 238, 238,.5);}
.proDateTwo .slide:hover .icBox {opacity: 1;}
/* 控件 */
.proDateTwo .swjt {width: 3.75rem;height: 3.75rem; border: 1px solid #666666; border-radius: 50%; right: 0;transform: translateX(150%); transition: .5s;}
.proDateTwo .swjt.swiper-button-prev {transform: rotate(180deg) translateX(150%); right: auto; left: 0;}
.proDateTwo .swjt svg {max-width: 50%;}
.proDateTwo .swjt:active {background: #97C618; border-color: #97C618;}
.proDateTwo .swjt:active svg path {fill: #fff;}
@media (any-hover: hover) {
  .proDateTwo .swjt:hover {background: #97C618; border-color: #97C618;}
  .proDateTwo .swjt:hover svg path {fill: #fff;}
}


/* =====定制===== */
.customMain {padding: 5rem 0;}
.custom .list {margin-top: 3rem;}
.custom .list ul {display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem;}
.custom .list li {position: relative; overflow: hidden;}
.custom .list li .imgBox {position: relative; overflow: hidden;}
.custom .list li .imgBox img {width: 100%; transition: .5s; position: relative; z-index: 0;}
.custom .list li .imgBox::after {content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0; transition: .5s;}
.custom .list li .cont-a {position: absolute; right: 5%; bottom: 5%; color: #fff; font-weight: 700; z-index: 1; transition: .5s;}
.custom .list li .cont-b {position: absolute; width: 100%; height: 100%; left: -100%; top: 0; z-index: 1; padding: 1.25rem; display: flex; flex-direction: column; align-items: center; justify-content: center; transition: .5s;}
.custom .list li .cont-b hr {border-top: 1px solid #fff; width: 4rem; display: block; }
.custom .list li:hover .imgBox::after {opacity: .4;}
.custom .list li:hover .imgBox img {transform: scale(1.05, 1.05);}
.custom .list li:hover .cont-a {right: -100%;}
.custom .list li:hover .cont-b {left: 0;}
.custom .info {margin-top: 3.125rem;}
.custom .info dl dd {display: flex; align-items: center;margin: 1.25rem 0;}
.custom .info dl dd .icBox {margin-right: .625rem;}
.custom .info dl dd .icBox img {filter: brightness(0); -webkit-filter:brightness(0);    min-width: .938rem;}
.custom .info dl dd p , .custom .info dl dd a {color: #333;}
.custom .info dl dd a:hover {text-decoration: underline; color: #0084cd;}

/* ====案例==== */
.caseMain {padding: 5rem 0;}
.caseMain .list ul {display: grid; grid-template-columns: repeat(3,1fr); gap: 1.25rem;}
.caseMain .list li .imgBox {overflow: hidden;}
.caseMain .list li .imgBox img {width: 100%; transition: .5s;}
.caseMain .list li .tit {font-size: var(--font18); color: #333; padding: .625rem 0; text-align: center; border: 1px solid #ddd; transition: .5s;}
.caseMain .list li:hover .imgBox img {transform: scale(1.05, 1.05);}
.caseMain .list li:hover .tit {background: #97C618; color: #fff;}

/* =====News===== */
.newslist {padding: 1.875rem 0;}
.newslist ul li {padding: 3.125rem 0; border-bottom: 1px solid #F2F2F2;}
.newslist .liBox {display: flex; justify-content: space-between;}
.newslist .liBox .imgBox {width: 30%; overflow: hidden;}
.newslist .liBox .imgBox img {transition: .5s; width: 100%; height: 100%; object-fit: cover;}
.newslist .liBox .info {width: 66%; margin-top: .938rem;}
.newslist .liBox .time {color: #0084cd;}
.newslist .liBox .tit {font-size: var(--font20); padding-bottom: 1.25rem; border-bottom: 1px solid #F2F2F2; margin-top: 1.25rem;}
.newslist .liBox .text {margin-top: 1.25rem;}
.newslist .liBox .text p {color: #666666;}
.newslist .liBox .more {margin-top: 1.875rem;}
.newslist .liBox:hover .imgBox img {transform: scale(1.1);}
.newslist .liBox:hover .tit p {color: #0084cd;}

/* 新闻详情 */
.newsDateMain {padding-bottom: 6.25rem;}
.newsxq-box {padding: 3.75rem 0; display: flex; justify-content: space-between; align-items: flex-start;}
.news-left {width: 68%;}
.news-left .newsCon {background: #ffffff;border-radius: .625rem;box-shadow: 0rem 0rem 2.5rem 0rem rgba(226,225,224,0.42); padding: 3.125rem; box-sizing: border-box;}
.newsxq-title {border-bottom: 1px solid #F2F2F2; padding-bottom: 2.5rem;}
.newsxq-title strong {display: block; font-size: var(--font26); color: #333; font-weight: normal;}
.newsxq-title .titleDisc {margin-top: 1.25rem;}
.newsxq-title .titleDisc ul {display: flex; align-items: center; flex-wrap: wrap;}
.newsxq-title .titleDisc ul li {display: flex;align-items: center; color: #666; margin-right: 1.875rem;}
.newsxq-title .titleDisc li .icBox { margin-right: .5rem;}
/* 编辑框内容 */
.newsxq-editbox {margin: 1.875rem 0;}
.newsxq-editbox img {max-width: 100%; height: auto !important;}

.newsxq-box .news-right {width: 29%;background: #fff; border-radius: .625rem;box-shadow: 0rem 0rem 1.875rem 0rem rgba(226,225,224,0.42); padding: 2.5rem;box-sizing: border-box; position: relative;}
.newsxq-box .news-right {position: sticky; top: 9.375rem;}
.newsxq-box .news-right h2 {font-family: 'MartelBold'; font-size: var(--font26);}
.newsDate .relist li {padding: 1.5rem 0; border-bottom: 1px solid #F2F2F2;}
.newsDate .relist li .time {font-size: var(--font14); font-weight: 500;color: #999999;}
.newsDate .relist span {color: #999999; font-size: var(--font14);}
.newsDate .relist h6 {color: #333333; font-size: var(--font16) ;transition: .35s;font-weight: 700;margin-top: .625rem;	font-family: 'MartelBold';}
.newsDate .relist li:hover h6 {color: #97C618;}
.newsDate .relist li:hover .reImg img {transform: scale(1.05);}
.newsDate .news-right::after {content: ""; background: linear-gradient(99deg,#0084cd 0%, #97C618 100%); width: 65%; position: absolute; left: 50%; bottom: -1%; height: .438rem;  transform: translate(-50%, -50%);}
/* 分页*/
.newsxq-page {display: flex; justify-content: space-between; align-items: center; margin-top: 6.25rem;}
.newsxq-page a {display: flex; align-items: center;}
.news-prev,.news-next{display: flex; align-items: center;} 
.news-prev svg {transform: rotateY(180deg);   -webkit-transform: rotateY(180deg);}
.newsxq-page em {display: inline-block; margin-top: .125rem;color: #666666;}
.prev-link em {margin-left: 1rem;}
.next-link em {margin-right: 1rem;}
.next-link {flex-direction: row-reverse;}
.backlist a {width: 10.5rem; min-width: 125px; min-height: 42px; height: 3.625rem;background: #97C618;color: #fff;}
.backlist svg {margin-right: .625rem;}
.backlist a:active {background: #05b0b6;}

.newsxq-page .pagefy:active em {color: #97C618; }
.newsxq-page .pagefy:active svg path {fill: #97C618;}
@media (any-hover: hover) {
.newsxq-page .pagefy:hover em {color: #97C618; }
.newsxq-page .pagefy:hover svg path {fill: #97C618;}
}