/* ==================公用css====================== */
/* 滚动条 */
.headerNavScroll::-webkit-scrollbar {
width: 3px;
scrollbar-width:thin;
scrollbar-color:#2AA667 #DDDDDD;
}
/*定义滑块 内阴影*/
.headerNavScroll::-webkit-scrollbar-thumb {
background: #2AA667;
border-radius: 5px;
}
/*定义滚动条轨道 内阴影*/
.headerNavScroll::-webkit-scrollbar-track {
background: #E5E5E5;
}
/* ===============公用css end!!!!===================*/
.more1 {
padding: .75rem 2.625rem;
	background: #0078ff;
	border-radius: 6.25rem;
	color: #fff;
	font-size: var(--font18);
margin-right: .938rem;
transition: .5s;
}
.more2 {
padding: .75rem 2.625rem;
	border: 1px solid #0078ff;
	border-radius: 6.25rem;
	color: #0078FF;
	font-size: var(--font18);
transition: .5s;
}
.more1:active {
box-shadow: 0 0 .625rem #0078ff;
}
.more2:active {
	background: #0078ff;
	color: #fff;
box-shadow: 0 0 .625rem #0078ff;
}
@media (any-hover: hover) {
 .more1:hover {
box-shadow: 0 0 .625rem #0078ff;
}
 .more2:hover {
background: #0078ff;
color: #fff;
box-shadow: 0 0 .625rem #0078ff;
}
}
/* ======首页======= */
.header {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99;
	width: 100%;
	background-color: rgba(255, 255, 255, 0.8);
}
.headBox {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 6.4375rem;
}
.headBox .logo img {
}
.head-right {
    width: 65.8%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    height: 100%;
}
.pc-nav {
	width: 77.6%;
}
#header-zw {
	height: 6.4375rem;
}
/* 头部导航 */
.pc-nav {
	height: 100%;
	width: 76%;
}
.pc-nav > ul {
	display: flex;
	justify-content: space-between;
	height: 100%;
}
.pc-nav > ul > li {
	height: 100%;
	display: flex;
	align-items: center;
	position: relative;
}
.pc-nav > ul > li h3 {
	color: #000;
	font-size: var(--font20);
	position: relative;
	line-height: initial;
transition: .4s;
}




.pc-nav > ul >li:hover h3, .pc-nav >ul >li.on h3 {
	color: #00559e;
	font-weight: bold;
}
.pc-nav > ul >li h3::after {
content: "";
width: 0;
position: absolute;
bottom: -0.875rem;
left: 50%;
height: 2px;
background: #00559E;
transition: .5s;
}
.pc-nav > ul >li:hover h3::after, .pc-nav >ul >li.on h3::after {
width: 100%;
left: 0%;
}
/* 其他二级栏目下拉 */
.navSlideTwo {
	display: none;
	top: 100%;
	left: 50%;
	transform: translate(-50%, -0%);
	position: absolute;
	background: #fff;
	width: max-content;
padding: .625rem 1.25rem;
}
.navSlideTwo dl {
	display: block;
}
.navSlideTwo dl dd {
	display: block;
padding: .3125rem 0;
transition: .5s;
	text-align: center;
}
.navSlideTwo dl dd a:hover {
	color: #00559e;
}
.header.c-style2 {
	background-color: #fff;
}
/* 语言切换 */
.luangage {
	display: flex;
	align-items: center;
	position:relative;
	cursor: pointer;
	border-left: 1px solid rgba(51, 51, 51, .3);
	border-right: 1px solid rgba(51, 51, 51, .3);
	padding:  0 2.8125rem;
}
.ver span {
margin: 0 .5625rem;
}
.ver em>img {
	width: 1rem;
}
.ver em>.ver-icon {
width: .5625rem
}
.weblinks {
	z-index: 2;
	box-shadow: 0 0 0.1rem rgb(0, 0, 0, .2);
	position: absolute;
	background: #fff;
	border-radius: 5px;
padding: .1rem 40px;
	left: 50%;
	top: 160%;
	text-align: center;
	transform:translateX(-50%) translateY(35%);
	opacity: 0;
	visibility: hidden;
transition: .5s;
	width:max-content;
}
.weblinks::before {
content: "";
width: 1.25rem;
height: .625rem;
background: #fff;
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
-webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
background: #fff;
position: absolute;
left: 50%;
top: -3%;
transform: translate(-50%, -50%);
}
.weblinks a {
	justify-content: center;
}
.weblinks a {
margin: .625rem 0;
	display: block;
}
.weblinks a:hover {
	color: #00559e;
}
.luangage:hover .weblinks {
	opacity: 1;
	transform:translateX(-50%) translateY(0%);
	visibility: visible;
}
/* 搜索下拉 */

.headSearch {
	width: 3.125rem;
	height: 3.125rem;
	background: #00559e;
	border-radius: 50%;
}
.headSearch img {
	width: 1rem;
}
.hadbox-sec4 {
	background-color: #fff;
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	padding: 5.625rem 0 6.625rem;
	display: none;
	border-top: 1px solid #eee;
	box-sizing: border-box;
	box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
}
.hadbox-sec4 .f_tit {
	color: #222222;
	margin-bottom: 1.5rem;
	font-size: var(--font36);
}
.hadbox-sec4 .form {
	display: flex;
	align-items: center;
	padding-bottom: 1.25rem;
	border-bottom: 1px solid #dddddd;
}
.hadbox-sec4 .form i {
	display: block;
	width: 1.875rem;
	overflow: hidden;
}
.hadbox-sec4 .form i svg {
	width: 100%;
}
.hadbox-sec4 .form input {
	width: calc(100% - 19.375rem);
	padding: 1rem 1.5rem;
	font-size: var(--font20);
	color: #333333;
}
.hadbox-sec4 .form .f_sub {
	width: 11.25rem;
	height: 3.5rem;
	min-height: 45px;
	background: #00559e;
border-radius: .3125rem;
	font-size: var(--font24);
	color: #ffffff;
	cursor: pointer;
}
/* banner */
.indexBanner {
	overflow: hidden;
	position: relative;
}
.indexBanner .swiper {
}
.indexBanner .slide .bjBox {
}
.indexBanner .slide .bjBox img {
	display: block;
	width: 100%;
}
/* 控件 */
.indexBanner .pagtion {
	bottom: 2.9375rem;
}
.indexBanner .pagtion .swiper-pagination-bullet {
margin: 0 .3125rem;
	background: #fff;
	position: relative;
	opacity: 1;
	width: auto;
	height: auto;
	background: none;
}
.indexBanner .pagtion .pag {
	width: 21px;
	height: 21px;
	background: none;
	opacity: 1;
	box-sizing: border-box;
	display: block;
	border-radius: 50%;
	position: relative;
	margin: auto;
}
.indexBanner .pagtion .pag .num {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
transition: .5s;
	color: #00559E;
}
.indexBanner .pagtion .pag i {
	width: 9px;
	height: 9px;
	background: #666666;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
}
.indexBanner .pagtion .svgBox {
	width: 145%;
	height: 145%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
transition: .4s;
}
.indexBanner .pagtion .svgBox svg {
	fill: none;
	transform: rotate(-90deg);
	fill: none;
	stroke-width:1px;
	stroke:#00559E;
	stroke-dasharray:130;
	stroke-dashoffset:130;
	overflow: visible;
}
.indexBanner .pagtion .swiper-pagination-bullet-active .pag {
	border-color: rgba(255, 255, 255, .2)
}
.indexBanner .pagtion .swiper-pagination-bullet-active .pag svg {
	animation: dashTooffset 3s linear forwards;
}
@keyframes dashTooffset {
0% {
stroke-dashoffset: 130;
}
100% {
stroke-dashoffset: 0;
}
}
/*  热销产品*/
.product-bg {
	background: #f1f6fb;
	padding: 4.125rem 0 0;
	overflow: hidden
}
.index-title {
	margin-bottom: 3.4375rem;
}
.index-title strong {
	color: #00559e;
}
.index-title b {
	color: #333;
}
.index-title h3 {
	color: #333333;
}
.product-right b {
	color: rgba(0, 85, 158, .1);
	letter-spacing: 1.68px;
	text-align: right;
	text-transform: uppercase;
	display: block;
}
.pro-btn ul li {
	position: relative;
	margin-left: 2.8125rem;
}
.pro-btn ul li:first-child {
	margin-left: 0;
}
.pro-btn ul li a {
	color: #333333;
}
.pro-btn ul li::after {
position: absolute;
content: '';
width: 0;
height: 1px;
background: #00559e;
left: 0;
bottom: -1rem;
transition: .6s;
}
.pro-btn ul li.on::after, .pro-btn ul li:hover::after {
width: 100%;
}
.pro-btn ul li.on a, .pro-btn ul li:hover a {
	font-weight: 700;
	color: #00559e;
}
.product-bg .swiperBox {
	position: relative;
	padding-top:40px
}
.product-bg .swiperBox .item {
	position: relative;
	display: none;
}
.product-bg .swiperBox .item.on {
	display: block;
animation:fadeInUp .5s forwards;
}
.product-list {
	overflow: hidden;
	padding-bottom: 9.5625rem;
}
.product-list ul {
}
.product-list ul li {
	border: 1px solid #f2f2f2;
	box-sizing: border-box;
}
.product-list ul li .imgBox {
	overflow: hidden;
	position: relative;
}
.product-list ul li .imgBox>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 .imgBox>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 .hide {
	position: absolute;
	content: '';
	background: rgba(0, 0, 0, .8);
	width: 100%;
	height: 100%;
	top: -100%;
	display: flex;
	align-items: center;
	justify-content: center;
transition: .6s;
}
.product-list ul li .icon {
	width: 3.125rem;
	height: 3.125rem;
	background: #00559e;
	border-radius: 50%;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.product-list ul li:hover .hide {
	top: 0;
}
.product-list ul li .con {
	background: #fff;
	text-align: center;
padding: .75rem 0 1.1875rem;
	border-top: 1px solid #f2f2f2;
	box-sizing: border-box;
}
.product-list ul li h3 {
	color: #333333;
	font-weight: 700;
}
#product-num {
	top: auto;
height: .0625rem;
	background: #e2e7ec;
	width: 93%;
	margin-top: 3.25rem;
}
#product-num .swiper-pagination-progressbar-fill {
	background: #00559e;
}
#index-prev, #index-next {
	top: auto;
	margin-top: 2.1875rem;
	width: 2.4375rem;
	height: 2.4375rem;
	background: #ffffff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}
