/* =====头部===== */ 

body {min-width: 1180px;overflow-x: auto;}

#c-placeholder {height: 1rem;min-height: 80px;}

header {position: fixed; left: 0; top: 0; z-index: 99; width: 100%; transition: .5s; border-bottom: 1px solid rgba(255, 255, 255,.2); min-width: 1180px;}

.headBox {height: 1rem; min-height: 80px; display: flex; justify-content: space-between; padding: 0 2%; box-sizing: border-box;}

.headBox .logo img {max-width: 1rem; display: none;}

.headBox .logo .logo1 {display: block;}

/* 头部右侧 */

.headBox .re {display: flex; width: 66%; justify-content: space-between;  align-items: center;}

/* 导航 */

nav {width: 64%;height: 100%;}

nav > ul {display: flex; height: 100%; justify-content: space-between;}

nav > ul > li {height: 100%; position: relative;}

nav .layui-nav {background: none; padding: 0;}

nav .layui-nav .layui-nav-item {line-height: initial; display: flex; align-items: center;}

nav .layui-nav .layui-nav-item.has-sub {position: relative;}

nav .layui-nav .layui-nav-item > a {padding: 0; font-size: var(--font18);color: #fff; position: relative; font-weight: 700;}

nav .layui-nav .layui-nav-more {top: 50%; right: -.1rem;font-weight: 700; position: relative;}

nav .layui-nav .layui-nav-item > a::after {content: ''; position: absolute; left: 50%; width: 0;  bottom: -50%; background: #fff; height: 2px; transition: .5s;}

nav .layui-nav .layui-nav-item > a:hover::after {width: 100%; left: 0;}

nav .layui-nav .layui-this:after, nav .layui-nav-bar {display: none;}

/* 下拉 */

nav .layui-nav-child { top: 100%; background: #fff;  box-sizing: border-box;}

/* 电话 */

.heTel {background: #ffffff;border-radius: 100px; padding: .12rem .4rem;}

/* 搜索按钮 */

.heSearch {cursor: pointer; margin-left: .3rem;}

.heSearch a {width: 0.52rem;height: 0.52rem; min-height: 30px; min-width: 30px; background: #FFFFFF; border-radius: 50%;}

/* 搜索下拉 */

.hadbox-sec4 {position: absolute;left: 0;top: 100%;width: 100%;display: none; box-sizing: border-box;}

.hadbox-sec4  {background-color: #fff;padding: .5rem; border-top: 1px solid #eee;  box-shadow: 0 2px 2px rgba(0, 0, 0,.1);}

.hadbox-sec4 .close {position: absolute; right: 1.5%; top: 5%; cursor: pointer; max-width: .3rem;}

.hadbox-sec4 .close svg {max-width: 100%;}

.hadbox-sec4 .f_tit {color: #222222;margin-bottom: 0.24rem;font-size: var(--font30);}

.hadbox-sec4 .form {display: flex; align-items: center; justify-content: space-between; padding-bottom: 20px; border-bottom: 1px solid #dddddd;}

.hadbox-sec4 .form i { display: block; width: 0.3rem; overflow: hidden;}

.hadbox-sec4 .form i svg {width: 100%;}

.hadbox-sec4 .form input {width: calc(100% - 3.1rem);padding: 0.16rem 0.24rem; color: #333333; flex: 1;}

.hadbox-sec4 .form .f_sub {width: 1.6rem; height: 0.56rem; min-height: 45px; background: #23258B;border-radius: 5px;font-size: var(--font24);color: #ffffff;cursor: pointer;}

@media screen and (min-width: 200px) and (max-width: 767px) {

  .hadbox-sec4 {padding: .6rem .3rem;}

  .hadbox-sec4 .form {padding-bottom: .2rem;}

  .hadbox-sec4 .f_tit {font-size: var(--font20);}

}



/* 头部下滑样式 */

.header.c-style2 {background: rgba(255, 255, 255, 1); border-color: #eee;}

.header.c-style2 nav > ul > li > a {color: #333;}

.header.c-style2 .headBox .logo a {color: #333;}

.header.c-style2 .headBox .logo1 {display: none;}

.header.c-style2 .headBox .logo2 {display: block;}

.header.c-style2 .headBox .logo h1 {color: #333;}

.header.c-style2 .headBox .logo p {color: #333;}

.header.c-style2 nav .layui-nav .layui-nav-item a:hover {color: #23258B;}

.header.c-style2 nav .layui-nav .layui-nav-item > a::after {background: #23258B;}



/* ==================公用css====================== */

/* 滚动条 */

.headerNavScroll::-webkit-scrollbar {width: 3px; scrollbar-width:thin;scrollbar-color:#23258B #DDDDDD;}

/*定义滑块 内阴影*/

.headerNavScroll::-webkit-scrollbar-thumb {background: #23258B; border-radius: 5px;}

/*定义滚动条轨道 内阴影*/

.headerNavScroll::-webkit-scrollbar-track {background: #E5E5E5;}



/* ===============公用css end!!!!===================*/

.more1 {display: inline-flex; align-items: center; border-radius: 5px; padding: .2rem .6rem; background: #23258B; transition: .5s; position: relative;z-index: 1; overflow: hidden;}

.more1 i {transform: rotate(145deg);}

.more1:hover {-webkit-box-shadow: 0 0 0 0.1rem rgba(24, 131, 207,.2);box-shadow: 0 0 0 0.1rem rgba(24, 131, 207,.2);}



.tleBox .icBox {width: 0.44rem;height: 0.44rem;background: #23258b; min-width: 30px; min-height: 30px; border-radius: 50%; flex-shrink: 0;}

.tleBox .icBox img {max-width: 50%;}

.tleBox .telCon {margin-left: .13rem;}

.tleBox .telCon img {max-width: 2.5rem;}



/* ======首页======= */

/* banner */

.indexBanner {overflow: hidden; position: relative;}

.indexBanner .swiper {}

.indexBanner .slide .bjBox {}

.indexBanner .slide .bjBox img {width: 100%; width: 100%;height: auto; min-height: 450px;transition: 1s linear 2s;transform: scale(1.1, 1.1); display: block; object-fit: cover;}

.indexBanner .swiper-slide-active .bjBox img, .indexBanner .swiper-slide-duplicate-active .bjBox img { transition: 6s linear;transform: scale(1, 1);}

/* 控件 */

.indexBanner .swiper-pagination {bottom: .58rem;}

.indexBanner .swiper-pagination span {width: 12px; height: 12px; background: #fff;opacity: 1; border-radius: 0;}

.indexBanner .swiper-pagination .swiper-pagination-bullet-active {background: #23258B;}

.indexBanner .swjt {width: 0.7rem;height: 0.7rem;background: rgba(255, 255, 255,.2); border-radius: 0.05rem;}

.indexBanner .swjt svg {max-width: 50%;}

.indexBanner .swjt.swiper-button-next {right: 10%;}

.indexBanner .swjt.swiper-button-prev {left: 10%; transform: rotate(180deg);}



.indexOne {padding: .5rem 0 .8rem; padding-left: 16%; box-sizing: border-box; overflow: hidden; position: relative;}

.indexOne .enText {writing-mode:vertical-rl; white-space: nowrap; position: absolute;font-size: 1rem; top: 50%; transform: translateY(-50%); left: 4%;   color: white;}

.indexOne .enText {

  opacity: .4;

  font-weight: 700;

  text-shadow: 

      -1px -1px 0 rgba(0, 0, 0,.1),  

       1px -1px 0 rgba(0, 0, 0,.1),

      -1px  1px 0 rgba(0, 0, 0,.1),

       1px  1px 0 rgba(0, 0, 0,.1);

}

.indexOne .left {flex: 1; margin-right: 5%;    z-index: 1;}

.indexOne .right {width: 51%; overflow: hidden; border-radius: .1rem;}

.indexOne .right img {width: 100%;}

.indexOne .tle .xian {width: .66rem; height: 2px;  background: #23258B; display: block;}

.indexOne .tle .xian {margin-top: .4rem;}

.indexOne .left .text {}

.indexOne .left .text p {margin-top: .3rem;color: #555555; line-height: 1.7;}

.indexOne .left .text p a:hover {text-decoration: underline;}

.indexOne .numlist { border-radius: 0.06rem; padding: .3rem .5rem;margin-top: .7rem; width:140%; position: relative; z-index: 1; overflow: hidden;}

.indexOne .numlist::after {content: '';position: absolute;left: 0; top: 0; width: 0; height: 100%; background: linear-gradient(176deg,#23258b 0%, #6c6ed1 100%); transition: 1s; z-index: -1;}

.indexOne .numlist ul { display: flex; justify-content: space-between;}

.indexOne .numlist li {display: flex; margin-right: .5rem;}

.indexOne .numlist li:last-child {margin-right: 0;}

.indexOne .numlist li .i {background: rgba(255, 255, 255,.2); width: 2px; position: relative;}

.indexOne .numlist li .i::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 30%; background: #ffffff;}

.indexOne .numlist li .info {margin-left: .3rem;}

.indexOne .numlist li .num {display: flex; align-items: flex-end; line-height: .9; margin-top: .15rem;}

.indexOne .numlist li .counter {font-size: var(--font40); color: #fff; font-weight: 700;}

.indexOne .numlist li .dw {font-size: var(--font14); color: #fff; margin-left: .1rem;}

.indexOne .numlist li .p {color: #fff; margin-top: .1rem;}

.indexOne .box.on .numlist::after {width: 100%;}



.indexTle {display: flex; align-items: flex-end;}

.indexTle h3 {color: #23258b; font-size: var(--font46);font-weight: 700; line-height: 1; margin-right: .25rem; position: relative; padding-left: .25rem;}

.indexTle h3::after {content: ''; position: absolute; bottom: 0; left: 0; width: 0.05rem; height: 100%; background: #23258B;border-radius: 0.03rem;}

.indexTle span {color: #666666;}



.indexTwo {background: #fcfcfc; padding: .55rem 0; padding-right: 16%; box-sizing: border-box; position: relative; overflow: hidden;}

.indexTwo .indexTle {margin-left: 16%;}

.indexTwo .box {display: flex; margin-top: .5rem;}

.indexTwo .listnav {background: #f2f2f2; padding-left: 16%; padding-bottom: .5rem; box-sizing: border-box; flex: 1; overflow: hidden;}

.indexTwo .list {width: 58%; margin-left: 1%;}

.indexTwo .listnav .tit {padding: .48rem 0; position: relative; z-index: 1;}

.indexTwo .listnav .tit::after {content: ''; position: absolute; width: 100vw; height: 100%; right: 0; top: 0; background: #23258B;border-radius: 0.03rem; z-index: -1;}

.indexTwo .listnav .tleBox {margin-top: .8rem;}

.indexTwo .listnav li {padding: .4rem 0; margin-right: .45rem; border-bottom: 1px solid rgba(153, 153, 153,.1);}

.indexTwo .listnav li a {display: flex; align-items: center; justify-content: space-between; font-size: var(--font22); color: #333; transition: .5s;}

.indexTwo .listnav li i {width: 0.3rem; height: 0.3rem; border-radius: 50%; border: 1px solid #333333; border-radius: 50%; transition: .5s;}

.indexTwo .listnav li.layui-this a {color: #23258B; font-weight: 700;}

.indexTwo .listnav li.layui-this i {background: #23258B;transform: rotate(90deg);}

.indexTwo .listnav li.layui-this i svg path {fill: #fff; }

.indexTwo .list ul {display: grid; grid-template-columns: repeat(3, 1fr); gap: .2rem;}

.indexTwo .list li {background: #f2f2f2; padding: .2rem;}

.indexTwo .list li .imgBox {overflow: hidden; position: relative;}

.indexTwo .list li .imgBox img {width: 100%; height: 100%; object-fit: cover; transition: .5s;}

.indexTwo .list li .imgBox .mask { position: absolute;inset: 0; width: 100%; height: 100%;background: rgba(0, 0, 0,.5); display: flex; align-items: center; justify-content: center; opacity: 0; transition: .5s;}

.indexTwo .list li .imgBox .icBox {width: 0.62rem;height: 0.62rem;background: #23258b; border-radius: 50%;}

.indexTwo .list li .imgBox .icBox svg {max-width: 50%;}

.indexTwo .list li .con {display: flex; align-items: center; justify-content: space-between; margin-top: .2rem;}

.indexTwo .list li .con .p1 {font-size: var(--font18);}

.indexTwo .list li i {flex-shrink: 0; width: 0.3rem; height: 0.3rem; border-radius: 50%; border: 1px solid #333333; border-radius: 50%; transition: .5s;}

.indexTwo .list li:hover .imgBox img {transform: scale(1.05);}

.indexTwo .list li:hover .con .p1 {font-weight: 700; color: #23258B;}

.indexTwo .list li:hover i {border-color: #23258B;}

.indexTwo .list li:hover i svg path {fill: #23258B; }

.indexTwo .list li:hover .imgBox .mask {opacity: 1;}

.indexTwo .list .item {display: none;}

.indexTwo .list .item.layui-show {display: block; animation: fadeIn .5s ease-in-out; -webkit-animation: fadeIn .5s ease-in-out;}



.layui-tabs-scroll {padding: 0;flex: 1;}

.layui-tabs-bar {display: none;}



.indexTle2 .tit2 {margin-top: .15rem;letter-spacing: 0.06rem;}

.indexTle2 .xian {display: block; margin: auto; width: 0.86rem;height: 2px;background: #23258b; margin-top: .35rem;}



.indexThre .indexTle2 {padding: .5rem 0;}

.indexThre .box {margin-top: .5rem;}

.indexThre ul {display: flex;}

.indexThre li {flex: .8; margin-right: .2rem; position: relative; transition: .5s;}

.indexThre li:last-child {margin-right: 0;}

.indexThre li .bjBox {position: relative;}

.indexThre li .bjBox img {width: 100%; height: 100%; object-fit: cover; height: 8rem;}

.indexThre li .bjBox::before {content: ''; position: absolute; inset: 0; background: #000; opacity: .7;transition: .5s;}

.indexThre li .bjBox::after {content: ''; position: absolute; inset: 0;   background: linear-gradient(180deg, rgba(255, 255, 255,.01) 50% , #23258B); opacity: 0;transition: .5s;}

.indexThre li .icBox {height: .8rem; display: flex; align-items: center; justify-content: center;}

.indexThre li .icBox img {max-height: 100%; max-width: 100%;}

.indexThre li .show {text-align: center; transition: .5s;}

.indexThre li .show .p {margin-top: .35rem;}

.indexThre li .hide {position: absolute; bottom: 0; left: 0; opacity: 0; transform: translateY(.5rem);  padding: .2rem; padding-bottom: .7rem; padding-left: .7rem; box-sizing: border-box;}

.indexThre li .hide .icBox {justify-content: flex-start;}

.indexThre li.on {flex: 2;}

.indexThre li.on .bjBox::before {opacity: 0;}

.indexThre li.on .bjBox::after {opacity: 1;}

.indexThre li.on .show {opacity: 0;}

.indexThre li.on .hide {opacity: 1; transform: translateY(0); transition: .5s; transition-delay: .5s;}



.indexFour {padding: .7rem 0; position: relative; padding-bottom: .65rem; z-index: 1; overflow: hidden;}

.indexFour::after {content: '';position: absolute; left: 0; height: 72%; bottom: 0; width: 100%;background: #ebebeb; z-index: -1;}

.indexFour .newsInfo {margin-top: .6rem; display: flex;  box-shadow: 0px 3px 36.8px 3.2px rgba(0, 0, 0, 0.05);background: #fff;}

.indexFour .newsInfo .imgBox {width: 50%; overflow: hidden;}

.indexFour .newsInfo .imgBox img {width: 100%; height: 100%; object-fit: cover; transition: .5s;}

.indexFour .newsInfo .imgBox:hover img {transform: scale(1.05);}

.indexFour .newsInfo .infoCon {width: 50%; padding: .2rem .6rem; display: flex; align-items: center; justify-content: center; }

.indexFour .newsInfo .infoTle { padding-bottom: .45rem; border-bottom: 1px solid #F2F2F2;}

.indexFour .newsInfo .text {margin-top: .4rem;}

.indexFour .newsInfo .text p {line-height: 1.8; color: #666666;}

.indexFour .newsInfo .more {margin-top: .7rem;}

.indexFour .newsInfo .more a {color: #23258B;}

.indexFour .newsInfo .more a:hover {font-weight: 700;}

.indexFour .newsBox {margin-top: .5rem;}

.indexFour .newsBox ul {display: grid; grid-template-columns: repeat(3,1fr); gap: .15rem;}

.indexFour .newsBox li {background: #fff; padding: .4rem; position: relative; z-index: 1;}

.indexFour .newsBox li::after {content: ''; background: url(../images/newslist-img-bj.jpg) no-repeat center; background-size: cover; position: absolute; z-index: -1; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; transition: .5s;}

.indexFour .newsBox li .more {margin-top: .6rem;}

.indexFour .newsBox li .more a {color: #23258B;}

.indexFour .newsBox li:hover::after {opacity: 1;}

.indexFour .newsBox li:hover .time img {filter: brightness(0) invert(1);}

.indexFour .newsBox li:hover .time span {color: #fff;}

.indexFour .newsBox li:hover .tit p {color: #fff;}

.indexFour .newsBox li:hover .more a {color: #fff;}



/* ===底部=== */

.footer {background: #2c3032; padding-top: .65rem; padding-bottom: .2rem;}

.footer .box {display: flex; justify-content: space-between;}

.foternav {display: flex; width: 36%; justify-content: space-between;}

.foternav dl {}

.foternav dl dt {display: inline-block; font-size: var(--font18); color: #D2D2D2; margin-bottom: .3rem; position: relative; line-height: 1;}

.foternav dl dt::after {content: ''; position: absolute; width: 2px; height: 100%; background: #D2D2D2;  right: -100%; display: none;}

.foternav dl:last-child dt::after {display: none;}

.foternav dl dd {margin: .15rem 0; font-size: var(--font15);}

.foternav dl dd a {color: #E1DEDE;}

.foternav dl dd a:hover {color: #fff;}

.footer .re form {display: flex;}

.footer .re form input {min-width: 3.65rem; height: 0.5rem; min-height: 40px; padding: 0 .3rem; background: #414447; color: #fff;}

.footer .re form .sub {margin-left: .15rem;background: #23258b;color: #ffffff; padding: 0 .4rem; cursor: pointer; display: flex; align-items: center;}

.foterUs {display: flex; align-items: center; margin-top: .4rem;}

.foterUs .codeImg {margin-right: .35rem;}

.foterUs dl dd {margin: .1rem 0;}

.foterUs dl dd , .foterUs dl dd a {color: #ffffff;}

.foterCopy {margin-top: .5rem; border-top: 1px solid #414447; padding-top: .2rem;}

.foterCopy p , .foterCopy p a {color: #7a7a7a;}

.foterCopy p a:hover {color: #ffffff;}



/* ==========================================================================

内页

========================================================================== */

.ny-banner {height: 6.5rem;}

.ny-banner .swiper {height: 100%;}

.ny-banner .slide .bjBox {height: 100%;}

.ny-banner .slide .bjBox img {height: 100%;}

.ny-banner .swiper-pagination {bottom: .2rem;}



/* 单篇页面*/

.mbx {padding: .15rem 0; border-bottom: 1px solid #eee;}

.layui-breadcrumb a:hover {color: #125F97 !important;}

.ny-main .box {padding: .5rem 0;}

.ny-main .box img {max-width: 100%;}





/* 产品中心 */

.proMain .box {display: flex; align-items: flex-start; padding: .5rem 0;}

.casenav {background: #fcfcfc; flex-shrink: 0; padding-bottom: .4rem; max-width: 3rem; position: sticky; top: 1.5rem;}

@media screen and (min-width: 200px) and (max-width: 1580px) {

  .casenav {max-width: 4rem;}

}

.casenav .tle {background: url(../images/casenav-tle-bj.jpg) no-repeat center; background-size: cover; padding: .4rem .32rem;color: #ffffff; font-size: var(--font32);}

.casenav ul {padding: 0 .32rem;}

.casenav li {padding: .2rem 0; border-bottom: 1px solid rgba(153, 153, 153,.1);}

.casenav li a {display: flex; align-items: center; justify-content: space-between; color: #333333; font-size: var(--font18);}

.casenav li a span {margin-right: .2rem;}

.casenav li .icBox {margin-right: .15rem; width: .24rem; flex-shrink: 0;}

.casenav li .icBox img {filter: brightness(0); -webkit-filter:brightness(0); max-width: 100%;}

.casenav li .jt {width: 0.29rem;height: 0.29rem; min-height: 24px; min-width: 24px; border: 1px solid #333333; border-radius: 50%; transition: .5s; flex-shrink: 0;}

.casenav li .jt svg {max-width: 50%;}

.casenav li a:hover .icBox img {filter: none; -webkit-filter:none;}

.casenav li a:hover {color: #002C7E; font-weight: 700;}

.casenav li a:hover .jt {background: #002c7e; border-color: #002C7E;}

.casenav li a:hover .jt svg path {fill: #fff;}

.casenav li.on .icBox img {filter: none; -webkit-filter:none;}

.casenav li.on a {color: #002C7E; font-weight: 700;}

.casenav li.on {color: #002C7E; font-weight: 700;}

.casenav li.on .jt {background: #002c7e; border-color: #002C7E;}

.casenav li.on .jt svg path {fill: #fff;}

.casenav li.on .jt {transform: rotate(90deg);}

.casenav .tleBox  {padding: 0 .2rem; margin-top: .4rem;}

.casenav .tleBox img {max-width: 90%; max-height: auto;}



.prolist {flex: 1;margin-left: .25rem; }

.prolist ul {display: grid; grid-template-columns: repeat(3, 1fr); gap: .2rem;}

.prolist li {background: #f2f2f2; padding: .2rem;}

.prolist li .imgBox {overflow: hidden; position: relative;}

.prolist li .imgBox img {width: 100%; height: 100%; object-fit: cover; transition: .5s;}

.prolist li .imgBox .mask { position: absolute;inset: 0; width: 100%; height: 100%;background: rgba(0, 0, 0,.5); display: flex; align-items: center; justify-content: center; opacity: 0; transition: .5s;}

.prolist li .imgBox .icBox {width: 0.62rem;height: 0.62rem;background: #23258b; border-radius: 50%;}

.prolist li .imgBox .icBox svg {max-width: 50%;}

.prolist li .con {display: flex; align-items: center; justify-content: space-between; margin-top: .2rem;}

.prolist li .con .p1 {font-size: var(--font18);}

.prolist li i {flex-shrink: 0; width: 0.3rem; height: 0.3rem; border-radius: 50%; border: 1px solid #333333; border-radius: 50%; transition: .5s;}

.prolist li:hover .imgBox img {transform: scale(1.05);}

.prolist li:hover .con .p1 {font-weight: 700; color: #23258B;}

.prolist li:hover i {border-color: #23258B;}

.prolist li:hover i svg path {fill: #23258B; }

.prolist li:hover .imgBox .mask {opacity: 1;}



/* 产品详情 */

.proDate {margin-left: .5rem; flex: 1; max-width: calc(100% - 3.5rem);}

@media screen and (min-width: 200px) and (max-width: 1580px) {

  .proDate {max-width: calc(100% - 4.5rem);}

}



/* 内页产品详情页 */

.proDate .proxq {align-items: flex-start;}

.proxq-pic {width: 44%;}

.proxq-info {width: 50%; margin-top: .5rem;}



.propic-big {margin-bottom: .25rem;}

.propic-big ul li { box-sizing: border-box;border: 1px solid #eeeeee;}

.propic-big ul li .pic img { display: block;width: 100%;}

.propic-small ul li {background: #fff;position: relative;}

.propic-small ul li .pic {box-sizing: border-box;border: 1px solid #eeeeee;}

.propic-small ul li .pic img {display: block;width: 100%;}

.propic-small ul li.swiper-slide-thumb-active .pic {border-color: #23258B;}

.proxq-info strong {display: block;font-size: var(--font24);color: #333;border-bottom: 1px solid #eee;padding-bottom: .18rem;margin-bottom: .3rem;}

.proxq-info span{ display: block; color: #666; font-weight: normal}

.proxq-info .text {margin-bottom: .3rem;font-size: var(--font15); color: #666;}

.proxq-btn a {z-index: 0;position: relative;overflow: hidden;display: inline-block;width: 1.4rem; min-width:110px; line-height: .54rem;  background: #000;border-radius: 100px;text-align: center;color: #fff;}

.proxq-btn a:before {content: "";position: absolute;width: 0;height: 100%;left: 50%;top: 0;z-index: -1;opacity: 2;transition: all 0.4s;}

.proxq-btn a:before {background: #23258B;}

.proxq-btn a:hover:before {width: 100%;left: 0;opacity: 1;}



.dateInfo {margin-top: 1rem;}

.dateInfo .tle {padding-bottom: .2rem;border-bottom: 1px solid #DDDDDD;}

.dateInfo .tle h3 {font-size: var(--font24);color: #333333;position: relative;padding-left: .15rem;font-weight: 700;}

.dateInfo .tle h3::before {content: "";height: 70%;width: 5px;background: #23258B;position: absolute;left: 0;top: 15%;border-radius: 0.05rem;}

.dateInfo .infoCon {margin: .2rem 0;overflow: hidden;}

.dateInfo .infoCon img {max-width: 100%;}





/* 新闻中心 */

.newslist {width: 100%; padding: .5rem 0;}

.newslist li {margin-bottom: .35rem;}

.newslist li a {display: flex;justify-content: space-between;background: #fafafa;padding: .2rem;box-sizing: border-box;align-items: center;}

.newslist li .imgBox {width: 27%;overflow: hidden;}

.newslist li .imgBox img {width: 100%;min-height: 150px;object-fit: cover;transition: .5s;}

.newslist li .con {width: 70%;}

.newslist li h6 {font-size: var(--font20);color: #333;font-weight: bold;}

.newslist li p {margin-top: .1rem;color: #666;font-size: var(--font15);margin-bottom: .2rem;}

.newslist li span{font-size: var(--font14); color: #666; margin-bottom: 5px; display: block;}

.newslist li .more {transition: all .5s;margin-top: .3rem;background: #808080;color: #fff;width: 1.3rem;height:.45rem;min-width: 110px;min-height: 35px;border-radius: 50px;font-size: var(--font15);}

.newslist li .more svg {margin-left: .15rem;}

.newslist li:hover .more {background: #23258B;}

.newslist li:hover .imgBox img {transform: scale(1.1);}





.newsxq-box {margin-top: .8rem; margin-bottom: 1rem;display: flex;justify-content: space-between;align-items: flex-start;}

.news-left {width: 68%;}

.news-left .newsCon {background: #ffffff;border-radius: 10px;box-shadow: 0rem 0rem 0.4rem 0rem rgba(226, 225, 224, 0.42);padding: .6rem .4rem;box-sizing: border-box;}

.newsxq-title {border-bottom: 1px solid #ddd;padding-bottom: .4rem;}

.newsxq-title strong {display: block;font-size: var(--font30);color: #333;margin-bottom: .1rem;}

.newsxq-title span {display: block;color: #777;margin: .1rem .3rem 0 0;}

.newsxq-title .titleDisc {display: flex;flex-wrap: wrap;}

.newsxq-editbox {margin: .3rem 0;}

.newsxq-editbox img {max-width: 100%;height: auto !important;}

.newsxq-box .nynews-right {width: 29%;background: #fff;border-radius: .1rem;box-shadow: 0rem 0rem 0.3rem 0rem rgba(226, 225, 224, 0.42);padding: .4rem;box-sizing: border-box;position: relative;}

.newsxq-box .nynews-right {position: sticky;top:1.5rem;}

.relist li {padding: .3rem 0;border-bottom: 1px solid #F2F2F2;}

.relist li .time {font-size: var(--font14);font-weight: 500;color: #999999;}

.relist span {color: #999999;font-size: var(--font14);}

.relist h6 {color: #333333;font-size: var(--font18);transition: .35s;font-weight: 700;margin-top: .1rem;}

.relist li:hover h6 {color: #23258B;}

.relist li:hover .reImg img {transform: scale(1.05);}

.nynews-right::after {content: "";background: #23258B;width: 65%;position: absolute;left: 50%;bottom: -1%;height: 0.07rem;transform: translate(-50%, -50%);}

.newsxq-page {display: flex;justify-content: space-between;align-items: center;margin-top: .1rem;}

.newsxq-page a {display: flex;align-items: center;}

.news-prev,

.news-next {transition: 0.6s;display: flex;align-items: center;justify-content: center;width: .6rem;height:.6rem;border: 1px solid #23258B;}

.news-prev svg {transform: rotateY(180deg);-webkit-transform: rotateY(180deg);}

.newsxq-page em {display: inline-block;color: #333;}

.prev-link em {margin-left: .15rem;}

.next-link em {margin-right: .15rem;}

.next-link {flex-direction: row-reverse;}

.backlist a {width: 1.68rem;min-width: 125px;min-height: 42px;height: .58rem;background: #23258B;color: #fff;}

.backlist svg {margin-right: .1rem;}

.backlist a:active {background: #23258B;}

.newsxq-page a:active .news-prev,

.newsxq-page a:active .news-next {background: #23258B;border-color: #23258B;}

.newsxq-page a:active svg path {fill: #fff;}

@media (any-hover: hover) {

.newsxq-page a:hover .news-prev,.newsxq-page a:hover .news-next {background: #23258B;border-color: #23258B;}

.newsxq-page a:hover svg path {fill: #fff;}

}




/* 图片系统 */
.photolist ul {display: grid; grid-template-columns: repeat(3, 1fr); gap: .3rem;}
.photolist li {text-align: center;}
.photolist li .imgBox {position: relative; overflow: hidden;}
.photolist li .imgBox img {width: 100%; display: block; transition: .5s; transition: .5s;}
.photolist li .more { z-index: 2; width: 0.65rem;height: 0.65rem;background: #e4f3fd; display: flex; align-items: center; justify-content: center; font-size: var(--font36);color: #00a78e; padding-bottom: .05rem; opacity: 0; transform: translate(-50%,-50%) scale(0); transition: .5s;}
.photolist li .imgBox::after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); transition: .5s; opacity: 0;}
.photolist li .t1 {font-size: var(--font24); color: #333; font-weight: 700; margin-top: .3rem;}
.photolist li .link {display:flex; justify-content: center; margin-top: .15rem; align-items: center;}
.photolist li:hover .imgBox::after {opacity: 1;}
.photolist li:hover .more {opacity: 1; transform:translate(-50%,-50%) scale(1); transition-delay: .25s;}
.photolist li:hover .imgBox img {transform: scale(1.05,1.05);}
.photolist li:hover .link span {color: #00a78e;}