/* =====头部===== */ 

body {
}
#c-placeholder {
	height: 1.2rem;
	min-height: 80px;
}
.header {
	position: fixed;
	top: 0;
	z-index: 99;
	left: 0;
	width: 100%;
transition:background-color .5s;
	border-bottom: 1px solid transparent;
}
.header .headBox {
	padding: 0 3%;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	height: 1.2rem;
	min-height: 80px;
}
.headlogo {
	display: flex;
	align-items: center;
	height: 100%;
}
.headlogo img {
	max-width: 5.792rem;
	max-height: 1rem;
	object-fit: contain;
}
.headlogo .logo1 {
	display: block;
}
.headlogo .logo2 {
	display: none;
}
/* 导航 */

nav {
	width: 75%;
	height: 100%;
}
nav > ul {
	display: flex;
	height: 100%;
	justify-content: space-between;
}
nav > ul > li {
	height: 100%;
}
nav .layui-nav {
	background: none;
	padding: 0;
}
nav .layui-nav .layui-nav-item {
	line-height: initial;
}
nav .layui-nav .layui-nav-item > a {
	padding: 0;
	font-size: var(--font18);
	display: flex;
	align-items: center;
	color: #ffffff;
	font-weight: 700;
	height: 100%;
	position: relative;
	width: 100%;
	justify-content: center;
transition: .5s;
}
nav .layui-nav .layui-nav-more {
	transform: translateY(-50%) translateX(150%);
	top: 50%;
	right: 0;
}
nav .layui-nav .layui-nav-item > a:hover {
	color: #0176dd;
}
nav .layui-nav-bar {
	display: none !important;
}
/* 下拉 */

nav .layui-nav .layui-nav-item .layui-nav-child {
	top: 100%;
}
nav .layui-nav .layui-nav-child a:hover {
	color: #0176dd;
	background: none;
}
/* 头部右侧 */

.headBox .re {
	display: flex;
	width: 64%;
	justify-content: space-between;
	align-items: center;
}
/* 搜索按钮 */

.heSearch {
	cursor: pointer;
}
/* 搜索下拉 */

.hadbox-sec4 {
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	display: none;
	box-sizing: border-box;
}
.hadbox-sec4 {
	background-color: #fff;
padding: .5rem;
	border-top: 1px solid #eee;
	box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
}
.hadbox-sec4 .close {
	position: absolute;
	right: 1.5%;
	top: 5%;
	cursor: pointer;
max-width: .3rem;
}
.hadbox-sec4 .close svg {
	max-width: 100%;
}
.hadbox-sec4 .f_tit {
	color: #222222;
	margin-bottom: 0.24rem;
	font-size: var(--font30);
}
.hadbox-sec4 .form {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 20px;
	border-bottom: 1px solid #dddddd;
}
.hadbox-sec4 .form i {
	display: block;
	width: 0.3rem;
	overflow: hidden;
}
.hadbox-sec4 .form i svg {
	width: 100%;
}
.hadbox-sec4 .form input {
	width: calc(100% - 3.1rem);
	padding: 0.16rem 0.24rem;
	color: #333333;
	flex: 1;
}
.hadbox-sec4 .form .f_sub {
	width: 1.6rem;
	height: 0.56rem;
	min-height: 45px;
	background: #0176dd;
	border-radius: 5px;
	font-size: var(--font24);
	color: #ffffff;
	cursor: pointer;
}
 @media screen and (min-width: 200px) and (max-width: 767px) {
 .hadbox-sec4 {
padding: .6rem .3rem;
}
 .hadbox-sec4 .form {
padding-bottom: .2rem;
}
 .hadbox-sec4 .f_tit {
font-size: var(--font20);
}
}
/* 提交弹窗按钮 */

.headus a {
padding: .15rem .2rem;
	box-sizing: border-box;
	background: #0176dd;
	border-radius: 100px;
}
/* 留言弹窗 */

#c-sub-pop {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 910;
	width: 100%;
	height: 100%;
}
#c-sub-pop .c-box {
	position: absolute;
	top: 50%;
	left: 50%;
	padding: 40px;
	box-sizing: border-box;
	width: 530px;
	max-width: 92%;
	border-radius: 5px;
	background: #fff;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 1;
}
#c-sub-pop .c-pop-bj {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.5);
}
#c-sub-pop .c-box .c-close {
	transition: all 0.5s;
	display: inline-flex;
	margin-left: auto;
	float: right;
	cursor: pointer;
	margin-top: -20px;
	margin-right: -20px;
}
#c-sub-pop .c-box .c-close img,  #c-sub-pop .c-box .c-close svg {
	width: 24px;
	height: 24px;
	display: block;
transition: .5s;
}
#c-sub-pop .c-box .c-close:hover svg {
	transform: rotate(180deg);
}
#c-sub-pop .c-box .tit {
	color: #333;
	font-size: 30px;
margin-top: .2rem;
	font-weight: 600;
	text-align: center;
}
#c-sub-pop .c-box .inBox {
margin-top: .2rem;
	position: relative;
	border-radius: 5px
}
#c-sub-pop .c-box .inBox input {
	border: 0;
	border: 1px solid rgba(189, 189, 189, .62);
	border-radius: 5px;
height: .58rem;
	min-height: 45px;
	width: 100%;
	padding: 0 10px;
	box-sizing: border-box;
}
 #c-sub-pop .c-box .inBox input::placeholder {
color: #9c9c9c;
}
#c-sub-pop .c-box .incode {
	border: 1px solid rgba(189, 189, 189, .62);
}
#c-sub-pop .c-box .incode input {
	width: calc(100% - 120px);
	border-color: transparent;
}
#c-sub-pop .c-box .inBox img {
	position: absolute;
	top: 50%;
	left: calc(100% - 6px);
	width: 116px;
	height: 85%;
	-webkit-transform: translate(-100%, -50%);
	transform: translate(-100%, -50%);
}
#c-sub-pop .c-box .insub {
	display: flex;
	justify-content: center;
margin-top: .4rem;
}
#c-sub-pop .c-box .insub button {
	cursor: pointer;
	height: auto;
	line-height: initial;
	border-radius: 30px;
	background: #0176dd;
	border: 0;
padding: .15rem .5rem;
	display: flex;
	align-items: center;
	justify-content:center;
	color: #fff;
	font-weight: 700;
transition: .4s;
}
#c-sub-pop .c-box .insub button:active {
	box-shadow: 0 0 5px #0176dd;
}
 @media screen and (min-width: 200px) and (max-width: 768px) {
 #c-sub-pop .c-box .c-close {
margin-top: -15px;
margin-right: -15px;
}
 #c-sub-pop .c-box {
padding: 25px;
}
 #c-sub-pop .c-box .tit {
font-size: 24px;
}
 #c-sub-pop .c-box .inBox input {
min-height: 40px;
}
 #c-sub-pop .c-box .inBox img {
width: 88px;
height: 36px;
}
}
/* 头部下滑样式 */

.header.c-style2 {
	background: #fff !important;
	border-color:rgba(0, 0, 0, .1);
}
.header.c-style2 .headlogo .logo2 {
	display: block;
}
.header.c-style2 .headlogo .logo1 {
	display: none;
}
.header.c-style2 .heSearch svg path {
	fill: #333;
}
.header.c-style2 nav > ul > li > a {
	color: #333;
}
.header.c-style2 .mobmenu dl dd {
	background: #333;
}
.header.c-style2 .mobmenu h4 {
	color: #333;
}



/* ==================公用css====================== */

/* 滚动条 */

.headerNavScroll::-webkit-scrollbar {
width: 3px;
scrollbar-width:thin;
scrollbar-color:#0176dd #DDDDDD;
}

/*定义滑块 内阴影*/

.headerNavScroll::-webkit-scrollbar-thumb {
background: #0176dd;
border-radius: 5px;
}

/*定义滚动条轨道 内阴影*/

.headerNavScroll::-webkit-scrollbar-track {
background: #E5E5E5;
}
/* ===============公用css end!!!!===================*/

