@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; overflow-x: hidden;  background: #fff; min-width: 1300px }
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;}}
@media (min-width:1500px) and (max-width:1600px){html{font-size:15px;}}
@media (min-width:1400px) and (max-width:1499px){html{font-size:14px;}}
@media (min-width:1300px) and (max-width:1399px){html{font-size:13px;}}
@media (min-width:640px) and (max-width:1299px){html{font-size:12px;}}
@media (min-width:471px) and (max-width:639px){html{font-size:13px;}}
@media (min-width:329px) and (max-width:470px){html{font-size:14px;}}
@media (max-width:328px){html{font-size:14px;}}

/* CSS Document */
/* 头部 */
.heZwys {height: 12.56rem;}
header {position: fixed; width: 100%; top: 0; z-index: 9; background: #fff; transition: .5s;}
header .heBox {display: flex; justify-content: space-between; align-items: center; height: 8.19rem;}
header .heBox .heLe {display: flex; align-items: center;}
header .heBox .heLe h1 {font-size: 2.38rem;color: #333333;  font-family: "Noto Sans SC";font-weight: 700;}
header .heBox .heLe span {font-size: 1rem;color: #666666;  font-family: "Noto Sans SC"; font-weight: 300; }
header .heBox .heRe {display: flex; align-items: center;}
header .heBox .heRe .Icon {margin-right: 1rem;}
header .heBox .heRe em {display: block; color: #666666;font-size: 0.94rem;}
header .heBox .heRe b {color: #0A8CCA; font-size: 1.25rem;font-weight: 700;}
nav {background: #0071a6; position: fixed;width: 100%; top: 8.2rem; transition: .5s;}
nav .box {display: flex; justify-content: space-between; align-items: center;height: 4.38rem;}
nav ul {display: flex; height: 100%; align-items: center; width: 65%; justify-content: space-between;}
nav ul li {position: relative;display: flex;flex-direction: column;justify-content: center; height: 4.38rem;}
nav ul li a span {font-size: 1rem;font-weight: 400;color: #ffffff;display: block; transition: .5s;}
nav form {width: 15.19rem;height: 2.94rem;background: #fcfcfc;border-radius: 1.5rem;display: block; box-sizing: border-box; position: relative;}
nav form .text {position: absolute; height: 100%; outline: none; border: none;border-radius: 1.5rem 0 0 1.5rem; padding-left: 1.5rem; box-sizing: border-box; background: none; font-size: 1rem; color: #333;}
nav form .text::placeholder {font-size: 0.88rem;font-weight: 400;color: #a8a8a8;letter-spacing: 0.05rem;}
nav form .sub {position: absolute;right: 5%; width: 1.31rem;height: 1.31rem; outline: none; border: none;cursor: pointer; height: 100%; background: url(../images/searchIcon.png) no-repeat center; background-size: contain;}
.nav-icon {display: none;position: relative;width: 6px;height: 6px;background-color: #ffffff;border-radius: 50%;margin: auto;top:-5px; transition: .5s;}
.nav-icon:before {content: '';display: block;width: 6px;height: 6px;border-radius: 50%;opacity: .4;background-color: #ffffff;animation: navicon 1s infinite cubic-bezier(0, 0, .49, 1.02);}
@keyframes navicon {0% { transform: scale(1.5) }50%,75% {   transform: scale(2.5) }78%, 100% {    opacity: 0}}
nav ul li:hover a span {margin-bottom: 5px;}
nav ul li:hover a .nav-icon {display: block;top: 5px;}
nav ul li.on a span {margin-bottom: 5px;}
nav ul li.on .nav-icon {display: block;top: 5px;}

.headerBom {top: -200px;}
.headerBom nav {top: 0;}

/* 二级下拉 */

.navTwo {width:550px; position: absolute; top: 99%;}
.navTwo {display: none;padding: 1rem;line-height: initial;box-shadow: 0 1px 2px 0 rgb(0 0 0 / 30%);background: #fff}
.navTwo h3 {color: #333; font-size: 1rem; margin-bottom: 1rem; font-weight: bold;}
.navTwo dl {display: flex;flex-wrap: wrap;}
.navTwo dd {flex: 0 0 30%;}
.navTwo dd a {display: block;font-size: 14px; line-height: 45px; color: #666; transition-duration: .3s; padding: 0px 15px;margin: 10px 10px 0 0; border: 1px #efefef solid;border-radius: 8px 0px 8px 0px; white-space: nowrap;}
.navTwo dd a::before {content: "";display: inline-block; vertical-align: top;margin-right: 6px;width: 4px;height: 4px; background: #2882DD; position: relative; top: 20px;}
.navTwo dd a:hover {color: #2882DD;transform: translateX(6px);border: 1px #2882DD solid;border-radius: 8px 0px 8px 0px;}
.navTwo.active-menu {display: block;-webkit-animation: fadeBottom 1s;animation: fadeBottom 1s; }
@keyframes fadeBottom {0% {opacity: 0; max-height: 0;} to { opacity: 1; max-height: 800px;}}

nav ul li:nth-child(2) .navTwo {width: 100px;}
nav ul li:nth-child(3) .navTwo {width: 800px;}
nav ul li:nth-child(3) .navTwo dd {flex: 0 0 20%;}
nav ul li:nth-child(4) .navTwo {display: none !important;}
nav ul li:nth-child(5) .navTwo {display: none !important;}

/* banner */
.bannerSwiper {height: 42.5rem; position: relative; z-index: 1;
    overflow: hidden;}
.bannerSwiper .swiper-pagination {bottom: 4%;}
.swiper-pagination-bullet {width: 0.75rem;height: 0.75rem;background: #ffffff; box-sizing: border-box; margin: 0 10px !important; opacity: 1;}
.swiper-pagination-bullet-active {background: #0188c8;}

/* 首页公用标题 */
.indexTle {text-align: center; padding: 3.5rem 0; position: relative;}
.indexTle strong {font-size: 2.5rem;font-weight: 700;color: rgba(227, 227, 227,.25);text-transform: uppercase; display: block; position: absolute;left: 50%; top: 35%; transform: translate(-50%, -50%)}
.indexTle h3 {font-size: 2.5rem;font-weight: 700;color: #333333;position: relative; display: inline-block; z-index: 1;}
.indexTle h3::after {content: "";position: absolute; width: 100%; bottom: 5px;height: 0.44rem;opacity: 0.8;background: #e27e07;left: 0; z-index: -1;}
.indexTle p {font-size: 1rem;color: #666666; margin-top: 1rem;}

.indexOne {margin-bottom: 2rem;}
.indexOne .container {width: 1600px;}
.indexOne .swiperBox {position: relative; z-index: 1;}
.inOnSwiper {overflow: hidden; padding-left: 2px; padding-bottom: 2px; width: 1300px; margin: auto;}
.inOnSwiper .swiper-wrapper {flex-direction: initial !important; width: 100%;}
.inOnSwiper .swiper-slide {box-sizing: border-box; box-sizing: border-box;border: 0.06rem solid #dedede; overflow: hidden; margin-left: -1px;margin-bottom: -1px;}
.inOnSwiper .swiper-slide .imgBox img {display: block; width: 100%;}
.inOnSwiper .swiper-slide .imgBox {position: relative;overflow: hidden;}
.inOnSwiper .swiper-slide .con {background: #fcfcfc;border-top: 0.06rem solid #dedede; padding: 1.2rem; box-sizing: border-box;}
.inOnSwiper .swiper-slide .con h5 {font-size: 1.13rem;font-weight: 400;color: #333333;}
.inOnSwiper .swiper-slide .con span {font-size: 0.94rem;font-weight: 400;color: rgba(51, 51, 51,.3); text-transform: uppercase;}
.inOnSwiper .swiper-slide .hide {position: absolute; width: 100%; height: 100%; background: rgba(0, 113, 166,.89); top: 100%;}
.inOnSwiper .swiper-slide .hide {display: flex; flex-direction: column; justify-content: center; align-items: center; transition: .5s;}
.inOnSwiper .swiper-slide .hide h6 {font-size: 1.13rem;font-weight: 400;color: #ffffff;}
.inOnSwiper .swiper-slide .hide i {height: 0.06rem;background: #ffffff; width: 70%; margin: 1rem 0;}
.inOnSwiper .swiper-slide .hide a { border-radius: 30px; border: 1px solid #fff;transition: .5s;}
.inOnSwiper .swiper-slide .hide a {height: 2.25rem; width: 6.94rem; line-height: 2.25rem; color: #fff;text-align: center;font-size: 0.88rem; color: #fff;}
.inOnSwiper .swiper-slide .hide a:hover {background: #fff; color: #0A8CCA;}
.inOnSwiper .swiper-slide:hover .hide {top: 0;}
.inOnSwiper .swiper-button-prev ,.inOnSwiper .swiper-button-next {width: 4.31rem;height: 4.31rem; background: #f9f9f9; border-radius: 50%;}
.inOnSwiper .swiper-button-prev {transform: rotate(180deg);}

.indexTwo {background: url(../images/indexTwo-bj.jpg) no-repeat center; background-size: cover; text-align: center; padding: 4.5rem 0 5.5rem 0;}
.indexTwo p {font-size: 1.5rem;font-weight: 400;color: #ffffff;margin-top: 1rem;}
.indexTwo .text {font-size: 0.88rem;font-family: Arial, Arial-Regular;font-weight: 400;color: #ffffff;text-transform: uppercase;margin-bottom: 1.5rem;}

.indexThree {background: url(../images/indexThree-bj.jpg) no-repeat center;background-size: cover; padding-bottom: 3.5rem;}
.indexThree .box {display: flex;align-items: flex-start;}
.indexThree .box .re {padding-left: 3.5rem;box-sizing: border-box;/* margin-top: 2rem; */}
.indexThree .box .re h3 {font-size: 1.88rem;font-weight: 700;color: #0071a6;}
.indexThree .box .re i {display: block; height: 0.06rem;opacity: 0.1;background: #333333; width: 100%;margin-top: 0.8rem;}
.indexThree .box .re p {font-size: 1.2rem;font-weight: 400;color: #666666;line-height: 2;text-indent: 30px;/* margin-top: 3rem; */text-align: justify;}
.indexThree .box .re .more {display: grid;grid-template-columns: repeat(2,auto);gap: 1.38rem;justify-content: flex-start;margin-top: 8.5rem;}
.indexThree .box .re .more a {text-align: center;width: 10.13rem;height: 2.88rem;background: #e27e07;border-radius: 1.44rem; line-height: 2.88rem;}
.indexThree .box .re .more a {font-size: 1rem;font-weight: 700;color: #ffffff;transition: .5s;}
.indexThree .box .re .more a:nth-child(2) {background: #0071a6;}

.indexFour {background: #002e53; padding: 2rem 0 7rem 0;}
.indexFour .indexTle strong {color: rgba(227, 227, 227,.38);}
.indexFour .indexTle h3 {color: #fff;}
.indexFour .indexTle p {color: #fff;}
.inFoSwiper {position: relative; overflow: hidden;}
.inFoSwiper .swiper-slide {    padding: 30px 30px 0 0 !important;box-sizing: border-box;}
/* .inFoSwiper .swiper-wrapper {flex-direction: initial !important; width: 100%;} */
.inFoSwiper .swiper-wrapper {flex-direction: initial !important; width: 100%;}

.inFoSwiper .imgBox {height: 7.63rem;background: #ffffff; display: flex; justify-content: center; align-items: center;}
.inFoSwiper .imgBox img {max-width: 100%;transition: .5s;}
.inFoSwiper .swiper-slide:hover img {transform: scale(1.05);}

.indexFive {background: #f7f7f7; padding-bottom: 3rem;}
.indexFive .box {display: flex;justify-content: space-between;}
.indexFive .box .le {width: 40.5%; background: #fff;}
.indexFive .box .le .imgBox {position: relative; overflow: hidden;}
.indexFive .box .le .imgBox img {display: block;max-width: 100%; transition: .5s;}
.indexFive .box .le .imgBox .time {position: absolute; left: 0; top: 0;background: rgba(0, 0, 0,.65);width: 5.63rem;height: 5.81rem;display: flex; flex-direction: column; justify-content: center; align-items: center;}
.indexFive .box .le .imgBox .time .num {font-size: 2.5rem;font-weight: 400;color: #ffffff; line-height: 3rem;}
.indexFive .box .le .imgBox .time .num2 {font-size: 1rem;font-weight: 700;color: #ffffff;}
.indexFive .box .le .con {padding: 2rem; background: #fff;}
.indexFive .box .le .con h6 {font-size: 1.13rem;font-weight: 700;color: #333333; transition: .5s;}
.indexFive .box .le .con p {font-size: 0.88rem;font-weight: 400;color: #666666;margin: 1rem 0;}
.indexFive .box .le .con .more {font-size: 0.88rem;font-weight: 400;color: #0071a6; text-transform: uppercase;}
.indexFive .box .le .con .more span {margin-left: 1rem;}
.indexFive .box .le .imgBox:hover img {transform: scale(1.05);}
.indexFive .box .le .con h6:hover {color: #0071a6;}
.indexFive .box ul {width: 58.5%; display: grid; row-gap: 0.88rem;}
.indexFive .box ul li {display: grid; grid-template-columns: repeat(3,auto); justify-content: flex-start;gap: 2rem; align-items: center; background: #ffffff; padding: 1rem 2rem; box-sizing: border-box; height: 100%;}
.indexFive .box ul li:first-child {margin-top: 0;}
.indexFive .box ul li .time {text-align: center;}
.indexFive .box ul li .time strong {font-size: 2.5rem;font-family: Arial, Arial-Regular;font-weight: 400;color: #0171a7;display: block; line-height: 2.5rem;}
.indexFive .box ul li .time em {display: block;font-size: 1rem;color: #666666;opacity: 0.37;}
.indexFive .box ul li i {height: 100%; background: #050001; width: 0.06rem;opacity: 0.3;}
.indexFive .box ul li h6 {font-size: 1.13rem;font-weight: 700;transition: .5s; color: #333333;display: -webkit-box;overflow: hidden;	-webkit-line-clamp: 1;-webkit-box-orient: vertical; }
.indexFive .box ul li p {font-size: 0.88rem;font-weight: 400;color: #666666; display: -webkit-box;overflow: hidden;	-webkit-line-clamp: 1;-webkit-box-orient: vertical; }
.indexFive .box ul li:hover h6 {color: #0071a6;}

/* 底部 */
footer {background: #2e2e2e;}
footer .box {display: flex; justify-content: space-between; padding: 5rem 0;}
footer .box dl {position: relative;}
footer .box dl dt {position: relative;font-size: 1.25rem;font-weight: 400;color: #ffffff;margin-bottom: 2rem;}
footer .box dl dt i {width: 6.25rem;height: 1px;background: #ffffff;display: block;opacity: .5;}
footer .box dl dd {float: left;width: 50%;margin-top: 1rem;}
footer .box dl dd a {font-size: 1rem;font-weight: 400;color: rgba(255, 255, 255,.75); display: block;}
footer .box dl dd {font-size: 1rem;font-weight: 400;color: rgba(255, 255, 255,.75); display: block;}
footer .box dl dd a:hover {color: #fff; opacity: 1;}
footer .box dl:nth-child(1) {width: 25%;}
footer .box dl:nth-child(1)::after {content: ""; width: 1px;height: 6.25rem;opacity: 0.5; background: #ffffff;position: absolute; right: 0;}
footer .box dl:nth-child(2) {width: 43%;margin-right: 8%;}
footer .box dl:nth-child(2) dd:last-child {white-space: nowrap;}
footer .box .code {text-align: center; margin-top: 8px;}
footer .box .code span {display: block;font-size: 1.13rem;font-weight: 400;color: #ffffff;margin-top: 0.2rem;}
.copy {padding: 1rem 0; border-top: 1px solid rgba(0, 0, 0,.37);}
.copy .container {display: flex; justify-content: space-between; flex-wrap: wrap;}
.copy p ,.copy p a {font-size: 0.88rem;font-weight: 400;color: #949494;}
.copy p a:hover {color: #fff;}



/* ========================内页====================== */
.ny-banner .bannerSwiper {height: 35rem;}

/* 面包屑 */
.position{height:52px; line-height:52px; font-size:14px; border-bottom: solid 1px #dfdfdf; margin-bottom: 40px;}
.position .container{background:url(../images/position-home.png) no-repeat 0 center; padding-left:30px;box-sizing: border-box;}
.position a{background:url(../images/position-arrow.png) no-repeat right; padding-right:20px; margin-right:10px;}
.position a:last-child{background: transparent;}
.position .on{color: #0071a6;}
.position a:hover{color: #0071a6;}

/* 关于我们 */
.aboutCon {margin: 30px 0;}

/*产品中心*/
.ny-main {margin-bottom: 50px;}
.ny-left{width: 263px; background: #f5f5f5; margin-left: 9px; padding-bottom: 42px;    position: sticky;top: 90px;}
.column-title{background:url(../images/column-bg.png) no-repeat left center; height: 272px; height: 78px;  margin-left: -9px}
.column-title strong{display: block; margin-left: 15px; font-size: 22px; line-height: 64px;}
.column-title img{margin-right: 14px}
.column-title b{display: inline-block; font-size: 16px; color: #e9e9e9; font-family: arial; font-weight: normal; margin-left: 12px;}
.ctitle1 {width: 225px; margin-left: 15px; margin-bottom: 35px;}
.ctitle1 > li{width: 100%;}
.ctitle1 > li > a {display: block; font-size: 16px; line-height: 42px; color: #333333; border-bottom: 1px solid #DBDBDB; transition:0.6s;position: relative;}
.ctitle1 > li.isOn > a::after {content: "∨"; position: absolute; right: 0;font-size: 16px;  color: #000;}
.ctitle1 > li.on > a,.ctitle1 > li:hover > a{color: #0071a6; text-indent: 10px;}

.ctitle2 {padding: 10px; display: none;}
.ctitle2.on {display: block;}
.ctitle2 > li {padding: 5px 0; border-bottom: 1px solid #eee;}
.ctitle2 > li > a {color: #333; font-size: 16px; display: block;transition:0.6s;}
.ctitle2 > li.on > a ,.ctitle2 > li:hover > a {color: #0071a6; text-indent: 10px;}


.contact {width: 230px; margin: 0 auto}
.contact img{display: block;  margin-bottom: 27px;}
.contact em{display: block; font-size: 16px; color: #333333}
.contact b{color: #0071a6; font-size: 20px; font-family: arial; width: 92%; display: block}
.contact span{display: inline-block; margin-left: 79px;}
.ny-right{width: 980px; overflow: hidden;}
.product-list ul{width: 963px;}
.product-list ul li{float: left; width: 296px; margin-right: 25px; margin-bottom: 25px;}
.product-list ul li .pic{ border: 1px solid #e5e5e5; overflow: hidden;}
.product-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;}
.product-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;}
.product-list ul li .info{height: 166px; background: #f5f5f5; padding: 22px 20px 0; box-sizing:border-box;}
.product-list ul li h3{display: block; font-size: 16px; color: #333; font-weight: bold; margin-bottom: 9px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.product-list ul li p{color: #8f8f8f;line-height: 20px; margin-bottom: 25px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.product-list ul li span{color: #A7A7A7; font-family: arial;}
.product-list ul li:hover h3{color: #0071a6}

/*产品详情*/
.ny-right .pro1{margin-bottom: 40px;}

.ny-right .pro1 .pro-list-pic{width: 352px;}
.ny-right .pro1 .spec-preview img{display: block;}
.ny-right .pro1 .descript1{width: 550px;position: relative;}
.ny-right .pro1 .descript1 strong.title1{line-height: 38px;font-size: 20px; color: #2d2d2d;display: block;border-bottom: 1px solid #c0ccd6; padding: 10px 0 15px; margin-bottom: 10px;}
.ny-right .pro1 .descript1 p{font-size: 13px;color: #666;line-height: 28px;margin: 10px 0;text-align: justify; overflow: hidden; }
.ny-right .pro1 .descript1 a.consult{display: block; width: 120px; height: 40px; font-size: 15px; color: #fff; line-height: 40px; text-align: center; background: #333; margin-bottom: 0 }
.ny-right .pro1 .descript1 a.consult:hover{background-color: #0071a6;}
.ny-right .pro1 .descript1 p.haoma{ color: #333;font-size: 22px;display: block; margin: 20px 0; text-align: left;color: #0071a6; font-weight: bold; }
.ny-right .pro1 .descript1 p.haoma em {display: inline-block;color: #0071a6;font-size: 22px;font-weight: bold; vertical-align: middle;}

.ny-right .detail {margin-bottom: 20px;}
.ny-right .detail .de-title{border-bottom: solid 3px #0071a6; margin-bottom: 20px;}
.ny-right .detail .de-title a{display: block;width: 130px; font-size: 16px;line-height: 45px;color: #fff; text-align: center; margin-top: 35px;background:#0071a6;}
.pro-wechat{display: none; position: absolute; left: 150px;    bottom: -92px;}
.pro-wechat img{display: block; margin: 30px auto 0; box-shadow: 1px 1px 3px rgba(0,0,0,0.1);}
.infor img {max-width: 100%;}


/*内页 新闻列表*/
.ny-news-list ul li{overflow: hidden;padding-bottom: 25px;border: none;border-bottom: solid 1px #f0f0f0; margin-bottom: 25px;}
.ny-news-list ul li .date{width: 78px;padding: 16px 7px;border:solid #ccc 1px;border-radius: 2px;font-family: arial; }
.ny-news-list ul li .date span{display: block;border-bottom: solid #ccc 1px;font-size: 42px;line-height: 36px;color: #0071a6; padding-bottom: 6px;}
.ny-news-list ul li .date p{font-size: 16px;line-height: 16px;color: #808080; margin-top: 10px;text-align: center;}
.ny-news-list ul li .descript{overflow: hidden;width: 818px;}
.ny-news-list ul li .descript h3{font-size: 18px;line-height: 36px;color: #333;display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.ny-news-list ul li .descript p{color: #999;line-height: 22px;padding-top: 5px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2 ;-webkit-box-orient:vertical;text-align: justify;}
.ny-news-list ul li:hover .descript h3{color: #0071a6;}
.ny-news-list ul li:hover {border-color: #0071a6;}

/* 新闻详情 */
.ny-news-xq {margin-bottom:70px;}
.page-fy {border-top:1px solid #ddd;padding:10px 0}
.page-fy a:hover {color: #0071a6;}
.ny-news-xq .news-title{padding-bottom:45px;border-bottom:2px solid #0071a6;margin-bottom:0;position: relative;}
.ny-news-xq .news-title h2{font-size:28px;line-height: 40px;margin-bottom:26px;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:108px;height:48px;line-height: 48px;border-radius:48px;color:#fff ;background-color: #0071a6;padding:0 20px;display: block;text-align: center; font-size:18px;position: absolute;top:20px;right:0}
.newsCon {margin: 30px 0;}


/* 客户反馈 */
.feedback{width:auto;margin:0 auto;width:650px;}
.feedback dl{overflow: hidden;padding:5px 0;}
.feedback dd{overflow: hidden;}
.feedback dt.fdtitle{font-weight: normal;font-size: 16px; float: left;width:90px;}
.feedback dd .fdinput{float:left;width:450px;line-height: 35px;height:35px; background: #fff;border:1px solid #ddd;border-radius: 3px;padding-left:15px}
.feedback dd .fdtext{width:450px;height:80px;float:left; background: #fff;border:1px solid #ddd;border-radius: 3px;padding-left:15px;padding-top:10px;}
.feedback dd .fdsub,.feedback dd .fdres{border-radius: 3px;padding:2px 20px;margin-left:10px;line-height:20px;color:#fff;cursor: pointer;font-family: "微软雅黑"}
.feedback dd .fdsub{margin-left:90px; border:1px solid #f50; background:#f60;width:120px;height:35px;line-height:35px;}
.feedback dd .fdres{border:1px solid #282828; background:#444;width:120px;height:35px;line-height:35px;}
.feedback .codeimg{float:left;margin-left:5px;cursor:pointer;border:1px solid #ddd; width:100px; height:28px;}
/*vaildate*/
#yzform label.error{position:absolute;padding:3px 15px;background: #f8f8f8;border:1px solid #ddd;margin-left:25px;font-weight: normal;color:#f30;border-radius: 3px;}

/* 荣誉资质 */
.solution-list ul {display: flex; flex-wrap: wrap;justify-content: space-between;}
.solution-list ul::after {width: 32%; content: "";}
.solution-list ul li {width: 32%; text-align: center; margin-bottom: 30px;}
.solution-list ul li .img {border: 1px solid #eee; display: flex; justify-content: center; align-items: center;}
.solution-list ul li img {display: block; max-width: 100%; transition: .5s;}
.solution-list ul li h3 {color: #333; font-size: 16px; margin-top: 10px;}
.solution-list ul li:hover img {transform: scale(1.05);}


/* 分页 */
.fy { padding: 4rem 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: #0071a6;}
.fy .layui-laypage-curr {color: #fff; background: #0071a6; font-size: 14px;  margin: 0 5px; padding: 5px 15px;}

table {float: none;}


/* 搜索页面 */
.search-page .box {margin-top: 10vh;}
.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: 19px;  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: #0071a6; 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;
    }
}





@media screen and (min-width: 200px) and (max-width: 1300px){
    .indexOne .container {
        width: 100%;
    }
    .inOnSwiper{width: 90%}
}


.ny-right .pro1 .pro-list-pic{display: none}
.ny-right .pro1 .descript1{width: 100%}