/* =====头部===== */ 

body {}

#c-placeholder {height: 1.2rem;min-height: 80px;}

.header {position: fixed; top: 0; z-index: 99; left: 0; width: 100%; transition:background-color .5s; border-bottom: 1px solid transparent;}

.header .headBox {padding: 0 3%; box-sizing: border-box; display: flex; justify-content: space-between; height: 1.2rem; min-height: 80px;}

.headlogo {display: flex; align-items: center; height: 100%;}

.headlogo img {max-width: 2rem; max-height: 1rem; object-fit: contain;}

.headlogo .logo1 {display: block;}

.headlogo .logo2 {display: none;}



/* 导航 */

nav {width: 75%;height: 100%;}

nav > ul {display: flex; height: 100%; justify-content: space-between;}

nav > ul > li {height: 100%; }

nav .layui-nav {background: none; padding: 0;}

nav .layui-nav .layui-nav-item {line-height: initial;}

nav .layui-nav .layui-nav-item > a {padding: 0; font-size: var(--font18); display: flex; align-items: center; color: #ffffff; font-weight: 700; height: 100%;position: relative; width: 100%; justify-content: center; transition: .5s;}

nav .layui-nav .layui-nav-more {transform: translateY(-50%) translateX(150%); top: 50%; right: 0;}

nav .layui-nav .layui-nav-item > a:hover {color: #0084CD;}

nav .layui-nav-bar {display: none !important;}

/* 下拉 */

nav .layui-nav .layui-nav-item .layui-nav-child {top: 100%;}

nav .layui-nav .layui-nav-child a:hover {color: #0084CD; background: none;}



/* 头部右侧 */

.headBox .re {display: flex; width: 68%; justify-content: space-between;  align-items: center;}



/* 搜索按钮 */

.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: #0084cd;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);}

}



/* 提交弹窗按钮 */

.headus a {padding: .15rem .2rem; box-sizing: border-box;background: #0084cd;border-radius: 100px;}

/* 留言弹窗 */

#c-sub-pop { display: none; position: fixed;top: 0;left: 0; z-index: 910; width: 100%; height: 100%; }

#c-sub-pop .c-box {position: absolute;top: 50%; left: 50%;padding: 40px; box-sizing: border-box; width: 530px;max-width: 92%;  border-radius: 5px;background: #fff;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%); z-index: 1;}

#c-sub-pop .c-pop-bj {position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.5);}

#c-sub-pop .c-box .c-close { transition: all 0.5s; display: inline-flex; margin-left: auto; float: right; cursor: pointer;     margin-top: -20px;    margin-right: -20px;}

#c-sub-pop .c-box .c-close img,

#c-sub-pop .c-box .c-close svg {width: 24px;height: 24px; display: block; transition: .5s;}

#c-sub-pop .c-box .c-close:hover svg {transform: rotate(180deg);}

#c-sub-pop .c-box .tit {color: #333; font-size: 30px; margin-top: .2rem; font-weight: 600; text-align: center;}

#c-sub-pop .c-box .inBox {margin-top: .2rem; position: relative;  border-radius: 5px}

#c-sub-pop .c-box .inBox input {border: 0;border: 1px solid rgba(189, 189, 189,.62); border-radius: 5px; height: .58rem; min-height: 45px; width: 100%; padding: 0 10px;box-sizing: border-box;}

#c-sub-pop .c-box .inBox input::placeholder {color: #9c9c9c;}

#c-sub-pop .c-box .incode {border: 1px solid rgba(189, 189, 189,.62);}

#c-sub-pop .c-box .incode input {width: calc(100% - 120px); border-color: transparent;}

#c-sub-pop .c-box .inBox img {position: absolute;top: 50%; left: calc(100% - 6px); width: 116px; height: 85%;-webkit-transform: translate(-100%, -50%);transform: translate(-100%, -50%);}

#c-sub-pop .c-box .insub {display: flex; justify-content: center; margin-top: .4rem;}

#c-sub-pop .c-box .insub button {cursor: pointer; height: auto; line-height: initial; border-radius: 30px; background: #0084cd; border: 0;  padding: .15rem .5rem; display: flex; align-items: center; justify-content:center; color: #fff; font-weight: 700; transition: .4s;}

#c-sub-pop .c-box .insub button:active {box-shadow: 0 0 5px #0084cd;}

@media screen and (min-width: 200px) and (max-width: 768px){

  #c-sub-pop .c-box .c-close {margin-top: -15px;margin-right: -15px;}

  #c-sub-pop .c-box { padding: 25px;}

  #c-sub-pop .c-box .tit {font-size: 24px;}

  #c-sub-pop .c-box .inBox input {min-height: 40px;}

  #c-sub-pop .c-box .inBox img {width: 88px; height: 36px;}

}



/* 头部下滑样式 */

.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 .heSearch svg path {fill: #333;}

.header.c-style2 nav > ul > li > a {color: #333;}

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

.header.c-style2 .mobmenu h4 {color: #333;}



/* ==================公用css====================== */

/* 滚动条 */

.headerNavScroll::-webkit-scrollbar {width: 3px; scrollbar-width:thin;scrollbar-color:#0084CD #DDDDDD;}

/*定义滑块 内阴影*/

.headerNavScroll::-webkit-scrollbar-thumb {background: #0084CD; border-radius: 5px;}

/*定义滚动条轨道 内阴影*/

.headerNavScroll::-webkit-scrollbar-track {background: #E5E5E5;}



/* ===============公用css end!!!!===================*/

.more1 {padding: .23rem .25rem;background: #0084cd;border-radius: 100px;}

.more1 span {margin-right: .2rem; }

.more1 i {transition: .5s;}



.more2 {color: #0084cd;border: 1px solid #0084cd; padding: .15rem .4rem; display: inline-block; transition: .5s;}



@media (any-hover: hover) {

  .more1:hover i {transform: translateX(.1rem);}

}











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

/* banner */

.indexBanner {overflow: hidden; height: auto;}

.indexBanner .swiper {height: 100%;}

.indexBanner .bjBox {height: 100%;}

.indexBanner .bjBox img {width: 100%; width: 100%;height: auto; min-height: 420px;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 .slide .box {top: 55%;}

.indexBanner .con {position: relative; display: inline-block;}

.indexBanner .con .p1 {}

.indexBanner .con .p2 {margin-top: .2rem;}

.indexBanner .con .p2 span {display: block; line-height: 1.2;}

.indexBanner .con .more {margin-top: .5rem;}

.indexBanner .swiper .pagtion {left: auto; right: .15rem; width: auto; top: 50%; bottom: auto;}

.indexBanner .swiper .pagtion span {display: block; background: #fff; margin: .2rem; width: 12px; height: 12px; opacity: 1;}

.indexBanner .swiper .pagtion .swiper-pagination-bullet-active {background: #0084cd;}



.indexOne {padding: .6rem 0;}

.indexOne .le {width: 36%;}

.indexOne .re {width: 50%; position: relative;}

.indexOne .le .form {background: #0084cd; border-radius:100px; height: .6rem; min-height: 40px; margin-top: .2rem;}

.indexOne .le .form input {flex: 1; height: 100%; border: 0; background:none; color: #fff; padding: 0 .2rem 0 .4rem;}

.indexOne .le .form button {margin-right: .2rem; cursor: pointer;}

.indexOne .re .swiper {position: static;}
.indexOne .re dl {}

.indexOne .re dl dd {padding: .25rem .7rem .15rem .35rem; border-left: 1px solid #E0E0E0;}

.indexOne .re dl dd:last-child {padding-right: 0;}

.indexOne .re dl dd .p1 ,.indexOne .re dl dd .p2 {display: flex;}

.indexOne .re dl dd .p1 .Q {margin-right: .1rem;}

.indexOne .re dl dd .p2 .A {margin-right: .1rem;}


.indexOne .pagtion {bottom: -.4rem;}

.indexOne .pagtion span {width: 12px;height: 12px; border: 2px solid #0084cd; background: none; opacity: 1; box-sizing: border-box;}

.indexOne .pagtion .swiper-pagination-bullet-active {background: #0084CD;}



.indexTle .en {line-height: 1;}

.indexTwo {padding: .9rem 0;background: #f0f0f0;}

.indexTwo .chose {margin-top: .5rem;}

.indexTwo .chose .item {margin: 0 .15rem; width: 26%;}

.indexTwo .layui-form-select .layui-edge {border-top-color: #0084cd; right: .24rem;}

.indexTwo .layui-form-select .layui-input {height: .6rem; min-height: 45px; padding-left: .45rem;border-radius: 100px;font-family: 'popMedium';}

.indexTwo .layui-form-select .layui-input::placeholder {color: #333333;	font-family: 'popMedium';}

.indexTwo .layui-input:focus, .indexTwo .layui-textarea:focus {border-color: #0084CD !important;}

.indexTwo .layui-form-select dl {top: 100%;}

.indexTwo .layui-form-select dl dd.layui-this {color: #0084CD;}

.indexTwo .swiperBox {margin-top: .4rem; position: relative;}

.indexTwo .swiper {position: static;}

.indexTwo .slide {background: #fff; height: auto;}

.indexTwo .slide .imgBox {height: 2.5rem; display: flex; align-items: center; justify-content: center; overflow: hidden;}

.indexTwo .slide .imgBox img {max-width: 100%; max-height: 100%; object-fit: contain; transition: .5s;}

.indexTwo .slide .con {padding: .2rem; padding-bottom: .4rem; box-sizing: border-box; text-align: center;}

.indexTwo .slide .con .p2 {line-height: 1.2;}

.indexTwo .slide .con .more2 {margin-top: .35rem;}

.indexTwo .slide a:hover .imgBox img {transform: scale(1.05);}

.indexTwo .slide a:hover .con .more2 {background: #0084CD; color: #fff;}

.indexTwo .pagtion {bottom: -.8rem;}

.indexTwo .pagtion span {width: 12px;height: 12px; border: 2px solid #0084cd; background: none; opacity: 1; box-sizing: border-box;}

.indexTwo .pagtion .swiper-pagination-bullet-active {background: #0084CD;}

.indexTwo .moreAll {margin-top: 1.2rem;}

.indexTwo .moreAll a {display: inline-block; padding: .18rem .6rem;background: #0084cd; border: 1px solid #0084cd; box-sizing: border-box; border-radius: 100px; letter-spacing: 1px; transition: .5s;}

.indexTwo .moreAll a:hover {background: none; color: #0084CD;}



.indexThre {background: #0084cd; padding: 1rem 0;}

.indexThre .le .more {margin-top: .25rem;}

.indexThre .le .more a {display: inline-block; padding: .18rem .52rem;background: #0084cd; border: 2px solid #fff; box-sizing: border-box; border-radius: 100px; letter-spacing: 1px; transition: .5s;}

.indexThre .le .more a:hover {background: #fff; color: #0084CD;}

.indexThre .re {width: 50%;}

.indexThre .re dl {justify-content: space-between;}

.indexThre .re dl dd i {width: 0.61rem; height: 0.04rem; min-height: 2px; background: #ffffff; margin-bottom: .3rem; display: block;}

.indexThre .re dl dd span {color: #ffffff;}



.indexFour {background: #f0f0f0; padding: .8rem 0 .6rem 0;}

.indexFour .box {margin-top: .6rem; position: relative;}

.indexFour .swiper {position: static;}

.indexFour .slide {background: #fff; height: auto;}

.indexFour .slide .imgBox {overflow: hidden;}

.indexFour .slide .imgBox img {width: 100%; transition: .5s;}

.indexFour .slide .imglist .layui-carousel {max-height: 280px;}

.indexFour .slide .imglist > .layui-carousel {position: static; margin-bottom: 0;}

.indexFour .slide .imglist .imgBox {overflow: hidden;}

.indexFour .slide .imglist .imgBox img {width: 100%; transition: .5s; height: 100%; object-fit: cover;}

.indexFour .slide .con {padding:.4rem .2rem; box-sizing: border-box; text-align: center;}

.indexFour .slide .con .p1 {color: #333;}

.indexFour .slide .con .more {margin-top: .2rem;}

.indexFour .slide:hover .imgBox img {transform: scale(1.05);}

.indexFour .slide .con .more2:hover {background: #0084CD; color: #fff;}

/* .indexFour .slide a:hover::after {width: 100%;} */

/* 内部控件 */

.indexFour .slide .imglist .layui-carousel .layui-icon {top: 28%;}

.indexFour .slide .layui-carousel-ind {position: absolute; top: auto; bottom: 0;}

.indexFour .slide .layui-carousel-ind ul {background: #D3D3D3; padding: 0; width: 100%; display: flex;}

.layui-carousel-ind ul li {background: none; height: 2px; flex: 1; margin: 0; border-radius: 0;}

.layui-carousel-ind ul li.layui-this {background: #0084cd;}

/* 外部控件 */

.indexFour .pagtion {bottom: -.8rem;}

.indexFour .pagtion span {width: 12px;height: 12px; border: 2px solid #0084cd; background: none; opacity: 1; box-sizing: border-box;}

.indexFour .pagtion .swiper-pagination-bullet-active {background: #0084CD;}

.indexFour .moreAll {margin-top: 1.2rem;}

.indexFour .moreAll a {display: inline-block; padding: .18rem .6rem;background: #0084cd; border: 1px solid #0084cd; box-sizing: border-box; border-radius: 100px; letter-spacing: 1px; transition: .5s;}

.indexFour .moreAll a:hover {background: none; color: #0084CD;}



.indexFive {padding: 1rem 0 1.8rem;}

.indexFive .box {justify-content: space-between; align-items: center;}

.indexFive .le {width: 44%;}

.indexFive .re {width: 50%;}

.indexFive .le .imgBox {position: relative;}

.indexFive .le .imgBox > img {width: 100%; height: 100%; object-fit: cover;}

.indexFive .le .btn {cursor: pointer; left: 55%;}

.indexFive .le .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;}

.indexFive .le .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;}

.indexFive .le .btn i {width: 0.84rem;height: 0.84rem;background: #fdfefe; border-radius: 50%; position: relative; z-index: 1;}

.indexFive .le .btn i img {max-width: 22%;}

@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;}

}

.indexFive .re {margin-top: .3rem;}

.indexFive .re dl {padding-top: .2rem;}

.indexFive .re dd {display: flex; align-items: center; margin: .5rem 0;}

.indexFive .re dd .icBox {width: 0.81rem;height: 0.81rem; border-radius: 50%; background: #f0f0f0; display: flex; align-items: center; justify-content: center; margin-right: .3rem; flex-shrink: 0;}

.indexFive .re dd .icBox img {max-width: 50%;}

.indexFive .re dd .tit {font-size: var(--font24); font-family: 'popMedium';}

.indexFive .re dd .text {margin-top: .1rem;}

.indexFive .re dd .text p {color: #666;}

.indexFive .re .more a {background: #0084cd;border-radius: 100px; padding: .15rem .4rem; box-sizing: border-box; transition: .5s;}

.indexFive .re .more a span {margin-right: .24rem;}

.indexFive .re .more a:hover {box-shadow: 0 0 .1rem #0084CD;}



.indexSix {background: #f0f0f0; overflow: hidden;}

.indexSix .box { position: relative;}

.indexSix .le {width: 45%; padding: 1rem 7% .6rem 10%; box-sizing: border-box;}

.indexSix .re {width: 55%; overflow: hidden;}

.indexSix .le dl {margin-top: .5rem;}

.indexSix .le dd {padding: .2rem 0; position: relative; z-index: 1;}

.indexSix .le dd .tit {position: relative; font-size: var(--font18);color: #303030; display: flex; align-items: center; transition: .5s;}

.indexSix .le dd .tit::before {content: ''; width: 6px; height: 6px; display: inline-block;background: #0084cd; line-height: 2; margin-right: 10px; flex-shrink: 0;}

.indexSix .le dd p {margin-left: 16px;margin-top: .05rem;color:#888;opacity: 0;transition: .5s;}
.indexSix .le dd.on p { opacity: 1;}

.indexSix .le dd .icBox {position: absolute; right: -34%; top: 50%; transform: translateY(-50%); opacity: 0; transition: .5s;}

.indexSix .le dd .icBox i {width: 0.54rem;height: 0.54rem;background: #0084cd; font-size: .2rem; border-radius: 50%; transform: rotate(180deg); display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 700;}

.indexSix .le dd::after {content: ''; background: #fff; top: 0; z-index: -1;border-radius: 100px; left: -50vw; position: absolute; height: 100%; width:0vw; transition: 1s;}

.indexSix .le dd.on::after {width: 88.5vw;}

.indexSix .le dd.on .tit {font-size: var(--font20); color: #0084CD; font-family: 'popMedium';}

.indexSix .le dd.on .icBox {opacity: 1; transition-delay: 1s;}

.indexSix .re .item {position: absolute; height: 100%; top: 0; right: 0; width: 55%;overflow: hidden;}

.indexSix .re .item img {width: 100%; height: 100%; object-fit: cover; opacity: 0;object-fit: cover;transform: scale(1.1);transition: opacity .5s cubic-bezier(.435,.25,.15,.965), transform 1s cubic-bezier(.435,.25,.15,.965);}

.indexSix .re .item.on img {transform: scale(1); opacity: 1;}



.indexSen {padding: 1rem 0;}

.indexSen .box {margin-top: .7rem; position: relative;}

.indexSen .swiper {position: static;}

.indexSen .slide a {display: block; width: 100%; height: 100%;}

.indexSen .slide .imgBox {overflow: hidden; position: relative;border-radius: 0.15rem;}

.indexSen .slide .imgBox img {width: 100%; transition: .5s;}

.indexSen .slide .imgBox .time {position: absolute; bottom: .3rem; left: .25rem;background: #0084cd;border-radius: 100px; padding: .12rem .2rem; color: #fff;}

.indexSen .slide .con {padding: .5rem .2rem;}

.indexSen .slide .con .p1 p {transition: .5s;}

.indexSen .slide .more {margin-top: .5rem;}

.indexSen .slide .more .jt {width: 26px;height: 26px;background: #0084cd; display: flex; align-items: center; justify-content: center; font-weight: 700; transform: rotate(180deg); border-radius: 50%;}

.indexSen .slide:hover .imgBox img {transform: scale(1.1);}

.indexSen .slide:hover .p1 p {color: #0084CD;}

.indexSen .pagtion {bottom: -.4rem;}

.indexSen .pagtion span {width: 12px;height: 12px; border: 2px solid #0084cd; background: none; opacity: 1; box-sizing: border-box;}

.indexSen .pagtion .swiper-pagination-bullet-active {background: #0084CD;}





/* ===底部=== */

.footer .footerBox {background: url(../images/footer-bj.jpg) no-repeat center; background-size: cover; padding: 2rem 0 .38rem;}

.foterUs {transform: translateY(50%);}

.foterUs .box {background: linear-gradient(-39deg,#2ab7eb 0%, #0084cd 100%);border-radius: 0.1rem; padding: .55rem 6% .55rem 6%; overflow: hidden;}

.foterUs .box .le span {display: block;}

.foterUs .box .more a {border: 2px solid #ffffff;border-radius: 100px; padding: .17rem .3rem; transition: .5s;}

.foterUs .box .more a:hover {background: #fff; color: #0084CD;}

.foterUs .box .more a:hover span {color: #0084CD;}

.foterUs .box .more a:hover svg path {fill: #0084CD;}

.footerBox .box {justify-content: space-between;}

.footerBox .le .links {margin-top: .6rem;}

.footerBox .le .links ul {justify-content: space-between;}

.foternav {width: 34%; display: flex; justify-content: space-between;}

.foternav dl dt {font-size: var(--font22); color: #fff; font-family: 'popMedium'; margin-bottom: .4rem;}

.foternav dl dd {margin: .1rem 0;}

.foternav dl dd a {color: #ffffff; opacity: .7; transition: .5s;}

.foternav dl dd a:hover {opacity: 1;}

.footerBox .re .tit { padding-bottom: .15rem;}

.footerBox .re dl dd {display: flex; align-items: flex-start; margin-top: .2rem; }

.footerBox .re dl dd .icBox {margin-right: .1rem;width: 15px;}

.footerBox .re dl dd p {position: relative;}

.footerBox .re dl dd p , .footerBox .re dl dd p a {color: #fff; font-size: var(--font15); color: #fff;}

.footerBox .re dl dd:last-child p { border-bottom: 1px solid #fff;}

/* .footerBox .re dl dd:last-child p::after {content: ''; position: absolute; bottom: 0; width: 100%; height: 1px; background: #fff; left: 0;} */

.foterCopy {margin-top: .67rem; border-top: 1px solid rgba(240, 240, 240,.1); padding-top: .3rem;}

.foterCopy .copy p , .foterCopy .copy p a {color: rgba(255, 255, 255,.5);}

.foterCopy .copy p a:hover {color: #fff;}

.foterCopy ul li {padding: 0 .25rem; border-right: 2px solid rgba(255, 255, 255,.5);line-height: 1;}

.foterCopy ul li:last-child {padding-right: 0; border: 0;}

.foterCopy ul li a {color: rgba(255, 255, 255,.5); display: block;}

.foterCopy ul li a:hover {color: #fff;}



/* ==============================================================================内页======================================================================================= */

/* 内页底部 */

.ny-footer .foterUs {transform: none;}

.ny-footer .foterUs {background: linear-gradient(-39deg, #2ab7eb 0%, #0084cd 100%);}

.ny-footer .foterUs .box {background: none; padding: .74rem 0;}

.ny-footer .foterUs .box .le span {display: inline-block;}



.ny-banner {position: relative;}

.ny-banner .box {top:78%; display: flex; align-items: flex-end; justify-content: space-between;  flex-wrap: wrap;}

.ny-banner .bjBox img {width: 100%; min-height: 4.24rem; object-fit: cover;}

.ny-banner .box .cn {line-height: 1; text-transform: uppercase;}



/* 内页二级栏目 */

.nynav {border-bottom: 1px solid #E4E4E4;}

.nynav ul {display: flex;}

.nynav li {padding: 0 .4rem;}

.nynav li:first-child {padding-left: 0;}

.nynav li a {padding: .27rem 0; font-size: var(--font17);font-weight: 700; display: block; color: #777; position: relative;}

.nynav li a::after {content: ''; width: 0; background: #0084CD; 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: #333;}

.nynav li.on a {color: #333;}



/* 面包屑 */

.mbx {}

.layui-breadcrumb {display: flex; align-items: center; flex-wrap: wrap;margin-top: 5px;}

.layui-breadcrumb span { color: #fff !important;}

.layui-breadcrumb a {color: #fff !important;}

.layui-breadcrumb a:hover {color: #0084CD !important;}

.layui-breadcrumb>* {font-size: var(--font16);}





/* ===关于我们=== */

.aboutTle .tit2 span {display: block;}



.aboutOne {padding: 1.2rem 0 1.6rem 0;}

.aboutOne .box {}

.aboutOne .le {width: auto;}

.aboutOne .re {width: 51%;}

.aboutOne .le .more {margin-top: .65rem;}

.aboutOne .le .more a {display: inline-block;letter-spacing: 1px; padding: .2rem .6rem;background: #0084cd; border-radius: 100px; transition: .5s;}

.aboutOne .le .more a:hover {box-shadow: 0 0 .1rem #0084CD;}

.aboutOne .re .text p {color: #666666; font-size: var(--font18); margin-top: .4rem;}

.aboutOne .re .text p:first-child {margin-top: 0;}



.aboutTwo .box {display: flex;background: #f8f8f8;}

.aboutTwo .le {width: 50%;}

.aboutTwo .re {width: 50%; display: flex; align-items: center; padding: .5rem 10% .5rem 5%; box-sizing: border-box;}

.aboutTwo .le img {width: 100%; height: 100%; object-fit: cover;}

.aboutTwo .re dl dd {margin-top: 1.2rem;}

.aboutTwo .re dl dd:first-child {margin-top: .4rem;}

.aboutTwo .re dl dd .p1 {font-size: var(--font36);font-family: 'popMedium';}

.aboutTwo .re dl dd .text {margin-top: .1rem;}

.aboutTwo .re dl dd .text p {color: #666666; font-size: var(--font18);}



.aboutThre {position: relative;}

.aboutThre .aboutTle {position: absolute; left: 10%; top: 1.2rem; z-index: 1;}

.aboutThre .numlist {position: absolute; width: 40%; right: 10%; bottom: .8rem; z-index: 1;}

.aboutThre .numlist dl {justify-content: space-between;}

.aboutThre .numlist dl dd span {color: #ffffff;}

.aboutThre .mapBox {position: relative; overflow-x: hidden;}

.aboutThre .mapBox > img {width: 100%;}

.aboutThre .mapBox li {position: absolute;  inset: 0% auto auto 0%; z-index: 2;}



.aboutThre .mapBox li .hide {display: none;position: absolute; z-index: 1;bottom: 120%; background: #fff; padding: .1rem; border-radius: .1rem; width: max-content; opacity: 0; transition: .5s; visibility: hidden;}

.aboutThre .mapBox li .logo {width: .35rem; height: .35rem; display: flex;}

.aboutThre .mapBox li .logo img {width: 100%;}

.aboutThre .mapBox li .icBox {border-radius: 50%; overflow: hidden; width: .25rem; height: .25rem; display: flex;}

.aboutThre .mapBox li .icBox img {width: 100%;}

.aboutThre .mapBox li:hover .hide {opacity: 1; visibility: visible;}

.aboutThre .mapBox li:nth-child(1) {left: 22%;top: 52%;}

.aboutThre .mapBox li:nth-child(2) {left: 33.5%;top: 39%;}

.aboutThre .mapBox li:nth-child(3) {left: 37%;top: 71%;}

.aboutThre .mapBox li:nth-child(4) {left: 39.5%;top: 18%;}

.aboutThre .mapBox li:nth-child(5) {left: 48.2%;top: 62.8%;}

.aboutThre .mapBox li:nth-child(6) {left: 53.6%;top: 44%;}

.aboutThre .mapBox li:nth-child(7) {left: 69.3%;top: 22.5%;}

.aboutThre .mapBox li:nth-child(8) {left: 68.5%;top: 59%;}

.aboutThre .mapBox li:nth-child(9) {left: 77.2%;top: 54%;}



.aboutFour {padding: 1.2rem 0;}

.aboutFour .tle .jtBox {position: relative;}

.aboutFour .tle .jtBox .swjt {position: relative;width: 0.54rem; min-height: 40px; min-width: 40px; height: 0.54rem;background: #d0d0d0; border-radius: 50%; transform: none; top: 30%; left: 0; right: 0; transition: .5s;margin-top: 0;}

.aboutFour .tle .jtBox .swjt i {color: #fff; font-weight: 700;}

.aboutFour .tle .jtBox .swjt:active {background: #0084CD;}

@media (any-hover: hover) {

  .aboutFour .tle .jtBox .swjt:hover {background: #0084CD;}

}

.aboutFour .box {margin-top: .7rem; position: relative;}

.aboutFour .swiper {position: static;}

.aboutFour .slide .imgBox {border-radius: 0.22rem; overflow: hidden;}

.aboutFour .slide .imgBox img {width: 100%; transition: .5s;}

.aboutFour .slide .con {text-align: center;}

.aboutFour .slide .tit {color: #000000; margin-top: .4rem;}

.aboutFour .slide .text {margin-top: .2rem;}

.aboutFour .slide .text p {color: #7b7b7b;}

.aboutFour .slide a:hover .imgBox img {transform: scale(1.05);}

.aboutFour .pagtion {bottom: -.6rem; display: none;}

.aboutFour .pagtion span {width: 12px;height: 12px; border: 2px solid #0084cd; background: none; opacity: 1; box-sizing: border-box;}

.aboutFour .pagtion .swiper-pagination-bullet-active {background: #0084CD;}



.aboutFive {background: url(../images/aboutFive-bj.jpg) no-repeat center; background-size: cover; padding: .8rem 0 1rem;}

.aboutFive .tle .jtBox {position: relative;}

.aboutFive .tle .jtBox .swjt {position: relative;width: 0.54rem; min-height: 40px; min-width: 40px; height: 0.54rem;background: #d0d0d0; border-radius: 50%; transform: none; left: 0; right: 0; transition: .5s;}

.aboutFive .tle .jtBox .swjt i {color: #fff; font-weight: 700;}

.aboutFive .tle .jtBox .swjt:active {background: #0084CD;}

@media (any-hover: hover) {

  .aboutFive .tle .jtBox .swjt:hover {background: #0084CD;}

}

.aboutFive .box {position: relative; margin-top: 1.2rem;}

.aboutFive .box::before {content: ''; height: .14rem; width: 100%; position: absolute;left: 0; top: 0; background: url(../images/aboutFive-xian.png) repeat; background-size: contain;}

.aboutFive .slide {padding-left: .05rem;}

.aboutFive .slide .cirle {width: .2rem; height: .2rem; border: 1px solid #189ce5; box-sizing: border-box; display: block; box-sizing: border-box; border-radius: 50%; position: relative;}

.aboutFive .slide .cirle::after {content: ''; width: 60%; height: 60%; left: 50%; top: 50%; background: #189ce5; border-radius: 50%; transform: translate(-50%,-50%); position: absolute;}

.aboutFive .slide .time {font-size: var(--font30);font-family: 'popMedium'; margin-top: .7rem;}

.aboutFive .slide .imgBox {margin-top: .2rem;border-radius: 0.2rem; overflow: hidden;}

.aboutFive .slide .imgBox img {width: 100%;}

.aboutFive .slide .text {margin-top: .35rem; font-size: var(--font15);}



/* ===产品中心=== */

.proOne {padding: 1rem 0;}

.proOne .box {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;}

.proOne .box .le {width: 20.5%; min-width: 200px;}

.proOne .box .re {flex: 1;margin-left: 3.5%;}

/* 左侧产品栏目 */

.proOne .menu {box-shadow: 0rem 0rem 0.2rem 0rem rgba(6,0,1,0.06); padding: .4rem 0; margin-bottom: .5rem;}

.proOne .menu .tit {border-left: .1rem solid #189CE5; padding: 0 .2rem;}

.proOne .menu .tit h3 {position: relative;}

.proOne .menu .tit h3::after {content: ''; position: absolute; bottom: -.3rem; left: 0; width: 100%; height: 1px; background: #D0D0D0; opacity: .5;}

.proOne .menu ul {padding: 0 .2rem; margin-top:.5rem;}

.proOne .menu li { margin-top: .2rem;}

.proOne .menu li .menu-li {  display: flex; justify-content: space-between;padding: .1rem .2rem;  padding-left: .1rem; min-height: 40px; cursor: pointer;background: #f8f8f8;}

.proOne .menu li .menu-li a {color: #333; display: flex; align-items: center;}

.proOne .menu li .menu-li i {width: 14px; position: relative;}

.proOne .menu li .menu-li i svg {max-width: 100%;position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 0; transition: .4s;}

.proOne .menu li .menu-li i .jia {opacity: 1;}

.proOne .menu li .menu-li:hover a {color: #0084CD;}

.proOne .menu li .s-menu { width: 100%; padding: .4rem .2rem; padding-left: .3rem; padding-top: .1rem; padding-bottom: 0; display: none;    padding-left: .1rem;}

.proOne .menu li .s-menu a { width: 100%; color: #6A6A6A;  position: relative;margin-bottom:0.1rem;transition: all ease-out 0.3s; display: block;font-size:.14rem}

.proOne .menu li .s-menu a:hover {color: #0084CD;}

.proOne .menu li .menu-li.on {background: #0084CD;}
.proOne .menu li .menu-li.on a{color:#fff}
.proOne .menu2 dd .con .more{font-size:0.14rem}

.proOne .menu li .menu-li.on a {font-family: 'popMedium';}

.proOne .menu li .menu-li.on i .jia {opacity: 0;}

.proOne .menu li .menu-li.on i .jian {opacity: 1;}

.proOne .menu li .s-menu.on {display: block;}

/* 左侧产品推荐 */

.proOne .menu2 dl {padding: 0 .2rem;margin-top: .6rem;}

.proOne .menu2 dd {margin-top: .25rem;}

.proOne .menu2 dd a {display: flex; align-items: center; justify-content: space-between;}

.proOne .menu2 dd .imgBox {width: 30%;}

.proOne .menu2 dd .imgBox img {width: 100%; transition: .5s;}

.proOne .menu2 dd .con {flex: 1; margin-left: .2rem;}

.proOne .menu2 dd .tit2 {transition: .5s;}

.proOne .menu2 dd:hover .tit2 {color: #189CE5;}

.proOne .menu2 dd:hover .imgBox img {transform: scale(1.05);}

/* 右侧产品列表 */

.proOne .re .info {padding-bottom: .25rem; border-bottom: 1px solid #EEEEEE;}

.proOne .re .info .form {width: 43%; background: #EEEEEE; border-radius:100px; height: .6rem; min-height: 40px;}

.proOne .re .form input {flex: 1; height: 100%; border: 0; background:none; color: #333; padding: 0 .2rem 0 .4rem;}

.proOne .re .form button {cursor: pointer; background: #0084CD; width: .6rem; height: .6rem; min-height: 40px; min-width: 40px; border-radius: 50%;}

.proOne .list {margin-top: .3rem;}

.proOne .list ul {display: grid; grid-template-columns: repeat(3,1fr); gap: .45rem;}

.proOne .list li {background: #fff; box-shadow: 0rem 0rem 0.1rem 0rem rgba(6,0,1,0.06); }

.proOne .list li .imgBox {height: 2.5rem; display: flex; align-items: center; justify-content: center; overflow: hidden;}

.proOne .list li .imgBox img {max-width: 100%; max-height: 100%; transition: .5s;}

.proOne .list li .con {padding: .2rem; padding-bottom: .4rem; box-sizing: border-box; text-align: center;}

.proOne .list li .con .p2 {line-height: 1.2;}

.proOne .list li .con .more2 {margin-top: .35rem;}

.proOne .list li:hover .imgBox img {transform: scale(1.05);}

.proOne .list li:hover .con .more2 {background: #0084CD; color: #fff;}



/* 产品详情 */

.proDateOne {padding: 1rem 0 2rem;}

.proDateOne .le {width: 48%; display: flex;  align-items: flex-start; align-items: center;}

.proDateOne .re {width: 48%;}

.proDateOne .swiperBox2 {order: -1;width: 86px; position: relative; height: 100%;}

.proDateOne .swiperBox2 .swjt {position: relative;background: #f0f0f0; top: 0; left: 0; bottom: 0; width: 100%; height: 24px; margin: .1rem 0;}

.proDateOne .swiperBox2 .swjt i {color: #919191;}

.proDateThum {height: 100%;width: 100%; }

.proDateThum .slide {height: auto;}

.proDateThum .slide .imgBox {background: #f8f8f8; height: 100%;cursor: pointer; border: 1px solid transparent; box-sizing: border-box;}

.proDateThum .slide img {max-width: 100%; max-height: 100%; object-fit: contain;}

.proDateThum .slide.swiper-slide-thumb-active .imgBox {border-color: #0084cd;}

.proDateSwiper { flex: 1; margin-left: .8rem; transform: translateY(.6rem);}

.proDateSwiper .imgBox {height: 100%; min-height: 5rem;}

.proDateSwiper .imgBox img {max-width: 100%;}

.proDateOne .re .con .p1 i {transform: rotate(45deg); display: inline-block; position: relative; top: 4px;}

.proDateOne .re .con .p3 {margin-top: .3rem; font-size: var(--font22);}

.proDateOne .re .con .p4 {margin-top: .3rem;color: #666666; line-height: 1.7;}

.proDateOne .re .conus {margin-top: .5rem;}

.proDateOne .re .conus .more {flex: 1; margin-right: .35rem;}

.proDateOne .re .conus .more a {background: #0084cd;border-radius: 100px; padding: .22rem .1rem; display: flex; justify-content: center; align-items: center;}

.proDateOne .re .conus ul {display: flex; align-items: center;}

.proDateOne .re .conus li {margin: 0 .15rem;}



.proDateTwo {background: #f9f9f9; padding: .6rem 0 1rem;}

.proDateTwo .box { align-items: flex-start;}

.proDateTwo .le {flex: 1;margin-right:11%;}

.proDateTwo .re {width: 24%; position: sticky; top: 1.5rem; min-width: 240px;}

.proDateTwo .layui-tab-title {background: #ffffff;border-radius: 100px;display: flex; overflow: hidden; height: auto; z-index: 2;}

.proDateTwo .layui-tab-title li {flex: auto; font-size: var(--font20);padding: .22rem .2rem; border-left: 1px solid #E6E6E6; line-height: initial; text-align: center;}

.proDateTwo .layui-tab-title li:first-child {border: 0;}

.proDateTwo .layui-tab-more {padding: 0; white-space: wrap;}

.proDateTwo .layui-tab-title .layui-this {background: #0084cd; color: #fff;}

.proDateTwo .layui-tab-title .layui-this:after {display: none;}

.proDateTwo .layui-tab-title .layui-tab-bar {display: none;}

.proDateTwo .re .proOne {padding: 0;}

.proDateTwo .re .proOne .menu {background: #fff;}

.proDateTwo .re .proOne .menu3 .tit h3::after {display: none;}

.proDateTwo .re .form {padding: 0 .3rem; margin-top: .4rem;}

.proDateTwo .re .form .inBox {height: 0.54rem; min-height: 40px;background: #f8f8f8; margin-bottom: .12rem;}

.proDateTwo .re .form input {background: none; height: 100%;border: 1px solid #ededed;}

.proDateTwo .re .form .inTxtBox {height: 1.3rem; min-height: 80px;}

.proDateTwo .re .form textarea {background: none;  height: 100%; resize: none;border: 1px solid #ededed;padding-top: .15rem; box-sizing: border-box;}

.proDateTwo .re .form .inCode {display: flex; justify-content: space-between; height: .45rem;}

.proDateTwo .re .form .inCode img {max-width: 40%; height: 100%; object-fit: contain;}

.proDateTwo .re .form .sub {background: #0084cd;border-radius: 100px; padding: .18rem 0; margin-top: .3rem; }

.proDateTwo .re .form .sub button {width: 100%;cursor: pointer;}



/* 产品资料录入 */

.proDateTwo .content {padding: .5rem 0; word-wrap: break-word;word-break: break-word;text-wrap-mode: wrap !important;}

.proDateTwo .content p {word-wrap: break-word;word-break: break-word;}

.proDateTwo .content .item {  padding-top:2rem;margin-top: -1.5rem;}
.proDateTwo .content img {max-width: 100%; height: auto !important;}
.table1 td {padding:0.2rem ;border:1px solid #ddd}


/* ===应用=== */

.appOne {padding: 1rem 0;}

.appOne .boxCon {display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start;}

.appOne .leCon {width: 24%; position: sticky; top: 1.5rem; min-width: 240px;}

.appOne .reCon {margin-left: 9%; flex: 1;}

.appOne .proDateTwo {background: none; padding: 0;}

.appOne .proDateTwo .re {position: relative; top: 0;width: 100%;}

.appOne .proDateTwo .re .proOne .menu {width: 100%;}

.appOne .appnav {box-shadow: 0rem 0rem 0.02rem 0rem rgba(6,0,1,0.20); margin-bottom: .44rem; padding: .5rem .2rem; box-sizing: border-box;} 

.appOne .appnav li {margin: .1rem;}

.appOne .appnav li a {display: flex; align-items: center; font-size: var(--font18);color: #575757;padding: .1rem 0.2rem; box-sizing: border-box;border-radius: 100px; transition: .5s;}

.appOne .appnav li span {margin-right: .5rem;}

.appOne .appnav li i {opacity: 0; color: #0084CD; transition: .5s;}

.appOne .appnav li:hover a {background: #f7f8fa; font-weight: 700; color: #0084CD;}

.appOne .appnav li:hover i {opacity: 1;}

.appOne .appnav li.on a {background: #f7f8fa; font-weight: 700; color: #0084CD;}

.appOne .appnav li.on i {opacity: 1;}

.appOne .list {position: relative;}

.appOne .list ul li {margin-top: .8rem; display: none;}

.appOne .list ul li:nth-child(-n+2) {display: list-item;}

.appOne .list ul li:first-child {margin-top: 0;}

.appOne .list ul li .imgBox {overflow: hidden; position: relative;}

.appOne .list ul li .imgBox::after {content: '';background: #0084cd; position: absolute; width: 0; height: 0.08rem; bottom: 0; left: 0; transition: .5s;}

.appOne .list ul li .imgBox img {transition: .5s; width: 100%;}

.appOne .list ul li:hover .imgBox img {transform: scale(1.1);}

.appOne .list ul li:hover .imgBox::after {width: 100%;}

.appOne .list ul li .info {padding-top: .5rem;}

.appOne .list ul li .tit {position: relative; display: flex;}

.appOne .list ul li .tit::before {content: '•';display: inline-block;color: #333333;margin-right: .2rem;}

.appOne .list ul li .more {margin-top: .5rem;}

.appOne .list .morelist {border: 1px solid #d3d3d3; padding: .25rem .1rem;color: #5f5f5f; text-align: center; margin-top: 1.5rem; transition: .4s; cursor: pointer;}

.appOne .list .morelist:hover {background: #0084CD; color: #fff; border-color: #0084CD;}

.appOne .list #loading {position: absolute; left: 50%; top: calc(100% - 1.5rem); transform:translate(-50%,-50%);display: none;}



/* ===案例=== */

.caselist {padding: 1rem 0;}

.caselist ul {display: grid; grid-template-columns: repeat(4,1fr);gap: .3rem;}

.caselist li {position: relative;background: #f9f9f9;}

.caselist li .imglist .layui-carousel {max-height: 280px;}

.caselist li .imglist .imgBox {overflow: hidden;}

.caselist li .imglist .imgBox img {width: 100%; transition: .5s; height: 100%; object-fit: cover;}

.caselist li .con {padding:.4rem .2rem; box-sizing: border-box; text-align: center;}

.caselist li .con .p1 {color: #333;}

.caselist li .con .more2 {margin-top: .2rem;}

.caselist li:hover .imgBox img {transform: scale(1.05);}

.caselist li .con .more2:hover {background: #0084CD; color: #fff;}

/* 控件 */

.layui-carousel-arrow {background: none;}

.layui-carousel[lay-arrow=always] .layui-carousel-arrow {left: 10px}

.layui-carousel[lay-arrow=always] .layui-carousel-arrow[lay-type=add] {right: 10px;}



/* ===新闻列表=== */

.newslist {padding: 1rem 0;}

.newslist ul {display: grid; grid-template-columns: repeat(3,1fr);gap: .7rem;}

.newslist li {background: #f1f1f1;border-radius: 0.15rem; overflow: hidden;}

.newslist li .imgBox {overflow: hidden; position: relative;}

.newslist li .imgBox img {width: 100%; transition: .5s;}

.newslist li .imgBox .time {position: absolute; bottom: .3rem; left: .25rem;background: #0084cd;border-radius: 100px; padding: .12rem .2rem; color: #fff;}

.newslist li .con {padding: .5rem .2rem;}

.newslist li .con .p1 p {transition: .5s;}

.newslist li .more {margin-top: .5rem;}

.newslist li .more .jt {width: 26px;height: 26px;background: #0084cd; display: flex; align-items: center; justify-content: center; font-weight: 700; transform: rotate(180deg); border-radius: 50%;}

.newslist li:hover .imgBox img {transform: scale(1.1);}

.newslist li:hover .p1 p {color: #0084CD;}



/* 详情页面 */

.newsDateMain {background: #f8f8f8; padding: 0;}

.newsDate {padding: .3rem 0 1rem 0;}

.newsDate .layui-breadcrumb a {color: #333 !important;}

.newsDate .layui-breadcrumb span {color: #333 !important;}

.newsDate .box {margin-top: .3rem; display: flex; justify-content: space-between; align-items: flex-start;}

.newsDate .le {background: #fff;  padding: 0.4rem 0.35rem;    width: 65.5%;}

.newsDate .re {width: 32%;background: #fff;position: sticky; top: 1.5rem; padding: 0.45rem;}

.newsDate .tle {padding-bottom: .4rem; border-bottom: 1px solid #F2F2F2;}

.newsDate .tle h4 {color: #333333; font-size: var(--font40);font-weight: 400; line-height: 1.2;}

.newsDate .tle .tle-info {display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: .3rem;}

.public-tips {display: flex; align-items: center;}

.public-tips .c-tips { padding: 5px 15px;border-radius: 1000px;border: 1px solid #e8e8e8; color: #0084cd; margin-right: 15px;}

.public-tips .c-date {color: #999;}

#share-1 {display: flex; align-items: center;}

#share-1 a {margin: 5px; width: 32px; height: 32px; display: flex; align-items: center;    justify-content: center;}

#share-1 a:hover svg path {fill: #0084cd;}

.newsDate .dateCon {margin: .4rem 0;}

.newsDate .dateCon img {max-width: 100%;}

.pageChose {display: flex; align-items: center; justify-content: space-between;flex-wrap: wrap;border-top: 1px solid #F2F2F2;padding-top: .5rem;}

.pageChose .jtBox {width:.32rem;height: .32rem; min-height: 25px; min-width: 25px; border: 1px solid #333; border-radius: 50%; display: inline-flex; margin-left: .15rem;    flex-shrink: 0;transition: .35s;}

.pageChose .jtBox img {width: 16px; filter: brightness(0); -webkit-filter:brightness(0);}

.pageChose .jtBox svg {max-width: 50%;}

.pageChose .next a {display: flex; justify-content: flex-end;}

.pageChose .prev .jtBox {transform: rotate(180deg); margin-left: 0; margin-right: .15rem; }

.pageChose .swjt {width: 45%;}

.pageChose .swjt a {color: #666; display: flex; align-items: center;}

.pageChose .swjt:hover a {color: #0084cd;}

.pageChose .swjt:hover .jtBox {background: #0084cd; border-color: #0084cd;}

.pageChose .swjt:hover .jtBox svg path {fill: #fff;}

.pageChose .backlist {width: 100%; order: 3; display: flex; justify-content: center; margin-top: .3rem;}

.pageChose .backlist a {width: 1.58rem; min-width: 125px; min-height: 40px; height: 0.49rem;background: #0084cd;border-radius: 25px; color: #fff;}

.pageChose .backlist a:active {background: #0084cd;}

.newsDate .re .c-title {font-size: var(--font26); color: #333;border-bottom: 1px solid #f5f5f5;padding-bottom: .2rem; font-weight: 700;}

.newsDate .re li {padding: 0.2rem 0;border-bottom: 1px solid #f5f5f5; box-sizing: border-box;}

.newsDate .re li a {display: flex;}

.newsDate .re li .public-img {width: 40%;}

.newsDate .re li .public-img img {max-width: 100%;    height: 100%;object-fit: cover;}

.newsDate .re li .c-cont { flex: 1; margin-left: 0.2rem; margin-top: .1rem;}

.newsDate .re li .c-cont .c-date {font-size: var(--font14); color: #999;}

.newsDate .re li .c-cont .c-t p {color: #333;}

.newsDate .re li a:hover .c-t p {color: #0084cd;}



/* ===联系我们=== */

.tactOne {padding: 1rem 0;}

.tactOne .box {display: flex; justify-content: space-between;}

.tactOne .le {width: 48%;}

.tactOne .re {width: 40%;}

.tactOne .le .p1 {margin-top: .45rem;}

.tactOne .form input::placeholder {color: #333;font-family: 'popMedium';}

.tactOne .form input::-webkit-input-placeholder {color: #333;font-family: 'popMedium';}

.tactOne .form input::-moz-placeholder{color: #333;font-family: 'popMedium';}

.tactOne .form input::-moz-placeholder {color: #333;font-family: 'popMedium';}

.tactOne .form input::-ms-input-placeholder {color: #333;font-family: 'popMedium';}

.tactOne .form textarea::placeholder {font-size: var(--font14); color: #9D9D9D;}

.tactOne .form textarea::-webkit-textarea-placeholder {font-size: var(--font14); color: #9D9D9D;font-family: 'popRegular';}

.tactOne .form {display: flex; flex-wrap: wrap; justify-content: space-between;}

.tactOne .form .inBox { margin-top: .45rem; width: 46%;}

.tactOne .form input , .tactOne .form textarea {border: 0; border-bottom: 2px solid #333; box-shadow: none; background: none; height: auto; padding: 0; padding-bottom: .15rem;}

.tactOne .form .inTxtBox {width: 100%;}

.tactOne .form .inTxtBox textarea {resize: none; margin-top: .6rem; padding-bottom: .2rem;}

.tactOne .form .inCode {display: flex;}

.tactOne .form .inCode img {margin-left: .1rem; max-width: 1.5rem;}

.tactOne .form .sub {width: 100%; margin-top: .6rem;}

.tactOne .form .sub button {background: #0084cd; padding: .16rem .32rem; cursor: pointer;}

.tactOne .form .sub button i {transform: rotate(180deg); display: inline-block;}

.tactOne .re dl dd {margin-top: .9rem;}

.tactOne .re dl dd:first-child {margin-top: .4rem;}

.tactOne .re dl dd .p1 {font-size: var(--font20); font-weight: 700;font-family: 'popBold';}

.tactOne .re dl dd .p2 {font-size: var(--font14);color: #666666;}

.tactOne .re dl dd .p3 {display: flex; align-items: center; margin-top: .1rem;}

.tactOne .re dl dd .p3 .icBox {width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; margin-right: .12rem;background: #efefef; border-radius: 50%;}

.tactOne .re dl dd .p3 .icBox img {max-width: 50%;}

.tactOne .re dl dd .p3 p , .tactOne .re dl dd .p3 p a {color: #0084cd;font-family: 'popMedium';}

.tactTwo img {width: 100%;}

/* 底部弹出层提交 */
.foterPop {position: fixed;right: 1%; bottom: 0; z-index: 99; transform: translateY(calc(100% - 45px)); transition: .5s;}
.foterPop .box {width: 350px; border-radius: 15px 15px 0 0;overflow: hidden;}
.foterPop .tit {position: relative;display: flex; justify-content: space-between; align-items: center;background: #0084cd; color: #fff;}
.foterPop .tit {height: 45px;padding: 0 20px; cursor: pointer;}
.foterPop .tit i {transition: .5s;}
.foterPop .tit .icBox {display: none;}
.foterPop .form { border: 1px solid #0084cd;position: relative; background: #fff;overflow-y: auto; padding-bottom: 20px;width: 100%;}
.foterPop .form form {padding: 20px 20px 5px;}
.foterPop .form .inBox {margin-bottom: 10px; border: 1px solid #e5e5e5;height: 39px; padding: 0 13px;  border-radius: 25px;}
.foterPop .form .inBox input ,.foterPop .form .inBox textarea {width: 100%; height: 100%; border: 0; background: none; font-size: 12px; resize: none;}
.foterPop .form .inText {height: 100px;}
.foterPop .form .inBox textarea {padding: 10px 0;}
.foterPop .form .inCode {display: flex; justify-content: space-between; padding-right: 0; overflow: hidden;}
.foterPop .form .inCode input {padding-right: 15px;}
.foterPop .form .inCode img {height: 100%; border-radius: 15px;}
.foterPop .form .sub button {width: 100%; background: #EE7700;border-radius: 25px; color: #fff; height: 36px; cursor: pointer;}
.foterPop .tit i {transform: rotateX(180deg);}
.foterPop.show {transform: translateY(0);}
.foterPop .tit.on i {transform: rotateX(0);}


@media (max-width: 640px) {
.foterPop .tit {width: auto; background: #fff; display: inline-flex; padding: 0 15px;}
.foterPop .tit span {display: none;}
.foterPop .tit i {display: none;}
.foterPop .tit .icBox {display: block;}
.foterPop {width: 96%; right: 2%;}
.foterPop  .box {width: 100%; border-radius: 0; display: flex; flex-direction: column; justify-content: flex-end; align-items:flex-end;}
}




/* 产品详情资料调整 */
.proDateTwo .content .item p , .proDateTwo .content .item p span { text-wrap-mode: wrap !important; white-space: wrap !important;}
.proDateTwo .content .table2 tr {display: flex; justify-content: space-between; align-items: center;}
.proDateTwo .content .table2 td {width: 48%; margin: .1rem 0;}

@media screen and (min-width: 200px) and (max-width: 1440px) {
  .proDateTwo .content .item {font-size: 12px;}
}

@media screen and (min-width: 200px) and (max-width: 767px) {
  .proDateTwo .content .table1 tr {display: flex; justify-content: space-between; flex-wrap: wrap;}
  .proDateTwo .content .table1 td {width: 100%;}
  .proDateTwo .content .table2 tr{flex-wrap: wrap;}
  .proDateTwo .content .table2 td {width: 100%; margin-top: .3rem;}

}