/* =====头部===== */ 
body {}
#c-placeholder {height: 1rem;min-height: 70px;}
.header {position: fixed; top: 0; z-index: 99; left: 0; width: 100%; border-bottom: 1px solid transparent; transition: .5s;}
.header .headBox {padding: 0 2%; box-sizing: border-box; display: flex; justify-content: space-between; height: 1.1rem; min-height: 70px; background-color:#FFF;}
.headlogo {display: flex; align-items: center; height: 100%;}
.headlogo img {max-width: 4.5rem;  object-fit: contain;}

/* 导航 */
nav {width: auto;height: 100%; display: flex; align-items: center; flex: 1; margin: 0 12%;}
nav > ul {display: flex; height: 100%; width: 100%; justify-content: space-between;}
nav > ul > li {height: 100%; display: flex; align-items: center; position: relative;}
nav > ul > li > a {color: #333; position: relative;transition: .5s;  font-size: var(--font18);}
nav > ul > li > a::after {content: ''; width: 0; height: 0.03rem;min-height: 2px;background: #213d87;position: absolute;left: 50%;bottom: -.2rem; transition: .5s;}
nav > ul > li:hover > a::after {width: 100%; left: 0;}
nav > ul > li:hover > a {color: #213d87;}
nav > ul > li.on > a {font-weight: 700;}
nav > ul > li.on > a::after {width: 100%; left: 0;;}


/* 二级下拉 */
.navTwo {line-height: initial; width: max-content;position: absolute;top: 100%; left: 0; transform: translateY(15%) translateX(-50%); z-index: 10;opacity: 0;pointer-events: none;transition: all 0.4s;}
.navTwo .box {display: flex;  align-items: flex-start; padding: .2rem; padding-right: 0; background: #fff;border-radius: 0.1rem;box-shadow: 0 .1rem .2rem 0 rgba(0, 0, 0, 0.15);}
.navTwo .box .navImgBox {margin-right: .3rem; border-radius: 0.1rem; overflow: hidden; width: 2rem; position: relative;}
.navTwo .box .navImgBox img {width: 100%; height: 100%; object-fit: cover;display: none; }
.navTwo .box .navImgBox .item.active img {animation: fadeIn .5s ease-in-out; display: block;}
.navTwo.on {opacity: 1;pointer-events: auto; transform: translateY(-3%) translateX(-50%);}
.navTwo dl {padding-right: .5rem;display: grid; grid-template-columns: repeat(2, 1fr); gap: .2rem; row-gap: .15rem;}
.navTwo dl dd {}
.navTwo dl dd a {display: flex;align-items: center; transition: .4s; color: #666666; font-size: var(--font14);}
.navTwo dl dd a i {margin-right: .1rem;}
.navTwo dl dd a:hover {color: #213d87;}
.navTwo dl dd a i svg path {transition: .5s;}
.navTwo dl dd a:hover i svg path {fill: #213d87;}



/* 语言选择 */
.headlang .layui-nav {background: none; padding: 0; margin-right: .25rem;}
.headlang .layui-nav .layui-nav-item {line-height: initial;}
.headlang .layui-nav .layui-nav-item > a {display: flex; padding: 0;}
.headlang .layui-nav .layui-nav-item > a span {margin: 0 5px;}
.headlang .layui-nav .layui-nav-more {position: relative; top: 0; right: 0;}
.headlang .layui-nav .layui-nav-more::before {content: '';  width: 7px; height: 8px; background: url(../images/sjx-icon1.png) no-repeat center; background-size: contain; display: inline-block;}
.headlang .layui-nav .layui-nav-mored {transform: rotate(90deg);}
.headlang .layui-nav .layui-nav-child {top: 100%;}
/* 电话 */
.headphone a {background: #1e4b99;border-radius: 100px; padding: .1rem .2rem;margin-right: .25rem;min-height: .46rem; color:#FFF; font-size:18px;}
/* 搜索按钮 */
.heSearch a {width: 0.46rem;height: 0.46rem;background: #1e4b99; border-radius: 50%;}
.heSearch a svg {max-width: 50%;}
/* 搜索下拉 */
.hadbox-sec4 {position: absolute;left: 0;top: 100%;width: 100%;display: none; box-sizing: border-box;}
.hadbox-sec4  {background-color: #fff;padding: .5rem; border-top: 1px solid #eee;  box-shadow: 0 2px 2px rgba(0, 0, 0,.1);}
.hadbox-sec4 .close {position: absolute; right: 1.5%; top: 5%; cursor: pointer; max-width: .3rem;}
.hadbox-sec4 .close svg {max-width: 100%;}
.hadbox-sec4 .f_tit {color: #222222;margin-bottom: 0.24rem;font-size: var(--font30);}
.hadbox-sec4 .form {display: flex; align-items: center; justify-content: space-between; padding-bottom: 20px; border-bottom: 1px solid #dddddd;}
.hadbox-sec4 .form i { display: block; width: 0.3rem; overflow: hidden;}
.hadbox-sec4 .form i svg {width: 100%;}
.hadbox-sec4 .form input {width: calc(100% - 3.1rem);padding: 0.16rem 0.24rem; color: #333333; flex: 1;}
.hadbox-sec4 .form .f_sub {width: 1.6rem; height: 0.56rem; min-height: 40px; background: #1e4b99;border-radius: 5px;font-size: var(--font20);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 {border-color: rgba(128, 130, 132,.15); background: #fff;}

/* 移动端导航栏目 */
.moblienav {padding: .2rem 2%; position: relative; background: #fff; }
.moblienav ul {display: flex; justify-content: space-around;}
.moblienav li a {}
.moblienav li dl {position: absolute; width: 100%; top: 100%; left: 0; padding: .2rem 0; border-top: 1px solid #eee; display: flex; flex-wrap: wrap; background: #fff; display: none;}
.moblienav li dl dd {display: inline-block;}
.moblienav li dl dd a {border: 1px solid #eee; margin: .1rem .1rem; display: inline-block; padding: .1rem .2rem;}

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

/* ===============公用css end!!!!===================*/
.more1 {background: #213d87; border: 1px solid transparent; padding: .13rem .25rem; box-sizing: border-box;display: inline-flex; overflow: hidden; position: relative;z-index: 1; transition: .5s;}
.more1 span {margin-right: .4rem; }
.more1 i {transform: rotate(145deg); transition: .5s; font-size: var(--font18);  font-weight: 700;}
.more1::after {content: ''; position: absolute; background: #fff;  width: 100%; height: 0; bottom: 0; left: 0; z-index:-1; transition: .5s;}

@media (any-hover: hover) {
  .more1:hover {border-color: #213d87;}
  .more1:hover span {color: #213d87;}
  .more1:hover i {color: #213d87;}
  .more1:hover::after {height: 100%;}
}


.telBox .icBox {width: 0.44rem;height: 0.44rem;  min-height: 35px; min-width: 35px; background: #1e4b99; border-radius: 50%;}
.telBox .icBox img {max-width: 65%;}

#preloader-1 {position: relative;}
#preloader-1 span {position: relative; width:10px; height: 10px; background: #1e4b99;border-radius: 50%; bottom: 0; display: inline-block;}
#preloader-1 span:nth-child(1) {animation: cross-1 1.5s infinite linear;}
#preloader-1 span:nth-child(2) {background: #213d87; animation: cross-2 1.5s infinite linear;}
@keyframes cross-1{
  0%{transform: translateX(0); opacity: 0.8;}
  50%{transform: translateX(100%); opacity: 1;}
  100%{transform: translateX(0);opacity: 0.8;}
}
@keyframes cross-2{
  0%{transform: translateX(100%); opacity: 0.8;}
  50%{transform: translateX(0); opacity: 1;}
  100%{transform: translateX(100%);opacity: 0.8;}
}
.indexTle .tit1 {position: relative; z-index: 1;}
.indexTle .tit1 .en {position: absolute; bottom: 0;left: 0; line-height: 1; z-index: -1; background: #333;-webkit-background-clip: text; background-clip:text;-webkit-text-fill-color: #fff;text-fill-color: #fff; font-size: .92rem; text-shadow: 1px 1px 1px rgba(0, 0, 0, .1);}
.indexTle .xian {display: inline-block; width: 0.92rem;height: 1px;background: #213d87; margin-top: .2rem;}
.indexTle2 .t2 {display: block;}
.indexTle2 .tit1 .en {left: 50%; transform: translateX(-50%);}

/* ======首页======= */
/* banner */
.indexBanner {overflow: hidden; height: auto; position: relative; top: 0; z-index: 1;background: #fff; width:100%; margin:0 auto;}
.indexBanner .swiper1 {height: auto; --swiper-theme-color: #1e4b99;}
.indexBanner .slide .box {top: 40%;}
.indexBanner .slide .bjBox {height: 100%;}
.indexBanner .slide .bjBox img {width: 100%; width: 100%;height: auto; min-height: 4rem;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 .p2 {margin-top: .1rem;}
.indexBanner .con .p3 {margin-top: .3rem;}
.indexBanner .con .more {margin-top: .6rem;}
.indexBanner .thumbBox {position: absolute; bottom: 1rem; left: 1rem;z-index: 1;}
.indexBanner .thumbBox .slide {cursor: pointer;}
.indexBanner .thumbBox .slide .text {color: #666666; font-size: var(--font15); margin: .07rem 0; position: relative; z-index: 1; padding: 0 .1rem; display: inline-block;}
.indexBanner .thumbBox .slide .text::after {position: absolute; content: '';width: var(--font22);height: var(--font22);background: #1e4b99; border-radius: 50%; z-index: -1; left: 0; top: 0; opacity: 0; transition: .5s;}
@keyframes to100 {0% {left: 0;}100% {left: calc(100% - var(--font22));}}
.indexBanner .thumbBox .slide.swiper-slide-thumb-active .text {font-weight: 700; color: #333; font-family: 'monBold';}
.indexBanner .thumbBox .slide.swiper-slide-thumb-active .text::after {opacity: 1; animation: to100 5s linear forwards;}
/* 控件 */
.indexBanner .pagtion {left: auto; right: 5%; top: 50%;  bottom: auto; width: auto; transform: translateY(-50%);}
.indexBanner .pagtion .swiper-pagination-bullet {margin: .2rem 0; background: #fff; display: block; position: relative; opacity: 1; width: auto; height: auto; background: none;}
.indexBanner .pagtion .pag {width: .6rem; height: .6rem;  background: none; opacity: 1; box-sizing: border-box; display: block; border-radius: 50%; position: relative; margin: auto;}

.indexBanner .pagtion .pag .num {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 0; transition: .5s; color: #1e4b99;}
.indexBanner .pagtion .pag i {width: 5px;height: 5px; background: #ffffff;position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%;}
.indexBanner .pagtion .svgBox {width: 145%; height: 145%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: .4s;}
.indexBanner .pagtion .svgBox svg {fill: none;transform: rotate(-90deg); fill: none;stroke-width:1px;stroke:#1e4b99;stroke-dasharray:130; stroke-dashoffset:130; overflow: visible;}
.indexBanner .pagtion .swiper-pagination-bullet-active .pag i {opacity: 0;}
.indexBanner .pagtion .swiper-pagination-bullet-active .pag .num {opacity: 1;}
.indexBanner .pagtion .swiper-pagination-bullet-active .pag {border-color: rgba(255, 255, 255,.2)}
.indexBanner .pagtion .swiper-pagination-bullet-active .pag svg {animation: dashTooffset 6s linear forwards;}
.indexBanner .pagtion .swiper-pagination-bullet-active .pag i {background: #1e4b99;}
@keyframes dashTooffset {0% {stroke-dashoffset: 130;}100% {stroke-dashoffset: 0;}}

.indexOne {padding: .6rem 0 0 0;background: #fcfcfc;}
.indexOne .indexTle .tit1 .en { -webkit-text-fill-color: #FCFCFC;text-fill-color: #FCFCFC;}
.indexOne .oneBox {position: relative;}
.indexOne .le {width: 54%; padding-bottom: .2rem;}
.indexOne .le .text p {color: #666666; font-size: var(--font16); line-height: 160%; margin-top: 10px; text-indent: 2em;}
.indexOne .numlist {margin: .3rem 0;}
.indexOne .numlist ul {display: flex; justify-content: space-between; flex-wrap: wrap;}
.indexOne .numlist li .num {display: flex; align-items: flex-start; line-height: 1;}
.indexOne .numlist li .counter {font-size: var(--font60); font-weight: 700;color: #213d87;}
.indexOne .numlist li .p1 {color: #213d87;transform: translateY(50%);}
.indexOne .numlist li span {margin-top: .1rem; display: block;}
.indexOne .le .more .logo {opacity: 0.1;margin-left: .65rem;}
.indexOne .le .more .logo img {max-width: 2rem;}
.indexOne .re {width: 45%; height: 100%;position: absolute; right: 0; top: 50%; transform: translateY(-50%);  overflow: hidden; display: flex; align-items: center;}
.indexOne .re > img {width: 100%; height: 100%; object-fit: cover; border-top-left-radius: .9rem;}
.indexOne .re .imgBox {height: 100%; position: relative; overflow: hidden;}
.indexOne .re .imgBox img {width: 100%; height: 100%;}
.indexOne .re .btn {cursor: pointer;}
.indexOne .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;}
.indexOne .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;}
.indexOne .re .btn .iBox {width: 1rem;height: 1rem;background: #fdfefe; border-radius: 50%; position: relative; z-index: 1;}
.indexOne .re .btn .iBox i {width: .23rem; height: .27rem; background: #1e4b99; -webkit-clip-path: polygon(100% 50%, 0 0, 0 100%);clip-path: polygon(100% 50%, 0 0, 0 100%);}
@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;}
}

.indexTwo {padding: .5rem 0; position: relative; overflow: hidden; z-index: 1;}
.indexTwo .tleBox .tit {padding-left: .2rem; border-left: 0.04rem solid #213d87; line-height: 1;}
.indexTwo .swiperBox1 {margin-top: .58rem; width: 110%; transform: translateX(-5%); position: relative;}
.indexTwo .swiperBox1 > .swiper {position: static; overflow: visible;}
.indexTwo .thumbBox {position: relative;}


.indexTwo .thumbBox .slide {width: auto; cursor: pointer;}
.indexTwo .thumbBox .slide .text {margin-left: .25rem; font-size: var(--font18); font-weight: 700; position: relative; padding-bottom: .1rem; border-bottom: 2px solid #333; transition: .5s;}
.indexTwo .thumbBox .slide .text::after {content: ''; position: absolute; height: 2px; left: 0; bottom: -2px; background: #333; background: #213d87; width: 0; transition: .5s;}
.indexTwo .thumbBox .slide.swiper-slide-thumb-active .text::after {width: 100%;}
.indexTwo .thumbBox .slide.swiper-slide-thumb-active .text {color: #213d87; border-color: transparent;}
.indexTwo .swiperBox2 .swiper {padding: .4rem 0; position: static;} 
.indexTwo .swiperBox2 .slide .abox {width: 100%; display: block; transform: scale(.7); transition: .5s;}
.indexTwo .swiperBox2 .slide .t1 {text-align: center; display: block; font-size: var(--font20); display: block; margin-top: .15rem; font-weight: 700; color: #333;}
.indexTwo .swiperBox2 .slide .imgBox {border: 1px solid #f2f2f2; box-sizing: border-box; position: relative; overflow: hidden;}
.indexTwo .swiperBox2 .slide .imgBox::before {content: ''; position: absolute; width: 100%; height: 100%; background: #000000; top: 0; left: 0; z-index: 1; opacity: 0.3; transition: .5s;}
.indexTwo .swiperBox2 .slide .imgBox img {width: 100%; transition: .5s;}
.indexTwo .swiperBox2 .slide:hover .imgBox img {transform: scale(1.1);}
.indexTwo .swiperBox2 .slide.swiper-slide-active .abox {transform: scale(1.18);}
.indexTwo .swiperBox2 .slide.swiper-slide-active .imgBox::before {opacity: 0;}
/* 控件 */
.indexTwo .thumbBox .swjt {width: .4rem; height: .4rem;  margin: 0;  top: 50%; display: none;}
.indexTwo .thumbBox .swjt.swiper-button-prev {left: 0;transform: rotate(180deg) translateY(50%) translateX(120%)}
.indexTwo .thumbBox .swjt.swiper-button-next {right: 0;transform:translateY(-50%) translateX(120%)}
.indexTwo .swjt {width: 0.68rem; height: 0.68rem; background: #213d87; border: 1px solid transparent; box-sizing: border-box;}
.indexTwo .swjt::before {content: ''; width: 100%; height: 0; z-index: -1; background: #fff; position: absolute; bottom: 0; left: 0; transition: .5s;}
.indexTwo .swjt.swiper-button-prev {transform: rotate(180deg) translateX(50%); left: 0;}
.indexTwo .swjt.swiper-button-next {right: 0; transform: translateX(50%);}
.indexTwo .swjt svg {max-width: 40%;}
@media (any-hover: hover) {
  .indexTwo .swjt:hover {border-color: #213d87;}
  .indexTwo .swjt:hover svg path {fill: #213d87;}
  .indexTwo .swjt:hover::before {height: 100%;}
}

.indexThre {background: url(../images/aboutThre-bj.jpg) no-repeat center; background-size: cover; padding-bottom: .45rem; border-bottom: 1px solid #F2F2F2; box-sizing: border-box;}
.indexThre .tleBox .tit {padding: .42rem 0; background: url(../images/indexThre-tle-bj.png) no-repeat center; background-size: contain; text-align: center;}
.indexThre .swiperBox .slide .imgBox {position: relative; overflow: hidden;}
.indexThre .swiperBox .slide .imgBox img {width: 100%; transition: .5s;}
.indexThre .swiperBox .slide .info {width: 90%; padding: .3rem .4rem; box-sizing: border-box; margin: 0 5%; background: #ffffff; box-shadow: -0.02rem 0rem 0.03rem 0rem rgba(51,51,51,0.09); transform: translateY(50%);opacity: 0; }
.indexThre .swiperBox .slide .info .p1 {font-size: var(--font28); font-weight: 700; color: #333;}
.indexThre .swiperBox .slide .info .p2 {color: #333;}
.indexThre .swiperBox .slide.swiper-slide-active .info {opacity: 1;  transform: translateY(-50%);transition: .5s; transition-delay: .5s; flex-wrap: wrap;}
.indexThre .swiperBox .slide:hover .info .infore {color: #213d87;}
.indexThre .swiperBox .slide:hover .info .infore svg path {fill: #213d87;}
.indexThre .thumbBox {position: relative;}
.indexThre .thumbBox .swiper {z-index: 1; margin: 0 .2rem; padding: 0 .6rem;}
.indexThre .thumbBox .swiper::after {content: ''; position: absolute; width: 100%; height: 100%;background: url(../images/indexThre-thumbBox-bj.png) repeat-x center; background-size: contain; background-position-y: 6%; top: 0; left: 0; z-index: -1;}
.indexThre .thumbBox .slide { cursor: pointer; text-align: center; }
.indexThre .thumbBox .slide .cirle {position: relative; z-index: 1; display: inline-block; transition: .5s;}
.indexThre .thumbBox .slide .cirle i {width: 0.05rem; height: 0.05rem;background: #a1a1a1;border-radius: 50%; display: block;}
.indexThre .thumbBox .slide .cirle::after {content: ''; position: absolute; width: 200%; height: 200%; background: #f3f3f3; inset: 0; transform: translate(-25%, -25%); border-radius: 50%; z-index: -1; transition: .5s;}
.indexThre .thumbBox .slide span {display: block;  font-size: .18rem; color: #666;margin-top: .1rem; transition: .5s;}
.indexThre .thumbBox .slide.swiper-slide-thumb-active .cirle {transform: scale(1.8);}
.indexThre .thumbBox .slide.swiper-slide-thumb-active .cirle i {background: #213d87;}
.indexThre .thumbBox .slide.swiper-slide-thumb-active .cirle::after {background: #213d87; opacity: .5;}
.indexThre .thumbBox .slide.swiper-slide-thumb-active span {color: #213d87; font-weight: 700;}
/* 控件 */
.indexThre .swjt {}
.indexThre .swjt {width: 0.4rem; height: 0.4rem; background: #213d87; border: 1px solid transparent; box-sizing: border-box; top: calc(var(--font18) + 5px);}
.indexThre .swjt::before {content: ''; width: 100%; height: 0; z-index: -1; background: #fff; position: absolute; bottom: 0; left: 0; transition: .5s;}
.indexThre .swjt.swiper-button-prev {transform: rotate(180deg) translateX(50%); left: 0;}
.indexThre .swjt.swiper-button-next {right: 0; transform: translateX(50%);}
.indexThre .swjt svg {max-width: 40%;}
@media (any-hover: hover) {
  .indexThre .swjt:hover {border-color: #213d87;}
  .indexThre .swjt:hover svg path {fill: #213d87;}
  .indexThre .swjt:hover::before {height: 100%;}
}

.indexFour {padding-top: .4rem;}
.indexFour .fourBox {margin-top: .3rem; padding: .35rem 0; background: url(../images/indexFour-bj.jpg) no-repeat center; background-size: cover; position: relative; z-index: 1;}
.indexFour .box {display: flex; justify-content: space-between;}
.indexFour .le {width: 50%;}
.indexFour .re {width: 45.5%; padding: .35rem 0;}
.indexFour .imglist {position: absolute; left: 0; top: 0; height: 100%; width: 43.5%; z-index: -1; overflow: hidden;}
.indexFour .imglist .item {position: absolute;inset: 0; width: 100%;height: 100%;}
.indexFour .imglist .item img {width: 100%; height: 100%; object-fit: contain;}
.indexFour .le .navlist {display: flex; justify-content: flex-end;}
.indexFour .le .navlist li {margin-top: .3rem; padding: .22rem .58rem; display: flex; align-items: center; background: rgba(255, 255, 255,.9); border-radius: 0.2rem; box-shadow: 0px 3px 8.28px 0.72px rgba(0, 0, 0, 0.05); transition: .5s;}
.indexFour .le .navlist li:first-child {margin-top: 0;}
.indexFour .le .navlist li:nth-child(1) , .indexFour .le .navlist li:nth-child(6) {transform: translateX(-.9rem);}
.indexFour .le .navlist li:nth-child(2) , .indexFour .le .navlist li:nth-child(5) {transform: translateX(-.5rem);}
.indexFour .le .navlist li span {margin-left: .15rem; font-size: var(--font24);color: #333333; font-weight: 700;}
.indexFour .le .navlist li .icBox img {max-width: .4rem;}
.indexFour .re .imgul ul {display: grid;grid-template-columns: repeat(3, 1fr); gap: .1rem;}
.indexFour .re .imgul li {}
.indexFour .re .imgul img {width: 100%;}
.indexFour .re .item .tle2 .t1 {font-size: var(--font40); font-weight: 700;}
.indexFour .re .item .tle2 .t2 { color: #666666; margin-top: .15rem;}
.indexFour .re .item .tle2 .xian {width: 1.49rem;height: 1px;background: #b0b0b0; position: relative;  box-sizing: border-box; margin-top: .45rem;}
.indexFour .re .item .tle2 .xian::before {content: ''; position: absolute; width: 20%; height: 3px; background: #1e4b99;left: 0; top: 50%; transform: translateY(-50%); }
.indexFour .re .item .text {margin: .45rem 0; font-size: var(--font20);}
.indexFour .re .item .more {margin-top: .38rem;}
.indexFour .le .navlist li.active {background: rgba(33, 61, 135,.9);}
.indexFour .le .navlist li.active .icBox img {filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(76deg) brightness(108%) contrast(101%);}
.indexFour .le .navlist li.active span {color: #fff;}
.indexFour .imglist .item {opacity: 0; transition: .5s;}
.indexFour .imglist .item.active {opacity: 1; transition: .5s;}
.indexFour .re .item {display: none;}
.indexFour .re .item.active {display: block;}

.indexFive {padding: .5rem 0; background: url(../images/indexFive-bj.jpg) no-repeat center; background-size: cover;}
.indexFive .thumbBox {padding: .6rem 0; position: relative;}
.indexFive .thumbBox .swiper-wrapper {justify-content: space-between;}
.indexFive .thumbBox .slide {text-align: center; cursor: pointer; width: auto;} 
.indexFive .thumbBox .slide .icBox {width: 0.9rem;height: 0.9rem; margin: auto; background: #1e4b99; border-radius: 50%; transition: .5s; position: relative; overflow: hidden; z-index: 1;}
.indexFive .thumbBox .slide .icBox::after {content: ''; position: absolute; z-index: -1; width: 100%; height: 100%; border-radius: 50%; background: #fff; left: 0; top: 0; transform: scale(0); transition: .5s;}
.indexFive .thumbBox .slide .icBox img {max-width: 50%;filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(76deg) brightness(108%) contrast(101%); }
.indexFive .thumbBox .slide span {font-size: .24rem;font-weight: 700; display: block; margin-top: .2rem;}
.indexFive .thumbBox .slide.swiper-slide-thumb-active .icBox {background: #fff; transition-delay: .4s;}
.indexFive .thumbBox .slide.swiper-slide-thumb-active .icBox::after {transform: scale(1);}
.indexFive .thumbBox .slide.swiper-slide-thumb-active .icBox img {filter: none;}
.indexFive .swiperBox .slideBox {}
.indexFive .swiperBox .slideBox .le {width: 45%; box-sizing: border-box;}
.indexFive .swiperBox .slideBox .re {width: 42%; box-sizing: border-box;}
.indexFive .swiperBox .slideBox .re img {width: 100%;}
.indexFive .swiperBox .slideBox .num {background: #1e4b99; color: #fff; padding: 0 .05rem;}
.indexFive .swiperBox .slideBox .xian {width: 1.49rem;height: 1px;background: #b0b0b0; position: relative;  box-sizing: border-box; margin-top: .45rem;}
.indexFive .swiperBox .slideBox .xian::before {content: ''; position: absolute; width: 20%; height: 3px; background: #1e4b99;left: 0; top: 50%; transform: translateY(-50%); }
.indexFive .swiperBox .slideBox .text {margin-top: .35rem; font-size: var(--font24);}
.indexFive .swiperBox .slideBox .more {margin-top: .4rem;}
/* 控件 */
.indexFive .swjt {display: none;}
.indexFive .swjt {width: 0.4rem; height: 0.4rem; background: #1e4b99; border: 1px solid transparent; box-sizing: border-box;}
.indexFive .swjt::before {content: ''; width: 100%; height: 0; z-index: -1; background: #fff; position: absolute; bottom: 0; left: 0; transition: .5s;}
.indexFive .swjt.swiper-button-prev {transform: rotate(180deg) translateX(120%); left: 0;}
.indexFive .swjt.swiper-button-next {right: 0; transform: translateX(120%);}
.indexFive .swjt svg {max-width: 40%;}
@media (any-hover: hover) {
  .indexFive .swjt:hover {border-color: #1e4b99;}
  .indexFive .swjt:hover svg path {fill: #1e4b99;}
  .indexFive .swjt:hover::before {height: 100%;}
}

.indexSix {padding: .5rem 0;}
.indexSix .box {display: flex; margin: 0 -.16rem; justify-content: space-between; margin-top: .5rem;}
.indexSix .le {width: calc(100% - 31% - .2rem);}
.indexSix .le .item {width: 47%; margin: 0 .15rem;}
.indexSix .re {width: 31%;border: 1px solid #f0f4f3;padding: .4rem;}
.indexSix .item {border: 1px solid #f0f4f3;}
.indexSix .item .con {padding: .25rem; box-sizing: border-box;}
.indexSix .item .imgBox {position: relative;overflow: hidden;}
.indexSix .item .imgBox img {width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.indexSix .item .more {margin-top: .3rem; padding-top: .2rem; border-top: 1px solid #F2F2F2;}
.indexSix .item:hover .imgBox img {transform: scale(1.1);}
.indexSix .item:hover .tit p {color: #213d87;}
.indexSix .re dt {position: relative;padding-bottom: .05rem; border-bottom: 1px solid #213d87; display: inline-block; margin-bottom: .3rem;}
.indexSix .re dl .ddBox {overflow-y: auto; max-height: 4.5rem;}
.indexSix .re dl dd a {display: block; padding: .1rem 0;}
.indexSix .re dl dd .tit { position: relative; display: inline-block;}
.indexSix .re dl dd .tit::before {content: ''; width: 0; height: 1px; background: #213d87; position: absolute; bottom: 0; left: 0; transition: .5s;}
.indexSix .re dl dd:hover .tit p {color: #213d87;}
.indexSix .re dl dd:hover .tit::before {width: 100%;}
/* 滚动条 */
.indexSix .re dl .ddBox::-webkit-scrollbar {width: 2px; scrollbar-width:thin;scrollbar-color:#213d87 #F2F2F2;}
/*定义滑块 内阴影*/
.indexSix .re dl .ddBox::-webkit-scrollbar-thumb {background: #213d87; border-radius: 5px;}
/*定义滚动条轨道 内阴影*/
.indexSix .re dl .ddBox::-webkit-scrollbar-track {background: #F2F2F2;}

.indexSeven {padding: .8rem 0;background: #fcfcfc;}
.indexSeven .tleBox .xian {width: 1.49rem;height: 1px;background: #b0b0b0; position: relative;  box-sizing: border-box; margin: auto; margin-top: .2rem;}
.indexSeven .tleBox .xian::before {content: ''; position: absolute; width: 20%; height: 3px; background: #1e4b99;left: 50%; top: 0%; transform: translate(-50% , -50%); }
.indexSeven .swiperBox {position: relative;mix-blend-mode: multiply;margin-top: .5rem;}
.indexSeven .swiper {--swiper-theme-color: #1e4b99; position: static;}
.indexSeven .slide .imgBox {height: 1.1rem; padding: .1rem; border: 1px solid #e7e7e7;border-radius: 0.12rem; box-sizing: border-box; display: flex; align-items: center; justify-content: center;mix-blend-mode: multiply;}
.indexSeven .slide .imgBox img {max-width: 100%; max-height: 100%; object-fit: contain; mix-blend-mode: multiply;}
/* 控件 */
.indexSeven .pagtion {bottom: -.5rem;}


/* ====================================================================底部 */
.footer {background: #2c2c2c;}
.foterTop {padding: .4rem 0 .45rem; border-bottom: 1px solid #565656;}
.foterlogo img {max-width: 2rem; filter: brightness(0) invert(1);}
.foterlogo .xian {width: 1px;height: 0.27rem; background: #aaaaaa; margin: 0 .35rem;}
.foternav {display: flex; justify-content: space-between; padding: .6rem 0;}
.foternav dl dt {font-size: var(--font18); font-weight: 700; margin-bottom: .3rem; color:#FFF;}
.foternav dl dd {margin: .1rem 0;}
.foternav dl dd , .foternav dl dd a {font-size: var(--font15); color: #666666;}
.foternav dl dd a:hover {color: #1e4b99;}
.foternav .conus .code {text-align: center; display: inline-block;padding-top: .2rem;}
.foterCopyRight {border-top: 1px solid #565656; padding: .15rem 0;}
.foterCopyRight p {font-size: var(--font15); color: #666666; text-align: center;}
.foterCopyRight p a {color: #666666;}
.foterCopyRight p a:hover {color: #1e4b99;}

/* ====================================================================
===================================================================内页 */
/* 内页banner */
.ny-banner {position: relative;}
.ny-banner .imgBox_product{position: relative; overflow: hidden; width:100%; margin:0 auto;}
.ny-banner .imgBox_product img {width: 100%; height: 100%; object-fit: cover; min-height: 3.5rem;}
.ny-banner .imgBox {position: relative; overflow: hidden; width:100%; margin:0 auto;}
.ny-banner .imgBox img {width: 100%; height: 100%; object-fit: cover; min-height: 3.5rem;}
/* 面包屑 */
.mbx {padding-left: .3rem; top: auto; bottom: .1rem;}
.mbx::before {content: ''; background: url(../images/home-icon.png) no-repeat center; background-size: contain; position: absolute; top: 50%;left: 0; width: 14px; height: 14px; transform: translateY(-50%)}
.layui-breadcrumb a {color: #999;}
.layui-breadcrumb a:hover {color: #1e4b99 !important;}

/* 内页栏目 */
.nynavOne {box-shadow: -0.02rem 0rem 0.03rem 0rem rgba(100,100,100,0.19); }
.nynavOne .navBox {justify-content: center;}
.nynavOne .navBox a {font-size: var(--font24); display: block; padding: .2rem .3rem; position: relative;}
.nynavOne .navBox a::after {content: ''; position: absolute; width: 0; height: 2px; background: #213d87; left: 50%; bottom: 0; transition: .5s;}
.nynavOne .navBox a::before {z-index: 1;content: ''; position: absolute; top: calc(100% - .08rem); left: 50%; transform: translateX(-50%); width: .16rem; height: .16rem; background: url(../images/cirle-icon1.png) no-repeat center; background-size: contain; opacity: 0; transition: .5s;} 
.nynavOne .navBox a:hover::after , .nynavOne .navBox a.on::after {width: 100%; left: 0;}
.nynavOne .navBox a:hover::before , .nynavOne .navBox a.on::before  {opacity: 1;}
.nynavOne .navBox a:hover , .nynavOne .navBox a.on {color: #213d87 !important; font-weight: 700;}


/* ==============
========关于我们 */
.aboutTle .xian {display: inline-block; width: .42rem;height: 2px; background: #1e4b99; margin-top: .3rem;}

.aboutOne { position: relative; padding: 1rem 0;}
.aboutOne .box {position: relative; display: flex; justify-content: space-between;}
.aboutOne .titBox {overflow: hidden;}
.aboutOne .aboutOne-tit {position: absolute;opacity: 0.04; font-size: 2.06rem; width: 100%; text-align: center;color: #1e4b99; font-weight: 700; top: 0; line-height: 1;overflow: hidden;}
.aboutOne .aboutOne-tit span {display: block;}
.aboutOne .le {width: 45%; padding-right: .5rem; box-sizing: border-box;}
.aboutOne .re {width: 55%; padding-left: .5rem; box-sizing: border-box; border-left: 1px solid #F2F2F2;}
.aboutOne .videoBox {position: relative; margin-top: 0.5rem;}
.aboutOne .videoBox > img {width: 100%; height: 100%; object-fit: cover; }
.aboutOne .btn {cursor: pointer;}
.aboutOne .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 .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 .btn .iBox {width: 1rem;height: 1rem;background: #fdfefe; border-radius: 50%; position: relative; z-index: 1;}
.aboutOne .btn .iBox i {width: .23rem; height: .27rem; background: #1e4b99; -webkit-clip-path: polygon(100% 50%, 0 0, 0 100%);clip-path: polygon(100% 50%, 0 0, 0 100%);}
.aboutOne .re .text p {color: #666666; line-height: 2.4;margin-bottom: .1rem; text-indent: 2em;}
.aboutOne .text p {color: #666666; line-height: 2.4;margin-top: .2rem;}

.aboutOne .numlist {margin-top: 1rem;}
.aboutOne .numlist li {padding: .35rem 0; border-top: 1px solid #F2F2F2; display: flex; justify-content: space-between; align-items: center;}
.aboutOne .numlist li:last-child {border-bottom: 1px solid #F2F2F2;}
.aboutOne .numlist li > div {width: calc(100% / 3);}
.aboutOne .numlist li .num {display: inline-flex; align-items: flex-end; line-height: .8;}
.aboutOne .numlist li .counter , .aboutOne .numlist li .dw1  {font-size: var(--font60); font-weight: 700;color: #1e4b99;}
.aboutOne .numlist li .dw2 {font-size: var(--font20); color: #1e4b99; font-weight: 700; margin-left: .1rem;}
.aboutOne .numlist li .icBox {text-align: center; width: 30%;}
.aboutOne .numlist li .icBox img {max-width: .4rem;}
.aboutOne .numlist li .text {font-size: var(--font18); font-weight: 700;}

.aboutTwo {position: relative;}
.aboutTwo .bjBox {position: relative;}
.aboutTwo .bjBox > img {width: 100%;}
.aboutTwo .bjBox .textBox {top: 40%;}
.aboutTwo .bjBox .text {text-align: center; overflow: hidden;}
.aboutTwo .bjBox .text img {max-width: 100%;}
.aboutTwo .info {padding: .4rem 0; background: linear-gradient(0deg,#f8f8f8 0%, #e2e8e6 100%); border-bottom: 3px solid #1e4b99; margin-top: -10%; z-index: 1; position: relative;}
.aboutTwo .info .item {width: 50%;padding: 0 .3rem; box-sizing: border-box;border-left: 1px solid #CCCCCC; }
.aboutTwo .info .item:first-child {border-left: 0;}
.aboutTwo .info .text {margin-top: .2rem;}
.aboutTwo .info .text p {color: #666; line-height: 1.7;}

.aboutThree {background: #fcfcfc; padding: .5rem 0;}
.aboutThree .swiperBox {margin-top: .5rem;}
.aboutThree .swiper .slide .imgBox img {width: 100%;}
.aboutThree .hide {display: flex; flex-direction: column; align-items: center; justify-content: center;}
.aboutThree .hide {position: absolute; opacity: 0; transition: .5s; left: 0; top: 0; width: 100%; height: 100%; background: rgba(214, 0, 15,.8); }
.aboutThree .hide svg {max-width: .5rem;}
.aboutThree .slide:hover .hide {opacity: 1;}
.aboutThree .swiper .slide .hide span {display: block; color: #fff;}
/* 控件 */
.aboutThree .pagContrls {position: relative; display: flex; justify-content: space-between; align-items: center; margin-top: .3rem;}
.aboutThree .swjt {position: relative; margin: 0; top: 0; flex-shrink: 0;}
.aboutThree .swjt {width: 0.68rem; height: 0.68rem; background: #1e4b99; border: 1px solid transparent; box-sizing: border-box;}
.aboutThree .swjt::before {content: ''; width: 100%; height: 0; z-index: -1; background: #fff; position: absolute; bottom: 0; left: 0; transition: .5s;}
.aboutThree .swjt.swiper-button-prev {transform: rotate(180deg) translateX(0%); left: 0;}
.aboutThree .swjt.swiper-button-next {right: 0; transform: translateX(0%);}
.aboutThree .swjt svg {max-width: 40%;}
.aboutThree .pagtion {position: relative; margin: 0 .4rem;}
.aboutThree .pagtion.swiper-pagination-progressbar {background: #D1D1D1; height: 2px;}
.aboutThree .pagtion.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #1e4b99;}
@media (any-hover: hover) {
  .aboutThree .swjt:hover {border-color: #1e4b99;}
  .aboutThree .swjt:hover svg path {fill: #1e4b99;}
  .aboutThree .swjt:hover::before {height: 100%;}
}

.aboutFour {padding: .5rem 0; background-color:#fdfdfd}
.aboutFour ul {display: grid; grid-template-columns: repeat(4, 1fr);}
.aboutFour li {position: relative; overflow: hidden;background: #f5f6f7; transition: .5s;}
.aboutFour li:first-child {background: #fdfdfd !important; grid-column: span 2; display: flex; align-items: center;}
.aboutFour li:nth-child(3) {border-top-right-radius: .2rem;}
.aboutFour li:nth-child(4) {grid-column: span 2;}
.aboutFour li:nth-child(7) {border-bottom-left-radius: .2rem;}
.aboutFour li:nth-child(10) {border-bottom-right-radius: .2rem;}
.aboutFour li .imgBox {height: 100%;}
.aboutFour li .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.aboutFour li .con {padding: .4rem; box-sizing: border-box; }
.aboutFour li .t1 {font-size: var(--font24); color: #C2C2C2; font-weight: 700;text-transform: uppercase;}
.aboutFour li .t2 {font-size: var(--font24); color: #1e4b99; font-weight: 700;}
.aboutFour li .text {margin-top: .9rem; font-size: var(--font20); font-weight: 700;}
.aboutFour li .text p {color: #777777;}
.aboutFour li .icBox img {max-width: .5rem;}
.aboutFour li:hover {background: #1e4b99;}
.aboutFour li:hover .t1 {color: #fff;}
.aboutFour li:hover .t2 {color: #fff;}
.aboutFour li:hover .text p {color: #fff;}
.aboutFour li:hover .icBox img {filter: brightness(0) invert(1);}

.aboutFive {background: url(../images/aboutFive-bj.jpg) no-repeat center; background-size: cover; padding: .6rem 0; box-sizing: border-box;}
.aboutFive .swiperBox {margin-top: .5rem;}
.aboutFive .swiper .slide .imgBox {overflow: hidden; transform: scale(.65); transition: .5s;}
.aboutFive .swiper .slide .imgBox img {width: 100%;}
.aboutFive .swiper .slide.swiper-slide-prev .imgBox {transform: scale(.65) translateX(-40%);}
.aboutFive .swiper .slide.swiper-slide-next .imgBox {transform: scale(.65) translateX(40%);}
.aboutFive .swiper .slide.swiper-slide-active .imgBox {transform: scale(1) translateX(0%);}
/* 控件 */
.aboutFive .swjt {width: 0.68rem; height: 0.68rem; background: #1e4b99; border: 1px solid transparent; box-sizing: border-box;}
.aboutFive .swjt::before {content: ''; width: 100%; height: 0; z-index: -1; background: #fff; position: absolute; bottom: 0; left: 0; transition: .5s;}
.aboutFive .swjt.swiper-button-prev {transform: rotate(180deg) translateX(50%); left: 36%;}
.aboutFive .swjt.swiper-button-next {right: 36%; transform: translateX(50%);}
.aboutFive .swjt svg {max-width: 40%;}
@media (any-hover: hover) {
  .aboutFive .swjt:hover {border-color: #1e4b99;}
  .aboutFive .swjt:hover svg path {fill: #1e4b99;}
  .aboutFive .swjt:hover::before {height: 100%;}
}


/* ==================
===========解决方案 */
/* 内页栏目导航2 */
.nynavTwo .icBox {width: 0.7rem; height: 0.7rem; background: #1e4b99; border-radius:50%; flex-shrink: 0;}
.nynavTwo .icBox img {max-width: 50%;}
.nynavTwo .navBox {display: flex;align-items: center; border-radius: 100px; }
.nynavTwo .tit {margin-left: .3rem; flex-shrink: 0;}
.nynavTwo .list {overflow-x: auto;}
.nynavTwo .list ul {}
.nynavTwo .list li {margin-right: .12rem; margin-bottom: 0.12rem; padding-left: .12rem; float: left; border-left: 1px solid #ccc; }
.nynavTwo .list li:first-child {border-left: 0; padding-left: 0;}
.nynavTwo .list li a {font-size: var(--font18); font-weight: 700; color: #333; transition: .5s;}
.nynavTwo .list li.on {order: -1;}
.nynavTwo .list li .active, .nynavTwo .list li.on a {color: #ff6600;}

@media (any-hover: hover) {
  .nynavTwo .list li:hover a {color: #1e4b99;}
}

.soluOne {padding: .6rem 0;background: #f0f3f8;}
.soluOne .aboutTle {position: relative; margin-top: .5rem;}
.soluOne .aboutTle .en { opacity: 0.04;font-size: 2.06rem;font-weight: 800;color: #1e4b99; overflow: hidden;}
.soluOne .aboutTle .en span {display: block;}
.soluOne .swiper {padding-top: .6rem;}
.soluOne .swiperBox {margin-top: 1rem;}
.soluOne .swiperBox .swiper-wrapper {align-items: center;}
.soluOne .swiperBox .slide {width: 63%; }
.soluOne .swiperBox .slide .imgBox {width: 44%; position: relative; overflow: hidden; height: 100%; transition: .5s;}
.soluOne .swiperBox .slide .imgBox img {width: 100%; height: 100%; object-fit: cover;transition: .5s;}
.soluOne .swiperBox .slide .aBox {display: flex;  padding: .35rem; background: #fff;transform: scale(.6); transition: .5s;}
.soluOne .swiperBox .slide .con {position: absolute; left: 0; right: auto; top: 0; width: 50%; height: 100%;  transition: 1s; padding: 0 .5rem; box-sizing: border-box; opacity: 0; visibility: hidden;}
.soluOne .swiperBox .slide .num {font-size: 1rem; font-weight: 700; color: #333; transform: translateY(-50%); line-height: 1;}
.soluOne .swiperBox .slide .text {margin-top: .2rem;}
.soluOne .swiperBox .slide .text span {display: block;}
.soluOne .swiperBox .slide .more {margin-top: .4rem; border-top: 1px solid #D1D1D1; padding-top: .35rem;color: #333333; font-weight: 700;}
.soluOne .swiperBox .slide:hover .imgBox img {transform: scale(1.1);}
.soluOne .swiperBox .slide:hover .more {color: #1e4b99;}
.soluOne .swiperBox .slide.swiper-slide-prev .aBox {display: flex; justify-content: flex-end; transform:scale(.6) translateX(15%);}
.soluOne .swiperBox .slide.swiper-slide-active .aBox {transform: scale(1);}
.soluOne .swiperBox .slide.swiper-slide-active .con {right: 0; left: auto; opacity: 1; visibility: visible; transition-delay: .4s;}
.soluOne .swiperBox .slide.swiper-slide-active .imgBox {margin-top: -.9rem;}
.soluOne .thumbBox {position: relative;margin-top: .5rem;}
.soluOne .thumbBox .swiper {z-index: 1; margin: 0 .2rem; padding: 0 .6rem;}
.soluOne .thumbBox .swiper::after {content: ''; position: absolute; width: 100%; height: 100%;background: url(../images/indexThre-thumbBox-bj.png) repeat-x center; background-size: contain; background-position-y: top; top: 0; left: 0; z-index: -1;}
.soluOne .thumbBox .slide { cursor: pointer; text-align: center;}
.soluOne .thumbBox .slide .cirle {position: relative; z-index: 1; display: inline-block; transition: .5s;}
.soluOne .thumbBox .slide .cirle i {width: 0.05rem; height: 0.05rem;background: #a1a1a1;border-radius: 50%; display: block;}
.soluOne .thumbBox .slide .cirle::after {content: ''; position: absolute; width: 200%; height: 200%; background: #f3f3f3; inset: 0; transform: translate(-25%, -25%); border-radius: 50%; z-index: -1; transition: .5s;}
.soluOne .thumbBox .slide span {display: block;  font-size: var(--font18); color: #666;margin-top: .1rem; transition: .5s;}
.soluOne .thumbBox .slide.swiper-slide-thumb-active .cirle {transform: scale(1.8);}
.soluOne .thumbBox .slide.swiper-slide-thumb-active .cirle i {background: #1e4b99;}
.soluOne .thumbBox .slide.swiper-slide-thumb-active .cirle::after {background: #d60312; opacity: .5;}
.soluOne .thumbBox .slide.swiper-slide-thumb-active span {color: #1e4b99; font-weight: 700;}
/* 控件 */
.soluOne .swjt {}
.soluOne .swjt {width: 0.4rem; height: 0.4rem; background: #1e4b99; border: 1px solid transparent; box-sizing: border-box; top: calc(var(--font18) + 5px);}
.soluOne .swjt::before {content: ''; width: 100%; height: 0; z-index: -1; background: #fff; position: absolute; bottom: 0; left: 0; transition: .5s;}
.soluOne .swjt.swiper-button-prev {transform: rotate(180deg) translateX(50%); left: 0;}
.soluOne .swjt.swiper-button-next {right: 0; transform: translateX(50%);}
.soluOne .swjt svg {max-width: 40%;}
@media (any-hover: hover) {
  .soluOne .swjt:hover {border-color: #1e4b99;}
  .soluOne .swjt:hover svg path {fill: #1e4b99;}
  .soluOne .swjt:hover::before {height: 100%;}
}

/* 案例系统 */
.caselist {padding: .3rem 0;}
.caselist ul {}
.caselist li {text-align: center; width: calc(100% / 3 - 2%); margin: 1%; float: left;}
.caselist li .imgBox {position: relative; overflow: hidden;}
.caselist li .imgBox img {width: 100%; display: block; transition: .5s; transition: .5s;  border:#f3f3f3 1px solid;}
.caselist li .more { z-index: 2; width: 0.65rem;height: 0.65rem;background: #e4f3fd; display: flex; align-items: center; justify-content: center; font-size: var(--font36);color: #1e4b99; padding-bottom: .05rem; opacity: 0; transform: translate(-50%,-50%) scale(0); transition: .5s;}
.caselist li .imgBox::after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); transition: .5s; opacity: 0;}
.caselist li .t1 {font-size: var(--font16); color: #333; font-weight: 500; margin-top: .15rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.caselist li .link {display:flex; justify-content: center; margin-top: .2rem; align-items: center;}
.caselist li .link i {transform: rotate(180deg); font-weight: 700;  color: #1e4b99; font-size: var(--font18);}
.caselist li:hover .imgBox::after {opacity: 1;}
.caselist li:hover .more {opacity: 1; transform:translate(-50%,-50%) scale(1); transition-delay: .25s;}
.caselist li:hover .imgBox img {transform: scale(1.05,1.05);}
.caselist li:hover .link span {color: #1e4b99;}

/* 图片系统 */
.solulist {padding: .3rem 0;}
.solulist ul {}
.solulist li {text-align: center; width: calc(100% / 5 - 2%); margin: 1%; float: left;}
.solulist li .imgBox {position: relative; overflow: hidden;}
.solulist li .imgBox img {width: 100%; display: block; transition: .5s; transition: .5s;  border:#f3f3f3 1px solid;}
.solulist li .more { z-index: 2; width: 0.65rem;height: 0.65rem;background: #e4f3fd; display: flex; align-items: center; justify-content: center; font-size: var(--font36);color: #1e4b99; padding-bottom: .05rem; opacity: 0; transform: translate(-50%,-50%) scale(0); transition: .5s;}
.solulist li .imgBox::after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); transition: .5s; opacity: 0;}
.solulist li .t1 {font-size: var(--font16); color: #333; font-weight: 500; margin-top: .15rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.solulist li .link {display:flex; justify-content: center; margin-top: .2rem; align-items: center;}
.solulist li .link i {transform: rotate(180deg); font-weight: 700;  color: #1e4b99; font-size: var(--font18);}
.solulist li:hover .imgBox::after {opacity: 1;}
.solulist li:hover .more {opacity: 1; transform:translate(-50%,-50%) scale(1); transition-delay: .25s;}
.solulist li:hover .imgBox img {transform: scale(1.05,1.05);}
.solulist li:hover .link span {color: #1e4b99;}

.dctxt {width: 100%;}
.dctxt ul {}
.dctxt li {width: calc(100% / 4 - 2%); margin: 1% 1% 0 1%; padding: 1.2% 1%; text-align: center; float: left; background: #eee; border-radius: 10px; transition: all .5s ease; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.dctxt li:hover {background: #1e4b99; color: #fff;}

@media screen and (min-width: 200px) and (max-width: 768px){
	.caselist li {width: calc(100% / 2 - 2%);}
	.solulist li {width: calc(100% / 2 - 2%);}
	.dctxt li {width: calc(100% / 2 - 2%); padding: 1.2% 2%;}
}

/* ==================
===========板材加工 */
.plateOne {}
.plateOne .aboutTle {position: relative; margin-top: .5rem;}
.plateOne .aboutTle .en { opacity: 0.04;font-size: 2.06rem;font-weight: 800;color: #1e4b99; overflow: hidden;}
.plateOne .aboutTle .en span {display: block;}
.plateTwo {position: relative; overflow: hidden;}
.plateTwo .box .con {overflow: hidden;}
.plateTwo .imgBox {position: relative;}
.plateTwo .imgBox img , .plateTwo .imgBox video {width: 100%; display: block; max-height: 7rem; object-fit: cover;}
.plateTwo .imgBox::after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); transition: .5s;}


.plateThree {padding: .5rem 0 .8rem;background: #fcfcfc;}
.plateThree .list {margin-top: .5rem;}
.plateThree ul {display: grid; grid-template-columns: repeat(4, 1fr); gap: .2rem;}
.plateThree li {position: relative;}
.plateThree li .imgBox img {width: 100%;}
.plateThree li .hide {display: flex; flex-direction: column; align-items: center; justify-content: center;}
.plateThree li .hide {position: absolute; opacity: 0; transition: .5s; left: 0; top: 0; width: 100%; height: 100%; background: rgba(214, 0, 15,.8); }
.plateThree li .hide svg {max-width: .5rem;}
.plateThree li .hide span {display: block; color: #fff;}
.plateThree li:hover .hide {opacity: 1;}

/* ==================
======产品详情通用页面 */
.proDateMain {background: #fcfcfc;}
.proDateMain .navBox {width: 100%;}
.proDateMain .nynavTwo {width: 100%;}
.proDateMain .nynavTwo .list ul {width: 100%;}
.proDateMain .nynavTwo .list ul li {margin: .15rem; border-left: 1px solid #eee;}

.proDateOne {padding-top: .8rem;}
.proDateOne .box {background: #ffffff; border-radius: 0.08rem;box-shadow: 0.05rem 0rem 0.1rem 0.1rem rgba(0,0,0,0.05); padding:.4rem .3rem; box-sizing: border-box;}
.proDateOne .le {width: 35%; position: relative; text-align: center;}
.proDateOne .re {width: 62%;}
.proDateOne .swiper .slide img {max-width: 100%; }
.proDateOne .thumbBox {position: absolute; width: 100%; bottom: .1rem; left: 0;padding: 0 .1rem; box-sizing: border-box;}
.proDateOne .thumbBox .swiper {width: 100%;}
.proDateOne .thumbBox .swiper .slide {cursor: pointer;}
.proDateOne .thumbBox .swiper .slide img {border: 1px solid #f2f2f2; box-sizing: border-box;}
.proDateOne .thumbBox .swiper .slide.swiper-slide-thumb-active img {border-color: #1e4b99;}
.proDateOne .re .tle {padding-bottom: .4rem; border-bottom: 1px solid #f2f2f2;}
.proDateOne .re .text {margin: .4rem 0;}
.proDateOne .re .text p{line-height:35px;}
.proDateOne .re .disc p {position: relative; font-size: var(--font18); line-height: 1.8;    word-break: break-all;}
.proDateOne .re .disc p::before {content: ''; width: .1rem; height: .1rem; display: inline-block; border-radius: 50%; background: #1e4b99;margin-right: .1rem; }
.proDateOne .re .telBox {margin-top: .4rem;}

.proDateTwo {padding: .2rem 0 .8rem 0;}
.proDateTwo .tit {font-size: var(--font36); font-weight: 700; color: #213d87; padding-left: .15rem; line-height: 1; border-left: 2px solid #213d87; margin-bottom: .35rem;}
.proDateTwo .box {align-items: flex-start;}
.proDateTwo .le {width: 28%; position: sticky; top: 1.5rem;}
.proDateTwo .re {width: 100%;}
.proDateTwo .ctitle1 {background: #fff; padding: .5rem .3rem;}
.proDateTwo .ctitle1 ul {position: relative;top: -0.1rem;padding-right: .2rem; border-left: 1px solid #C7C7C7;}
.proDateTwo .ctitle1 > ul >li {position: relative; padding: .2rem 0;}
.proDateTwo .ctitle1 > ul >li:first-child {padding-top: 0;}
.proDateTwo .ctitle1 > ul >li:last-child {padding-bottom: 0;}
.proDateTwo .ctitle1 li .menu-li {position: relative;padding-left: .45rem;}
.proDateTwo .ctitle1 > ul >li .cirle {content: "";width: 0.09rem;height: 0.09rem; background: #1e4b99; border-radius: 50%; position: absolute; left: 0; top: 50%; transform: translate(-50%, -50%); z-index: 1; transition: .4s; opacity: 0;}
.proDateTwo .ctitle1 > ul >li .cirle::after {content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0;background: #1e4b99; border-radius: 50%;  z-index: -1;}
.proDateTwo .ctitle1 > ul >li .menu-li  a {font-weight: 400;color: #666666;font-size: var(--font24); }
.proDateTwo .ctitle1 > ul >li i {transform: rotate(180deg); display: inline-block; font-weight: 700; margin-left: .2rem; color: #1e4b99; opacity: 0;}
.proDateTwo .ctitle1 > ul >li.on .cirle::after {animation: shubiao 1s infinite linear .65s;}
.proDateTwo .ctitle1 > ul >li.on .cirle {background: #1e4b99; opacity: 1;}
.proDateTwo .ctitle1 > ul >li.on i {opacity: 1;}
.proDateTwo .ctitle1 > ul >li.on .menu-li  a {color: #1e4b99;}
.proDateTwo .ctitle1 > ul >li:hover .menu-li  a {color: #1e4b99;}
.proDateTwo .ctitle1 > ul >li:hover .cirle {background: #1e4b99; opacity: 1;}
.proDateTwo .ctitle1 > ul >li:hover i { opacity: 1;}
.proDateTwo .re .item {margin-top: .4rem;}
.proDateTwo .re .item:first-child {margin-top: 0;}
.proDateTwo .re .item .con {padding: .2rem; background: #fff; box-sizing: border-box;}
.proDateTwo .re .item .con p{ line-height:30px;}
.proDateTwo .re .item .con img , .proDateTwo .re .item .con video {max-width: 100%;}
.proDateTwo .re .item .con video {width: 100%; height: auto;}

.proDateThre {padding: .7rem 0;}
.proDateThre .tle {padding-left: .2rem; line-height: 1; border-left: 4px solid #1e4b99;}
.proDateThre .swiperBox {margin-top: .5rem; position: relative;}
.proDateThre .swiper {position: static;  --swiper-theme-color: #1e4b99;}
.proDateThre .swiper .imgBox {position: relative;}
.proDateThre .swiper .imgBox img {width: 100%;}
.proDateThre .swiper .slide .icBox {opacity: 0; transition: .5s;}
.proDateThre .swiper .slide .icBox::after {content: ''; position: absolute; width: 100%; height: 100%; background: rgba(214, 0, 15,.6); left: 0; top: 0;}
.proDateThre .swiper .slide .icBox svg {position: relative; z-index: 1;}
.proDateThre .swiper .slide:hover .icBox {opacity: 1;}
.proDateThre .swiper .slide .icBox {position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.proDateThre .swiper .slide span {display: block;color: #666666; margin-top: .1rem; text-align: center;}
/* 控件 */
.proDateThre .pagtion {bottom: -.5rem;}
.proDateThre .swjt {}
.proDateThre .swjt {width: 0.68rem; height: 0.68rem; background: #1e4b99; border: 1px solid transparent; box-sizing: border-box; }
.proDateThre .swjt::before {content: ''; width: 100%; height: 0; z-index: -1; background: #fff; position: absolute; bottom: 0; left: 0; transition: .5s;}
.proDateThre .swjt.swiper-button-prev {transform: rotate(180deg) translateX(100%); left: -.2rem;}
.proDateThre .swjt.swiper-button-next {right: -.2rem; transform: translateX(100%);}
.proDateThre .swjt svg {max-width: 40%;}
@media (any-hover: hover) {
  .proDateThre .swjt:hover {border-color: #1e4b99;}
  .proDateThre .swjt:hover svg path {fill: #1e4b99;}
  .proDateThre .swjt:hover::before {height: 100%;}
}

/* 分页*/
.newsxq-page {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; background: #fff; padding: .3rem; box-sizing: border-box; border-top: 1px solid #f2f2f2;}
.newsxq-page a {display: flex; align-items: center;}
.news-prev,.news-next{display: flex; align-items: center;} 
.news-prev svg {transform: rotateY(180deg);   -webkit-transform: rotateY(180deg);}
.newsxq-page em {display: inline-block; margin-top: .02rem;color: #666666;}
.backlist a {border-radius: 100px; padding: .12rem .3rem; background: #1e4b99;color: #fff;}
.backlist svg {margin-right: .1rem;}
.backlist a:active {background: #05b0b6;}
.newsxq-page .pagefy:active em {color: #1e4b99; }
.newsxq-page .pagefy:active svg path {fill: #1e4b99;}
@media (any-hover: hover) {
.newsxq-page .pagefy:hover em {color: #1e4b99; }
.newsxq-page .pagefy:hover svg path {fill: #1e4b99;}
}


/* ======================
=============== 新闻资讯 */
.newslist {padding: .6rem 0;}
.newslist ul {display: grid; grid-template-columns: repeat(3, 1fr); gap: .45rem;}
.newslist li {border: 1px solid #f0f4f3;}
.newslist li .con {padding: .25rem; box-sizing: border-box;}
.newslist li .imgBox {position: relative;overflow: hidden;}
.newslist li .imgBox img {width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.newslist li .more {margin-top: .3rem; padding-top: .2rem; border-top: 1px solid #F2F2F2;}
.newslist li:hover .imgBox img {transform: scale(1.1);}
.newslist li:hover .tit p {color: #213d87;}

/* ======================
=============== 解决方案详情以及新闻详情 */
.soluDateMain {background: #fcfcfc;}
.soluDateMain .soluOne {background: none;}

/* 内页新闻资讯详情页 */
.nynews-box {align-items: flex-start; margin-bottom: .8rem; }
.news-details {width: 68.92%; background: #ffffff; padding: .3rem 2.4% .5rem; box-sizing: border-box;}
.newsxq-title {border-bottom: 1px solid #F2F2F2; padding-bottom:.3rem;}
.newsxq-title strong {display: block; font-size: var(--font34); color: #333; font-weight: normal; margin-bottom: .3rem;}
.newsxq-title span {color: #999; margin-right: .7rem;}
.newsxq-title span>img {display: inline-block; margin-right: .14rem;}
.newsxq-editbox {border-bottom: 1px solid #F2F2F2; padding: .3rem 0; margin-bottom: .6rem; line-height:35px;}
.newsxq-editbox img {max-width: 100%;}
.newxq-arrow .text em {display: block; color: #999; line-height: 1.8;}
.newxq-arrow .text a {color: #333;}
.newxq-arrow .text a:hover {color: #1e4b99;}
.news-back a {transition: 0.6s; display: block;padding: .12rem .3rem;  background: #1e4b99;border-radius: 100px; color: #fff; text-align: center;}
.news-back a:hover {background: #a10707;}
.news-recom {width: 27.5%; position: sticky; top: 1.5rem; background: #ffffff; padding: .24rem 2.7%; box-sizing: border-box;}
.recom-title h2 {display: block; font-size: var(--font30); color: #333;border-left: 4px solid #1e4b99; padding-left: .2rem; margin-bottom: .2rem; line-height: 1;}
.latest-recom {padding: .3rem 0;}
.latest-recom .pic{overflow: hidden; margin-bottom: .25rem;}
.latest-recom .pic img{display: block; width: 100%; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.latest-recom a:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.latest-recom h3{ font-size: var(--font20); color: #333; }
.latest-recom a:hover h3{color: #213d87;}
.recom-list{border-top: 1px solid #F2F2F2; padding-top: .24rem;}
.recom-list ul li{margin-bottom: .27rem;}
.recom-list ul li:last-child{margin-bottom: 0;}
.recom-list ul li em {color: #333;}
.recom-list ul li em>img{display: inline-block; margin-right:.2rem;}
.recom-list ul li:hover em{color: #213d87;}

@media screen and (max-width: 767px) {
  .news-details {width: 100%;}
  .news-recom {width: 100%;margin-top: .3rem;}
}

/* ==================
===========联系我们 */
.tactMain {}
.tactMain .navBox {background: #fcfcfc;}
.win1920 {max-width: 2580px;margin: auto;}
.contactOne {padding: 1rem 0; position: relative; overflow: hidden;}
.contactOne .win1920 {position: relative;}
.contactOne .le {width: 50%;}
.contactOne .le .tel {margin: .7rem 0; justify-content: flex-start;}
.contactOne .tel .icBox {width: .5rem; margin-right: .3rem;}
.contactOne .tel .icBox img {max-width: 100%;}
.contactOne .tel strong {display: block;font-size: 0.42rem;font-family: Arial, Arial-Bold; font-weight: 700; text-align: left; color: #1e4b99; line-height: 1;}
.contactOne .tel span {font-size: var(--font22); font-weight: 500; color: #333333;}
.contactOne .re {width: 50%; position: absolute; left: 100%; top: 50%; transform: translate(-100%, -50%); }
.contactOne .re img {width: 100%; height: 100%; object-fit: cover;}
.contactOne h3 {font-size: 0.44rem;color: #333333;}
.contactOne dd {display: flex; align-items: center; margin: .2rem 0;}
.contactOne dd p , .contactOne dd p a {color: #333; font-size: var(--font22);}
.contactOne dd p a:hover {color: #1e4b99;}
.contactOne .more {margin-top: 1rem; display: flex;}
.contactOne .more .a1 {margin-right: .35rem;background: #1e4b99; color: #fff;}
.contactOne .more .a1 svg path {fill: #fff;}
.contactOne .more a {border: 2px solid #1e4b99;  border-radius: 50px; padding: .12rem .28rem; transition: .5s;}
.contactOne .more a span {margin: 0 .05rem;}
.contactOne .more a:hover {background: #1e4b99; color: #fff;}
.contactOne .more a:hover svg path {fill: #fff;}
.contactOne .codeBox {margin-top: 1rem; margin-left: .3rem;}
.contactOne .codeBox img {max-width: 2.5rem;}
.contactOne .bjImg {position: absolute; left: 0; bottom: -6%; width: 33%;}
.contactOne .bjImg img {max-width: 100%;}

.contactTwo {background: #F0F0F0; padding: 1rem 0;}
.contactTwo .container {width: 1200px;}
.contactTwo h3 {text-align: center;font-size: 0.52rem;font-weight: 700;color: #333333; }
.contactTwo .form {margin-top: .6rem;}
/* 留言 */
.hiMessagePop .itemBox {display: grid; grid-template-columns: repeat(3,1fr); gap: .3rem;}
.hiMessagePop .item {height: 0.73rem; min-height: 50px; background: #ffffff; border: 1px solid #e5eaf0; border-radius: 0.05rem; position: relative; overflow: hidden;}
.hiMessagePop .item input , .hiMessagePop .item textarea {height: 100%;  width: 100%; padding: 0 .2rem; box-sizing: border-box; position: relative; z-index: 1;}
.hiMessagePop .item input:focus + label {display: none;}
.hiMessagePop .item textarea:focus + label {display: none;}
.hiMessagePop .item label {position: absolute; z-index: 0; left: 0%; top: 50%; transform: translate(0, -50%); padding-left: .2rem; box-sizing: border-box;color: #999999;}
.hiMessagePop .item label i {color: #FF0000; font-style: normal; margin-left: 5px;}
.hiMessagePop .item2 {grid-column: 1 / 4;height: 2.1rem;}
.hiMessagePop .item2 textarea { padding: .2rem; resize: none; border: 0;}
.hiMessagePop .item2 textarea::placeholder {color: #999;}
.hiMessagePop .item.itemCode {overflow: visible;}
.hiMessagePop .item img {position: absolute;right: 0; height: 100%; object-fit: contain;width: 120px;border-radius:60px;}
.hiMessagePop .item.on label {display: none;}
.hiMessagePop .sub {display: flex; justify-content: center; margin-top: .5rem;}
.hiMessagePop .sub button {padding: .15rem .53rem;background: #1e4b99;border-radius: 50px; color: #fff;font-weight: 700; cursor: pointer;}
.hiMessagePop .sub button:active {box-shadow: 0 0 .1rem #1e4b99;}


/* 产品详情新增加公司实力切换 */
.layui-tabs-header {text-align: center;}
.layui-tabs-header .layui-this, .layui-tabs-header li {transition: 0s;}
.layui-tabs-header .layui-this, .layui-tabs-header li:hover {color: #a50812;}
.layui-tabs-header .layui-this, .layui-tabs-header li:hover .icBox img {filter: invert(41%) sepia(98%) saturate(7363%) hue-rotate(346deg) brightness(78%) contrast(121%);}
.proDateTwo .re .item table {width: 100%;}
.proDateTwo .re .item table {border:#e5e5e5 1px solid;}
.proDateTwo .re .item .layui-tabs .layui-tabs-header .liBox {font-size: var(--font18);}
.proDateTwo .re .item .layui-tabs .layui-tabs-header .liBox .icBox {margin-right: .1rem;}
.proDateTwo .re .item .layui-tabs .layui-tabs-header .liBox .icBox img {max-width: .3rem;}
.layui-tabs-header .layui-this:after {display: none;}
.layui-tabs-header {border-top: 1px solid #eee; height: 60px;}
.layui-tabs-header:after, .layui-tabs-scroll:after {}
.layui-tabs-body {margin-top: .3rem;}
.layui-tabs-header li {line-height: 60px;}
.layui-tabs-bar .layui-icon {line-height: 60px;}
.proDateTwo .re .item .layui-tabs .layui-tabs-item .itemBox {display: flex;}
.proDateTwo .re .item .layui-tabs .layui-tabs-item .imgBox {width: 40%;}
.proDateTwo .re .item .layui-tabs .layui-tabs-item .imgBox img {width: 100%;}
.proDateTwo .re .item .layui-tabs .layui-tabs-item .info {width: 60%;}
.ys-left .pic,.ys-left .info{}
.ys-left .pic img{display: block; width: 100%}
.ys-left .info{box-sizing:border-box; background: #fff; padding: 0 3%; display: flex;    flex-direction: column;    justify-content: center;}
.ys-left .line{border-bottom: 1px solid #c4c4c4; padding-bottom: .24rem; margin-bottom: .1rem;}
.ys-left .info strong{ display: block; font-size: var(--font24);  color: #333333}
.ys-left .info b{display: block; font-size: var(--font26);  color: #333333; font-family: arial;}
.ys-left .info span{display: block;  color: #666; font-family: arial; margin-bottom: .3rem;}
.ys-left .info p{ color: #333333; margin-bottom: .2rem;}
.ys-left .info em{background: url(../images/tel-bg.png) no-repeat left center; width: 377px; height: 65px; font-size: 22px; line-height: 65px; color: #333333; padding-left: 125px; box-sizing:border-box;}
@media screen and (max-width: 767px) {
  .proDateTwo .re .item .layui-tabs .layui-tabs-item .itemBox {flex-wrap: wrap;}
  .proDateTwo .re .item .layui-tabs .layui-tabs-item .imgBox {width: 100%;}
  .proDateTwo .re .item .layui-tabs .layui-tabs-item .info {width: 100%; margin-top: .3rem;}

}


/* 产品详情录入资料调整 */
.proDateTwo .re .item2 table tr td {padding: 0 .2rem; box-sizing: border-box;}


.proDateTwo .re .item5 table tr td {padding:.2rem 0; box-sizing: border-box;}
.proDateTwo .re .item5 table p {text-indent: 0 !important;}


@media screen and (max-width: 1440px) {
  .proDateTwo .re .item5 table tr {display: flex; flex-wrap: wrap;}
  .proDateTwo .re .item5 table tr td {width: 50%;}
}

@media screen and (max-width: 767px) {
  .proDateTwo .re .item2 table tr {display: flex; flex-wrap: wrap;}
  .proDateTwo .re .item2 table tr td {width: 100%;}
  .proDateTwo .re .item5 .table2 tr td {width: 100%;padding: .2rem;}

}

.pro_left {width: 220px; float: left;}
.pro_left h1 {font-size: 28px; font-weight: 700;}
.pro_left h2 {font-size: 18px; font-weight: 200; border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 15px;}
.pro_left ul {width: 100%;}
.pro_left ul li {width: 100%; font-size: 16px; margin-bottom: 8px;}
.pro_left ul li i {font-size: 14px; margin-right: 3px;}
.pro_left ul .active, .pro_left ul li:hover, .pro_left ul .active .erji {color: #1e4b99; font-weight: bold;}

.pro_left ul .erji {width: calc(100% - 23px); margin-left: 23px; font-size: 15px; margin-bottom: 3px;}

.pro_right {width: calc(100% - 260px); float: right;}

.productr table{
	border-left:1px solid #ddd;
	border-top:1px solid #ddd;
	width: 100%;
	margin-bottom:15px;
	margin-top: 10px;
	word-break: break-all;
	border-spacing: 0px;border-collapse: separate;
	}

.productr tr:nth-child(1) {background: #1e4b99;}
.productr tr:nth-child(1) td{color: #FFFFFF; font-weight: bold; line-height: 160%; padding:8px 5px;}
.productr tr:nth-child(2n){background: #eee;}

.xiangqing {width: 100%;}
.xiangqing img {max-width: 100%;}
.tit2 {margin: 30px 0; padding-left: 30px; background: #1e4b99; color: #fff; border-radius: 30px; line-height: 250%; font-size: 18px; font-weight: 700; width: 100%;}

.sjxs {display: none;}

@media screen and (max-width: 767px) {
  .pro_left {width: 100%; float: none; display: none;}
  .pro_right {width: 100%; float: none;}
  .sjxs {display: block;}
}

.productr  td{
	padding:5px;
	text-align: left;
	color:#666;
	font-size:13px;
	line-height:24px;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	}