#index-prev img, #index-next img {
min-width: .3125rem;
}
#index-next img {
	transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
}
#index-prev {
	left: auto;
	right: 3.5%;
}
#index-next {
	right: 0;
}
/* 关于我们 */
.about-bg {
	background: url(../images/about-bg.jpg)no-repeat center;
	background-attachment: fixed;
	padding: 12.25rem 0 14.1875rem;
	background-size: cover;
}
.about-box .info {
	width: 47%;
	color: #fff;
}
.about-box .info strong {
	display: block;
	margin-bottom: 3.125rem;
}
.about-box .info h3.note {
	margin-bottom: 2.125rem;
}
.about-link {
	margin-top: 3.875rem;
}
.about-link ul li {
	text-align: center;
transition: .6s;
}
.about-link ul li:last-child {
	margin-right: 25%;
}
.about-link ul li img {
	height: 3.75rem;
}
.about-link ul li em {
	color: #ffffff;
	display: block;
	margin-top: 1.25rem;
}
.about-link ul li:hover {
	transform: translateY(-1.25rem);
}
.video-btn {
}
.video-btn {
	width: 46.25rem;
	position: relative;
	cursor: pointer;
	z-index: 2;
	text-align: center;
border-radius: .75rem;
}
.video-btn img {
	max-width: 100%;
	max-height: 100%;
border-radius: .75rem;
}
.video-btn::before {
animation: playbtnscale 2s ease-out infinite;
background: #fff;
opacity: 0.5;
animation-delay: 0;
}
.video-btn::before {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 1.5rem;
height: 1.5rem;
border-radius: 50%;
content: '';
z-index: -1;
}
@keyframes playbtnscale {
0% {
transform: translate(-50%, -50%) scale(1);
opacity: .9
}
100% {
transform: translate(-50%, -50%) scale(7);
opacity: 0;
}
}
.video-btn em {
	color: #fff;
	margin-top: 1rem;
	display: block;
}

