#c-placeholder {height: 6rem;}
header {position: sticky; left: 0; top: 0; z-index: 99; width: 100%; transition: .5s; background: #fff;}
.headBox {padding: 0 3.5%; height: 6rem; position: relative; z-index: 1; transition: .5s; border-bottom: 1px solid #eee;}
.headBox .box {height: 100%;}
.headBox .logo {padding: 1rem 0;height: 100%;}
.headBox .logo a {height: 100%;}
.headBox .logo .logo1 {display: none;}
.headBox .logo img {min-height: 50%; max-height: 100%; object-fit: contain; width: 100%;}
.headBox .le {height: 100%; flex-shrink: 0; max-width: 33%;}
.headBox .re {height: 100%; gap: 3.75rem; flex: 1; justify-content: flex-end;}
.headBox .re .xian {height: 1.375rem; width: 1px; background: #fff; opacity: .5;}

/* 导航 */
/* 取消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 {height: 100%; width: 65%; position: static;}
nav > ul {display: flex; height: 100%; align-items: center;justify-content: space-between; position: static !important;}
nav .layui-nav .layui-nav-item {display: flex; height: 100%; align-items: center; z-index: 1; position: static;}
nav .layui-nav .layui-nav-item > a {color: #333;position: relative; z-index: 1; font-size: var(--font18); font-weight: 600; transition: 0.5s;}
nav .layui-nav .layui-nav-item > a i {display: none;}
nav .layui-nav .layui-nav-item > a::before {background: url(../images/head-nav-icon.png) no-repeat center; background-size: 100% 100%; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%) scale(0); width: 200%;height: 200%; transition: .5s; content: ''; position: absolute;opacity: 0; }
nav .layui-nav .layui-nav-item:nth-child(2) > a::before {background-size: 70% 100%;}
nav .layui-nav .layui-nav-item:nth-child(3) > a::before {background-size: 60% 100%;}
nav .layui-nav .layui-nav-item:nth-child(5) > a::before {background-size: 80% 100%;}
nav .layui-nav .layui-nav-item:hover > a , nav .layui-nav .layui-this > a {color: #0053A1;}
nav .layui-nav .layui-nav-item > a:hover::before , nav .layui-nav .layui-this > a::before {transform: translateX(-50%) translateY(-50%) scale(1);opacity: 1;}
nav .layui-nav > .layui-this:after , nav .layui-nav-bar {display: none;}

/* 二级导航 */
nav ul li .navTwo {position: fixed; border-top: 1px solid #eee; left: 0; background: #ffffff; box-shadow: 0px .313rem .625rem -0.313rem rgba(0,0,0,0.12); top: 6rem; padding: 2.5rem 10%; width: 100%; display: none;}
nav ul li .navTwo .box {display: flex;justify-content: space-between; align-items: flex-start;}
nav ul li .navTwo .box .imglist {width: 45%;}
nav ul li .navTwo .box .imglist .imgBox {display: none;}
nav ul li .navTwo .box .imglist .imgBox img {width: 100%; height: 100%; object-fit: cover;}
nav ul li .navTwo .box .list {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; width: 50%;}
nav ul li .navTwo .box .list .item {width: 48%; border-bottom: 1px solid #eee; position: relative;}
nav ul li .navTwo .box .list .item a {color: #333;font-size: var(--font16);padding: 1rem; padding-left: 0;}
nav ul li .navTwo .box .list .item::after {content: ''; position: absolute; left: 0; bottom: 0; width: 0%; height: .125rem; background: #161F8B; transition: .5s; }
nav ul li .navTwo .box .list .item.layui-this a {color: #161F8B;}
nav ul li .navTwo .box .list .item.layui-this::after {width: 100%;}
/* 下拉 */
.navDown {position: absolute; left: 0; top: 100%; width: 100%;background: #f5f5f5; border-top: 1px solid #F1F1F1; padding: 2.5rem 0; display: none;}
.navDown .nav_box {display: grid; grid-template-columns: repeat(3,1fr); gap: 2.25rem;}
.navDown .nav_box .item a {display: flex; background: #fff; transition: .5s;}
.navDown .nav_box .item .icBox {width: 4.375rem; flex-shrink: 0; display: flex; align-items: center; justify-content: center; background: #0053a1; min-height: 4.375rem;}
.navDown .nav_box .item .icBox img {width: 30%;}
.navDown .nav_box .item span {flex: 1; display: flex; align-items: center; padding: .625rem; font-size: var(--font20); color: #333;}
.navDown .nav_box .item a:hover {  box-shadow: 0px 0px 8.5px 1.5px rgba(0, 46, 90, 0.49);}


/* 语言 */
.headluange {height: 100%;}
.headluange .layui-nav {height: 100%;}
.headluange .layui-nav .layui-nav-item {height: 100%; display: flex; }
.headluange .layui-nav .layui-nav-item > a {display: flex; gap: .5rem;align-items: center;}
.headluange .layui-nav .layui-nav-item > a img {width: 1.25rem;}
.headluange .layui-nav .layui-nav-item > a span {font-size: var(--font18); color: #666; font-weight: 700;}
.headluange .layui-nav .layui-nav-item > a .jt {width: .5rem; height: .5rem; background: #0053A1; clip-path: polygon(50% 100%, 0 0, 100% 0);}
.headluange .layui-nav .layui-nav-item > a .layui-icon.layui-nav-more {display: none;}
.headluange .layui-nav .layui-nav-item .layui-nav-child {top: 100%; line-height: initial;min-width: 6.25rem;}
.headluange .layui-nav .layui-nav-item .layui-nav-child a {font-size: var(--font14); padding: .625rem 0;}

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

/* .header.c-style2 .headBox { background: #0053A1;} */

/* .header.c-style2 .headBox {height: 6.25rem;} */
/* .header.c-style2 .headBox .logo1 {display: block;}
.header.c-style2 .headBox .logo2 {display: none;} */
/* .header.c-style2 nav .layui-nav > .layui-nav-item > a {color: #333333;} */
/* .header.c-style2 .layui-nav > .layui-nav-item > a:hover, .layui-nav > .layui-this > a {color: #333;} 
.header.c-style2 nav .layui-nav .layui-nav-item > a::before {background-color: #333;} */
/* .header.c-style2 .head_search img {filter: brightness(0); -webkit-filter:brightness(0);} */
/* .header.c-style2 .headluange a {color: #333;}
.header.c-style2 .headBox .re .xian {background: #333;}
.header.c-style2 .mobmenu dl dd {background: #333;}
.header.c-style2 .mobmenu h4 {color: #333;} */
/* =================头部 end!!!=================== */


/* ===============公用css end!!!!===================*/
.more1 {background: #0053A1;padding: 1.1rem 1.875rem; font-size: var(--font18); color: #fff; text-transform: uppercase; display: inline-block; transition: .5s; }
@media (any-hover: hover) {
 .more1:hover {background: #0053A1; color: #fff; border-color: #0053A1; box-shadow: 0 0 0 .625rem rgba(0, 83, 161, 0.2);}
}

.indexBanner {position: relative; overflow: hidden;}
.indexBanner .swiper {}
.indexBanner .slide .bjBox {}
.indexBanner .slide .bjBox img {width: 100%; max-height: 100vh; min-height: 20rem;  object-fit: cover;  transition: 1s linear 2s;transform: scale(1.1, 1.1);}
.indexBanner .slide .box {}
.indexBanner .slide .con {}
.indexBanner .slide .con .p1 {line-height: 1.2;}
.indexBanner .slide .con .p2 {margin-top: 3.75rem; max-width: 50%;}
.indexBanner .slide .more {margin-top: 4.375rem;}
/* 当前 */
.indexBanner .swiper-slide-active .bjBox img, .indexBanner .swiper-slide-duplicate-active .bjBox img {transition: 6s linear;transform: scale(1, 1);}
/* 控件 */
.indexBanner .pagtion {bottom: 5%;}
.indexBanner .pagtion span {width: 3.125rem; height: 2px;background: #FFFFFF;opacity: .5; border-radius: 0;}
.indexBanner .pagtion .swiper-pagination-bullet-active {background: #0053A1;}
.indexBanner .swjt {width: 3.875rem; height: 3.875rem; border: 2px solid #0053A1; transition: .5s;}
.indexBanner .swjt i {color: #fff; font-size: var(--font16);}
.indexBanner .swjt.swiper-button-next {right: 5%;}
.indexBanner .swjt.swiper-button-prev {left: 5%;}
.indexBanner .swjt:active {background: #fff;}
.indexBanner .swjt:active i {color: #0053A1;}
@media (any-hover: hover) {
  .indexBanner .swjt:hover {background: #fff;}
  .indexBanner .swjt.swiper-button-next:hover i, .indexBanner .swjt.swiper-button-prev:hover i {color: #0053A1;}
}

.indexTle .t1 {position: relative; font-weight: 700; display: inline-flex; align-items: center;}
.indexTle .t1::before {content: ''; width: .625rem; height: .625rem;background: #0053A1; display: inline-block; margin-right: .625rem;}

.indexOne {background: rgba(242, 242, 242,.2); padding-top: 6.25rem; position: relative; overflow: hidden;}
.indexOne .tle {width: auto;}
/* 缩略图 */
.indexOne .thumbBox {width: 73%;}
.indexOne .thumbBox .swiper {width: 100%;}
.indexOne .thumbBox .slide {width: auto; cursor: pointer;}
.indexOne .thumbBox .slide .tit { font-size: var(--font20); background: #DEDEDE;padding: 1.625rem; transition: .5s;}
 .indexOne .thumbBox .slide .tit a{color: #333;}
.indexOne .thumbBox .slide.swiper-slide-thumb-active .tit {background: #0053A1; color: #fff;}
.indexOne .thumbBox .slide:hover .tit {background: #0053A1; color: #fff;}
.indexOne .thumbBox .slide:hover .tit a{color: #fff;}
.indexOne .swiperBox {margin-top: 3.75rem;   position: relative; overflow: hidden;}
.indexOne .swiperBox > .out_swiper  {overflow: visible;padding-bottom: calc(6% + 12rem);}
.indexOne .swiperBox > .swiper > .swiper-wrapper > .slide:first-child {transform: none !important;}
.indexOne .in_swiper {overflow: visible;    }
.indexOne .in_swiper .slide { transform: translate3d(0px, 0px, 0px);}
.indexOne .in_swiper .slide .imgBox {position: relative; padding-bottom: 84%; overflow: hidden; background: #f5f5f5;}
.indexOne .in_swiper .slide .imgBox img {width: 100%; position: absolute; inset: 0; object-fit: cover; height: 100%; transition: .5s;}
.indexOne .in_swiper .slide {width: auto;transform-origin: center top; transform: scale(.7); transition: .5s;     }
.indexOne .in_swiper .slide .con {position: absolute; width: 100%; top: 100%; text-align: center; visibility: hidden; opacity: 0; transition: .5s;}
.indexOne .in_swiper .slide .con .p1 {color: #333; font-size: var(--font20); padding-top: 1.25rem;}
.indexOne .in_swiper .slide .con .p2 {color: #333;}
.indexOne .in_swiper .slide.swiper-slide-visible {transform: scale(.7) translateX(-22%); }
.indexOne .in_swiper .slide.swiper-slide-next + .swiper-slide-visible {transform: scale(.7) translateX(22%);}
.indexOne .in_swiper .slide.swiper-slide-prev {transform: scale(1) translateX(-25%);}
.indexOne .in_swiper .slide.swiper-slide-next {transform: scale(1) translateX(25%);}
.indexOne .in_swiper .slide.swiper-slide-active {transform: scale(1.4) translateX(0%);}
.indexOne .in_swiper .slide.swiper-slide-active .con {opacity: 1; visibility: visible; transition-delay: .5s;}
@media (any-hover: hover) {
  .indexOne .in_swiper .slide:hover .imgBox img {transform: scale(1.1);}
}
.indexOne .swiper-fade .swiper-slide {pointer-events: auto !important;}
.indexOne {text-align: center;}
.indexOne .more {z-index: 1; position: relative; display: inline-block;}
/* 控件 */
.indexOne .swjt {width: 3.875rem; height: 3.875rem; margin: 0; bottom: auto; top: calc(200% - .75rem); border: 2px solid #0053A1; transition: .5s; z-index: 3;}
.indexOne .swjt i {color: #666; font-size: var(--font16);}
.indexOne .swjt.swiper-button-next {right: 5%;}
.indexOne .swjt.swiper-button-prev {left: 5%;}
.indexOne .swjt:active {background: #0053A1;}
.indexOne .swjt:active i {color: #fff;}
@media (any-hover: hover) {
  .indexOne .swjt:hover {background: #0053A1;}
  .indexOne .swjt.swiper-button-next:hover i, .indexOne .swjt.swiper-button-prev:hover i {color: #fff;}
}

.indexTwo {background: #fff; padding: 15rem 0 6.875rem; transform:  translateY(calc(-3.875rem / 2)); position: relative; z-index: 0; overflow: hidden;}
.indexTwo .indexTle .t2 {line-height: 1.2;}
.indexTwo .imgBox {position: absolute; right: 0; top: calc(50% + 4rem); transform: translateY(-50%);width: 46%;}
.indexTwo .imgBox img {width: 100%;}
.indexTwo .left {width: 51%;}
.indexTwo .text {padding-top: .625rem;}
.indexTwo .text p {margin-top: 1.875rem;}
.indexTwo .numlist {margin-top: 3.125rem;}
.indexTwo .numlist ul {display: flex; justify-content: space-between;}
.indexTwo .numlist li .num {display: flex;  align-items: flex-end; line-height: .9;}
.indexTwo .numlist li .counter {font-size: 2.625rem; color: #0053A1; font-weight: 700;}
.indexTwo .numlist li .dw {color: #666666; margin-left: .5rem;}
.indexTwo .numlist li .txt {margin-top: .75rem; font-weight: 700;}
.indexTwo .more {margin-top: 6.25rem;}

.indexThre {background: #FCFCFC; padding: 3.75rem 0 6.25rem;}
.indexThre .tle {gap: 2rem;}
.indexThre .indexTle .t2 {line-height: 1.2;}
.indexThre .swiperBox {margin-top: 3.75rem; position: relative;}
.indexThre .swiper {position: static;}
.indexThre .slide {background: #FFFFFF; height: auto; padding: 2.25rem; padding-top: 3.75rem;}
.indexThre .slide .p1 p {color: #646464; transition: .5s;}
.indexThre .slide .more {margin-top: 1.875rem;}
.indexThre .slide .time {margin-top: 6.875rem; border-top: 1px solid #F2F2F2; padding-top: 1.25rem; display: flex; align-items: flex-end; line-height: .8; color: #646464;}
.indexThre .slide .time .year {margin-left: .313rem;}
@media (any-hover: hover) {
  .indexThre .slide .p1:hover p {color: #0053A1;}
}
/* 控件 */
.indexThre .pagtion {bottom: -10%;}
.indexThre .pagtion .swiper-pagination-bullet {}
.indexThre .pagtion .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #0053A1;}
.indexThre .swjt {width: 3.875rem; height: 3.875rem; border: 2px solid #0053A1; transition: .5s;}
.indexThre .swjt i {color: #666; font-size: var(--font16);}
.indexThre .swjt.swiper-button-next {right: 0; transform: translateX(150%);}
.indexThre .swjt.swiper-button-prev {left: 0%; transform: translateX(-150%);}
@media (any-hover: hover) {
  .indexThre .swjt:hover {background: #0053A1;}
  .indexThre .swjt.swiper-button-next:hover i, .indexThre .swjt.swiper-button-prev:hover i {color: #fff;}
}


/* ======================底部 */
.footer {background: #021743;}
.foter_top {padding: 3.75rem 0; border-bottom: 1px solid rgba(255, 255, 255, .4);}
.foter_top .foter_logo {max-width: 35%;}
.foter_top .foter_logo img {width: 100%;}
.foter_top .nav {width: 46%;}
.foter_top .nav a {font-size: var(--font18); color: #fff; font-weight: 700;}

.foterBox {display: flex; justify-content: space-between; padding: 7.5rem 0;}
.foternav dl dt {font-size: var(--font20); color: #fff; font-weight: 700; padding-bottom: 2.25rem;}
.foternav dl dd {margin-top: .625rem;}
.foternav dl dd a {color: #EAEAEA;}
.foter_us {width: 30%;}
.foter_us dl dt {font-size: var(--font20); color: #fff; font-weight: 700; padding-bottom: 2.25rem;}
.foter_us dl dd {display: flex; align-items: flex-start; color: #EAEAEA; line-height: 2;}
.foter_us dl dd a {color: #EAEAEA;}
@media (any-hover: hover) {
  .foternav dl dd a:hover {color: #fff; font-weight: 700;}
}

.foter_form {width: 40%;}
.foter_form .form {display: flex; flex-wrap: wrap; justify-content: space-between;}
.foter_form .form input::placeholder {color: #fff; font-weight: 700;}
.foter_form .form input::-webkit-input-placeholder {color: #fff; font-weight: 700;}
.foter_form .form input::-moz-placeholder{color: #fff; font-weight: 700;}
.foter_form .form input::-moz-placeholder {color: #fff; font-weight: 700;}
.foter_form .form input::-ms-input-placeholder {color: #fff; font-weight: 700;}
.foter_form .form textarea::placeholder {color: #fff; font-weight: 700;}
.foter_form .form textarea::-webkit-textarea-placeholder {color: #fff; font-weight: 700;}
.foter_form .form .inBox { margin-bottom: 1.25rem; width: 48%; position: relative;}
.foter_form .form .inBox label {position: absolute; top: 50%; transform: translateY(-50%); left: .5rem; font-size: var(--font14); color: #FF0000;}
.foter_form .form input , .foter_form .form textarea { border: 0; border-bottom: 1px solid #2D3D61; font-size: var(--font14); background: none; ; padding: 0 1.25rem; box-shadow: none; height: 3.75rem; color: #fff;}
.foter_form .form .inTxtBox , .foter_form .form .inSect {width: 100%;}
.foter_form .form .inSect dl dd {line-height: initial; padding: .625rem;}
.foter_form .form .inTxtBox textarea {resize: none; padding-top: 1.25rem;}
.foter_form .form .inCode {display: flex;width: 100%;}
.foter_form .form .inCode img { width: 7.5rem; object-fit: contain;}
/* #tactTwo .layui-form-select dl {top: 100%;}
#tactTwo .layui-form-selectup dl {top: auto; bottom: 100%;} */
.foter_form .form .sub {width: 100%; margin-top: 1.875rem;}
.foter_form .form .sub button {min-width: 11.25rem; height: 3.875rem; cursor: pointer; text-transform: capitalize; font-size: var(--font16); font-weight: 700; }

.copyRight {padding: 1.25rem 0; border-top: 1px solid rgba(255, 255, 255, .4);}
.copyRight p , .copyRight p a {color: rgba(255, 255, 255, .3);}
.copyRight p a:hover {color: #fff;}

/* ===============================================================================内页================================================================================= */
/* 内页banner */
.ny-banner {position: relative; overflow: hidden;}
.ny-banner .imgBox img {width: 100%;}

.aboutOne {padding: 6.25rem 0;}
.aboutOne .imgBox {width: 43.5%;}
.aboutOne .imgBox img {width: 100%;}
.aboutOne .right {width: 52%;}
.aboutOne .indexTle .t2 {line-height: 1.2;}
.aboutOne .text {padding-top: .625rem;}
.aboutOne .text p {margin-top: 1.875rem;}
.aboutOne .numlist {margin-top: 2.5rem; border-top: 1px solid #F2F2F2; padding: 1.5rem 0;  border-bottom: 1px solid #F2F2F2;}
.aboutOne .numlist ul {display: flex; justify-content: space-between;}
.aboutOne .numlist li .num {display: flex;  align-items: flex-end; line-height: .9;}
.aboutOne .numlist li .counter {font-size: 2.625rem; color: #0053A1; font-weight: 700;}
.aboutOne .numlist li .dw {color: #666666; margin-left: .5rem;}
.aboutOne .numlist li .txt {margin-top: .75rem; font-weight: 700;}

.aboutTwo {background: url(../images/aboutTwo-bj.jpg) no-repeat center; background-size: cover; background-attachment: fixed; padding: 12.5rem 0;}
.aboutTwo .more1 {border-color: #0053A1; min-width: 10.625rem;}

.aboutThre {position: relative; padding: 3.75rem 0 7.5rem;}
.aboutThre .left {width: 50%;}
.aboutThre .indexTle .t2 {line-height: 1.2;}
.aboutThre .text {padding-top: 1.25rem;}
.aboutThre .text p {margin-top: 1.875rem;}
.aboutThre .right {position: relative; width: 38%;}
.aboutThre .right .dh {position: absolute; width: 3.5rem;}
.aboutThre .right .dh1 {left: -20%; top: 5%;}
.aboutThre .right .dh2 {right: -20%; bottom: 5%;}
.aboutThre .right .dh2 img {transform: rotateY(180deg);}
.aboutThre .right img {width: 100%;}
.aboutThre .right .img2 {position: absolute; width: 42%; bottom: -3%; left: -13%;}
.aboutThre .right .img3 {position: absolute; width: 55%; right: -27%; top: 10%;}

.aboutFour {padding: 3.75rem 0; background: #F6F6F6;}
.aboutFour .list {margin-top: 3.75rem;}
.aboutFour .list ul {display: grid; grid-template-columns: repeat(4,1fr); gap: 2.25rem;}
.aboutFour .list li {background: #fff; padding: 1.25rem;}
.aboutFour .list li .imgBox {position: relative; padding-bottom: 70%; overflow: hidden;}
.aboutFour .list li .imgBox img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.aboutFour .list li .txt {margin-top: 1rem; font-size: var(--font20); color: #333; text-align: center;}
.aboutFour .list li:hover .imgBox img {transform: scale(1.1);}

.aboutFive {padding: 4.375rem 0 12.5rem;}
.aboutFive .swiperBox {margin-top: 5.625rem; position: relative;}
.aboutFive .swiper {position: static;}
.aboutFive .slide {text-align: center;}
.aboutFive .slide:nth-child(2n) {margin-top: 3.125rem;}
.aboutFive .slide a {background: #F2F2F2; padding: .75rem; height: 20.75rem; display: flex; align-items: center; justify-content: center;}
.aboutFive .slide img {width: 100%; height: 100%; object-fit: contain; transition: .5s;}
.aboutFive .slide .info {margin-top: 1rem;}
/* 控件 */
.aboutFive .pagtion {bottom: -5rem; top: auto; background: #F2F2F2;}
.aboutFive .pagtion .swiper-pagination-progressbar-fill {background: #0053A1;}
.aboutFive .swjt {width: 3.875rem; height: 3.875rem; border: 2px solid #C3C3C3; transition: .5s;}
.aboutFive .swjt i {color: #C3C3C3; font-size: var(--font16);}
.aboutFive .swjt.swiper-button-next {right: 0; transform: translateX(150%);}
.aboutFive .swjt.swiper-button-prev {left: 0%; transform: translateX(-150%);}
@media (any-hover: hover) {
  .aboutFive .swjt:hover {background: #0053A1; border-color: #0053A1;}
  .aboutFive .swjt:hover i{color: #fff;}
  .aboutFive .slide a:hover img {transform: scale(1.05);}
}

/* ==========产品中心 */
.proMain {}
.proOne {padding: 6.25rem 0;}
.proOne .box {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;}
.proOne .box .le {width: 27%; min-width: 12.5rem; position: sticky; top: 7rem;}
.proOne .box .re {flex: 1; position: relative; padding-left: 4.375rem;}

/* 左侧产品栏目 */
.proOne .box .le .form {margin-top: 5rem;}
.proOne .box .le .form input {background: #EEEEEE; height: 3.75rem; padding: 0 1.75rem; width: 100%;}
.proOne .box .le .form input::placeholder {color: #C3C3C3;}
.proOne .menu {margin-top: 3.75rem;}
.proOne .menu ul {}
.proOne .menu li {margin-bottom: 1.25rem;}
.proOne .menu li .menu-li {cursor: pointer;  z-index: 1; position: relative; display: flex; align-items: flex-start;}
.proOne .menu li .menu-li a {color: #333; padding-top: .125rem; font-size: var(--font20); font-weight: 700; position: relative; }
.proOne .menu li .menu-li .fk {content: ''; flex-shrink: 0; display: inline-block; width: 2.375rem; height: 2.375rem; background: #D8D8D8; margin-right: 1.75rem; transition: .5s;}
.proOne .menu li .menu-li.on .fk {background: #0053A1;}
.proOne .menu li .menu-li.ons .fk {background: #0053A1;}
.proOne .menu li .s-menu {width: 100%; padding: 1.25rem 0; padding-left: calc( 2.375rem + 1.75rem); position: relative; z-index: 0; display: none; }
.proOne .menu li .s-menu .item {margin-bottom: .625rem;}
.proOne .menu li .s-menu a {width: 100%; color: #7B7B7B;transition: all ease-out 0.3s; position: relative;}
.proOne .menu li .s-menu a.on {color: #0053A1;}
.proOne .menu li .s-menu.on {display: block;}
.proOne .menu li .s-menu.ons {display: block;}

@media (any-hover: hover) {
  .proOne .menu li .menu-li:hover .fk {background: #0053A1;}
  .proOne .menu li .s-menu a:hover {color: #0053A1;}
}

/* 左侧联系我们 */
.proOne .le .le_us {margin-top: 3.75rem; border-top: 1px solid #D8D8D8; padding-top: 3.125rem;}
.proOne .le .le_us dt {margin-bottom: 2.5rem;}
.proOne .le .le_us dd {margin-top: 1.25rem; display: flex; align-items: flex-start; font-weight: 700;}
.proOne .le .le_us dd .icBox {width: 1.25rem; flex-shrink: 0; margin-top: .313rem; display: flex; align-items: center; justify-content: center; margin-right: .625rem;}
.proOne .le .le_us dd .icBox img {width: 100%;}
.proOne .le .le_us dd a {color: #333;}
.proOne .le .le_us dd a:hover {color: #0053A1;}

/* 右侧产品列表 */
.proOne .re .desc {text-align: right; width: 66%; margin-left: auto;}
.proOne .list {margin-top: 6rem;}
.proOne .list ul {display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem;}
.proOne .list li {background: #fff;overflow: hidden; border: 1px solid #F2F2F2;}
.proOne .list li .imgBox {position: relative; overflow: hidden; padding-bottom: 80%;}
.proOne .list li .imgBox img {position: absolute; inset: 0; width: 100%;height: 100%; object-fit: cover; transition: .5s;}
.proOne .list li .txt {padding: 1.5rem .625rem; text-align: center; font-size: var(--font20); color: #333;}
.proOne .list li:hover .imgBox img {transform: scale(1.1);}

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

/* 产品详情 */
.proDateOne {background: #F2F2F2; padding: 2.5rem 0;}
.proDateOne .left {width: 52%;}
.proDateOne .right {width: 40%;}
.proDateOne .right img {width: 100%;}
.proDateOne .left .p2 {border-top: 1px solid #D8D8D8; border-bottom: 1px solid #D8D8D8; margin-top: 1.25rem; padding: 1.5rem 0; }
.proDateOne .left .p3 {margin-top: 1.875rem;}
.proDateOne .left .more {margin-top: 1.875rem;}
.proDateOne .left .more a {min-width: 10.625rem;}

.proDateTwo .left .le {}
.proDateTwo .box .le .form {margin-top: 0;}
.proDateTwo .list {margin-top: 0;}
.proDateTwo .info {background: #F2F2F2; padding: 1.25rem;}
.proDateTwo .box .re {padding-left: 2.5rem;}
.proDateTwo .box .re img {max-width: 100%; height: auto !important;}

.proDateThre {background: #F2F2F2; padding: 4.375rem 0 6.25rem;}
.proDateThre .swiperBox {margin-top: 4.375rem; position: relative;}
.proDateThre .swiper {position: static;}
.proDateThre .slide {background: #fff; height: auto;}
.proDateThre .slide .imgBox {position: relative; overflow: hidden; padding-bottom: 80%;}
.proDateThre .slide .imgBox img {position: absolute; inset: 0; width: 100%;height: 100%; object-fit: cover; transition: .5s;}
.proDateThre .slide .txt {padding: 1.5rem .625rem; text-align: center; font-size: var(--font20); color: #333;}
.proDateThre .slide:hover .imgBox img {transform: scale(1.1);}
/* 分页器 */
.proDateThre .swiper-pagination {bottom: -3rem;}
.proDateThre .swiper-pagination-bullet-active {background: #0053A1;}


/* =====================新闻中心 */
.news_nav {border-bottom: 1px solid #F2F2F2; padding: 2.625rem 0;}
.news_nav ul {display: flex; gap: 5rem;}
.news_nav ul li a {font-size: var(--font24); color: #333; transition: .5s; text-transform: uppercase;}
.news_nav ul li:hover a {color: #0053A1; font-weight: 700;}
.news_nav ul li.on a {color: #0053A1; font-weight: 700;}

.newslist {padding: 3.75rem 0;}
.newslist .list li {padding: 2rem; transition: .5s; margin-bottom: 2.5rem;}
.newslist .list li:hover {background: #F2F2F2;}
.newslist .list li a {display: flex; justify-content: space-between; align-items: center;}
.newslist .list li .imgBox {width: 25%;}
.newslist .list li .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.newslist .list li .con {width: 50%;}
.newslist .list li .c1 {color: #0053A1; font-size: var(--font18); font-weight: 700;}
.newslist .list li .c2 {color: #666; font-size: var(--font15); margin-top: 1rem;}
.newslist .list li .time {margin-top: 3.125rem; display: flex; align-items: flex-end; line-height: .8; color: #646464;}
.newslist .list li .time .days {font-weight: 700; color: #666666;}
.newslist .list li .time .year {margin-left: .313rem;}

/* 新闻详情 */
.newsDateOne {padding: 5rem 0;}
.newsDateOne .tips {margin-top: 1.875rem; padding-bottom: 1rem; border-bottom: 1px solid #F2F2F2; gap: 3.75rem;}
.newsDateOne .tips .item {display: flex; align-items: center;}
.newsDateOne .tips .item .icBox img {width: .75rem;}
.newsDateOne .tips .item  span {font-size: var(--font14); color: #666; margin-left: .625rem;}
.newsDateOne .con {padding: 2.5rem 0;}
.newsDateOne .con img {max-width: 100%; height: auto !important;}

.page_fy {display: flex; justify-content: space-between; margin-top: 4.375rem; padding-bottom: 3.75rem; border-bottom: 1px solid #F2F2F2;}
.page_fy .item {width: 45%;}
.page_fy .item a {display: flex; align-items: center; justify-content: space-between; background: #F1F1F1; padding: 1.25rem;}
.page_fy .item a i {color: #333;font-size: var(--font18); font-weight: 700;}
.page_fy .item a {color: #333;}
.page_fy .item .imgBox {width: 20%; margin: 0 1.75rem; overflow: hidden;}
.page_fy .item .imgBox img {width: 100%; transition: .5s;}
.page_fy .item.next .imgBox {margin-left: 0;}
.page_fy .item.next i {transform: rotate(180deg);}
.page_fy .item.next .tit {margin-right: 1.75rem;}
@media (any-hover: hover) {
  .page_fy .item:hover .tit {color: #0053A1;}
  .page_fy .item:hover .imgBox img {transform: scale(1.1);}
}


/* =====================联系我们 */
.tactOne {padding: 6.25rem 0;}
.tactOne ul li{width: calc(100% / 3); text-align: center;}
.tactOne ul li .icon {margin-bottom: 1.875rem; height: 3.125rem; display: flex; align-items: center; justify-content: center;}
.tactOne ul li .icon img {max-height: 100%; min-height: 90%;}
.tactOne ul li b {margin-bottom: 1.875rem; display: block;}