@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.5 "Microsoft YaHei", arial,sans-serif; min-width: 1300px; overflow-x: hidden;  background: #fff; }
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}
I {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:1300px; margin:0 auto;}
.container12{width:1200px; margin:0 auto}
.container13{width:1300px; margin:0 auto}
.container14{width:1400px; margin:0 auto}
.container15{width:1500px; margin:0 auto}
.container16{width:1600px; margin:0 auto}
.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;}
/* 下滑头部 */
.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%)}

button {outline: none; border: none;}

::-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);}

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

/*字体引入*/
@font-face {
  /* font-family: "futura"; */
  font-family: "Noto Sans SC";
  /* src: url("../font/Futura\ Md\ BT\ Bold.ttf"); */
}
@media (max-width:1920px){html{font-size:16px;}}
/* CSS Document */
/* 头部 */
.zwys {height: 82px;}
header {position: fixed; z-index: 11; background: #fff;top: 0; width: 100%; left: 0; z-index: 999;}
header .heBox {display: flex; align-items: center; justify-content: space-between;height: 82px; transition: .5s;}
header .heBox .logo img {display: block; max-width: 100%;}
nav {width: 50%; margin-right: 3%;}
nav > ul {display: flex; justify-content: space-between;}
nav > ul > li {line-height: 82px; position: relative;}
nav > ul > li > a {font-size: 16px;font-weight: 400;color: #333333;position: relative; transition: .3s;}
nav > ul > li:hover > a {color: #0266C5;}
nav > ul > li.on > a {color: #0266C5;}

/* 搜索 */
.heSearch img {display: block; filter: grayscale(100%);}
.heSearch a:hover img {filter: none;}
/* 语言选择 */
.luanguage {position: relative; cursor: pointer;}
.luanguage .box {position: relative; z-index: 1; width: 145px;height: 42px; border: 1px solid #cacaca; background: #fff; box-sizing: border-box;  border-radius: 22px;display: flex; align-items: center; justify-content: center;}
.luanguage .box span {font-size: 14px;font-weight: 400;color: #666666; margin-left: 16px;}
.luanguage dl {position: absolute; width: 100%; display: none;  background: #fff; z-index: 0; top: 2px;padding-top: 45px;box-sizing: border-box;  border: 1px solid #cacaca; border-radius: 22px;}
.luanguage dl dd {text-align: center;}
.luanguage dl dd a {display: block; padding: 8px 0; font-size: 14px; color: #333; transition: .5s; border-radius: 22px;}
.luanguage dl dd a:hover {background: #0266C5; color: #fff;}
/* 二级下拉 */
.drop-menu-layer {width: 100%;height: 100%;position: fixed;top: 82px;left: 0;right: 0;bottom: 0; background-color: rgba(0,0,0,0.5); z-index: 1; display: none;}
/* 产品 */
.slideNav {position: fixed; top: 82px; z-index: 2; background: #fff; width: 100%; left: 0; line-height: initial; padding: 50px 0; display: none;} 
.slideNav .navBox {display: flex;}
.slideNav .navBox .imgBox {width: 26%; display: flex; justify-content: center; align-items: flex-start;}
.slideNav .navBox .imgBox img {display: block; max-width: 100%;}
.navTwo {position: relative;  padding:0 4% 0 4%; box-sizing: border-box; width: 70%; margin-left: 4%;}
.navTwo::before {content: ''; display: block; width: 1px; height: 100%;background: #e5e5e5;position: absolute;left: 0; top: 0; z-index: 1;}
.navTwo::after {content: ''; display: block; width: 1px; height: 100%;background: #e5e5e5;position: absolute;left: 305px; top: 0; z-index: 1;}
.navTwo > ul > li {width: 200px; padding-right: 57px;}
.navTwo > ul > li > a {font-size: 16px; color: #666; padding: 12px 0; display: block; border-bottom: 1px solid #eee; position: relative;}
.navTwo > ul > li > a::after {content: ""; width: 0; height: 1px; position: absolute; bottom: 0; left: 0; background: #0266C5; transition: .5s;}
.navTwo > ul > li:hover > a {color: #0266C5;}
.navTwo > ul > li:hover > a::after {width: 100%;}
.navThree {position: absolute;top: 0;left: 32%;height: 100%; width: 30%;background: #fff; padding-left: 5%; display: none; overflow-y: auto;}
.navThree > li {width: 250px;}
.navThree > li > a {font-size: 15px; color: #666; padding: 12px 0; display: block; border-bottom: 1px solid #eee; position: relative;}
.navThree > li > a::after {content: ""; width: 0; height: 1px; position: absolute; bottom: 0; left: 0; background: #0266C5; transition: .5s;}
.navThree > li:hover > a {color: #0266C5;}
.navThree > li:hover > a::after {width: 100%;}
/* 其他栏目 */
.navTwoBox {position: fixed;top: 82px;background: #fff; width: 100%; left: 0 ;line-height: initial; padding: 50px 0; display: none; z-index: 2;}
.navTwoBox dl {display: flex; justify-content: space-around;}
.navTwoBox dl dd {width: 23%; text-align: center;}
.navTwoBox dl dd .imgBox {width: 100%; overflow: hidden;}
.navTwoBox dl dd .imgBox img {display: block; width: 100%; transition: .5s;}
.navTwoBox dl dd span {color: #333; font-size: 16px; margin-top: 10px; display: block;}
.navTwoBox dl dd:hover img {transform: scale(1.1);}
.navTwoBox dl dd:hover span {color: #0266C5;}
/* 头部下滑 */
header.navfixed  {box-shadow: -4px 0px 32px 4px rgba(24,25,25,0.11); }
.navfixed .heBox {height: 75px;}
.navfixed .heBox nav > ul > li {line-height: 75px;}
.navfixed .slideNav {top: 75px;}
.navfixed .navTwoBox {top: 75px;}
.navfixed .drop-menu-layer {top: 75px;}


/* banner */
.banner{height: max-content;}
.bannerSwiper { overflow: hidden; position: relative;}
.bannerSwiper .swiper-slide img {display: block;width: 100%; height: 100%; object-fit: cover;}
.bannerSwiper .swiper-pagination {bottom: 5%;}
.bannerSwiper .swiper-pagination-bullet {width: 13px; opacity: 1; height: 13px; background: #ffffff; margin: 0 10px !important; transition: .5s;}
.bannerSwiper .swiper-pagination-bullet-active {width: 66px;border-radius: 7px;background: #0266C5;}
.bannerSwiper .swiper-button-prev {left: 4%; transform: rotate(180deg);}
.bannerSwiper .swiper-button-next {right: 4%;}
.bannerSwiper .swiper-button-prev img ,.bannerSwiper .swiper-button-next img {filter: brightness(0);}
.bannerSwiper .swiper-button-prev:hover img ,.bannerSwiper .swiper-button-next:hover img {filter: none;}

.ny-banner .bannerSwiper .swiper-button-prev , .ny-banner .bannerSwiper .swiper-button-next {display: none;}

/* 产品中心 */
.indexOne {margin-top: 100px;}
.indexOne .box {display: flex;}
.indexOne .box .le {padding-right: 20px; border-right: 1px solid rgba(126, 126, 126,.3);}
.indexOne .box .tle small {font-size: 24px;font-family: Arial, Arial-Regular;font-weight: 400;color: #555555;}
.indexOne .box .tle strong {font-size: 40px;font-weight: 700;color: #333333; display: block; margin-bottom: 30px;}
.indexOne .box .tle span {font-size: 16px;font-weight: 400;color: #555555;display: block;}
.inOneSlide {padding: 10px; box-sizing: border-box; width: 83%;}
.inOneSlide .hd ul {display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 65px; margin-left: 30px;}
.inOneSlide .hd ul li {width: calc(100% / 5); margin-bottom: 5px;}
.inOneSlide .hd ul li span {display: inline-block; transition: .5s;cursor: pointer; font-size: 18px; color: #333333; border-radius: 16px; padding: 3px 14px; box-sizing: border-box; }
.inOneSlide .hd ul li.on span {background: #0266c5;color: #fff;}
.inOneSwiper {position: relative; overflow: hidden; padding: 20px 30px;}
.inOneSwiper .swiper-wrapper {flex-direction: initial !important;}
.inOneSwiper .swiper-slide {margin: 0 50px 50px 0 !important;}
.inOneSwiper .swiper-slide a {display: block; position: relative; padding: 20px 20px 10px 20px; box-sizing: border-box; background: #ffffff;transition: .5s; }
.inOneSwiper .swiper-slide a::after {content: ""; width: 0; transition: .5s; height: 6px; background: #0266c5; position: absolute; bottom: -6px; left: 0;}
.inOneSwiper .swiper-slide h6 {font-size: 18px;font-weight: 400;color: #333333; margin-bottom: 5px;}
.inOneSwiper .swiper-slide span {font-size: 16px;font-weight: 400;color: #666666;}
.inOneSwiper .swiper-slide .imgBox {margin-top: 40px; padding:0;box-sizing: border-box; overflow: hidden; border-bottom: 1px solid #eee; padding-bottom: 15px; display: flex; align-items: center; justify-content: center;}
.inOneSwiper .swiper-slide .imgBox img {display: block; max-width: 100%;}
.inOneSwiper .swiper-slide a:hover {box-shadow: 1.04px -3.86px 13.14px 1.08px rgba(1,101,197,0.26);}
.inOneSwiper .swiper-slide a:hover::after {width: 100%;}

/* 解决方案 */
.indexTwo {background: url(../images/indexTwo-bj.jpg) no-repeat center; background-size: cover; padding: 110px 0 90px 0; background-attachment: fixed;}
.indexTwo .container {width: 1200px;}
.indexTwo .box {display: flex; align-items: center; justify-content: space-between;}
.indexTwo .box .tle small {font-size: 24px;font-weight: 400;color: #f2f2f2;display: inline-block; position: relative; padding-left: 35px;}
.indexTwo .box .tle small::after {content: ""; width: 20px; height: 2px; background: #f2f2f2; position: absolute; left: 8%; top: 50%; transform: translate(-50%, -50%)}
.indexTwo .box .tle strong {display: block;font-size: 40px;color: #ffffff;font-weight: 700; margin-bottom: 30px;}
.indexTwo .box .tle p {font-weight: 400;color: #f2f2f2;font-size: 16px;}
.indexTwo .box .tle a {width: 183px;height: 47px; border: 1px solid #ffffff;border-radius: 0px 0px 0px 20px;display: block;margin-top: 50px; }
.indexTwo .box .tle a {display: flex; align-items: center; justify-content: center;position: relative; overflow: hidden;}
.indexTwo .box .tle a::after {content: ""; width: 100%; height: 100%; position: absolute; left: -100%; bottom: -100%; background: #fff; transition: .5s;}
.indexTwo .box .tle a span {font-size: 14px; transition: 1s; font-weight: 400;color: #f2f2f2; margin-right: 10px; position: relative; z-index: 1;}
.indexTwo .box .tle a img {filter: brightness(200);  position: relative; z-index: 1;}
.indexTwo .box .re img {display: block; max-width: 100%;}
.indexTwo .box .tle a:hover::after {left: 0; bottom: 0;}
.indexTwo .box .tle a:hover span {color: #0266C5;}
.indexTwo .box .tle a:hover img {filter: none;}
/* 按钮hover效果 */
.mouseHover {display: flex; align-items: center; justify-content: center;position: relative; overflow: hidden;}
.mouseHover::after {content: ""; width: 100%; height: 100%; position: absolute; left: -100%; bottom: -100%; background: #fff; transition: .5s;}
.mouseHover span {font-size: 14px; transition: 1s; font-weight: 400;color: #f2f2f2; margin-right: 10px; position: relative; z-index: 1;}
.mouseHover img {filter: brightness(200);  position: relative; z-index: 1;}
.mouseHover:hover::after {left: 0; bottom: 0;}
.mouseHover:hover span {color: #0266C5;}
.mouseHover:hover img {filter: none;}

.indexThree { margin: 80px 0;}
.indexThree ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
.indexThree ul li {width: 32%; margin-bottom: 20px; position: relative; overflow: hidden;}
.indexThree ul li .imgBox img {display: block; width: 100%;}
.indexThree ul li .top {position: absolute; width: 100%; height: 100%; background: rgba(2, 102, 197,.86); top: -100%; left: 0; transition: .5s;}
.indexThree ul li .top {display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 10px 40px; box-sizing: border-box; text-align: center;}
.indexThree ul li .top h6 {font-size: 20px; margin: 15px 0; color: #ffffff;}
.indexThree ul li .top p {font-size: 16px;font-weight: 400;color: #f5f5f5;line-height: 24px; display: -webkit-box;overflow: hidden;	-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.indexThree ul li .top em {font-size: 16px;font-weight: 400;color: #e9e9e9;line-height: 24px; border-bottom: 1px solid #e9e9e9; margin-top: 20px;}
.indexThree ul li .bom {padding: 10px 10px 10px 35px; box-sizing: border-box; position: absolute; width: 100%; background: rgba(0, 0, 0,.4); bottom: 0; left: 0; transition: .5s; transition-delay: .2s;}
.indexThree ul li .bom h5 {font-size: 18px;font-weight: 700;color: #ffffff; display: -webkit-box;overflow: hidden;	-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.indexThree ul li .bom p {font-size: 16px;font-weight: 400;color: #f5f5f5; display: -webkit-box;overflow: hidden;	-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.indexThree ul li:hover .top {top: 0;}
.indexThree ul li:hover .bom {bottom: -50%;}

/* 服务支持 */
.indexFour {background: url(../images/indexFour-bj.jpg) no-repeat center; background-size: cover; padding: 80px 0 96px 0;}
.indexFour .tle {display: flex; justify-content: flex-end; align-items: flex-end; text-align: right;}
.indexFour .tle p {font-size: 18px;font-weight: 400;color: #333333; margin-right: 50px;}
.indexFour .tle small {font-size: 24px;font-weight: 400;color: #555555;display: inline-block; position: relative; padding-left: 35px; font-family: Arial, Arial-Regular;}
.indexFour .tle small::after {content: ""; width: 20px; height: 2px; background: #0C6AC4; position: absolute; left: 8%; top: 50%; transform: translate(-50%, -50%)}
.indexFour .tle strong {display: block;font-size: 40px;color: #222222;font-weight: 700; }
.indexFour ul {display: flex; justify-content: space-between; margin-top: 70px;}
.indexFour ul li {padding: 50px 35px; width: 31.5%; box-sizing: border-box; background: #ffffff;border-radius: 26px;box-shadow: 0px 0px 11.96px 0px rgba(0,0,0,0.09); }
.indexFour ul li {display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;}
.indexFour ul li strong {font-size: 22px;font-weight: 700;color: #333333; margin: 15px 0;}
.indexFour ul li p {font-size: 16px;font-weight: 400;color: #666666;line-height: 24px;}
.indexFour ul li a {width: 135px;height: 40px;border: 1px solid #c0c0c0;border-radius: 0px 24px 0px 18px; margin-top: 30px; transition: .5s;}
.indexFour ul li a::after {background: #1773CA; border-radius: 0px 24px 0px 18px;}
.indexFour ul li a span {font-size: 14px;font-weight: 400;color: #666666;}
.indexFour ul li a img {filter:none;}
.indexFour ul li a:hover {border-color: #1773CA;}
.indexFour ul li a:hover span {color: #fff;}
.indexFour ul li a:hover img {filter: brightness(200);}

/* 新闻资讯 */
.indexFive {margin-bottom: 40px;}
.indexFive .tle {text-align: center; padding: 60px 0;}
.indexFive .tle small {font-size: 26px;font-weight: 400;color: #555555;display: block;}
.indexFive .tle strong {font-size: 40px;font-weight: 400;color: #333;display: inline-block; position: relative; padding: 0 40px; box-sizing: border-box;}
.indexFive .tle strong::before {content: "";width: 26px; height: 3px;background: #0266c5; position: absolute; left: 0; top: 50%; transform: translate(-50%, -50%)}
.indexFive .tle strong::after {content: "";width: 26px; height: 3px;background: #0266c5; position: absolute; left: 100%; top: 50%; transform: translate(-50%, -50%)}
.indexFive .box {display: flex; justify-content: space-between;}
.indexFive ul {display: flex; width: 66%; justify-content: space-between;}
.indexFive ul li {width: 48%; }
.indexFive ul li .imgBox {overflow: hidden;}
.indexFive ul li .imgBox img {width: 100%; display: block; transition: .5s;}
.indexFive ul li .con {background: #fafafa; padding: 20px;}
.indexFive ul li .con h6 {font-size: 18px;font-weight: 700;color: #333333; margin-bottom: 10px;}
.indexFive ul li .con .time {font-size: 16px; margin-bottom: 10px;}
.indexFive ul li .con p {font-size: 16px;font-weight: 400;color: #666666;}
.indexFive ul li .con .more em {display: block; text-align: right; margin-top: 10px;font-size: 16px;font-weight: 400;color: #666666;}
.indexFive ul li:hover .imgBox img {transform: scale(1.1);}
.indexFive ul li:hover h6 {color: #0266c5;}
.indexFive .box dl {width: 31%; background: #fafafa; box-sizing: border-box;}
.indexFive .box dl dd {padding: 19px 25px; box-sizing: border-box; border-bottom: 1px dashed #DFDFDF;}
.indexFive .box dl dd h6 {font-size: 18px;font-weight: 700;color: #333333; margin-bottom: 5px;}
.indexFive .box dl dd .more {display: flex; align-items: center; justify-content: space-between;}
.indexFive .box dl dd .time {font-size: 16px;font-weight: 400;color: #666666;}
.indexFive .box dl dd .more span {font-size: 14px;font-weight: 400;color: #666666; text-transform: uppercase;}
.indexFive .box dl dd:hover h6 {color: #0266C5;}
.indexFive .learnMore {display: flex; justify-content: center; margin-top: 30px;}
.indexFive .learnMore a {width: 135px;height: 40px;border: 1px solid #c0c0c0;border-radius: 0px 24px 0px 18px; margin-top: 30px; transition: .5s;}
.indexFive .learnMore a::after {background: #1773CA; border-radius: 0px 24px 0px 18px;}
.indexFive .learnMore a span {font-size: 14px;font-weight: 400;color: #666666;}
.indexFive .learnMore a img {filter:none;}
.indexFive .learnMore a:hover {border-color: #1773CA;}
.indexFive .learnMore a:hover span {color: #fff;}
.indexFive .learnMore a:hover img {filter: brightness(200);}

.footer {background: rgba(229, 229, 229,.16);}
.footerNav {padding: 74px 0 20px 0; display: flex; justify-content: space-between;}
.footerNav dl:nth-child(4) {margin-right: 8%;}
.footerNav dl dt {font-size: 18px;font-weight: 400;color: #333333;position: relative;padding-bottom: 10px; display: inline-block; margin-bottom: 25px;}
.footerNav dl dt::after {content: ""; width: 50%; height: 2px;background: #0266c5; position: absolute; bottom: 0; left: 0;}
.footerNav dl dd {margin: 5px 0;}
.footerNav dl dd , .footerNav dl dd a {font-size: 15px;font-weight: 400;color: #555555;}
.footerNav dl dd a:hover {color: #1773CA;}
.footerNav .conUs {width: 17%;}
.footerNav .conUs ul {display: grid; grid-template-columns: repeat(3,auto); gap: 20px;}
.footerNav .conUs ul li {position: relative;}
.footerNav .conUs ul li .icBox {display: flex; align-items: center; justify-content: center; width: 58px;height: 58px; background: #696969; }
.footerNav .conUs ul li .icBox a {display: block;}
.footerNav .conUs ul li .code {position: absolute; width: 150px; height: 150px; left: -150px; z-index: 1;top: 0; display: none;}
.footerNav .conUs ul li .code img {width: 100%;}
.footerNav .conUs ul li:nth-child(4) .code {top: -78px;}
.footer .copy {background: rgba(180, 180, 180,.16); padding: 15px 0;}
.footer .copy .box {display: flex; justify-content: space-between;}
.footer .copy .box p , .footer .copy .box p a {font-size: 15px;font-weight: 400;color: #555555;}
.footer .copy .box p a:hover {color: #1773CA;}
/* ==================================内页========================================= */
.ny-banner .bannerSwiper {height: 500px;}

/* 面包屑 */
.position{display: block; margin-bottom: 15px; border-bottom: solid 1px #ddd;position: relative;}
.position span {display: block; padding-left: 50px; font-size: 13px;line-height: 50px;background: url(../images/ny-home.gif) no-repeat 20px center;border-bottom: solid 1px #1773CA;}
.position span a:hover{color: #1773CA;}

/* 产品中心 */
.proCen {margin: 30px 0;}
.proCen .box {display: flex; justify-content: space-between;}
/* 左侧导航 */
.leftNav {width: 26%;}
.leftNav .column-title { background: #1773CA;  box-sizing: border-box;  color: #ffff; font-weight: 700;}
.leftNav .column-title {margin-bottom: 20px;padding: 20px 0;padding-left: 20px; font-size: 25px;}
.nyNav1 {border: 1px solid #e6e6e6;}
.nyNav1 > li {width: 100%; box-sizing: border-box; position: relative;}
.nyNav1 > li > a > i {transform:rotate(180deg); transition: .5s;}
.nyNav1 > li > a {padding:20px; border-bottom: 1px solid #fff; box-sizing: border-box; padding-right: 17px; box-sizing: border-box; width: 100%; display: flex; justify-content: space-between; align-items: center; background: #1773CA; }
.nyNav1 > li > a > span {font-size: 16px; color: #fff;}
.nyNav1 > li:last-child a {border-bottom: none;}
/* .nyNav1 > li.on > a > i {transform:rotate(180deg);} */
.nyNav1 > li.active > a > i {transform:rotate(270deg);}
.nyNav1 > li.on > a > i {transform:rotate(270deg);}
.nyNav1 > li.active.on > a > i {transform:rotate(180deg);}




.nyNav2 {display: none;}
.nyNav2:has(> li.active){display: block;}
.nyNav1 > li.active .nyNav2 {display: block;}
.nyNav2 > li > a {border-bottom: 1px solid #e6e6e6; transition: .5s; padding:20px; box-sizing: border-box; width: 100%; display: flex; justify-content: space-between; align-items: center;  }
.nyNav2 > li:last-child > a {border: none;}
.nyNav2 > li > a > span {font-size: 16px;  color: #333;}
.nyNav2 > li > a > i {width: 13px; height: 2px; display: block; background: #333;position: relative;}
.nyNav2 > li > a > i::after {width: 2px; height: 13px; display: block; background: #333; content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%)}
.nyNav2 > li:hover > a {background: #0C6AC4;}
.nyNav2 > li:hover > a > span {color: #fff;}
.nyNav2 > li:hover > a > i {background: #fff;}
.nyNav2 > li:hover > a > i::after {background: #fff;}
.nyNav2 > li.on > a {background: #0C6AC4;}
.nyNav2 > li.on > a > span {color: #fff;}
.nyNav2 > li.on > a > i {background: #fff;}
.nyNav2 > li.on > a > i::after {background: #fff;}

.nyNav2 > li.active > a {background: #0C6AC4;}
.nyNav2 > li.active > a > span {color: #fff;}
.nyNav2 > li.active > a > i {background: #fff;}
.nyNav2 > li.active > a > i::after {background: #fff;}

.nyNav3 {display: none;}
.nyNav2 > li.active .nyNav3 {display: block;}
.nyNav3 > li > a { border-bottom: 1px dashed #e6e6e6;padding:20px; box-sizing: border-box; width: 100%; display: flex; align-items: center; transition: .5s;}
.nyNav3 > li > a > span {font-size: 16px; color: #333;}
.nyNav3 > li > a > i {width: 5px; height: 5px; background: #1773CA; order: -1; margin-right: 10px;}
.nyNav3 > li:hover > a {background: #f5f5f5;}

/* 右侧列表 */
.reList {width: 70%;}
.reList ul {display: flex;flex-wrap: wrap; justify-content: space-between; align-items: center;}
.reList ul::after {content: ""; width: 31%;}
.reList ul li { width: 31%; margin-bottom: 40px;}
.reList ul li a {display: block; position: relative; padding: 20px 20px 10px 20px; box-sizing: border-box; background: #ffffff;transition: .5s; }
.reList ul li a::after {content: ""; width: 0; transition: .5s; height: 6px; background: #0266c5; position: absolute; bottom: -6px; left: 0;}
.reList ul li h6 {font-size: 18px;font-weight: 400;color: #333333; margin-bottom: 5px;}
.reList ul li span {font-size: 16px;font-weight: 400;color: #666666;display: -webkit-box;overflow: hidden;	-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.reList ul li .imgBox {margin-top: 40px; padding: 0;box-sizing: border-box; overflow: hidden; padding-bottom: 15px; border-bottom: 1px solid #eee; display: flex; align-items: center; justify-content: center;}
.reList ul li .imgBox img {display: block; max-width: 100%;}
.reList ul li a:hover {box-shadow: 1.04px -3.86px 13.14px 1.08px rgba(1,101,197,0.26);}
.reList ul li a:hover::after {width: 100%;}

/* 产品详情页 */
.proDeta { padding-top: 3rem; padding-bottom: 4rem;}
.proDeta .box {display: flex; justify-content: space-between; align-items: flex-start;}
.proDeta .proLeSwiper {background: #fff; overflow: hidden; position: relative; width: 40%;}
.proDeta .proLeSwiper .imgBox {display: flex; justify-content: center; align-items: center; padding: 3rem;  box-sizing: border-box;}
.proDeta .proLeSwiper .imgBox img {width:96%; display: block;}
.proDeta .proLeSwiper .swiper-pagination-bullet {width: 0.75rem;height: 0.75rem;background: #dfdfdf; box-sizing: border-box; opacity: 1;}
.proDeta .swiper-horizontal>.swiper-pagination-bullets,.proDeta  .swiper-pagination-bullets.swiper-pagination-horizontal{bottom:10px}
.proDeta .proLeSwiper .swiper-pagination-bullet-active {background: #1773CA;}
.proDeta .proLeSwiper .swiper-button-next {width: 0.81rem;height: 1.44rem;background: url(../images/proLeSwiper-jt.png) no-repeat center; background-size: 100%; filter: brightness(0);}
.proDeta .proLeSwiper .swiper-button-prev {width: 0.81rem;height: 1.44rem;background: url(../images/proLeSwiper-jt.png) no-repeat center; background-size: 100%; transform: rotate(180deg);filter: brightness(0);}
.proDeta .proReCon {width: 50%;}
.proDeta .proReCon  h4 {font-size: 2.38rem;font-weight: 400;color: #333333; padding-bottom: 1rem; border-bottom: 1px solid #CCCCCC;}
.proDeta .proReCon .text {margin: 1rem 0; font-size: 1rem;color: #666666;font-weight: 400;line-height: 2.31rem;}
.proDeta .proReCon .conus {display: flex; margin-top: 4rem;}
.proDeta .proReCon .conus .zxdz {display: block;width: 13.06rem;height: 4.06rem;background: #1773CA; border-radius: 2.06rem; text-align: center; line-height: 4.06rem; font-size: 1.13rem;color: #ffffff;}
.proDeta .proReCon .conus .tel {display: flex; align-items: center; margin-left: 4rem;}
.proDeta .proReCon .conus .tel a {display: flex; justify-content: center; transition: .5s; align-items: center; margin-right: 1rem; border-radius: 50%; width: 3.38rem;height: 3.38rem;border: 0.06rem solid #cccccc;}
.proDeta .proReCon .conus .tel small {display: block;font-size: 1.13rem;font-weight: 400;color: #333333;}
.proDeta .proReCon .conus .tel strong {font-size: 1.94rem; color: #1773CA; display: block; line-height: 2rem; white-space: nowrap;}
.proDeta .proReCon .conus .tel a:hover {background: #1773CA;}
.proDeta .proReCon .conus .tel a:hover img {filter: brightness(100);}
/* 详情页录入内容响应式调整 */
.proInfo .box .le .text img {max-width: 100%;display: block;}

/*推荐产品*/
.recommend{ margin:50px 0;}
.recommend .ny-right-title a.more{display: block;  font-size: 15px; line-height: 52px; padding-right: 10px;}
.recommend .ny-pro{ margin-top: 20px;}
.recommend .ny-pro li{ margin: 0 14px;}
.ny-right-title strong{display: block;font-size:18px;color: #1773CA;float: left;line-height: 50px;font-weight: bold;}
.ny-right-title{border-bottom: 2px solid #1773CA;}
.ny-right-title .position span,.ny-right-title .position span a{ font-size: 15px; line-height: 50px;}
.ny-right-title .position span a:hover{ color: #1773CA;}
.recommend .ny-product-list {overflow: hidden;margin-top: 40px;}
.recommend .ny-product-list .tempWrap {width: 100% !important;}
.recommend .ny-product-list ul {margin-top: 0px; display: flex;}
.recommend .ny-product-list ul li {margin-right: 50px; text-align: center;}
.recommend .ny-product-list ul li .pic {}
.recommend .ny-product-list ul li .pic img {display: block;transition: .5s; width: 300px;}
.recommend .ny-product-list ul li h3 {color: #333; font-size: 16px; margin-top: 10px;}
.recommend .ny-product-list ul li:hover h3 {color: #1773CA;}

/* 解决方案 */
.SolutionList .leftNav {width: 20%;}
.SolutionList .nyNav1 > li > a { border-bottom: 1px dashed #e6e6e6;padding:20px;background: none; box-sizing: border-box; width: 100%; display: flex; justify-content: flex-start; transition: .5s;}
.SolutionList .nyNav1 > li > a > span {font-size: 16px; color: #333;}
.SolutionList .nyNav1 > li > a > i {width: 5px; height: 5px; background: #1773CA; order: -1; margin-right: 10px;}
.SolutionList .nyNav1 > li > a > i > img {display: none;}
.SolutionList .nyNav1 > li:hover > a {background: #f5f5f5;}
.SolutionList .nyNav1 > li.active > a {background: #f5f5f5;}

.solist {width: 78%;}
.solist ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
.solist ul::after {content: ""; width: 32%;}
.solist ul li {width: 32%; margin-bottom: 20px; position: relative; overflow: hidden;}
.solist ul li .imgBox {overflow: hidden;}
.solist ul li .imgBox img {display: block; width: 100%; transition: .5s;}
.solist ul li h5 {text-align: center; font-size: 18px; margin-top: 10px;}
.solist ul li:hover .imgBox img {transform: scale(1.05);}
.solist ul li:hover h5 {color: #1773CA;}


/* 新闻资讯 */
.information {margin: 50px 0;}
.information .hd ul {display: flex;margin: 1rem 0 3rem 0;}
.information .hd ul li a {font-size: 1.13rem;font-weight: 400;color: #707070; margin-right: 5rem; position: relative; transition: .5s; padding-bottom: 0.4rem;}
.information .hd ul li a::after {content: ""; width: 0; height: 1px; height: 0.13rem;background: #155ea2; bottom: 0; position: absolute; left: 0; transition: .5s;}
.information .hd ul li:hover a {color: #005bac;}
.information .hd ul li:hover a::after {width: 100%;}
.information .hd ul li.on a {color: #005bac;}
.information .hd ul li.on a::after {width: 100%;}
.information .bd ul {display: flex; justify-content: space-between; flex-wrap: wrap;}
.information .bd ul::after {content: ""; width: 31%;}
.information .bd ul li {width: 31%; margin-bottom: 3rem; }
.information .bd ul li .imgBox {overflow: hidden;}
.information .bd ul li .imgBox img {width: 100%; display: block; transition: .5s;}
.information .bd ul li .con {padding: 2rem; box-sizing: border-box; border: 0.06rem solid #eeeeee; border-top: none;}
.information .bd ul li em {font-size: 1rem;color: #a2a2a2; margin-bottom: 0.5rem; display: block;}
.information .bd ul li h5 {font-size: 1.25rem;font-weight: 400;color: #333333; transition: .5s;}
.information .bd ul li p {margin: 1rem 0 1.5rem 0;font-size: 0.94rem;color: #666;line-height: 1.88rem;}
.information .bd ul li .more {display: flex; align-items: center; font-size: 1rem;color: #005bac;transition: .5s; margin-left: 0;}
.information .bd ul li .more .ic {width: 1.38rem; margin-left: 1rem; height: 1.38rem; background: #155ea2; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.information .bd ul li:hover img {transform: scale(1.1);}
.information .bd ul li:hover h5 {color: #005BAC;}
.information .bd ul li:hover .more {margin-left: 1rem;}


/*解决方案和新闻详情页*/
.explain{}
.explain .title{text-align: center;margin-top: 5%;margin-bottom: 3.5%;}
.explain .title em{font-size: 30px;color: #333333;font-family: arial}
.explain .title p span{font-size: 16px;font-family: arial;color: #666666;margin: 1%;}
.explain .explain-p{padding: 51px 58px 51px;}
.explain .explain-p p{font-size: 14px;color: #666666;font-family: arial;line-height: 28px;}
.explain .explain-p ul{display: flex;justify-content: space-between;margin-top: 3.5%;}
.explain .explain-p ul li{font-size: 18px;font-family: arial;color: #333333;}
.explain .explain-p ul li a {display: inline-block;}
.explain .explain-p ul li a:hover {color: #1773CA;}

/*公司团队*/
.chairman-btn{overflow: hidden;}
.chairman-btn ul{width: calc(100% + 18px)}
.chairman-btn ul li{float: left; margin-right: 18px; width: calc(100% / 4 - 18px); text-align: center;}
.chairman-btn ul li .text{display: block;  background: #f5f5f5; height: 137px; margin-bottom: 49px; width: 100%}
.chairman-btn ul li strong{display: block; font-size: 22px; color: #000000; margin-bottom: 12px; padding-top: 28px;}
.chairman-btn ul li span{display: block; background: url(../images/ico-jia.png )no-repeat center; width: 30px; height: 30px; margin: 0 auto}
.chairman-btn ul li em{display: none; background: url(../images/chairman-btn.png) no-repeat center; width: 24px; height: 21px; margin: 0 auto;}
.chairman-btn ul li.on em{display: block;}
.chairman-btn ul li.on span{ background: url(../images/ico-jian.png )no-repeat center;}
.chairman-con ul{display: none;}
.chairman-con .info{border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; box-sizing:border-box; padding: 38px 3.2%; margin-bottom: 57px;}
.chairman-con .info b{display: block; font-size: 18px; color: #333;}
.chairman-con .info p{display: block; font-size: 18px; line-height: 36px; color: #333}
.chairman-con  .item1{margin-bottom: 39px;}
.chairman-list h3{display: block; font-size: 32px; color: #333; font-weight: bold; margin: 50px 0; text-align: center;}
.chairman-list dl{margin-bottom: 42px; background: #fafafa}
.chairman-list dl dt,.chairman-list dl dd{float: left;}
.chairman-list dl dt{width: 178px; overflow: hidden;}
.chairman-list dl dt img{display: block; width: 100%}
.chairman-list dl dd{width: calc(100% - 178px); box-sizing:border-box; padding: 22px 3.2% 0}
.chairman-list dl dd strong{display: block; font-size: 24px; color: #333; border-bottom: 1px solid #e1e1e1; padding-bottom: 13px; margin-bottom: 18px;}
.chairman-list dl dd span{display: inline-block; font-size: 16px; color: #666; font-weight: normal; margin-left: 22px;}
.chairman-list dl dd .con {display: block;    height:100px;overflow-y: auto;    padding-right: 20px;  }
.chairman-list dl dd .con p {font-size: 16px; line-height: 36px;color: #666;}
/* 设置滚动条的样式 */
::-webkit-scrollbar {
width:5px;
background:rgba(0,0,0,0.1);
border-radius:10px;
}
/* 滚动槽 */
::-webkit-scrollbar-track {
-webkit-box-shadow:inset006pxrgba(0,0,0,0.2);
border-radius:10px;
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
border-radius:10px;
background:rgba(0,0,0,0.1);
-webkit-box-shadow:inset006pxrgba(0,0,0,0.7);
}
::-webkit-scrollbar-thumb:window-inactive {
background:rgba(0,0,0,0.2);
}
.chairman-list dl dd em{color: #1773CA}
.chairman-list dl:hover dt img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.chairman-list dl:hover dd strong{color: #1773CA}






/* 搜索页面 */
.search-page .box {margin-top: 10vh;}
.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 .search-text {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(../images/searchIcon.png) no-repeat center; outline: none; border: none; background-size: 100%; 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: #1773CA; 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;}
.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: 60px 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: #1773CA;}
.fy .layui-laypage-curr {color: #fff; background: #1773CA; font-size: 14px;  margin: 0 5px; padding: 5px 13px;}

/*在线咨询*/
.zx-service{position:fixed; right:0px; top:50%;z-index: 10000; }
.service-box{background-color: #fff; border-radius:5px; width:90px; margin-bottom:8px;box-shadow: 0px 2px 3px  #929ea9;}
.service-box span{display:block;}
.service-box span.text{ background:url(../images/kf01.png) no-repeat; height:47px; line-height:40px; text-align:center; color:#fff; font-size:16px; position:relative; z-index:10;}
.service-box ul{margin-top: -7px;}
.service-box li{border-bottom:1px solid #efefef; text-align:center; position:relative;}
.service-box li em{font-size:12px;color: #757575;}
.service-box li a{display:block; padding-top:6px; padding-bottom:3px;}
.service-box li:first-child a{padding-top: 14px;}
.service-box li:last-child a{border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.service-box li a:hover{background:#f9f9f9;}
.service-box li a:hover em{color:#428acb; }
.service-box ul li:last-child{border:none;}
.service-box li p{position:absolute; left:-154px; width:150px; top:0; background:#fff;box-shadow: 0 0 10px rgba(0,0,0,0.2);display:none; font-size:18px; font-weight:bold;color: #428acb;padding: 0px 0px;}
.service-box li:hover p{display:block; }
.service-arrow{box-shadow: 0px 2px 2px #d6d6d6;border:1px solid #ddd;  border-radius:5px;  width:90px; background:url(../images/kf05.png) no-repeat center center #fff; height:40px; cursor:pointer; }
.service-arrow a{display:block; width:90px; height:45px;}