.more1 {
padding: .23rem .25rem;
	background: #0176dd;
	border-radius: 100px;
}
.more1 span {
margin-right: .2rem;
}
.more1 i {
transition: .5s;
}
.more2 {
	color: #0176dd;
	border: 1px solid #0176dd;
padding: .15rem .4rem;
	display: inline-block;
transition: .5s;
}
 @media (any-hover: hover) {
 .more1:hover i {
transform: translateX(.1rem);
}
}
/* ======首页======= */

/* banner */

.indexBanner {
	overflow: hidden;
	height: auto;
}
.indexBanner .swiper {
	height: 100%;
}
.indexBanner .bjBox {
	height: 100%;
}
.indexBanner .bjBox img {
	width: 100%;
	width: 100%;
	height: auto;
	min-height: 420px;
	transition: 1s linear 2s;
	transform: scale(1.1, 1.1);
	display: block;
	object-fit: cover;
}
.indexBanner .swiper-slide-active .bjBox img, .indexBanner .swiper-slide-duplicate-active .bjBox img {
	transition: 6s linear;
	transform: scale(1, 1);
}
.indexBanner .slide .box {
	top: 55%;
}
.indexBanner .con {
	position: relative;
	display: inline-block;
}
.indexBanner .con .p1 {
}
.indexBanner .con .p2 {
margin-top: .2rem;
}
.indexBanner .con .p2 span {
	display: block;
	line-height: 1.2;
	font-weight:bold;
}
.indexBanner .con .more {
margin-top: .5rem;
}
.indexBanner .swiper .pagtion {
	left: auto;
right: .15rem;
	width: auto;
	top: 50%;
	bottom: auto;
}
.indexBanner .swiper .pagtion span {
	display: block;
	background: #fff;
margin: .2rem;
	width: 12px;
	height: 12px;
	opacity: 1;
}
.indexBanner .swiper .pagtion .swiper-pagination-bullet-active {
	background: #0176dd;
}
.indexOne {
padding: .6rem 0;
}
.indexOne .le {
	width: 36%;
}
.indexOne .re {
	width: 50%;
	position: relative;
}
.indexOne .le .form {
	background: #0176dd;
	border-radius:100px;
height: .6rem;
	min-height: 40px;
margin-top: .2rem;
}
.indexOne .le .form input {
	flex: 1;
	height: 100%;
	border: 0;
	background:none;
	color: #fff;
padding: 0 .2rem 0 .4rem;
}
.indexOne .le .form button {
margin-right: .2rem;
	cursor: pointer;
}
.indexOne .re .swiper {
	position: static;
}
.indexOne .re dl {
}
.indexOne .re dl dd {
padding: .25rem .7rem .15rem .35rem;
	border-left: 1px solid #E0E0E0;
}
.indexOne .re dl dd:last-child {
	padding-right: 0;
}
.indexOne .re dl dd .p1, .indexOne .re dl dd .p2 {
	display: flex;
}
.indexOne .re dl dd .p1 .Q {
margin-right: .1rem;
}
.indexOne .re dl dd .p2 .A {
margin-right: .1rem;
}
.indexOne .pagtion {
bottom: -.4rem;
}
.indexOne .pagtion span {
	width: 12px;
	height: 12px;
	border: 2px solid #0176dd;
	background: none;
	opacity: 1;
	box-sizing: border-box;
}
.indexOne .pagtion .swiper-pagination-bullet-active {
	background: #0176dd;
}
.indexTle .en {
	line-height: 1;
}
.indexTwo {
padding: .9rem 0;
	background: #f0f0f0;
}
.indexTwo .chose {
margin-top: .5rem;
}
.indexTwo .chose .item {
margin: 0 .15rem;
	width: 26%;
}
.indexTwo .layui-form-select .layui-edge {
	border-top-color: #0176dd;
right: .24rem;
}
.indexTwo .layui-form-select .layui-input {
height: .6rem;
	min-height: 45px;
padding-left: .45rem;
	border-radius: 100px;
	
}
 .indexTwo .layui-form-select .layui-input::placeholder {
color: #333333;

}
.indexTwo .layui-input:focus, .indexTwo .layui-textarea:focus {
	border-color: #0176dd !important;
}
.indexTwo .layui-form-select dl {
	top: 100%;
}
.indexTwo .layui-form-select dl dd.layui-this {
	color: #0176dd;
}
.indexTwo .swiperBox {
margin-top: .4rem;
	position: relative;
}
.indexTwo .swiper {
	position: static;
}
.indexTwo .slide {
	background: #fff;
	height: auto;
}
.indexTwo .slide .imgBox {
	height: 2.819rem;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}
.indexTwo .slide .imgBox img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
transition: .5s;
}
.indexTwo .slide .con {
padding: .1rem;
padding-bottom: .4rem;
	box-sizing: border-box;
	text-align: center;
}
.indexTwo .slide .con .p2 {
	line-height: 1.2;
}
.indexTwo .slide .con .more2 {
margin-top: .35rem;
}
.indexTwo .slide a:hover .imgBox img {
	transform: scale(1.05);
}
.indexTwo .slide a:hover .con .more2 {
	background: #0176dd;
	color: #fff;
}
.indexTwo .pagtion {
bottom: -.8rem;
}
.indexTwo .pagtion span {
	width: 12px;
	height: 12px;
	border: 2px solid #0176dd;
	background: none;
	opacity: 1;
	box-sizing: border-box;
}
.indexTwo .pagtion .swiper-pagination-bullet-active {
	background: #0176dd;
}
.indexTwo .moreAll {
	margin-top: 1.2rem;
}
.indexTwo .moreAll a {
	display: inline-block;
padding: .18rem .6rem;
	background: #0176dd;
	border: 1px solid #0176dd;
	box-sizing: border-box;
	border-radius: 100px;
	letter-spacing: 1px;
transition: .5s;
}
.indexTwo .moreAll a:hover {
	background: none;
	color: #0176dd;
}
.indexThre {
	background: url(../images/bej01.jpg) no-repeat center;
	padding: 1rem 0;
}
.indexThre .le .more {
margin-top: .25rem;
}
.indexThre .le .more a {
	display: inline-block;
padding: .18rem .52rem;
	background: #0176dd;
	border: 2px solid #fff;
	box-sizing: border-box;
	border-radius: 100px;
	letter-spacing: 1px;
transition: .5s;
}
.indexThre .le .more a:hover {
	background: #fff;
	color: #0176dd;
}
.indexThre .re {
	width: 50%;
}
.indexThre .re dl {
	justify-content: space-between;
}
.indexThre .re dl dd i {
	width: 0.61rem;
	height: 0.04rem;
	min-height: 2px;
	background: #ffffff;
margin-bottom: .3rem;
	display: block;
}
.indexThre .re dl dd span {
	color: #ffffff;
}
.indexFour {
	background: #f0f0f0;
padding: .8rem 0 .6rem 0;
}
.indexFour .box {
margin-top: .6rem;
	position: relative;
}
.indexFour .swiper {
	position: static;
}
.indexFour .slide {
	background: #fff;
	height: auto;
}
.indexFour .slide .imgBox {
	overflow: hidden;
}
.indexFour .slide .imgBox img {
	width: 100%;
transition: .5s;
}
.indexFour .slide .imglist .layui-carousel {
	max-height: 280px;
}
.indexFour .slide .imglist > .layui-carousel {
	position: static;
	margin-bottom: 0;
}
.indexFour .slide .imglist .imgBox {
	overflow: hidden;
}
.indexFour .slide .imglist .imgBox img {
	width: 100%;
transition: .5s;
	height: 100%;
	object-fit: cover;
}
.indexFour .slide .con {
padding:.4rem .2rem;
	box-sizing: border-box;
	text-align: center;
}
.indexFour .slide .con .p1 {
	color: #333;
}
.indexFour .slide .con .more {
margin-top: .2rem;
}
.indexFour .slide:hover .imgBox img {
	transform: scale(1.05);
}
.indexFour .slide .con .more2:hover {
	background: #0176dd;
	color: #fff;
}
/* .indexFour .slide a:hover::after {width: 100%;} */

