/* =====头部===== */ 
body {}
#c-placeholder {height: 1rem; min-height: 70px;}

.header {position: fixed; width: 100%; left: 0; top: 0; z-index: 99; transition: .5s;}
.headBox {height: 1rem; min-height: 70px; display: flex; justify-content: space-between; padding-left: 2%;border-bottom: 1px solid rgba(242, 242, 242,.1); box-sizing: border-box;  box-sizing: border-box;}
.header .logo1 {display:  block;}
.header .logo2 {display: none;}
.header .headBox .logo img {width: 100%; max-width: 2rem;}

/* 导航栏 */
nav {width: 50%;}
nav ul {display: flex; height: 100%; justify-content: space-between;}
nav li {display: flex; align-items: center; position: relative;}
nav li > a {color: #fff; transition: .5s;}
nav li > a span {position: relative;}
nav li > a span::after {content:""; position: absolute; bottom: -.1rem; left: 0; background: #fff; height: 2px; width: 0;transition: .5s;}
nav li:hover > a span::after {width: 100%;}
nav li.on > a span::after {width: 100%;}
/* 头部右侧 */
.headRe {display: flex;}
.headus {display: flex; align-items: flex-start; flex-direction: column; justify-content: center;}
.headus .item {display: flex; align-items: center;}
.headus .item .icBox {margin-right: .1rem;}
.headSearch {padding: 0 .4rem; height: 101%; box-sizing: border-box;background: #01008c; margin-left: .4rem; flex-shrink: 0; cursor: pointer;}
/* 下拉 */
.navTwo {line-height: initial; min-width: 140px; width: max-content;position: absolute; left: 50%; top: 100%; transform: translate(-50%, 15%); z-index: 10;opacity: 0;pointer-events: none;transition: all 0.4s;}
.navTwo .innavBox {display: flex; justify-content: center; padding:.1rem .2rem; background: #fff;border-radius: 0.1rem;box-shadow: 0 .1rem .2rem 0 rgba(0, 0, 0, 0.15);}
.navTwo.on {opacity: 1;pointer-events: auto; transform: translate(-50%, 0%);}
.navTwo dl dd {margin: .15rem 0;}
.navTwo dl dd a {display: flex;align-items: center; transition: .4s; color: #666666;}
.navTwo dl dd span {transition: .4s;}
.navTwo dl dd a i {margin-right: .1rem;}
.navTwo dl dd a i svg path {transition: .5s;}
.navTwo dl dd:hover span {color: #01008c;}
.navTwo dl dd:hover svg path {fill: #01008c;}
/* 搜索下拉 */
.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: #01008c;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-head-move {-webkit-transform: translateY(-100%);transform: translateY(-100%);} */
.header.c-style2 {background: #fff !important; }
.header.c-style2 .headBox {border-color: #eee;}
.header.c-style2 nav ul li > a  {color: #333;}
.header.c-style2 nav ul li > a span::after {background: #01008C;}
.header.c-style2 nav ul li > a i path {fill: #333;}
.header.c-style2 nav ul li.on > a  {color: #01008C;}
.header.c-style2 .headus .item span {color: #333;}
.header.c-style2 .headus .item span a {color: #333;}
.header.c-style2 .headus .item .icBox img {filter: brightness(0); -webkit-filter:brightness(0);}

.header.c-style3 {background: #fff;}
.header.c-style3 nav ul li > a  {color: #333;}
.header.c-style3 nav ul li > a span::after {background: #01008C;}
.header.c-style3 nav ul li > a i path {fill: #333;}
.header.c-style3 nav ul li.on > a  {color: #01008C;}
.header.c-style3 .headus .item span {color: #333;}
.header.c-style3 .headus .item span a {color: #333;}
.header.c-style3 .headus .item .icBox img {filter: brightness(0); -webkit-filter:brightness(0);}

.header.c-style2 .mobmenu dl dd {background: #333;}
.header.c-style2 .mobmenu h4 {color: #333;}
.header.c-style3 .mobmenu dl dd {background: #333;}
.header.c-style3 .mobmenu h4 {color: #333;}

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



/* ===============公用css end!!!!===================*/
.more1 {border: 1px solid rgba(255, 255, 255,.2); padding: .05rem .1rem; padding-left: .2rem; box-sizing: border-box; position: relative; z-index: 1;}
.more1 {display: inline-flex; align-items: center;}
.more1 .jt {width: 0.44rem;height: 0.44rem; background: #fff;}
.more1 span {position: relative; margin-right: .36rem; color: #FEFEFE; transition: .5s;}
.more1 span i {position: absolute; left: 0%; top: 50%; transform: translate(-0%, -50%);}
.more1 span i img {max-width: .4rem;}
.more1::after {content: ""; background: #fff; position: absolute;width: 0; height: 100%; left: 0; top: 0; transition: .5s; z-index: -1;}
.more1:active::after {width: 100%;}
.more1:active span {color: #01008C;}

.more2 {border-color: rgba(51, 51, 51,.2);}
.more2 span {color: #333;}
.more2 .jt {background: #01008c;}
.more2::after {background: #01008C;}
.more2 svg path {fill: #fff;}
.more2:active span {color: #fff;}

.more3 {display: inline-flex; align-items: center; padding: .12rem .2rem;background: #00008b;border-radius: 60px; transition: .5s;}
.more3 span {margin-right: .15rem;}
.more3:hover {box-shadow: 0 0 .1rem #00008b;}

@media (any-hover: hover) {
  .more1:hover::after {width: 100%;}
  .more1:hover span {color: #01008C;}
  .more2:hover span {color: #fff;}
}

/* ======首页======= */
.indexSwiper {height: 100vh;}
.indexslide {height: 100%; position: relative; overflow: hidden;}
.indexslide .bjBox {height: 100%;position: absolute; width: 100%;left: 0;top: 0; z-index: -1;}
.indexslide .bjBox img {width: 100%; height: 100%; object-fit: cover;}



/* ===第一屏=== */
.inOneSwiper {height: 100%;}
.inOneSwiper .box {display: flex; align-items: center;height: 100%;}
.inOneSwiper .w1500 {height: 100%;}
.inOneSwiper .con {margin-top: 0%;}
.inOneSwiper .con .more {margin-top: .6rem;}
.inOneSwiper .slide {overflow: hidden;}
.inOneSwiper .slide-inner {position: absolute; top: 0; left: 0; z-index: -1; height: 100%;width: 100%;}
.inOneSwiper .slide-inner img {width: 100%; height: 100%; object-fit: cover;}
/* 控件 */
.inOneSwiper .pagetion {top: auto;}
.inOneSwiper .pagetion span {display: inline-block !important; width: 1rem; height: 9px; background: #fff; border-radius: 90;}

/* ===第二屏=== */
.indexTle em {color: #000; position: relative; display: inline-flex; align-items: center;}
.indexTle em::before {content: ""; display: block; width: 0.56rem;height: 1px; background: #01008c; margin-right: .1rem;}
.indexTle .tit {line-height: 1.1;}
.indexTle .tit b {display: block; color:#034ea2;}

.inslideTwo {padding: 14vh 0 .7rem;} 
.inslideTwo .tit b {display: inline-block;    color: #034ea2;}
.inslideTwo .box {display: flex; justify-content: space-between; align-items: center;}
.inslideTwo .con {width: 50%;}
.inslideTwo .con .text {margin-top: .6rem;}
.inslideTwo .con .text p {margin-top: .3rem;}
.inslideTwo .con .more {margin-top: .75rem;}
.inslideTwo .imgBox {width: 45%; position: relative; z-index: 1;}
.inslideTwo .imgBox img {max-width: 100%;}
.inslideTwo .imgBox::after {content: ""; height: 1.19rem;background: #01008c; width: 0%; right: -.3rem; position: absolute; bottom: -.3rem; z-index: -1; transition: 1s; display: none;}
.inslideTwo .list {margin-top: .9rem;}
.inslideTwo .list ul {display: flex; justify-content: space-between;}
.inslideTwo .list li {padding: .3rem; box-sizing: border-box; width: 23%; background: #fff;}
.inslideTwo .list li .icBox img {filter: grayscale(100%); -webkit-filter:grayscale(100%); max-width: .5rem;}
.inslideTwo .list li .num {margin-top: .3rem; display: flex; color:#034ea2; align-items: flex-end; line-height: .6; font-weight: 700;font-family: Arial, Arial-Black;}
.inslideTwo .list li .counter {}
.inslideTwo .list li span {display: block;margin-top: .15rem;}
.inslideTwo.swiper-slide-active .imgBox::after {width: 95%; transition-delay: .5s;}
.inslideTwo.on .imgBox::after {width: 95%; transition-delay: .5s;}
.inslideTwo .list li:hover .icBox img {filter: none; -webkit-filter:none;}
.inslideTwo .list li:hover .counter {filter: none; -webkit-filter:none; transition-delay: 0s; transition: 0s;}
.inslideTwo .list li:hover .num {color: #01008C;}
.inslideTwo .list li:hover span {color: #01008C;}
/* ===第三屏=== */
.inslideThre {padding: 20vh 0 1.2rem;}
.inslideThre .tleBox {display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap;}
.inslideThre .swiperBox {margin-top: .7rem; position: relative;}
.inThreSwiper {position: static;}
.inThreSwiper .slide {height: auto; }
.inThreSwiper .slide a {display: block; height: 100%;background: #ffffff;border: 1px solid #f2f2f2; border-radius: 6px; padding: .4rem; box-sizing: border-box;}
.inThreSwiper .slide .imgBox {overflow: hidden;}
.inThreSwiper .slide .imgBox img {width: 100%; transition: .5s;}
.inThreSwiper .slide .info {display: flex; justify-content: space-between; align-items: center; margin-top: .3rem;}
.inThreSwiper .slide .info h5 {color: #333;}
.inThreSwiper .slide .info span {color: #333;}
.inThreSwiper .slide .info .con {margin-right: .2rem;}
.inThreSwiper .slide .info .jt {width: 0.52rem;height: 0.52rem; border: 1px solid #666666; transition: .5s; flex-shrink: 0;}
.inThreSwiper .slide .info .jt svg path {fill: #666;}
/* 控件 */
.inThreSwiper .swjt {width: 0.71rem;height: 0.71rem;background: none; border: 1px solid #e5e5e5; transition: .5s; right: 0; transform: translateX(120%);}
.inThreSwiper .swjt svg path {fill: #999;}
.inThreSwiper .swjt.swiper-button-prev {transform: rotate(180deg) translateX(120%); left: 0; right: auto;}
.inThreSwiper .swjt:active {background: #01008C; border-color: #01008C;}
.inThreSwiper .swjt:active svg path {fill: #fff;}
.inThreSwiper .swiper-pagination {bottom: -.5rem; display: none;}
.inThreSwiper .swiper-pagination span {background: #01008C;}
@media (any-hover: hover) {
  .inThreSwiper .swjt:hover {background: #01008C; border-color: #01008C;}
  .inThreSwiper .swjt:hover svg path {fill: #fff;}
}
.inThreSwiper .slide a:hover .imgBox img {transform: scale(1.05);}
.inThreSwiper .slide a:hover .info .jt {background: #01008c; border-color: #01008C;}
.inThreSwiper .slide a:hover .info .jt svg path {fill: #fff;}

/* ===第四屏=== */
.inslideFour {}
.inFourSwiper {position: static;}
.inFourSwiper .slide {height: auto;padding: 5px;}
.inFourSwiper .slide a::before {content: ''; position: absolute; opacity: 0; transition: .5s; z-index: -1;width: 100%; left: 0; bottom: 0; background: #01008C;height: 100%;border-radius: 0rem 0.12rem 0rem 0.12rem;}
.inFourSwiper .slide a::after {width: 50%; height: 1.2rem; content: ""; position: absolute; right: 0; background: url(../images/inFourSwiper-icon1.png) no-repeat center; background-size: 100%; z-index: 1;bottom: 0;}
.inFourSwiper .slide a {position: relative; padding-top: 20%; display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-end; height: 100%;border-radius: 0rem 0.12rem 0rem 0.12rem; box-sizing: border-box; transition: .5s;}
.inFourSwiper .slide .imgBox {width: 100%;overflow: hidden; padding-top: 0; transition: .5s; position: absolute;top: 0; height: 0; }
.inFourSwiper .slide .imgBox img {width: 100%; transition: .5s; height: 100%; object-fit: cover; }
.inFourSwiper .slide .info {background: #fff; padding: .6rem .3rem;box-shadow: 0rem 0rem 0.15rem 0rem rgba(0,0,0,0.03); border-radius: 0rem 0.12rem 0rem 0.12rem;}
.inFourSwiper .slide .con {transition: .5s;}
.inFourSwiper .slide .info h5 {color: #333;}
.inFourSwiper .slide .info span {display: block;color: #333;}
.inFourSwiper .slide .info .p2 {margin-top: .1rem; padding-bottom: .25rem; border-bottom: 1px solid #F2F2F2; box-sizing: border-box;transition: .5s;   }
.inFourSwiper .slide .info .p3 {margin-top: .4rem; transition: .5s;  }
.inFourSwiper .slide .info .jt {width: 0.52rem;height: 0.52rem; border: 1px solid #666666; transition: .5s; margin-top: .5rem;}
.inFourSwiper .slide .info .jt svg path {fill: #666;}
.inFourSwiper .slide.swiper-slide-active a::before {left: -5px;bottom: -5px; opacity: 1;}
.inFourSwiper .slide.swiper-slide-active .con {transform: translateY(.3rem);}
.inFourSwiper .slide.swiper-slide-active .imgBox {height: 2.1rem;}
.inFourSwiper .slide.swiper-slide-active .p1 {}
.inFourSwiper .slide.swiper-slide-active .p2 {border-color: transparent;}
.inFourSwiper .slide.swiper-slide-active .p3 {margin-top: 0;}
.inFourSwiper .slide.swiper-slide-active .jt {margin-top: .3rem;}
/* 控件 */
.inFourSwiper .swjt {width: 0.71rem;height: 0.71rem;background: none; border: 1px solid #e5e5e5; transition: .5s; right: 0; transform: translateX(120%);}
.inFourSwiper .swjt svg path {fill: #999;}
.inFourSwiper .swjt.swiper-button-prev {transform: rotate(180deg) translateX(120%); left: 0; right: auto;}
.inFourSwiper .swjt:active {background: #01008C; border-color: #01008C;}
.inFourSwiper .swjt:active svg path {fill: #fff;}
.inFourSwiper .swiper-pagination {bottom: -.5rem; display: none;}
.inFourSwiper .swiper-pagination span {background: #01008C;}
@media (any-hover: hover) {
  .inFourSwiper .swjt:hover {background: #01008C; border-color: #01008C;}
  .inFourSwiper .swjt:hover svg path {fill: #fff;}
}
.inFourSwiper .slide a:hover .imgBox img {transform: scale(1.05);}
.inFourSwiper .slide a:hover .info .jt {background: #01008c; border-color: #01008C;}
.inFourSwiper .slide a:hover .info .jt svg path {fill: #fff;}

/* ===第五屏=== */
.inslideFive {padding: 20vh 0 1rem;}
.inslideFive .text {margin-top: .3rem; width: 65%;}
.inslideFive ul {display: flex; justify-content: space-between;}
.inslideFive li {margin-top: .6rem; position: relative; width: 32%;}
.inslideFive li .imgBox {position: relative; overflow: hidden;}
.inslideFive li .imgBox img {width: 100%; transition: .5s;}
.inslideFive li .imgBox::after {content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0.1;background: #010a1a;}
.inslideFive li .show ,.inslideFive li .hide {position: absolute; bottom: 0; left: 0; width: 100%;}
.inslideFive li .show {opacity: 1; transition: .5s; display: flex; justify-content: space-between; padding: .5rem; padding-bottom: .35rem; box-sizing: border-box; align-items: center;}
.inslideFive li .hide {opacity: 0; transition: .5s; height: 100%; padding: .5rem;}
.inslideFive li .tit {display: flex; justify-content: space-between; align-items: center; padding-bottom: .25rem; border-bottom: 1px solid rgba(242, 242, 242,.1);}
.inslideFive li .info p {margin-top: .2rem; color: #fff;}
.inslideFive li::after {content: ""; position: absolute; left: 0; bottom: -4px; width: 100%; height:4px; background: #009944;}
.inslideFive li:nth-child(2):after {background: #00a0e9;}
.inslideFive li:nth-child(3):after {background: #01008C;}
.inslideFive li:nth-child(2) {top: .4rem;}
@media (any-hover: hover) {
  .inslideFive li:hover .show {opacity: 0;}
  .inslideFive li:hover .hide {opacity: 1;}
  .inslideFive li:hover .imgBox img {transform: scale(1.05);}
}


/* ===第六屏=== */
.inslideSix {padding: 18vh 0 1.4rem;}
.inslideSix .indexTle em {color: #fff;}
.inslideSix .indexTle em::before {background: #fff;}

.inslideSix ul {margin-top: .9rem; display: flex; justify-content: space-between;}
.inslideSix li {position: relative;border-radius: 0rem 0.12rem 0rem 0.12rem; overflow: hidden;}
.inslideSix li.li1 {width: 46%;}
.inslideSix li.li2 {width: 24%;}
.inslideSix li.li3 {width: 27%;}
.inslideSix li .imgBox {height: 100%;}
.inslideSix li .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.inslideSix li .more a {display: inline-flex; align-items: center;}
.inslideSix li .more a span {margin-right: .1rem; transition: .5s;}
.inslideSix li .more a:hover span {margin-right: .15rem;}
.inslideSix li.li1 .info {position: absolute; bottom: 0; left: 0; padding: 0 .1rem .4rem .4rem; width: 100%;}
.inslideSix li.li1 .tit {display: flex; align-items: center;}
.inslideSix li.li1 .tit i {width: 0.42rem;height: 1px; background: #ffffff; display: inline-block; margin-right: .3rem;}
.inslideSix li.li2 .info {text-align: center; position: absolute; top: 50%; transform: translateY(-50%); left: 5%; padding: .3rem .1rem; width: 90%;background: rgba(1, 0, 140,.2);border-radius: 0rem 0.12rem 0rem 0.12rem;}
.inslideSix li.li2 .info .more {margin-top: .1rem;}
.inslideSix li.li3 dl {display: flex; flex-direction: column; justify-content: space-between;height: 100%;}
.inslideSix li.li3 dl dd {height: 48%;border: 1px solid #ffffff;border-radius: 0rem 0.12rem 0rem 0.12rem; padding: .4rem; box-sizing: border-box;}
.inslideSix li.li3 dl dd .p2 {margin-top: .1rem;}
.inslideSix li.li3 dl dd .more {margin-top: .2rem;}

/* 底部 */
.inslideSeven {margin-top: -1px;}
.footer {background: url(../images/footer-bj.jpg) no-repeat center; background-size: cover; padding-top: 6vh; margin-top: -1px;}
.footer .boxTop {display: flex; justify-content: space-between; padding-bottom: 1.1rem;}
.footer .boxTop .le .fologo img {max-width: 2.5rem;}
.footer .le h2 {margin-top: .2rem;}
.footer .le dl {margin-top: .5rem;}
.footer .le dl dt {margin-bottom: .15rem;}
.footer .le dd {margin: 3px 0;}
.footer .le dd a {color: #F2F2F2;}
.footer .le dd a:hover {color: #fff;}
.foternav {display: flex; justify-content: space-between; width: 93%;}
.foternav dl {padding-right: 10px; box-sizing: border-box;}
.foternav dl dt {font-size: var(--font24); color: #fff; margin-bottom: .4rem;}
.foternav dl:last-child {padding-right: 0;}
.foternav dl dd {margin: 5px 0;}
.foternav dl dd a {color: #F2F2F2; font-size: var(--font15);}
.foternav dl dd a:hover {color: #fff; font-weight: 700;}
.foterRight {padding: .1rem 0; background: #000000;}
.foterRight p , .foterRight p a {color: #ffffff; font-size: var(--font15);}

/* ====================================================================================内页========================================================================== */
/* 内页banner */
.ny-banner {position: relative;}
.ny-banner .bjBox img {width: 100%; object-fit: cover; min-height: 5rem;}
.ny-banner .box {text-align: center;}
.ny-banner .tit {line-height: 1.2;}
.ny-banner .tit .p1 {margin-top: .1rem;}
.ny-banner .down {display: flex; justify-content: center; margin-top: 1rem;}
.ny-banner .down .jt {width: 0.88rem; height: 0.88rem;border: 1px solid rgba(255, 255, 255,.1); border-radius: 50%;}
.ny-banner .down .jt svg {animation: shubiao2 1.5s infinite;}
@keyframes shubiao2 {0% { transform: translateY(-10px);opacity: 0;} 100% {transform: translateY(0px); opacity: 1; } }

.ny-banner2 {position: relative;}
.ny-banner2 .imgBox img {width: 100%; min-height: 5rem; object-fit: cover;}

/* 内页二级导航 */
.bannerBom {position: absolute; width: 100%; left: 0; bottom: .4rem;}
.bannerBom .box2 {display: flex; justify-content: space-between; align-items: center;}
.nynavTwo {}
.nynavTwo ul {display: flex; justify-content: center;}
.nynavTwo li a {display: block; padding: .13rem .4rem; box-sizing: border-box; border-radius: 50px; color: #fff; transition: .5s;}
.nynavTwo li:hover a {background: #ffffff; color: #00008B; font-weight: 700;}
.nynavTwo li.on a {background: #ffffff; color: #00008B; font-weight: 700;}
.bannerBom .mbx {padding-left: 25px; background: url(../images/mbx-icon2.png) no-repeat left; color: #fff;}
.bannerBom .mbx span ,.bannerBom .mbx a {color: #fff;}

/* 面包屑 */
.mbxBox {padding: .25rem 0; border-bottom: 1px solid #F2F2F2; box-sizing: border-box;}
.mbxBox .mbx {padding-left: 25px; background: url(../images/mbx-icon.png) no-repeat left;}
.mbxBox .mbx span , .mbxBox .mbx a {color: #666;}
.mbxBox .mbx a:hover {color: #00008B;}

/* 手机端导航 */
.wrapnav {padding: .5rem 0; display: none;}
.wrapnav ul {display: flex; flex-wrap: wrap;}
.wrapnav li {border: 1px solid #eee;width: 33.3%; text-align: center;}
.wrapnav li a {display: block; padding: .1rem; box-sizing: border-box;}
.wrapnav li.on a {background: #00008B; color: #fff;}

/* 关于我们 */
.about-banner .bannerBom .box2 {justify-content: center;}
.aboutOne {background: #f9f9f9; padding: 1rem 0;}

.aboutOne .text {padding-top: .2rem; width: 59%; margin: auto;}
.aboutOne .text p {color: #666666;margin-top: 0rem; text-indent: 2em;line-height: 0.5rem;}
.aboutOne .list {margin-top: 1rem;}
.aboutOne .list ul {display: flex; justify-content: space-between;}
.aboutOne .list li {box-sizing: border-box; width: 23%;text-align: center;}
.aboutOne .list li .icBox img {filter: grayscale(100%); -webkit-filter:grayscale(100%); opacity: .5; max-width: .5rem;}
.aboutOne .list li .num {margin-top: .3rem; display: flex; align-items: flex-end; justify-content: center;font-weight: 900; line-height: .6; }
.aboutOne .list li .counter {color: #333; font-family: Arial, Arial-Black;}
.aboutOne .list li .num sup {transform: scale(.7);display: inline-block;}
.aboutOne .list li span {display: block;margin-top: .15rem;}
.aboutOne .box {display: flex; justify-content: space-between;}
.aboutOne .imgBox {width: 34%;border-radius: 0.2rem; overflow: hidden;}
.aboutOne .imgBox img {width: 100%;}



.aboutTwo {padding: 1.8rem 0;}
.aboutTwo .box {position: relative; display: flex; justify-content: flex-end;}
.aboutTwo .box .imgBox {position: absolute; left: 0; width: 40%; top: -.5rem;border-radius: 0.2rem; overflow: hidden; height: 100%;}
.aboutTwo .box .imgBox img {width: 100%;}
.aboutTwo .info {background: #fafafa; border-radius: 0.1rem; padding: .8rem; display: flex; justify-content: flex-end; width: 82%;}
.aboutTwo .info .con {width: 68%;}
.aboutTwo .info .text {line-height: 1.8; position: relative;}
.aboutTwo .info .text::before ,.aboutTwo .info .text::after {content: ""; width: 0.68rem;height: 0.58rem;  background: url(../images/aboutTwo-icon.png) no-repeat center; background-size: contain; position: absolute; left: 0; top: 0;}
.aboutTwo .info .text::before {transform: rotate(180deg) translateX(30%) translateY(60%);}
.aboutTwo .info .text::after {top: auto; bottom: 0; transform: translateY(100%); right: 0; left: auto;}
.aboutTwo .info .more {margin-top: .7rem;}
.aboutTwo .info .txt {display: flex; align-items: center; justify-content: flex-end; margin-top: .5rem;}
.aboutTwo .info .txt i {width: 1.26rem;height: 1px;background: #333333; margin-right: .14rem;}
.aboutTwo .info .txt .r2 img {max-width: 2rem;}

.aboutThre {background: url(../images/aboutThre-bj.jpg) no-repeat center; background-size: cover; background-attachment: fixed; padding: .6rem 0 1.7rem;}
.aboutThre .tle .more {display: flex; justify-content: center; margin-top: .6rem;}
.aboutThre .box {margin-top: 1rem; position: relative;}
.aboutThre .box::after {content: "";height: 1px; opacity: 0.5;background: #ffffff; width: 100%;  position: absolute;left: 0; top:21.5%;}
@media screen and (min-width: 200px) and (max-width: 1024px) {.aboutThre .box::after {top:calc(var(--font20) + 16%);}}
@media screen and (min-width: 200px) and (max-width: 767px) {.aboutThre .box::after {top:calc(var(--font20) + 9%);}}
.abThreSwiper {position: static;}
.abThreSwiper .slide {text-align: center;}
.abThreSwiper .slide .time {font-size: var(--font20);color: #ffffff;font-weight: 700;}
.abThreSwiper .slide .cirle {position: relative; display: inline-block; margin-top: .15rem;}
.abThreSwiper .slide .cirle i {width: 0.1rem;height: 0.1rem;background: #ffffff; border-radius: 50%; display: block;}
.abThreSwiper .slide .cirle::after {content: "";position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);width: 250%; height: 250%; border-radius: 50%;opacity: .26; background: #fff;}
.abThreSwiper .slide .text {margin-top: .25rem;}
.abThreSwiper .slide .text span {display: block;color: #ffffff;font-size: var(--font14);}
.abThreSwiper .slide.swiper-slide-active .cirle::after {animation: scalemap 2s linear infinite;}
.abThreSwiper .swjt {width: 0.47rem; height: 0.47rem; background: #ffffff; border-radius: 50%; top: auto; bottom: -1rem; left: 50%; transform: translateX(30%);;}
.abThreSwiper .swjt.swiper-button-prev {transform: rotate(180deg) translateX(130%);}

.aboutFour {padding: 1.2rem 0;}
.aboutFour .box {display: flex; justify-content: space-between;}
.aboutFour .imgBox {width: 48%;border-radius: 0.2rem; overflow: hidden;}
.aboutFour .imgBox img {width: 100%;}
.aboutFour .info {width: 48%; margin-top: .2rem;}
.aboutFour .info .text {margin-top: .2rem;}
.aboutFour .info .text p {color: #555555;}
.aboutFour .info .more {margin-top: 1.4rem;}

.aboutFive {margin-bottom: .27rem;}
.aboutFive .box {display: flex;}
.aboutFive .item {position: relative; width: 50%; overflow: hidden;}
.aboutFive .item .imgBox img {width: 100%; transition: .5s;}
.aboutFive .item .more {display: flex; align-items: center; justify-content: center; margin-top: .2rem;}
.aboutFive .item .more .jt {width: 0.4rem;height: 0.4rem; min-height: 30px; min-width: 30px; background: #00008b; border-radius: 50%; margin-left: .12rem; transition: .5s;}
.aboutFive .item:hover .jt {transform: rotate(45deg);}
.aboutFive .item:hover .imgBox img {transform: scale(1.05);}


/* =====产品中心===== */
.proOne {padding: .5rem 0;}
.proOne .headus {display: block;}
.proOne .box {display: flex; justify-content: space-between; align-items: flex-start;}
.proOne .nav {flex: 1;background: #f8f8f8; margin-right: 3%;background: #f8f8f8; position: sticky; top: 1rem; min-width: 220px;}
@media screen and (min-width: 200px) and (max-width: 1200px) {
  .proOne .nav {top: 70px;}
}
.proOne .list {width: 74%;}
.proOne .nav .tle {background: #01008c; padding: .3rem; box-sizing: border-box;}
.proOne .nav .tle .icBox {margin-right: .24rem;}
.proOne .nav .tle .icBox img {max-width: .5rem;}
.ctitle1 > ul > li {border-bottom: 1px solid #EBEBEB;margin: 0 .3rem; }
.ctitle1 > ul > li .jt {transition: .5s; transform: rotate(-90deg);}
.ctitle1 > ul > li .jt img {filter: brightness(0); -webkit-filter:brightness(0);}
.ctitle1 > ul > li .menu-li {display: flex; align-items: center; justify-content: space-between;}
.ctitle1 > ul > li .menu-li a {padding: .35rem 0; color: #333333; font-size: var(--font18);}
.ctitle1 > ul > li:hover .menu-li a {color: #00008B;}
.ctitle1 > ul > li:hover .jt img {filter: none; -webkit-filter:none;}
.ctitle1 > ul > li .menu-li.on > a {color: #00008B;}
.ctitle1 > ul > li .menu-li.on .jt {transform: rotate(0);}
.ctitle1 > ul > li .menu-li.on .jt img {filter: none; -webkit-filter:none;}
.ctitle2 {display: none;}
.ctitle2 ul {}
.ctitle2 ul li:first-child {margin-top: 0;}
.ctitle2 ul li {margin: .1rem 0;}
.ctitle2 ul li a {display: block; font-size: var(--font14);}
.ctitle2 ul li:hover a {color: #00008B;}
.ctitle2 ul li.on a {color: #00008B;}
.ctitle1 > ul > li.on .ctitle2 {display: block;}

.proOne .nav .headus {padding: .4rem .3rem;}
.proOne .nav .headus .item img {filter: brightness(0); -webkit-filter:brightness(0);}
.proOne .list li {background: #edf0f2; margin-bottom: .4rem; position: relative; transition: background-color .5s;}
.proOne .list li a {display: block; padding: .4rem; box-sizing: border-box; font-size: var(--font24);color: #333333; transition: color .5s;}
.proOne .list li i {background: #a80024; height: 80%; width: 0.06rem; position: absolute; left: 0; top: 10%; transition: .5s;}
.proOne .list li i::after {height: 50%;background: #01008c; position: absolute; left: 0; bottom: 0; content: ""; z-index: 1; width: 100%;}
.proOne .list li:hover {background: #01008c;}
.proOne .list li:hover i {opacity: 0;}
.proOne .list li:hover a {color: #fff;}

/* ===产品详情=== */
.proDate {width: 74%;}
.proDate img {max-width: 100%; height: auto !important;}
.proDateOne {background: #f8f8f8;border-radius: 0.14rem; display: flex; align-items: center; justify-content: space-between;}
.proDateOne .imgBox {width: 50%;}
.proDateOne .imgBox img {max-width: 100%;}
.proDateOne .info {width: 50%; padding: .3rem; box-sizing: border-box;}
.recomend {padding: 1.2rem 0; margin-top: 1rem;}
.recomend .tle .tit .icBox {margin-right: .24rem;}
.recomend .swiperBox {margin-top: .5rem; position: relative;}
.recomend .inThreSwiper .swjt {transform: translateY(-50%); right: 0; left: auto; top: -.5rem;}
.recomend .inThreSwiper .swjt.swiper-button-prev {transform: translateY(-50%) translateX(-150%) rotate(180deg); }

/* ===新闻中心=== */
.newsInfo {margin: .6rem 0;}
.newsInfo .swiperBox {background: #fcfcff;padding: .2rem; box-sizing: border-box;}
.newsInfoSwiper .slide {display: flex; justify-content: space-between;}
.newsInfoSwiper .imgBox {width: 46%;}
.newsInfoSwiper .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.newsInfoSwiper .info {width: 50%; margin-top: .6rem;}
.newsInfoSwiper .info .tit {margin-top: .15rem;}
.newsInfoSwiper .info .text {margin-top: .3rem;}
.newsInfoSwiper .info .more {margin-top: .7rem;}
/* 控件 */
.newsInfoSwiper .swjt {width: 0.71rem;height: 0.71rem;background: none; border: 1px solid #e5e5e5; transition: .5s; right: 0; top: 80%;}
.newsInfoSwiper .swjt svg {max-width: 60%;}
.newsInfoSwiper .swjt svg path {fill: #999;}
.newsInfoSwiper .swjt.swiper-button-prev { left: auto; transform: rotate(180deg) translateX(150%);}
.newsInfoSwiper .swjt:active {background: #01008C; border-color: #01008C;}
.newsInfoSwiper .swjt:active svg path {fill: #fff;}
.newsInfoSwiper .swiper-pagination {bottom: -.5rem; display: none;}
.newsInfoSwiper .swiper-pagination span {background: #01008C;}
@media (any-hover: hover) {
  .newsInfoSwiper .swjt:hover {background: #01008C; border-color: #01008C;}
  .newsInfoSwiper .swjt:hover svg path {fill: #fff;}
}

.newslist ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
.newslist li {background: #fcfcff; padding: .3rem; box-sizing: border-box; width: 48%; margin-bottom: .4rem; position: relative; z-index: 1;}
.newslist li .tit {margin-top: .15rem; transition: .5s;}
.newslist li .more {margin-top: .3rem; transition: .5s;}
.newslist li .text p { transition: .5;}

.newslist li::after {z-index: -1; content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: url(../images/newslist-bj.jpg) no-repeat center; background-size: cover; transition: .5s;}
.newslist li:hover::after {height: 100%;}
.newslist li:hover .time {color: #fff;}
.newslist li:hover .tit {color: #fff;}
.newslist li:hover .text p {color: #fff;}
.newslist li:hover .more span {color: #fff;}
.newslist li:hover .more svg path {fill: #fff;}

/* 新闻详情 */
.newsDatenav {position: relative; margin: .4rem 0;}
.newsDatenav .bannerBom {position: relative; bottom: 0;}
.newsDatenav .nynavTwo li a {color: #333;}
.newsDatenav .nynavTwo li:hover a {background: #01008c; color: #fff;}
.newsDatenav .nynavTwo li.on a {background: #01008c; color: #fff;}
.newsDatenav .bannerBom .mbx {background: url(../images/mbx-icon.png) no-repeat left;}
.newsDatenav .bannerBom .mbx {color: #333;}
.newsDatenav .bannerBom .mbx span, .newsDatenav .bannerBom .mbx a {color: #333;}
.newsDatenav .bannerBom .mbx a:hover {color: #01008C;}

.newsDate {margin-bottom: 1rem;}
.newsDate .box {display: flex; justify-content: space-between; align-items: flex-start;}
.newsDate .le {width: 69.5%;background: #fcfcff; padding: .5rem; box-sizing: border-box;}
.newsDate .re {width: 29%;}
.newsDate .le .tle {padding-bottom: .2rem;}
.newsDate .le .tle .disc .item {display: inline-block; margin-top: .15rem;}
.newsDate .le .tle .disc .item1 {margin-right: .6rem;}

.newsDate .dateCon {border-top: 1px solid #F2F2F2;border-bottom: 1px solid #F2F2F2; padding: .3rem 0;}
.newsDate .dateCon img {max-width: 100%; height: auto !important;}

.newsDate .recomend {background: #fcfcff; padding: .5rem .3rem; box-sizing: border-box; margin: 0;}
.newsDate .recomend .tle i {display: block; margin-top: .25rem;background: #f2f2f2; height: 1px; position: relative;}
.newsDate .recomend .tle i::before {content: ""; width: 25%; height: 100%; position: absolute; left: 0; bottom: 0; background: #01008C;}
.newsDate .recomend ul li {border-bottom: 1px solid #F2F2F2;position: relative;}
.newsDate .recomend ul li a {display: flex; justify-content: space-between; padding: .25rem 0;}
.newsDate .recomend ul li::after {content: ""; position: absolute; bottom: 0; left: 0; width: 0; transition: all.5s; background: #01008C; height: 1px;}
.newsDate .recomend ul li:hover a {color: #01008C;}
.newsDate .recomend ul li:hover::after {width: 100%;}
.newsDate .recomend ul li:hover path {fill: #01008C;}
.infous {background: #fcfcff; padding: .3rem; margin-top: .25rem;}
.infous dd {border: 1px solid #f2f2f2;border-radius: 2px; overflow: hidden; display: flex; align-items: center;}
.infous dd .icBox {background: #01008c;width: 0.6rem;height: 0.54rem; flex-shrink: 0; margin-right: .2rem;}
.infous dd .icBox svg {max-width: 50%;}
.infous dd {margin-top: .15rem;}

/* 新闻分页 */
.newsxq-page {display: flex; justify-content: space-between; align-items: center; margin-top: .4rem;}
.newsxq-page a {display: flex; align-items: center;}
.news-prev,.news-next{transition:0.6s; display: flex; align-items: center; justify-content: center; width: 0.6rem;height: 0.6rem;min-width: 35px;min-height: 35px;  border: 1px solid #01008C;}
.news-prev svg {transform: rotateY(180deg);   -webkit-transform: rotateY(180deg);}
.newsxq-page em {display: inline-block;  color: #333;}
.prev-link em {margin-left: 0.17rem;}
.next-link em {margin-right: 0.17rem;}
.next-link {flex-direction: row-reverse;}
.backlist a {padding: .14rem .3rem;background: #01008C;color: #fff;border-radius: 60px;}
.backlist span {margin-right: .1rem;}
.backlist a:active {background: #01008C;}
.newsxq-page a:active .news-prev,.newsxq-page a:active .news-next {background: #01008C; border-color: #01008C; }
.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: #01008C; border-color: #01008C; }
    .newsxq-page a:hover svg path {fill: #fff;}
}

/* ===品质安全=== */
.safeTle1 {position: relative;}
.safeTle1 .tit h3 {display: inline-block;    line-height: 1;}
.safeTle1 .iBox {overflow: hidden; position: relative;  display: inline-block;padding-bottom: 1px;}
.safeTle1 i {width: 0.89rem; height: 1px;background: #959595; display: block; margin-top: .4rem;}
.safeTle1 i::after {content: ""; position: absolute; width: 30%; background: #01008c; height: 3px; left: 0; bottom: 0;  animation: aline1 3s infinite linear;}
.safeTle1 .en {font-size: 2.6rem;color: #01008c; opacity: .1; position: absolute; top: 50%;     transform: translateY(-55%);line-height: 1; left: 0;}
@keyframes aline1 {from {left: -100%;}to {left: 100%;}}
.safeTle2 .tit h3 {display: block;}

.safeOne {padding: 1.1rem 0; background: url(../images/safeOne-bj.jpg) no-repeat center; background-size: cover; max-width: 1920px; margin: auto; position: relative;}
.safeOne .info {width: 48%;}
.safeOne .imgBox {position: absolute; right: 0; width: 50%;top: 0; height: 100%; overflow: hidden;}
.safeOne .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.safeOne .item {padding: .35rem 0; border-bottom: 1px solid #D1D1D1;}
.safeOne .item2 {border: 0; padding-bottom: 0;}

.safeTwo {padding: .6rem 0; border-bottom: 1px solid rgba(149, 149, 149,.1);}
.safeTwo .safeTle2 h4 {margin-top: .3rem;}
.safeTwo .safeTle2 .en {top: 50%; left: 50%; transform: translate(-50%,-50%);}
.safeTwo ul {display: flex; justify-content: space-between;}
.safeTwo li {padding: .3rem .1rem; width: 15%; border: 1px solid rgba(153, 153, 153,.3); border-radius: 0.04rem; text-align: center; margin-top: .2rem;}
.safeTwo li .icBox {height: .55rem;}
.safeTwo li .icBox img {max-height: 100%; object-fit: contain; max-width: 100%;}
.safeTwo li span {margin-top: .15rem; display: block; font-size: var(--font18);}

.safeThre {padding: .7rem 0 1rem;}
.safeThre .box {display: flex; justify-content: space-between; align-items: center;}
.safeThre .imgBox {width: 49%; position: relative; z-index: 1;}
.safeThre .imgBox img {width: 100%;}
.safeThre .imgBox::after {content: ""; z-index: -1; background: #1e2d63; height: 90%; bottom: -.4rem; right: 100vw; width: 110vw;position: absolute; transition: 2s;}
.safeThre .info {width: 43%;}
.safeThre .info .text {padding-top: .3rem;}
.safeThre .info .text p {margin: .1rem 0;}
.safeThre.on .imgBox::after {right: -.4rem;}

.safeFour {background: url(../images/safeFour-bj.jpg) no-repeat center; background-size: cover; padding: .6rem 0;}
.safeFour ul {display: flex; justify-content: space-between;}
.safeFour li {width: 18%; margin-top: .4rem;opacity: 0.8;background: rgba(255, 255, 255,.8); border-radius: 0.06rem; text-align: center; padding: .3rem .2rem; box-sizing: border-box;}
.safeFour li .icBox {width: 0.86rem;height: 0.86rem;border: 1px solid rgba(153, 153, 153,.2); border-radius: 50%; margin: auto;}
.safeFour li i {display: block; margin: .2rem auto;width: 0.22rem;height: 1px;background: #01008c;}

.safeFive {background: #f2f2f2; padding: .6rem 0 1.2rem;}
.safeFive .tit {background: #01008c; border-radius: 60px; padding: .1rem .45rem; box-sizing: border-box;}
.safeFive .box {background: #fcfcfc;border-radius: 0.32rem;}
.safeFive .table {padding: .5rem; box-sizing: border-box;}
.safeFive .table {overflow-x: auto;}
.safeFive .table table {border-color: rgba(242, 242, 242,.2); width: 100%; min-width: 600px;}
.safeFive .table table td {padding: .22rem .2rem;}
.safeFive .table table td span { box-sizing: border-box; position: relative; background: url(../images/safeFive-icon1.png) no-repeat left; padding-left: 30px;}

.safeSix {max-width: 1920px; margin: auto;background: #f2f2fc; position: relative; padding: 1rem 0 1.1rem;}
.safeSix dl {width: 45%; display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: .3rem;}
.safeSix dl dd {font-size: var(--font20); margin: .1rem 0;}
.safeSix .imgBox {position: absolute; right: 0; width: 50%;top: 0; height: 100%; overflow: hidden;}
.safeSix .imgBox img {width: 100%; height: 100%; object-fit: cover;}

.safeSeven {padding: .6rem 0;}
.safeSeven ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
.safeSeven li {width: 32%; margin-top: .3rem; position: relative; background: #f2f2f2;border-radius: 0.04rem; overflow: hidden; padding: .4rem 0; text-align: center; transition: 1s;}
.safeSeven li::after {content: ""; position: absolute; background: #01008c;border-radius: 0.03rem; bottom: 0; left: 0; width: 100%; height: 0.06rem;}
.safeSeven li .icBox {width: 0.86rem;height: 0.86rem;background: #01008c; border-radius: 50%; margin: auto;}
.safeSeven li span {margin-top: .3rem; display: block;}
.safeSeven li .num {color: #d0d0d0; margin-top: .2rem;}
.safeSeven li:hover {box-shadow: 0 0 .1rem rgba(51, 51, 51,.5);}


/* ===人才招聘=== */
.talentOne {background: url(../images/talentOne-bj.jpg) no-repeat center; background-size: cover; padding: .9rem 0;}
.talentOne .tle {text-align: center;}
.talentOne .tle span {display: block; width: 60%; margin: auto; margin-top: .3rem;}
.talentOne ul {display: flex; margin-top: .6rem;}
.talentOne ul li {flex: .25; position: relative;;margin:0 .075rem;transition: 1s;height: 5.2rem;}
.talentOne ul li .bjBox {position: relative; height: 100%;}
.talentOne ul li .bjBox img {width: 100%; height: 100%; object-fit: cover;}
.talentOne ul li .bjBox::after {content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0.6; background: linear-gradient(to right , rgba(0, 0, 0, 1) 100% , rgba(255, 255, 255, 0.001)); transition: .5s;}
.talentOne li .show , .talentOne li .hide {position: absolute; width: 100%; height: 100%; left: 0; top: 0; transition: .5s;}
.talentOne li .hide {opacity: 0; display: flex; align-items: center; padding: .3rem; box-sizing: border-box;}
.talentOne li .hide .con {width: 50%;}
.talentOne li .hide .con p {color: #fff; margin: .15rem 0;}
.talentOne li .tit2 i {display: block; width: 0.34rem;height: 2px; background: #ffffff; margin-top: .25rem;}
.talentOne li .hide .text {margin-top: .3rem; overflow-y: auto; max-height: 3rem; padding-right: .2rem;}
.talentOne li .hide .text::-webkit-scrollbar {width: 3px; scrollbar-width:thin;scrollbar-color:#01008C #DDDDDD;}
.talentOne li .hide .text::-webkit-scrollbar-thumb {background: #01008C; border-radius: 5px;}
.talentOne li .hide .text::-webkit-scrollbar-track {background: #E5E5E5;}

.talentOne ul li.on {flex: 1;}
.talentOne ul li.on .bjBox::after {width: 60%; background: linear-gradient(to right , rgba(0, 0, 0, 1) 60% , rgba(255, 255, 255, 0.001));}
.talentOne ul li.on .show {opacity: 0;}
.talentOne ul li.on .hide {opacity: 1; transition-delay: 1s;}

.talentTwo {padding: .8rem 0;}
.talentTwo .tableBox {margin-top: .3rem; overflow-x: auto;}
.talentTwo  table {background: #f2f2f2;border-radius: 0.32rem; overflow: hidden; text-align: center; width: 100%; min-width: 10rem;}
.talentTwo  thead {border-radius: 0.32rem; overflow: hidden;}
.talentTwo  thead th {color: #fff;padding: .2rem 0;background: #01008c; font-size: var(--font18);}
.talentTwo  thead th:first-child {border-radius:0 0 0 0.32rem;}
.talentTwo  thead th:last-child {border-radius:0 0 0.32rem 0;}
.talentTwo  tbody {padding: 0 .2rem; box-sizing: border-box;}
.talentTwo  tbody tr {border-bottom: 1px solid rgba(52, 52, 52,.1); cursor: pointer; transition: .3s;}
.talentTwo  tbody tr:last-child {border: 0;}
.talentTwo  tbody tr td {padding: .35rem 0; font-size: var(--font18);}
.talentTwo  tbody tr td .content {display: none;}
.talentTwo  tbody tr:hover {background: #dfdfdf;}
.layui-layer-page .layui-layer-content {height: calc(100% - 49px); overflow: hidden !important;}
.layui-layer {width: 50%; height: 50%;}
.popcon {padding: .3rem; height: 100%;}
.popcon .disc {display: flex; flex-wrap: wrap;}
.popcon .disc .item:first-child {margin-left: 0;}
.popcon .disc .item {margin: .1rem; margin-left: 0; margin-right: .3rem;}
.popcon .con {margin-top: .1rem; height: calc(100% - 80px);padding-right: .2rem; overflow-y: auto;}
@media screen and (min-width: 200px) and (max-width: 767px) {
  .layui-layer {width: 90%; height: 70%;}
  .popcon .con {height: calc(100% - 100px);}
}

/* 联系我们 */
.contactOne {padding: .8rem 0;}
.contactOne .box {display: flex; justify-content: space-between;}
.contactOne .box .xian { margin-top: .3rem;}
.contactOne .box .xian i {display: block; width: 100%; height: 1px;background: #F2F2F2; position: relative;}
.contactOne .box .xian i::after {content: ""; position: absolute; background: #01008C; width: 20%; height: 3px; top: -1px;}
.contactOne .le dl {margin-top: .5rem;}
.contactOne .le dl dd {display: flex; margin: .15rem 0; align-items: center;}
.contactOne .le dl dd:first-child {align-items: flex-end;}
.contactOne .le dd strong {color: #01008C; font-weight: 700; font-size: var(--font28); line-height: 1;}
.contactOne .le dd p a {color: #333333;}
.contactOne .le dd p a:hover {color: #01008C;}
.contactOne .le .code {display: flex;}
.contactOne .le .code .item {max-width: 1.5rem; margin-top: .3rem;}
.contactOne .le .code .item2 {margin-left: .4rem;}
.contactOne .le .code .item img {width: 100%;}

.contactOne .re {width: 52%; box-shadow: -0.01rem -0.01rem 0.09rem 0rem rgba(0,0,0,0.13); padding: .5rem; 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: .05rem;}
.contactOne .re .inBox {display: flex; justify-content: space-between; margin-top: .3rem; width: 100%;}
.contactOne .re .inBox input {height: 0.61rem; min-height: 40px; border: 1px solid #e5e5e5;width: 48%;padding: 0 .2rem;  box-sizing: border-box;}
.contactOne .re .inBox input::placeholder {font-size: var(--font14);color: #999b9c;}
.contactOne .re .inBox {width: 100%;}
.contactOne .re .seBox {margin-top: .3rem; width: 100%;}
.contactOne .re .seBox select {padding: 0 .2rem; border-color: #E5E5E5; width: 100%; height: .6rem;  min-height: 40px; color: #999B9C; font-size: var(--font14);}
.contactOne .re .textBox {margin-top: .3rem;}
.contactOne .re .textBox textarea {width: 100%; border: 1px solid #e5e5e5; padding: .2rem; box-sizing: border-box; resize: none; max-height: 1.8rem;}
.contactOne .re .textBox textarea::placeholder {font-size: var(--font14);color: #999b9c;}
.contactOne .re .subBox {margin-top: .3rem; display: flex; justify-content: space-between;}
.contactOne .re .subBox .yzm {width: 76%; height: 0.61rem;  min-height: 40px; border: 1px solid #e5e5e5; position: relative;}
.contactOne .re .subBox .yzm input {width: calc(100% - 1.3rem); height: 100%; padding: 0 .2rem;}
.contactOne .re .subBox .yzm img {width: 1.18rem; height: 0.46rem;position: absolute; right: .1rem;top: 12%;}
.contactOne .re .subBox button {width: 20%; height: 0.61rem;  min-height: 40px; background: #01008C; color: #fff; cursor: pointer; font-size: var(--font14);}

.contactTwo {margin-bottom: 1rem;}
.contactTwo img {max-width: 100%;}

/* 企业证书 */
.honorslist {margin: 1rem 0;}
.honorslist .aboutTle {margin-bottom: .5rem;}
.honorslist ul {display: grid; grid-template-columns: repeat(4,1fr);gap: .4rem;}
.honorslist ul li {border: 1px solid #dddddd; }
.honorslist ul li .imgBox {position: relative;  text-align: center;}
.honorslist ul li .picImg {position: relative;}
.honorslist ul li .picImg::after {content: ""; left: 0; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0,.5) url(../images/fdj-icon2.png) no-repeat center; transition: .5s; opacity: 0;}
.honorslist ul li .picImg img {padding: .1rem; box-sizing: border-box;background: #f5f5f5;width: 100%; }
.honorslist ul li .con {border-top: 1px solid #dddddd; padding: .15rem 0;  text-align: center;}
.honorslist ul li .con span {font-size: var(--font16); color: #666666; display: block;}
.honorslist ul li:hover .con span {color: #01008C;}
.honorslist ul li:hover .picImg::after {opacity: 1;}

/* 组织机构 */
.struMain {margin: .8rem 0;}
.struMain .aboutTle {margin-bottom: .5rem;}
.struMain img {max-width: 100%;}



/* =====2024/12/30修改======= */
/* 首页 */
.inslideTwo .imgBox {position: absolute; right: 0; width: 42%;}
.inslideTwo .con {width: 56%;}
@media screen and (min-width: 200px) and (max-width: 767px) {
  .inslideTwo .imgBox {position: relative; width: 100%;}
}