@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:16px/1.5 "Microsoft YaHei", arial,sans-serif; overflow-x: hidden; min-width: 1300px;  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;}
.swiper-button-prev:focus ,.swiper-button-next:focus {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"); */
}


/* CSS Document */
/* 了解更多hover效果 */
.moreHover {position: relative; overflow: hidden; z-index: 1; background: #0678d0; transition: background-color .5s ease 0s; display: block;}
.moreHover {width: 169px;height: 63px;display: flex; align-items: center; justify-content: center;}
.moreHover span {font-size: 20px;color: #ffffff;font-weight: 400;margin-right: 7px;font-family: "Noto Sans SC";}
.moreHover::before {content: " ";height: 100%;width: 125%; display: block;position: absolute;left: -150%;top: 0;transform: skew(-25deg);z-index: -1;background: #0678d0;transition: left .5s ease 0s,background-color .3s ease 0s;cursor: pointer;}
.moreHover:hover {background-color: #033861 !important;}
.moreHover:hover::before {background: #0678d0;left: -12.5%;}

/* 头部 */

header { position: fixed; width: 100%; top: 0;  z-index: 99; transition: .5s; border-top: 1px solid rgba(255, 255, 255,.4);border-bottom: 1px solid rgba(255, 255, 255,.4);}
.heBox {display: flex; justify-content: space-between; align-items: center; height: 112px; transition: .5s;}
.heBox .heLe {display: flex; align-items: center;}
.heBox .heLe .logoCon {margin-left: 17px;}
.heBox .heLe h1 {font-size: 28px;font-weight: 700;color: #ffffff;letter-spacing: 1.12px;  font-family: "Noto Sans SC";}
.heBox .heLe em {font-size: 15px;font-family: Arial, Arial-Regular;font-weight: 400;color: #f0f0f0;}
nav {width: 42%;}
nav ul {display: flex; justify-content: space-between;}
nav ul > li {line-height: 112px;}
nav ul > li > a {font-size: 18px;font-weight: 700;color: #ffffff;letter-spacing: 0.36px; transition: .5s;}
nav ul > li:hover > a {color: #0678d0;}
nav ul > li:hover > a {color: #0678d0;}
nav ul > li.on > a {color: #0678d0;}

.heSearch img {display: block; filter: brightness(100);}
.heSearch:hover img {filter: none;}

.he-us {display: grid; grid-template-columns: repeat(2,auto); column-gap: 30px; align-items: center;}
.he-us .conus a {width: 144px;height: 43px;background: #0678d0;text-align: center; line-height: 43px; color: #fff;font-size: 18px;font-weight: 700;display: inline-block;}

/* 二级下拉 */
.slidown {position: absolute;width: 100%; background: #fff;left: 0; top: 111px; line-height: initial; display: none; box-shadow: 1px 1px 10px rgb(0 0 0 / 10%);}
.slidown .box {display: flex; flex-wrap: wrap; padding: 50px 0; padding-top: 20px;}
.slidown dl {width: 25%; padding: 0 30px; box-sizing: border-box; margin-top: 30px;}
.slidown dl dt a {font-size: 17px;color: #333; font-weight: 700; display: block; padding-bottom: 20px; margin-bottom: 30px; border-bottom: 1px solid #eee;}
.slidown dl dd a {color: #666; font-size: 15px;margin: 10px 0; display: block; text-indent: 25px;}
.slidown dl dt a:hover ,.slidown dl dd a:hover {color: #0678D0;}

.slidownTwo {position: absolute;width: 100%; background: #fff;left: 0; top: 111px; line-height: initial; display: none; box-shadow: 1px 1px 10px rgb(0 0 0 / 10%);}
.slidownTwo dl {display: flex; flex-wrap: wrap;  padding: 50px 0; }
.slidownTwo dl dd {width: 28%; border-bottom: 1px solid #eee; margin: 0 20px;}
.slidownTwo dl dd:nth-child(3n) {border-right: 0;}
.slidownTwo dl dd a {color: #666; font-size: 16px;margin: 15px 0; display: inline-block; text-indent: 25px; font-weight: 700;}
.slidownTwo dl dd a:hover {color: #0678D0;}


/* 头部下拉 */
header.navfixed {background: rgba(0, 0, 0, 0.6); box-shadow: 1px 1px 10px rgb(0 0 0 / 10%);}
header.navfixed .heBox {height: 90px;}
header.navfixed .slidown {top: 90px;}
header.navfixed .slidownTwo {top: 90px;}




.bannerSwiper { overflow: hidden; position: relative; height: 100vh;}
.bannerSwiper .swiper-slide { object-fit: cover; height: auto;}
.bannerSwiper .swiper-slide img {max-width: 100%;display: block; margin: auto; height: 100%; object-fit: cover; width: 100%;}
.bannerSwiper .swiper-slide .con {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);text-align: center;}
.bannerSwiper .swiper-slide .con i {display: inline-block;width: 51px;height: 4px;background: #ffffff;}
.bannerSwiper .swiper-slide .con strong {font-size: 60px;font-weight: 700;color: #ffffff;line-height: 94px; font-family: "Noto Sans SC";display: block; margin-bottom: 20px;}
.bannerSwiper .swiper-slide .con p {font-size: 24px;color: #ffffff; font-weight: 400;font-family: "Noto Sans SC"; letter-spacing: 2px;}
.bannerSwiper .swiper-slide .con a {width: 169px;height: 63px;background: #0678d0; margin: auto; display: flex; align-items: center; justify-content: center; margin-top: 35px;}
.bannerSwiper .swiper-slide .con a span {font-size: 20px;color: #ffffff;font-weight: 400;margin-right: 7px;font-family: "Noto Sans SC";}
.bannerSwiper .swiper-slide .con a img {width: auto; height: auto; margin: 0;}
.bannerSwiper .swiper-slide  {display: block;}

.bannerSwiper .swiper-button-prev {left: 0%; transform: rotate(180deg); width: 54px;height: 88px;background: #ffffff;}
.bannerSwiper .swiper-button-next {right: 0%; width: 54px;height: 88px;background: #ffffff;}
.bannerSwiper .swiper-scrollbar {background: none; width: 100%; left: 0;}
.bannerSwiper .swiper-scrollbar-drag {background: #0678D0;}
/* #banner-num {bottom: 5%;}
#banner-num span {width: 16px;height: 16px;border: 1px solid #ffffff; background: none; opacity: 1; margin: 0 10px !important}
#banner-num .swiper-pagination-bullet-active {opacity: 1; background: #fff;}
#banner-num span:focus {border: none; outline: none;} */

.indexOne {padding: 125px 0 100px 0;}
.indexOne .box {display: flex; justify-content: space-between; align-items: center;}
.indexOne .box .le {width: 36.5%;position: relative;}
.indexOne .box .le::after {content: ""; position: absolute;    bottom: 20%; right: -8%; width: 176px;height: 236px; }
.indexOne .box .le img {display: block; max-width: 100%; transition: .5S;}
.indexOne .box .le:hover img {transform: scale(1.05);}
.indexOne .box .re {width: 58%;}
.indexOne .box strong {font-size: 36px;font-weight: 700;color: #146eb3;}
.indexOne .box p {font-size: 18px;font-weight: 400;color: #333333;letter-spacing: 1px; margin-top: 20px;}
.indexOne .box a {margin-top: 50px;}

.indexTwo ul {display: flex;}
.indexTwo ul li {text-align: center;width: 25%;background: #ededed;height: 443px; display: flex; flex-direction: column; justify-content: center; align-items: center; transition: .5s;}
.indexTwo ul li img {transition: .5s;}
.indexTwo ul li:nth-child(even) {background: #fafafa;}
.indexTwo ul li strong {font-size: 26px;font-weight: 700;color: #0678d0; margin: 30px 0;}
.indexTwo ul li p {font-size: 22px;font-weight: 400;color: #333333;letter-spacing: 0.88px;}
.indexTwo ul li:hover {transform: translateY(-10px);}
.indexTwo ul li:hover img {transform: rotateY(180deg);}

.indexTle {text-align: center; padding: 80px 0;}
.indexTle strong {font-size: 36px;font-weight: 700;color: #146eb3;}
.indexTle p {font-size: 22px;font-weight: 400;color: #333333;}
.indexThree ul {display: flex; flex-wrap: wrap;justify-content: space-between;}
.indexThree li {position: relative; overflow: hidden; width: 48%;margin-bottom: 80px;}
.indexThree li .ic {position: absolute; left: 0; top: 0;width: 94px;height: 94px;background: #0678d0; display: flex; justify-content: center; align-items: center; z-index: 1; transition: .5s; transition-delay:.2s;}
.indexThree li strong {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);z-index: 1;font-size: 28px;font-weight: 700;color: #ffffff; opacity: 1; transition: .5s;}
.indexThree li::after {content: ""; width: 100%;height: 100%;background-image: linear-gradient(to bottom , rgba(0, 0, 0, 0.3) 0% , rgba(0, 0, 0, 0.3));top: 0;position: absolute; left: 0; opacity: 1; transition: .5s;}
.indexThree li .img {display: block; width: 100%; transition: .5s;}
.indexThree li i {width: 100%; height: 7px;background: #0678d0;display: block;    position: relative;z-index: 1;}
.indexThree li .hide {position: absolute; z-index: 1; top: 0; width: 100%; height: 100%;background: rgba(6, 120, 208,.8); left: 0; top: 100%; transition: .5s;}
.indexThree li .hide {display: flex; flex-direction: column; justify-content: center;align-items: center;}
.indexThree li .hide small {font-size: 28px;font-weight: 700;color: #ffffff;}
.indexThree li .hide .xian {width: 226px;height: 1px;background: #fff; margin: 20px 0;}
.indexThree li .hide dl {display: flex; flex-wrap: wrap; justify-content: center;}
.indexThree li .hide dl dd {width: 70%; text-align: center; }
.indexThree li .hide dl dd a {display: inline-flex; align-items: center; justify-content: center; position: relative;}
.indexThree li .hide dl dd a img {width: 12px;}
.indexThree li .hide dd span {font-size: 20px;color: #fff; margin-left: 10px; text-align: left;}
.indexThree li .hide .more a {display: flex; align-items: center; margin-top: 35px; font-size: 20px;color: #ffffff;font-weight: 700;font-family: "Noto Sans SC";position: relative;}
.indexThree li .hide .more a img {margin-left: 8px;}
.indexThree li .hide a::after {content: "";position: absolute; width: 0; left: 0; height: 1px; background: #fff; bottom: 0;transition: .5s;}
.indexThree li .hide a:hover::after {width: 100%;}
.indexThree li:hover .hide {top: 0;}
.indexThree li:hover .ic {top: -50%;}
.indexThree li:hover strong {opacity: 0;}
.indexThree li:hover::after {opacity: 0;}

.indexThree li:nth-child(1) .hide dl dd {width: 34%;}
.indexThree li:nth-child(1) .hide dd span {width: 130px;}

.indexThree li:nth-child(2) .hide dl {justify-content: space-between;}
.indexThree li:nth-child(2) .hide dl dd {width: 50%;}
.indexThree li:nth-child(2) .hide dd span {width: 160px;}

.indexThree li:nth-child(3) .hide dl {width: 100%;}
.indexThree li:nth-child(3) .hide dd span {width: 290px;}

.indexThree li:nth-child(4) .hide dl {width: 100%;}
.indexThree li:nth-child(4) .hide dl dd {width: 34%; text-align: left;}



.indexFour {background: #0678d0;}
.indexFour {display: flex; align-items: center; }
.indexFour .le , .indexFour .re {width: 50%;}
.indexFour .le img {display: block; width: 100%;}
.indexFour .re {padding-left: 3%; box-sizing: border-box;}
.indexFour .re strong {font-size: 32px;font-weight: 700;color: #ffffff;}
.indexFour .re i {width: 80px;height: 4px;background: #ffffff;display: block; margin-top: 20px;}
.indexFour .re ul {display: flex; margin: 35px 0;}
.indexFour .re .icon {width: 50px;text-align: center;height: 36px;overflow: hidden;position: relative;margin: 0 auto; transition: ease-in-out .3s;}
.indexFour .re .icon1 { width: 100%;height: 36px; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s;transition: ease-in-out .3s;}
.indexFour .re .icon2 {position: absolute;left: 0;bottom: -36px;width: 100%; -webkit-transition: ease-in-out .3s;-o-transition: ease-in-out .3s;transition: ease-in-out .3s;}
.indexFour ul li {text-align: center; margin-right: 35px;}
.indexFour ul li img {display: block; margin: auto;}
.indexFour ul li span {font-size: 16px;font-weight: 400;color: #ffffff;margin-top: 8px;display: block;}
.indexFour ul li:hover .icon1 {margin-top: -36px;}
.indexFour ul li:hover .icon2 { bottom: 0;}

.indexFour .more a {background: #ffffff;width: 211px;}
.indexFour .more a span {color: #0678d0;}
.indexFour .more a.moreHover::before {background: #ffffff;}

.indexFive {margin-bottom: 100px;}
.indexFive .swiperBox {position: relative;}
.indexFive .container {width: 1500px; max-width: 92%;}
.inFiSwiper {overflow: hidden; width: 1300px; margin: auto; max-width: 90%;}
.inFiSwiper .imgBox {position: relative; overflow: hidden;}
.inFiSwiper .imgBox img {display: block; width: 100%;transition: .5s;}
.inFiSwiper .imgBox .time {position: absolute; left: 0; top: 0;width: 76px;height: 77px; background: #0678D0; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.inFiSwiper .imgBox .time strong {font-size: 38px;font-family: Arial, Arial-Regular;font-weight: 400; color: #fff;line-height: 35px; order: 2;}
.inFiSwiper .imgBox .time small {font-size: 16px;font-family: Arial, Arial-Regular;font-weight: 400;color: #fff;}
.inFiSwiper .imgBox:hover img {transform: scale(1.05);}
.inFiSwiper .swiper-slide { height: auto;}
.inFiSwiper .con h6 {font-size: 18px;font-weight: 400;color: #333333; margin-bottom: 20px;}
.inFiSwiper .con em {font-size: 18px; font-weight: 400;color: #0678D0;display: block; margin: 15px 0;}
.inFiSwiper .con:hover h6 {color: #0678D0;}
.inFiSwiper .swiper-button-prev {transform: rotate(180deg);}

.indexSix {background: url(../images/indexSix-bj.jpg) no-repeat center; background-size: cover; padding: 67px 0 57px 0;}
.indexSix .box {display: flex; flex-direction: column; justify-content: center; align-items: center;}
.indexSix strong {font-size: 45px;font-weight: 700;color: #ffffff; margin-bottom: 30px;}
.indexSix p {font-size: 22px;font-weight: 400;color: #ffffff;letter-spacing: 0.88px;}
.indexSix .more {margin-top: 30px;}
.indexSix .more a {background: #ffffff;}
.indexSix .more a span {color: #0678d0;}
.indexSix .more a.moreHover::before {background: #ffffff;}

footer {background: #1a1a1a;}
.foterNav {padding: 50px 0; display: flex; justify-content: space-between;}
.foterNav dl dt {font-size: 18px;color: #ffffff;font-weight: 700; margin-bottom: 30px;}
.foterNav dl dd , .foterNav dl dd a {font-weight: 400;color: #8c8c8c;font-size: 16px; display: block; margin: 8px 0;}
.foterNav dl dd a {display: inline-block; margin: 0;}
.foterNav dl.conus dd:last-child {display: flex; align-items: flex-start;}
.foterNav dl dd span {font-weight: 400;color: #8c8c8c;font-size: 16px; display: block;}
/* .foterNav dl.conus dd:last-child p span:nth-child(2) {margin: 8px 0;} */
/* .foterNav dl.conus dd:nth-child(4) em {display: inline-block; margin-left: 2px;}
.foterNav dl.conus dd:nth-child(3) em {display: inline-block; margin-left: 2px;} */
.foterNav dl dd a:hover {color: #fff;}

.code {margin-bottom: 50px;}
.code dl {display: flex; text-align: center; justify-content: center;}
.code dl .codeCon {margin-right: 6%;}
.code dl .codeCon:last-child {margin-right: 0;}
.code span {display: block;font-size: 16px;font-weight: 400;color: #ffffff;opacity: 0.5;}



footer .copy {background: #000000; padding: 20px 0;}
footer .copy .box {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
footer .copy p ,footer .copy p a {font-size: 14px;font-weight: 400;color: #828282;}
footer .copy p a:hover {color: #fff;}

/* ======================================内页==================================== */
.ny-banner .bannerSwiper {height: 60vh;}

/* 面包屑 */
.ny-main{margin-top: 25px; margin-bottom:20px;}
.position{height:52px; line-height:52px; font-size:14px; border-bottom: solid 1px #dfdfdf;background: #f0f0f0;}
.position .container {padding-left:0; width: 1300px; box-sizing: border-box;}
.position a { padding-right:20px; margin-right:10px; position: relative; color: #333;}
.position a::after {content: "//"; position: absolute; right: 0;}
.position a:last-child{background: transparent;}
.position a:last-child::after {display: none;}
.position .on{color: #0678d0;}
.position a:hover{color: #0678d0;}
.position a:hover::after {color: #333;}

/* 产品应用 */
.proClassify {position: relative; margin-bottom: 30px;}
.proClassify ul li {transition: .5s; position: relative;}
.proClassify ul li::before {content: "";display: block; position: absolute;left: 0;top: 0;width: 100%;height: 100%; background: rgba(0,0,0,.5); transition: background-color .5s;z-index: 2;}
.proClassify ul li a {display: flex; justify-content: flex-end; align-items: center;  transition: .5s;  padding: 3% 0; min-height: 5vw;border-bottom: 2px solid #fff;    position: relative;}
.proClassify ul li a {position: relative; z-index: 2;}
.proClassify ul li .con {width: 40%; padding:1% 2%; box-sizing: border-box;     margin-right: 10%;}
.proClassify ul li strong {font-size: 35px;font-weight: 700;color: #ffffff; margin-bottom: 10px; display: block;}
.proClassify ul li .hide { display: block;max-height: 0;opacity: 0;transition: max-height .5s;}
.proClassify ul li p {color: #fff; font-size: 20px;}
.proClassify ul li .more {display: flex; align-items: center; margin-top: 10px;}
.proClassify ul li span {font-size: 16px; color: #fff; margin-right: 5px;}
.proClassify ul li:hover .hide {display: block; max-height: 100px;opacity: 1;}
.proClassify ul li:hover::before {    background: rgba(6, 120, 208,.5);}

.proListTleTextCon {text-align: center; padding: 5rem 0;}
.proListTleTextCon h3 {    font-size: 36px; color: #0678d0; margin-bottom: 20px;}
.proListTleTextCon p {font-size: 18px;color: #333;}
/* 产品列表 */
.pro-class{ overflow: hidden; margin-bottom: 40px; margin-top: 40px;}
.pro-class ul {display: flex; flex-wrap: wrap; justify-content: center;}
.pro-class ul li{ margin-right: 10px; margin-top: 10px;}
.pro-class ul li a{transition:0.6s; display: block; font-size: 20px; padding: 20px 50px;  color: #fff; background: rgba(6, 120, 208,.7); text-align: center;}
.pro-class ul li:hover a,.pro-class ul li.on a{background: #0678d0}
.pro-class ul li{}
.nypro-list ul li {float: left; width: 615px; margin-right: 26px; margin-bottom: 40px;}
/*.nypro-list ul li:nth-child(3n){margin-right: 0}*/
.nypro-list ul li .pic {overflow: hidden; position: relative; box-shadow: 0 0 10px #eee; margin-bottom: 15px; }
.nypro-list ul li .pic img {display: block; width: 100%; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.nypro-list ul li:hover .pic 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;}
.nypro-list ul li em {transition:0.6s; position: absolute; width: 100%; left: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); z-index: 0; opacity: 0}
.nypro-list ul li i {position: absolute; width: 50px; height: 50px; background: #0366b2; border-radius: 100%; left: 50%; margin-left: -25px; top: 50%; margin-top: -25px; z-index: 1;}
.nypro-list ul li i:after {content: ""; width: 9px; height: 9px; border: 1px solid #fff; border-style: solid solid none none; position: absolute; top: 50%; left: 18px; margin-top: -5px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); z-index: 1;}
.nypro-list ul li:hover em {opacity: 1}
.nypro-list ul li h3 {display: block; font-size: 18px; color: #333; text-align: center;}

/* 产品详情页 */
.proDeta { padding-bottom: 4rem; margin-top: 30px;}
.proDeta .box {display: flex; justify-content: space-between; align-items: flex-start;}
.proDeta .proLeSwiper {background: #fff; overflow: hidden; position: relative; width: 45%;}
.proDeta .proLeSwiper .imgBox {display: flex; justify-content: center; align-items: center; padding-bottom: 3rem; box-sizing: border-box;padding-top:1rem}
.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: #0678d0;}
.proDeta .proLeSwiper .swiper-button-next {width: 0.81rem;height: 1.44rem;background: url(../images/proLeSwiper-jt.png) no-repeat center; background-size: 100%;}
.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);}
.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: #0678d0; 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: #0678d0; display: block; line-height: 2rem; white-space: nowrap;}
.proDeta .proReCon .conus .tel a:hover {background: #0678d0;}
.proDeta .proReCon .conus .tel a:hover img {filter: brightness(100);}
.proInfo {background: #fff;margin: 5rem 0 10rem 0;}
.proInfo .box {display: flex; justify-content: space-between;}
.proInfo .box h3 {font-size: 2.19rem;font-weight: 500;color: #333333; padding-bottom: 1rem;}
.proInfo .box .le {width: 64%;}
.proInfo .box .le h3 {border-bottom: 1px solid #DDDDDD;}
.proInfo .box .le .text {margin: 2rem 0;}
.proInfo .box .re {width: 30%;}
.proInfo .box .re li {margin-bottom: 1rem;}
.proInfo .box .re li a {display: flex; align-items: center;}
.proInfo .box .re li .imgBox {overflow: hidden; padding: 1rem 0.5rem; box-sizing: border-box;border: 0.06rem solid #dddddd; width: 40%;}
.proInfo .box .re li .imgBox img {width: 100%; transition: .5s;}
.proInfo .box .re li .con {margin-left: 1.5rem;}
.proInfo .box .re li h6 {font-size: 1.13rem;font-weight: 700;color: #333333;}
.proInfo .box .re li em {font-size: 0.94rem;font-weight: 400;color: #9b9b9b; display: block; margin-top: 0.5rem; transition: .5s;}
.proInfo .box .re li:hover img {transform: scale(1.1);}
.proInfo .box .re li:hover em {color: #0678d0;}
/* 详情页录入内容响应式调整 */
.proContail {margin-top: 50px;}
.proContail h3 {color: #0678D0; font-size: 35px; border-bottom: 1px solid #eee; padding-bottom: 15px;}
.proContail .tailsBox {margin-top: 20px;}


/* ==========资料下载==========*/
.material {padding: 50px 0 100px 0;}
.material ul {display: flex;justify-content: space-between; flex-wrap: wrap; gap: 20px;}
.material li {display: flex;justify-content: space-between; align-items: center;width: 49%; padding: 20px;border: 1px solid #e6e6e6;  box-sizing: border-box;}
.material li .material-download {background: url(../images/download-icon1.png) no-repeat center; width: 46px; height: 34px;}
.material li .material-img {width: 114px;height: 157px; border: 1px solid #f2f2f2;}
.material li .material-img img {width: 100%;}
.material li h3 {font-size: 20px;color: #333;font-weight: bold;}
.material li span {font-size: 14px;color: #666;    white-space: nowrap;}
.material li span:nth-child(1) {margin-right: 50px;}
.material li .title-info {margin-top: 15px;}
.material li .material-title {width: 60%;}
.material li a:hover .material-download {background: url(../images/download-icon2.png) no-repeat center;  width: 46px; height: 34px}

/*内页新闻列表页*/
.nynews-list ul li{transition:0.6s; border: 1px solid #dddddd; padding: 18px; padding-right: 0; box-sizing:border-box; margin-bottom: 42px; }
.nynews-list ul li a{display: flex; align-items:center;}
.nynews-list ul li .pic{width: 23.8%; margin-right: 4.3%; overflow: hidden;}
.nynews-list ul li .pic img{display: block;  width: 100%; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.nynews-list ul li:hover .pic 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;}
.nynews-list ul li .info{width: 55%; border-right: 1px solid #edeaf1; padding-right: 5%}
.nynews-list ul li .info strong{ font-size: 20px; color: #333; margin-bottom: 12px;}
.nynews-list ul li .info p{font-size: 16px; line-height: 27px; color: #666; margin-bottom: 30px;}
.nynews-list ul li .info em{display: block; font-size: 16px; color: #575757; font-family: arial; position: relative;}
.nynews-list ul li .info em:after{position: absolute; content: ''; width: 73px; height: 1px; background: #0678d0; left: -90px; top: 12px;}
.nynews-list ul li .arrow{width: 13.4%; display: flex; }
.nynews-list ul li .arrow span{display: block; background: url(../images/news-arrow.png) no-repeat; width: 35px; height: 35px;margin: auto; background-position: right center;  }
.nynews-list ul li:hover .arrow span {background-position: left center;-ms-transition-duration: 0.2s;transition-duration: 0.2s;}
.nynews-list ul li:hover .info strong{color: #0678d0}

/* 新闻详情 */
.news-xq {margin-top: 30px;}
.ny-news-xq {padding-top:30px;margin-bottom:70px;}
.ny-news-xq .container {max-width: 1200px;margin:0px auto;}
.ny-news-xq .news-title {padding-bottom:45px;border-bottom:2px solid #333;margin-bottom:40px;position: relative; display: flex; justify-content: space-between; align-items: center;}
.ny-news-xq .news-title h2 {font-size:28px;line-height: 40px;color:#333;font-weight:bold}
.ny-news-xq .news-title span {display: block;font-size:18px;color:#666}
.ny-news-xq .news-title .fr a {width:130px;height:48px;line-height: 48px;border-radius:48px;color:#fff;background: url(../images/news-de-jt.png) no-repeat center left 30px #0678d0 ;padding:0 20px;display: block;text-indent: 50px;font-size:18px;position: relative;}
.nr-content p img {margin:0 auto;display:inline; }
.nr-content p {line-height:27px !important ;font-size:16px;color:#333;margin-bottom:10px;}
.nr-content table {width:100%  !important}
.nr-content table td {font-size:16px}
.nr-content .bottom-back {display: none;}
.page-fy {border-top:1px solid #ddd;padding:10px 0; margin-top: 30px;}
.page-fy a:hover {color: #0678d0;}


/*内容页*/
#nr-container .returnbt{padding:5px;text-align: center; margin-bottom: 60px}
#nr-container .returnbt input{padding:5px 20px;background:#333;color:#fff;border: none;cursor: pointer;}
#nr-container .nr-title {text-align: center;font-size: 18px;padding: 5px 0;}
#nr-container .nr-info {text-align: center;font-size: 14px;padding: 5px 0;background: #f8f8f8;border: 1px solid #f2f2f2;margin-top: 10px; margin-bottom: 20px;}
#nr-container .nr-content {overflow:hidden;}
#nr-container .nr-content .prev{margin-top:30px;line-height: 25px;}
#nr-container .nr-content .next{margin-top:5px;line-height: 25px;}
#nr-container .nr-content .prev:hover a ,#nr-container .nr-content .next:hover a {color: #0678d0;}
#nr-container .pic_list{margin-right:10px;float: left;}
#preview {float: none;text-align: center;}

/* 加入我们 */
.talentTwo {padding-bottom: 10rem;}
.talentTwo h3 {text-align: center; font-size: 40px; margin: 30px 0;}
.talentTwo .joinus-tab {width: 100%; border-collapse: collapse;}
.talentTwo .joinus-tab tr {text-align: center; padding: 1.8rem 0; font-size: 1.13rem;color: #333333; font-weight: 400; display: flex;}
.talentTwo .joinus-tab tr:nth-child(odd) {background: #f5f5f5;}
.talentTwo .joinus-tab tr td { width: 25%;}
.talentTwo .joinus-tab tr td:nth-child(4) {width: 15%; text-align: right;}
.talentTwo .joinus-tab tr .lastTd {width: 0;}
.talentTwo .joinus-tab tr a img {filter: grayscale(100%);}
.talentTwo .joinus-tab tr a:hover img {filter: none;}

/* 弹出层 */
.acquisition-info {padding: 3rem;box-sizing: border-box; background-color: #fff; width: 60%; display: none;}
.acquisition-info .box-title {display: flex; justify-content: space-between; align-items: center;}
.acquisition-info .box-title h3 {font-size: 1.6rem; color: #000; font-weight: bold; margin: 0;}
.acquisition-info .box-title span {font-size: 2.5rem; cursor: pointer; color: #000; line-height: 30px;}
.acquisition-info .time span {font-size: 1rem; color: #666;display: inline-block; margin-right: 6rem;}
.acquisition-info .time {border-bottom: 1px solid #ececec; padding: 1rem 0; text-align: left;}
.acquisition-info dl {margin-top: 2.5rem; text-align: left; height: 45vh; overflow-y:auto;}
.acquisition-info dt {color: #333; font-size: 1rem;}
.acquisition-info dd {color: #666; font-size: 1rem; margin-top: 1.1rem;}
.acquisition-info dl p {margin-top:5px;}
.acquisition-info dl span{ margin-top:0;font-size:0.8rem;color:#666; line-height: 20px;}


/* 搜索页面 */
.search-page .box {margin-top: 20vh;}
.search-page form {width: 60%;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: #0678d0; 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: 50px 0; display: flex;justify-content: center;align-items: center; flex-wrap: wrap;}
.fy a { background: #E6E6E6; display: flex; align-items: center; justify-content: center; color: #707070; font-size: 14px; transition: .4s; margin:5px; padding: 5px 15px;}
.fy a:hover {color: #fff; background: #0678d0;}
.fy .layui-laypage-curr {color: #fff; background: #0678d0; font-size: 14px;  margin: 0 5px; padding: 5px 15px;}

@media screen and (min-width: 200px) and (max-width: 1800px) { 
  .indexFive .container {width: 98%;}
  .inFiSwiper {width: 90%;}
}

@media screen and (min-width: 200px) and (max-width: 1700px) {
  .container {width: 92%;}
  
}
@media screen and (min-width: 200px) and (max-width: 1400px) {
  footer .foterTop form input {width: 200px;}
}

@media screen and (min-width: 200px) and (max-width: 1279px) {
  .container {width:1279px;}
  .indexFive .container {width:1279px;}
  .inFiSwiper {width:90%;}
}