/* 内部控件 */

.indexFour .slide .imglist .layui-carousel .layui-icon {
	top: 28%;
}
.indexFour .slide .layui-carousel-ind {
	position: absolute;
	top: auto;
	bottom: 0;
}
.indexFour .slide .layui-carousel-ind ul {
	background: #D3D3D3;
	padding: 0;
	width: 100%;
	display: flex;
}
.layui-carousel-ind ul li {
	background: none;
	height: 2px;
	flex: 1;
	margin: 0;
	border-radius: 0;
}
.layui-carousel-ind ul li.layui-this {
	background: #0176dd;
}
/* 外部控件 */

.indexFour .pagtion {
bottom: -.8rem;
}
.indexFour .pagtion span {
	width: 12px;
	height: 12px;
	border: 2px solid #0176dd;
	background: none;
	opacity: 1;
	box-sizing: border-box;
}
.indexFour .pagtion .swiper-pagination-bullet-active {
	background: #0176dd;
}
.indexFour .moreAll {
	margin-top: 1.2rem;
}
.indexFour .moreAll a {
	display: inline-block;
padding: .18rem .6rem;
	background: #0176dd;
	border: 1px solid #0176dd;
	box-sizing: border-box;
	border-radius: 100px;
	letter-spacing: 1px;
transition: .5s;
}
.indexFour .moreAll a:hover {
	background: none;
	color: #0176dd;
}
.indexFive {
	padding: 1rem 0 1.8rem;
}
.indexFive .box {
	justify-content: space-between;
	align-items: center;
}
.indexFive .le {
	width: 44%;
}
.indexFive .re {
	width: 50%;
}
.indexFive .le .imgBox {
	position: relative;
}
.indexFive .le .imgBox > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.indexFive .le .btn {
	cursor: pointer;
	left: 55%;
}
 .indexFive .le .btn::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
opacity: .8;
background: #fdfefe;
animation: scalemap 2s linear infinite;
}
 .indexFive .le .btn::after {
content: '';
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background: #fdfefe;
animation: scalemap2 2s linear infinite;
}
.indexFive .le .btn i {
	width: 0.84rem;
	height: 0.84rem;
	background: #fdfefe;
	border-radius: 50%;
	position: relative;
	z-index: 1;
}
.indexFive .le .btn i img {
	max-width: 22%;
}
 @keyframes scalemap {
 0% {
transform: translate(-50%, -50%) scale(1);
opacity: .8;
}
 100% {
transform: translate(-50%, -50%) scale(1.8);
opacity: 0;
}
}
 @keyframes scalemap2 {
 0% {
transform: translate(-50%, -50%) scale(1);
opacity: .6;
}
 100% {
transform: translate(-50%, -50%) scale(2.5);
opacity: 0;
}
}
.indexFive .re {
margin-top: .3rem;
}
.indexFive .re dl {
padding-top: .2rem;
}
.indexFive .re dd {
	display: flex;
	align-items: center;
margin: .5rem 0;
}
.indexFive .re dd .icBox {
	width: 0.81rem;
	height: 0.81rem;
	border-radius: 50%;
	background: #f0f0f0;
	display: flex;
	align-items: center;
	justify-content: center;
margin-right: .3rem;
	flex-shrink: 0;
}
.indexFive .re dd .icBox img {
	max-width: 50%;
}
.indexFive .re dd .tit {
	font-size: var(--font24);
	
}
.indexFive .re dd .text {
margin-top: .1rem;
}
.indexFive .re dd .text p {
	color: #666;
}
.indexFive .re .more a {
	background: #0176dd;
	border-radius: 100px;
padding: .15rem .4rem;
	box-sizing: border-box;
transition: .5s;
}
.indexFive .re .more a span {
margin-right: .24rem;
}
.indexFive .re .more a:hover {
box-shadow: 0 0 .1rem #0176dd;
}
.indexSix {
	background: #f0f0f0;
	overflow: hidden;
}
.indexSix .box {
	position: relative;
}
.indexSix .le {
	width: 45%;
padding: 1rem 5% .6rem 10%;
	box-sizing: border-box;
}
.indexSix .re {
	width: 55%;
	overflow: hidden;
}
.indexSix .le dl {
margin-top: .5rem;
}
.indexSix .le dd {
padding: .4rem 0;
	position: relative;
	z-index: 1;
}
.indexSix .le dd .tit {
	position: relative;
	font-size: var(--font24);
	font-weight:bold;
	color: #303030;
	display: flex;
	align-items: center;
transition: .5s;
}
 .indexSix .le dd .tit::before {
content: '';
width: 6px;
height: 6px;
display: inline-block;
background: #0176dd;
line-height: 2;
margin-right: 10px;
flex-shrink: 0;
}
.indexSix .le dd p {
	margin-left: 16px;
margin-top: .05rem;
margin-right:30px;
	color:#888;
	opacity: 0;
transition: .5s;
}
.indexSix .le dd.on p {
	opacity: 1;
}
.indexSix .le dd .icBox {
	position: absolute;
	right: -26%;
	top: 50%;
	transform: translateY(-50%);
	opacity: 0;
transition: .5s;
}
.indexSix .le dd .icBox i {
	width: 0.54rem;
	height: 0.54rem;
	background: #0176dd;
font-size: .2rem;
	border-radius: 50%;
	transform: rotate(180deg);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-weight: 700;
}
 .indexSix .le dd::after {
content: '';
background: #fff;
top: 0;
z-index: -1;
border-radius: 100px;
left: -50vw;
position: absolute;
height: 100%;
width:0vw;
transition: 1s;
}
 .indexSix .le dd.on::after {
width: 88.5vw;
}
.indexSix .le dd.on .tit {
	font-size: var(--font24);
	color: #0176dd;
}
.indexSix .le dd.on .icBox {
	opacity: 1;
	transition-delay: 1s;
}
.indexSix .re .item {
	position: absolute;
	height: 100%;
	top: 0;
	right: 0;
	width: 55%;
	overflow: hidden;
}
.indexSix .re .item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0;
	object-fit: cover;
	transform: scale(1.1);
transition: opacity .5s cubic-bezier(.435, .25, .15, .965), transform 1s cubic-bezier(.435, .25, .15, .965);
}
.indexSix .re .item.on img {
	transform: scale(1);
	opacity: 1;
}
.indexSen {
	margin-top:50px;
}
.indexSen .box {
margin-top: .7rem;
	position: relative;
}
.indexSen .swiper {
	position: static;
}
.indexSen .slide a {
	display: block;
	width: 100%;
	height: 100%;
}
.indexSen .slide .imgBox {
	overflow: hidden;
	position: relative;
	border-radius: 0.15rem;
}
.indexSen .slide .imgBox img {
	width: 100%;
transition: .5s;
}
.indexSen .slide .imgBox .time {
	position: absolute;
bottom: .3rem;
left: .25rem;
	background: #0176dd;
	border-radius: 100px;
padding: .12rem .2rem;
	color: #fff;
}
.indexSen .slide .con {
padding: .0rem .2rem;
}
.indexSen .slide .con .p1 p {
transition: .5s;
}
.indexSen .slide .more {
margin-top: .5rem;
}
.indexSen .slide .more .jt {
	width: 26px;
	height: 26px;
	background: #0176dd;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	transform: rotate(180deg);
	border-radius: 50%;
}
.indexSen .slide:hover .imgBox img {
	transform: scale(1.1);
}
.indexSen .slide:hover .p1 p {
	color: #0176dd;
}
.indexSen .pagtion {
bottom: -.4rem;
}
.indexSen .pagtion span {
	width: 12px;
	height: 12px;
	border: 2px solid #0176dd;
	background: none;
	opacity: 1;
	box-sizing: border-box;
}
.indexSen .pagtion .swiper-pagination-bullet-active {
	background: #0176dd;
}
/* ===底部=== */


