@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6{font-weight: normal;}
BODY {FONT: 14px/1.4 Arial, Helvetica , sans-serif; background: #fff; overflow-x: hidden;}
A {COLOR: #666; TEXT-DECORATION: none}
P{COLOR: #333;}
A:hover {TEXT-DECORATION: none}
A IMG {BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none}
DIV {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
UL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
LI {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
P {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
EM {FONT-STYLE: normal; FONT-WEIGHT: normal}
TABLE {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DT {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DD {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
TR {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
.cl{HEIGHT: 0px; CLEAR: both;}
.jz{margin:0 auto;}
.fl{FLOAT: left}
.fr{FLOAT: right}
img { image-rendering: -webkit-optimize-contrast;}
.container{width:1600px; margin:0 auto;max-width: 92%;}
.container12{width:1200px; margin:0 auto;max-width: 92%;}
.container13{width:1300px; margin:0 auto;max-width: 92%;}
.container14{width:1400px; margin:0 auto;max-width: 92%;}
.container15{width:1500px; margin:0 auto;max-width: 92%;}
.container16{width:1600px; margin:0 auto;max-width: 92%;}
.containers{width:96%; margin:0 auto;}
.c {zoom: 1;}
.c:after{content: ""; display: block; height: 0; clear: both;}
.txt-c{text-align: center;}
.txt-r{text-align: right;}
.col-white{color: #fff;}
.clearfix:after{ content:""; display:block; clear:both; height:0; visibility:hidden;}
.clearfix{ zoom:1;}
.displayFlex {display: flex; align-items: center; justify-content: center;}
/* 下滑头部 */
/* .navfixed {position: fixed; top: 0; width: 100%; z-index: 99999; transition: .5s;} */
/* 多行省略 */
.omit {display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 2;-webkit-box-orient: vertical; }

/* 绝对定位居中 */
.jddwjz { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%)}

::-webkit-scrollbar {/*滚动条整体样式*/width: 4px;/*高宽分别对应横竖滚动条的尺寸*/ height: 4px;scrollbar-arrow-color:red;}
::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border-radius: 5px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: rgba(0,0,0,0.2);scrollbar-arrow-color:red;}
::-webkit-scrollbar-track {/*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 0; background: rgba(0,0,0,0.1);}

/* 去除input自动填充背景色 */
input:-webkit-autofill { box-shadow:0 0 0 1000px none inset !important;}
input:-internal-autofill-previewed, input:-internal-autofill-selected {-webkit-text-fill-color: #333 !important; transition: background-color 5000s ease-in-out 0s !important;}

/* 图标变黑色 */
.icon-black {  filter: brightness(0); -webkit-filter:brightness(0);}
/* 图标变白色 */
.icon-white {filter: brightness(100); -webkit-filter:brightness(100);}
/* 图标变灰色色 */
.icon-gray {filter: grayscale(100%); -webkit-filter:grayscale(100%);}

.swiper-button-prev:focus ,.swiper-button-next:focus {outline: none; border: none;}

/*字体引入*/
 @font-face {
  font-family: "DINMEDIU";
  src: url("img/DINCond-MediumAlternate.otf");
}

@font-face {
  font-family: "CENTURY";
  src: url("img/centurygothic.ttf");
}
@font-face {
  font-family: "Noto Sans SC";
}
/* CSS Document */



/* ==首页==*/
.zwys {height: 7.2rem;}
header {position: fixed; width: 100%; left: 0; z-index: 99; top: 0; transition: .5s;background: #fff; }
header .he-le {width: auto;}
header .he-re {display: flex; align-items: center;}
header .logo {position: relative; z-index: 9;}
header .logo img {display: block; max-width: 100%;}
.headerBox .box {display: flex; justify-content: space-between; height: 7.2rem; align-items: center; transition: height .3s;}
nav {width: 58%; margin-left: 7%;}
nav > ul {display: flex; justify-content: space-between;}
nav > ul > li {position: relative; line-height: 7.2rem;}
nav > ul > li > a {position: relative; padding-bottom: 0.5rem; box-sizing: border-box;}
nav > ul > li > a > span {font-size: 1.13rem;color: #000;}
nav > ul > li > a::after {content: "";  height: 1px; bottom: 0; width: 0; background: #fff; position: absolute; left: 50%; transition: .5s;}
nav > ul > li:hover > a::after {width: 100%;left: 0;}
nav > ul > li.on > a::after {width: 100%;left: 0;}
/* 二级下拉 */
/* nav ul li .navSedBox {position: absolute; top: 80%; display: none; background: #fff; box-sizing: border-box;  padding: 0.5rem 1rem; width: 150%; left: -25%;}
nav ul li .navSedBox dl > dd {font-size: 0.9rem; color: #333; text-align: center; border-bottom: 1px solid #eee;  position: relative;line-height: initial;}
nav ul li .navSedBox dl > dd > a {padding: 0.75rem 0;display: block;}
nav ul li .navSedBox dl > dd::after {content: ""; position: absolute; bottom: 0; width: 0; height: 1px; background-color: #071730; left: 0; transition: .5s;} 
nav ul li .navSedBox dl > dd:hover > a {color: #071730;}
nav ul li .navSedBox dl > dd:hover::after {width: 100%;} */

/* 二级下拉 */
.navSedBox {position: absolute; line-height: initial;top:6.3rem; opacity: 0;visibility: hidden;transition: all .5s; background: #fff;overflow: hidden;z-index: 10; box-shadow: 0rem 0rem 1rem 0rem rgba(0,0,0,0.1);}
.navSedBox .seBox {display: flex;justify-content: space-between;flex-direction: row-reverse;}
.navSedBox .seBox span{display: block;}
.navSedBox .seBox .sebox-image{min-width:12.5rem; max-width: 16.25rem;}
.navSedBox .seBox .sebox-image ul{width: 100%;overflow: hidden; height: 100%;}
.navSedBox .seBox .sebox-image ul span{width:93%;overflow: hidden; height: 100%; display: flex; align-items: center; justify-content: center;}
.navSedBox .seBox .sebox-image img{width: 100%;display: block;}
.navSedBox .hd {box-sizing: border-box;width:13rem;  padding:0 1rem} 
.navSedBox ul li a {font-size: 1rem;color: #4a5058; display: block; padding: 0.6rem 1rem  0.6rem 1rem; box-sizing: border-box;text-align: left;  border-bottom: #F7F8F9 1px solid; transition: .5s;background: url(img/nav-jt.png) no-repeat center left;}
.navSedBox .navContentBox {background: #fff; padding: 1.5rem; box-sizing: border-box; width: 65%; border-bottom: 2px solid #db1f25; }
.navContentBox .picBox {margin-bottom: 1rem;}
.navSedBox ul li:hover a {background:url(img/nav-jt.png) no-repeat center left   #fff; color: #071730;}

.navContentBox .picBox img {display: block; max-width: 100%;}
.navContentBox .tit {font-size: 1.2rem; font-weight: 700; color: #333; margin-bottom: 1rem; display: inline-block;}
.navContentBox .navSummray {font-size: 0.9rem;color: #333;}


nav > ul > li:hover .navSedBox{opacity: 1;top:5.3rem;visibility: initial;}





/* 搜索 */
.heSearch {position: relative; padding: 2rem 1rem;box-sizing: border-box;}
.heSearch .seBox img {display: block;}
.search-pro {-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;background-color: rgba(255,255,255,1);box-sizing:border-box;transition: all .5s ease;-webkit-box-shadow: 0 0 99px rgba(29,56,75,.4);-moz-box-shadow: 0 0 99px rgba(29,56,75,.4);    transform: translateY(2rem); box-shadow: 0 0 99px rgba(29,56,75,.4);   }
.search-pro {padding: 1.25rem; min-height: 12rem; width: 24rem;  max-width: calc(100vw - 40px); position: absolute;right: -72%;top: 100%; z-index: 9; pointer-events: none;opacity: 0;}
.search-pro::after {content: '';display: block;width: 18px;height: 18px;transform: rotate(45deg);top: -8px;right: 60px;background-color: #fff;position: absolute;}
.search {border-bottom: 1px solid #e1e1e1; margin-bottom: 1rem;}
.search form {display: flex; justify-content: space-between; align-items: center;}
.search input{outline: none; border: none; font-family: "Microsoft YaHei"; font-size: 1rem; color: #333;}
.search-text {width: 90%; max-width: 320px; line-height: 50px;}
.search-text::placeholder {font-size: 0.9rem; color: #999;}
.search-text::-moz-placeholder {font-size: 0.9rem; color: #999;}
.search .sub{background: url(img/searchIcon.png) no-repeat center;background-size: contain; width: 25px; height: 50px; cursor: pointer;   filter: brightness(0);  -webkit-filter:brightness(0);}
.search-list dl dt {float: left; margin-right: 0.65rem; margin-bottom: 0.65rem; line-height: initial;}
.search-list dl dt a {position: relative; padding: 0.5rem;  transition: all .5s ease .3s; display: inline-block; background: #e1e1e1; border-radius: 4px;  text-align: center;}
.search-list dl dt a:after {content: '';display: block;width: 0;transition: width .5s ease-out;height: 100%;background-color: #071730;position: absolute;top: 0;left: 0; z-index: 0; border-radius: 4px;}
.search-list dl dt:hover a:after {width: 100%; }
.search-list dl dt span {font-size: 0.9rem; color: #999; position: relative; z-index: 1}
.search-list dl dt:hover span {color: #fff;}
.heSearch:hover .search-pro {opacity: 1;transform: translateY(0);pointer-events: auto;}

/* 头部下滑 */
header.hefixed {background: #fff;  box-shadow: 0 2px 6px rgb(0 0 0 / 10%); box-sizing: border-box;}
header.hefixed .headerBox .box {height: 7.2rem;}
header.hefixed nav > ul > li { line-height: 6rem;}
header.hefixed nav > ul li > a > span {color: #333;}
header.hefixed nav > ul > li > a::after {background: #071730;}
header.hefixed .heSearch .seBox img { filter: brightness(0);}
/* header.hefixed nav > ul > li .navSedBox {top: 99%;} */

/* 详情页头部 */
header.hefixed2 {background: #fff;  box-shadow: 0 2px 6px rgb(0 0 0 / 10%); box-sizing: border-box;}
header.hefixed2 nav > ul > li > a > span {color: #333;}
header.hefixed2 nav > ul > li > a::after {background: #071730;}
header.hefixed2 .heSearch .seBox img { filter: brightness(0);}
/* header.hefixed2 nav ul li .navSedBox {top: 99%;} */

/* banner */
.bannerSwiper {position: relative; overflow: hidden; height: 100vh;}
.bannerSwiper .imgBox {height: 100%;}
.bannerSwiper .imgBox img {display: block; width: 100%;height: 100%;  object-fit: cover;  transition: 1s linear 2s;transform: scale(1.1,1.1);}
.bannerSwiper .swiper-slide {overflow: hidden;}
.bannerSwiper .swiper-slide .con {position: absolute; left: 50%; top: 60%; transform: translate(-50%, -50%); width: 1600px; max-width: 92%;}
.bannerSwiper .swiper-slide .enText {font-size: 1.5rem;color: #ffffff;letter-spacing: -0.03rem;}
.bannerSwiper .swiper-slide strong {font-size: 4.06rem;font-weight: 700;color: #ffffff; display: block;}
.bannerSwiper .swiper-slide span {font-size: 2.19rem;font-weight: 400;color: #ffffff;letter-spacing: 0.83rem;display: block;}
.bannerSwiper .swiper-slide .more {margin-top: 6%;}
.bannerSwiper .swiper-slide .more a {transition: .5s; width: 12.69rem;height: 4.06rem;letter-spacing: 0.43rem;z-index: 1; border: 0.06rem solid #ffffff; color: #fff; font-size: 1rem; position: relative; overflow: hidden;}
.bannerSwiper .swiper-slide .more a::after {content: ""; width: 100%;height: 100%; left: -100%; top: 0; position: absolute; background: #071730; transition: .5s; z-index: -1;}
.bannerSwiper .swiper-slide .more a:hover {border-color: #071730;}
.bannerSwiper .swiper-slide .more a:hover::after {left: 0;}
.bannerSwiper .swiper-slide-active img, .bannerSwiper .swiper-slide-duplicate-active img {transition:6s linear;transform:scale(1,1);}	
.bannerSwiper .swiper-button-prev {transform: rotate(180deg);}
.bannerSwiper .swiper-pagination {bottom: 5%;}
.bannerSwiper .swiper-pagination-bullet {width: 0.81rem;height: 0.81rem; opacity: 0.26; background: #ffffff; margin: 0 0.5rem !important;}
.bannerSwiper .swiper-pagination-bullet-active {background: #fff; opacity: 1;}

/* 产品展示 */
.indexOne {background: #e6ebf1; background-size: cover; padding: 5.5rem 0 0rem 0; background-attachment: fixed; overflow: hidden;}
.indexOne ul {display: flex;  justify-content: space-between;}
.indexOne ul li {width: 20%; padding-bottom: 2rem;}
.indexOne ul li a {display: block; position: relative;}
.indexOne ul li .icBox { position: relative;overflow: hidden; }
.indexOne ul li .icBox i {padding: 0.85rem; box-sizing: border-box; width: 3.81rem;height: 3.81rem;border-radius: 50%;display: flex; align-items: center; justify-content: center; transition: .5s;}
.indexOne ul li .icBox img {max-width: 100%;}
.indexOne ul li .icBox::after {content: ""; position: absolute; top: 0;bottom: 0;margin: auto; width: 300px; height: 1px; left: 32%; background-color: #b3bfc3;}
.indexOne ul li span {transition: .5s; font-size: 1rem;font-weight: 700;color: #333333; position: absolute; white-space: nowrap;  position: absolute; left: 12%; top: 110%; transform: translate(-50%, -10%);}
.indexOne ul li.on .icBox i {background: #ffffff; }
.indexOne ul li.on span {top: 130%;}
.indexOne ul li:hover .icBox i {background: #ffffff; }
.indexOne ul li:hover span {top: 130%;}
.indexOne ul .morePro {width: 18%; margin-left: 1%;}
.indexOne ul .morePro a {background: #ffffff; border-radius: 1.69rem; box-shadow: 0rem 0rem 4.75rem 0rem rgba(45,45,45,0.08); height: 3.38rem;}
.indexOne ul .morePro a span {font-size: 1rem;font-weight: 700;color: #333333; margin-right: 1rem; transition: .5s;}
.indexOne ul .morePro a:hover span {margin-right: 1.5rem;}

.inOneSwiper1 , .inOneSwiper2 {overflow: hidden; position: relative;}
.inOneSwiper2 {width: 40%;}
.inOneBox {display: flex; justify-content: space-between; align-items: center;}
.inOneBox .swiperBox {width: 58%; order: 2; position: relative;}
.inOneSwiper1  {height: 100%; padding: 6rem 0rem; }
.inOneSwiper1 .swiper-wrapper {display: block;min-height: 30rem; width: 80%; height: 100%; margin: auto; position: relative;  -webkit-transform: none;    opacity: 1;}
.inOneSwiper1 .swiper-slide {padding:2% 5%;box-sizing: border-box; background: #ffffff;background-size: contain;position: absolute;width: 100% !important; height: 100%;top: 0;left: 0;border-radius: 30px;box-shadow: 0 23px 40px -10px rgb(29 56 75 / 17%);}
.inOneSwiper1 .swiper-slide {transform: scale(0.4) translateX(-90px) !important;-webkit-transform: scale(0.4) translateX(-90px);-moz-transform: scale(0.4) translateX(-90px);-o-transform: scale(0.4) translateX(-90px);-ms-transform: scale(0.4) translateX(-90px);opacity: 0; pointer-events: none; z-index: 2; transition: all 0.7s cubic-bezier(0.18, 0.88, 0.23, 0.9) !important; transform-origin: 0 50%; }
.inOneSwiper1 .swiper-slide .imgBox {height: 90%; display: flex; align-items: center; justify-content: center;}
.inOneSwiper1 .swiper-slide .imgBox img {max-width: 100%;  display: block; opacity: 0;}
.inOneSwiper1 .swiper-slide span {text-align: center;display: block; font-size: 1.25rem;color: #333333;font-weight: 700;}
.inOneSwiper1 .swiper-slide.swiper-slide-prev {transform: scale(0.6) translateX(-70px);-webkit-transform: scale(0.6) translateX(-70px) !important;-moz-transform: scale(0.6) translateX(-70px);-o-transform: scale(0.6) translateX(-70px); -ms-transform: scale(0.6) translateX(-70px); opacity: 0.6 !important;z-index: 7; }
.inOneSwiper1 .swiper-slide.swiper-slide-next {transform: scale(0.8) translateX(-30px);-webkit-transform: scale(0.8) translateX(-30px) !important;-moz-transform: scale(0.8) translateX(-30px);-o-transform: scale(0.8) translateX(-30px); -ms-transform: scale(0.8) translateX(-30px);opacity: 0.8 !important; z-index: 8; }
.inOneSwiper1 .swiper-slide.swiper-slide-active { transform: scale(1) translateX(0px) !important; -webkit-transform: scale(1) translateX(0px); -moz-transform: scale(1) translateX(0px);-o-transform: scale(1) translateX(0px);-ms-transform: scale(1) translateX(0px); pointer-events: auto;opacity: 1 !important;z-index: 10;}
.inOneSwiper1 .swiper-slide.swiper-slide-active .imgBox img {animation: fadeInDownSmall 1s ease forwards; animation-delay:.5s;}
@keyframes fadeInDownSmall {from {opacity: 0;transform: translate3d(0%, -10px, 0);}to {opacity: 1;transform: none;}}
.inOneBox .swiperBox .jtBox {position: absolute; left: 97%; top: 50%; transform: translate(-50%, -50%); width: 3rem;height: 9.63rem; background: #ffffff;border-radius: 1.5rem;}
.inOneBox .swiperBox .jtBox .swjt {top: 45%; transform: translate(-50%, -50%); left: 50%; height: auto;}
.inOneBox .swiperBox .jtBox .swiper-button-next {top: 85%; transform:translate(-45%, -50%) rotate(180deg); left: 50%; right: auto;}

.inOneSwiper2 .swiper-slide .text {font-size: 1.5rem;font-weight: 400;color: #071730;}
.inOneSwiper2 .swiper-slide h4 {font-size: 2.5rem;font-weight: 700;color: #333333; margin-bottom: 1.5rem;}
.inOneSwiper2 .swiper-slide P , .inOneSwiper2 .swiper-slide .con dd {font-size: 1rem;font-weight: 400;color: #7f8c94;     line-height: 1.75rem;}
.inOneSwiper2 .swiper-slide .con {opacity: 0;visibility: hidden;pointer-events: none;transition: all 0.5s ease-out;transform: translateY(-30px);-webkit-transform: translateY(-30px); -moz-transform: translateY(-30px);-o-transform: translateY(-30px); -ms-transform: translateY(-30px);}
.inOneSwiper2 .more {margin-top: 4rem;}
.inOneSwiper2 .more a {width: 11.25rem;height: 3.38rem;background: #071730; border-radius: 1.69rem;}
.inOneSwiper2 .more a span {font-size: 1rem;font-weight: 700;color: #ffffff; margin-right: 1rem; transition: .5s;}
.inOneSwiper2 .more a:hover span {margin-right: 1.5rem;}
.inOneSwiper2 .swiper-slide-active .con {opacity: 1; transition-delay: .3s;visibility: visible;pointer-events: auto; transform: none;-webkit-transform: none;-moz-transform: none;-o-transform: none;-ms-transform: none;}

/* 关于安斯微 */
.indexTwo {background: #fff; background-size: cover; padding: 5rem 0;}
.indexTwo .boxOne {display: flex; align-items: center; justify-content: space-between;}
.indexTwo .boxOne .le {width: 46%;}
.indexTwo .boxOne .le .imgBox {overflow: hidden; border-radius: 1.88rem;}
.indexTwo .boxOne .le .imgBox img {width: 140%; display: block; transition: .5s; max-height: 30rem;}
/* .indexTwo .boxOne .le:hover .imgBox img {transform: scale(1.05);} */
.indexTwo .boxOne .re {width: 47%;}
.indexTwo .boxOne em {font-size: 1.5rem;font-weight: 400;color: #071730;display: block;}
.indexTwo .boxOne strong {font-size: 2.5rem;font-weight: 700;color: #333333; display: block; margin-bottom: 2rem;}
.indexTwo .boxOne p {font-size: 1.13rem;font-weight: 400;color: #697277;line-height: 2.38rem;}
.indexTwo .boxOne .more {margin-top: 3rem;}
.indexTwo .boxOne a {width: 11.25rem;height: 3.38rem;background: #071730;border-radius: 1.69rem;}
.indexTwo .boxOne a span {font-size: 1rem;font-weight: 700;color: #ffffff; margin-right: 1rem; transition: .5s;}
.indexTwo .boxOne a:hover span {margin-right: 1.5rem;}
.indexTwo ul {display: flex; margin-top: 6rem; justify-content: space-between;}
.indexTwo ul li {width: 25%; padding: 1rem; box-sizing: border-box; position: relative; display: flex; justify-content: center;}
.indexTwo ul li:nth-child(1) {display: block;}
.indexTwo ul li:nth-child(1)::after {right: 10%;}
.indexTwo ul li:nth-child(4)::after {display: none;}
.indexTwo ul li::after {content: ""; height: 100%; width: 1px; background: #eeeeee; right: 0; position: absolute; right: 0; top: 0;}
.indexTwo ul li .num {display: flex; align-items: center; }
.indexTwo ul li .counter {font-size: 4.69rem; font-weight: 100; color: #333333; font-family: "DINMEDIU";}
.indexTwo ul li em {font-size: 3.5rem; font-weight: 100; color: #333333; font-family: "DINMEDIU"; }
.indexTwo ul li i {width: 2.19rem; height: 0.31rem; background: #1c499e;border-radius: 0.19rem; display: block;}
.indexTwo ul li .text {font-size: 1.13rem;font-weight: 400;color: #666666; margin-left: 1rem; margin-top: 1.5rem;}
.indexTwo ul li span {font-size: 1.13rem;font-weight: 400;color: #666666; margin-top: 2rem; display: block;}

/* 解决方案 */
.mask {position: absolute; width: 100%; height: 100%; border-width: 10vw 25vw; border-color: #fff;     border-style: solid;   top: 0; left: 0;box-sizing: border-box;}
.indexThree {position: relative; overflow: hidden;}
.indexThree .bjBox img {display: block; width: 100%; min-height: 48rem; object-fit: cover;}
.indexThree .con {width: 1600px; max-width: 92%; z-index: 1;}
.indexThree .con em {font-size: 1.5rem;color: #fff;display: block; margin-bottom: 2rem;}
.indexThree .con small {font-size: 2.5rem; font-weight: 700;color: #ffffff; width: 50%; display: block;}
.indexThree .con {margin-top: 4rem;}
.indexThree .con .more {margin-top: 6rem;}
.indexThree .con a {width: 11.25rem;height: 3.38rem;border: 0.06rem solid #f5f7f9;border-radius: 1.75rem;}
.indexThree .con a span {font-size: 1rem;font-weight: 700;color: #ffffff; margin-right: 1rem; transition: .5s;}
.indexThree .con a:hover span {margin-right: 1.5rem;}

/* 底部 */
.footer {background: url(img/footer-bj.png) no-repeat center; background-size: cover;}
.footer .foterTop {display: flex; justify-content: space-between; padding: 4rem 0 5rem 0;}
.foterLogo img {display: block; max-width: 100%;}
.footer .foterNav {display: flex; margin-right: 5%;}
.foterNav dl .ddNav {display: flex; flex-wrap: wrap; justify-content: space-between;}
.foterNav dl dt {font-size: 1.25rem;font-weight: 700;color: #f1f1f1; margin-bottom: 2rem;}
.foterNav dl dd {width: 48%;font-size: 0.94rem;font-weight: 400;color: rgba(245, 247, 249,.69);padding: 0.5rem 0;  display: block;}
.foterNav dl dd a {font-size: 0.94rem;font-weight: 400;color: rgba(245, 247, 249,.69);  display: inline-block;}
.foterNav dl:nth-child(2) dd {width: auto;}
.foterNav dl dd a:hover {color: #fff;}
.footer .code {text-align: center;}
.footer .code img{max-width:140px;}
.footer .code span {display: block; font-size: 0.94rem;font-weight: 400;color: #a5aab3; margin-top: 0.5rem;}

.foterBom {display: flex; flex-wrap: wrap;  padding: 1rem 0; border-top: 1px solid rgba(255, 255, 255,.07);color: rgba(245, 247, 249,.49);}
.foterBom p a , .foterBom p {font-size: 0.88rem;font-weight: 400;color: rgba(245, 247, 249,.49);}
.foterBom p a:hover {color: #fff;}

/* ===关于我们=== */
.ny-banner {position: relative; z-index: 2; overflow: hidden;}
.ny-banner .bjBox img {display: block; width: 100%; height: 100%; object-fit: cover;}
.ny-banner .bannerCon {width: 1600px; margin: auto; max-width: 92%; top: 60%;}
.ny-banner .bannerCon h3 {font-size:5.13rem;font-weight: 700;color: #ffffff;}
.ny-banner .bannerCon span {font-size: 4.5rem;font-weight: 900;font-family: Arial, Arial-Black; color: #fff; text-transform: uppercase;line-height: 4.5rem;}
.ny-banner .bannerCon span:nth-child(2) {color: #8FB242; margin-left: 2rem;}
.ny-banner .bannerNav {width: 1600px; margin: auto; top: 88%; max-width: 92%;}
.ny-banner .bannerNav a {font-size:1.1rem;color: rgba(255, 255, 255,.5);position: relative; margin: 0 2rem;font-weight: 400; transition: .5s;}
.ny-banner .bannerNav a:nth-child(1) {margin-left: 0;}
.ny-banner .bannerNav a::before {content: ""; z-index: -1; width: 0; height: 0.31rem; background: #fff; position: absolute; left: 0; bottom: 0; transition: .5s;}
.ny-banner .bannerNav a::after {content: "/"; right: -2.2rem; position: relative; color: rgba(255, 255, 255,.5);}
.ny-banner .bannerNav a:last-child::after {display: none;}
.ny-banner .bannerNav a.on {color: #fff;}
.ny-banner .bannerNav a.on::before {width: 100%;}
.ny-banner .bannerNav a:hover {color: #fff;}
.ny-banner .bannerNav a:hover::before {width: 100%;}

.ny-banner2 .bannerCon h3 {}
.ny-banner2 .bannerCon span {text-transform: uppercase;}
/* .ny-banner2 .bannerCon span:nth-child(1) {color: #8FB242;} */
.ny-banner2 .bannerCon span:nth-child(2) { margin-left: 0;}
.ny-banner2 .bannerNav2 {width: 1570px; margin: auto; top: 88%; max-width: 92%;color: #fff;}
.ny-banner2 .bannerNav2 a {position: relative; font-size: 1.13rem;color: #BFBFBF; box-sizing: border-box;margin-right: 0.5rem;}
.ny-banner2 .bannerNav2 a:first-child {padding-left: 1.5rem;}
.ny-banner2 .bannerNav2 a:first-child::before {content: ""; position: absolute; left: 0%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; width: 1.06rem;height: 1.06rem;background: #fff;} 
.ny-banner2 .bannerNav2 a:last-child::after {display: none;}
.ny-banner2 .bannerNav2 a:hover {color: #fff;}
.ny-banner2 .bannerNav2 a.on {color: #fff;}

.aboutOne {margin: 8rem 0;}
.aboutOne .box {display: flex; justify-content: space-between; margin-bottom: 5rem;}
.aboutOne .box .le {width: 45%; text-align: center;vertical-align: middle;margin-top: 5rem;}
.aboutOne .box .le strong {font-size: 6.79rem;  font-family: Arial, Arial-Black;font-weight: 900;color: #071730; text-transform: uppercase; line-height: 6.8rem; display: block;}
.aboutOne .box .le .time {color: #2e3288; font-size: 6.79rem; font-family: Arial, Arial-Black;font-weight: 900; line-height: 6.8rem;}
.aboutOne .box .re {width: 50%;}
.aboutOne .box .re h4 {font-size: 2.63rem;font-weight: 700;color: #071730; margin-bottom: 1rem;}
.aboutOne .box .re p {font-size: 1rem;font-weight: 400;color: #666666;line-height: 2.25rem;}
.aboutOne .imgBox {overflow: hidden; padding-bottom: 30%; position: relative; }
.aboutOne .imgBox img {width: 100%; display: block; position: absolute; bottom: 0; top: 72%;}

.aboutTwo {background: #f5f5f5; padding: 6rem 0 8rem 0; position: relative; min-height: 47rem; box-sizing: border-box;}
.aboutTwo .box {display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 1;}
.aboutTwo .bjBox {position: absolute; z-index: 0; right: 0; top: 0; width: 47%; height: 100%; border-radius: 6.25rem 0rem 0rem 0rem; overflow: hidden;}
.aboutTwo .bjBox img {display: block; width: 100%; height: 100%; object-fit: cover;}
.aboutTwo .le {width: 50%;}
.aboutTwo .le strong {font-size: 3rem;font-weight: 700;color: #333333;display: block;}
.aboutTwo .le dl {margin-top: 4rem; display: flex; flex-wrap: wrap; }
.aboutTwo .le dl dd {width: 33.33%; padding: 0.5rem; min-height: calc(23.44rem/2); border-right: 1px solid rgba(222, 222, 222,.71); border-bottom: 1px solid rgba(222, 222, 222,.71);  box-sizing: border-box;}
.aboutTwo .le dl dd {display: flex; align-items: center; justify-content: center; flex-direction: column;}
.aboutTwo .le dl dd:nth-child(4) , .aboutTwo .le dl dd:nth-child(5) , .aboutTwo .le dl dd:nth-child(6) {border-bottom: 0;}
.aboutTwo .le dl dd:nth-child(3) , .aboutTwo .le dl dd:nth-child(6) {border-right: 0;}
.aboutTwo .le dl dd .icBox {width: 3.38rem; height: 2.88rem; display: flex; align-items: center; justify-content: center;}
.aboutTwo .le dl dd .icBox img {max-width: 100%; transition: .5s;}
.aboutTwo .le dl dd span {font-size: 1.15rem;font-weight: 400;color: #333333; margin-top: 1rem;}
.aboutTwo .le dl dd:hover .icBox img {transform: rotateY(180deg);}
.aboutTwo .re {width: 39%;}
.aboutTwo .re ul {display: grid; grid-template-columns: repeat(2,1fr); row-gap: 25%;}
.aboutTwo .re ul li {width: 95%;}
.aboutTwo .re ul li:nth-child(even) {display: flex; justify-content: flex-end;}
.aboutTwo .re li .counter {font-size: 4.69rem;color: #333333; font-family: "DINMEDIU"; color: #fff;}
.aboutTwo .re li em {font-size: 4.69rem;color: #333333; font-family: "DINMEDIU"; color: #fff;}
.aboutTwo .re li .text {display: inline-block; font-size: 1.13rem;color: #fff; margin-left: 1rem;}
.aboutTwo .re li span {font-size: 1.13rem;color: #ffffff; margin-top: 1rem; display: block;}

.aboutFour {position: relative; padding: 6rem 0; overflow: hidden;}
.aboutFour .bjIcBox {position: absolute; z-index: -1; width: 100%; height: 100%; top: 0;}
.aboutFour .bjIcBox .ic1 {position: absolute; left: 0; bottom: -20%;}
.aboutFour .bjIcBox .ic2 {position: absolute; right: 0; top: 0;}
.abFourSlide .hd {text-align: center;}
.abFourSlide .hd li h3 {font-size: 3rem;font-weight: 700;color: #333333;}
.abFourSlide .hd li small {font-size: 1.5rem;color: #d8d8d8;font-family: Arial, Arial-Bold; font-weight: 700; text-transform: uppercase;display: block;}
.abFourSlide .hd li i {display: inline-block; width: 3.75rem;height: 0.31rem;background: #071730;}

.abFourSlide .pagea{ padding-top:30px;line-height:35px;font-size:16px;}


.abfoSwiper {position: relative; padding: 8rem 0; padding-top: 4rem; margin: auto;}
.abfoSwiper .swiper-slide {width: auto; text-align: center;}
.abfoSwiper .swiper-slide .imgBox {padding: 0.8rem;background: #fff;box-shadow: 0rem 0rem 2.19rem 0rem rgba(230,230,230,0.54);transform: scale(0.95); transition: .5s; }
.abfoSwiper .swiper-slide .imgBox img {max-width: 20rem;max-height: 28rem; display: block;}
.abfoSwiper .swiper-slide span {font-size: 0.8rem;display: block; margin-top: 1rem; color: rgba(102, 102, 102,.78);}
.abfoSwiper .swiper-slide.active .imgBox {transform: scale(1);}
.abfoSwiper .swiper-slide.active span {color: #666;}
.abfoSwiper .swjt {width: 4.25rem;height: 4.25rem; z-index: 2; left: 45%;  top: auto; bottom: 0;}
.abfoSwiper .swjt::before {content: ""; position: absolute; width: 100%; height: 100%;background: #adbac2;  z-index: -1; transform: rotate(0deg); transition: .5s;}
.abfoSwiper .swjt::after {content: ""; display: block; position: absolute; width: 100%; height: 100%;  background: #071730; z-index: -2; transform: rotate(0deg); transition: .5s;}
.abfoSwiper .swiper-button-prev img {transform: rotate(180deg);}
.abfoSwiper .swiper-button-next {right: auto; left: 52%;}
.abfoSwiper .swjt:hover::before {transform: rotate(-45deg);}
.abfoSwiper .swjt:hover::after {transform: rotate(20deg);}

/* ===产品中心=== */
.proListOne { position: relative; border-bottom: 0.25rem solid #ECECEC;}
.proListOne ul {display: grid; grid-template-columns: repeat(6,1fr); justify-content: center; column-gap: 5%; position: relative;}
.proListOne ul li {padding:2rem 1rem; position: relative; text-align: center;}
.proListOne ul li .imgBox { min-height: 4rem; max-width: 6rem; display: flex; align-items: center; justify-content: center;    margin: 0 auto;}
.proListOne ul li img {display: block; max-width: 100%; margin-bottom: 1rem; }
.proListOne ul li span {color: #333333;font-size: 1rem;display: block; font-weight: 700;}
.proListOne ul li.active span {color: #8FB242;font-weight: 700;}
.nav_line {top: 100%;}

.proList {background: #f9f9f9; padding: 4.5rem 0 8rem 0;}
.proList .tle {text-align: center; margin-bottom: 5rem;}
.proList .tle h4 {font-size: 2.63rem;font-weight: 700;color: #333333;}
.proList .tle p {font-size: 1.06rem;font-weight: 400;color: #666666; padding-top: 1rem; width: 60%; margin: auto; line-height: 2rem;}
.proList ul li {margin-top: 2rem; background: #ffffff;border-radius: 1.88rem; padding: 5% 4%;box-sizing: border-box; }
.proList ul li a {display: flex; align-items: center; justify-content: space-between;}
.proList ul li .imgBox {width: 41%; display: flex; align-items: center;}
.proList ul li .imgBox img {display: block; max-width: 100%; transition: .5s;margin:0 auto}
.proList ul li .con {width: 40%;}
.proList ul li .con h5 {font-size:1.8rem;font-weight: 700;color: #333333; margin-bottom: 2rem;}
.proList ul li .con dd {position: relative; font-size:1rem;color: #666666; margin: 1rem 0; padding-left: 1rem;}
.proList ul li .con dd::before {content: "";width: 0.5rem;height: 0.5rem; border-radius: 50%; background: #0d4b94;position: absolute; left: 0%; top: 50%; transform: translate(-50%, -50%)}
.proList ul li .more {}
.proList ul li .more i {position: relative;transition: .5s; width: 5.75rem;height: 5.75rem;background: #DCDCDD; display: block; border-radius: 50%;display: flex; align-items: center; justify-content: center;}
.proList ul li .more i img {display: block;}
.proList ul li .more i::before {content: ""; position: absolute; width: 100%; height: 100%; position: absolute; left: 0;background: #071730; top: 0; border-radius: 50%;opacity: 0.18; transform: scale(1.3);}
@keyframes shubiao {0% {transform: scale(1);-webkit-transform: scale(1);}33% {transform: scale(1.2);-webkit-transform: scale(1.2);}66% {transform: scale(1.3);-webkit-transform: scale(1.3);}100% {transform: scale(1); -webkit-transform: scale(1);}}
.proList ul li:hover h5 {color: #071730;}
.proList ul li:hover .imgBox img {transform: scale(1.02);}
.proList ul li:hover .more i {background: #071730;}
.proList ul li:hover i::before {background: #071730;animation: shubiao 1s infinite linear .65s;}



.flink {
  margin-top: 50px;
  width: 100%;
}

.flink .flink_tit {
  width: 100%;
  position: relative;
}

.flink .flink_tit p {
  height: 12px;
  width: 100%;
  background: url(../img/dian.png);
  position: absolute;
  top: 15px;
}

.flink .flink_tit span {
  height: 42px;
  color: #071730;
  font-size: 14px;
  border: 1px solid #071730;
  position: relative;
  z-index: 9;
  display: block;
  width: 115px;
  text-align: center;
  line-height: 42px;
  margin-left: 0px;
}

.flink .flink_list {
  width: 100%;
  margin-top: 20px;
  margin-left: 0px;
}

.flink .flink_list ul li {
  float: left;
  margin-right: 28px;
  margin-bottom: 8px;
}

.flink .flink_list ul li a {
  font-size: 12px;
  color: #5a5a5a;
}

.flink .flink_list ul li a:hover {
  color: #071730;
}


/* ===产品详情=== */
.nyXq {background: #f5f5f5; padding: 7rem 0;}
.nyXq .box {position: relative;}
.nyXq .box::after { position: absolute; content: ""; width: 100% ; top: 0; min-height: 18.88rem; background: #071730; z-index: 0;}
.nyXq .tle { padding: 4rem 0; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;   position: relative; z-index: 1;}
.nyXq .tle h3 {font-size: 2.5rem;color: #ffffff;font-weight: 700; margin-bottom: 1rem; margin-right: 10%;}
.nyXq .tle .xqMbx {display: flex;flex-wrap: wrap;color:#fff;}
.nyXq .tle .xqMbx a {position: relative; font-size: 1rem;color: #9EBCDE; box-sizing: border-box;margin-right: 0.5rem;} 
.nyXq .tle .xqMbx a:last-child::after {display: none;}
.nyXq .tle .xqMbx a:hover {color: #fff;}
.nyXq .tle .xqMbx a.on {color: #fff;}
.nyXq .con {background: #fff; position: relative; z-index: 1; padding: 5rem; padding-bottom: 1rem; box-sizing: border-box;}
.nyXq .con h4 {font-size: 2.13rem;color: #333333;font-weight: 700; margin-bottom: 4rem;}
.nyXq .con .info {display: flex;  margin-bottom: 4rem; justify-content: space-between;}
.nyXq .con .info .re {width: 46%;}
.nyXq .con .info .le {border: 0.06rem solid #dddddd;width: 50%; min-height: 30rem; display: flex; align-items: center; justify-content: center; padding: 1rem; box-sizing: border-box;}
.nyXq .con .info .le img {display: block; max-width: 100%;}
.nyXq .con .info .dicTle {margin-bottom: 1.85rem;}
.nyXq .con .info .dicTle .text1 {font-size: 2.19rem;font-weight: 700;color: #333333;}
.nyXq .con .info .dicTle .text2 {font-size: 2.19rem;font-family: Arial, Arial-Bold;font-weight: 700;color: #e5e5e5; text-transform: uppercase;}
.nyXq .con .info  dd {font-size: 1rem;font-weight: 400;color: #444444; margin: 0.85rem 0; position: relative; padding-left: 1rem;}
.nyXq .con .info  dd::before {content: "";width: 0.38rem;height: 0.38rem; border-radius: 50%; background: #071730;position: absolute; left: 0%; top: 50%; transform: translate(-50%, -50%)}
.nyXq .con .info .learnMore {margin-top: 4rem;}
.nyXq .con .info .learnMore {display: grid; grid-template-columns: repeat(2,1fr); justify-content: flex-start; width: 80%; gap: 1.5rem;}
.nyXq .con .info .learnMore a {display: grid; grid-template-columns: repeat(2,auto); justify-content: center; gap: 1rem; width: 100%; height: 4.06rem;background: #071730; align-items: center;}
.nyXq .con .info .learnMore a span {color: #ffffff;font-size: 1.13rem;}
.nyXq .con .info .learnMore a:nth-child(2) {background: #155ea2;}
.nyXq .con .info .learnMore a img {transition: .5s;}
.nyXq .con .info .learnMore a:hover img {transform: rotateY(180deg);}

.recomond1 {position: relative; z-index: 1;display: flex; justify-content: space-between; align-items: flex-start;background:#fff;padding: 5rem; padding-bottom: 1rem; box-sizing: border-box;}

.recomond1 .mondtle {border-bottom: 1px solid #DDDDDD; padding-bottom: 1rem; margin-bottom: 1rem;}
.recomond1 .mondtle h3 {font-size: 2.19rem; color: #333333;font-weight: 700;}
.recomond1 .mondtle span {font-size: 1.19rem;font-family: Arial, Arial-Bold;font-weight: 700;color: #e5e5e5; text-transform: uppercase;}
.recomond1 .mondCon{padding-top: 1rem;line-height:35px;font-size:16px;}
.recomond1 .mondCon img {max-width: 100%;}
.recomond1 .le {width: 62%;}
.recomond1 .re {width: 31%; position: sticky; top: 8rem;}
.recomond1 li {margin-top: 1.25rem;}
.recomond1 li a {display: flex; justify-content: space-between; align-items: center;}
.recomond1 li .imgBox {width: 35%; background: #fff; padding: 0.5rem; min-height: 6.85rem; display: flex; align-items: center; justify-content: center; overflow: hidden;}
.recomond1 li .imgBox img {display: block; max-width: 100%; transition: .5s; height: 100%; object-fit: cover;}
.recomond1 li .remond {width: 55%;}
.recomond1 li .remond h6 {font-size: 0.94rem;color: #333333;font-weight: 700;}
.recomond1 li .remond span {font-size: 0.88rem;color: #071730; display: block; margin-top: 1.5rem;}
.recomond1 li:hover .imgBox img {transform: scale(1.05);}
.recomond1 li:hover h6 {color:#071730 ;}

.recomond1 .le table tr:nth-child(even) {background: #eee;}

.pro_tag {
    border-top: 1px dashed #999;
    border-bottom: 1px dashed #999;
    line-height: 40px;
    margin-top: 20px;
}

.pro_tag span {
  font-size: 14px;
  color: #333;
}
.pro_tag a {
  font-size: 11px;
  color: #666;
  padding-right: 15px;
}
.pro_tag a:hover {
  color: #071730;
}

.showarea {
    padding: 15px 0;
}
.showarea h3 {
  padding-bottom: 10px;
  font-size: 16px;
  color: #071730;
  border-bottom: 1px solid #e4e4e4;
  display: block;
}
.showarea h3 span {
  font-weight: 400;
  color: #999;
  text-transform: uppercase;
}
.showarea .list {
      overflow: hidden;
    margin-top: 20px;
}
.showarea .list a {
    display: block;
    margin-right: 17px;
    font-size: 14px;
    float: left;
    margin-bottom: 12px;
}
.showarea .list a:hover {
  color: #071730;
}



.recomond {display: flex; justify-content: space-between; margin-top: 5rem; align-items: flex-start;background:#fff;padding: 5rem; padding-bottom: 1rem; box-sizing: border-box;}

.recomond .mondtle {border-bottom: 1px solid #DDDDDD; padding-bottom: 1rem; margin-bottom: 1rem;}
.recomond .mondtle h3 {font-size: 2.19rem; color: #333333;font-weight: 700;}
.recomond .mondtle span {font-size: 2.19rem;font-family: Arial, Arial-Bold;font-weight: 700;color: #e5e5e5; text-transform: uppercase;}
.recomond .mondCon{padding-top: 1rem;line-height:35px;font-size:16px;}
.recomond .mondCon img {max-width: 100%;}
.recomond .le {width: 62%;}
.recomond .re {width: 31%; position: sticky; top: 8rem;}
.recomond li {margin-top: 1.25rem;}
.recomond li a {display: flex; justify-content: space-between; align-items: center;}
.recomond li .imgBox {width: 35%; background: #fff; padding: 0.5rem; min-height: 6.85rem; display: flex; align-items: center; justify-content: center; overflow: hidden;}
.recomond li .imgBox img {display: block; max-width: 100%; transition: .5s; height: 100%; object-fit: cover;}
.recomond li .remond {width: 55%;}
.recomond li .remond h6 {font-size: 0.94rem;color: #333333;font-weight: 700;}
.recomond li .remond span {font-size: 0.88rem;color: #071730; display: block; margin-top: 1.5rem;}
.recomond li:hover .imgBox img {transform: scale(1.05);}
.recomond li:hover h6 {color:#071730 ;}

.recomond .le table tr:nth-child(even) {background: #eee;}

/* ===解决方案=== */
.settleOne {background: url(img/settleOne-bj.png) no-repeat left; background-size: cover; padding: 7.5rem 0;}
.settleOne .tle strong {font-size: 3rem;font-weight: 700;color: #333333;display: block;}
.settleOne .tle span {font-size: 1.38rem;font-weight: 400;color: #333333; display: block; margin-top: 3rem;}
.settleOne .box {margin-top: 5rem; display: flex; justify-content: space-between;}
.settleOne .box .imgBox {width: 43%; position: relative; overflow: hidden; }
.settleOne .box .imgBox img {display: block; position: relative; top: -50%; width: 100%; height: 100%; object-fit: cover;}
.settleOne .box dl {width: 50%;}
.settleOne .box dl dd {padding: 3rem 0; border-bottom: 1px solid #EEEEEE;}
.settleOne .box dl dd:last-child {border: none;}
.settleOne .box dl dd b {font-size: 1.88rem;font-weight: 700;color: #333333;margin-bottom: 0.5rem;display: block;}
.settleOne .box dl dd p {font-size: 1.13rem;font-weight: 400;color: #333333;line-height: 2.38rem; width: 90%;}

/* ===合作案例=== */
.caseList {margin: 5rem 0;}
.caseList ul {display: grid; grid-template-columns: repeat(4,1fr); gap: 3rem;}
.caseList ul li {max-height: 9rem;}
.caseList ul li .imgBox {display: flex; align-items: center; justify-content: center; height: 100%;}
.caseList ul li img {display: block; max-width: 100%; max-height: 100%;     object-fit: contain; transition: .5s;}
.caseList ul li:hover img {transform: scale(1.02);}

.saleOne {padding: 6rem 0; background: url(img/saleOne-bj.png) no-repeat left; background-size: cover;}
.saleOne .tle {text-align: center; margin-bottom: 2rem;}
.saleOne .tle strong {font-size: 2.25rem;font-weight: 700;color: #333333;display: block;}
.saleOne .mapBox {display: flex; justify-content: center; align-items: center;}
.saleOne .mapBox img {display: block;max-width: 100%;}
.saleOne .wrapMap {display: none;}
.saleOne .wrapMap img {display: block; max-width: 100%;}
.saleOne .saleMap {position: relative;}
.saleOne .saleMap .suzhou {position: absolute; top: 54%; left: 75%;display: flex;  align-items: center;}
.saleOne .saleMap .suzhou span {font-size: 1rem;color: #d40400; margin-left: 0.5rem;}
.saleOne .saleMap .copyRight {position: absolute;     bottom: 3%;}
.saleOne .saleMap .copyRight span {display: block; text-align: center; font-size: 1rem; color: #333333;}
.saleOne dd {position: absolute;}
.saleOne dd i {display: inline-block; width: 0.63rem; border-radius: 50%; height: 0.63rem;background: #145caa;position: relative; }

.saleOne dd i::before {content: ""; z-index: -1; width: 600%; height:600%; opacity: 0; left: -250%;top: -250%; position: absolute; border-radius: 50%; background: rgba(20, 92, 170,.5);  animation: fang1 2s linear infinite; animation-delay: .5s;}



.saleOne dd i::after {content: ""; z-index: -1; width: 900%; height:900%;  left: -400%;top: -400%; opacity: 0;position: absolute; border-radius: 50%;  background: rgba(20, 92, 170,.5); animation: fang1 2s linear infinite;}



.saleOne dd span {font-size: 0.88rem;font-weight: 300;color: #959595; margin-left: 0.4rem;}
.saleOne dd:nth-child(1) {top: 31%;left: 77.5%;}
.saleOne dd:nth-child(2) {top: 37%; left: 64.2%;}
.saleOne dd:nth-child(3) {top: 40%;left: 63%;}
.saleOne dd:nth-child(4) {top: 52%;left: 72.3%;}
.saleOne dd:nth-child(5) {top: 53.5%;left: 68.5%;}
.saleOne dd:nth-child(6) {top: 56.5%; left: 77.5%;}
.saleOne dd:nth-child(7) {top: 58.5%;left: 75%;}
.saleOne dd:nth-child(8) {top: 68%;left: 47%;}
.saleOne dd:nth-child(9) {top: 74%;left: 62.8%;}
.saleOne dd:nth-child(10) {top: 75%;left: 57%;}
.saleOne dd:nth-child(11) {top: 78.5%;left: 65%;}


.saleOne dd:nth-child(1) i::after , .saleOne dd:nth-child(1) i::before {animation-duration: 2s;}
.saleOne dd:nth-child(2) i::after , .saleOne dd:nth-child(2) i::before {animation-duration: 3s;}
.saleOne dd:nth-child(3) i::after , .saleOne dd:nth-child(3) i::before {animation-duration: 4s;}
.saleOne dd:nth-child(4) i::after , .saleOne dd:nth-child(4) i::before {animation-duration: 5s;}
.saleOne dd:nth-child(5) i::after , .saleOne dd:nth-child(5) i::before {animation-duration: 6s;}
.saleOne dd:nth-child(6) i::after , .saleOne dd:nth-child(6) i::before {animation-duration: 2s;}
.saleOne dd:nth-child(7) i::after , .saleOne dd:nth-child(7) i::before {animation-duration: 3s;}
.saleOne dd:nth-child(8) i::after , .saleOne dd:nth-child(8) i::before {animation-duration: 4s;}
.saleOne dd:nth-child(9) i::after , .saleOne dd:nth-child(9) i::before {animation-duration: 5s;}
.saleOne dd:nth-child(10) i::after , .saleOne dd:nth-child(10) i::before {animation-duration: 6s;}
.saleOne dd:nth-child(11) i::after , .saleOne dd:nth-child(11) i::before {animation-duration: 2s;}




@keyframes fang1 {0% {transform: scale(0);opacity: 1;}100% {opacity: 0; transform: scale(1); }}
.saleTwo {margin: 6rem 0;}
.saleTwo ul {display: grid; gap: 4rem; grid-template-columns: repeat(3,1fr);}
.saleTwo ul li {background: #fff; padding: 2rem; box-sizing: border-box; position: relative;  border-radius: 0.63rem; box-shadow: 0rem 0rem 1rem 0rem rgba(45,45,45,0.04); min-height: 12rem;}
.saleTwo ul li::after {content: ""; position: absolute; top: 0; width: 100%; left: 0; height: 0.38rem; background: #145CAA;     border-top-left-radius: 20px; border-top-right-radius: 20px;}
.saleTwo ul li span { font-size: 1.06rem;color: #666666;display: block; margin-bottom: 0.3rem;}
.saleTwo ul li strong {font-size: 1.63rem;font-weight: 700;color: #222222;display: block;}
.saleTwo ul li .us {display: flex; align-items: center; margin-top: 1.5rem;}
.saleTwo ul li em {color: #666666; font-size: 1rem; margin-left: 0.7rem;}
.saleTwo ul li .tel {color: #145CAA;font-size: 1.38rem; font-weight: 700;}

/* ===联系我们=== */
.contactOne {padding: 5.5rem 0;}
.contactOne .tle {text-align: center; margin-bottom: 4rem;}
.contactOne .tle strong {font-size: 2.88rem;display: block;}
.contactOne ul {display: flex; justify-content: space-between;}
.contactOne ul li {width: 33%; text-align: center;position: relative;     padding: 0 5%;}
.contactOne ul li small {font-size: 1.5rem;font-weight: 700;color: #0e4c8f; margin: 0.8rem 0; display: block;}
.contactOne ul li p {font-size: 1rem;font-weight: 400;color: #666666;}
.contactOne ul li::after {content: ""; height: 100%; background: #eeeeee; width: 1px; right: 0; top: 0; position: absolute;}
.contactOne ul li:last-child::after {display: none;}

.contactTwo {padding: 5.5rem 0;}
.contactTwo .tle {text-align: center; margin-bottom: 4rem;}
.contactTwo .tle strong {font-size: 1.88rem;font-weight: 700;display: block;}
.contactTwo .box {display: flex; background: #f7f8fa; justify-content: space-between; align-items: center;}
.contactTwo .box .mapBox {width: 50%;}
.contactTwo .box .mapBox img {display: block;max-width: 100%;}
.contactTwo .box .con {width: 46%;padding-right: 5%;box-sizing: border-box;}
.contactTwo .con strong {font-size: 2rem;font-weight: 700;}
.contactTwo .con i {display: block; background: #DDDDDD; height: 1px; width: 100%; margin: 1.5rem 0;}
.contactTwo dl {display: flex; align-items: flex-end; justify-content: space-between;}
.contactTwo dl dd {display: flex; margin: 1rem 0; align-items: center;}
.contactTwo dl dd .icBox {margin-right: 0.6rem;}
.contactTwo dl dd span , .contactTwo dl dd span a {font-size: 1rem;color: #666666;}
.contactTwo dl dd b {font-size: 1.5rem; color: #0e4c8f;}
.contactTwo dl dd span a:hover {color: #0e4c8f;}
.contactTwo dl .code {text-align: center;position: relative; top: 2rem; width: 23%;display: none;}
.contactTwo dl .code img {max-width: 100%;}
.contactTwo dl .code span {display: block; font-size: 1rem;color: #828282;}

/* 资讯中心 */
.bgImg{background-position:center;background-size:cover;position:relative;transition:all 0.5s;display:block;width:100%;height:100%;}

.swiper-wrapper{transition-timing-function: ease-in-out;}
.newsMain{height:460px;overflow:hidden;}
.newsMenu{text-align:center;font-size:1.286em;margin-bottom:40px;padding-top:1px;padding-left:1px;overflow:hidden;}
.newsMenu a{display:inline-block;height:46px;line-height:46px;border:1px solid #c1c1c1;padding:0 25px;background:#fff;margin:0 5px;position:relative;z-index:2;width:170px;}
.newsMenu a::after{content:"";position:absolute;width:100%;left:0;bottom:0;height:0;transition:all .4s;background:#2853bc;z-index:-1;}
.newsMenu a.on,.newsMenu a:hover{color:#fff;border-color:#093295;}
.newsMenu a.on::after,.newsMenu a:hover::after{height:100%;}

.newsPic{float:left;width:36%;overflow:hidden;position:relative;font-size:1.143em;}
.newsPic li a{display: block;position: relative;height:460px;overflow:hidden;}
.newsPic li p{position: absolute;bottom:0;left:0;height:70px;line-height:70px;background:rgba(0,0,0,.7);width:100%;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;z-index:2;padding:0 120px 0 15px;color:#fff;}
.newsPic li a:hover img{transform: scale(1.08);}
.newsPic .swiper-pagination{width:auto; text-align:right;}

.newsTxt{width:63%;overflow:hidden;margin-right:-15px;}
.newsTxt li{float:left;width:-webkit-calc(50% - 15px); width:-moz-calc(50% - 15px); width:calc(50% - 15px);padding-right:15px;overflow:hidden;margin-bottom:10px;}
.newsTxt li a{display:block;overflow:hidden;position:relative;z-index:2;color:#888;padding:20px 25px;border:1px solid #d6d6d6; }
.newsTxt li .bgImg{position: absolute;z-index:-1;opacity:0;top:0;left:0;}
.newsTxt li h4{font-size:1.286em;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;color:#333;transition:all .3s;margin-bottom:15px;}
.newsTxt li p{height:105px;border-bottom: 1px solid #e5e5e5;margin-bottom:22px;line-height:30px;}
.newsTxt li .date{display:block;font-size:12px;text-align:right;}
.newsTxt li .date i{font-style:normal;opacity:.6;float:left;}
.newsTxt li a:hover .bgImg{opacity:.15;}
.newsTxt li a:hover{color:#fff;background-color:#071730;}
.newsTxt li a:hover h4,.newsTxt li a:hover p{color:#fff;}

.pd60{padding:70px 0;font-size:.875em;overflow:hidden;}
/* ===详情页面=== */
.newsData {background: none; padding: 3rem 0;}
.ny-news-xq {padding: 3rem 0; background-color: #fff;}
.ny-news-xq .xq-box {display: flex; justify-content: space-between; align-items: flex-start;}
.ny-news-xq .box-left {background-color: #fff; width: 65%;  box-sizing: border-box;}
.ny-news-xq .news-title { border-bottom:1px solid #dcdcdc;position: relative; text-align: left; padding: 0; display: flex; align-items: center; justify-content: space-between; padding-bottom:2rem;}
.ny-news-xq .news-title h2 {font-size: 2rem; font-weight: 400; color: #333333;}
.ny-news-xq .news-title span {display: inline-block;font-size: 0.94rem;color: #999999;}
.ny-news-xq .news-title span.span2 {margin-left: 1rem;}
.ny-news-xq .ny-xq-con {margin: 3rem 0;}
.ny-news-xq .ny-xq-con img {max-width: 100%;}
.ny-news-xq .box-right {background-color: #fff; top: 6rem; box-sizing: border-box; width: 30%; margin-top: 4rem; position: sticky;}
.ny-news-xq .box-right h3 {font-size: 1.25rem;color: #888888; font-weight: 400;  padding-bottom: 1rem; border-bottom: 1px solid #dcdcdc;}
.ny-news-xq .box-right li { padding: 1.5rem 0; border-bottom: 1px solid #D6D6D6; position: relative; }
.ny-news-xq .box-right li a {display: flex; justify-content: space-between;}
.ny-news-xq .box-right li .box-img {width: 30%; overflow: hidden;}
.ny-news-xq .box-right li .box-img img {max-width: 100%; display: block; transition: 0.5s;}
.ny-news-xq .box-right li .con {width: 65%;}
.ny-news-xq .box-right li h6 {font-size: 1rem;color: #333333; display: -webkit-box;overflow: hidden;   -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.ny-news-xq .box-right li span {font-size: 0.88rem;color: #777777;}
.ny-news-xq .box-right li:hover .box-img img  {transform: scale(1.05);}
.ny-news-xq .box-right li:hover h6 {color: #0d4b94;}
.page-fy {display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #dcdcdc; padding-top: 2.5rem; flex-wrap: wrap;}
.page-fy .prev , .page-fy .next {font-size: 1rem;  margin-top: 0.5rem;}
.page-fy a {}
.page-fy .prev:hover a {color:#0d4b94 ; }
.page-fy .next:hover a {color:#0d4b94 ;}
.page-fy .re {margin-top: 0.5rem;}
.page-fy .re a {display: flex; align-items: center; font-size: 1rem;color: #222222;}
.page-fy .re a img {display: block; margin-left: 1rem;}
.page-fy .re a:hover {color: #0d4b94;}
.ny-news-xq .box-left {width: 100%;}
.ny-news-xq .news-title {border-bottom: 1px solid #0d4b94;}


.newsOne {background: #f9f9f9; padding: 3.5rem 0;}
.newsOneSlide .hd {display: flex; justify-content: space-between;    border-bottom: 1px solid #ddd;padding-bottom: 2rem;}
.newsOneSlide .hd h3 {font-size: 2.13rem;color: #333333;}
.newsOneSlide .hd .arrow a {width: 2.81rem; height: 2.81rem; cursor: pointer; transition: .5s; background: #EEEEEE; border-radius: 50%; display: inline-flex; align-items: center;justify-content: center;}
.newsOneSlide .hd .arrow .prev {margin-right: 2rem;}
.newsOneSlide .hd .arrow .prev img {transform: rotate(180deg); position: relative; top: -2px;}
.newsOneSlide .hd .arrow a:hover {background: #f2cd02;}
.newsOneSlide .hd .arrow a:hover img {filter: brightness(0); }
.newsOneSlide .bd ul {margin-top: 2rem;}
.newsOneSlide .bd ul li {display: flex; justify-content: space-between;}
.newsOneSlide .bd ul li .le {width: 50%;}
.newsOneSlide .bd ul li .le h6 {font-size: 1.63rem;color: #333333; margin-top: 2rem;}
.newsOneSlide .bd ul li .le em {font-size: 1rem;color: #999999;display: block; margin-bottom: 3rem;}
.newsOneSlide .bd ul li .le p {font-size: 1.13rem;color: #555555;}
.newsOneSlide .bd ul li .le a {width: 9.63rem; height: 3.13rem; transition: .5s; margin-top: 5rem; background: #f2cd02;border-radius: 1.56rem;display: flex; justify-content: center; align-items: center;}
.newsOneSlide .bd ul li .le a span {font-size: 1rem;color: #333333;}
.newsOneSlide .bd ul li .le a img {margin-left: 1rem; transition: .5s;}
.newsOneSlide .bd ul li .le a:hover img {margin-left: 1.5rem; }
.newsOneSlide .bd ul li .re {width: 42%; display: flex; justify-content: center;}
.newsOneSlide .bd ul li .re img {width: 100%;display: block; max-width: 50%;}

.newsList .tleNav {margin: 3rem 0; display: flex; justify-content: center;}
.newsList .tleNav a {width: 8.13rem;height: 2.69rem; border-radius: 1.38rem; text-align: center; line-height: 2.69rem;}
.newsList .tleNav a {color: #999999; font-size: 1rem; transition: .5s;}
.newsList .tleNav a:hover { color: #fff;background: #071730;}
.newsList .tleNav a.on { color: #fff;background: #071730;}
.newsList ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
.newsList ul::after {content: ""; width: 32%;}
.newsList ul li {width: 32%; margin-bottom: 2rem;}
.newsList ul li .imgBox {overflow: hidden; height: 15rem;}
.newsList ul li .imgBox img {display: block; width: 100%; transition: .5s; height: 100%; object-fit: cover;}
.newsList ul li .con {border: 0.06rem solid #f5f5f5;  box-sizing: border-box;}
.newsList ul li p {padding: 3rem 2rem; font-size: 1.25rem;box-sizing: border-box; color: #333333;}
.newsList ul li .moreBox {background: #f5f5f5; padding: 1rem 2rem; transition: .5s; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center;}
.newsList ul li span {font-size: 1rem;color: #333333;}
.newsList ul li .more {font-size: 1rem;color: #666;}
.newsList ul li .more img {margin-left: 0.5rem;}
.newsList ul li:hover .moreBox {background: #071730;}
.newsList ul li:hover span,.newsList ul li:hover .more {color: #fff;}
.newsList ul li:hover .imgBox img {transform: scale(1.05);}

/* 新闻详情 */
.newsXq .container14 {width: 920px;}
.newsXq .box-left {width: 100%;}
.ny-news-xq.newsXq  .news-title {border-bottom: 1px solid #f2cd02;;}

.otherNews {background: #f5f5f5; }
.otherNews .title {padding-top: 3rem;}
.otherNews .title h3 {font-size: 2.13rem;color: #333333;}
.otherNews .otherBox {width: 920px; position: relative; margin: auto;}
.otherNewsSwiper {padding-bottom: 4rem; padding-top: 3rem; position: relative;}
.otherNewsSwiper .swiper-slide {width: 38%; background: #fff;}
.otherNewsSwiper .swiper-slide img {max-width: 100%; display: block;}
.otherNewsSwiper .swiper-slide .imgBox {overflow: hidden; height: 20rem;}
.otherNewsSwiper .swiper-slide .imgBox img {display: block; max-width: 100%; transition: .5s;}
.otherNewsSwiper .swiper-slide .con {padding: 2rem 1.5rem; box-sizing: border-box;}
.otherNewsSwiper .swiper-slide .con h6 {font-size: 0.94rem;color: #333333;}
.otherNewsSwiper .swiper-slide .con em {font-size: 0.75rem;color: #7e7e7e;display: block; margin-top: 0.3rem;}
.otherNewsSwiper .swiper-slide:hover img {transform: scale(1.05);}
.otherNewsSwiper .swiper-slide:hover h6 {color: #f2cd02;}
.otherNewsSwiper .swiper-button-prev img , .otherNewsSwiper .swiper-button-next img {display: block;filter: brightness(0);}
.otherNewsSwiper .swiper-button-prev { top: -12px;right: 3rem;left: auto; transform: rotate(180deg); height: auto;}
.otherNewsSwiper .swiper-button-next { top: -10px;right: 0; height: auto;}

.otherNewsSwiper .swiper-pagination {display: none;}





/* ============ 案例详情 ================= */
.newsde-header {  position: relative;}
.news-details {padding-top: 12rem;}
.news-details .container {width: 1300px;}
.news-details .box-top {display: flex; justify-content: space-between; align-items: center; padding-bottom: 1.5rem; border-bottom: 1px solid #CCD8E1; flex-wrap: wrap;}
.news-details .box-top h3 {font-size: 2.13rem;color: #333333; line-height: 2.25rem;font-weight: 700; margin: 0 1rem 1rem 0;}
.news-details .box-top em {font-size: 1rem;color: #666666;line-height: 2.25rem;font-weight: 400; margin: 1rem 0; display: block;}
.news-details .box-top .top-right a {margin-bottom: 1rem; display: flex;width: 10.63rem; justify-content: center; align-items: center; height: 2.81rem; line-height: 2.81rem; background: #18528a; border-radius: 1.44rem;}
.news-details .box-top .top-right span {font-size: 1rem;color: #E7F0F7; margin-left: 1.5rem;}
.news-details .box-con {padding: 3rem 0;box-sizing: border-box;}
.news-details .box-bottom {display: flex; justify-content: space-between; padding: 4rem 0; border-top: 1px solid #CCD8E1;     flex-wrap: wrap;}
.news-details .box-bottom p {font-size: 1rem;color: #333333; line-height: 2.31rem;font-weight: 400; display: flex;}
.news-details .box-bottom span {white-space: nowrap;}
.news-details .box-bottom a {font-size: 1rem;font-weight: 400;color: #666666;display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.news-details .box-bottom a:hover {color: #06528e;}











/* 视频弹出层 */
.acquisition-info {padding: 2rem;box-sizing: border-box; background-color: #fff; width: 60%; 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: 12rem;}
.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(img/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: #0D4B94; 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: 2.5rem 0; display: flex;justify-content: center;align-items: center; flex-wrap: wrap;}
.fy a { border: 0.06rem solid #eee; display: flex; align-items: center; justify-content: center; color: #999; font-size: 14px; transition: .4s; margin:5px;  padding: 5px 13px;}
.fy a:hover {color: #fff; background: #0D4B94;}
.fy .layui-laypage-curr {color: #fff; background: #0D4B94; font-size: 14px;  margin: 0 5px; padding: 5px 13px;}