/* 品牌优势 */
@font-face {
 font-family: "Martel";
 src: url("../font/MARTEL-BOLD.TTF");
}
.ys-bg {
	background: url(../images/ys-bg.jpg) no-repeat center top;
	background-size: cover;
	padding: 3.375rem 0 3.6875rem;
}
.ys-list {
	overflow: hidden;
	position: relative;
}
.ys-list ul li .pic {
	overflow: hidden;
	position: relative;
}
.ys-list ul li .pic img {
	display: block;
	width: 100%;
border-radius: .75rem;
}
.ys-list ul li .info {
}
.ys-list ul li .info {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	z-index: 1;
}
.ys-list ul li .text {
	opacity: 0;
	position: relative;
	background-color: rgba(255, 255, 255, 0.8);
border-radius: .75rem;
	width: 56.3%;
	padding: 4.125rem 2.4375rem 3.1875rem;
	box-sizing: border-box;
	margin-left: 5%;
}
.ys-list ul li .text::after {
position: absolute;
content: '';
width: 100%;
height: 90%;
border-radius: .75rem;
left: -1.125rem;
top: 50%;
transform: translateY(-50%);
z-index: -1;
}
.ys-list ul li .ys-top {
	margin-bottom: 1.875rem
}
.ys-list ul li .ys-title strong {
	color: #00559e;
	display: block;
}
.ys-list ul li .ys-title span {
	color: #666666;
	line-height: 1;
	display: block;
}
.ys-list ul li .ys-top img {
	width: 3.3125rem;
}
.ys-list ul li .text h4 {
	color: #333333;
	margin-bottom: 1.75rem;
}
.index-tel em {
	background: #00559e;
	border-radius: 1.8125rem;
	color: #ffffff;
padding: .625rem .5rem .625rem 1.125rem;
transition: .6s;
	display: block;
}
.index-tel em>img {
	width: 2.4375rem;
	margin-left: 1.25rem;
}
.index-tel b {
	font-family: "Martel";
	color: rgba(51, 51, 51, .1);
	line-height: 1;
}
.ys-list ul li:hover .index-tel em {
-webkit-box-shadow: 0 0 0 .625rem rgba(0, 85, 158, .2);
box-shadow: 0 0 0 .625rem rgba(0, 85, 158, .2);
}
#ys-prev, #ys-next {
	display: flex;
	align-items: center;
	justify-content: center;
}
#ys-prev img, #ys-next img {
	min-width: 1.0625rem;
}
#ys-next img {
	transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
}
#ys-prev {
	left: 14.5%;
}
#ys-next {
	right: 14.5%;
}
/* .ys-list ul li.swiper-slide-active .info{background: transparent;} */
.ys-list ul li.swiper-slide-active .text {
	opacity: 1;
}
.ys-box {
	position: relative;
	padding-bottom: 6.8125rem;
}
.ys-box .pagtion::after {
position: absolute;
content: '';
width: 100%;
height: .0625rem;
background: rgba(207, 207, 207, .2);
left: 0;
top: 40%;
transform: translateY(-50%);
z-index: -1;
}
.ys-box .pagtion .swiper-pagination-bullet {
	margin: 0 1.875rem;
	background: #fff;
	position: relative;
	opacity: 1;
	width: auto;
	height: auto;
	background: none;
}
.ys-box .pagtion .pag {
	width: 21px;
	height: 21px;
	background: none;
	opacity: 1;
	box-sizing: border-box;
	display: block;
	border-radius: 50%;
	position: relative;
	margin: auto;
}
.ys-box .pagtion .pag .num {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
transition: .5s;
	color: #00559E;
}
.ys-box .pagtion .pag i {
	width: 9px;
	height: 9px;
	background: #666666;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
}
.ys-box .pagtion .svgBox {
	width: 145%;
	height: 145%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
transition: .4s;
}
.ys-box .pagtion .svgBox svg {
	fill: none;
	transform: rotate(-90deg);
	fill: none;
	stroke-width:1px;
	stroke:#00559E;
	stroke-dasharray:130;
	stroke-dashoffset:130;
	overflow: visible;
}
.ys-box .pagtion .swiper-pagination-bullet-active .pag {
	border-color: rgba(255, 255, 255, .2)
}
.ys-box .pagtion .swiper-pagination-bullet-active .pag i {
	background: #00559e;
}
.ys-box .pagtion .swiper-pagination-bullet-active .pag svg {
	animation: dashTooffset 3s linear forwards;
}
@keyframes dashTooffset {
0% {
stroke-dashoffset: 130;
}
100% {
stroke-dashoffset: 0;
}
}
/* 荣誉证书  */
.honor-bg {
	background: url(../images/honor-bg.jpg) no-repeat center top;
	padding: 8.4375rem 0 9.125rem;
	background-size: cover;
}
.honor-box {
	align-items: flex-start;
}
.honor-box .honor-left, .honor-box .honor-pic {
	width: 50%;
}
.honor-box .honor-left {
	display: flex;
	justify-content: flex-end;
}
.honor-box .info {
	color: #fff;
	width: 79%;
}
.honor-title {
	position: relative;
	margin-bottom: 3.125rem;
}
.honor-title span {
	color: rgba(255, 255, 255, .2);
	font-weight: bold;
	position: absolute;
	top: 0;
	left: 0;
	line-height: 1;
}
.honor-title strong {
	display: block;
	padding-top: 1.25rem;
	margin-bottom: 2.125rem;
}
.honor-title i {
	display: block;
	width: 5.1875rem;
height: .125rem;
	background: #ffffff;
}
.honor-top {
	align-items: flex-start;
}
.honor-top img {
	width: 9.875rem;
}
.honor-box .info h3 {
	width: 90%;
}
.honor-box .info h3.text1 {
	margin-bottom: 2rem;
}
.honor-box .info h3.text2 {
	margin-bottom: 5.625rem;
}
.num-list {
	width: 92%;
}
.num-list ul li {
	position: relative;
}
.num-list ul li .pic {
}
.num-list ul li .pic img {
	width: 12rem;
}
.num-list ul li .text {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.num-list ul li b {
	line-height: 1;
}
.num-list ul li em {
margin-top: .3125rem;
	display: block;
}
.honor-box .honor-pic {
	display: flex;
	justify-content: flex-end;
}
.honor-box .honor-pic img {
	display: block;
	width: 55.125rem;
}
/* 携手共进 共创辉煌 */
.idea {
	padding: 4rem 0;
}
.idea .index-title strong {
	display: block;
	margin-bottom: 1.1875rem;
}
.idea-list ul li {
	width: 48.4%;
}
.idea-list ul li .pic {
	overflow: hidden;
}
.idea-list ul li .pic img {
	display: block;
	width: 100%;
}
.idea-list ul li .info {
	text-align: center;
	padding: 2rem 0 0;
}
.idea-list ul li .info strong {
	display: block;
	margin-bottom: 1.8125rem;
}
.idea-list ul li .info b {
	color: #00559e;
}
.idea-list ul li .info a {
transition: .6s;
}
.index-tel a {
	background: #00559e;
	border-radius: 1.8125rem;
	color: #ffffff;
padding: .625rem .5rem .625rem 1.125rem;
transition: .6s;
	display: inline-block;
}
.index-tel a>img {
	width: 2.4375rem;
	margin-left: 1.25rem;
}
.index-tel b {
	font-family: "Martel";
	color: rgba(51, 51, 51, .1);
	line-height: 1;
}
.index-tel a:hover {
-webkit-box-shadow: 0 0 0 .625rem rgba(0, 85, 158, .2);
box-shadow: 0 0 0 .625rem rgba(0, 85, 158, .2);
}
.idea-list ul li .info .index-tel a {
padding: .625rem .5rem .625rem 1.125rem;
}
.idea-list ul li .info a {
	display: inline-block;
	background: #00559e;
	border-radius: 1.8125rem;
	color: #ffffff;
	padding: 1.047rem 1.625rem
}
.idea-list ul li .info a>img {
	min-width: 1.75rem;
margin-right: .9375rem;
}
.idea-list ul li:hover .info a {
-webkit-box-shadow: 0 0 0 .625rem rgba(0, 85, 158, .2);
box-shadow: 0 0 0 .625rem rgba(0, 85, 158, .2);
}
/* 解决方案 */
.solution-bg {
	background: url(../images/solution-bg.jpg) no-repeat center;
	background-size: cover;
	padding: 4rem 0 4.125rem;
}
.solution-bg .index-title strong, .solution-bg .index-title h3 {
	color: #ffffff;
}
.solution-bg .swiper-fade .swiper-slide {
	pointer-events: auto!important;
}
.solution-bg .swiperBox2 .swiper-slide-active {
	z-index: 11;
}
.inTwoSwiper3 {
	position: static!important;
}
.solution-bg .swiperBox3 {
	position: relative!important;
}
.solution-btn {
	margin-bottom: 3.75rem;
}
.solution-btn ul {
	justify-content: space-between;
}
.solution-btn ul li {
	width: 11.875rem!important;
}
.solution-btn ul li a {
	cursor: pointer;
	text-align: center;
border-radius: .25rem;
	background: #575f76;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: 2.125rem 0;
}
.solution-btn ul li img {
	height: 3.375rem;
}
.solution-btn ul li em {
	color: #ffffff;
margin-top: .875rem;
}
.solution-btn ul li.swiper-slide-thumb-active a {
	background: #212d54;
}
.solution-top {
	padding-bottom: 3.375rem;
	border-bottom: 1px solid rgba(255, 255, 255, .1);
	margin-bottom: 2.3125rem;
}
.solution-top h4 {
	color: #ffffff;
	align-items: flex-end;
	line-height: 1;
}
.solution-top h4>img {
	width: 2.875rem;
	margin-right: 1.25rem;
}
.solution-top span {
	color: #ebebeb;
	font-weight: 400;
	display: inline-block;
	margin-left: 1.25rem;
}
.solution-list {
	overflow: hidden;
}
.solution-list ul li {
}
.solution-list ul li .pic {
	overflow: hidden;
}
.solution-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;
}
.solution-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;
}
.solution-list ul li .info {
	background: #ffffff;
	padding: 1.5rem 0;
}
.solution-list ul li h5 {
	color: #333333;
	text-align: center;
}
.solution-bg .swiperBox2 {
	position: relative;
}
.solution-bg #index-prev, .solution-bg #index-next {
	top: 0;
	margin-top: 0;
}
.solution-bg #index-next {
	right: 3px;
}
/* 资讯中心 */
.news-bg {
	padding: 4.1875rem 0 5rem
}
.news-top {
	align-items: flex-end;
	margin-bottom: 3.75rem;
}
.news-top .index-title {
	margin-bottom: 0;
}
.news-btn ul li {
margin-left: .625rem;
}
.news-btn ul li:first-child {
	margin-right: 0;
}
.news-btn ul li a {
	color: #666666;
	border: 1px solid #fcfcfc;
	border-radius: 1.8125rem;
	padding: 1rem 2.875rem;
transition: .6s;
}
.news-btn ul li:hover a {
	background: #00559e;
	border-color: #00559E;
	color: #fff;
}
.news-latest {
	width: 46.8%;
}
.news-latest a {
	display: block;
border-radius: .625rem;
	border: 1px solid #f5f5f5;
	box-sizing: border-box;
	position: relative;
}
.news-latest .pic {
	overflow: hidden;
}
.news-latest .pic img {
	display: block;
	width: 100%;
border-radius: .625rem;
	-webkit-transition: opacity 1s, -webkit-transform 1s;
	transition: opacity 1s, transform 1s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	opacity: 1;
}
.news-latest a: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;
}
.news-latest .hide {
	position: absolute;
	content: '';
border-radius: .625rem;
	background: url(../images/news-black.png) no-repeat center bottom;
	width: 100%;
	height: 100%;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	background-size: cover;
}
.news-latest .text {
	color: #ffffff;
	padding:  0 3.25rem;
	width: 100%;
	box-sizing: border-box;
}
.news-latest .text em {
	margin-right: 1.75rem;
}
.news-latest .text h3 {
margin: .375rem 0 2.75rem;
}
.news-middle {
	width: 27%;
}
.news-middle a {
	display: block;
border-radius: .625rem;
	box-sizing: border-box;
	background: #fcfcfc;
	padding: 1.5rem 1.6875rem 1.375rem;
}
.news-middle .pic {
	overflow: hidden;
border-radius: .625rem;
	margin-bottom: 1.4375rem;
}
.news-middle .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;
}
.news-middle a: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;
}
.news-middle .info em, .news-middle .info span {
	color: #00559e;
}
.news-middle .info em {
	margin-right: 1.75rem;
}
.news-middle .info h3 {
	color: #333333;
	font-weight: 700;
margin: .5625rem 0 .875rem;
}
.news-middle .info h4 {
	color: #555555;
	margin-bottom: 1.375rem;
}
.news-middle .info h5 {
	color: #00559e;
}
.news-middle .info h5>img {
min-width: .5rem;
	margin-left: 1.3125rem;
}
.problem {
	background: #fcfcfc;
border-radius: .625rem;
	padding:  2.1875rem 1.9375rem 0;
	width: 23.2%;
	box-sizing: border-box;
}
.problem-title {
	border-bottom: 1px solid #DBDBDB;
	margin-bottom: 1.625rem;
padding-bottom: .875rem;
}
.problem-title h2 {
	color: #333333;
}
.problem-title a {
	color: #00559e;
}
.problem-title a>img {
min-width: .5rem;
	margin-left: 1.3125rem;
}
.problem-list dl {
	margin-bottom: 1.4375rem;
}
.problem-list dl a {
	display: block;
}
.problem-list dl dt {
margin-bottom: .25rem;
}
.problem-list dl dt span, .problem-list dl dd span {
	width: 1.3125rem;
	height: 1.3125rem;
	background: #2b60a3;
	border-radius: 50%;
	color: #fff;
	text-align: center;
margin-right: .625rem;
}
.problem-list dl dt strong, .problem-list dl dd p {
	flex: 1;
}
.problem-list dl dt strong {
	color: #333333;
}
.problem-list dl dd span {
	background: #d81910;
}
.problem-list dl dd p {
	color: #555555;
}
/* 合作伙伴 */
.partner-bg {
	background: url(../images/partner-bg.jpg) no-repeat center;
	background: url(../images/partner-bg.jpg) no-repeat center;
	background-size: cover;
	padding: 3.875rem 0 1.4375rem;
}
.partner-bg .index-title {
margin-bottom: .5625rem;
}
.partner-list ul {
	display: flex;
	align-items: center;
	justify-content: center;
}
.partner-list ul li .partner-box {
	position: relative;
}
.partner-list ul li .partner-box>img {
	width: 16.4375rem;
}
.partner-list ul li .pic {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	top:0;
}
.partner-list ul li .pic img {
	width: 10.75rem;
}
.partner-list ul:nth-child(2) {
margin-top: -10.25rem;
}
.partner-list ul:last-child {
	margin-top: -10.25rem;
}
/* 公共底部 */
.footer {
	background: #f1f6fb;
}
.foot-top {
	padding: 2.75rem 0 2.25rem;
	border-bottom: 1px solid #eee;
}
.foot-logo img {
	width: 8.5625rem;
	margin-right: 4.1875rem;
}
.foot-logo .text strong {
	display: block;
	color: #333333;
}
.footer-tel a {
	display: inline-block;
	background: #00559e;
	border-radius: 1.8125rem;
	color: #ffffff;
padding: .625rem .5rem .625rem 1.125rem;
transition: .6s;
}
.footer-tel a>img {
	width: 2.4375rem;
	margin-left: 1.25rem;
}
.footer-tel a:hover {
-webkit-box-shadow: 0 0 0 .625rem rgba(0, 85, 158, .2);
box-shadow: 0 0 0 .625rem rgba(0, 85, 158, .2);
}
.foot-nav {
	padding: 2.8125rem 0 4.125rem;
}
.foot-nav dl dt {
	font-weight: 700;
	margin-bottom: 1.25rem;
}
.foot-nav dl dd {
	color: #333333;
	font-size: var(--font15);
	line-height:2;
}
.foot-nav dl dd a {
	color: #333333;
}
.foot-nav dl dd a.tel1 {
	font-weight: 700;
}
.foot-nav dl .foot-wechat {
	margin-top: 1.5625rem;
}
.foot-nav dl .foot-wechat em {
	display: block;
margin-bottom: .25rem;
}
.foot-nav dl .foot-wechat img {
	min-width: 7.125rem;
}
.foot-copy {
	padding: 1.5rem 0;
}
.foot-copy p, .foot-copy a {
	color: #555555;
}
.foot-copy span {
	margin-right: 3rem;
}
.foot-nav dl dd a:hover, .foot-copy a:hover {
	color: #00559e;
}
/* 内页关于我们 */
.ny-banner {
	position: relative;
}
.ny-banner .pic img {
	display: block;
	width: 100%;
}
.ny-banner .info h2 {
	color: #00559e;
	font-weight: 700;
}
.ny-banner .info strong {
	color: #333;
	display: block;
	margin-bottom: 1.8125rem;
}
.ny-banner .info span {
	display: inline-block;
	background: #00559e;
padding: .875rem 2.375rem;
margin-right: .875rem;
}
/* 内页分类 */
.ny-class {
	border-bottom: 1px solid #f2f2f2;
}
.class-box ul {
	justify-content: center;
}
.class-box ul li a {
	font-size: var(--font20);
	color: #333;
	display: inline-block;
	text-align: center;
	padding: 2.125rem 5.125rem;
transition: .6s;
}
.class-box ul li:hover a, .class-box ul li.on a {
	background: #00559e;
	color: #fff;
}
.nyabout-bg {
	background: url(../images/nyabout-bg.jpg) no-repeat center bottom;
	background-size: cover;
	text-align: center;
	padding: 6.875rem 0 1.6875rem;
}
.about-title {
	position: relative;
}
.about-title span {
	position: absolute;
	content:'';
	top: 0;
	color: rgba(51, 51, 51, 0.04);
	left: 0;
	right: 0;
	margin: auto;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 1;
}
.about-title b {
	color: #00559e;
	display: block;
}
.about-title {
	margin-bottom: 2.875rem;
}
.nyabout-bg .info {
	margin-bottom: 5.9375rem;
}
.nyabout-bg .info h3 {
	color: #555555;
	margin: 0 auto 2.0625rem
}
.nyvideo-btn {
	position: relative;
}
.nyvideo-btn>img {
	width: 4.75rem;
transition: .6s;
	animation: spin 2s linear infinite;
}
@keyframes spin {
 from {
 transform: rotate(0deg);
}
to {
	transform: rotate(360deg);
}
}
.nyvideo-btn .icon {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.nyvideo-btn .icon>img {
	min-width: 1.0625rem;
}
.pro-logo {
	width: 10%;
	height: 10rem;
	background: #d3e6f5;
	border-top-right-radius: 5rem;
	border-bottom-right-radius: 5rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.pro-logo img {
	width: 8.5625rem;
}
#back-to-top {
	cursor: pointer;
	width: 10rem;
	height: 10rem;
	background: #2f8dd4;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
margin: 0 .75rem;
}
#back-to-top img {
	width: 3.25rem;
}
.nyabout-box {
	transform: translateY(-5rem);
}
.num-bg {
	width: calc(90% - 11.5rem);
	height: 10rem;
	background: #00559e;
	border-top-left-radius: 5rem;
	border-bottom-left-radius: 5rem;
}
.num-bg ul li {
	color: #fff;
	text-align: center;
	border-right: 1px solid rgba(255, 255, 255, 0.2);
	padding:  0 5.6875rem;
}
.num-bg ul li:last-child {
	border-right: none;
}
.num-bg ul li>div {
	line-height: 1;
margin-bottom: .1875rem;
}
.about-probg {
	background: url(../images/about-probg.jpg) no-repeat center;
	background-size: cover;
	padding-bottom: 12.5rem;
}
.about-probg .info {
	color: #fff;
	padding-top: 5.625rem;
}
.about-probg .info h2 {
	font-weight: 700;
margin-bottom: .875rem;
}
.about-probg .info h3 {
	font-weight: 700;
	line-height: 1.3;
}
.about-probg .info h4 {
	width: 42%;
	margin: 1.875rem 0 3.4375rem;
}
/* 创新不止 品质成就信赖 */
.culture-bg {
	background: #f6f9fc;
	padding: 6.875rem 0 5.6875rem;
}
.culture-bg .about-title {
	margin-bottom: 5rem;
}
.culture-bg .about-title strong {
	color: #00559e;
}
.culture-list ul {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 3.25rem;
	text-align: center;
}
.culture-list ul li {
	background: #fff;
	padding: 3.375rem 0 4.375rem;
	border-radius: 1.5625rem;
}
.culture-list ul li .icon {
	width: 7.1875rem;
	height: 7.1875rem;
	background: #00559e;
	border-radius: 50%;
	margin: 0 auto 2.0625rem;
	position: relative;
transition: .6s;
}
.culture-list ul li .icon::after {
position: absolute;
content: '';
width: 8.5rem;
height: 8.5rem;
border: 1px dashed rgba(255, 255, 255, .2);
background: transparent;
border-radius: 50%;
transform: scale(0);
transition: .3s;
}
.culture-list ul li .icon img {
	width: 3.3125rem;
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
}
.culture-list ul li:hover {
	background: #00559e;
}
.culture-list ul li:hover .icon {
	background: #fff;
}
.culture-list ul li:hover .icon img {
	-webkit-filter: brightness(1) invert(0);
	filter: brightness(1) invert(0)
}
.culture-list ul li:hover .icon::after {
transform: scale(1);
}
.culture-list ul li strong {
	display: block;
	margin-bottom: 1.8125rem;
}
.culture-list ul li p {
	width: 75%;
	margin: 0 auto;
}
.culture-list ul li:hover strong, .culture-list ul li:hover p {
	color: #fff;
}
/* 公司环境 */
.environment-bg {
	padding: 4.375rem 0 4.625rem;
}
.environment {
	position: relative;
}
#environment-prev, #environment-next {
transition: .6s;
	top: 0;
	margin-top: auto!important;
	width: 4.875rem;
	height: 4.875rem;
	border: 1px solid #f2f2f2;
	background: #ffffff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}
