/* ===头部===== */
.header .container {width: 1800px;}
.header {position: fixed; width: 100%; left: 0;top: 0; z-index: 99; border-bottom: 1px solid rgba(255, 255, 255,.08); transition: .5s;}
.heZwys {height: 1.8rem;}
.hederBox {display: flex; justify-content: space-between; align-items: center; height: 1rem;     padding: .1rem 0;}
.header .logo {margin-left: .7rem;  display: flex; align-items: center; height: 100%;}
.header .logo img {max-width: 100%; max-height: 100%;}
.header .logo img:nth-child(2) {display: none;}
nav {width: 50%;}
nav > ul {display: flex; justify-content: space-between;}
nav > ul > li {line-height: 1rem;}
nav > ul > li > a {color: #ffffff;font-size: .16rem;line-height: 1rem;display: block; position: relative;}
nav > ul > li > a::after {content: ""; width: 0; height: 2px; background: #fff;position: absolute; left: 0;bottom: 0px; transition: .5s;}
nav > ul > li:hover > a::after , nav > ul > li.on >a::after {width: 100%;}
nav > ul > li:hover > a,nav > ul > li.on > a{font-weight: 800;}
nav > ul > li.hasDown > a {background: url(/html/class/template/images/jt.png) no-repeat right; padding-right: 15px;}
.heUs {display: flex; align-items: center;}
.heUs .tel {display: flex; align-items: center;}
.heUs .tel b {font-size: .2rem;font-weight: 700;color: #ffffff;letter-spacing: 0.01rem; margin-left: .12rem;}
.heLuange {margin: 0 .4rem 0 .5rem; width: 80px;height: 30px; background: #1a98cb;border-radius: 1.22rem; text-align: center;  position: relative; z-index: 2;}
.heLuange > a {font-size:.15rem; display: block;  color: #fff;  line-height: 29px; padding-right: .01rem; padding-left: .1rem; box-sizing: content-box;}
.heLuange > a {background: url(/html/class/template/images/webIcon.png) no-repeat 10%;}
.heSearch > a {display: flex; position: relative; }
.heLuange > a::after {content: "";background: url(/html/class/template/images/jt2.png) no-repeat 90%; width: 100%;display: block;height: 100%; position: absolute;top: 0;right: 0;}

.heLuange .luang {padding-top: .2rem;  transform: translateY(20%);  transition: .5s;   opacity: 0; visibility: hidden;  }
.heLuange .dlBox { z-index: -1;background: #fff;position: absolute;width: 100%;  border-radius: 5px; box-sizing: border-box; box-shadow: 0 2px 11px rgba(0, 0, 0, 0.35);}
.heLuange .dlBox a {font-size: .16rem; color: #333; margin: 5px 0; display: block;transition: .5s;}
.heLuange .dlBox a:hover {background: #fff; color: #1A98CB;}
.heLuange .dlBox::after {content: ""; display: block; width: 0px; height: 0px; border: 12px solid transparent; border-bottom-color: #fff; position: absolute; top: -22px; left: 50%; margin-left: -11px;}
.heLuange:hover .luang {opacity: 1; visibility: visible; transform: translateY(0); }


/* 导航栏下拉 */
.hederDown {position: absolute; left:22%; width: 50%; background: #fff; display: none; box-shadow: 0 0px 2px rgba(0, 0, 0, 0.05); line-height: initial;}
.hederDown .container {width: 1620px;}
.hederDown .slideDown {display: flex; justify-content: space-between; padding: .5rem 0;}
.hederDown .slideDown .hd {width: 50%;}
.hederDown .slideDown .hd li {padding: .15rem 0; border-bottom: 1px solid #eee;}
.hederDown .slideDown .hd li h3 {color: #333; font-size: .25rem; margin-bottom: .05rem;}
.hederDown .slideDown .hd li span {color: #333; font-size: var(--font16); color: #666; display: block; display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 1;-webkit-box-orient: vertical; }
.hederDown .slideDown .hd li:hover h3 {color: #1B8DC2;}
.hederDown .slideDown .bd {width: 45%; position: relative; min-height: 3rem;}
.hederDown .slideDown .bd ul {opacity: 0; height: 100%;  -webkit-transition: all 0.5s;transition: all 0.5s; display: block; position: absolute; width: 100%;}
.hederDown .slideDown .bd ul.active {opacity: 1;}
.hederDown .slideDown .bd li {height: 100%;}
.hederDown .slideDown .bd li img {margin: auto; width: 100%; height: 100%; object-fit: cover;}
.hederDown.hederDown-list dl {display: flex; justify-content: space-between; padding: .5rem 0;}
.hederDown.hederDown-list dl dd {width: 33%; padding:0 .2rem; width: 33.33%;border-right: 1px solid rgba(0,0,0,.1); text-align: center;}
.hederDown.hederDown-list dl dd:last-child { border: 0;}
.hederDown.hederDown-list dl dd .imgBox {overflow: hidden;}
.hederDown.hederDown-list dl dd img {width: 100%; transition: .5s;}
.hederDown.hederDown-list dl dd span {display: block; margin-top: .1rem; color: #333; font-size: var(--font18);}
.hederDown.hederDown-list dl dd:hover img {transform: scale(1.1);}
.hederDown.hederDown-list dl dd:hover span {color: #1B8DC2;}
/* 导航栏下拉2 */
nav > ul > li {position: relative;}
nav > ul > li > dl {line-height: initial; position: absolute; box-shadow: 1px 1px 20px rgb(0 0 0 / 5%); background: rgba(0,0,0,.35); width: 140%;left: -20%; text-align: center; display: none;}
nav > ul > li > dl dd a {font-size: 0.14rem;display: block; padding:15px 5px; color: #fff; transition: .5s;  }
nav > ul > li > dl dd img {filter: brightness(100); transition: .5s; margin-right: 10px; opacity: 0;}
nav > ul > li > dl dd:hover img {margin-right: 0; opacity: 1;}
nav > ul > li > dl dd:hover a {background: #1B8DC2; color: #fff;}
nav > ul > li:nth-child(4) dl { width: 200%; left: -50%;}


/* 搜索 */
.pub_search_box_case {position: fixed;z-index: 1; left: 0;top: 0;z-index: 8; transition: all .5s ease; transform: translateY(-120%); width: 100%;}
.pub_search_box_case.on {transform: translateY(0%);}
.pub_search_box_case.on .pub_sea_sha {display: block;}
.pub_search_box_case .pub_sea_sha {position: absolute; width: 100vw; height: 100vh; left: 0; top: 0; z-index: 2; display: none;}
.pub_search_case { padding: .1rem 8%; padding-bottom: .3rem;  box-sizing: border-box;  background-color:#1B8DC2; box-shadow: 0 1px 3px rgb(0 0 0 / 12%); position: relative; z-index:999;display: block;}
.pub_search_case .zhan_c {display:flex; justify-content: space-between;    align-items: flex-start;}
.pub_search_case .zhan_c .close {cursor: pointer; width: .5rem; height: .5rem;}
.pub_search_case .zhan_c .close img {max-width: 100%;}
.pub_search_box {width: 60%;margin: auto;padding: 0.04rem 0 0.02rem 0;    margin-top: .6rem;}
.pub_search_box .sea_t {color: #fff;font-size:  var(--font16);margin-bottom: 0.1rem;}
.pub_search_box button {border: none; background: none;}
.search_form {display: flex; align-items: center; justify-content: space-between; border-bottom: 2px solid #fff; padding-bottom: 0.1rem;}
.search_form input {width: 90%;height: 100%;border: none;outline: none;background: none;color: #fff;font-size:  var(--font16);}
.search_form button {width: 4%; cursor: pointer;}
.search_form button img {max-width: 100%; display: block;}
.logoa{display: inline-block;}

/* 头部悬浮 */
.top-headerUp {color: #333;background: #fff;box-shadow: 0 2px 11px rgba(0, 0, 0, 0.05); transform: translateY(0%)}
.top-headerUp .logo img:nth-child(1) {display: none;}
.top-headerUp .logo img:nth-child(2) {display: block;}
.top-headerUp nav > ul > li > a {color: #333;}
.top-headerUp nav > ul > li > a::after { background: #1B8DC2;}
.top-headerUp nav > ul > li:hover > a::after ,.top-headerUp nav > ul > li.on >a::after {width: 100%;}
.top-headerUp nav > ul > li.hasDown > a {background: url(/html/class/template/images/jt3.png) no-repeat right; padding-right: 15px;}
.top-headerUp .heUs .tel img {filter: brightness(0); -webkit-filter:brightness(0);}
.top-headerUp .heUs .tel b {color: #333;}
.top-headerUp .heSearch a img {filter: brightness(0); -webkit-filter:brightness(0);}
/* 导航下滑 */
.c-head-move {-webkit-transform: translateY(-100%);transform: translateY(-100%);}

/* =========首页========== */
/* 首页公用标题 */
.indexTle strong {font-size: 0.45rem;color: #111111; line-height: 0.65rem;margin-bottom: .35rem; display: block;}
.indexTle strong span {display: block; font-family: "PFBold";}
.indexTle .text {font-size: 0.16rem;color: #777777; font-family: "PFMedium";}
/* 首页了解更多 */
.inMore {width: 1.8rem; height: 0.52rem;background: #178dc2; z-index: 1; display: block; display: flex; align-items: center; justify-content: center; transition: 1s; position: relative;}
.inMore span {color: #fff; font-size: 0.16rem;color: #ffffff; margin-right: 20%; transition: .5s; position: relative; z-index: 1;}
.inMore img {position: relative; left: 0; transition: .5s;}
.inMore:hover img {left: 5%;}
/* .inMore:hover {border-radius: .5rem;} */
.inMore:hover {background: none; transition-delay: .1s;}
.inMore::before {content: "";  z-index: 0;   display: block;width: 0%;height: 100%;background-color: #333;position: absolute; left: 0;bottom: 0;-webkit-transition: all 0.3s linear;transition: all 0.3s linear;margin: auto;}
.inMore:hover:before { width: 100%;}


/* 轮播图 */
.bannerSwiper {height: 100vh;}
.bannerSwiper .slide-inner {height: 100%;}
.bannerSwiper .slide-inner .imgBox {height: 100%;}
.bannerSwiper .slide-inner img {height: 100%; object-fit: cover;width: 100%;}
.bannerSwiper .swiper-slide {overflow: hidden;}
.bannerSwiper .con {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);text-align: center; width: 100%;}
.bannerSwiper .con strong span {display: block; color: #fff;font-size: 0.56rem;color: #ffffff; font-weight: normal; line-height: 0.65rem; font-family: "PFMedium";}
.bannerSwiper .more {margin-top: .75rem;}
.bannerSwiper .more a {color: #fff;font-size: var(--font16);position: relative; padding-bottom: .1rem;overflow: hidden;}
.bannerSwiper .more a::after {content: ""; position: absolute; width: 100%; height: 2px; background: #fff; bottom: 0; right: 0; transition: .5s;}
.bannerSwiper .more a:hover::after {width: 0;}
.bannerSwiper .swiper-pagination {bottom: 5%;}
.bannerSwiper .swiper-pagination span {width: 0.09rem;height: 0.09rem; background: #ffffff; margin: 0 8px !important;}
.gotoNext {position: absolute; right: 3%; bottom: 5%;z-index: 12;animation: jump 1s cubic-bezier(.56,.01,.46,1) infinite alternate;}
.gotoNext img { cursor: pointer; }

/* 关于我们 */
.indexOne {padding: 1rem 0;}
.indexOne .box {display: flex; justify-content: space-between; align-items: center;}
.indexOne .le {width: 46%;}
.indexOne .le ul {padding: .5rem 0; border-top: 1px solid #DCDCDC; border-bottom: 1px solid #DCDCDC; margin: .6rem 0;}
.indexOne .le ul {display: flex; justify-content: space-between;}
.indexOne .le ul li span {color: #666666;  font-family: "PFMedium";}
.indexOne .le ul li .counter {font-size: 0.6rem;font-weight: 700;color: #333333;  font-family: "DINBold"; line-height: .6rem;}
.indexOne .le ul li em {font-size: 0.18rem;color: #333333;font-family: "PFMedium";}
.indexOne .le ul li i {font-style: normal;font-size: 0.18rem;color: #333333;font-family: "PFMedium";}
.indexOne .le ul li i sup {font-size: .1rem;}
.indexOne .re {width: 44%;}
.indexOne .re .videoBox {position: relative; overflow: hidden;}
.indexOne .re .videoBox > img {width: 140%; max-height: 8rem;}
.indexOne .re a {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}

/* 产品介绍 */
.indexTwo {position: relative; overflow: hidden; height: 100vh;}
.inTwoSwiper1 {height: 100%;}
.inTwoSwiper1 .swiper-slide .bjBox {height: 100%; overflow: hidden;}
.inTwoSwiper1 .swiper-slide .bjBox img {width: 100%;transition: 1s linear 2s;transform: scale(1.1,1.1); height: 100%; object-fit: cover;}
.inTwoSwiper1 .swiper-slide-active .bjBox img {transition: 5s linear; transform: scale(1,1);}
.inTwoSwiper1 .con {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 1600px; max-width: 92%;}
.inTwoSwiper1 .con .indexTle strong {color: #fff;}
.inTwoSwiper1 .con .indexTle .text {width: 50%; color: #fff;}
.inTwoSwiper1 dl {margin: 1rem 0; display: flex; width: 68%; justify-content: space-between; margin-left: -6%; align-items: flex-start;}
.inTwoSwiper1 dl dd {text-align: center;position: relative; padding: 0 .15rem;}
.inTwoSwiper1 dl dd .icBox {max-width: .6rem; max-height: .6rem; margin: auto;}
.inTwoSwiper1 dl dd .icBox img {max-width: 100%; max-height: 100%;}
.inTwoSwiper1 dl dd::after {content: ""; width: 1px; height: 100%; background: #fff; position: absolute; right: 0; opacity: .6; top: 0;}
.inTwoSwiper1 dl dd:last-child::after {display: none;}
.inTwoSwiper1 dl dd {width:calc(100% /3 );}
.inTwoSwiper1 dl dd span {font-size: 0.18rem;margin-top: .15rem;display: block; color: #fff;}
.inTwoSwiper2 {position: absolute; right: 0; top: 0; height: 100%; width: 15%;}
.inTwoSwiper2 .swiper-slide {cursor: pointer; text-align: center; display: flex;flex-direction: column; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.63);transition: .5s;}
.inTwoSwiper2 .swiper-slide:nth-child(even) {background: rgba(0, 0, 0,.43);}
.inTwoSwiper2 .swiper-slide .icBox {max-width: .6rem;}
.inTwoSwiper2 .swiper-slide .icBox img {max-width: 100%;}
.inTwoSwiper2 .swiper-slide span {font-size: 0.2rem;color: #ffffff;letter-spacing: 0.01rem; font-family: "PFMedium"; display: block; margin-top: .1rem;}
.inTwoSwiper2 .swiper-slide.swiper-slide-thumb-active {background: #178dc2;}

/* 地理位置 */
.indexThree {background: url(/html/class/template/images/indexThree-bj.jpg) no-repeat center; background-size: cover; overflow: hidden;}
.c-b-box {position: relative;z-index:1;}
.c-earth-box .c-wrap {transition: linear .3s;}
.c-earth-box .c-box {position: relative;z-index: 1;transform: scale(1.2,1.2) translateY(12%);}
.c-earth-box .c-box>img{width:60%;-webkit-transform: translateX(-10%);transform: translateX(-10%);}
.c-earth-box .c-yun-box{position: absolute;top: 0;left: 0;z-index: 3;width: 200%;height: 100%;animation: yunMove 100s infinite linear;}
.c-earth-box .c-yun-box img {float: left;width: 50%;height: 100%;}
.c-text-box {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);width: 1600px; z-index: 3; display: flex; justify-content: flex-end; max-width: 92%;}
.c-text-box .textBox {width: 40%;}
.c-text-box .textBox .indexTle strong {margin-bottom: .2rem;}
.c-text-box .textBox .more {margin-top: .9rem;}
.c-text-box .textBox dl {display: flex; margin-top: 1rem;}
.c-text-box .textBox dl dd {display: flex; align-items: center;}
.c-text-box .textBox dl dd:nth-child(2) {margin-left: 1.1rem;}
.c-text-box .textBox dl dd .counter {font-size: 0.85rem;font-weight: 700;color: #333333;font-family: "DINBold"; margin-right: .1rem;}
.c-text-box .textBox dl dd .em1 {color: #333333;font-size: 0.18rem;font-family: "PFMedium";}
.c-text-box .textBox dl dd .em2 {font-size: 0.24rem;font-family: "PFMedium";color: #333333;}
.c-text-box .textBox dl dd span {font-size: 0.16rem;color: #666666;font-family: "PFMedium";display: block;}

/* 经典案例 */
.indexFour {padding: .9rem 0; background: url(/html/class/template/images/indexFour-bj.jpg) no-repeat center; background-size: cover; background-attachment: fixed;}
.inFourSlide .hd {display: flex; justify-content: space-between; margin-bottom: .8rem; align-items: center;}
.inFourSlide .hd .tle h3 {font-size: 0.52rem;color: #ffffff;}
.inFourSlide .hd ul {display: flex;}
.inFourSlide .hd ul li {margin-left: 1rem;}
.inFourSlide .hd ul li a {font-size: 0.17rem;color: #ffffff;letter-spacing: 0.01rem; transition: .5s; position: relative; padding-bottom: .05rem;}
.inFourSlide .hd ul li a::after {content: ""; position: absolute; bottom: 0; left: 0; width: 0; transition: .5s; background: #fff; height: 1px;}
.inFourSlide .hd ul li.on a {font-size: 0.2rem;}
.inFourSlide .hd ul li.on a::after {width: 100%;}
.inFourSlide .bd ul li {display: flex; justify-content: space-between; align-items: center;} 
.inFourSlide .bd ul li img {width: 100%;}
.inFourSlide .bd .leBox {width: 73%;}
.inFourSlide .bd ul li .leBox .item {display: none; overflow: hidden;}
.inFourSlide .bd ul li .leBox .item.active {display: block;}
.inFourSlide .bd .reBox {width: 23%;}
.inFourSlide .bd .reBox .reTle {margin-bottom: .6rem;}
.inFourSlide .bd .reBox .reTle h4 {font-size: 0.34rem;color: #ffffff; font-family: "PFBold";}
.inFourSlide .bd .reBox .reTle span {font-size: 0.16rem;color: rgba(255, 255, 255,.42);font-family: "PFMedium"}
.inFourSlide .bd .reBox dl {display: grid; grid-template-columns: repeat(3,1fr); gap: .15rem;}
.inFourSlide .bd .reBox dl dd {min-height: 1rem;  box-sizing: border-box; cursor: pointer;}
.inFourSlide .bd .reBox dl dd img {height: 100%; object-fit: cover;}
.inFourSlide .bd .reBox dl dd.active {border: 3px solid #fff;}
.inFourSlide .bd .reBox .moreCase {background: #8b8b8b; display: flex; justify-content: center;}
.inFourSlide .bd .reBox .moreCase a {display: block;font-size: 0.6rem;color: #ffffff;   font-family: "PFLight"; transition: .5s;}
.inFourSlide .bd .reBox .moreCase:hover a {transform: rotate(90deg);}
.inFourSlide .bd .reBox .inMore {margin-top: .6rem;}
.inFourSlide .bd .reBox .inMore img {max-width: 100%; width: auto;}

/* 新闻中心 */
.indexFive {padding-top: .8rem;}
.indexFive .tle {display: flex; justify-content: space-between; align-items: center; margin-bottom: .8rem;}
.indexFive .tle h3 {font-size: 0.52rem;color: #111111;font-family: "PFBold";}
.inFiveSwiper {padding-bottom: 1.5rem;}
.inFiveSwiper .swiper-slide {background: #f9f9f9;}
.inFiveSwiper .con {padding: .35rem .2rem;box-sizing: border-box;}
.inFiveSwiper .imgBox {overflow: hidden;}
.inFiveSwiper .imgBox img {width: 100%; transition: .5s;}
.inFiveSwiper .con em {color: #888888;font-size: 0.16rem;font-family: "PFMedium";}
.inFiveSwiper .con h5 {font-size: var(--font22);color: #333333;font-family: "PFBold";}
.inFiveSwiper .con .more {margin-top: .35rem;font-size: 0.14rem;color: #999999; display: flex; align-items: center;}
.inFiveSwiper .con .more img {transform: rotate(-90deg); margin-left: .1rem; margin-top: .03rem;}
.inFiveSwiper .imgBox:hover img {transform: scale(1.1);}
.inFiveSwiper .swiper-pagination {bottom: .7rem;}
.inFiveSwiper .swiper-pagination span {width: 9px;height: 9px;opacity: 0.2;border: 1px solid #000000; background: none;}
.inFiveSwiper .swiper-pagination .swiper-pagination-bullet-active {background: #178dc2; border-color: #178dc2; opacity: 1;}

/* 免费获取报价 */
.quote {background: url(/html/class/template/images/quote-bj.jpg) no-repeat center; background-size: cover; padding: 1rem 0;}
.quote .box {display: flex; justify-content: space-between;}
.quote .box .le {margin-top: 10px;}
.quote .box .tle h3 {font-size: 0.52rem;font-family: "PFBold";	color: #ffffff;}
.quote .box .tle p {font-size: 0.16rem;color: #ffffff;}
.quote .box .tle p span {color: #1AB8FF;}
.quote .box .tel {display: flex; align-items: center; align-items: center;margin-top: 1rem;}
.quote .box .tel .number {margin-left: .12rem; }
.quote .box .tel .number em {font-size: 0.16rem;color: #ffffff;opacity: .52;}
.quote .box .tel .number span {font-size: 0.36rem;color: #ffffff; display: block; line-height: 1.2;}
.quote .box .re {width: 60%;}
.subForm button {border: none; cursor: pointer;}
.subForm .item input {width: 100%; height: 45px;border: 1px solid rgba(195, 195, 195 , .26); background: none; padding: 0 .1rem; box-sizing: border-box; color: #fff; font-size: var(--font16);}
.subForm .item label {font-size: 0.16rem;color: #ffffff;display: block; margin-bottom: .08rem;font-family: "PFMedium";}
.subForm .item label em {color: #DB0000;}
.subForm .itemList1 {display: grid; grid-template-columns: repeat(3,1fr); gap: .15rem; margin-bottom: .25rem;}
.subForm .itemList1 .item {width: 100%;}
.subForm .itemList2 .choice input {display: none;}
.subForm .itemList2 .duoXuan {grid-column: 2 / 4;}
.subForm .itemList2 .choice {display: grid; grid-template-columns: repeat(5,1fr); gap: 6px;}
.subForm .itemList2 .choice label {cursor: pointer; height: 45px;border: 1px solid rgba(195, 195, 195 , .26);font-size: 0.16rem;color: #ffffff;display: flex; align-items: center; justify-content: center; transition: .5s;}
.subForm .itemList2 .choice label.active {background: #178dc2;}
.subForm .itemList3 .item {grid-column: 1 / 4;}
.subForm .itemList3 textarea {width: 100%; height: 94px; resize: none; padding: .1rem; box-sizing: border-box;border: 1px solid rgba(195, 195, 195 , .26); background: none;color: #fff; font-size: var(--font16);}
.telMobile {display: none;}

/* 底部 */
.footer {background: #242424;padding-top: .5rem;}
.footer .boxTop {display: flex; justify-content: space-between; padding-bottom: .3rem; border-bottom: 1px solid rgba(245, 245, 245,.13);}
.footer .boxTop .tel {display: flex; align-items: center; align-items: center;}
.footer .boxTop .tel .number {margin-left: .12rem; }
.footer .boxTop .tel .number em {font-size: 0.16rem;color: #ffffff;}
.footer .boxTop .tel .number span {font-size: 0.29rem;color: #ffffff; display: block; line-height: 1.2; font-family: Arial, Arial-Regular;}
.foterNav {display: flex; justify-content: space-between; padding: .4rem 0 .6rem;border-bottom: 1px solid rgba(245, 245, 245,.13);}
.foterNav dl dt {font-size: 0.16rem;font-weight: 400;	color: #ffffff;margin-bottom: .25rem;}
.foterNav dl dd a {font-size: 0.15rem;color: #ffffff; opacity: .34; margin-bottom: 5px; display: block;}
.foterNav dl dd a:hover {opacity: 1;}
.foterNav .link {display: grid; grid-template-columns: repeat(5,auto); gap: .13rem;}
.foterNav .link li {width: 0.51rem;height: 0.51rem;border: 1px solid #626262; border-radius: 50px; display: flex; align-items: center; justify-content: center; position: relative; transition: .5s;}
.foterNav .link li a {display: flex;}
.foterNav .link li a img {width: .25rem; height: .25rem; object-fit: contain; opacity: .7;}
.foterNav .link li .codeBox {position: absolute; box-sizing: border-box;  z-index: 1; top: 0;padding-top: .2rem; transform: translateY(50%); opacity: 0; visibility: hidden;}
.foterNav .link li .code {position: relative;padding: .05rem; background: #fff; border-radius: 5px;}
.foterNav .link li .code img {max-width: 1rem; max-height: 1rem;}
.foterNav .link li .code::after {content: ""; display: block; width: 0px;height: 0px; border: 8px solid transparent; border-bottom-color: #fff;position: absolute; top: -13px; left: 50%; margin-left: -8px;}
.foterNav .link li:hover .codeBox {opacity: 1; visibility: visible; transition: .5s;transform: translateY(.45rem);}
.foterNav .link li:hover {border-color: #1AB8FF; background: #1AB8FF;}
.foterNav .link li:hover a img {opacity: 1;}
.foterLinks {padding: .4rem 0 .6rem 0;}
.foterLinks dt {font-size: 0.16rem;color: #ffffff; margin-bottom: .05rem;}
.foterLinks .dlBox {display: flex;flex-wrap: wrap;}
.foterLinks .dlBox a {font-size: 0.15rem;opacity: 0.34;color: #ffffff; margin-right: .25rem; display: inline-block; margin-top: .1rem;}
.foterLinks .dlBox a:hover {opacity: 1;}
.copyRight {background: #111111; padding: .3rem 0;}
.copyRight .container {display: flex; justify-content: space-between;flex-wrap: wrap;}
.copyRight p , .copyRight p a {font-size: 0.15rem; color: rgba(255, 255, 255,.5);}
.copyRight p a:hover {color: #fff;}


/* =============================================================内页===================================================== */
.ny-banner {position: relative; height: 100vh; overflow: hidden;}
.ny-banner .imgBox {height: 100%; overflow: hidden;}
.ny-banner .imgBox img {height: 100%; width: 100%; object-fit: cover;}
.ny-banner .con {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; padding: 0 2%; box-sizing: border-box;width: 100%;}
.ny-banner .con em {font-size: 0.26rem;color: #ffffff;letter-spacing: 1px;  font-family: "PFRegular"; display: block;}
.ny-banner .con strong {display: block;}
.ny-banner .con strong span {display: block; font-size: 0.66rem;color: #ffffff;font-family: "PFMedium";display: block; font-weight: normal;line-height: 1.2;}
.ny-banner .con .text { font-size: 0.2rem;color: #ffffff;margin-top: .1rem;}
.ny-banner2 {height: auto;}
.ny-banner2 .text {letter-spacing: 0.1rem; font-family: 'PFRegular'}
.proList-banner {height: 70vh;}
/* 面包屑 */
.mbx { position: absolute; left: 50%; top: 92%; transform: translate(-50%, -50%); width: 1620px; max-width: 92%;}
.mbx a {font-size: 0.16rem;color: #ffffff;font-family: "PFMedium"; position: relative;}
.mbx a::after {content: ">";color: #fff;font-family: "宋体"; margin: 0 10px;position: relative;left: 3px;}
.mbx a:last-child:after {display: none;} 
/* 了解更多按钮2 */
.inMore2 {width: 1.8rem; height: 0.52rem;border: 0.02rem solid rgba(255, 255, 255,.6);border-radius: 1rem; display: block; display: flex; align-items: center; justify-content: center; transition: 1s;}
.inMore2 span {color: #fff; font-size: 0.16rem;color: #ffffff; margin-right: 20%; transition: .5s;}
.inMore2 img {position: relative; left: 0; transition: .5s;}
.inMore2:hover img {left: 5%;}
.inMore2:hover {background: #178dc2; border-color: #178dc2;}

/* 关于我们 */
.aboutOne {background: #f9f9f9; padding: .8rem 0;}
.aboutOne .box {display: flex; justify-content: space-between; align-items: flex-end;}
.aboutOne .le {position: relative;}
.aboutOne .le .tle {margin-bottom: .4rem;}
.aboutOne .le p {font-size: 0.44rem; font-family: "PFHeavy";color: #83898e; line-height: 1.2;}
.aboutOne .le p span {color: #333333;display: inline-block;}
.aboutOne .le em {font-size: 0.24rem;color: #333333;font-family: "PFMedium"; display: block;}
.aboutOne .le i {display: block; width: 0.66rem; height: 0.05rem; background: #178dc2; margin-top: .3rem;}
#canvasBox {width: 5.68rem !important; height: 5.68rem !important; background: #fff;cursor: grab; overflow: hidden;  filter: grayscale(50%);-webkit-filter: grayscale(50%);}
.aboutOne .re {width: 49%;}
.aboutOne .re ul {display: grid; grid-template-columns: repeat(3,auto); gap: .6rem; padding-bottom: .4rem; margin-bottom: .5rem; border-bottom: 1px solid #DCDCDC;}
.aboutOne .re ul li span {font-size: 0.16rem;color: #666666;font-family: "PFMedium";}
.aboutOne .re ul li .counter {font-size: 0.6rem;color: #333333;font-family: "DINBold";line-height: 1.2;}
.aboutOne .re ul li em {font-size: 0.18rem;color: #333333; font-family: "PFMedium"; display: inline-block;position: relative; top: -.05rem;}
.aboutOne .re ul li sup {font-size: .1rem;  transform: scale(.8); display: inline-block;}
.aboutOne .re .disc {overflow-y: auto; max-height: 3.77rem;padding-right: .2rem;}
.aboutOne .re .disc p {font-size: 0.16rem;color: #777777;font-family: "PFMedium"; text-indent: 30px; line-height: 1.8; margin-top: .2rem;}
.aboutOne .re .disc::-webkit-scrollbar-thumb {border-radius: 5px; background: #1A98CB;}
.aboutOne .re .disc::-webkit-scrollbar-track {border-radius: 5px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 0; background: #EEEEEE;}

.aboutTle {margin-bottom: .7rem;}
.aboutTle h3 {text-align: center;font-size: 0.44rem;color: #333333; font-family: "PFHeavy";}
.aboutTwo {padding: 1rem 0;}
.aboutTwo ul {display: flex; justify-content: space-between;}
.aboutTwo ul li {width: calc(100%/4); position: relative;}
.aboutTwo ul li a {display: block; height: 100%; width: 100%;}
.aboutTwo ul li a::after {content: "";width: 100%;height: 100%;background-image: linear-gradient(to bottom , rgba(255, 255, 255, 0.01) 0% , rgba(0, 0, 0, 0.8));bottom: 0;position: absolute;left: 0;}
.aboutTwo ul li .imgBox {overflow: hidden;}
.aboutTwo ul li .imgBox img {width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.aboutTwo ul li .con {position: absolute; bottom: 0; z-index: 1; padding: 10% 10%; box-sizing: border-box; overflow: hidden; transition: .5s; width: 100%;}
.aboutTwo ul li .con::after {content: "";position: absolute; left: 0; bottom: -100%; background: #178dc2;height: 100%; width: 100%;z-index: -1; transition: .5s;}
.aboutTwo ul li .con h5 {color: #fff;font-size: 0.3rem;color: #ffffff;letter-spacing: 0.01rem; transition: .5s;}
.aboutTwo ul li .con p {font-size: 0.16rem;color: #ffffff; display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.aboutTwo ul li .con p {background: url(/html/class/template/images/jt5.png) no-repeat right;     padding-right: .6rem;}
.aboutTwo ul li .disc {height: 0; opacity: 0; transition: .5s;}
.aboutTwo ul li:hover .imgBox img {transform: scale(1.05);}
.aboutTwo ul li:hover .con {padding: 10% 6%;}
.aboutTwo ul li:hover .con::after {bottom: 0;}
.aboutTwo ul li:hover .disc {height: 48px; opacity: 1;margin-top: .2rem; }

.aboutThree {background: url(/html/class/template/images/aboutThree-bj.jpg) no-repeat center; background-size: cover; padding-top: .8rem;}
.aboutThree .disTle {padding-bottom: .6rem;}
.aboutThree .disTle dl {display: grid;grid-template-columns: repeat(7,auto);gap: .5rem;justify-content: center; text-align: center; align-items: flex-end;}
.aboutThree .disTle dl dd span {font-size: 0.18rem; font-family: "PFMedium";color: #333333;display: block; margin-top: .1rem;}
.aboutThree .disTle dl i {height: 100%; width: 1px;background: #dddddd;}
/* 上面 */
.hon_box {padding-bottom: 1rem;}
.hon_con_box { overflow: hidden; position: relative; margin-bottom: .5rem;}
.hon_con_box .swiper-container {width: 39.1%; margin: 0 auto; overflow: visible;}
.hon_con_box .swiper-container .swiper-slide {overflow: visible;}
.hon_con_box .swiper-container .swiper-wrapper { align-items: center;}
.hon_con_box .swiper-container .honor_con_me {transform: scale(0.8); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;display: flex; flex-direction: column;align-items: center; justify-content: center;}
.hon_con_box .swiper-container .honor_con_me .pub_img_box { transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;display: none;}
.hon_con_box .swiper-container .honor_con_me .pub_img_box::before { margin-top: 64.8208%;}
.hon_con_box .swiper-container .honor_con_me .pub_img_box .pub_img {background-size: contain; background-repeat: no-repeat; background-position: center;}
.hon_con_box .swiper-container .honor_con_me .honor_img_ { display: block;margin: 0 auto; max-width: 100%; max-height: 3.5rem;}
.hon_con_box .swiper-container .honor_con_me .honor_t {font-family: "PFMedium";font-size: .18rem; text-align: center; margin-top: .3rem;color: #333;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;  opacity: 0;}
.hon_con_box .swiper-container .active .honor_con_me {transform: none;}
.hon_con_box .swiper-container .active .honor_con_me .honor_img_ { box-shadow: 0 0.3rem 1rem -0.1rem rgba(0, 0, 0, 0.15);}
.hon_con_box .swiper-container .active .honor_con_me .pub_img_box {box-shadow: 0px 30px 100px 0px rgba(0, 0, 0, 0.15);}
.hon_con_box .swiper-container .active .honor_con_me .honor_t {opacity: 1;}
.hon_con_box {cursor: url("/html/class/template/images/shubiao.png"), auto;}
/* 下面 */
.hon_nav_box {margin-top: .3rem; position: relative; max-width: 65%; margin: auto;}
.hon_nav_box .swiper-container {overflow: hidden;}
.hon_nav_box .swiper-slide { width: auto; cursor: pointer; pointer-events: auto;}
.hon_nav_box .swiper-slide.active-nav .hon_n  {color: #d6031a;}
.hon_nav_box .hon_n {color: #666666;line-height: 1.5;text-align: center; padding: 0 .3rem; white-space: nowrap;}
.hon_nav_box .swiper-pagination span:focus { outline: none;}
.hon_nav_box .swiper-button-prev,
.hon_nav_box .swiper-button-next { width: .56rem;height: .56rem; font-size: 14px; color: #333; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;text-align: center;background-image: none !important; top: 50%; margin-top: 0;}
.hon_nav_box .swiper-button-prev > div,
.hon_nav_box .swiper-button-next > div {border: 1px solid #333;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out; width: 80%;height: 80%;position: absolute;left: 10%; top: 10%; transform: rotate(45deg); border-radius: .06rem; z-index: 1;}
.hon_nav_box .swiper-button-prev img,
.hon_nav_box .swiper-button-next img { display: block;font-size: 14px;z-index: 2;position: absolute;left: 50%;top: 50%;filter: brightness(0); -webkit-filter:brightness(0);max-width: 100%;transform: translate(-50%, -50%);}
.hon_nav_box .swiper-button-prev:hover img,
.hon_nav_box .swiper-button-next:hover img {filter: none; -webkit-filter:none;}
.hon_nav_box .swiper-button-prev:hover > div,
.hon_nav_box .swiper-button-next:hover > div {border-color: #d6031a;background-color: #d6031a;}
.hon_nav_box .swiper-button-prev {left: 0;transform: translate(-250%, -50%) rotate(180deg);}
.hon_nav_box .swiper-button-next {right: 0;transform: translate(250%, -50%);}
/* .sha_tra { position: absolute; width: 100%;height: 100%;background: -moz-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 75%, #ffffff 100%); background: -o-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 75%, #ffffff 100%); background: -webkit-gradient(linear, right top, right bottom, color-stop(0, #ffffff), color-stop(0.25, rgba(255, 255, 255, 0)), color-stop(0.75, rgba(255, 255, 255, 0)), color-stop(1, #ffffff));background: -webkit-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 88%, rgba(255, 255, 255,.5) 100%);z-index: 3;top: 0; left: 0; pointer-events: none;} */


/* ==============产品中心============== */
.proCenter {margin-bottom: .6rem;}
.proCenter ul li {position: relative;margin-top: .6rem;}
.proCenter ul li .bjBox img {width: 100%;}
.proCenter ul li .con {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 1500px; max-width: 92%;}
.proCenter ul li h4 a {font-size: 0.54rem;color: #ffffff; font-family: "PFBold";}
.proCenter ul li p {font-size: 0.2rem;color: #ffffff;width: 55%;}
.proCenter ul li .more {margin-top: .6rem;}
/* 产品列表 */
.peoClassify { position: absolute; left: 50%; top: auto; bottom: .5rem; transform: translate(-50%, -50%);z-index: 1; width: 100%; text-align: center; margin: auto;}
.peoClassify a {font-size: 0.18rem;color: #ffffff; border-radius: 1rem;padding: .15rem .45rem; margin: 0 .35rem; position: relative; transition: .5s;}
.peoClassify a::after {content: "/";  font-family: "PFLight"; position: absolute; right: -.4rem; font-size: 0.22rem; }
.peoClassify a:last-child::after {display: none;}
.peoClassify a:hover , .peoClassify a.on {background: #0098d0; border-radius: 0.26rem;}

.nyproListNav {display: flex; justify-content: center; margin: .5rem 0;}
.nyproListNav a {color: #333; font-size: var(--font18);padding: 0.15rem .3rem; box-sizing: border-box; border-radius: 30px; transition: .5s;}
.nyproListNav a:hover , .nyproListNav a.on {background: #0098d0; color: #fff;}

.proList {margin-bottom: 1rem;}
.proList ul li a {display: flex; justify-content: space-between; align-items: center; padding: .6rem 5%; padding-left: 0; box-sizing: border-box; border-bottom: 1px solid #242424;}
.proList ul li .imgBox {width: 30%;}
.proList ul li .imgBox a {display: flex; align-items: center; justify-content: center;}
.proList ul li .imgBox img {max-width: 100%; transition: .5s;}
.proList ul li .con {width: 65%; display: flex; align-items: center; justify-content: space-between;}
.proList ul li .con .conLe {width: 70%;}
.proList ul li .en {font-size: 0.3rem;color: #333333;}
.proList ul li .cn {font-size: 0.3rem;color: #333333;}
.proList ul li .tle {margin-bottom: .5rem;}
.proList ul li .text span {font-size: 0.16rem;color: #666666;display: block; margin: .1rem 0;}
.proList ul li .more {margin-left: 5%; flex-shrink: 1;}
.proList ul li .more span {font-size: 0.16rem;color: #333333;margin-right: .2rem;}
.proList ul li .more em {width: 0.55rem;height: 0.55rem;border: 0.02rem solid #3e3e3e;border-radius: 0.3rem; display: inline-flex; align-items: center; justify-content: center; transition: .5s;}
.proList ul li .more em img {filter: brightness(0); -webkit-filter:brightness(0); max-width: 15%;}
.proList ul li:hover .more em {background: #178dc2; border-color: #178dc2;}
.proList ul li:hover .more em img {filter: none; -webkit-filter:none;}
.proList ul li:hover .imgBox img {transform: scale(1.05);}
.proList ul li:hover .tle .en ,.proList ul li:hover .tle .cn {color: #178dc2;}
/* 产品详情 */
.proDate {padding-top: 1rem; margin-bottom: 1rem;}
.mbxBox {display: flex; justify-content: space-between; padding: .5rem 0; flex-wrap: wrap; align-items: center;}
.mbxBox .mbx {position: relative; transform: initial; max-width: 100%; width: auto;left: auto;top: auto;}
.mbxBox .mbx a {color: #666666;}
.mbxBox .mbx a::after {color: #666666; font-weight: 700;}
.mbxBox .mbx a img {filter: brightness(0); -webkit-filter:brightness(0); opacity: .5; vertical-align: middle; max-width: .3rem;}
.mbxBox .backList a {display: flex; align-items: center;color: #333333; font-size: .16rem;}
.mbxBox .backList a img {margin-right: 10px; transition: .5s;}
.mbxBox .backList a:hover img {margin-right: 20px;}
.dateInfo {display: flex; justify-content: space-between; align-items: center; margin-bottom: .5rem;}
.dateSwiper {width: 34%; margin: 0;border: 1px solid #eeeeee;}
.dateSwiper .swiper-slide .imgBox {display: flex; align-items: center; justify-content: center;}
.dateSwiper .swiper-slide .imgBox img {max-width: 100%;}
.dateInfo .infoBox {width: 60%;}
.dateInfo .infoBox .tle {font-size: 0.36rem;color: #333333;}
.dateInfo .infoBox .tle {border-bottom: 1px solid #EEEEEE; padding-bottom: .3rem; margin-bottom: .3rem;}
.dateInfo .infoBox .text {font-size: 0.2rem;color: #666666;line-height: 1.8;}
.dateInfo .infoBox .more {margin-top: .7rem; display: grid; grid-template-columns: repeat(2,auto); gap: .1rem; justify-content: flex-start;}
.dateInfo .infoBox .more a:nth-child(2) {background: #333333;}

.dateTable {margin-top: 1rem;}
.dateTable h4 {font-size: 0.39rem;color: #333333; margin-bottom: .25rem;}
.dateTable .tableCon {border-top: 1px solid #333333;background: #f8f8f8; padding: 10px;box-sizing: border-box;}
.tableBox {overflow-x: auto;}
.tableBox table {white-space: nowrap;}
.tableBox table td {padding: 0 10px;}
.dateTable2 table img {width: 95% !important; height: auto !important; max-height: 290px;}
.dateTable3 table tr td {padding: 0 10px; box-sizing: border-box;}

@media screen and (min-width: 200px) and (max-width: 767px) {
  .dateTable2 table tr {display: flex; flex-wrap: wrap;justify-content: space-between;}
  .dateTable2 table tr td {width: 49%;}
  .dateTable3 table tr {display: flex; flex-wrap: wrap;}
  .dateTable3 table tr td {width: 100%; margin-bottom: .3rem;}
}



/* ================项目案例================ */
.caseTle { padding: .6rem 0;}
.caseTle h3 {font-size: 0.44rem;color: #333333;font-family: "PFHeavy";}
.caseTle span {font-size: 0.18rem;color: #333333;}
.caseExper {margin-bottom: .7rem;}
.caseExper .caseTle {text-align: center;}
.caseCenSwiper .swiper-slide {width: 49%;}
.caseCenSwiper .swiper-slide .imgBox {overflow: hidden;}
.caseCenSwiper .swiper-slide .imgBox img {width: 100%;transition: .5s;}
.caseCenSwiper .swiper-slide:hover .imgBox img {transform: scale(1.1);}
.caseCenSwiper .swjt {width: 0.65rem;height: 0.65rem; border-radius: 50%; background: rgba(9, 15, 16,.52); transition: .5s;}
.caseCenSwiper .swiper-button-prev {transform: rotate(180deg);}
.caseCenSwiper .swjt img {max-width: 20%;}
.caseCenSwiper .swjt:hover {background: #090f10;}
.caseExper .more {margin-top: .65rem; display: flex; justify-content: center;}

.proCaseList {display: grid; grid-template-columns: repeat(3,1fr); gap: .5rem;}
.proCaseList li a {overflow: hidden; display: block;}
.proCaseList li img {width: 100%; transition: .5s;}
.proCaseList li:hover img {transform: scale(1.05);}

.caseProList {background: #f9f9f9; padding-bottom: 1rem;}
.caseProList .tle {padding: .6rem 0;display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.caseProList .tle .caseTle {padding: 0;}
.caseClassity {display: grid; grid-template-columns: repeat(5,min(125px)); gap: 10px;}
.caseClassity a {font-size: 0.17rem;color: #333333;letter-spacing: 0.01rem; padding: 15px 20px; transition: .5s; text-align: center;}
.caseClassity a:hover ,.caseClassity a.on {background: #178dc2;border-radius: 0.5rem; color: #fff; font-size: 0.2rem; font-family: "PFBold";}
.caseProList ul li a {margin-bottom: .4rem;display: flex; background: #fff; align-items: center; justify-content: space-between;}
.caseProList ul li .imgBox {width: 60%; overflow: hidden;}
.caseProList ul li .imgBox img {width: 100%; transition: .5s;}
.caseProList ul li .con {width: 40%; padding: 1% 5%;padding-right: 2%; box-sizing: border-box;}
.caseProList ul li h5 {font-size: 0.34rem; font-family: "PFBold";color: #333;}
.caseProList ul li p {font-size: 0.16rem;color: rgba(102, 102, 102,.42);}
.caseProList ul li .more {margin-top: 20%;}
.caseProList ul li .more em {width: 1.23rem;height: 0.45rem; border: 1px solid #333333;border-radius: 0.24rem; display: flex; align-items: center; justify-content: center;font-size: 0.16rem;color: #333333;transition: .5s;}
.caseProList ul li:hover .more em {background: #178DC2; color: #fff; border-color: #178DC2;}
.caseProList ul li:hover h5 {color: #178DC2;}
.caseProList ul li:hover .imgBox img {transform: scale(1.1);}
.caseProList ul li:nth-child(even) .imgBox {order: 1;}
.caseProList ul li:nth-child(even) .con {padding-right: 5%;}

.allCaseList {margin-bottom: 1rem;}
.allCaseList .mbxBox {padding: .3rem 0;}
.allCaseList .allCase {position: relative; transition: height .2s ease-out,opacity .2s ease-out .2s; width: 103%;}
.allCaseList .allCase li {padding: 0 .3rem .3rem 0; opacity: 0;position: absolute;top: 0;left: 0;transition: -webkit-transform .2s ease-out;transition: transform .2s ease-out; transition: transform .2s ease-out,-webkit-transform .2s ease-out;}
.allCaseList .allCase li a {display: block; overflow: hidden;}
.allCaseList .allCase li img {width: 100%; display: block; transition: .5s;}
.allCaseList .allCase li:hover img {transform: scale(1.05);}
/* 案例详情 */
.caseDate {display: flex; justify-content: space-between; align-items: flex-start;}
.caseDate .left {width: 70%;}
.caseDate .right {width: 25%; background: #fff; padding: .25rem; border-radius: 15px; position: sticky; top: .5rem;}
.caseDate .right .riTle {text-align: center; font-size: var(--font20); color: #333; font-weight: 700;}
.caseDate .right ul {margin-top: .2rem;}
.caseDate .right ul li {padding: .1rem; border-bottom: 1px solid #ddd;}
.caseDate .right ul li a {color: #333; display: block;}
.caseDate .right ul li a:hover {color: #0098d0;}

/* ======================招商加盟=================== */
.attracTle {padding: .6rem 0; text-align: center;}
.attracTle h3 {font-size: 0.44rem;color: #333333;font-family: "PFHeavy"; text-align: center;}
.attracTle p {font-size: 0.18rem;color: #555555;}
.attracTle small {font-size: .22rem; color: #333;}

.attrOne .attracTle {padding-bottom: .1rem;}
.attrOne .mapBox {display: flex; justify-content: center;}
.attrOne .mapCon {display: inline-block; position: relative;}
.attrOne .mapCon img {width: 100%;}
.attrOne .mapCon li {width: .1rem; height: .1rem; background: #0098d0; border-radius: 50%; position: absolute; display: flex; align-items: center; justify-content: center;}
.attrOne .mapCon li i {width: .5rem; height: .5rem; border-radius: 50%;background: rgba(170, 170, 170,.6); position: absolute; z-index: -1;}
.attrOne .mapCon li i {animation: scalemap 2s linear infinite; -moz-animation: scalemap 2s linear infinite; -webkit-animation: scalemap 2s linear infinite;}
.attrOne .mapCon li:nth-child(even) i {background: rgba(0, 152, 208,.6);}
.attrOne .mapCon li.crcle1 {top: 75%;left: 12.8%;}
.attrOne .mapCon li.crcle2 {top: 53%; left: 15.8%;}
.attrOne .mapCon li.crcle3 {top: 24%; left: 10%;}
.attrOne .mapCon li.crcle4 {top: 28%; left: 18%;}
.attrOne .mapCon li.crcle5 {top: 37%;left: 18.8%;}
.attrOne .mapCon li.crcle6 {top: 37%;left: 22.5%;}
.attrOne .mapCon li.crcle8 {top: 27%;left: 24.5%;}
.attrOne .mapCon li.crcle9 {top: 35%;left: 29.5%;}
.attrOne .mapCon li.crcle10 {top: 41%;left: 32.5%;}
.attrOne .mapCon li.crcle11 {top: 47%;left: 34.5%;}
.attrOne .mapCon li.crcle12 {top: 45%;left: 35.8%;}
.attrOne .mapCon li.crcle13 {top: 56%;left: 38.3%;}
.attrOne .mapCon li.crcle14 {top: 47.1%; left: 40.6%;}
.attrOne .mapCon li.crcle15 {top: 40.4%; left: 40.2%;}
.attrOne .mapCon li.crcle16 {top: 32.8%;left: 42.5%;}
.attrOne .mapCon li.crcle17 {top: 32.5%;left: 45.8%;}
.attrOne .mapCon li.crcle18 {top: 21%;left: 33.8%;}
.attrOne .mapCon li.crcle19 {top: 37%;left: 77.5%;}
.attrOne .mapCon li.crcle20 {top: 43%;left: 83.8%;}
.attrOne .mapCon li.crcle21 {top: 40.1%;left: 89.2%;}
.attrOne .mapCon li.crcle22 {top: 51%;left: 87.4%;}
.attrOne .mapCon li.crcle23 {top: 49%;left: 90.5%;}
.attrOne .mapCon li.crcle24 {top: 60%;left: 88.6%;}
.attrOne .mapCon li.crcle25 {top: 62.4%;left: 92.5%;}
.attrOne .mapCon li.crcle26 {top: 68.5%;left: 93.5%;}
.attrOne .mapCon li.crcle27 {top: 74.5%;left: 87.5%;}
.attrOne .mapLogo {position: absolute; left: 37%; top: 31%; background: #1b8dc2;border-radius: 50%; display: flex; align-items: center; justify-content: center;
  /* width: 0.68rem;height: 0.68rem;  */
  width: 4.546%;height: 7.581%;
}

.attrOne .mapCon li.crcle4 i ,.attrOne .mapCon li.crcle9 i , .attrOne .mapCon li.crcle3 i ,.attrOne .mapCon li.crcle15 i ,
.attrOne .mapCon li.crcle27 i , .attrOne .mapCon li.crcle18 i , .attrOne .mapCon li.crcle25 i {animation-delay: 1.5s;}

.attrOne .mapLogo img {max-width: 85%;}

.attrTwoSwiper {position: relative; overflow: hidden; padding-bottom: 1rem;}
.attrTwoSwiper .swiper-wrapper {flex-direction: initial;}
.attrTwoSwiper .swiper-slide .imgBox {height: 100%;display: flex;align-items: center;justify-content: center;margin: 0.05rem; margin-bottom: 0.2rem;}
.attrTwoSwiper .swiper-slide .imgBox img {max-width: 100%; padding:0.2rem}
.attrTwoSwiper .swiper-pagination {bottom: .5rem;}
.attrTwoSwiper .swiper-pagination-bullet {width: 0.15rem; height: 0.15rem;opacity: 1;background: #ddd;}
.attrTwoSwiper .swiper-pagination-bullet-active {background: #1a98cb;opacity: 1;}

/*================== 新闻中心============= */
.newsList {margin-bottom: 1rem;}
.newsList .mbxBox {padding: .3rem 0;}
.newsList .list ul {display: grid; grid-template-columns: repeat(3,1fr);gap: .5rem;}
.newsList .list li .imgBox {overflow: hidden;}
.newsList .list li .imgBox img {width: 100%; transition: .5s;}
.newsList .list li .con {margin-top: .2rem;}
.newsList .list li em {font-size: 0.16rem;color: #888888;}
.newsList .list li h5 {font-size: var(--font22);color: #333333; font-family: "PFBold";}
.newsList .list li .more {font-size: 0.14rem;color: #999999;font-family: "PFBold";position: relative;}
.newsList .list li .more::after {content: ">"; font-family: "宋体"; font-weight: 700; margin-left: .1rem; transform: scale(.8);display: inline-block;}
.newsList .list li .more {margin-top: .3rem;}
.newsList .list li:hover .imgBox img {transform: scale(1.05);}
.newsList .list li:hover h5 {color: #178DC2;}

/* 详情 */
.newsDate {padding: 1rem 0;background: #f9f9f9;}
.newsDate .tle {text-align: center; margin-bottom: .5rem;}
.newsDate .tle h3 {font-size: 0.4rem;color: #333333; font-family: "PFBold";}
.newsDate .tle .time {font-size: 0.16rem;color: #444444;}
.newsDate .tle .time img {max-width: .25rem; vertical-align: middle;}
.newsDate .dateCon {padding: .6rem 0; border-top: 1px solid #EEEEEE;border-bottom: 1px solid #EEEEEE;}
.newsDate .dateCon img {max-width: 100%;}

.newsDate .dateCon ul li {list-style-type: initial;}
.newsDate .datefy .prevNext {width: 80%;}
.newsDate .datefy { margin-top: .5rem; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center;}
.newsDate .datefy p , .newsDate .datefy p a {font-size: 0.16rem;color: #666666; margin: .1rem 0;}
.newsDate .datefy p a:hover {color: #178DC2;}
.newsDate .datefy .back a {width: 1.74rem;height: 0.59rem; background: #0098d0;border-radius: 0.3rem;display: flex; align-items: center; justify-content: center;}
.newsDate .datefy .back a img {max-width: 13%; filter: brightness(100); -webkit-filter:brightness(100);}
.newsDate .datefy .back a span {font-size: 0.16rem;color: #fff; margin-left: .1rem; transition: .5s;}
.newsDate .datefy .back a:hover span {margin-left: .15rem;}

/* ===============联系我们============ */
.contact-banner .con {display: none;}
.tactBox {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);width: 1620px; max-width: 92%; display: flex; justify-content: flex-end;}
.tactBox .tact em {font-size: 0.26rem;color: #ffffff;  font-family: "PFRegular";}
.tactBox .tact .tel {display: flex; align-items: center; border-bottom: 1px solid rgba(255, 255, 255,.18); padding-bottom: .3rem; margin-bottom: .4rem;}
.tactBox .tact .tel span {font-size: 0.6rem;color: #ffffff;font-family: "PFBold"; margin-left: .1rem;}
.tactBox .tact dd {display: flex; align-items: center; margin: .2rem 0;}
.tactBox .tact dd .icBox {width: .3rem; height: .3rem; display: flex; align-items: center; justify-content: center;margin-right: .1rem;}
.tactBox .tact dd .icBox img {max-width: 100%;}
.tactBox .tact dd span , .tactBox .tact dd span a {color: #ffffff;font-size: 0.18rem;}
.tactBox .tact dd span a:hover {color: #178DC2;}
.tactBox .tact .foterNav {border: 0; padding: 0; margin-top: .8rem;}
.tactBox .tact .link {grid-template-columns: repeat(9,auto);}

.tactQuote {padding: 1rem 0;}
.tactQuote .tle {text-align: center; padding-bottom: .5rem;border-bottom: 1px solid #EEEEEE; margin-bottom: .4rem;}
.tactQuote .tle h3 {font-size: 0.44rem;color: #333333;  font-family: "PFBold";}

.tactForm .itemList1 {display: grid; grid-template-columns: repeat(3,1fr); gap: .3rem; margin-bottom: .3rem;}
.tactForm .item {height: 0.64rem; background: #f2f2f2;     padding: 0 .25rem; box-sizing: border-box; display: flex; align-items: center;position: relative;}
.tactForm .item label {position: absolute; font-size: 0.16rem;  font-family: "PFBold";color: #333333;}
.tactForm .item em {position: absolute; right: .2rem;color: #df1616;font-size: 0.16rem;}
.tactForm .item input {background: #f2f2f2; width: 100%; height: 100%; border: none; padding: 0 .1rem 0 .8rem; color: #333;    font-size: var(--font16);}
.tactForm .duoXuan {grid-column: 2 / 4;}
.tactForm .choice {width: 100%; margin-left: .75rem; display: flex; justify-content: space-around;}
.tactForm .choice input {display: none;}
.tactForm .choice label {position: relative; display: flex; align-items: center; cursor: pointer;}
.tactForm .choice i {width: 0.18rem;height: 0.18rem;border: 0.01rem solid #cccccc; display: inline-block; border-radius: 50%; position: relative; margin-right: .1rem;}
.tactForm .choice label.active i::after {content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; width: 0.09rem; height: 0.09rem;background: #178dc2;}
.tactForm textarea {height: 100%;}
.tactForm .itemList3 {grid-template-columns: repeat(1,1fr);height: 2.97rem;background: #f2f2f2;}
.tactForm .itemList3 .item {height: 100%;}
.tactForm .itemList3 .item label {top: .2rem;}
.tactForm .itemList3 textarea {width: 100%;height: 100%; background: none;   color: #333; border: 0;  padding: .2rem 0 0 1rem;  font-size: var(--font16);}
.tactForm .sub {display: flex; justify-content: center;}
.tactForm .sub button {width: 2.77rem; height: 0.64rem;background: #178dc2;font-size: 0.18rem;color: #ffffff;border: 0; cursor: pointer;margin-top: .6rem;}

.tactForm .telMobile {display: none;}












/* 视频弹出层 */
.acquisition-info {padding: 2rem;box-sizing: border-box; background-color: #fff; width: 110%; display: none;}
.acquisition-info .box-title {display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #eee; padding-bottom: 1rem;}
.acquisition-info .box-title h3 {font-size: 1.6rem; color: #000; font-weight: bold;}
.acquisition-info .box-title span {font-size: 2.5rem; cursor: pointer; color: #000; line-height: 30px;}
.acquisition-info dl {margin-top: 2rem;}

/* 搜索页面 */
.search-page .box {margin-top: 2rem;}
.search-page form {width: 75%;margin: auto; margin-bottom: 60px; border: 1px solid #333; border-radius: 50px; padding:5px 20px; box-sizing: border-box; display: flex;     align-items: center; justify-content: space-between; }
.search-page form .searchCon {padding: 5px 0; width: 95%; line-height: 35px; outline: none; border: none; box-sizing: border-box; font-size: 16px;}
.search-page form .sub {width: 23px;  height: 23px; display: block; cursor: pointer; background: url(/html/class/template/images/searchIcon.png) no-repeat center; outline: none; border: none; background-size:contain; filter: brightness(0); -webkit-filter:brightness(0);}
.search-page ul {width: 100%;}
.search-page li {width: 100%; padding: 30px; margin-top: 20px; box-sizing: border-box; background: #f5f5f5;}
.search-page li span {background: #0072a4; color: #fff; font-size: 12px; padding: 2px 5px; }
.search-page li h3 {font-size: 18px; margin: 10px 0; color: #000000; font-weight: 700;}
.search-page li p {font-size: 16px; color: #666; line-height: 20px; flex-wrap: nowrap; justify-content: center;}
.search-page li .le {width: 95%;}
.search-page li a {display: flex; align-items: flex-end; justify-content: space-between;}
.search-page li img {transition: .5s; margin-right: 20px;}
.search-page li:hover img {transform: translateX(20px);}
@media screen and (min-width: 200px) and (max-width: 640px){
  .search-page form {
      width: 90%;
      margin-bottom: 40px;
  }
}

/* 分页 */
.fy { padding: 0.5rem 0; display: flex;justify-content: center;align-items: center; flex-wrap: wrap;}
.fy a {background: #F5F5F5; display: flex; align-items: center; justify-content: center; color: #999; font-size: 14px; transition: .4s; margin:5px;  padding: 5px 13px; border-radius: 3px;}
.fy a:hover {color: #fff; background: #1A98CB;}
.fy .layui-laypage-curr {color: #fff; background: #1A98CB; font-size: 14px;  margin: 0 5px; padding: 5px 13px; border-radius: 3px;}