/* #c-placeholder {height: 1rem;min-height: 80px;} */
header {position: sticky; left: 0; top: 0; z-index: 99; width: 100%; background: #fff;}
.headBox {padding: 0 3%;transition: .5s; height: 6.25rem; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #eee;}
.headBox .logo {height: 100%;}
.headBox .logo a {height: 100%;}
.headBox .logo img {min-height: 2.063rem; max-height: 100%;}


.header .re {height: 100%;}
.header .re .xian {width: 1px; height: 100%; margin: 0 3.125rem 0 1.25rem; position: relative;}
.header .re .xian::after {position: absolute; content: ''; width: 100%; height: 1.25rem; background: #eee; left: 0; top: 50%; transform: translateY(-50%);}

/* 导航 */
/* 取消layui默认样式 */
.qx-style {padding: 0; border-radius: 0; background: none;}
.qx-style .layui-nav-item {line-height: initial;}
.qx-style .layui-nav-item > a {padding: 0;}
/* 取消layui默认样式 end!!*/
nav {width: auto;}
nav > ul {display: flex; height: 100%; align-items: center; justify-content: space-between;}
nav .layui-nav .layui-nav-item {display: flex; height: 100%; align-items: center; z-index: 1; margin: 0 1.875rem;}
nav .layui-nav .layui-nav-item > a {color: #333 !important;position: relative; z-index: 1; padding: 0 !important; font-weight: 700; font-size: var(--font20);}
nav .layui-nav .layui-nav-item > a::after {content: ''; position: absolute; left: 0; bottom: 0; width: 0; left: 50%; height: 1px; background: #333; transition: .5s;}
nav .layui-nav .layui-nav-item:hover > a::after, nav .layui-nav .layui-this > a::after {width: 100%; left: 0;}
nav .layui-nav > .layui-this:after,nav .layui-nav-bar {display: none;}
nav .layui-nav .layui-nav-more {top: 50%; margin-top: -5%; right: 0; transform: translateX(150%); font-size: var(--font14);}
/* 子菜单 */
nav .layui-nav .layui-nav-child {top: 100%; line-height: initial;}
nav .layui-nav .layui-nav-child a {padding: .625rem 1.25rem; font-size: var(--font16); border-bottom: 1px solid #eee;}
nav .layui-nav .layui-nav-child a:hover {background: none; color: #010834 !important;}

/* 搜索 */
.head_search {cursor: pointer;margin-right: 3.125rem;}
.head_search svg {width: 1.438rem; height: 1.438rem;}

/* 弹出搜索 */
.searchFull {position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 1040;background-color: rgba(255, 255, 255,.9);   display: none;}
.searchFull .ssf-content {width: 100%;height: 100%; display: flex; align-items: center;}
.searchFull .ssf-fields-wrap {margin: 0 20%; position: relative;}
.searchFull .ssf-fields-wrap .ssf-input {width: 100%;height: 3.75rem;font-size: var(--font20);border: none;outline: none;border-bottom: 1px solid #a3a3a3;padding-right: 4.375rem;}
.searchFull .ssf-fields-wrap .ssf-btn {cursor: pointer; width: 3.75rem;height: 3.75rem;font-size: var(--font22);text-align: center;border: none;outline: none;background-color: transparent;position: absolute;right: 0;}
.searchFull .ssf-fields-wrap .ssf-btn svg {width: 50%; height: 100%;}
.searchFull .ssf-fields-wrap .ssf-btn:hover path {fill: #010834;}
.ssfDismisser {position: absolute; top: 1.25rem; right: 1.875rem; font-size: var(--font30);color: #8e9295;line-height: 1.875rem; width: 1.875rem;height: 1.875rem; text-align: center;}
.ssfDismisser svg {width: 100%; height: 100%;}

/* 头部表单 */
.head_form {}
.head_form a {display: block; background: #010834; padding: .8rem 1.25rem; color: #fff; border-radius: .313rem;}
/* 留言弹出层 */
.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: #010834; 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 #010834;}
@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;}
}


/* ==================公用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: 1.25rem 2.5rem;background: #010834; color: #fff; display: inline-flex; text-transform: uppercase; transition: .5s;}
.more1:hover {box-shadow: 0 0 0 .5rem rgba(1, 8, 52,.2);}


/* 首页标题 */
.indexTle i {width: 1.313rem; height: 1.313rem;background: #010834;border-radius: 0px 0px 0px .625rem; display: inline-block;}
.indexTle span {font-size: var(--font20); font-weight: 700; margin-left: .625rem;}



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


/* banner */
.indexBanner .swiper {}
.indexBanner .swiper .slide {background: #303030;}
.indexBanner .swiper .slide .imgBox video , .indexBanner .swiper .slide .imgBox img {width: 100%;object-fit: cover; transition: 1s linear 2s;transform: scale(1.1, 1.1);}
/* 当前 */
.indexBanner .swiper .swiper-slide-active .imgBox img, .indexBanner .swiper .swiper-slide-duplicate-active .imgBox img {transition: 6s linear;transform: scale(1, 1);}
/* 控件 */
.indexBanner .swjt {top: auto; bottom: 2.5rem; width: 4rem; height: 4rem;border: 1px solid #707076; transition: .5s; left: auto; right: 15.88%;}
.indexBanner .swjt i {font-size: var(--font24); color: #010834;}
.indexBanner .swjt:hover {background: #010834; color: #fff;}
.indexBanner .swjt:hover i {color: #fff;}
.indexBanner .swjt.swiper-button-prev {transform: translateX(-130%);}

.indexOne {padding: 5rem 0; padding-top: 2.5rem;}
.indexOne .list ul {padding-top: 1.25rem;}
.indexOne .list li {margin-top: 3.75rem; display: flex; align-items: center; justify-content: space-between;}
.indexOne .list li .imgBox {width: 39%; position: relative; z-index: 1; padding-bottom: 52%;}
.indexOne .list li .imgBox::before {content: ''; position: absolute; width: 100%; height: 100%; background: #f2f2f2; top: 0; left: 0; z-index: -1; transition: 1s;}
.indexOne .list li .imgBox img {width: 110%; position: relative; left: -5%; top: -15%;}
.indexOne .list li .imgBox .img {overflow: hidden; position: absolute; left: 0; top: 0; height: 100%; width: 100%;}
.indexOne .list li .info {width: 56%;}
.indexOne .list li .p1 {color: #010834;}
.indexOne .list li .p2 {line-height: 1.3;}
.indexOne .list li .p2 span {position: relative; z-index: 1;}
.indexOne .list li .p2 span::after {content: ''; position: absolute; bottom:0.4rem; left: 0; height: .375rem; width: 100%; background: #8a8a8a; z-index: -1; display: none;}
.indexOne .list li .more {margin-top: 6.875rem;}
.indexOne .list li:nth-child(even) .imgBox {order: 2;}
.indexOne .list li.active .imgBox::before {top: -1.25rem; left: -0.625rem;box-shadow: -21px 0px 22.62px 4.62px rgba(48,48,48,0.07);}

.indexTwo {background: url(../images/indexTwo-bj.jpg) no-repeat center; background-size: cover; padding: 5rem 0; background-attachment: fixed;}
.indexTwo dl {max-width: 58%;}
.indexTwo dd {display: flex; align-items: flex-start; padding: 1.5rem 0;}
.indexTwo dd .icBox {width: 3.75rem; height: 3.75rem; display: flex; align-items: center; justify-content: center; margin-right: 3.125rem;}
.indexTwo dd .icBox img {max-height: 100%; min-height: 3.125rem; object-fit: contain;}
.indexTwo dd .con {color: #f5f5f5;}
.indexTwo dd .p1 {line-height: 1.2;}
.indexTwo dd .p2 {margin-top: 1.25rem;}

.indexThre {background: #fcfcfc; padding: 4.375rem 0; position: relative; overflow: hidden;}
.indexThre .bg {position: absolute; height: 80%;}
.indexThre .bg img {width: 100%; max-height: 100%; object-fit: contain;}
.indexThre .bg1 {left: 0; bottom: 0; width: 15.5%; display: flex; align-items: flex-end;}
.indexThre .bg2 {right: 0; top: 10%; width: 13%; display: flex; align-items: flex-start;}
.indexThre .tle .nav {width: 55%;}
.indexThre .tle ul li a {font-size: var(--font18); color: #333333; position: relative;}
.indexThre .tle ul li a::after {content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background: #333; transition: .5s;}
.indexThre .tle ul li.active a::after {width: 100%; left: 0;}
.indexThre .tle ul li.active a {color: #010834; font-weight: 700;}
.indexThre .swiperBox {position: relative;}
.indexThre .swiperBox .swiper {display: none; padding-top: 7.5rem; position: static;}
.indexThre .swiperBox .swiper.active {display: block;}
.indexThre .swiper .swiper-slide .imgBox {height: 16.25rem;background: #d9d9d9; position: relative;}
.indexThre .swiper .swiper-slide .imgBox img {position: absolute; right: .625rem; width: 80%;max-height: 100%;bottom: 30%; object-fit: contain;transition: .5s;}
.indexThre .swiper .swiper-slide .more {margin-top: 1rem; padding-bottom: .625rem; border-bottom: 1px solid rgba(202, 202, 202,.5);}
.indexThre .swiper .swiper-slide .more .p1 {color: #010834; font-weight: 700;}
.indexThre .swiper .swiper-slide .more .jt {width: 1.5rem; height: 1.5rem; border: 1px solid #010834; border-radius: 50%; transition: .5s; flex-shrink: 0;}
.indexThre .swiper .swiper-slide:hover .imgBox img {transform: scale(1.05);}
.indexThre .swiper .swiper-slide:hover .more .jt {background: #010834;}
.indexThre .swiper .swiper-slide:hover .more .jt i {color: #fff;}
/* 控件 */
.indexThre .swiper .swjt {top: auto; bottom: 0; width: 4rem; height: 4rem;border: 1px solid #707076; transition: .5s; left: auto; right: 0;}
.indexThre .swiper .swjt i {font-size: var(--font24); color: #010834;}
.indexThre .swiper .swjt:hover {background: #010834; color: #fff;}
.indexThre .swiper .swjt:hover i {color: #fff;}
.indexThre .swiper .swjt.swiper-button-prev {left: 0; right: auto;}

.indexThre .allMore {margin-top: 2.5rem;}
.indexThre .allMore .more1 {padding-left: 3.125rem; padding-right: 3.125rem;}
@media (max-width: 1366px) {
  .indexThre .w1300 {padding: 0 10%;}
  .indexThre .bg1 {width: 10%;}
  .indexThre .bg2 {width: 10%;}
}




.indexFour {padding: 3.75rem 0;}
.indexFour .box {background: url(../images/indexFour-box-bj.jpg) no-repeat center; background-size: cover; padding: 4.375rem 0; margin-top: 3.125rem;}
.indexFour .box .left {width: 62%; padding: 0 4%;}
.indexFour .box .right {width: 38%;}
.indexFour .box .more {margin-top: 4.375rem;}
.indexFour .box .swiper .pagtion span {background: #ffffff; border-radius: 0; opacity: 1; margin: 0 .313rem!important;}
.indexFour .box .swiper .pagtion span.swiper-pagination-bullet-active {background: #010834;}

.indexFour .list {margin-top: 1.875rem; display: flex; flex-wrap: wrap; border-bottom: 1px solid rgba(102, 102, 102,.1); padding-bottom: 1.875rem;}
.indexFour .list .item {width: 50%;}
.indexFour .list .item a {display: flex; justify-content: space-between;}
.indexFour .list .item .imgBox {width: 37%; overflow: hidden;}
.indexFour .list .item .imgBox img {width: 100%; transition: .5s;}
.indexFour .list .item .info {width: 63%; padding: 0 8% 0 1.875rem;}
.indexFour .list .item .time {color: #010834;}
.indexFour .list .item .p1 {margin-top: 1rem;}
.indexFour .list .item .more {margin-top: 2.5rem;}
.indexFour .list .item .more img {height: .875rem; object-fit: contain;}
.indexFour .list .item:hover .imgBox img {transform: scale(1.05);}

/* ======底部===== */
.footer {background: #333;}
.footer .box {padding: 3.75rem 0;}
.footer .box > div {width: calc(100% / 3);}
.footer .tit {margin-bottom: 1.875rem;}
.footer .left dl dd {margin-bottom: .313rem;}
.footer .left dl dd a {color: #fff; text-transform: uppercase;}
.footer .cen .foter_logo {text-align: center;}
.footer .cen .foter_logo img {min-height: 3rem; max-height: 6rem; object-fit: contain;}
.footer .links {margin-top: 2.5rem;}
.footer .links li a {width: 2.75rem; height: 2.75rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: .5s;}
.footer .links li a img {width: 80%; height: 80%;}
.footer .links li a svg {width: 40%; height: 40%;}
.footer .links li a svg path {}
.footer .links li a:hover {background: rgba(255, 255, 255,.1);}
.footer .cen_us {}
.footer .cen_us a { padding: .75rem 2.5rem;background: #01050e;border-radius: 6px; display: inline-flex; align-items: center;}
.footer .cen_us a i {width: 1rem; height: 1rem; background: #fff; -webkit-clip-path: polygon(100% 50%, 0 0, 0 100%);clip-path: polygon(100% 50%, 0 0, 0 100%); transition: .5s;}
.footer .cen_us a:hover i {transform: translateX(.625rem);}
.footer .right {text-align: right;}
.footer .right .item {display: flex; align-items: flex-start; justify-content: flex-end; margin-bottom: .625rem;}
.footer .right .item .icBox {width: 1.25rem; height: 1.25rem; margin-left: 1rem; flex-shrink: 0; display: flex; align-items: center; justify-content: center;}
.footer .right .item .icBox img , .footer .right .item .icBox svg {max-height: 100%; min-height: 80%; max-width: 100%; min-width: 80%; object-fit: contain;}
.footer .right .item p>span{line-height: 1.6;}
.footer .right .item p a {color: #fff;}
.footer .copyRight {text-align: center;padding: 1rem 0; border-top: 1px solid rgba(255, 255, 255,.1);}
.footer .copyRight p , .footer .copyRight p a {font-size: var(--font18); color: rgba(255, 255, 255,.3);}
.footer .copyRight p a {margin: 0 1.25rem;}
.footer .copyRight p a:hover {color: #fff;}

/* ======================================================================内页===================================================================== */
.mbx {padding: .625rem 0; border-bottom: 1px solid #eee;}
.mbx .layui-breadcrumb a , .mbx .layui-breadcrumb span {font-size: var(--font14) !important;}
.mbx a:hover {color: #01050e !important;}


/* ===产品中心=== */
.proOne {padding: 6.25rem 0; padding-top: 3rem;}
.proOne .box {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;}
.proOne .box .le {width: 24%; min-width: 12.5rem;}
.proOne .box .re {flex: 1;margin-left: 3.5%;}
/* 左侧产品栏目 */
.proOne .menu {box-shadow: 0rem 0rem 1.25rem 0rem rgba(6,0,1,0.06); padding: 1.5rem 0; margin-bottom: 3.125rem;}
.proOne .menu .tit {border-left: .625rem solid #010834; padding: 0 1.25rem;}
.proOne .menu .tit h3 {position: relative;}
.proOne .menu .tit h3::after {content: ''; position: absolute; bottom: -1.875rem; left: 0; width: 100%; height: .063rem; background: #D0D0D0; opacity: .5;}
.proOne .menu ul {padding: 0 1.25rem; margin-top: 3.75rem;}
.proOne .menu li { margin-top: 1.25rem;}
.proOne .menu li .menu-li {display: flex; justify-content: space-between;padding: .625rem 1.25rem; min-height: 40px; cursor: pointer;background: #f8f8f8;}
.proOne .menu li .menu-li a {color: #333; display: flex; align-items: center;}
.proOne .menu li .menu-li i {width: .875rem; position: relative;}
.proOne .menu li .menu-li i svg {max-width: 100%;position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 0; transition: .4s;}
.proOne .menu li .menu-li i .jia {opacity: 1;}
.proOne .menu li .menu-li:hover a {color: #010834;}
.proOne .menu li .s-menu { width: 100%; padding: 2.5rem 1.25rem; padding-top: .625rem; padding-bottom: 0; display: none;}
.proOne .menu li .s-menu a { width: 100%; color: #6A6A6A;  position: relative;margin-bottom: .625rem;transition: all ease-out 0.3s; display: block;}
.proOne .menu li .s-menu a:hover {color: #010834;}
.proOne .menu li .menu-li.on {background: none;}
.proOne .menu li .menu-li.on a {font-family: 'popMedium';}
.proOne .menu li .menu-li.on i .jia {opacity: 0;}
.proOne .menu li .menu-li.on i .jian {opacity: 1;}
.proOne .menu li .s-menu.on {display: block;}
/* 左侧产品推荐 */
.proOne .menu2 dl {padding: 0 1.25rem;margin-top: 3.75rem;}
.proOne .menu2 dd {margin-top: 1.5rem;}
.proOne .menu2 dd a {display: flex; align-items: center; justify-content: space-between;}
.proOne .menu2 dd .imgBox {width: 30%;}
.proOne .menu2 dd .imgBox img {width: 100%; transition: .5s;}
.proOne .menu2 dd .con {flex: 1; margin-left: 1.25rem;}
.proOne .menu2 dd .tit2 {transition: .5s;}
.proOne .menu2 dd:hover .tit2 {color: #010834;}
.proOne .menu2 dd:hover .imgBox img {transform: scale(1.05);}
/* 右侧产品列表 */
.proOne .list ul {display: grid; grid-template-columns: repeat(3,1fr); gap: 2.5rem;}
.proOne .list li {background: #fff;  padding: .25rem;}
.proOne .list li .imgBox {height: 15.625rem; display: flex; align-items: center; justify-content: center; overflow: hidden;box-shadow: 0rem 0rem .625rem 0rem rgba(6,0,1,0.06);}
.proOne .list li .imgBox img {max-width: 100%; max-height: 100%; transition: .5s;}
.proOne .list li .con {padding-bottom: 2.5rem; box-sizing: border-box; text-align: center; margin-top: 1rem;}
.proOne .list li .con .p2 {line-height: 1.2;}
.proOne .list li .con .more2 {margin-top: 2.25rem; display: none;}
.proOne .list li .more2 {color: #010834; border: 1px solid #010834;padding: .625rem 2.5rem;display: inline-block; transition: .5s;}
.proOne .list li:hover .imgBox img {transform: scale(1.05);}
.proOne .list li:hover .con .more2 {background: #010834; color: #fff;}

/* 产品详情 */
.proDateOne {padding: 3.125rem 0 3.5rem;}
.proDateOne .le {width: 43.3%; position: relative;}
.proDateOne .re {width: 48%;}
.proDateOne .swiperBox2 {order: -1;width: 100%; position: relative;}
.proDateOne .swiperBox2 .swjt {}
.proDateOne .swiperBox2 .swjt i {color: #333;}

.proDateThum {height: auto; width: 85%; margin-top: 1.875rem;}
.proDateThum .slide {height: auto;}
.proDateThum .slide .imgBox {background: #f8f8f8; height: 6.25rem;cursor: pointer; border: 1px solid transparent; box-sizing: border-box; display: flex; justify-content: center;}
.proDateThum .slide img {max-width: 100%; max-height: 100%; object-fit: contain;}
.proDateThum .slide.swiper-slide-thumb-active .imgBox {border-color: #010834;}

.proDateSwiper .imgBox {/* height: 45rem; */display: flex;align-items: center;justify-content: center; border: 1px solid #eee;}
.proDateSwiper .imgBox img {max-width: 100%;width: 100%;/* max-height: 25rem; *//* object-fit: contain; */height: 100%;object-fit: cover;}
.proDateOne .re .con .p3 {margin-top: 1.875rem; font-size: var(--font22);}
.proDateOne .re .con .p4 {margin-top: 1.875rem;color: #666666; line-height: 1.7;}
.proDateOne .re .conus {margin-top: 3.125rem;}
.proDateOne .re .conus .more {flex: 1; margin-right: .35rem;}
.proDateOne .re .conus .more a {background: #010834;border-radius: 100px; padding: 1.25rem .625rem; display: flex; justify-content: center; align-items: center;}

.proDateTwo {background: #f9f9f9; padding: 3.75rem 0 6.25rem;}
.proDateTwo .box { align-items: flex-start;}
.proDateTwo .le {flex: 1;margin-right:11%;}
.proDateTwo .re {width: 24%; position: sticky; top: 7.5rem; min-width: 240px;}
.proDateTwo .re .proOne {padding: 0;}
.proDateTwo .re .proOne .menu {background: #fff;}
.proDateTwo .re .proOne .menu3 .tit h3::after {display: none;}
/* 产品资料录入 */
.proDateTwo .content {padding: .5rem 0;}
.proDateTwo .content .item {padding: 1.5rem 0 .5rem; position: relative;top: -1rem;}
.proDateTwo .content img {max-width: 100%; height: auto !important;}
.proDateTwo .content table {border-collapse: initial;border-spacing: revert-layer;}


/* 内页新闻列表页 */
.newsMain{padding: 3.125rem 0 6.25rem 0;}
.nynews-list ul{display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5625rem 2.1875rem;}
.nynews-list ul li{}
.nynews-list ul li .imgBox {overflow: hidden; border-radius: .313rem;}
.nynews-list ul li .imgBox img {width: 100%; transition: 0.4s;}
.nynews-list ul li .info {padding: 2.5rem .625rem;}
.nynews-list ul li .info .p1 {line-height: 1.3;}
.nynews-list ul li .info .time {margin-top: 2.5rem;}
@media (any-hover: hover) {
  .nynews-list ul li:hover .imgBox img {transform: scale(1.05); }
}

/* .newsMain .proOne .menu li {margin-top: 0;}
.newsMain .proOne .menu li .menu-li {background: none; border-bottom: 1px solid #eee;}
.newsMain .proOne .menu li .menu-li a {display: block;} */


/* ==新闻详情 */
.newsDateMain {background: #f9f9f9; }
.newsDate {padding: 3.125rem 0 6.25rem;}
.newsxq-box {padding: 1.875rem 0; margin-bottom: 2.75rem; 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: 2.5rem; box-sizing: border-box;}
.newsxq-title {border-bottom: 1px solid #ddd; padding-bottom: 2.5rem;}
.newsxq-title strong {display: block; font-size: var(--font30); color: #333;font-weight: 700;line-height: 1.4;}
.newsxq-title span {display: block;margin-top: .625rem; color: #777;}
.newsxq-editbox {margin: 1.875rem 0;}
.newsxq-editbox img {max-width: 100%; height: auto !important;}
.newsxq-page {display: flex; justify-content: space-between; align-items: center; margin-top: 3.125rem;}
.newsxq-page a {display: flex; align-items: center;}
.news-prev,.news-next{transition:0.6s; display: flex; align-items: center; justify-content: center; width: 3.125rem;height: 3.125rem;min-width: 35px;min-height: 35px;   border: .125rem solid #eeeeee;border-radius: .313rem;}
.news-prev svg {transform: rotateY(180deg);    -webkit-transform: rotateY(180deg);}
.news-prev svg ,.news-next svg {width: 30%; height: 30%;}
.newsxq-page em {display: inline-block; font-size: var(--font16); color: #333;}
.prev-link em {margin-left: 1rem;}
.next-link em {margin-right: 1rem;}
.next-link {flex-direction: row-reverse;}
.newsxq-page a:hover .news-prev,.newsxq-page a:hover .news-next{background: #010834; }
.newsxq-page a:hover svg path {fill: #fff;}
.newsxq-box .news-right {width: 29%;background: #fff; border-radius: 1rem;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: 0;}
.newsxq-box .news-right h2 {font-size: var(--font26); font-weight: 700;}
.newsDate .relist li a {display: flex; justify-content: space-between;}
.newsDate .relist .reImg {width: 35%;border-radius: .313rem; overflow: hidden; min-height: 5.625rem}
.newsDate .relist .reImg img {width: 100%; height: 100%;object-fit: cover; transition: .35s;}
.newsDate .relist .recon {width: 58%;}
.newsDate .relist li {margin-top: 1.875rem;}
.newsDate .relist span {color: #999999; font-size: var(--font14);}
.newsDate .relist h6 {color: #333333; font-size: var(--font17); transition: .35s; margin-top: .313rem}
.newsDate .news-right::after {content: "";  background:#010834; width: 65%; position: absolute; left: 50%; bottom: -3%; height: .438rem; border-radius: .25rem; transform: translate(-50%, -50%);}
@media (any-hover:hover) {
  .newsDate .relist li:hover h6 {color: #010834;}
  .newsDate .relist li:hover .reImg img {transform: scale(1.05);}
}

/* ====material===== */
.material {padding: 3.125rem 0 6.25rem;}
.material .list ul {display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.875rem;}
.material .list li .imgBox {overflow: hidden; border-radius: .625rem;}
.material .list li .imgBox img {width: 100%; transition: .5s;}
.material .list li .info .item {display: flex;font-weight: 700; margin: .625rem 0;}
.material .list li .info .item .p1 {color: #ff7e00; }
.material .list li .info .item .p2 {color: #666; }
.material .list li .imgBox:hover img {transform: scale(1.05);}

/* ====material详情 */
.materialDateMain {padding: 3.125rem 0 6.25rem;}
.materialDateOne .left {width: 50%;}
.materialDateOne .right {width: 46%; overflow: hidden; border-radius: 1.25rem;}
.materialDateOne .left .tit {margin-bottom: 1.875rem;}
.materialDateOne .left .text p {margin: .625rem 0;}
.materialDateOne .right img {width: 100%;}

.materialDateTwo {margin-top: 3.125rem;}

.previewBox {position: absolute; right: 0; transform: translateX(100%); top: 0; width: 50%;}
.previewBox .magnifier-preview {height: calc(25rem / 2);}
.magnifier-lens {background-size: 300% !important;}



/* 联系我们 */

.aboutTle {text-align: center;}
.aboutTle .tle {display: inline-block; position: relative;}
.aboutTle .tle h3 {font-size: 3rem;font-weight: 400;color: #333333; position: relative; z-index: 1;}
.aboutTle .tle .en {white-space: nowrap; text-transform: uppercase; position: absolute; left: 50%; top: 25%; transform: translate(-50%, -50%);z-index: 0; font-size: 4.5rem;font-family: Arial, Arial-Bold;font-weight: 700;color: #f2f2f2;}
.aboutTle .xian {margin-top: .625rem;}
.aboutTle i {width: 5.25rem;height: 1px;background: #333333; display: inline-block; margin: auto; position: relative;}
.aboutTle i::after {content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 50%; height: .188rem;background: #0a6fb7;}


.contactOne {padding: 5rem 0;}
.contactOne .box {display: flex; justify-content: space-between;}
.contactOne .box .aboutTle {text-align: left;}
.contactOne .box .aboutTle i::after {transform: translate(-100%, -50%);}
.contactOne .le {width: 40%;}
.contactOne .le dl {margin-top: 3.125rem;}
.contactOne .le dl dd {display: flex; margin: 1.875rem 0; align-items: flex-start;}
/* .contactOne .le dl dd:first-child {align-items: flex-end;} */
.contactOne .le dd p {margin-left: .938rem;}
.contactOne .le dd strong { font-weight: normal; line-height: 1;color: #333333;}
.contactOne .le dd p a {color: #333333;}
.contactOne .le dd p a:hover {color: #0A6FB7;}
.contactOne .re {width: 52%; box-shadow: -1px -1px .625rem 0rem rgba(0,0,0,0.13); padding: 3.125rem; box-sizing: border-box;}
.contactOne .formTle h4 {font-size: var(--font34);color: #333333;}
.contactOne .formTle span {color: #666666;font-weight: 400;display: block; margin-top: .313rem;}
.contactOne .re .inBox {display: flex; justify-content: space-between; margin-top: 1.875rem; width: 100%;}
.contactOne .re .inBox input {height: 3.75rem; min-height: 40px; border: 1px solid #e5e5e5;width: 100%;padding: 0 1.25rem;  box-sizing: border-box; font-family: Arial, Helvetica, sans-serif;}
.contactOne .re .inBox input::placeholder {font-size: var(--font14);color: #999b9c;}
.contactOne .re .inBox {width: 100%;}
.contactOne .re .seBox {margin-top: 1.875rem; width: 100%;}
.contactOne .re .seBox select {padding: 0 1.25rem; border-color: #E5E5E5; width: 100%; height: 3.75rem;  min-height: 40px; color: #999B9C; font-size: var(--font14);}
.contactOne .re .textBox {margin-top: 1.875rem;}
.contactOne .re .textBox textarea {width: 100%; border: 1px solid #e5e5e5; padding: 1.25rem; box-sizing: border-box; resize: none; max-height: 11.25rem;}
.contactOne .re .textBox textarea::placeholder {font-size: var(--font14);color: #999b9c;}
.contactOne .re .subBox {margin-top: 1.875rem; display: flex; justify-content: space-between;}
.contactOne .re .subBox .yzm {width: 76%; height: 3.75rem;  min-height: 40px; border: 1px solid #e5e5e5; position: relative;}
.contactOne .re .subBox .yzm input {width: calc(100% - 8.75rem); height: 100%; padding: 0 1.25rem;}
.contactOne .re .subBox .yzm img {width: 7.5rem; height: 2.875rem;position: absolute; right: .625rem;top: 12%;}
.contactOne .re .subBox button {width: 20%; height: 3.75rem;  min-height: 40px; background: #0a6fb7; color: #fff; cursor: pointer; font-size: var(--font14);}

.contactOne .le .links {display: none;}
.contactOne .le .links ul {display: grid; grid-template-columns: repeat(6,auto); gap: 1rem; margin-top: 1.875rem;    justify-content: flex-start;}
.contactOne .le .links ul li {position: relative;}
.contactOne .le .links ul li > a {width: 3.25rem; height: 3.25rem;min-width: 40px;min-height: 40px; background: rgba(55, 55, 53,.05); border-radius: 50%;transition: .5s;}
.contactOne .le .links ul li:nth-child(2) {padding-bottom: .625rem;}
.contactOne .le .links ul li:nth-child(2) a svg {max-width: 70%;}
.contactOne .le .links ul li > a svg {max-width: 50%; margin: auto;}
.contactOne .le .links ul li > a svg path {transition: .5s;}
.contactOne .le .links ul li:hover > a {background: #0B70B8;}
.contactOne .le .links ul li:hover > a img {filter: brightness(100); -webkit-filter:brightness(100);}
.contactOne .le .links ul li:hover > a svg path {fill: #fff;}
.contactOne .le .links ul li .emailBox {position: absolute; left: 50%; top: 100%; transform: translate(-50%) translateY(100%); background: #e5e5e5; padding: .1rem .15rem; border-radius: 30px; transition: .5s; opacity: 0; visibility: hidden;} 
.contactOne .le .links ul li .emailBox::after {content: "";-webkit-clip-path: polygon(50% 0, 0% 100%, 100% 100%);clip-path: polygon(50% 0, 0% 100%, 100% 100%);     position: absolute;left: 50%;top: -35%; transform: translate(-50%); width: .25rem;height: .25rem;background: #e5e5e5;}
.contactOne .le .links ul li:hover .emailBox {opacity: 1; visibility: visible; transform: translate(-50%) translateY(25%);}
.contactOne .le .links ul li .emailBox:hover a {color: #0B70B8;}


.nynews-list ul {display: block; padding: 0; gap: 0;}
.nynews-list li a {display: flex; background: #f5f5f5; align-items: center; padding: 1.25rem;}
.nynews-list ul li .imgBox {width: 40%;}
.nynews-list ul li .imgBox img {width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.nynews-list ul li .info {padding: 0.5rem 2rem; width: 45%;}
.nynews-list ul li .info .time {margin-top: 1rem;}