/* =====头部===== */ 
body {min-width: 1260px;overflow-x: auto;letter-spacing: 1px;}
/* #c-placeholder {height: 1.04rem;min-height: 80px;} */
header {position: sticky; top: 0; z-index: 99; background: #fff;}
.headBox {height: 1.04rem; min-height: 80px; display: flex; justify-content: space-between; padding-left: 5%; padding-right: 5%; box-sizing: border-box; border-bottom: 1px solid #eee;}
.headlogo .logo img {max-width: 2.5rem;}

/* 头部右侧 */
.headBox .re {display: flex; width:80%; justify-content: space-between;  align-items: center;}
/* 导航 */
nav {width: 75%;height: 100%;}
nav .layui-nav {background: none; padding: 0;}
nav .layui-nav .layui-nav-item {line-height: initial; display: flex; align-items: center;position: static;}
nav .layui-nav .layui-nav-item.has-sub {position: relative;}
nav .layui-nav .layui-nav-item > a {padding: 0; font-size: var(--font19);color: #282828; position: relative;}
nav .layui-nav .layui-nav-more {top: 50%; margin-top: -9%; right: -.15rem;font-weight: 700;}
nav .layui-nav .layui-nav-item > a:hover, .layui-nav li.on > a {color: #467FFF;}
nav .layui-nav .layui-this:after, nav .layui-nav-bar {background: #467FFF; width: auto;}
nav > ul {display: flex; height: 100%; justify-content: space-between;}
nav > ul > li {height: 100%; position: relative;}
nav .layui-nav .layui-nav-more{display: none;}
@media screen and (min-width:200px)  and  (max-width:1500px)  {
	nav {width: 80%;height: 100%;}
	.headBox{padding:0 3%}
	nav .layui-nav .layui-nav-item > a{    font-size: var(--font18);}
	
}

.foterlogo img{max-width:2.5rem}
/* 下拉 */
nav .layui-nav-child { top: 100%; background: #fff;  box-sizing: border-box;}
.navDown {display: flex; flex-wrap: wrap;    line-height: initial;padding: .4rem; padding-top: .2rem;}
.navDown dl {margin-right: .5rem; margin-top: .3rem;}
.navDown dl:last-child {margin-right: 0;}
.navDown dl dt {font-weight: 700;margin-bottom: .2rem;font-size: var(--font16); color: #333;}
.navDown dl dd {margin: .1rem 0;}
nav .layui-nav .layui-nav-child .navDown dd a {color: #6b6b6b; font-size: var(--font15); padding: 0;}
nav .layui-nav .layui-nav-child .navDown dd a:hover {background: none; color: #467FFF;}

.navDown2 {padding: .2rem; padding-top: .2rem !important;}
.navDown2 dl {margin-right: 0; text-align: center; margin-top: 0;}
.navDown2 dl dd:first-child {margin-top: 0;}
@media screen and (max-width: 1440px) {
  nav .layui-nav .layui-nav-more {right: -.2rem;}
  .navDown {padding: .2rem; padding-top: 0;}
  .navDown dl {margin-right: .3rem;}
  .navDown dl dt {font-size: var(--font12);}
  nav .layui-nav .layui-nav-child .navDown dd a {font-size: var(--font12);}
}


/* 搜索按钮 */
.heSearch {cursor: pointer;width:14%;}
.heSearch form {display: flex; align-items: center; height: 0.6rem; min-height: 40px; background: #fafafa;border-radius: 100px;}
.heSearch form input {background: none; padding: 0 .1rem 0 .3rem; color: #333; width: 100%;}
.heSearch form button {width: 0.45rem;height: 0.45rem; background: #ffffff; border-radius: 50%; margin-right: .1rem; flex-shrink: 0; cursor: pointer;}
.heSearch form button svg {max-width: 50%;}

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

/* ===============公用css end!!!!===================*/
.more1 {display: inline-flex;border: 1px solid #282828; border-radius: 100px; padding: .16rem .35rem; color: #282828; transition: .5s; position: relative;z-index: 1; overflow: hidden;}
.more1 svg path {transition: .5s;}
.more1::after {content: ''; position: absolute;inset: 0; z-index: -1; width: 0; background: #467FFF; transition: .5s;}
.more1:hover { border-color: #467FFF;color: #fff;}
.more1:hover::after {width: 100%;}
.more1:hover svg path {fill: #fff;}

/* ======首页======= */
/* banner */
.indexBanner {overflow: hidden; height: auto;}
.indexBanner .swiper {height: 100%; --swiper-theme-color: #000000;}
.indexBanner .slide a {position: absolute; width: 100%; height: 100%; left: 0; top: 0;    z-index: 1;}
.indexBanner .slide .bjBox {height: 100%;}
.indexBanner .slide .bjBox img {width: 100%; width: 100%;height: auto; min-height: 450px;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 .str span {display: block; line-height: 1.4;}
.indexBanner .con .more {margin-top: 1rem;}

.indexTwo {padding: 0.5rem 0 1rem;}
.indexTwo .tle {display: flex; align-items: center;}
.indexTwo .tle .xian {flex: 1;background: #eeeeee; height: 1px; margin: 0 .4rem 0 .2rem;}
.indexTwo .tle .jtBox {position: relative; display: flex; align-items: center;border: 1px solid #dce4eb; border-radius: 100px; padding: .1rem .2rem;}
.indexTwo .tle .swjt {position: relative; top: auto; inset: 0;margin: 0; height: auto;}
.indexTwo .tle .swjt i {font-size: var(--font18); color: #B0B0B0; transition: .5s; font-weight: 700;}
.indexTwo .tle .swjt.swiper-button-next {transform: rotate(180deg);margin-left: .15rem;}
.indexTwo .tle .swjt i:hover {color: #467FFF;}
.indexTwo .box {margin-top: .45rem;}
.inTwoSwiper .swiper-slide {height: auto;}
.inTwoSwiper .slide {border: 1px solid #eeeeee;border-radius: 0.1rem; display: block;padding: .2rem; box-sizing: border-box; transition: .5s;}
.inTwoSwiper .slide .imgBox {display: flex; align-items: center; justify-content: center; position: relative; height: 2.4rem;mix-blend-mode: multiply;}
.inTwoSwiper .slide .imgBox img {max-width: 100%; transition: .5s; max-height: 100%;}
.inTwoSwiper .slide .imgBox:hover img {transform: scale(1.05, 1.05);}
.inTwoSwiper .slide .icBox {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; width: 0.63rem;height: 0.63rem;background: #467fff; display: flex; align-items: center; justify-content: center;}
.inTwoSwiper .slide .icBox {opacity: 0; transition: .5s;}
.inTwoSwiper .slide .icBox svg {max-width: 50%;}
.inTwoSwiper .slide .icBox svg path {fill: #fff;}
.inTwoSwiper .slide .con {text-align: center; margin-top: .3rem;}
.inTwoSwiper .slide .t2 {color: #333;}
.inTwoSwiper .slide:hover {background: rgba(238, 238, 238,.5);}
.inTwoSwiper .slide:hover .icBox {opacity: 1;}

.indexThre {overflow: hidden;}
.indexThre li {background: #f8f8f8; padding: 1rem 0;}
.indexThre li:nth-child(2n) {background: #fff;}
.indexThre li .box {display: flex; align-items: center; justify-content: space-between;}
.indexThre li:first-child {background: url(../images/indexThre-bj.jpg) no-repeat center; background-size: cover;padding:.5rem 0;}
.indexThre li .le {width: 43%;}
.indexThre li .imgBox {width:35%; display: flex; align-items: center; justify-content: center;    margin: 0 6%;}
.indexThre li .imgBox img{width: 100%;}
.indexThre li .tit {font-size: var(--font46); font-weight: 700;color: #282828;}
.indexThre li .text {margin-top:.2rem;}
.indexThre li .text p {color: #6d6d6d; font-size: var(--font17);}
.indexThre li .more {margin-top: .8rem;}
.indexThre li:nth-child(2n) .imgBox {order: -1;}

.indexFour {background: url(../images/indexFour-bj.jpg) no-repeat center; background-size: cover;padding: 1rem 0 3.2rem;}
.indexFour .tle {text-align: center;}
.indexFour .text {padding-top: .3rem; width: 55%; margin: auto;}

.indexFive {margin-top: -12%;}
.indexFive .box {padding: .6rem; box-sizing: border-box; display: flex;background: #ffffff;box-shadow: 0rem 0rem 0.46rem 0rem rgba(171,171,171,0.08); }
.indexFive .le {background: rgba(236, 236, 236,.5); border-radius: 0.05rem; padding: .5rem .4rem; padding-bottom: 0; width: 30%;}
.indexFive dl {margin-bottom: .5rem; padding-bottom: .25rem; border-bottom: 1px solid rgba(212, 212, 212,.5);}
.indexFive dl:last-child {border-bottom: 0;}
.indexFive dl dt {font-size: var(--font24); font-weight: 700;color: #282828; margin-bottom: .15rem;}
.indexFive dl dd p {margin: .05rem 0;}
.indexFive dl dd p , .indexFive dl dd p a {color: #666666;}
.indexFive dl dd p a:hover {color: #467FFF;}
.indexFive dl .ddBox {display: flex; margin-top: .2rem;}
.indexFive dl .ddBox dd {margin-right: .15rem;}
.indexFive dl .ddBox .icBox {width: .35rem; height: .35rem;}
.indexFive dl .ddBox .icBox svg {max-width: 70%; max-height: 100%;}
.indexFive .re {margin-left: .7rem; flex: 1;  padding-right: 1.5rem; box-sizing: border-box; margin-top: .3rem;}
.indexFive .re .text p {color: #7A7A7A;}

.indexFive .form {display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: .2rem;}
.indexFive .form .inBox {width: 48%;background: #f7f7f7; margin-top: .2rem;}
.indexFive .form .inBox input ,.indexFive .form  textarea {padding:0 .25rem; width: 100%;background: none; box-shadow: none; height: .53rem; min-height: 40px;border-radius: 0.05rem;}
.indexFive .form .inTxtBox {width: 100%;}
.indexFive .form  textarea {resize: none; height: 1.6rem; min-height: 100px; padding: .25rem;}
.indexFive .form  .inCode {display: flex; width: 100%; padding-right: .15rem;}
.indexFive .form  .inCode img {max-height: 70%;}
.indexFive .form .sub {margin-top: .45rem;}
.indexFive .form .sub button {background: #333333;border-radius: 0.05rem; padding: .18rem .15rem .18rem .3rem; cursor: pointer;}
.indexFive .form .sub button i {margin-left: .15rem; transform: rotate(180deg);display: inline-block;}

.foterCopyRight {padding: .45rem 0 .6rem;}
.foterCopyRight p , .foterCopyRight p a {color: #B0B0B0; font-size: var(--font17);}
.foterCopyRight p a:hover {color: #467FFF;}

.layui-fixbar .layui-fixbar-top {display: flex; flex-direction: column; align-items: center; justify-content: center; line-height: 1;}
.layui-fixbar .layui-fixbar-top {width: 0.92rem;height: 0.92rem; padding-bottom: .1rem; box-sizing: border-box; border-radius: 50%; background: #2a6df2; cursor: pointer;}
.layui-icon-top:before {content: "\e619";font-size: var(--font20); font-weight: 700; color: #fff;}
.layui-icon-top::after {content: 'TOP'; font-size: var(--font20); font-weight: 700; color: #fff; margin-top: .1rem;}

/* 内页底部 */
.footer {border-top: 1px solid #eee; background: #f5f5f5;}
.foterTop {display: flex; justify-content: space-between; padding: .6rem 0;}
.foterTop .le {margin-top: .4rem;width: 30%;}
.foterTop .le .p1 {margin-top: .3rem;}
.foterTop .le form {display: flex; margin-top: .1rem;}
.foterTop .le form button {background: #333333; flex-shrink: 0; cursor: pointer; display: flex; border-radius: 50%; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center;}
.foterTop .le form button i {transform: rotate(145deg); font-weight: 700;}
.foterTop .le form input {border: 0; box-shadow: none; border-bottom: 1px solid #333;    background: none;}

.foterTop .re dl {display: flex; flex-wrap: wrap; justify-content: space-between;}
.foterTop .re dl dd {width: 48%; margin-top: .4rem;}
.foterTop .re dl dd .p1 {font-size: var(--font14); color: #666;}
.foterTop .re dl dd .p2 , .foterTop .re dl dd .p2 a {font-weight: 700; font-size: var(--font20); color: #000;}
.foterTop .re dl .ddbox {display: flex; margin-top: .2rem;}
.foterTop .re dl .ddbox .item {margin-right: .1rem;}
.foterTop .re dl .ddbox .icBox {width: .35rem; height: .35rem;}
.foterTop .re dl .ddbox .icBox svg {max-width: 70%; max-height: 100%;}

.foternav {padding: .3rem 0; border-top: 1px solid #eee;border-bottom: 1px solid #eee;}
.foternav ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
.foternav ul li a {color: #333; font-size: var(--font18);}
.foternav ul li a:hover {color: #467FFF;}

/* ============================================================================内页============================================================================ */
.ny-banner {position: relative; overflow: hidden;}
.ny-banner .imgBox img {width: 100%; object-fit: cover;}
.ny-banner .banerBox {z-index: 2;}
.ny-banner .con {text-align: center;}
.ny-banner .con h2 {color: #fff;font-size: 0.56rem; font-weight: 800; color: #ffffff;}

.nypronav {border-bottom: 1px solid #EBEBEB;}
.nypronav .box {}
.nypronav ul {display: flex; flex-wrap: wrap; justify-content: center;}
.nypronav ul li:first-child {margin-left: 0;}
.nypronav ul li {margin-left:.3rem; position: relative;}
.nypronav ul li a {font-weight: 500;color: #666666; display: block;padding: .18rem .2rem;transition: .4s; font-size: var(--font15); color: #666666;}
.nypronav ul li::after {content: ""; width: 0; height: 2px; right: 0; background: #1c853e; position: absolute; bottom: -1px; transition: .5s;}
.nypronav ul li:hover::after , .nypronav ul li.on::after {width: 100%;  right: auto; left: 0;}

/* 关于我们 */
.panyInfo {background:#f8f8f8; background-size: cover; padding: 1rem 0;}
.panyInfo .box {display: flex; justify-content: space-between; align-items: center;}
.panyInfo .box .le {width: 66%;}
.panyInfo .box h3 {color: #000000; font-size: .46rem; font-weight: 700;}
.panyInfo .box .le .text p {margin-top: .3rem; color: #515151;}
.panyInfo ul {}
.panyInfo li {padding: .35rem .3rem; border-bottom: 1px solid #cccccc;}
.panyInfo li:last-child {border: 0;}
.panyInfo li .num {font-size: 0.46rem;font-weight: 700; color: #000000; display: flex; align-items: flex-end; line-height: 1;}
.panyInfo li .num .dw {font-size: .22rem; color: #333333; line-height: 1.5; margin-left: .1rem;}
.panyInfo li .text2 {margin-top: .1rem;}
.panyInfoTwo {padding-bottom: 0; padding-top: 1rem;}
.panyInfoTwo .swjt {background: rgba(13, 13, 13,.2); width: .6rem; height: .6rem; border-radius: 50%; transition: .5s;}
.panyInfoTwo .swjt:hover {background: #467FFF; }
.panyInfoTwo .swjt:hover path {fill: #fff;}

/* 设备列表 */

.panyInfoTwo {padding: .8rem 0;}
.panyInfoTwo .imgBox {border-radius: 0.1rem; overflow: hidden;}
.panyInfoTwo .imgBox img {width: 100%; height: 2.5rem; object-fit: cover;}
.panyInfoTwo .swiperBox {position: relative;}
.panyInfoTwo .swiper {position: static;}
.panyInfoTwo .swjt {right: 0; transform: translateX(150%);}
.panyInfoTwo .swjt.swiper-button-prev {right: auto; left: 0; transform: translateX(-150%) rotate(180deg);}

.deviceOne {padding: .8rem 0 1rem;}
.deviceOne .tit {color: #000; font-size: var(--font42); text-align: center;}
.deviceOne .text {width: 80%; margin: auto; margin-top: .2rem; text-align: center;}
.deviceOne .text p {color: #515151;}
.deviceOne .tab {margin-top: .7rem;}
.deviceOne .tab ul {display: flex; justify-content: center; justify-content: center;}
.deviceOne .tab li {margin-right: .7rem; position: relative;}
.deviceOne .tab li:last-child {margin-right: 0;}
.deviceOne .tab li::after {position: absolute; left: 50%; top: 100%; transform: translate(-50%, 50%); content: ""; background: url(../images/jt-icon.png) no-repeat center; background-size: contain; width: 13px; height: 7px; opacity: 0;}
.deviceOne .tab li a {color: #666666;}
.deviceOne .tab li.on::after {opacity: 1;}
.deviceOne .tab li.on a {color: #1c853e; font-weight: 700;}
.deviceOne .list {margin-top: .6rem;}
.deviceOne .list ul {display: grid; grid-template-columns: repeat(4,1fr); gap: .24rem;}
.deviceOne .list ul li img {width: 100%;}

/*  产品列表 */
.proTwo {padding: .7rem 0; }
.proTwo .tle {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.proTwo .tle .tit {color: #333333;font-weight: 400; font-size: var(--font34);}
.proTwo .tle ul {display: flex; align-items: center; flex-wrap: wrap;}
.proTwo .tle li:first-child {margin-left: 0;}
.proTwo .tle li {margin-top: .1rem; margin-right: .7rem; }
.proTwo .tle li a {color: #999999; font-size: var(--font18);font-weight: 400; transition: .5s;}
.proTwo .tle li:hover  a{color: #333;}
.proTwo .tle li.on a {color: #333;}
.proTwo .list {margin-top: .4rem;}
.proTwo .list ul {display: grid; grid-template-columns: repeat(4,1fr); gap: .15rem;}
.proTwo .list li {padding: .25rem; text-align: center; position: relative; transition: .5s;border: 1px solid #eeeeee; background: #fff;}
.proTwo .list li .imgBox {display: flex; align-items: center; justify-content: center;mix-blend-mode: multiply;}
.proTwo .list li .imgBox img  {max-width: 100%; transition: .5s;}
.proTwo .list li h5 {color: #333333;font-weight: 300; font-size: var(--font20); margin-top: .25rem;}
.proTwo .list li span {color: #666666; font-size: var(--font15);display: block; margin-top: .1rem;}
.proTwo .list li .hide {position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; align-items: center; justify-content: center;}
.proTwo .list li .hide i {width: 0.58rem;height: 0.58rem; background: #2a6df2; border-radius: 50%; transform: scale(0); transition: .5s;}
.proTwo .list li .hide i svg {max-width: 50%;}
.proTwo .list li:hover {    background: rgba(238, 238, 238, .5);}
.proTwo .list li:hover i {transform: scale(1); transition-delay: .1s;}
.proTwo .list li:hover .imgBox img {transform: scale(1.05);}

/* 产品详情 */
.proDateNav {background: #f5f5f5; padding: .3rem 0; padding-top: .2rem;}
.proDateNav .box {display: flex; justify-content: space-between; flex-wrap: wrap;}
.proDateNav .box .mbx {margin-top: .1rem; margin-right: 1rem;}
.proDateNav .page {display: flex; align-items: center; margin-top: .1rem; }
.proDateNav .page a {display: flex; align-items: center;}
.proDateNav .page a i {margin-top: -.02rem;}
.proDateNav .page a span {margin: 0 .1rem;}
.proDateNav .page .prev {margin-right: 1rem;}
.proDateNav .page .prev i {transform: rotate(180deg);}
.proDateNav .page a:hover {color: #467FFF;}
.proDateNav .page a:hover svg path {fill: #467FFF;}

.proDateOne {margin-top:0;background: #f9f9f9;padding:0.5rem 0;border-top:1px solid #ddd}
.proDateOne .box {display: flex; justify-content: space-between;}
.proDateOne .le {width: 36%; position: relative; border: 1px solid #eee;}
.proDateOne .re {width: 60%; margin-top: .2rem;}
.proDateOne .le .tips {white-space: nowrap; position: absolute; top: auto; bottom: 0;z-index: 1;background: rgba(0, 0, 0,.5); border-radius: 50px; display: inline-flex; align-items: center; color: #fff;}
.proDateOne .le .tips {padding: .08rem .22rem; font-size: 12px;}
.proDateOne .le .tips i {margin-bottom: .02rem; margin-right: .1rem;}
.proDateOne .le .swiperBox {height: 100%;}
.proDateSw2 {height: 100%;}
.proDateSw2 .swiper-slide {display: flex; align-items: center; justify-content: center;}
.proDateSw2 .imgBox {width: 100%; height: 100%; display: flex;  align-items: center; justify-content: center; background: #fff;}
.proDateSw2 .imgBox a {display: block; position: relative;}
.proDateSw2 .imgBox img {max-width: 100%; max-height: 100%; object-fit: cover;}
.thuSwiper {position: absolute; right: .1rem; top: .1rem; width: auto; height: 50%; width: 10%;}
.thuSwiper .imgBox img {width: 100%;}
.proDateSw1 {height: 100%;}
.proDateSw1 .imgBox {border: 1px solid #eee;}
.proDateOne .re .tit {font-size: 0.40rem;font-weight: 600;color: #467FFF; padding-bottom: .2rem; border-bottom: 1px solid #dbdbdb;}
.proDateOne .re .ment ul {display: flex; flex-wrap: wrap; }
.proDateOne .re .ment li {width: 48%; margin-top: .5rem;}
.proDateOne .re .ment li .li1 {color: #666666;}
.proDateOne .re .ment li .li2 {color: #333333; font-weight: 700; margin-top: .1rem; }
.proDateOne .re .info {padding-top: .4rem; margin-top: .4rem; border-top: 1px solid #dbdbdb;}
.proDateOne .re .info .p1 {color: #666666; font-size: var(--font20);}
.proDateOne .re .info .more {margin-top: .3rem; display: inline-flex;}
.proDateOne .re .info .us {margin-right: .6rem;}
.proDateOne .re .info .us a {padding: .16rem .3rem;background: #467FFF; color: #fff; display: block;}
.proDateOne .re .info .us a:hover {box-shadow: 0 0 .1rem #467FFF;}
.proDateOne .re .info .tel {display: inline-flex; align-items: center;}
.proDateOne .re .info .tel i {margin-right: .15rem;}
.proDateOne .re .info .tel p {font-size: var(--font24);color: #467FFF;font-weight: 700;}
.proDateOne .re .info .tel p span {  font-weight: 400;}

.previewBox { position: absolute; right: 0;top: 0; transform: translateX(100%);}

.proDateTwo {margin: 1rem 0; }
.proDateTwo .tit {font-size: var(--font38);color: #333333; padding-bottom: .3rem; border-bottom: 1px solid #F2F2F2;}
.proDateTwo .swiperBox {margin-top: .4rem; position: relative;}
.proDateTwo .swiper {position: static;}
.proDateTwo .box {margin-top: .45rem;}
.proDateTwo .swiper-slide {height: auto;}
.proDateTwo .slide {border: 1px solid #eeeeee;border-radius: 0.1rem; display: block;padding: .2rem; box-sizing: border-box; transition: .5s;}
.proDateTwo .slide .imgBox {display: flex; align-items: center; justify-content: center; position: relative; height: 2.4rem;mix-blend-mode: multiply;}
.proDateTwo .slide .imgBox img {max-width: 100%; transition: .5s; max-height: 100%;}
.proDateTwo .slide .imgBox:hover img {transform: scale(1.05, 1.05);}
.proDateTwo .slide .icBox {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; width: 0.63rem;height: 0.63rem;background: #467fff; display: flex; align-items: center; justify-content: center;}
.proDateTwo .slide .icBox {opacity: 0; transition: .5s;}
.proDateTwo .slide .icBox svg {max-width: 50%;}
.proDateTwo .slide .icBox svg path {fill: #fff;}
.proDateTwo .slide .con {text-align: center; margin-top: .3rem;}
.proDateTwo .slide .t2 {color: #333;}
.proDateTwo .slide:hover {background: rgba(238, 238, 238,.5);}
.proDateTwo .slide:hover .icBox {opacity: 1;}
/* 控件 */
.proDateTwo .swjt {width: 0.61rem;height: 0.61rem; border: 1px solid #666666; border-radius: 50%; right: 0;transform: translateX(150%); transition: .5s;}
.proDateTwo .swjt.swiper-button-prev {transform: rotate(180deg) translateX(150%); right: auto; left: 0;}
.proDateTwo .swjt svg {max-width: 50%;}
.proDateTwo .swjt:active {background: #467FFF; border-color: #467FFF;}
.proDateTwo .swjt:active svg path {fill: #fff;}
@media (any-hover: hover) {
  .proDateTwo .swjt:hover {background: #467FFF; border-color: #467FFF;}
  .proDateTwo .swjt:hover svg path {fill: #fff;}
}

.proDateThre {margin: 1rem 0; }
.proDateThre .tit {font-size: var(--font38);color: #333333; padding-bottom: .3rem; border-bottom: 1px solid #F2F2F2;}
.proDateThre .box {padding-top: .5rem;}
.proDateThre .box img {max-width: 100%;}

/* =====News===== */
.newslist {padding: .3rem 0;}
.newslist ul li {padding: .5rem 0; border-bottom: 1px solid #F2F2F2;}
.newslist ul li:last-child {border: 0;}
.newslist .liBox {display: flex; justify-content: space-between;}
.newslist .liBox .imgBox {width: 30%; overflow: hidden;}
.newslist .liBox .imgBox img {transition: .5s; width: 100%; height: 100%; object-fit: cover;}
.newslist .liBox .info {width: 66%; margin-top: .15rem;}
.newslist .liBox .time {color: #467FFF;}
.newslist .liBox .tit {font-size: var(--font20); padding-bottom: .2rem; border-bottom: 1px solid #F2F2F2; margin-top: .2rem;}
.newslist .liBox .text {margin-top: .2rem;}
.newslist .liBox .text p {color: #666666;}
.newslist .liBox .more {margin-top: .3rem;}
.newslist .liBox:hover .imgBox img {transform: scale(1.1);}
.newslist .liBox:hover .tit p {color: #467FFF;}

/* 新闻详情 */
.newsDateMain { padding-bottom: 1rem;}
.newsxq-box {padding: 0.6rem 0; display: flex; justify-content: space-between; align-items: flex-start;}
.news-left {width: 68%;}
.news-left .newsCon {background: #ffffff;border-radius: .1rem;box-shadow: 0rem 0rem 0.4rem 0rem rgba(226,225,224,0.42); padding:.55rem ; box-sizing: border-box;}
.newsxq-title {border-bottom: 1px solid #F2F2F2; padding-bottom: 0.4rem;}
.newsxq-title strong {display: block; font-size: var(--font26); color: #333; font-weight: normal;}
.newsxq-title .titleDisc {margin-top: .2rem;}
.newsxq-title .titleDisc ul {display: flex; align-items: center; flex-wrap: wrap;}
.newsxq-title .titleDisc ul li {display: flex;align-items: center; color: #666; margin-right: .3rem;}
.newsxq-title .titleDisc li .icBox { margin-right: .15rem;}
/* 编辑框内容 */
.newsxq-editbox {margin: .3rem 0;}
.newsxq-editbox img {max-width: 100%; height: auto !important;}

.newsxq-box .news-right {width: 29%;background: #fff; border-radius: .1rem;box-shadow: 0rem 0rem 0.3rem 0rem rgba(226,225,224,0.42); padding: .4rem;box-sizing: border-box; position: relative;}
.newsxq-box .news-right {position: sticky; top: 1.5rem;}
.newsxq-box .news-right h2 {font-family: 'MartelBold'; font-size: var(--font26);}
.newsDate .relist li {padding: .3rem 0; border-bottom: 1px solid #F2F2F2;}
.newsDate .relist li .time {font-size: var(--font14); font-weight: 500;color: #999999;}
.newsDate .relist span {color: #999999; font-size: var(--font14);}
.newsDate .relist h6 {color: #333333; font-size: var(--font16) ;transition: .35s;font-weight: 700;margin-top: .1rem;	font-family: 'MartelBold';}
.newsDate .relist li:hover h6 {color: #467FFF;}
.newsDate .relist li:hover .reImg img {transform: scale(1.05);}
.newsDate .news-right::after {content: ""; background: linear-gradient(99deg,#467FFF 0%, #467FFF 100%); width: 65%; position: absolute; left: 50%; bottom: -1%; height: .07rem;  transform: translate(-50%, -50%);}
/* 分页*/
.newsxq-page {display: flex; justify-content: space-between; align-items: center; margin-top: 1rem;}
.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;}
.prev-link em {margin-left: 0.17rem;}
.next-link em {margin-right: 0.17rem;}
.next-link {flex-direction: row-reverse;}
.backlist a {width: 1.68rem; min-width: 125px; min-height: 42px; height: 0.58rem;background: #467FFF;color: #fff;}
.backlist svg {margin-right: .1rem;}
.backlist a:active {background: #05b0b6;}

.newsxq-page .pagefy:active em {color: #467FFF; }
.newsxq-page .pagefy:active svg path {fill: #467FFF;}
@media (any-hover: hover) {
.newsxq-page .pagefy:hover em {color: #467FFF; }
.newsxq-page .pagefy:hover svg path {fill: #467FFF;}
}


/* 联系我们 */
.tactOne {margin-top: 0; margin: 1rem 0;}


/* ===

===留言弹出层 */

.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: #0D98DD; 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 #0D98DD;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 {padding: 0; 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.show {transform: translateY(0);}
.foterPop .tit.on i {transform: rotateX(180deg);}
.foterPop .form .layui-input:focus, .foterPop .form .layui-textarea:focus {border: 0; box-shadow: none;}

@media (max-width: 767px) {
.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;}

}

/* cookies */
.he_cook {position: fixed; z-index: 99; bottom: 1%; width: 100%;}
.he_cook .he_cookc {width: 55%;  padding: .1rem .5rem; box-sizing: border-box; margin: auto; display: flex; justify-content: center; align-items: center; background: #fff; border-radius: 50px; box-shadow: 0rem 0rem 0.07rem 0rem rgba(0,0,0,0.08); }
.he_cook .he_cookc .con {color: #3E3E3E; font-size: var(--font18); margin-right: .2rem; line-height: 1.2;}
@media screen and (min-width: 200px) and (max-width: 1200px) {
    .he_cook .he_cookc {width: 80%;}
}
@media screen and (min-width: 200px) and (max-width: 767px) {
  .he_cook .he_cookc {width: 100%;  border-radius: 0; padding: .3rem;}
}