/* =====头部===== */ 
body {}
#c-placeholder {height: .84rem; min-height: 70px;}
.header {position: fixed; top: 0; z-index: 99; left: 0; width: 100%; transition:background-color .5s; border-bottom: 1px solid rgba(255, 255, 255,.1);}
.header .headBox {height: .84rem; min-height: 70px; padding: 0 3%; box-sizing: border-box; display: flex; justify-content: space-between;}
.headlogo {display: flex; align-items: center; height: 100%;}
.headlogo img {max-width: 2rem;}
.headlogo .logo1 {display: block;}
.headlogo .logo2 {display: none;}

/* 导航 */
nav {width: 75%;}
nav > ul {display: flex; height: 100%; justify-content: space-between;}
nav > ul > li {height: 100%; }
nav > ul > li > a {font-size: var(--font20); display: flex; align-items: center; color: #ffffff; font-weight: 700; height: 100%;position: relative; width: 100%; justify-content: center; transition: .5s;}
nav > ul > li > a::after {content: ''; position: absolute; width: 0; left: -15%; height: 0.03rem;background: #ffffff; bottom: -0.015rem; transition: .5s;}
nav > ul > li:hover > a::after,nav > ul > li.on > a::after {width: 130%;}
/* 下拉 */
nav .layui-nav {position: absolute; width: 100%; top: calc(100% + 1px); background: #fff; left: 0; text-align: center; display: none;}
nav .layui-nav li {position: relative;z-index: 1;}
nav .layui-nav .layui-nav-item::after {display: none !important;}
nav .layui-nav .layui-nav-item a {color: #333; font-size: var(--font18); display: block; padding: .05rem .3rem;}
nav .layui-nav .layui-nav-bar {height: 100%; background: #1C519B; bottom: auto; top: 0; z-index: 0;-webkit-clip-path: polygon(50% 0, 100% 0, 50% 100%, 0 100%);clip-path: polygon(20% 0, 100% 0, 80% 100%, 0 100%);}
/* 产品下拉 */
.proDown {position: absolute; width: 100%; left: 0; background: #fff;top: calc(100% + 1px); box-shadow: 0 .1rem .1rem rgb(0, 0, 0,.1); display: none;}
.proDown .downBox {display: flex; flex-wrap: wrap;padding: 3% .3rem;}
.proDown .downBox dl {padding-right: .5rem; box-sizing: border-box; width: calc(100% / 7);}
.proDown .downBox dl dt a {display: block; border-bottom: 1px solid #eee; padding: .1rem 0; color: #333; font-size: var(--font18);}
.proDown .downBox dl dt a:hover {color: #01008C;}
.proDown .downBox dl dd {padding: .05rem 0;}
.proDown .downBox dl dd a {position: relative; display: inline-flex; align-items: center; font-size: var(--font14);}
.proDown .downBox dl dd a::before {content: ''; width: 5px; height: 5px; border-radius: 50%; display: inline-block; background: #01008C; margin-right: 5px; flex-shrink: 0;}
.proDown .downBox dl dd a:hover {color: #01008C;}
/* 头部右侧 */
.headBox .re {display: flex; width: 68%; justify-content: space-between;}
.headBox .re svg {max-width: .4rem;}
/* 语言 */
.helange {position: relative; }
.helange .onAnge span {padding: 0 .1rem;}
.helange .onAnge img {transform: rotate(90deg); max-width: 7px;}
.helange .luanguage {box-shadow: 0 0 10px rgb(0, 0, 0,.2); position: absolute; padding: .1rem .3rem; z-index: 3; background: #fff; border-radius: 5px; top: 100%; left: 50%; transform: translate(-50%,-0%); min-width: 100%; opacity: 0; visibility: hidden; transition: .5s; text-align: center;}
.helange .luanguage::before {content: "";width: 20px; height: 10px; background: #fff; clip-path: polygon(50% 0%, 0% 100%, 100% 100%);-webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%); background: #fff; position: absolute;left: 50%;top: -5%;transform: translate(-50%, -50%);}
.helange .luanguage a {justify-content: center; color: #333;}
.helange .luanguage a {margin: .05rem 0; display: block;}
.helange .luanguage a:hover {color: #1C519B;}
.helange:hover .luanguage {opacity: 1; transform: translate(-50%,-20%);  visibility: visible;}
/* 搜索按钮 */
.heSearch {cursor: pointer;}
/* 搜索下拉 */
.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: #1C519B;border-radius: 5px;font-size: var(--font24);color: #ffffff;cursor: pointer;}
@media screen and (min-width: 200px) and (max-width: 767px) {
  .hadbox-sec4 {padding: .6rem .3rem;}
  .hadbox-sec4 .form {padding-bottom: .2rem;}
  .hadbox-sec4 .f_tit {    font-size: var(--font20);}
}

/* 头部下滑样式 */
.header.c-style2 {background: #fff !important; border-color:rgba(0, 0, 0,.1);}
.header.c-style2 .headlogo .logo2 {display: block;}
.header.c-style2 .headlogo .logo1 {display: none;}
.header.c-style2 .helange a {color: #333;}
.header.c-style2 .heSearch svg path {fill: #333;}
.header.c-style2 nav > ul > li > a {color: #333;}
.header.c-style2 nav > ul > li > a::after {background: #01008C;}
.header.c-style2 .mobmenu dl dd {background: #333;}
.header.c-style2 .mobmenu h4 {color: #333;}
.header.c-style2 .helange .onAnge span {color: #333;}
.header.c-style2 .helange .onAnge i {color: #333;}
.header.c-style2 .helange .onAnge img {filter: brightness(0); -webkit-filter:brightness(0);}

/* ==================公用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 {position: relative; display: inline-block;}
.more1 .mo {position: relative; z-index: 1; display: inline-flex; align-items: center; padding: .15rem .28rem;background: #1c519b;-webkit-clip-path: polygon(3% 0, 97% 0, 100% 10%, 100% 60%, 88% 100%, 3% 100%, 0 90%, 0 10%);clip-path: polygon(3% 0, 97% 0, 100% 10%, 100% 60%, 88% 100%, 3% 100%, 0 90%, 0 10%); transition: .5s;}
.more1 span {margin-right: .35rem; transition: .5s;}
.more1 i {transition: .5s;}
.more1::after {content: ''; position: absolute; z-index: 0; width: 100%; height: 100%; left: 10px; top: 7px; background: url(../images/xiant1.png) no-repeat center; background-size: contain; transition: .5s;}

.more2 .mo {background: #fff;}
.more2 span {color: #01008C;}
.more2 i {color: #01008C;}
.more2::after { filter: brightness(100); -webkit-filter:brightness(100);}

@media (any-hover: hover) {
  .more1:hover i {transform: translateX(.1rem);}
  /* .more1:hover .mo {transition-delay: .25s; -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 0);clip-path: polygon(0 0, 100% 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 0);}
  .more1:hover::after {left: 0; top: 0;} */
}

/* ======首页======= */
/* banner */
.indexBanner {overflow: hidden; height: 100vh;}
.indexBanner .swiper {height: 100%;}
.indexBanner .bjBox {height: 100%;}
.indexBanner .bjBox img {width: 100%; width: 100%;height: auto; min-height: 100%;transition: 1s linear 2s;transform: scale(1.1, 1.1); display: block; object-fit: cover;}
.indexBanner .swiper-slide-active .bjBox img, .indexBanner .swiper-slide-duplicate-active .bjBox img { transition: 6s linear;transform: scale(1, 1);}
.indexBanner .con {line-height: 1.3; position: relative; display: inline-block;}
.indexBanner .con .p1 {}
.indexBanner .con .icon {position: absolute; transform: translateX(200%); right: 0; top: 0;    line-height: 1;display: flex;}
.indexBanner .con .icon img {max-width: .5rem;}
.indexBanner .swiper .pagtion {text-align: left; z-index: 2; width: 90%;left: 50%; top:auto; bottom: .6rem;}
.indexBanner .swiper .pagtion span {width: 12px; height: 12px; background: none; border-radius: 0; background: url(../images/icon2.png) no-repeat center; background-size: contain; opacity: .2;}
.indexBanner .swiper .pagtion span.swiper-pagination-bullet-active {background: url(../images/icon3.png) no-repeat center; opacity: 1; background-size: contain;}
.indexBanner .swjt {top: auto; right: 4%;; bottom: .55rem;width: 0.6rem; height: 0.6rem; border: 1px solid #ffffff; border-radius: 50%;}
.indexBanner .swjt.swiper-button-prev {left: auto; right: 4%; transform: rotate(180deg) translateX(125%);}
.indexBanner .swjt img {max-width: 20%;}

.indexTle .tle .icBox img {max-width: .6rem;}
.indexTle .tle .sm {position: relative; margin-left: 0.3rem;}
.indexTle .tle .en {position: absolute;white-space: nowrap; top: 0%; transform: translateY(-35%); left: 0; font-size: .72rem; font-weight: 700;opacity: .1; text-transform: uppercase;}
.indexTle .tle .cn {font-size: .56rem;}

.indexOne {padding: 1.5rem 0;}
.indexOne .box {display: flex; margin-top: .7rem;}
.indexOne .box a {color: #333; position: absolute; width: 100%; height: 100%; z-index: 1; left: 0; top: 0;}
.indexOne .box .le {position: relative; width: 27%; z-index: 1;padding: .2rem .5rem;display: flex;align-items: center; justify-content: space-around; border: 1px solid #E4E4E4;}
.indexOne .box .re {width: 73%;}
.indexOne .box .le .more {margin-top: 1rem;}
.indexOne .box .le .more .jt {width: 0.4rem; height: 0.4rem; min-height: 25px; min-width: 25px;  background: #1c519b; border-radius: 50%; transform: rotate(145deg); margin-right: .1rem;}
.indexOne .box .bjBox {position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: -1; opacity: 0; transition: .5s;}
.indexOne .box .bjBox img {width: 100%; height: 100%; object-fit: cover;}
.indexOne .box ul {display: flex; flex-wrap: wrap;}
.indexOne .box li {width: calc(100% / 3); border: 1px solid #E4E4E4; margin-left: -1px; margin-top: -1px; position: relative; padding:.2rem .5rem; min-height: 2.4rem;  display: flex;align-items: center;}
.indexOne .box li .more {margin-top: .4rem;}
.indexOne .box li .more .jt {width: 0.4rem; height: 0.4rem; min-height: 25px; min-width: 25px; background: #1c519b; border-radius: 50%; transform: rotate(145deg); margin-right: .1rem;}
@media (any-hover: hover) {
  .indexOne .box .le:hover .bjBox {opacity: 1;}
  .indexOne .box .le:hover .more .jt {background: #ea524c;}
  .indexOne .box .le:hover .tit {color: #fff;}
  .indexOne .box .le:hover .p1 {color: #fff;}
  .indexOne .box .le:hover .more span {color: #fff;}
  .indexOne .box li:hover .bjBox {opacity: 1;}
  .indexOne .box li:hover .more .jt {background: #ea524c;}
  .indexOne .box li:hover .tit {color: #fff;}
  .indexOne .box li:hover .p1 {color: #fff;}
  .indexOne .box li:hover .more span {color: #fff;}
}

.indexTwo {position: relative;}
.indexTwo .w90 {position: relative;}
.indexTwo .w90 .indexTle {position: absolute; top: 1rem; width: 100%; z-index: 2;}
.indexTwo .list {position: relative;width: 100%; height: 9.3rem; display: flex; top: 0; left: 0;}
.indexTwo .list li {width: calc(100% / 6); height: 100%; border-right: 1px solid rgba(255, 255, 255,.25); position: relative; transition: background .5s;}
.indexTwo .list li a {position: absolute;width: 100%; height: 100%; left: 0; top: 0;}
.indexTwo .list li .con {position: absolute; width: 100%; bottom: 20%; transform: translateY(50%); left: 0; text-align: center; transition: .5s;}
.indexTwo .list li .icBox {height: 1rem; display: flex; justify-content: center; align-items: flex-end; margin-bottom: .1rem;}
.indexTwo .list li .icBox img {max-width: 20%; max-height: 100%; object-fit: contain;}
.indexTwo .list li .jt { width: 0.49rem;height: 0.49rem; min-height: 30px; min-width: 30px; background: #ea524c; margin: auto;margin-top: .4rem; border-radius: 50%; transform: rotate(180deg); opacity: 0; transition: .5s;}
.indexTwo .imglist {position: absolute; z-index: 1; width: 100%; height: 100%; left: 0; top: 0; z-index: -1; overflow: hidden;}
.indexTwo .imglist li {position: absolute; left: 0; width: 100%; height: 100%; top: 0;z-index: -1;}
.indexTwo .imglist li img {width: 100%;height: 100%; object-fit: cover; opacity: 0;    transform: scale(1.1);   transition: opacity 1s cubic-bezier(.435,.25,.15,.965), transform 1.5s cubic-bezier(.435,.25,.15,.965);} 
.indexTwo .imglist li.on img {opacity: 1;  transform: scale(1);}
.indexTwo .list li.on {background: rgba(168, 205, 237,.3);}
.indexTwo .list li.on .con {bottom: 50%;}
.indexTwo .list li.on .con .jt {opacity: 1; transition-delay: .25s;}

.indexTwo .moblie {padding: .5rem 0;}
.indexTwo .moblie .indexTle {position: relative; top: 0; flex-wrap: wrap;}
.indexTwo .moblie .indexTle .icBox img {filter: brightness(0); -webkit-filter:brightness(0);}
.indexTwo .moblie .indexTle .more {width: 100%; margin-top: .3rem;}
.indexTwo .moblie dl {display: flex; flex-wrap: wrap; margin-top: .5rem;}
.indexTwo .moblie dd {position: relative; width: 48%; overflow: hidden; border-radius: .2rem;     margin: 1%;}
.indexTwo .moblie dd .imgBox img {width: 100%; min-height: 2.5rem; object-fit: cover;}
.indexTwo .moblie dd .icBox {height: 1rem; display: flex; justify-content: center; align-items: flex-end; margin-bottom: .1rem;}
.indexTwo .moblie dd .icBox img {max-width: 100%; max-height: 100%; object-fit: contain;}

.indexThre {margin-top: 1.2rem;}
.indexThre .indexTle {margin-bottom: .9rem;}
.indexThre .box {display: flex;}
.indexThre .imglist {width: 50%; position: relative; overflow: hidden;}
.indexThre .imglist li {position: absolute; width: 100%; left: 0; top: 0; height: 100%;}
.indexThre .imglist li img {width: 100%;height: 100%; object-fit: cover; opacity: 0;    transform: scale(1.1);   transition: opacity 1s cubic-bezier(.435,.25,.15,.965), transform 1.5s cubic-bezier(.435,.25,.15,.965);}
.indexThre .imglist li.on img {opacity: 1;  transform: scale(1);}
.indexThre .re {width: 50%;}
.indexThre .re ul {display: flex; flex-wrap: wrap; height: 100%;}
.indexThre .re li {width: 50%; min-height: 3rem; padding: .1rem .5rem; margin-left: -1px; overflow: hidden;box-sizing: border-box; position: relative; z-index: 1; display: flex; align-items: center;border: 1px solid #e9e9e9;}
.indexThre .re li a {position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1;}
.indexThre .re li .bjBox {position: absolute; z-index: -1; top: 0; left: 0; opacity: 0; transition: .5s; width: 100%; height: 100%;}
.indexThre .re li .bjBox img {width: 100%; height: 100%; object-fit: cover;}
.indexThre .re li .con {width: 100%;}
.indexThre .re li .con .conle {transform: translateY(.25rem); transition: .5s; margin-right: .5rem;}
.indexThre .re li .con .conre img {max-width: .7rem;}
.indexThre .re li .con .tit-36 {font-size: .36rem;}
.indexThre .re li .jt {width: 0.49rem; height: 0.49rem; min-width: 30px; min-height: 30px; background: #ea524c; border-radius: 50%; margin-top: 0; transform: rotate(180deg); opacity: 0; transition: .5s;}
.indexThre .re li .icBox {position: absolute; right: 0; bottom: 0; transform: translate(100%,100%); width: 2rem;height: 2rem;background: #ffffff; border-radius: 50%; transition: .5s;}
.indexThre .re li .icBox img {margin-top: .5rem; margin-left: .5rem; max-width: 25%;}
.indexThre .re li.on .con .conle {transform: translateY(0);}
.indexThre .re li.on .jt {margin-top: .3rem; opacity: 1;}
.indexThre .re li.on .bjBox {opacity: 1;}
.indexThre .re li.on .con {color: #fff;}
.indexThre .re li.on .con span {color: #fff;}
.indexThre .re li.on .icBox {transform: translate(40%,40%);}

.indexFour {background: url(../images/indexFour-bj.jpg) no-repeat center; background-size: cover; background-attachment: fixed; padding: 1.2rem 0;}
.indexFour .le {width: 42%;margin-top: .6rem;}
.indexFour .re {width: 30%;}
.indexFour .le .text {margin-top: 1.1rem;}
.indexFour .le .more {margin-top: 1.5rem;}
.indexFour .re li {padding: .6rem 0 .2rem; border-top: 1px solid rgba(255, 255, 255,.26);}
.indexFour .re li:last-child {border-bottom: 1px solid rgba(255, 255, 255,.26);}
.indexFour .re li .smBox {display: flex; justify-content: space-between; align-items: center;}
.indexFour .re li .num {display: flex; align-items: flex-end;}
.indexFour .re li .counter {font-size: .75rem; font-family: Arial, Helvetica, sans-serif; font-weight: 700; color: #fff; line-height: .8;}
.indexFour .re li .dw {font-size: var(--font24);color: #ffffff; margin-left: .1rem;}
.indexFour .re li .dw sup {transform: scale(.7); display: inline-block;}
.indexFour .re li .jt {width: 0.49rem;height: 0.49rem; min-height: 30px; min-width: 30px; background: #ea524c; border-radius: 50%; transform: rotate(145deg); opacity: 0; transition: .5s;}
.indexFour .re li .text2 {color: #9dbada; text-align: right;margin-top: .2rem;}
.indexFour .re li:hover .jt {opacity: 1;}

.indexFive {padding: 1.2rem 0;}
.indexFive a {color: #333;}
.indexFive .box {display: flex; margin-top: .8rem;border: 1px solid #dcdcdc; border-right: 0; box-sizing: border-box;}
.indexFive .le {width: 33%;border-right: 1px solid #dcdcdc;padding: .4rem; box-sizing: border-box;}
.indexFive .re {flex: 1;}
.indexFive .le:hover .swiper .imgBox img {transform: scale(1.05);}
.indexFive .swiper {--swiper-theme-color: #EA524C;}
.indexFive .swiper .imgBox {border-radius: 0.16rem; overflow: hidden;}
.indexFive .swiper .imgBox img {width: 100%; transition: .5s;}
.indexFive .swiper .slide .tit {margin-top: .4rem;}
.indexFive .swiper .slide .time {margin-top: .35rem;}
.indexFive .swiper .pagtion {text-align: right;}
.indexFive .re ul {display: flex; flex-wrap: wrap;}
.indexFive .re li {width: 50%; border: 1px solid #dcdcdc; margin-bottom: -1px; margin-left: -1px; border-top: 0; padding: .4rem; box-sizing: border-box; position: relative;}
.indexFive .re li::after {content: ''; position: absolute;width: 0; height: 0.04rem;background: #1c519b; bottom: 0; left: 0; transition: .5s;}
.indexFive .re li .bom {margin-top: .2rem;}
.indexFive .re li .jt {width: 0.49rem;height: 0.49rem; background: #ea524c; border-radius: 50%; transform: rotate(145deg); opacity: 0; transition: .5s;}
@media (any-hover: hover) {
  .indexFive .re li:hover::after {width: 100%;}
  .indexFive .re li:hover .jt {opacity: 1;}
}

.footer {background: #1b1d1e;padding-top: .8rem;}
.foternav {display: flex;border-bottom: 1px solid rgba(255, 255, 255,.15); padding-bottom: .75rem;}
.foternav dl {width: calc(100%/6); padding-right: .2rem;}
.foternav dl dt {font-size: var(--font24); font-weight: 700; color: #fff; margin-bottom: .3rem;}
.foternav dl dd {margin: .13rem 0;}
.foternav dl dd a {font-size: var(--font17);opacity: 0.4;color: #fff;}
.foternav dl dd a:hover {opacity: 1;}
.foterUs {padding: .65rem 0;}
.foterUs .le .code img {max-width: 2rem;}
.foterUs .le .item {padding-left: .35rem; margin-left: .35rem; border-left: 1px solid rgba(255, 255, 255,.2);}
.foterUs .le .item .tit-30 {font-size: .3rem;}
.foterUs .re dl dd {text-align: center; margin-right: .45rem;}
.foterUs .re dl dd .icBox {width: 0.86rem;height: 0.86rem; margin: auto; border: 1px solid rgba(255, 255, 255,.1);border-radius: 0.1rem; display: flex; align-items: center; justify-content: center;}
.foterUs .re dl dd .icBox img {max-width: 50%;}
.foterUs .re dl dd span {opacity: 0.5;color: #ffffff; display: block; margin-top: .1rem;}
.copyRight {background: #000000; padding: .2rem 0;}
.copyRight p , .copyRight p a {color: rgba(255, 255, 255,.5);}




/* ==============================================================================内页======================================================================================= */
.ny-banner {position: relative; text-align: center;}
.ny-banner .bjBox img {width: 100%; min-height: 4rem; object-fit: cover;}
.ny-banner2 .box {text-align: left; top: 58%;}
.ny-banner2 .bjBox img {min-height: 3rem;}

/* 内页二级栏目 */
.nynav ul {display: flex; justify-content: center;}
.nynav li {padding: 0 .3rem;}
.nynav li a {padding: .2rem .1rem; font-size: var(--font18);font-weight: 700; display: block; color: #333; position: relative;}
.nynav li a::after {content: ''; width: 0; background: #1c519b; height: 0.03rem; bottom: 0; position: absolute; left: 0; transition: .5s;}
.nynav li:hover a::after {width: 100%;}
.nynav li.on a::after {width: 100%;}
.nynav li:hover a {color: #1C519B;}
.nynav li.on a {color: #1C519B;}

/* 面包屑 */
.mbx {border-bottom: 1px solid #DFDFDF;}
.layui-breadcrumb {height: .54rem; min-height: 38px; border-bottom: 1px solid #DFDFDF; display: flex; align-items: center; padding: 0 .35rem;}
.layui-breadcrumb a {color: #777;}
.layui-breadcrumb a:last-child {color: #333 !important;}
.layui-breadcrumb a:hover {color: #133999 !important;}
.mbx .layui-breadcrumb {border-bottom: 0; padding: 0;}

/* ===关于我们=== */
.about-banner .box {top: 55%;}

.aboutOne {background: #f9f9f9; padding: 1.1rem 0 .9rem;}
.aboutOne .boxTop {position: relative;}
.aboutOne .le {width: 54%;}
.aboutOne .re {width: 40%;  max-height: 110%;position: absolute; right: 0; top: 50%; transform: translateY(-50%);border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; overflow: hidden;}
.aboutOne .le .text {margin-top: .5rem;}
.aboutOne .le .text p {color: #666666; font-size: var(--font17); line-height: 1.8;}
.aboutOne .re > img {width: 100%; height: 100%; object-fit: cover;}
.aboutOne .re .btn {cursor: pointer;}
.aboutOne .re .btn::before {content: ''; position: absolute; width: 100%; height: 100%; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%,-50%);opacity: .8; background: #fdfefe; animation: scalemap 2s linear infinite;}
.aboutOne .re .btn::after {content: ''; position: absolute; width: 100%; height: 100%; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%,-50%);background: #fdfefe; animation: scalemap2 2s linear infinite;}
.aboutOne .re .btn i {width: 0.68rem;height: 0.68rem;background: #fdfefe; border-radius: 50%; position: relative; z-index: 1;}
.aboutOne .re .btn i img {max-width: 30%;}
@keyframes scalemap {
  0% {transform: translate(-50%, -50%) scale(1);opacity: .8;}
  100% {transform: translate(-50%, -50%) scale(1.8);opacity: 0;}
}
@keyframes scalemap2 {
  0% {transform: translate(-50%, -50%) scale(1);opacity: .6;}
  100% {transform: translate(-50%, -50%) scale(2.5);opacity: 0;}
}
.aboutOne .boxBom {margin-top: 1.5rem;}
.aboutOne .boxBom ul {display: flex; justify-content: space-between;}
.aboutOne .boxBom li .num {display: flex; align-items: flex-end;}
.aboutOne .boxBom li .counter {font-size: 0.7rem; font-family: Arial, Arial-Bold; font-weight: 700;color: #1c519b; line-height: .9;}
.aboutOne .boxBom li .dw {font-size: var(--font20);color: #666666;}
.aboutOne .boxBom li sup {transform: scale(.7); display: inline-block;}
.aboutOne .boxBom li span {color: #616161; display: block; margin-top: .1rem;}

.aboutTwo {padding: 1.15rem 0 1.05rem;}
.aboutTwo .box {margin-top: .85rem;}
.aboutTwo ul {display: flex; justify-content: space-between;}
.aboutTwo li {width: 30%; padding: .5rem .1rem .8rem .1rem; background: rgba(248, 248, 248,.7); border: 1px solid rgba(255, 255, 255,.7); border-radius: 0.1rem; text-align: center;}
.aboutTwo li .icBox {display: flex; align-items: center; justify-content: center; height: .65rem;}
.aboutTwo li .icBox img {max-width: 100%; max-height: 100%;}

.aboutThre {background: url(../images/aboutThre-bj.jpg) no-repeat center; background-size: cover; padding: 1.1rem 0 3rem; overflow: hidden; position: relative;}
.aboutThre .swiperBox {position: relative; margin-top: 1.55rem;}
.aboutThre .swiperBox::after { content: '';display: block;width: 100%; height: 3px;background: #fff;position: absolute;left: 0;top: 130px; z-index: 1; z-index: 0;}
.abThreSwiper .slide .wrap {height: 130px; position: relative;}
.abThreSwiper .slide .wrap::after {content: '';position: absolute; bottom: 0; left: 0;width: 0.12rem; height: 0.12rem; min-height: 10px; min-width: 10px; transform: translateY(60%); background: #ff9946; border-radius: 50%;}
.abThreSwiper .slide .time {font-size: var(--font24); color: #fff;font-family: 'monRegular';}
.abThreSwiper .slide .text {margin-top: .05rem; max-height: 70px; overflow: hidden;}
.abThreSwiper .slide .text p {font-size: var(--font15); color: #fff;}
/* .abThreSwiper .slide:nth-child(odd) {margin-left: 0; margin-left: 1rem;}
.abThreSwiper .slide:first-child {margin-left: 0;} */
.abThreSwiper .slide:nth-child(even) {transform: translateX(-.5rem);}
.abThreSwiper .slide:nth-child(even) .wrap::after {bottom: auto; top: 0;transform: translateY(-40%);}
.abThreSwiper .slide:nth-child(even) .wrap {margin-top: 130px;  display: flex;align-items: flex-end;}
/* 控件 */
.aboutThre .swjt { bottom: -2rem; top: auto; left: 50%; width: .55rem; height: .55rem; min-width: 40px; min-height: 40px;background:none;border: 2px solid #ffffff;  border-radius: 50%; color: #fff; opacity: 1; z-index: 3; transition: .5s;}
.aboutThre .swjt.swiper-button-prev {right: auto; transform: translateX(-150%);}
.aboutThre .swjt:active {background: #fff;}
.aboutThre .swjt:active i {color: #01008C;}
@media (any-hover: hover) {
  .aboutThre .swjt:hover {background: #fff;}
  .aboutThre .swjt:hover i {color: #01008C;}
}
.layui-layer-page {max-width: 50%;}
.layui-layer-page .layui-layer-content {padding: .3rem;}
@media (max-width: 767px) {
  .layui-layer-page {max-width: 96%;}
}

.aboutFour {padding: .8rem 0 1rem;}
.aboutFour .box {margin-top: .7rem;}
.aboutFour ul {display: flex;}
.aboutFour li {position: relative; display: flex; flex: 1; min-height: 5rem; padding: .5rem .3rem; margin: 0 .17rem;background: #ffffff;border: 1px solid rgba(222, 222, 222,.96);border-radius: 0.1rem; transition: .5s;}
.aboutFour li .le {flex-shrink: 0; margin-right: 1rem;}
.aboutFour li .icBox {height: .6rem; display: flex; align-items: center;}
.aboutFour li .icBox img {max-width: 100%; object-fit: contain; max-height: 100%;}
.aboutFour li dt {font-size: var(--font26);font-weight: 700;color: #333333; margin-top: .1rem;padding-bottom: .4rem;}
.aboutFour li dd {color: #666666; font-size: var(--font18);}
.aboutFour li .re { position: absolute; right: .2rem; bottom: .5rem; width: 0;  opacity: 0;}
.aboutFour li .imgBox {border-radius: 0.1rem; overflow: hidden; position: relative;}
.aboutFour li .imgBox::before {content: ''; width: 100%; height: 100%; right: 0; top: 0; background: rgba(250, 250, 250,1); position: absolute; transition: .5s;}
.aboutFour li .imgBox img {width: 100%; height: 100%; object-fit: contain;}
.aboutFour li.on {flex: 2.4;background: rgba(250, 250, 250,.96);}
.aboutFour li.on .re {width: 55%;opacity: 1; transition: .5s;}
.aboutFour li.on .re .imgBox::before {width: 0; transition-delay: .25s;}
.aboutFour .more {margin-top: .56rem;}

/* 荣誉证书 */
.honorsMain { padding-bottom: 2rem;}
.honorsBox {padding-top: 1rem;}
.honorsBox .box {display: flex; justify-content: space-between; align-items: flex-start;}
.honorsnav {width: 15%; position: sticky; top: 1.4rem;} 
.honorsnav .ctitle1 > ul > li {margin-top: .2rem;}
.honorsnav .ctitle1 > ul > li .menu-li {display: flex; align-items: center; justify-content: space-between; padding: .14rem .25rem; transition: .5s; background: #f9f9f9; cursor: pointer; border-radius: 50px;}
.honorsnav .ctitle1 > ul > li .menu-li a {display: block;width:100%;color: #333; font-size: var(--font18);transition: .5s;}
.honorsnav .ctitle1 > ul > li .menu-li i {width: .14rem; flex-shrink: 0; margin-left: .2rem; transition: .5s;}
.honorsnav .ctitle1 > ul > li .menu-li.on {background: #01008C;}
.honorsnav .ctitle1 > ul > li .menu-li.on a {color: #fff;}
.honorsnav .ctitle1 > ul > li .menu-li.on i svg path {fill: #fff;}
.honorsnav .ctitle2 {display: none;}
.honorsnav .ctitle2 ul {padding:.1rem;}
.honorsnav .ctitle2 ul li {padding: .17rem .1rem; border-bottom: 1px solid rgba(221, 221, 221,.74);}
.honorsnav .ctitle2 ul li:last-child {border: 0;}
.honorsnav .ctitle2 ul li a {color: #555555; display: block; transition: .5s;}
.honorsnav .ctitle2 ul li:hover a {color: #01008C;}
.honorsnav .ctitle2 ul li.on a {color: #01008C;}
.honorsnav .ctitle1 > ul > li.on .ctitle2 {display: block;}
.honorslist {width: 80%;}
.honorslist ul {display: grid; grid-template-columns: repeat(3,1fr);gap: .8rem;}
.honorslist ul li .imgBox {position: relative;  padding-bottom: 17%; text-align: center;}
.honorslist ul li .imgBox::after {content: ""; background: url(../images/honer-img-icon.png) no-repeat bottom; background-size: 100%; z-index: -1; bottom: 0; width: 100%; height: 100%; position: absolute; left: 0;}
.honorslist ul li .picImg {display: inline-block; position: relative;width: 80%;}
.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-bottom: 1px solid #dddddd; padding: 0 .15rem; padding-bottom: .15rem; margin-top: .1rem;}
.honorslist ul li .con span {font-size: var(--font16); color: #666666; font-family: Arial, Arial-Regular; display: block; background: url(../images/fdj-icon.png) no-repeat right; padding-right: 35px;}
.honorslist ul li:hover .con span {color: #ba0703;}
.honorslist ul li:hover .picImg::after {opacity: 1;}

/* ===产品中心=== */
.pro-banner {}
.pro-banner .layui-form {width: 36%; margin: auto; margin-top: .54rem; background: #ffffff;border-radius: 100px; overflow: hidden;}
.pro-banner .layui-form .layui-form-item {margin-bottom: 0;}
.pro-banner .layui-form .layui-input-block {margin: 0;}
.pro-banner .layui-form .inputText {flex: 1;}
.pro-banner .layui-form .inputText input {height: .6rem; min-height: 36px; border: 0; padding:0 .3rem; box-shadow: none !important;}
.pro-banner .layui-form .btn {height: 100%;   min-width: .6rem; background: #ea524c; padding: 0 .2rem; border-radius: 50%; cursor: pointer;}

.proClassify {padding: .2rem 0 1rem;}
.proClassify .box {padding: 0 1.2rem 0 .7rem;}
.proClassify li {display: flex; align-items: flex-start; padding: .8rem 0; border-bottom: 1px solid rgba(189, 189, 189,.2);}
.proClassify li .tle {margin-right: .75rem; flex: .42;}
.proClassify li .tle .tleTit {display: flex; align-items: center;margin-bottom: .2rem;}
.proClassify li .tle .tleTit .tit-42 {font-size: .42rem;}
.proClassify li .tle .tleTit .imgBox {max-width: 30%;}
.proClassify li .tle .tleTit .imgBox img {width: 100%;}

.proClassify li dl {display: grid; grid-template-columns: repeat(3,1fr); gap: .2rem; flex: 1;}
.proClassify li dd {background: #f9f9f9; border-radius: 60px; transition: .5s;}
.proClassify li dd a {min-height: .6rem; height: 100%; display: flex; align-items: center; padding: .07rem .25rem;color: #666666;}
.proClassify li dd i {margin-right: .1rem; font-size: var(--font12); font-weight: 700;}
.proClassify ul.list2 {display: flex; justify-content: space-between;}
.proClassify ul.list2 li {display: block; border: 0; width: 22%;}
.proClassify ul.list2 li dl {display: block; flex: none; margin-top:.3rem;}
.proClassify ul.list2 li .tle {margin-right: 0; flex: none;}
.proClassify ul.list2 li dd {margin-bottom: .2rem;}
.proClassify li dd:hover {background: #ea524c;}
.proClassify li dd:hover a {color: #fff;}
.proClassify li dd:hover i {color: #fff;}
/* 产品列表 */
.prolist .box {display: flex;}
.prolist .le {width: 2.64rem;background: #f4f4f4; position: sticky; transition: .5s;}
.prolist .re {flex: 1; background: #fff; z-index: 2; width: calc(100% - 2.64rem);}

.prolist .btn {height: .54rem; min-height: 38px;background: #eaeaea; display: flex; align-items: center; padding-left: 20px; cursor: pointer;}
.prolist .btn span {transition: .5s; opacity: 1;}
.prolist .btn:hover i {color: #30498C;}
.prolist .btn:hover span  {color: #30498C;}
.prolist .le.hide {width: 60px;}
.prolist .le.hide .btn i {transform: rotateY(180deg);}
.prolist .le.hide .btn span {opacity: 0;} 
.prolist .le.hide .nav .ctitle1 {opacity: 0;}
.prolist .nav {width: 2.64rem; position: sticky; top: .85rem;}
.prolist .nav .ctitle1 {transition: .5s;}
.prolist .nav .ctitle1 > ul {padding: 0 .25rem; padding-bottom: .3rem;}
.prolist .nav .ctitle1 > ul > li {margin-top: .3rem;}
.prolist .nav li .menu-li {display: flex; justify-content: space-between; align-items: center;}
.prolist .nav li .menu-li a {font-weight: 700; color: #333; transition: .5s;}
.prolist .nav li .menu-li i {font-size: var(--font12); width: 26px;height: 26px;border: 1px solid #949494;border-radius: 5px; display: flex; align-items: center; justify-content: center; transition: .5s;}
.prolist .nav li .menu-li.on a {color: #133999;}
.prolist .nav li .menu-li.on i {background: #30498c; border-color: #30498c; color: #fff; transform: rotate(90deg);}
/* 二级导航 */
.prolist .nav li .ctitle2 {display: none;}
.prolist .nav li .ctitle2 ul {margin-top: .2rem;}
.prolist .nav li .ctitle2 li a {color: #555555; font-size: var(--font14); display: block;}
.prolist .nav li .ctitle2 li:hover a {color: #30498C;font-weight: bold}
.prolist .nav li .ctitle2 li.on a {color: #fff;background: #30498C;padding:5px;border-radius:20px}
.ctitle1 > ul > li.on .ctitle2 {display: block;}

/* 表格筛选 */
/* .prolist .re .layui-form {width: 100% !important;} */
.prolist .re .con {padding: .35rem;padding-right: 6%;box-sizing: border-box; }
.prolist .re .list ul {background: #f4f4f4;border-radius: 0.1rem; padding: .22rem .45rem; padding-top: .12rem; display: flex; flex-wrap: wrap; margin-top: .15rem;}
.prolist .re .list li {margin-right: .8rem; margin-top: .1rem;}
.prolist .re .list li .layui-form-checked[lay-skin=primary]>i {background: #30498c;  border-color: #30498c !important;}
.prolist .re .list li .layui-form-checkbox[lay-skin=primary]:hover>i {border-color: #30498c;}
/* 表格搜索 */
.prolist .re .search {position: relative;z-index: 2; margin: .28rem 0; padding-left: .24rem; background: #f4f4f4;border-radius: 100px; overflow: hidden; width: 3.35rem; height: .5rem; min-height: 38px; min-width: 200px;}
.prolist .re .search input {height: 100%; background: none; box-shadow: none !important; border: 0 !important; padding: 0 .2rem 0 .1rem;}
/* 表格导出 */
/* .layui-table-cell {width: 100% !important;} */
.layui-btn-container {}
.layui-table-tool {width: auto;right: 0;padding: 0;  text-align: right; position: absolute; top: 0;transform: translateY(-250%); border-bottom: 0; z-index: 1; height: auto; line-height: initial;min-height: initial;}
.layui-table-tool-temp {padding-right: .28rem; cursor: pointer;}
.layui-table-tool .layui-table-tool-self {top: -.2rem;}
.layui-table-tool .layui-table-tool-self .layui-inline {width: auto; height: auto;  border: 0;}
.layui-table-tool-self .layui-icon-export {display: flex; align-items: center;}
.layui-table-tool-self .layui-icon-export::before {content: ''; background: url(../images/toolbarDemo-icon.png) no-repeat center; background-size: contain; width: 16px; height: 20px;    display: inline-block;}
.layui-table-tool-self .layui-icon-export::after {content: '导出表单';color: #525252; margin-left: .1rem; display: inline-block; white-space: nowrap;}
/* 表格内容样式 */
.tablelist {}
.tablelist .layui-table-header table {background: #1c519b; color: #fff; width: 100%;}
.tablelist .layui-table-header table th:last-child {border-right: 0;}
/* .tablelist .layui-table-header table th {text-align: center;} */
.tablelist .layui-table-sort[lay-sort=asc] .layui-table-sort-asc {border-bottom-color: #fff;}
.tablelist .layui-table-sort[lay-sort=desc] .layui-table-sort-desc {border-top-color: #fff;}
.layui-table-main {overflow: auto; /* 或 overflow: auto */}
.layui-table-main table {width: 100% !important;}
.layui-table-main table tr {background: #e5e5e5;}
.layui-table-main table tr:nth-child(odd) {background: #f4f4f4;}
.layui-table-main table tr td {border-color: #dcdcdc;}
.layui-table-main table tr.layui-table-hover {background: #dcdcdc;}

/* 表格分页 */
.layui-laypage .layui-laypage-curr .layui-laypage-em {background: #1c519b;}

/* 产品详情 */
.proDate .tle {padding: .6rem 0;}
.proDate .dateCon {background: #f7f7f7; padding: .5rem 0;}
.proDate .dateCon .hand1 {padding: .2rem 0; border-bottom: 1px solid #ccc;}
.proDate .dateCon .con {margin-top: .5rem;}

/* ===应用领域=== */
.apptionlist {padding: 1rem 0;}
.apptionlist ul {display: grid; grid-template-columns: repeat(3,1fr); gap: .3rem;}
.apptionlist li {background: #f9f9f9;}
.apptionlist li .imgBox {overflow: hidden;}
.apptionlist li .imgBox img {transform: scale(1); transition: .5s; width: 100%;}
.apptionlist .con {padding: .38rem .35rem .5rem .35rem;}
.apptionlist li .text {margin-top: .15rem;}
.apptionlist li .text p {line-height: 1.8;}
.apptionlist li:hover .imgBox img {transform: scale(1.1);}

/* ===新闻中心=== */
.newslist {margin: .5rem 0 1rem;}
.newslist ul {display: grid; grid-template-columns: repeat(3,1fr);}
.newslist li {border: 1px solid #e3e3e3; margin-left: -1px; margin-top: -1px; padding: .35rem; box-sizing: border-box;}
.newslist li .imgBox {overflow: hidden;}
.newslist li .imgBox img {width: 100%; transition: .5s;}
.newslist li .p1 {margin-top: .4rem;}
.newslist li .more {margin-top: .5rem;}
.newslist li .jt {width: 0.5rem;height: 0.5rem; min-height: 30px; min-width: 30px; background: #f4f4f4; border-radius: 50%; transform: rotate(180deg);transition: .5s;}
.newslist li:hover .imgBox img {transform: scale(1.1);}
.newslist li:hover .jt {background: #133999; color: #fff;}


/* 新闻详情 */
.newsDateMain {background: #f9f9f9; padding: 0 0 1rem 0;}
.newsxq-box {padding: 0.5rem 0; margin-bottom: 0.44rem; display: flex; justify-content: space-between; align-items: flex-start;}
.news-left {width: 68%;}
.news-left .newsCon {background: #ffffff;border-radius: .1rem;box-shadow: 0rem 0rem 0.4rem 0rem rgba(226,225,224,0.42); padding: .4rem; box-sizing: border-box;}
.newsxq-title {border-bottom: 1px solid #ddd; padding-bottom: 0.4rem;}
.newsxq-title strong {display: block; font-size: 0.34rem; color: #333;font-weight: 700;}
.newsxq-title span {display: block;margin-top: .1rem; color: #777;}
.newsxq-editbox {margin: .3rem 0;}
.newsxq-editbox img {max-width: 100%; height: 100% !important;}
.newsxq-page {display: flex; justify-content: space-between; align-items: center; margin-top: .5rem;}
.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.51rem;height: 0.51rem;min-width: 35px;min-height: 35px;   border: 0.02rem solid #eeeeee;border-radius: 0.05rem;}
.news-prev svg {transform: rotateY(180deg);   -webkit-transform: rotateY(180deg);}
.newsxq-page em {display: inline-block; font-size: var(--font16); color: #333;}
.prev-link em {margin-left: 0.17rem;}
.next-link em {margin-right: 0.17rem;}
.next-link {flex-direction: row-reverse;}
.newsxq-page a:hover .news-prev,.newsxq-page a:hover .news-next{background: #1C519B; border-color: #1C519B; }
.newsxq-page a:hover svg path {fill: #fff;}
.newsxq-box .news-right {width: 29%;background: #fff; border-radius: .15rem;box-shadow: 0rem 0rem 0.3rem 0rem rgba(226,225,224,0.42); padding: .4rem;box-sizing: border-box; position: relative;}
.newsxq-box .news-right {position: sticky; top: 1.5rem;}
.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: 38%;border-radius: 5px; overflow: hidden;}
.newsDate .relist .reImg img {width: 100%; height: 100%;object-fit: cover; transition: .35s;}
.newsDate .relist .recon {width: 56%;}
.newsDate .relist li {margin-top: .3rem;}
.newsDate .relist span {color: #999999; font-size: var(--font14);}
.newsDate .relist h6 {color: #333333; font-size: var(--font18); transition: .35s; margin-top: .05rem;}
.newsDate .relist li:hover h6 {color: #1C519B;}
.newsDate .relist li:hover .reImg img {transform: scale(1.05);}
.newsDate .news-right::after {content: ""; background: #1C519B; width: 65%; position: absolute; left: 50%; bottom: -3%; height: .07rem; border-radius: 4px; transform: translate(-50%, -50%);}

/* ===品质与技术=== */
.techTle .text {padding-top: .3rem; width: 60%; margin: auto;}
.techOne {background: url(../images/techOne-bj.jpg) no-repeat center; background-size: cover; padding: .8rem 0 1.2rem;}
.techOne .box {margin-top: .6rem;}
.techOne ul {display: grid; grid-template-columns: repeat(4,1fr); gap: .24rem;}
.techOne li {}
.techOne li a {background: #ffffff;display: flex; justify-content: space-between; align-items: center; padding: .5rem .4rem; transition: .5s;}
.techOne li .re img {max-width: .5rem;}
.techOne li .tit {color: #333;}
.techOne li .more {margin-top: .2rem;}
.techOne li:hover a {transform: translateY(-.1rem);}

.techTwo .item .imgBox {width: 50%; position: relative;}
.techTwo .item .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.techTwo .item .imgBox .con {position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.techTwo .item .imgBox .con .text {width: 80%;}
.techTwo .item:nth-child(even) .imgBox {order: -1;}
.techTwo .item .con {display: flex; align-items: center; padding: .5rem 1rem .5rem 1.6rem; box-sizing: border-box; width: 50%;}
.techTwo .item .techTle .text {margin: 0; width: 100%; padding-top: .4rem;}
.techTwo .item .techTle .text p {line-height: 1.7;}
.techTwo .item .more {margin-top: .7rem;}
.techTwo .item .more a {background: #1c519b;border-radius: 100px; padding: .2rem .25rem; display: inline-flex; color: #fff; transition: .5s;}
.techTwo .item .more a span {margin-right: .18rem;}
.techTwo .item .more a:hover {box-shadow: 0 0 .1rem #1c519b;}

/* ===联系我们=== */
.tactOne {position: relative;}
#tabHeader {position: absolute;padding: 0 1.7rem; top: .6rem; display: flex; align-items: center;}
#tabHeader .a1 {margin-right: .2rem;}
#tabHeader .btn {cursor: pointer; border: 1px solid transparent;border-radius: 100px; padding: .15rem .4rem; box-sizing: border-box; transition: .5s; font-size: var(--font18); color: #9F9F9F;}
#tabHeader .btn.layui-this {border-color: #1c519b; font-weight: 700; font-size: var(--font20); color: #1c519b;}
#tabBody .item {display: none;}
#tabBody .item .box {display: flex; justify-content: space-between; align-items: center;}
#tabBody .box .le {width: 50%; padding: 0 1.7rem; box-sizing: border-box;}
#tabBody .box .re {width: 50%;}
#tabBody .box .re img {width: 100%; min-height: 8rem; object-fit: cover;}
#tabBody .item .tle .tit {padding-bottom: .2rem; border-bottom: 1px solid #C4C4C4; font-size: .46rem;}
#tabBody .item dl {margin-top: .4rem;}
#tabBody .item dd {display: flex; align-items: center; margin: .15rem 0;}
#tabBody .item dd p {color: #666;}
#tabBody .item dd .icBox {flex-shrink: 0;width: 20px; margin-right: .18rem;}
#tabBody .item dd p a:hover {color: #01008C;}
#tabBody .item .more {margin-top: .6rem;}
#tabBody .item .more a {background: #1c519b;border-radius:100px; padding: .14rem .25rem; transition: .5s;}
#tabBody .item .more a:hover {box-shadow: 0 0 .1rem #1c519b;}

.tactTwo {background: url(../images/tactTwo-bj.jpg) no-repeat center; background-size: cover; padding: 1rem 0;}
.tactTwo .tle {text-align: center;}
.tactTwo .box {width: 58%; margin: auto; padding-top: .5rem;}
.tactTwo .layui-form {display: flex; flex-wrap: wrap; justify-content: space-between;}
.tactTwo .layui-form .inBox {width: 49.25%; padding-right: .25rem; margin-top: .2rem;border: 1px solid rgba(210, 210, 210,.2);border-radius: 0.05rem; height: .64rem; min-height: 40px; display: flex; align-items: center; justify-content: space-between;}
.tactTwo .layui-form .inBox input , .tactTwo .layui-form .inBox textarea {height: 100%; flex: 1; background: none; border: 0; color: #fff; box-shadow: none !important; padding: 0 .2rem;}
.tactTwo .layui-form .inBox .icBox img {max-width: .3rem;}
.tactTwo .layui-form .inTxtBox {width: 100%; height: 1.1rem; min-height: 70px; padding: .2rem; align-items: flex-end;}
.tactTwo .layui-form .inBox textarea {resize: none; padding-left: 0;}
.tactTwo .layui-form .sub {display: flex; justify-content: center; margin-top: .5rem; width: 100%;}
.tactTwo .layui-form .sub button {background: #ea524c;border-radius: 100px; padding: .14rem .4rem; box-sizing: border-box; cursor: pointer;}

/* ===人才引进=== */
.talentOne {padding: 1.2rem 0 1rem;}
.talentOne .box {display: flex; justify-content: space-between; align-items: center;}
.talentOne .le {width: 50%;}
.talentOne .re {width: 47%;border-radius: 0.2rem; overflow: hidden;}
.talentOne .re img {width: 100%;}
.talentOne .le .tit {line-height: 1.2;}
.talentOne dl {margin-top: .7rem;}
.talentOne dd {margin: .15rem 0; font-size: var(--font20);color: #6d6d6d; position: relative; display: flex; align-items: center;}
.talentOne dd::before {content: ''; width: 6px; height: 6px; background: #1c519b; border-radius: 50%; margin-right: .2rem;}

.talentTwo {background: url(../images/talentTwo-bj.jpg) no-repeat center; background-size: cover; padding: .8rem 0 1rem;}
.talentTwo .box {margin-top: .5rem;}
.talentTwo ul {display: grid; grid-template-columns: repeat(3,1fr); gap: .5rem;}
.talentTwo ul li {padding: .25rem;border: 1px solid rgba(20,88,228, .06);border-radius: .1rem;display: flex; align-items: center;-webkit-transition: border .6s ease,box-shadow .6s ease;transition: border .6s ease,box-shadow .6s ease; background: #fff;}
.talentTwo ul li .ico_box {width: 90px;height: 90px;border-radius: 50%; padding: 15px; background: url(../images/talentTwo-icon-bj.png) no-repeat center;background-size: cover;margin-right: .25rem;}
.talentTwo ul li .ico_box img {-webkit-transition: transform .6s ease;transition: transform .6s ease;}
.talentTwo ul li .tit {font-size: var(--font24);}
.talentTwo ul li .des {margin-top: .10rem; color: #5c5c5c;}
.talentTwo ul li:hover {box-shadow: inset 0 0 0.1rem 0.05rem rgba(20,88,228, .06);}
.talentTwo ul li:hover .ico_box img {transform: rotateY(180deg);}

.talentThre { background: url(../images/talentThre-bj.jpg) no-repeat center; background-size: cover; padding: .6rem 0;}
.talentThre .bigBox {margin-top: .6rem;}
.talentThre ul li {margin-bottom: .1rem; display: none;}
.talentThre ul li .box {background: rgba(255, 255, 255,.76); padding: .05rem .4rem .25rem; box-sizing: border-box; display: flex; align-items: center;justify-content: space-between; flex-wrap: wrap; position: relative;}
.talentThre ul li .item.name {font-weight: 400;color: #333333; font-size: var(--font22);}
.talentThre ul li .item {padding-top: .2rem; margin-right: .2rem; color: #888888;}
.talentThre ul li .item span {color: #666666;}
.talentThre ul li .money {} 
.talentThre ul li .date { text-align: right; padding-left: 5%; padding-right: 5%; box-sizing: border-box; color: #0415F8;}
.talentThre ul li .btn {position: absolute; width: 100%; height: 100%; left: 0; top: 0; cursor: pointer;}
.talentThre ul li:hover {background: #fff;}
.talentThre .moreList {margin-top: .5rem;}
.talentThre .moreList a {color: #0415F8;}

.laypage .layui-layer-title {height: auto; line-height: initial; padding-top: .2rem; padding-bottom: .1rem;}
.laypage .layui-layer-title h3 {font-size: var(--font20); font-weight: 700;}
.laypage .layui-layer-title .time {margin-top: .1rem;}
.laypage .layui-layer-title .time span {font-size: var(--font16);color: #666;display: inline-block;margin-right: .3rem;}


/* 新增加文件下载 */
.download {padding: .5rem 0;}
.download ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
.download li {width: 48%; border-bottom: 1px solid #ddd;}
.download li:hover{ border-bottom: 1px solid #01008C;}
.download li a {display: flex; justify-content: space-between; padding: .1rem 0; color: #333; } 
.download li .icBox {margin-left: .5rem;}
.download li:hover a {color: #01008C; }


/* 产品列表样式调整 */
.layui-table-view .layui-table th .layui-table-cell {padding: 5px 10px; height: auto; line-height: 1.5;display: flex;flex-wrap: wrap;}
.layui-table-view .layui-table thead tr {display: flex;}
.layui-table-view .layui-table td  , .layui-table-view .layui-table th  {white-space: wrap;font-size: 12px; min-width: 80px}
.layui-table-view .layui-table td {font-size: 14px;}
.layui-table-view .layui-table td div {width: 100%;  white-space: wrap;}
.layui-table-view .layui-table th div {width: 100%;  white-space: wrap;}

.layui-table-view .layui-table td div .down {display: flex; justify-content: space-between;}

.prolist .listMore {padding-top: .3rem;}
.prolist .listMore .tit {cursor: pointer; display: inline-block;}
#selectType {max-height: 4.1rem; overflow-y: auto; background: #f4f4f4;border-radius: 0.1rem;padding: .12rem;padding-top: .12rem;margin-top: .12rem; display: none;}
#selectType .item {margin: .15rem 0;}
#selectType .item  {font-size:0.14rem;color:#666}
#selectType .item .titname{color:#333;font-size:0.16rem}

#selectType .item span.irs-from,#selectType .item span.irs-to{color:#fff}
#selectType .item .checkbox1 {margin-right: .1rem;}
.prolist .listMore .irs--flat .irs-bar {background: #30498c;}
.prolist .listMore .irs--flat .irs-handle>i:first-child {background: #30498c;}
.prolist .listMore .irs--flat .irs-from, .prolist .listMore .irs--flat .irs-to,.prolist .listMore .irs--flat .irs-single {background: #30498c;}
.prolist .listMore .irs--flat .irs-from:before, .prolist .listMore .irs--flat .irs-to:before, .prolist .listMore .irs--flat .irs-single:before {border-top-color: #30498c;}

.prolist .condition {position: relative; padding-bottom: .5rem;}
.prolist .re .search {margin: 0;}

.layui-table-box {overflow: visible;}
.layui-table-header {position: sticky; top: .84rem;z-index: 1;}
@media screen and (max-width: 1580px) {
  .layui-table-header {top: 70px;}
}
@media screen and (max-width: 767px) {
  .layui-table-header {top: 60px;}
}

/* 2024.04.08 新增加产品搜索页面 */
.proSearch .box {padding: .5rem 0;}
.proSearch .tle {text-align: center;}
.proSearch .tle .t1 {font-size: var(--font30); font-weight: 700;}
.proSearch .tle .t2 {font-size: var(--font14); color: #666;}
.proSearch .tle .t2 span { color: #0415F8;}
.proSearch .tle .t3 {margin-top: .2rem; font-weight: bold; color: #000; font-size: var(--font26);}
.proSearch .tle strong{ position: relative; margin:0 auto 0; width: 50px; height: 50px;  display: flex; flex-wrap: wrap; justify-content: center; align-items: center;  }
.proSearch .tle strong font{ position: relative;display: block; background: #ddd; width: 18px; height: 28px; border-radius: 2rem; opacity: 0.8;}
.proSearch .tle strong font:after{position:absolute;content:"";width:4px;height:9px;background:#aaa;border-radius:4rem;left:50%;top:50%;transform:translate(-50%, -50%);animation: 1.5s linear 0.5s infinite hua; }
@keyframes hua { from { top:5px; } to { top: 20px; } }
@keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } to { -webkit-transform: rotate(1turn); transform: rotate(1turn) } }
.proSearch .form  {margin: .5rem auto; width: 80%;border: 0; background-color: rgb(255, 255, 255); box-shadow: 0px 13px 36.86px 1.14px rgba(40, 43, 109, 0.08);height: 50px;padding: 0 .2rem;display: flex;justify-content: space-between; color: #0073b7;}
.proSearch .form input {height: 100%; width: 100%; max-width: 100%; border: 0; box-shadow: none; padding-right: .2rem;}
.proSearch .form button {flex-shrink: 0; cursor: pointer;}

.proSearch .box .item {margin-bottom: .6rem;}
.proSearch .box .item .tableBox {overflow-x: auto;}
.proSearch .box .item .tableInfo {width: 100%;}
.proSearch .box .item .tableInfo thead {background: #1c519b;}
.proSearch .box .item .tableInfo thead tr th {border: 1px solid #dcdcdc; color: #fff;    padding: 5px 10px; font-size: var(--font14);}
.proSearch .box .item .tableInfo tbody tr td {border: 1px solid #dcdcdc;    padding: 5px 10px;}

.proSearch .box .item .tableInfo tbody tr:nth-child(odd) {background: #f4f4f4;}
.proSearch .box .item .tableInfo tbody tr { background: #e5e5e5;}