.footer .footerBox01 {
	background: url(../images/footer-bj.jpg) no-repeat center;
	background-size: cover;
padding: 1.2rem 0 .38rem;
}

.footer .footerBox {
	background: url(../images/footer-bj.jpg) no-repeat center;
	background-size: cover;
padding: .6rem 0 .38rem;
}
.foterUs {
	transform: translateY(50%);
}
.foterUs .box {
	background: linear-gradient(-39deg, #0188fe 0%, #0176dd 100%);
	border-radius: 0.1rem;
padding: .35rem 6% .35rem 6%;
	overflow: hidden;
}
.foterUs .box .le span {
	display: block;
}
.foterUs .box .more a {
	border: 2px solid #ffffff;
	border-radius: 100px;
padding: .17rem .3rem;
transition: .5s;
}
.foterUs .box .more a:hover {
	background: #fff;
	color: #0176dd;
}
.foterUs .box .more a:hover span {
	color: #0176dd;
}
.foterUs .box .more a:hover svg path {
	fill: #0176dd;
}
.footerBox .box {
	justify-content: space-between;
}
.footerBox .le .links {
margin-top: .6rem;
}
.footerBox .le .links ul {
	justify-content: space-between;
}

.footerBox01 .box {
	justify-content: space-between;
}
.footerBox01 .le .links {
margin-top: .6rem;
}
.footerBox01 .le .links ul {
	justify-content: space-between;
}

.foternav {
	width: 68%;
	display: flex;
	justify-content: space-between;
}
.foternav dl dt {
	font-size: var(--font22);
	color: #fff;
	
margin-bottom: .4rem;
}
.foternav dl dd {
margin: .1rem 0;
}
.foternav dl dd a {
	color: #ffffff;
	opacity: .7;
transition: .5s;
}
.foternav dl dd a:hover {
	opacity: 1;
}
.footerBox .re .tit {
padding-bottom: .15rem;
}
.footerBox .re dl dd {
	display: flex;
	align-items: flex-start;
margin-top: .2rem;
}
.footerBox .re dl dd .icBox {
margin-right: .1rem;
	width: 15px;
}
.footerBox .re dl dd p {
	position: relative;
}
.footerBox .re dl dd p, .footerBox .re dl dd p a {
	color: #fff;
	font-size: var(--font15);
	color: #fff;
}
.footerBox .re dl dd:last-child p {
	border-bottom: 1px solid #fff;
}


.footerBox01 .re .tit {
padding-bottom: .15rem;
}
.footerBox01 .re dl dd {
	display: flex;
	align-items: flex-start;
margin-top: .2rem;
}
.footerBox01 .re dl dd .icBox {
margin-right: .1rem;
	width: 15px;
}
.footerBox01 .re dl dd p {
	position: relative;
}
.footerBox01 .re dl dd p, .footerBox .re dl dd p a {
	color: #fff;
	font-size: var(--font15);
	color: #fff;
}
.footerBox01 .re dl dd:last-child p {
	border-bottom: 1px solid #fff;
}

/* .footerBox .re dl dd:last-child p::after {content: ''; position: absolute; bottom: 0; width: 100%; height: 1px; background: #fff; left: 0;} */

.foterCopy {
margin-top: .67rem;
	border-top: 1px solid rgba(240, 240, 240, .1);
padding-top: .3rem;
}
.foterCopy .copy p, .foterCopy .copy p a {
	color: rgba(255, 255, 255, .5);
}
.foterCopy .copy p a:hover {
	color: #fff;
}
.foterCopy ul li {
padding: 0 .25rem;
	border-right: 2px solid rgba(255, 255, 255, .5);
	line-height: 1;
}
.foterCopy ul li:last-child {
	padding-right: 0;
	border: 0;
}
.foterCopy ul li a {
	color: rgba(255, 255, 255, .5);
	display: block;
}
.foterCopy ul li a:hover {
	color: #fff;
}
/* ==============================================================================内页======================================================================================= */

/* 内页底部 */

.ny-footer .foterUs {
	transform: none;
}
.ny-footer .foterUs {
	background: linear-gradient(-39deg, #2ab7eb 0%, #0176dd 100%);
}
.ny-footer .foterUs .box {
	background: none;
padding: .74rem 0;
}
.ny-footer .foterUs .box .le span {
	display: inline-block;
}
.ny-banner {
	position: relative;
}
.ny-banner .box {
	top:78%;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	flex-wrap: wrap;
}
.ny-banner .bjBox img {
	width: 100%;
	min-height: 4.24rem;
	object-fit: cover;
}
.ny-banner .box .cn {
	line-height: 1;
	text-transform: uppercase;
}
/* 内页二级栏目 */

.nynav {
	border-bottom: 1px solid #E4E4E4;
}
.nynav ul {
	display: flex;
}
.nynav li {
padding: 0 .4rem;
}
.nynav li:first-child {
	padding-left: 0;
}
.nynav li a {
padding: .27rem 0;
	font-size: var(--font17);
	font-weight: 700;
	display: block;
	color: #777;
	position: relative;
}
 .nynav li a::after {
content: '';
width: 0;
background: #0176dd;
height: 0.03rem;
bottom: 0;
position: absolute;
left: 0;
transition: .5s;
}
 .nynav li:hover a::after {
width: 100%;
}
 .nynav li.on a::after {
width: 100%;
}
.nynav li:hover a {
	color: #333;
}
.nynav li.on a {
	color: #333;
}
/* 面包屑 */

.mbx {
}
.layui-breadcrumb {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-top: 5px;
}
.layui-breadcrumb span {
	color: #fff !important;
}
.layui-breadcrumb a {
	color: #fff !important;
}
.layui-breadcrumb a:hover {
	color: #0176dd !important;
}
.layui-breadcrumb>* {
	font-size: var(--font16);
}
/* ===关于我们=== */

.aboutTle .tit2 span {
	display: block;
}
.aboutOne {
	padding: 1.2rem 0 1.6rem 0;
}
.aboutOne .box {
}
.aboutOne .le {
	width: auto;
}
.aboutOne .re {
	width: 51%;
}
.aboutOne .le .more {
margin-top: .65rem;
}
.aboutOne .le .more a {
	display: inline-block;
	letter-spacing: 1px;
padding: .2rem .6rem;
	background: #0176dd;
	border-radius: 100px;
transition: .5s;
}
.aboutOne .le .more a:hover {
box-shadow: 0 0 .1rem #0176dd;
}
.aboutOne .re .text p {
	color: #666666;
	font-size: var(--font18);
margin-top: .4rem;
}
.aboutOne .re .text p:first-child {
	margin-top: 0;
}
.aboutTwo .box {
	display: flex;
	background: #f8f8f8;
}
.aboutTwo .le {
	width: 50%;
}
.aboutTwo .re {
	width: 50%;
	display: flex;
	align-items: center;
padding: .5rem 10% .5rem 5%;
	box-sizing: border-box;
}
.aboutTwo .le img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.aboutTwo .re dl dd {
	margin-top: 0.3rem;
}
.aboutTwo .re dl dd:first-child {
margin-top: .4rem;
}
.aboutTwo .re dl dd .p1 {
	font-size: var(--font36);
	
}
.aboutTwo .re dl dd .text {
margin-top: .1rem;
}
.aboutTwo .re dl dd .text p {
	color: #666666;
	font-size: var(--font18);
}
.aboutThre {
	position: relative;
}
.aboutThre .aboutTle {
	position: absolute;
	left: 10%;
	top: 1.2rem;
	z-index: 1;
}
.aboutThre .numlist {
	position: absolute;
	width: 40%;
	right: 10%;
bottom: .8rem;
	z-index: 1;
}
.aboutThre .numlist dl {
	justify-content: space-between;
}
.aboutThre .numlist dl dd span {
	color: #ffffff;
}
.aboutThre .mapBox {
	position: relative;
	overflow-x: hidden;
}
.aboutThre .mapBox > img {
	width: 100%;
}
.aboutThre .mapBox li {
	position: absolute;
	inset: 0% auto auto 0%;
	z-index: 2;
}
.aboutThre .mapBox li .hide {
	display: none;
	position: absolute;
	z-index: 1;
	bottom: 120%;
	background: #fff;
padding: .1rem;
border-radius: .1rem;
	width: max-content;
	opacity: 0;
transition: .5s;
	visibility: hidden;
}
.aboutThre .mapBox li .logo {
width: .35rem;
height: .35rem;
	display: flex;
}
.aboutThre .mapBox li .logo img {
	width: 100%;
}
.aboutThre .mapBox li .icBox {
	border-radius: 50%;
	overflow: hidden;
width: .25rem;
height: .25rem;
	display: flex;
}
.aboutThre .mapBox li .icBox img {
	width: 100%;
}
.aboutThre .mapBox li:hover .hide {
	opacity: 1;
	visibility: visible;
}
 .aboutThre .mapBox li:nth-child(1) {
left: 22%;
top: 52%;
}
 .aboutThre .mapBox li:nth-child(2) {
left: 33.5%;
top: 39%;
}
 .aboutThre .mapBox li:nth-child(3) {
left: 37%;
top: 71%;
}
 .aboutThre .mapBox li:nth-child(4) {
left: 39.5%;
top: 18%;
}
 .aboutThre .mapBox li:nth-child(5) {
left: 48.2%;
top: 62.8%;
}
 .aboutThre .mapBox li:nth-child(6) {
left: 53.6%;
top: 44%;
}
 .aboutThre .mapBox li:nth-child(7) {
left: 69.3%;
top: 22.5%;
}
 .aboutThre .mapBox li:nth-child(8) {
left: 68.5%;
top: 59%;
}
 .aboutThre .mapBox li:nth-child(9) {
left: 77.2%;
top: 54%;
}
.aboutFour {
	padding: 1.2rem 0;
}
.aboutFour .tle .jtBox {
	position: relative;
}
.aboutFour .tle .jtBox .swjt {
	position: relative;
	width: 0.54rem;
	min-height: 40px;
	min-width: 40px;
	height: 0.54rem;
	background: #d0d0d0;
	border-radius: 50%;
	transform: none;
	top: 30%;
	left: 0;
	right: 0;
transition: .5s;
	margin-top: 0;
}
.aboutFour .tle .jtBox .swjt i {
	color: #fff;
	font-weight: 700;
}
.aboutFour .tle .jtBox .swjt:active {
	background: #0176dd;
}
 @media (any-hover: hover) {
 .aboutFour .tle .jtBox .swjt:hover {
background: #0176dd;
}
}
.aboutFour .box {
margin-top: .7rem;
	position: relative;
}
.aboutFour .swiper {
	position: static;
}
.aboutFour .slide .imgBox {
	border-radius: 0.22rem;
	overflow: hidden;
}
.aboutFour .slide .imgBox img {
	width: 100%;
transition: .5s;
}
.aboutFour .slide .con {
	text-align: center;
}
.aboutFour .slide .tit {
	color: #000000;
margin-top: .4rem;
}
.aboutFour .slide .text {
margin-top: .2rem;
}
.aboutFour .slide .text p {
	color: #7b7b7b;
}
.aboutFour .slide a:hover .imgBox img {
	transform: scale(1.05);
}
.aboutFour .pagtion {
bottom: -.6rem;
	display: none;
}
.aboutFour .pagtion span {
	width: 12px;
	height: 12px;
	border: 2px solid #0176dd;
	background: none;
	opacity: 1;
	box-sizing: border-box;
}
.aboutFour .pagtion .swiper-pagination-bullet-active {
	background: #0176dd;
}
.aboutFive {
	background: url(../images/aboutFive-bj.jpg) no-repeat center;
	background-size: cover;
padding: .8rem 0 1rem;
}
.aboutFive .tle .jtBox {
	position: relative;
}
.aboutFive .tle .jtBox .swjt {
	position: relative;
	width: 0.54rem;
	min-height: 40px;
	min-width: 40px;
	height: 0.54rem;
	background: #d0d0d0;
	border-radius: 50%;
	transform: none;
	left: 0;
	right: 0;
transition: .5s;
}
.aboutFive .tle .jtBox .swjt i {
	color: #fff;
	font-weight: 700;
}
.aboutFive .tle .jtBox .swjt:active {
	background: #0176dd;
}
 @media (any-hover: hover) {
 .aboutFive .tle .jtBox .swjt:hover {
background: #0176dd;
}
}
.aboutFive .box {
	position: relative;
	margin-top: 1.2rem;
}
 .aboutFive .box::before {
content: '';
height: .14rem;
width: 100%;
position: absolute;
left: 0;
top: 0;
background: url(../images/aboutFive-xian.png) repeat;
background-size: contain;
}
.aboutFive .slide {
padding-left: .05rem;
}
.aboutFive .slide .cirle {
width: .2rem;
height: .2rem;
	border: 1px solid #189ce5;
	box-sizing: border-box;
	display: block;
	box-sizing: border-box;
	border-radius: 50%;
	position: relative;
}
 .aboutFive .slide .cirle::after {
content: '';
width: 60%;
height: 60%;
left: 50%;
top: 50%;
background: #189ce5;
border-radius: 50%;
transform: translate(-50%, -50%);
position: absolute;
}
.aboutFive .slide .time {
	font-size: var(--font30);
	
margin-top: .7rem;
}
.aboutFive .slide .imgBox {
margin-top: .2rem;
	border-radius: 0.2rem;
	overflow: hidden;
}
.aboutFive .slide .imgBox img {
	width: 100%;
}
.aboutFive .slide .text {
margin-top: .35rem;
	font-size: var(--font15);
}
/* ===产品中心=== */

.proOne {
	padding: 1rem 0;
}
.proOne .box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}
.proOne .box .le {
	width: 20.5%;
	min-width: 200px;
}
.proOne .box .re {
	flex: 1;
	margin-left: 3.5%;
}
/* 左侧产品栏目 */

.proOne .menu {
	box-shadow: 0rem 0rem 0.2rem 0rem rgba(6, 0, 1, 0.06);
padding: .4rem 0;
margin-bottom: .5rem;
}
.proOne .menu .tit {
border-left: .1rem solid #189CE5;
padding: 0 .2rem;
}
.proOne .menu .tit h3 {
	position: relative;
}
 .proOne .menu .tit h3::after {
content: '';
position: absolute;
bottom: -.3rem;
left: 0;
width: 100%;
height: 1px;
background: #D0D0D0;
opacity: .5;
}
.proOne .menu ul {
padding: 0 .2rem;
margin-top:.5rem;
}
.proOne .menu li {
margin-top: .2rem;
}
.proOne .menu li .menu-li {
	display: flex;
	justify-content: space-between;
padding: .1rem .2rem;
padding-left: .1rem;
	min-height: 40px;
	cursor: pointer;
	background: #f8f8f8;
}
.proOne .menu li .menu-li a {
	color: #333;
	display: flex;
	align-items: center;
}
.proOne .menu li .menu-li i {
	width: 14px;
	position: relative;
}
.proOne .menu li .menu-li i svg {
	max-width: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
transition: .4s;
}
.proOne .menu li .menu-li i .jia {
	opacity: 1;
}
.proOne .menu li .menu-li:hover a {
	color: #0176dd;
}
.proOne .menu li .s-menu {
	width: 100%;
padding: .4rem .2rem;
padding-left: .3rem;
padding-top: .1rem;
	padding-bottom: 0;
	display: none;
padding-left: .1rem;
}
.proOne .menu li .s-menu a {
	width: 100%;
	color: #6A6A6A;
	position: relative;
	margin-bottom:0.1rem;
	transition: all ease-out 0.3s;
	display: block;
font-size:.14rem
}
.proOne .menu li .s-menu a:hover {
	color: #0176dd;
}
.proOne .menu li .menu-li.on {
	background: #0176dd;
}
.proOne .menu li .menu-li.on a {
	color:#fff
}
.proOne .menu2 dd .con .more {
	font-size:0.14rem
}
.proOne .menu li .menu-li.on a {
	
}
.proOne .menu li .menu-li.on i .jia {
	opacity: 0;
}
.proOne .menu li .menu-li.on i .jian {
	opacity: 1;
}
.proOne .menu li .s-menu.on {
	display: block;
}
/* 左侧产品推荐 */

.proOne .menu2 dl {
padding: 0 .2rem;
margin-top: .6rem;
}
.proOne .menu2 dd {
margin-top: .1rem;
}
.proOne .menu2 dd a {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.proOne .menu2 dd .imgBox {
	width: 30%;
}
.proOne .menu2 dd .imgBox img {
	width: 100%;
transition: .5s;
}
.proOne .menu2 dd .con {
	flex: 1;

}
.proOne .menu2 dd .tit2 {
transition: .5s;
}
.proOne .menu2 dd:hover .tit2 {
	color: #189CE5;
}
.proOne .menu2 dd:hover .imgBox img {
	transform: scale(1.05);
}
/* 右侧产品列表 */

.proOne .re .info {
padding-bottom: .25rem;
	border-bottom: 1px solid #EEEEEE;
}
.proOne .re .info .form {
	width: 43%;
	background: #EEEEEE;
	border-radius:100px;
height: .6rem;
	min-height: 40px;
}
.proOne .re .form input {
	flex: 1;
	height: 100%;
	border: 0;
	background:none;
	color: #333;
padding: 0 .2rem 0 .4rem;
}
.proOne .re .form button {
	cursor: pointer;
	background: #0176dd;
width: .6rem;
height: .6rem;
	min-height: 40px;
	min-width: 40px;
	border-radius: 50%;
}
.proOne .list {
margin-top: .3rem;
}
.proOne .list ul {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
gap: .45rem;
}
.proOne .list li {
	background: #fff;
	box-shadow: 0rem 0rem 0.1rem 0rem rgba(6, 0, 1, 0.06);
}
.proOne .list li .imgBox {
	height: 2.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}
.proOne .list li .imgBox img {
	max-width: 100%;
	max-height: 100%;
transition: .5s;
}
.proOne .list li .con {
padding: .2rem;
padding-bottom: .4rem;
	box-sizing: border-box;
	text-align: center;
}
.proOne .list li .con .p2 {
	line-height: 1.2;
}
.proOne .list li .con .more2 {
margin-top: .35rem;
}
.proOne .list li:hover .imgBox img {
	transform: scale(1.05);
}
.proOne .list li:hover .con .more2 {
	background: #0176dd;
	color: #fff;
}
/* 产品详情 */

.proDateOne {
	padding: 1rem 0 2rem;
}
.proDateOne .le {
	width: 48%;
	display: flex;
	align-items: flex-start;
	align-items: center;
}
.proDateOne .re {
	width: 48%;
}
.proDateOne .swiperBox2 {
	order: -1;
	width: 86px;
	position: relative;
	height: 100%;
}
.proDateOne .swiperBox2 .swjt {
	position: relative;
	background: #f0f0f0;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 24px;
margin: .1rem 0;
}
.proDateOne .swiperBox2 .swjt i {
	color: #919191;
}
.proDateThum {
	height: 100%;
	width: 100%;
}
.proDateThum .slide {
	height: auto;
}
.proDateThum .slide .imgBox {
	background: #f8f8f8;
	height: 100%;
	cursor: pointer;
	border: 1px solid transparent;
	box-sizing: border-box;
}
.proDateThum .slide img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}
.proDateThum .slide.swiper-slide-thumb-active .imgBox {
	border-color: #0176dd;
}
.proDateSwiper {
	flex: 1;
margin-left: .8rem;
transform: translateY(.6rem);
}
.proDateSwiper .imgBox {
	height: 100%;
	min-height: 5rem;
}
.proDateSwiper .imgBox img {
	max-width: 100%;
}
.proDateOne .re .con .p1 i {
	transform: rotate(45deg);
	display: inline-block;
	position: relative;
	top: 4px;
}
.proDateOne .re .con .p3 {
margin-top: .3rem;
	font-size: var(--font22);
}
.proDateOne .re .con .p4 {
margin-top: .3rem;
	color: #666666;
	line-height: 1.7;
}
.proDateOne .re .conus {
margin-top: .5rem;
}
.proDateOne .re .conus .more {
	flex: 1;
margin-right: .35rem;
}
.proDateOne .re .conus .more a {
	background: #0176dd;
	border-radius: 100px;
padding: .22rem .1rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.proDateOne .re .conus ul {
	display: flex;
	align-items: center;
}
.proDateOne .re .conus li {
margin: 0 .15rem;
}
.proDateTwo {
	background: #f9f9f9;
padding: .6rem 0 1rem;
}
.proDateTwo .box {
	align-items: flex-start;
}
.proDateTwo .le {
	flex: 1;
	margin-right:11%;
}
.proDateTwo .re {
	width: 24%;
	position: sticky;
	top: 1.5rem;
	min-width: 240px;
}
.proDateTwo .layui-tab-title {
	background: #ffffff;
	border-radius: 100px;
	display: flex;
	overflow: hidden;
	height: auto;
	z-index: 2;
}
.proDateTwo .layui-tab-title li {
	flex: auto;
	font-size: var(--font20);
padding: .22rem .2rem;
	border-left: 1px solid #E6E6E6;
	line-height: initial;
	text-align: center;
}
.proDateTwo .layui-tab-title li:first-child {
	border: 0;
}
.proDateTwo .layui-tab-more {
	padding: 0;
	white-space: wrap;
}
.proDateTwo .layui-tab-title .layui-this {
	background: #0176dd;
	color: #fff;
}
.proDateTwo .layui-tab-title .layui-this:after {
	display: none;
}
.proDateTwo .layui-tab-title .layui-tab-bar {
	display: none;
}
.proDateTwo .re .proOne {
	padding: 0;
}
.proDateTwo .re .proOne .menu {
	background: #fff;
}
 .proDateTwo .re .proOne .menu3 .tit h3::after {
display: none;
}
.proDateTwo .re .form {
padding: 0 .3rem;
margin-top: .4rem;
}
.proDateTwo .re .form .inBox {
	height: 0.54rem;
	min-height: 40px;
	background: #f8f8f8;
margin-bottom: .12rem;
}
.proDateTwo .re .form input {
	background: none;
	height: 100%;
	border: 1px solid #ededed;
}
.proDateTwo .re .form .inTxtBox {
	height: 1.3rem;
	min-height: 80px;
}
.proDateTwo .re .form textarea {
	background: none;
	height: 100%;
	resize: none;
	border: 1px solid #ededed;
padding-top: .15rem;
	box-sizing: border-box;
}
.proDateTwo .re .form .inCode {
	display: flex;
	justify-content: space-between;
height: .45rem;
}
.proDateTwo .re .form .inCode img {
	max-width: 40%;
	height: 100%;
	object-fit: contain;
}
.proDateTwo .re .form .sub {
	background: #0176dd;
	border-radius: 100px;
padding: .18rem 0;
margin-top: .3rem;
}
.proDateTwo .re .form .sub button {
	width: 100%;
	cursor: pointer;
}
/* 产品资料录入 */

.proDateTwo .content {
padding: .5rem 0;
	word-wrap: break-word;
	word-break: break-word;
	text-wrap-mode: wrap !important;
}
.proDateTwo .content p {
	word-wrap: break-word;
	word-break: break-word;
}
.proDateTwo .content .item {
	padding-top:2rem;
	margin-top: -1.5rem;
}
.proDateTwo .content img {
	max-width: 100%;
	height: auto !important;
}
.table1 td {
	padding:0.2rem;
	border:1px solid #ddd
}
/* ===应用=== */

.appOne {
	padding: 1rem 0;
}
.appOne .boxCon {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: flex-start;
}
.appOne .leCon {
	width: 24%;
	position: sticky;
	top: 1.5rem;
	min-width: 240px;
}
.appOne .reCon {
	margin-left: 9%;
	flex: 1;
}
.appOne .proDateTwo {
	background: none;
	padding: 0;
}
.appOne .proDateTwo .re {
	position: relative;
	top: 0;
	width: 100%;
}
.appOne .proDateTwo .re .proOne .menu {
	width: 100%;
}
.appOne .appnav {
	box-shadow: 0rem 0rem 0.02rem 0rem rgba(6, 0, 1, 0.20);
margin-bottom: .44rem;
padding: .5rem .2rem;
	box-sizing: border-box;
}
.appOne .appnav li {
margin: .1rem;
}
.appOne .appnav li a {
	display: flex;
	align-items: center;
	font-size: var(--font18);
	color: #575757;
padding: .1rem 0.2rem;
	box-sizing: border-box;
	border-radius: 100px;
transition: .5s;
}
.appOne .appnav li span {
margin-right: .5rem;
}
.appOne .appnav li i {
	opacity: 0;
	color: #0176dd;
transition: .5s;
}
.appOne .appnav li:hover a {
	background: #f7f8fa;
	font-weight: 700;
	color: #0176dd;
}
.appOne .appnav li:hover i {
	opacity: 1;
}
.appOne .appnav li.on a {
	background: #f7f8fa;
	font-weight: 700;
	color: #0176dd;
}
.appOne .appnav li.on i {
	opacity: 1;
}
.appOne .list {
	position: relative;
}
.appOne .list ul li {
margin-top: .8rem;
	display: none;
}
 .appOne .list ul li:nth-child(-n+2) {
display: list-item;
}
.appOne .list ul li:first-child {
	margin-top: 0;
}
.appOne .list ul li .imgBox {
	overflow: hidden;
	position: relative;
}
 .appOne .list ul li .imgBox::after {
content: '';
background: #0176dd;
position: absolute;
width: 0;
height: 0.08rem;
bottom: 0;
left: 0;
transition: .5s;
}
.appOne .list ul li .imgBox img {
transition: .5s;
	width: 100%;
}
.appOne .list ul li:hover .imgBox img {
	transform: scale(1.1);
}
 .appOne .list ul li:hover .imgBox::after {
width: 100%;
}
.appOne .list ul li .info {
padding-top: .5rem;
}
.appOne .list ul li .tit {
	position: relative;
	display: flex;
}
 .appOne .list ul li .tit::before {
content: '•';
display: inline-block;
color: #333333;
margin-right: .2rem;
}
.appOne .list ul li .more {
margin-top: .5rem;
}
.appOne .list .morelist {
	border: 1px solid #d3d3d3;
padding: .25rem .1rem;
	color: #5f5f5f;
	text-align: center;
	margin-top: 1.5rem;
transition: .4s;
	cursor: pointer;
}
.appOne .list .morelist:hover {
	background: #0176dd;
	color: #fff;
	border-color: #0176dd;
}
.appOne .list #loading {
	position: absolute;
	left: 50%;
	top: calc(100% - 1.5rem);
	transform:translate(-50%, -50%);
	display: none;
}
/* ===案例=== */

.caselist {
	padding: 1rem 0;
}
.caselist ul {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
gap: .3rem;
}
.caselist li {
	position: relative;
	background: #f9f9f9;
}
.caselist li .imglist .layui-carousel {
	max-height: 280px;
}
.caselist li .imglist .imgBox {
	overflow: hidden;
}
.caselist li .imglist .imgBox img {
	width: 100%;
transition: .5s;
	height: 100%;
	object-fit: cover;
}
.caselist li .con {
padding:.4rem .2rem;
	box-sizing: border-box;
	text-align: center;
}
.caselist li .con .p1 {
	color: #333;
}
.caselist li .con .more2 {
margin-top: .2rem;
}
.caselist li:hover .imgBox img {
	transform: scale(1.05);
}
.caselist li .con .more2:hover {
	background: #0176dd;
	color: #fff;
}
/* 控件 */

.layui-carousel-arrow {
	background: none;
}
.layui-carousel[lay-arrow=always] .layui-carousel-arrow {
	left: 10px
}
.layui-carousel[lay-arrow=always] .layui-carousel-arrow[lay-type=add] {
	right: 10px;
}
/* ===新闻列表=== */

.newslist {
	padding: 1rem 0;
}
.newslist ul {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
gap: .7rem;
}
.newslist li {
	background: #f1f1f1;
	border-radius: 0.15rem;
	overflow: hidden;
}
.newslist li .imgBox {
	overflow: hidden;
	position: relative;
}
.newslist li .imgBox img {
	width: 100%;
transition: .5s;
}
.newslist li .imgBox .time {
	position: absolute;
bottom: .3rem;
left: .25rem;
	background: #0176dd;
	border-radius: 100px;
padding: .12rem .2rem;
	color: #fff;
}
.newslist li .con {
padding: .2rem .2rem;
}
.newslist li .con .p1 p {
transition: .5s;
}
.newslist li .more {
margin-top: .5rem;
}
.newslist li .more .jt {
	width: 26px;
	height: 26px;
	background: #0176dd;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	transform: rotate(180deg);
	border-radius: 50%;
}
.newslist li:hover .imgBox img {
	transform: scale(1.1);
}
.newslist li:hover .p1 p {
	color: #0176dd;
}

.card-desc {
    font-size: 16px;
    color: #666;
    line-height: 1.8;
}

.card-title {
	font-size:18px;
	color:#333;
	line-height:2.0;
	font-weight:bold;
}

/* 详情页面 */

.newsDateMain {
	background: #f8f8f8;
	padding: 0;
}
.newsDate {
padding: .3rem 0 1rem 0;
}
.newsDate .layui-breadcrumb a {
	color: #333 !important;
}
.newsDate .layui-breadcrumb span {
	color: #333 !important;
}
.newsDate .box {
margin-top: .3rem;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.newsDate .le {
	background: #fff;
	padding: 0.4rem 0.35rem;
	width: 65.5%;
}
.newsDate .re {
	width: 32%;
	background: #fff;
	position: sticky;
	top: 1.5rem;
	padding: 0.45rem;
}
.newsDate .tle {
padding-bottom: .4rem;
	border-bottom: 1px solid #F2F2F2;
}
.newsDate .tle h4 {
	color: #333333;
	font-size: var(--font40);
	font-weight: 400;
	line-height: 1.2;
}
.newsDate .tle .tle-info {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
margin-top: .3rem;
}
.public-tips {
	display: flex;
	align-items: center;
}
.public-tips .c-tips {
	padding: 5px 15px;
	border-radius: 1000px;
	border: 1px solid #e8e8e8;
	color: #0176dd;
	margin-right: 15px;
}
.public-tips .c-date {
	color: #999;
}
#share-1 {
	display: flex;
	align-items: center;
}
#share-1 a {
	margin: 5px;
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
}
#share-1 a:hover svg path {
	fill: #0176dd;
}
.newsDate .dateCon {
margin: .4rem 0;
}
.newsDate .dateCon img {
	max-width: 100%;
}
.pageChose {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	border-top: 1px solid #F2F2F2;
padding-top: .5rem;
}
.pageChose .jtBox {
width:.32rem;
height: .32rem;
	min-height: 25px;
	min-width: 25px;
	border: 1px solid #333;
	border-radius: 50%;
	display: inline-flex;
margin-left: .15rem;
	flex-shrink: 0;
transition: .35s;
}
.pageChose .jtBox img {
	width: 16px;
	filter: brightness(0);
	-webkit-filter:brightness(0);
}
.pageChose .jtBox svg {
	max-width: 50%;
}
.pageChose .next a {
	display: flex;
	justify-content: flex-end;
}
.pageChose .prev .jtBox {
	transform: rotate(180deg);
	margin-left: 0;
margin-right: .15rem;
}
.pageChose .swjt {
	width: 45%;
}
.pageChose .swjt a {
	color: #666;
	display: flex;
	align-items: center;
}
.pageChose .swjt:hover a {
	color: #0176dd;
}
.pageChose .swjt:hover .jtBox {
	background: #0176dd;
	border-color: #0176dd;
}
.pageChose .swjt:hover .jtBox svg path {
	fill: #fff;
}
.pageChose .backlist {
	width: 100%;
	order: 3;
	display: flex;
	justify-content: center;
margin-top: .3rem;
}
.pageChose .backlist a {
	width: 1.58rem;
	min-width: 125px;
	min-height: 40px;
	height: 0.49rem;
	background: #0176dd;
	border-radius: 25px;
	color: #fff;
}
.pageChose .backlist a:active {
	background: #0176dd;
}
.newsDate .re .c-title {
	font-size: var(--font26);
	color: #333;
	border-bottom: 1px solid #f5f5f5;
padding-bottom: .2rem;
	font-weight: 700;
}
.newsDate .re li {
	padding: 0.2rem 0;
	border-bottom: 1px solid #f5f5f5;
	box-sizing: border-box;
}
.newsDate .re li a {
	display: flex;
}
.newsDate .re li .public-img {
	width: 40%;
}
.newsDate .re li .public-img img {
	max-width: 100%;
	height: 100%;
	object-fit: cover;
}
.newsDate .re li .c-cont {
	flex: 1;
	margin-left: 0.2rem;
margin-top: .1rem;
}
.newsDate .re li .c-cont .c-date {
	font-size: var(--font14);
	color: #999;
}
.newsDate .re li .c-cont .c-t p {
	color: #333;
}
.newsDate .re li a:hover .c-t p {
	color: #0176dd;
}
/* ===联系我们=== */