#environment-prev img, #environment-next img {
min-width: .75rem;
}
#environment-next img {
	transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
}
#environment-prev {
	left: auto;
	right: 6.5%;
}
#environment-next {
	right: 0;
}
#environment-prev:hover, #environment-next:hover {
	background: #00559e;
	border-color:#00559e;
}
#environment-prev:hover img, #environment-next:hover img {
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
}
.environment-list {
	position: relative;
	overflow: hidden;
	padding-bottom: 3.6875rem;
}
.environment-list ul li {
border-radius: .4375rem
}
.environment-list ul li .pic {
	overflow: hidden;
border-top-left-radius: .4375rem;
border-top-right-radius: .4375rem;
}
.environment-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;
}
.environment-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;
}
.environment-list ul li .info {
	background: #fcfcfc;
	padding: 2.125rem 2%;
border-bottom-left-radius: .4375rem;
border-bottom-right-radius: .4375rem;
}
.environment-list ul li .info em {
	text-align: center;
	font-weight: 700;
}
.environment-list ul li:hover .info em {
	color: #00559e;
}
#environment-num {
	top: auto;
height: .0625rem;
	background: #e2e7ec;
	width: 100%;
	bottom: 0;
}
#environment-num .swiper-pagination-progressbar-fill {
	background: #00559e;
}
.apage {
	line-height: 25px;
	background: #ffffff;
	padding: 0 5px;
	text-align: center;
	padding:20px
}
.page-num-current {
background-color: #3266af;
color:#ffffff
}
.apage a {
	border: 1px solid #cccccc;
	padding: 5px 14px;
	margin-right: 5px;
	margin: 0 3px;
line-height:40px
}
.apage .num_btns {
	float: right;
	font-family: Tahoma;
}
.apage a:hover, .apage .cur {
	border: 1px solid #3266af;
	background-color: #3266af;
	color: #fff;
	text-decoration: none;
}
.apage .cust_txt {
	float: left;
}
.apage .oran_pg_fp {
	background: url(../images/first_page.gif) 4px 4px no-repeat;
	padding-right: 9px;
}
.apage .oran_pg_pp {
	background: url(../images/pre_page.gif) 4px 4px no-repeat;
	padding-right: 5px;
}
.apage .oran_pg_np {
	background: url(../images/next_page.gif) 8px 4px no-repeat;
	padding-right: 12px;
}
.apage .oran_pg_lp {
	background: url(../images/last_page.gif) 8px 4px no-repeat;
	padding-right: 12px;
}
.apage select {
	font-size: 8px;
	margin-top: 5px;
}
.apage .oran_pg_txt {
	height: 15px;
	border: solid 1px #d4e3e9;
	width: 20px;
	margin-left: 5px;
}
.apage .oran_pg_btn {
	height: 15px;
	border: solid 1px #d4e3e9;
	margin-left: 5px;
	font-size: 9px;
	background: #5984ac;
	color: #fff;
}
/* 荣誉资质 */
.nyhonor-bg {
	background: url(../images/nyhonor-bg.jpg) no-repeat center;
	background-size: cover;
	padding: 4.375rem 0 0;
	height: 47.4375rem;
	overflow: hidden;
}
.nyhonor-bg .about-title {
	margin-bottom: 4.875rem;
}
.nyhonor-bg .about-title strong {
	color: #00559e;
	margin-bottom: 1.25rem;
	display: block;
}
.about-title h4 {
	color: #666666;
}
.honor-list {
	width: 80%;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
.honor-list ul {
	display: flex;
	align-items: flex-end;
}
.honor-list ul li {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	padding-bottom: 5.625rem;
}
.honor-list ul li .pic {
	display: flex;
	align-items: flex-end;
	height: 16.25rem;
}
.honor-list ul li .pic img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
box-shadow: 0px 0px .4375rem .0625rem rgba(0, 0, 0, .3);
}
.honor-list ul li.swiper-slide-active .pic {
	height: 100%;
	height: 19.85rem;
}
.honor-list ul li .info {
	position: absolute;
	content: '';
	bottom: 0;
	background: #00559e;
	border-radius: 2rem;
	padding: 1.0625rem 2%;
	display: none;
	width: 134%;
	text-align: center;
}
.honor-list ul li .info em {
	color: #ffffff;
}
.honor-list ul li.swiper-slide-active .info {
	display: block;
}
.honor-bottom {
	transform: translateY(-6.25rem);
}
.honor-bottom img {
	display: block;
	width: 100%;
}
.nyhonor-box {
	position: relative;
}
#honor-prev, #honor-next {
	top: 30%;