.tactOne {
	padding: 1rem 0;
}
.tactOne .box {
	display: flex;
	justify-content: space-between;
}
.tactOne .le {
	width: 48%;
}
.tactOne .re {
	width: 40%;
}
.tactOne .le .p1 {
margin-top: .45rem;
}
 .tactOne .form input::placeholder {
color: #333;

}
 .tactOne .form input::-webkit-input-placeholder {
color: #333;

}
 .tactOne .form input::-moz-placeholder {
color: #333;

}
 .tactOne .form input::-moz-placeholder {
color: #333;

}
 .tactOne .form input::-ms-input-placeholder {
color: #333;

}
 .tactOne .form textarea::placeholder {
font-size: var(--font14);
color: #9D9D9D;
}
 .tactOne .form textarea::-webkit-textarea-placeholder {
font-size: var(--font14);
color: #9D9D9D;
font-family: 'popRegular';
}
.tactOne .form {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.tactOne .form .inBox {
margin-top: .45rem;
	width: 46%;
}
.tactOne .form input, .tactOne .form textarea {
	border: 0;
	border-bottom: 2px solid #333;
	box-shadow: none;
	background: none;
	height: auto;
	padding: 0;
padding-bottom: .15rem;
}
.tactOne .form .inTxtBox {
	width: 100%;
}
.tactOne .form .inTxtBox textarea {
	resize: none;
margin-top: .6rem;
padding-bottom: .2rem;
}
.tactOne .form .inCode {
	display: flex;
}
.tactOne .form .inCode img {
margin-left: .1rem;
	max-width: 1.5rem;
}
.tactOne .form .sub {
	width: 100%;
margin-top: .6rem;
}
.tactOne .form .sub button {
	background: #0176dd;
padding: .16rem .32rem;
	cursor: pointer;
}
.tactOne .form .sub button i {
	transform: rotate(180deg);
	display: inline-block;
}
.tactOne .re dl dd {
margin-top: .9rem;
}
.tactOne .re dl dd:first-child {
margin-top: .4rem;
}
.tactOne .re dl dd .p1 {
	font-size: var(--font20);
	font-weight: 700;
	font-family: 'popBold';
}
.tactOne .re dl dd .p2 {
	font-size: var(--font14);
	color: #666666;
}
.tactOne .re dl dd .p3 {
	display: flex;
	align-items: center;
margin-top: .1rem;
}
.tactOne .re dl dd .p3 .icBox {
	width: 28px;
	height: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
margin-right: .12rem;
	background: #efefef;
	border-radius: 50%;
}
.tactOne .re dl dd .p3 .icBox img {
	max-width: 50%;
}
.tactOne .re dl dd .p3 p, .tactOne .re dl dd .p3 p a {
	color: #0176dd;
	
}
.tactTwo img {
	width: 100%;
}
/* 底部弹出层提交 */
.foterPop {
	position: fixed;
	right: 1%;
	bottom: 0;
	z-index: 99;
	transform: translateY(calc(100% - 45px));
transition: .5s;
}
.foterPop .box {
	width: 350px;
	border-radius: 15px 15px 0 0;
	overflow: hidden;
}
.foterPop .tit {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #0176dd;
	color: #fff;
}
.foterPop .tit {
	height: 45px;
	padding: 0 20px;
	cursor: pointer;
}
.foterPop .tit i {
transition: .5s;
}
.foterPop .tit .icBox {
	display: none;
}
.foterPop .form {
	border: 1px solid #0176dd;
	position: relative;
	background: #fff;
	overflow-y: auto;
	padding-bottom: 20px;
	width: 100%;
}
.foterPop .form form {
	padding: 20px 20px 5px;
}
.foterPop .form .inBox {
	margin-bottom: 10px;
	border: 1px solid #e5e5e5;
	height: 39px;
	padding: 0 13px;
	border-radius: 25px;
}
.foterPop .form .inBox input, .foterPop .form .inBox textarea {
	width: 100%;
	height: 100%;
	border: 0;
	background: none;
	font-size: 12px;
	resize: none;
}
.foterPop .form .inText {
	height: 100px;
}
.foterPop .form .inBox textarea {
	padding: 10px 0;
}
.foterPop .form .inCode {
	display: flex;
	justify-content: space-between;
	padding-right: 0;
	overflow: hidden;
}
.foterPop .form .inCode input {
	padding-right: 15px;
}
.foterPop .form .inCode img {
	height: 100%;
	border-radius: 15px;
}
.foterPop .form .sub button {
	width: 100%;
	background: #EE7700;
	border-radius: 25px;
	color: #fff;
	height: 36px;
	cursor: pointer;
}
.foterPop .tit i {
	transform: rotateX(180deg);
}
.foterPop.show {
	transform: translateY(0);
}
.foterPop .tit.on i {
	transform: rotateX(0);
}
 @media (max-width: 640px) {
.foterPop .tit {
width: auto;
background: #fff;
display: inline-flex;
padding: 0 15px;
}
.foterPop .tit span {
display: none;
}
.foterPop .tit i {
display: none;
}
.foterPop .tit .icBox {
display: block;
}
.foterPop {
width: 96%;
right: 2%;
}
.foterPop .box {
width: 100%;
border-radius: 0;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items:flex-end;
}
}
/* 产品详情资料调整 */
.proDateTwo .content .item p, .proDateTwo .content .item p span {
	text-wrap-mode: wrap !important;
	white-space: wrap !important;
}
.proDateTwo .content .table2 tr {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.proDateTwo .content .table2 td {
	width: 48%;
margin: .1rem 0;
}
 @media screen and (min-width: 200px) and (max-width: 1440px) {
 .proDateTwo .content .item {
font-size: 12px;
}
}
 @media screen and (min-width: 200px) and (max-width: 767px) {
 .proDateTwo .content .table1 tr {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
 .proDateTwo .content .table1 td {
width: 100%;
}
 .proDateTwo .content .table2 tr {
flex-wrap: wrap;
}
 .proDateTwo .content .table2 td {
width: 100%;
margin-top: .3rem;
}
}