transition: .6s;
	width: 4.875rem;
	height: 4.875rem;
	background: #00559E;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}
#honor-prev img, #honor-next img {
width: .75rem;
}
#honor-next img {
	transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
}
#honor-prev {
	left: 0;
}
#honor-next {
	right: 0;
}
#honor-num {
	display: none;
}
/* 头部客户的共同选择 */
.customers {
	padding: 3.75rem 0 3.4375rem;
}
.customers-list {
	overflow: hidden;
	margin-bottom: 2rem;
}
.customers-list ul {
	align-items: center;
}
.customers-list ul li .pic {
	overflow: hidden;
	position: relative;
}
.customers-list ul li .pic img {
	display: block;
	width: 100%;
}
.customers-list1 {
	width: 86%;
	margin: 0 auto 2rem;
}
.customers-box {
	position: relative;
}
.customers-bg {
	position: absolute;
	content:'';
	top: 0;
	z-index: 3;
	height: 100%;
	width: 100%;
}
.customers-bg img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.customers-list3 {
	margin-left: -10%;
}
#culture, #environment, #honor, #customers {
	position: relative;
	top: -6.25rem;
}
/* 内页新闻列表页 */
.newsMain {
	padding: 3.75rem 0 6.25rem;
}
.nynews-list ul {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2.8125rem;
}
.nynews-list ul li {
	border: 1px solid #f0f4f3;
}
.nynews-list ul li .pic {
	position: relative;
	overflow: hidden;
}
.nynews-list ul li .pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
transition: .5s;
}
.nynews-list ul li .info {
	padding: 1.5625rem;
	box-sizing: border-box;
	border-top: 1px solid #f0f4f3;
}
.nynews-list ul li .info b {
	color: #00559e;
	display: block;
	margin-bottom: 1.25rem;
}
.nynews-list ul li .info strong {
	color: #333;
	margin-bottom: 1.1875rem;
}
.nynews-list ul li .info p {
	color: #555;
}
.nynews-list ul li .date {
	margin-top: 1.875rem;
	padding-top: 1.25rem;
	border-top: 1px solid #F2F2F2;
}
.nynews-list ul li:hover .pic img {
	transform: scale(1.1);
}
.nynews-list ul li:hover .info strong {
	color: #00559e;
}
/* 内页新闻详情页 */
.position {
	bottom: 3%;
	top: auto;
}
.position span, .position a {
	color: #999;
}
.position a {
margin: 0 .625rem;
}
.position span img {
	filter: brightness(0);
	-webkit-filter:brightness(0);
	opacity: .5;
}
.newsMain-bg {
	background: #f0f3f8;
}
/* 内页新闻资讯详情页 */
.nynews-box {
	align-items: flex-start;
	margin-bottom: 5rem;
}
.news-details {
	width: 68.92%;
	background: #ffffff;
	padding: 1.875rem 5.4% 3.125rem;
	box-sizing: border-box;
}
.newsxq-title {
	border-bottom: 1px solid #F2F2F2;
	padding-bottom:1.875rem;
}
.newsxq-title strong {
	display: block;
	font-size: var(--font34);
	color: #333;
	font-weight: normal;
	margin-bottom: 1.875rem;
}
.newsxq-title span {
	color: #999;
	margin-right: 4.375rem;
}
.newsxq-title span>img {
	display: inline-block;
margin-right: .875rem;
	height: 1.125rem;
}
.newsxq-editbox {
	border-bottom: 1px solid #F2F2F2;
	padding: 1.875rem 0;
	margin-bottom: 3.75rem;
}
.newsxq-editbox img {
	width: 100%;
}
.newxq-arrow .text em {
	display: block;
	color: #999;
	line-height: 1.8;
}
.newxq-arrow .text a {
	color: #333;
}
.newxq-arrow .text a:hover {
	color: #00559e;
}
.news-back a {
	transition: 0.6s;
	display: block;
padding: .75rem 1.875rem;
	background: #000;
	border-radius:6.25rem;
	color: #fff;
	text-align: center;
}
.news-back a:hover {
	background: #00559e;
}
.news-recom {
	width: 27.5%;
	position: sticky;
	top: 9.375rem;
	background: #ffffff;
	padding: 1.5rem 2.7%;
	box-sizing: border-box;
}
.recom-title h2 {
	display: block;
	font-size: var(--font30);
	color: #333;
	border-left: 4px solid #00559e;
	padding-left: 1.25rem;
	margin-bottom: 0rem;
	line-height: 1;
}
.latest-recom {
	padding: 1.875rem 0;
}
.latest-recom .pic {
	overflow: hidden;
	margin-bottom: 1.5625rem;
	border: 1px solid #F2F2F2;
}
.latest-recom .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;
}
.latest-recom a: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;
}
.latest-recom h3 {
	font-size: var(--font20);
	color: #333;
}
.latest-recom a:hover h3 {
	color: #00559e;
}
.recom-list {
	border-top: 1px solid #F2F2F2;
	padding-top: 1.5rem;
}
.recom-list ul li {
	margin-bottom: 1.6875rem;
}
.recom-list ul li:last-child {
	margin-bottom: 0;
}
.recom-list ul li em {
	color: #333;
}
.recom-list ul li em>img {
	display: inline-block;
	margin-right:1.25rem;
}
.recom-list ul li:hover em {
	color: #00559e;
}
.recomMain {
	padding: 3.75rem 0;
}
.recoms-list {
	position: relative;
	overflow: hidden;
	padding-bottom: 4.25rem;
}
.recoms-list ul li {
	border: 1px solid #f2f2f2;
	box-sizing: border-box;
}
.recoms-list ul li .imgBox {
	overflow: hidden;
	position: relative;
}
.recoms-list ul li .imgBox>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;
}
.recoms-list ul li:hover .imgBox>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;
}
.recoms-list ul li .hide {
	position: absolute;
	content: '';
	background: rgba(0, 0, 0, .8);
	width: 100%;
	height: 100%;
	top: -100%;
	display: flex;
	align-items: center;
	justify-content: center;
transition: .6s;
}
.recoms-list ul li .icon {
	width: 3.125rem;
	height: 3.125rem;
	background: #00559e;
	border-radius: 50%;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.recoms-list ul li:hover .hide {
	top: 0;
}
.recoms-list ul li .con {
	background: #fff;
	text-align: center;
padding: .75rem 0 1.1875rem;
	border-top: 1px solid #f2f2f2;
	box-sizing: border-box;
}
.recoms-list ul li h3 {
	color: #333333;
	font-weight: 700;
}
/* 内页产品列表页 */
.proMain {
	padding: 5rem 0;
}
.product-box {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.pro-left {
	position: sticky;
	top: 7.5rem;
	background: #fcfcfc;/* border-radius: .6875rem; */
}
.product-box .pro-left {
	width: 22%;
}
.pro-title strong {
	background: #00559e;
border-radius: .6875rem .6875rem 0px 0px;
	display: block;
	padding: 1.0625rem 0 1.0625rem 2.5rem;
}
.pro-class {
	padding: 1.25rem 0;
}
.pro-class ul li {
	border-bottom: 1px solid #EBEBEB;
	padding: 1.5625rem 2rem;
	box-sizing: border-box;
}
.pro-class ul li img {
	width: 1.0625rem;
transition: .6s;
	filter: invert(57%) sepia(39%) saturate(160%) hue-rotate(175deg) brightness(95%) contrast(90%);
}
.pro-class ul li:hover h3, .pro-class ul li.on h3 {
	color: #00559e;
}
.pro-class ul li:hover img, .pro-class ul li.on img {
	-webkit-filter: brightness(1) invert(0);
	filter: brightness(1) invert(0);
	transform: rotate(-90deg);
}
.product-box .pro-right {
	width: 74%;
}
.pro-consult {
	border-bottom: 1px solid rgba(235, 235, 235, .6);
	padding: 1.4375rem 2.625rem 0;
	margin-bottom: 1.25rem;
}
.pro-consult img {
	display: block;
	width: 100%;
	border-radius: 5px;
}
.pro-consult span {
	display: block;
padding: .9375rem 0;
}
.pro-tel {
	padding: 0 2.625rem 2.5rem;
}
.pro-tel dl dt {
	width: 3.375rem;
	height: 3.375rem;
	background: #00559e;
	margin-right: 1.25rem;
	border-radius: 50%;
}
.pro-tel dl dt img {
	height: 1.8125rem;
}
.pro-tel dl dd em {
	color: #666;
	display: block;
}
.pro-tel dl dd b {
	color: #00559e;
	font-weight: bold;
}
.productxq-box {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.productxq-box .pro-left {
	width: 20%;
}
.productxq-box .pro-right {
	width: 72%;
}
.nypro-list ul {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 3.625rem 1.6875rem;
}
.nypro-list ul li {
	border: 1px solid #f2f2f2;
	box-sizing: border-box;
}
.nypro-list ul li .pic {
	overflow: hidden;
	position: relative;
}
.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 .hide {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .7);
	top: -100%;
	display: flex;
	align-items: center;
	justify-content: center;
transition: .6s;
}
.nypro-list ul li .icon {
	width: 4rem;
	height: 4rem;
	background: #00559e;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.nypro-list ul li .icon>img {
	width: 1rem;
}
.nypro-list ul li .info {
	text-align: center;
	padding: 1rem 2% 1rem;
	position: relative;
	border-top: 1px solid #f2f2f2;
}
.nypro-list ul li .info::after {
transition: .6s;
position: absolute;
content: '';
width: 100%;
height: 0;
background: #00559e;
bottom: 0;
left: 0;
z-index: 0;
clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);
}
.nypro-list ul li .info strong {
	color: #333333;
margin-bottom: .4rem;
	position: relative;
	z-index: 1;
}
.nypro-list ul li .info p {
	color: #666666;
	position: relative;
	z-index: 1;
}
.nypro-list ul li:hover .hide {
	top: 0;
}
 .nypro-list ul li:hover .info::after {
height: 100%;
clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
}
.nypro-list ul li:hover .info strong, .nypro-list ul li:hover .info p {
	color: #fff;
}
/* 内页产品详情页 */
/* 面包屑 */
.mbx {
	display: flex;
	align-items: flex-start;
	padding: 1.25rem 0;
}
.mbx .icBox {
margin-right: .625rem;
transform:translateY(-.02rem);
}
.mbx a {
	position: relative;
	color: #fff;
}
.mbx a::after {
content: ">";
margin: 0 .625rem;
}
.mbx a:last-child::after {
display: none;
}
.mbx a:hover {
	color: #00559e !important;
}
.proDateOne {
	position: relative;
	background: url(../images/proDateOne-bj.jpg) no-repeat center;
	background-size: cover;
	padding:12rem 0 4rem;
	margin-bottom: 4.125rem;
}
.proDateOne .back a {
	display: inline-flex;
	align-items: center;
}
.proDateOne .back span {
	color: #333;
	font-size: var(--font17);
margin-left: .625rem
}
@media (any-hover: hover) {
 .proDateOne .back a:hover svg path {
fill: #00559e;
}
 .proDateOne .back a:hover span {
color: #00559e;
}
}
.proDateOne .box {
	position: relative;
	margin: 6.25rem 0;
}
.proDateOne .le {
	width: 50%;
	position: relative;
	z-index: 2;
}
.proDateOne .re {
	width: 42%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	left: 100%;
	top: 50%;
	transform: translate(-100%, -50%);
}
.proDateOne .re img {
	max-width: 100%;
}
.proDateOne .tle h3 {
	font-weight: 700;
	color: #00559e;
}
.proDateOne .tle h4 {
	font-weight: 700;
	color: #00559e;
}
.proDateOne .tle span {
	font-size: var(--font24);
	color: #00559e;
}
.proDateOne .text {
	margin-top: 2.5rem;
	padding-bottom: 1.875rem;
	border-bottom: 1px solid rgba(249, 249, 249, .4);
}
.proDateOne .text p {
	color: #333;
}
.proDateOne .mbxBox {
	margin-top: 1rem;
}
.proDateOne .mbx img {
	filter: brightness(0);
	-webkit-filter:brightness(0);
	opacity: .5;
}
.proDateOne .mbx a {
	color: #888888;
}
.proxq-title {
	text-align: center;
}
.proxq-title strong {
	margin-bottom: 1.2rem;
	display: block;
	font-weight: 500;
}
.proxq-title i {
	display: block;
	width: 4.0625rem;
height: .375rem;
border-radius: .3125rem;
	margin: 0 auto;
	background: #00559e;
}
.proxq-editbox {
	margin-bottom: 5rem;
}
.gray {
	background: #fcfcfc;
}
/* 内页解决方案列表页 */
.soluMain {
	padding: 4rem 0;
}
.solunav {
	margin-bottom: 4rem;
}
.solunav ul {
	display: flex;
	justify-content: space-between;
	position: relative;
}
.solunav ul::after {
content: "";
height: 1px;
opacity: 0.23;
width: 85%;
background: #b8b8b8;
position: absolute;
left: 50%;
top: 35%;
transform: translate(-50%, -50%);
}
.solunav li {
	text-align: center;
}
.solunav li .icBox {
	background: #fff;
padding: 0 .625rem;
	position: relative;
	z-index: 1;
	width: auto;
	display: inline-block;
}
.solunav li .icBox .ic {
	width: 5.25rem;
	margin: auto;
	height: 5.25rem;
	min-width: 65px;
	min-height: 65px;
	background: #f9f9f9;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
transition: .5s;
}
.solunav li .icBox img {
	max-width: 50%;
	-webkit-filter:invert(99%) sepia(100%) saturate(2%) hue-rotate(83deg) brightness(110%) contrast(100%);
	filter: invert(99%) sepia(100%) saturate(2%) hue-rotate(83deg) brightness(110%) contrast(100%);
}
.solunav li span {
	font-weight: 400;
	color: #333333;
	display: block;
margin-top: .625rem;
}
.solunav li:hover .icBox .ic {
	background: #00559e;
}
.solunav li:hover span {
	color: #00559e;
}
.solunav li:hover .ic img {
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
}
.solunav li.on .icBox .ic {
	background: #00559e;
}
.solunav li.on span {
	color: #00559e;
}
.solunav li.on .ic img {
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
}
.nysolution-list ul {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 2rem 1.6875rem;
}
.nysolution-list ul li {
	border: 1px solid #f2f2f2;
	box-sizing: border-box;
}
.nysolution-list ul li .pic {
	overflow: hidden;
	position: relative;
}
.nysolution-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;
}
.nysolution-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;
}
.nysolution-list ul li .hide {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .7);
	top: -100%;
	display: flex;
	align-items: center;
	justify-content: center;
transition: .6s;
}
.nysolution-list ul li .icon {
	width:4.5rem;
	height: 4.5rem;
	background: #00559e;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.nysolution-list ul li .icon>img {
	min-width: 1.4375rem;
}
.nysolution-list ul li .info {
	text-align: center;
	padding: 1.25rem 2% 1.375rem;
	position: relative;
}
.nysolution-list ul li .info::after {
transition: .6s;
position: absolute;
content: '';
width: 100%;
height: 0;
background: #00559e;
bottom: 0;
left: 0;
z-index: 0;
clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);
}
.nysolution-list ul li .info strong {
	color: #333333;
	position: relative;
	z-index: 1;
}
.nysolution-list ul li .info p {
	color: #666666;
	position: relative;
	z-index: 1;
margin-top: .625rem;
	display: none;
}
.nysolution-list ul li:hover .hide {
	top: 0;
}
 .nysolution-list ul li:hover .info::after {
height: 100%;
clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
}
.nysolution-list ul li:hover .info strong, .nysolution-list ul li:hover .info p {
	color: #fff;
}
.nypic-box .news-details {
	padding: 3.125rem 5.4%;
}
.nypic-box .newsxq-title strong {
	margin-bottom: 0;
}
.nypic-list {
	margin-top: 1.875rem;
}
.nypic-list ul li {
	margin-bottom: 1.875rem;
}
.nypic-list ul li .pic {
	overflow: hidden;
}
.nypic-list ul li .pic img {
	display: block;
	width: 100%;
}
.nypic-list ul li .info {
	background: #f5f5f5;
padding: .8rem 2%
}
.nypic-list ul li .info strong {
	text-align: center;
}
table tr:hover {
  background-color: #00559e; /* 行的背景色 */
  color:#fff
}
table{
    caption-side: bottom;
    border-collapse: collapse;
    margin: 0 auto;
	width:100%;
	    border: 1px solid;
		text-align:center
}
tr,td {

	    border: 1px solid;
			text-align:left;
			width:auto;
			min-width:100px;
			padding:3px;
			height:40px
}


/* 内页联系我们 */
.contact-left, .contact-right {
	padding: 8.125rem 4%;
}
.contact-left {
	width: 40%;
}
.contact-left strong {
	display: block;
	margin-bottom: 3.125rem;
}
.contact-right {
	width: 60%;
	background: #f9f9f9;
	padding: 8.125rem 4% 8.125rem 6%;
}
.contact-left dl {
}
.contact-left dl dd {
	display: flex;
	align-items: center;
	margin-bottom: 1.25rem;
}
.contact-left dl .icBox img {
	width: 1rem;
	margin-right: 1.0625rem
}
.contact-left dl dd span {
	color: #333;
}
.contact-left dl dd span a {
	color: #333;
}
.mapNav {
	margin: 3.125rem 0
}
.mapNav a {
	display: inline-flex;
	background: #00559e;
	border-radius: 1.9375rem;
	align-items: center;
	justify-content: center;
	color: #fff;
transition: .5s;
	padding: 1.1875rem 2.875rem;
}
.mapNav a:hover {
	background: none;
	color: #00559e;
	border: 1px solid #00559e;
}
.mapNav a:hover svg path {
	fill: #00559e;
}
.mapNav a img {
	filter: brightness(100);
	-webkit-filter:brightness(100);
margin-right: .5rem;
}
.contact-wechat {
padding: .375rem;
	border: 1px solid #eeeeee;
	display: inline-block;
}
.contact-wechat img {
	width: 9.375rem;
}
.contact-right h3 {
	color: #777;
	margin-bottom: 2rem;
}
.warranty {
	width: 85%;
}
.warranty ul b {
	color: #666666;
	font-weight: 400;
margin-bottom: .3125rem;
	display: block;
}
.warranty ul b>i {
	color: #e10000;
	font-style: normal;
}
.warranty ul li {
	width: 46.68%;
}
.warranty ul:first-child {
	margin-bottom: 1.0625rem;
}
.warranty ul:nth-child(2) {
margin-bottom: 2.5rem;
}
.warranty ul:nth-child(3) {
margin-bottom: 1.375rem;
}
.warranty ul li input {
	background: #fff;
	height: 0.8rem;
	min-height: 45px;
padding-left: .26rem;
}
.warranty ul .select-pro .layui-input, .warranty ul .select-pro .layui-select, .warranty ul .layui-textarea {
	background: #fff;
	height: 3.125rem;
	min-height: 40px;
	padding-left: 1.625rem;
}
.warranty ul .select-pro .layui-input {
	color: rgba(102, 102, 102, 0.5);
	font-size: var(--font15);
}
.warranty ul .select-pro .layui-form-select .layui-edge {
	background: url(https://www.szxinbaishunrrjj.com/static/index/images/select-arrow.png) no-repeat center right;
	border-width: inherit;
width: .8125rem;
height: .5625rem;
}
.warranty ul .layui-textarea {
	height: 9.5rem;
	min-height: 100px;
}
.warranty .warranty-btn {
	background: #00559e;
	height: auto;
	font-size: var(--font17);
padding:.4375rem 4.125rem;
	margin-top:2.8rem;
	display: block;
}
.warranty ul .code {
	position: relative;
	min-height: 45px;
}
.warranty ul .code input {
	background: #fff;
	height: 0.8rem;
	min-height: 45px;
}
.warranty ul .code img {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
}
.proxq-pic {
	position: relative;
	overflow: hidden;
	width: 78%;
}
.proxq-pic ul li .pic img {
	display: block;
	width: 100%;
}
.nyys-list, .pro-contact, .pro-yspic {
	margin-top: 1.875rem;
}
.nyys-list ul {
	grid-template-columns: repeat(3, 1fr);
	gap: 1rem 1.5625rem;
	display: grid;
}
.nyys-list ul li {
	position: relative;
border-radius: .375rem;
	text-align: center;
}
.nyys-list ul li .pic {
	overflow: hidden;
border-radius: .5rem;
}
.nyys-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;
}
.nyys-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;
}
.nyys-list ul li .hide {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	background: #fcfcfc;
	top: 0;
border-radius: .375rem;
	padding: 0 6%;
	box-sizing: border-box;
}
.nyys-list ul li .icon {
	display: flex;
	align-items: center;
	justify-content: center;
}
.nyys-list ul li .icon img {
	width: 3.1875rem;
	margin: 1.6875rem auto 1.4375rem;
}
.nyys-list ul li .info strong {
	display: block;
	margin-bottom: 1.25rem;
}
.nyys-list ul li .text {
transition: .6s;
}
.nyys-list ul li:hover .hide {
	background: rgba(0, 0, 0, .7);
}
.nyys-list ul li:hover .pic {
border-radius: .375rem;
}
.nyys-list ul li:hover .icon {
	display: none;
}
.nyys-list ul li:hover .text {
	transform: translateY(5.4375rem);
}
.nyys-list ul li:hover strong, .nyys-list ul li:hover p {
	color: #fff;
}
.product-top .index-title {
	margin-bottom: 0;
}
.pro-btns {
	margin-bottom: 1.3125rem;
}
.pro-btns ul li a {
	width: 11.25rem;
	height: 11.25rem;
	border-radius: 50%;
transition: .6s;
}
.pro-btns ul li .small {
	width: 50%;
}
.pro-btns ul li .small img {
	display: block;
	width: 100%;
}
.pro-btns ul li em {
	color: #333;
}
.pro-btns ul li.on a {
	box-shadow: 0px 10px 18px 0px rgba(0, 0, 0, 0.1);
	background: #fff;
}
.pro-btns ul li.on em {
	color: #00559e;
	font-weight: 700;
}
.pro-yspic img, .pro-contact img, .hy-editbox img {
	display: block;
	width: 100%!important;
}