/* =====头部===== */
#c-placeholder {
	height: 1.1rem;
}
.header {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999;
transition: .5s;
	background: linear-gradient(0deg, rgb(0 0 0 / 0) 0%, rgba(0, 0, 0, .6) 100%);
}
.header::after {
content: "";
width: 100%;
height: 1px;
background: transparent;
position: absolute;
left: 0;
bottom: 0;
}
.headerBox {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 1.1rem;
	min-height: 60px;
margin: 0 .2rem;
transition: .5s;
}
.headerLogo img {
	max-width: 182px;
}
.headerLogo img:nth-child(2) {
display: none;
}
.headernav {
	width:67%;
}
.headernav > ul {
	display: flex;
	justify-content: space-between;
}
.headernav > ul > li {
	position: relative;
	line-height: 1.1rem;
}
.headernav > ul > li > a {
	color: #FFFFFF;
transition: .35s;
	position: relative;
	display: block;
	height: 100%;
	font-size: var(--font18)
}
.headernav > ul > li > a::after {
content: "";
position: absolute;
width: 0;
bottom: 0;
left: 50%;
height: 3px;
background: transparent;
bottom: -0.5px;
transition: .5s;
z-index: 2;
}
.headernav > ul > li:hover > a, .headernav > ul > li.on > a {
	color: #0557FA;
}
.headernav > ul > li:hover > a::after, .headernav > ul > li.on > a::after {
width: 100%;
left: 0;
}
/* .headernav > ul > li:nth-child(4) .headLeveNav .re ul li:nth-child(1) {display: none;} */

.headerRe {
	display: flex;
	align-items: center;
}
.heSearch .icBox {
	cursor: pointer;
}
.choseLuangage {
	position: relative;
margin-left: .3rem;
}
.choseLuangage .slibsange {
	height: 1.05rem;
	display: flex;
	align-items: center;
}
.luangBox {
	width: auto;
	height: auto;
transition: .5s;
}
.luangBox span {
	color: #fff;
margin-left: .1rem;
	display: none;
}
/* .choseLuangage:hover svg path {fill: #0557FA;} */
/* .choseLuangage:hover .luangBox {background: #0557FA;} */
/* 
.choseLuangage ul { box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); position: absolute; z-index: 2; width: 100%; text-align: center; background: #fff;border-radius: 10px; overflow: hidden; visibility: hidden; pointer-events: none; opacity: 0; transition: .5s; transform: translateY(10%);}
.choseLuangage ul li a {padding: .05rem 0; display:block; transition: .5s; }
.choseLuangage ul li a:hover {background: #878AF5; color: #fff;}
.choseLuangage:hover ul {opacity: 1; transform: translateY(0); visibility: visible; pointer-events: auto; } */

.luangageList {
	position: fixed;
	background: #fff;
	left: 0;
	width: 100%;
	z-index:9;
	border-top: 1px solid #dfdede;
	transition: all 0s;
padding: .5rem 0;
	box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .05);
	display: none;
}
.luangageList .tit {
	font-size: var(--font24);
	font-weight: bold;
margin-bottom: .25rem;
}
.luangageList ul li {
	display: inline-block;
	vertical-align: top;
	min-width: 20%;
margin-bottom: .3rem;
padding-right: .3rem;
	box-sizing: border-box;
	font-size: var(--font20);
	line-height: 1.5;
}
.luangageList ul li a {
	color: #333;
}
.luangageList ul li a:hover {
	color: #0557FA;
}
.luangageList ul li.on a {
	color: #0557FA;
}
/* 隐藏搜索 */
.searchFull {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1040;
	background-color: #fff;
	display: none;
}
.searchFull .ssf-content {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
}
.searchFull .ssf-fields-wrap {
	margin: 0 20%;
	position: relative;
}
.searchFull .ssf-fields-wrap .ssf-input {
	width: 100%;
	height: 60px;
	font-size: var(--font20);
	border: none;
	outline: none;
	border-bottom: 1px solid #a3a3a3;
	padding-right: 70px;
}
.searchFull .ssf-fields-wrap .ssf-btn {
	cursor: pointer;
	width: 60px;
	height: 60px;
	font-size: 22px;
	text-align: center;
	border: none;
	outline: none;
	background-color: transparent;
	position: absolute;
	right: 0;
}
.searchFull .ssf-fields-wrap .ssf-btn:hover path {
	fill: #0557FA;
}
.ssfDismisser {
	position: absolute;
	top: 20px;
	right: 30px;
	font-size: 31px;
	color: #8e9295;
	line-height: 30px;
	width: 30px;
	height: 30px;
	text-align: center;
}
/* 头部产品导航 */
.headProCenNav {
	position: fixed;
	width: 100%;
	background: #fff;
	left: 0;
	line-height: initial;
	display: none;
	box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.05);
}
.headProCenNav .container {
	width: 1400px;
}
.headProCenNav .box {
	display: flex;
	justify-content: space-between;
}
.headProCenNav .le {
	width: 28%;
	background: #f9f9f9;
padding: .5rem 0;
	padding-top: 1.2rem;
	position: relative;
}
.headProCenNav .navTle {
	position: absolute;
	display: flex;
	align-items: center;
top: .38rem;
left: .3rem;
	color: #0515f7;
}
.headProCenNav .navTle svg {
	transform: rotate(180deg);
margin-left: .08rem;
margin-top: .01rem;
}
.headProCenNav .re {
	display: flex;
	width: 65%;
	justify-content: space-between;
margin-top: .3rem;
margin-bottom: .5rem;
	flex-wrap: wrap;
}
/* .headProCenNav .re {max-height: 360px;} */
.headProCenNav .re dt {
	color: #333;
	font-size: var(--font18);
margin-bottom: .2rem;
}
.headProCenNav .re dl {
	width: 24%;
margin-top: .2rem;
}
.headProCenNav .re dd a {
	font-size: var(--font15);
	color: #666;
margin: .1rem 0;
	display: block;
}
.headProCenNav .re dd a:hover {
	color: #0557FA;
}
.headProSwiper {
padding-bottom: .6rem;
}
.headProSwiper .imgBox {
	display: flex;
	justify-content: center;
	align-items: center;
padding: .1rem;
}
.headProSwiper .imgBox img {
	max-width: 100%;
	max-height: 3rem;
	object-fit: contain;
}
.headProSwiper .swiper-pagination {
	bottom: 0;
}
.headProSwiper .swiper-pagination-bullet-active {
	background: #0515f7;
}
/* 头部解决方案导航 */
.headLeveNav {
	position: fixed;
	line-height: initial;
	width: 100%;
	background: #fff;
	left: 0;
	box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.05);
	display: none;
}
.headLeveNav .container {
	display: flex;
	justify-content: center;
}
.headLeveNav .box {
	width: 52%;
	display: flex;
	justify-content: space-between;
}
.headLeveNav .le {
	width: 40%;
	background: #f9f9f9;
padding: .5rem 0;
	padding-top: 1.2rem;
	position: relative;
}
.headLeveNav .le::after {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-image: linear-gradient(90deg, rgba(255, 255, 255, .9) 0%, rgba(247, 240, 240, 0) 100%);
}
.headLeveNav .navTle {
	position: absolute;
	display: flex;
	align-items: center;
top: .38rem;
left: .3rem;
	color: #0515f7;
	z-index: 1;
}
.headLeveNav .navTle svg {
	transform: rotate(180deg);
margin-left: .08rem;
margin-top: .01rem;
}
.headLeveNav .le .imgBox img {
	width: 100%;
}
.headLeveNav .re {
	width: 50%;
margin: .5rem 0;
}
.headLeveNav .re ul li a {
	color: #555555;
	display: inline-block;
margin: .1rem 0;
}
.headLeveNav .re ul li a:hover, .headLeveNav .re ul li.on a {
	color: #0515f7;
}
/* 头部下滑导航 */
.header.fh {
	background: #fff;
}
.header.fh::after {
background: #eee;
}
.header.fh .headerBox {
	margin-top: 0;
	transition: 0s;
}
.header.fh .headerLogo img:nth-child(1) {
display: none;
}
.header.fh .headerLogo img:nth-child(2) {
display: block;
}
.header.fh .headernav > ul > li > a {
	color: #333;
}
.header.fh .headernav > ul > li:hover > a, .header.fh .headernav > ul > li.on > a {
	color: #0515f7;
}
.header.fh .headernav > ul > li:hover > a::after, .header.fh .headernav > ul > li.on > a::after {
background: #0515F7;
}
.header.fh .heSearch .icBox svg path {
	fill: #333;
}
.header.fh .luangBox svg path {
	fill: #333;
}
.header.fh .luangBox span {
	color: #333;
}
/* .header.fh .choseLuangage:hover svg path {fill: #fff;} */
.header.fh .choseLuangage:hover span {
	color: #fff;
}
.header.fh .mobmenu dl dd {
	background: #333;
}
.header.fh .mobmenu h4 {
	color: #333;
}
/* 公用css */
/* 滚动条 */
.headerNavScroll {
	scrollbar-width:thin;
	scrollbar-color:#0515F7 #E5E5E5;
	overflow-y: auto;
}
.headerNavScroll::-webkit-scrollbar {
width: 4px;
}
.headerNavScroll::-webkit-scrollbar-thumb {
background: #0515F7;
border-radius: 5px;
}
.headerNavScroll::-webkit-scrollbar-track {
background: #E5E5E5;
}
/* 了解更多 */
.more1 {
transition: .5s;
	width:1.37rem;
	height:0.45rem;
	min-width: 120px;
	min-height: 35px;
	background: #202EE8;
	border-radius: 0.4rem;
	color: #fff;
	position: relative;
	z-index: 1;
}
.more1:before {
	content: '';
	z-index: -1;
	transition: 1s;
border-radius: .4rem;
	box-sizing: border-box;
	transform: scale(1);
	opacity: 1;
	width: 100%;
	height: 100%;
	background: #202EE8;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.more1:hover:before {
	transform: scale(1.2) scaleY(1.3);
	opacity: 0;
	visibility: hidden;
}
.more2 {
	width: 1.8rem;
	height: 0.61rem;
	background: #0515f7;
	border-radius: 0.31rem;
	margin: auto;
	color: #fff;
font-size: .18rem;
transition: .35s;
}
.more2 svg {
margin-left: .2rem;
}
.more2:hover {
	background: #4954ee;
}
/* =====首页===== */
/* banner */
.indexBanner {
	position: sticky;
	top: 0;
	z-index: 0;
	background: #000;
}
.bannerSwiper {
	height: 100vh;
	position: relative;
}
.bannerSwiper .con strong {
	font-size: 0.6rem;
	font-weight: 700;
	color: #fff;
	display: block;
}
/* .bannerSwiper .con strong span:nth-child(1) {background-image: linear-gradient(90deg, rgba(247, 240, 240, 0.55) 0%, rgba(255, 255, 255, 1) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;} */
.bannerSwiper .con strong span:nth-child(2) {
margin-left: .2rem;
}
.bannerSwiper .con .en p {
	font-size: var(--font28);
	color: #fff;
	line-height: 1.3;
}
.bannerSwiper .con .more {
margin-top: .5rem;
}
.bannerSwiper .swiper-button-prev {
	transform: rotate(180deg);
}
.bannerSwiper .imgBox {
	position: relative;
	width: 100%;
	height: 100%;
	opacity: 0.8;
}
.bannerSwiper .imgBox > img {
	width: 100%;
	height: auto;
	min-height: 100%;
	transition: 1s linear 2s;
	transform: scale(1.1, 1.1);
	object-fit: cover;
}
.bannerSwiper .videoBox {
	height: 100%;
	position: relative;
	width: 100%;
}
.bannerSwiper .videoBox img {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	object-fit: cover;
	z-index: 1;
}
.bannerSwiper .videoBox video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: relative;
	z-index: 11;
}
.bannerSwiper .swiper-slide-active img, .bannerSwiper .swiper-slide-duplicate-active img {
	transition: 6s linear;
	transform: scale(1, 1);
}
.bannerSwiper .swiper-pagination {
	display: none;
}
/* 首页内容 */
.indexMain {
	position: relative;
	z-index: 1;
	background: #fff;
}
/*.indexOne {padding: .6rem 0;}*/
.indexOne {
padding-bottom: .6rem;
}
.indexOne h3 {
	font-size: var(--font24);
	color: #000000;
	text-align: center;
}
.inOneSwiper {
margin-top: .4rem;
}
.inOneSwiper .swiper-wrapper {
	-webkit-transition-timing-function: linear;/*之前是ease-out*/
	-moz-transition-timing-function: linear;
	-ms-transition-timing-function: linear;
	-o-transition-timing-function: linear;
	transition-timing-function: linear;
}
.inOneSwiper .swiper-slide {
	width: auto;
}
.inOneSwiper .swiper-slide .imgBox {
	background-color: #ffffff;
	height: 40px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.inOneSwiper .swiper-slide .imgBox img {
	display: block;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	filter: grayscale(100%);
	-webkit-filter:grayscale(100%);
transition: .4s;
	opacity: .8;
}
.inOneSwiper .swiper-slide .fzimg img {
	max-width: 100%;
	max-height: 100%;
}
.inOneSwiper .swiper-slide .imgBox:hover img {
	filter: none;
	-webkit-filter:none;
	opacity: 1;
}
.indexTwo {
	background: url(../images/indexTwo-bj.png) no-repeat center;
	background-size: cover;
	padding: 1.5rem 0 2.2rem 0;
	background-attachment: fixed;
}
.indexTwo .box {
	display: flex;
	justify-content: space-between;
}
.indexTwo .tle {
	display: flex;
	align-items: flex-end;
margin-bottom: .5rem;
}
.indexTwo .tle img {
	max-width: 1.14rem;
}
.indexTwo .tle h3 {
	color: #FFFFFF;
font-size: .6rem;
margin-left: .2rem;
	line-height: 1.2;
	font-weight: bold;
}
.indexTwo .text p {
	font-size: var(--font24);
	color: #fff;
margin-top: .3rem;
}
.indexTwo .box .le {
	width: 54%;
}
.indexTwo .re {
	position: relative;
	width: 45%;
}
.indexTwo ul li {
	text-align: center;
	position: absolute;
}
.indexTwo ul li span {
	color: #fff;
	font-size: var(--font20);
	display: inline-block;
margin-top: .05rem;
}
.indexTwo ul li img {
	max-width: 2.4rem;
}
.indexTwo ul li:nth-child(1) {
left: 22%;
top: 10%;
}
.indexTwo ul li:nth-child(2) {
left: 44%;
top: 80%;
}
.indexTwo ul li:nth-child(3) {
left: 80%;
top: 45%;
}
.indexTle {
	text-align: center;
padding: .8rem 0 .6rem 0;
}
.indexTle h3 {
font-size: .48rem;
	font-weight: 700;
}
.indexTle span {
	font-size: var(--font24);
	display: block;
}
.indexThree {
	padding-bottom: 1rem;
}
.indexThree .swiperBox {
	position: relative;
}
.indexThree .swiperBox2 {
	display: none;
}
.inThSwiper {
	position: static;
}
.inThSwiper ul {
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
}
.inThSwiper ul li {
	width: 15.5%;
	;
	height: auto;
	border-radius: 5px;
	background: url(../images/inThSwiper-imgbj.png) no-repeat center;
	background-size: cover;
	position: relative;
}
.inThSwiper ul li {
padding: .1rem;
padding-bottom: .2rem;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	margin: 0.5%;
}
.inThSwiper ul li a {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
.inThSwiper ul li.numDisc {
	justify-content: center;
	align-items: center;
	background: #050F4E;
}
.inThSwiper ul li .num {
font-size: .72rem;
	color: #fff;
	font-family: Impact;
	line-height: 1;
}
.inThSwiper ul li span {
	color: #fff;
	font-size: var(--font17);
	display: inline-block;
margin-top: .1rem;
}
.inThSwiper ul li .imgBox {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 80%;
}
.inThSwiper ul li .imgBox img {
	max-width: 100%;
	max-height: 100%;
transition: .5s;
}
.inThSwiper ul li:hover .imgBox img {
	transform: scale(1.02);
}
.indexThree .swjt {
	left: -3%;
}
.indexThree .swiper-button-next {
	left: auto;
	right: -3%;
	transform: rotate(180deg);
}
.indexThree .swjt:hover svg path {
	fill: #050F4E;
}
.indexFour {
	background: #F0F4FC;
}
.indexFour ul {
	display: flex;
}
.indexFour ul li {
	position: relative;
	height: 7.5rem;
	overflow: hidden;
transition: .5s;
	flex: 1;
}
.indexFour ul li a {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	bottom: 0;
	z-index: 1;
}
.indexFour ul li.on {
	flex: 3;
}
.indexFour ul li .tle {
	position: absolute;
	width: 100%;
	height: 100%;
padding: .1rem;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	z-index: 1;
transition: .3s;
}
.indexFour ul li .tle::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: rgba(56, 56, 56, .6);
z-index: -1;
}
/*.indexFour ul li .tle h4 {font-size: var(--font30);color: #FFFFFF;}*/
.indexFour ul li .tle h4 {
	font-size: var(--font20);
	color: #FFFFFF;
}
/*.indexFour ul li .tle span {font-size: var(--font20); color: #fff;}*/
.indexFour ul li .tle span {
	font-size: 10px;
	color: #fff;
}
.indexFour ul li .imgBox {
	height: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 0;
}
.indexFour ul li .imgBox img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.indexFour ul li .con {
padding: .5rem 10% .5rem 20%;
	box-sizing: border-box;
	position: relative;
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: end;
	z-index: 1;
}
.indexFour ul li .con::after {
content: "";
position: absolute;
transition: .3s;
width: 0;
left: 0;
bottom: 0;
height: 100%;
background: linear-gradient(90deg, rgba(5, 15, 78, 1) 0%, rgba(255, 255, 255, .05) 70%);
}
.indexFour ul li .con .icBox {
width: .7rem;
height: .7rem;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: translateY(0.3rem);
	opacity: 0;
transition: .4s;
}
.indexFour ul li .con .icBox img {
	max-width: 100%;
}
/*.indexFour ul li .con h5 {color: #FFFFFF; font-size: var(--font36); margin-top: .1rem; opacity: 0;transform: translateY(0.3rem);transition: .4s;}*/
.indexFour ul li .con h5 {
	color: #FFFFFF;
	font-size: var(--font26);
margin-top: .1rem;
	opacity: 0;
	transform: translateY(0.3rem);
transition: .4s;
}
/*.indexFour ul li .con .text {font-size: var(--font20); color: #fff; margin-top: .1rem; opacity: 0;transform: translateY(0.3rem);transition: .4s;}*/
.indexFour ul li .con .text {
	font-size: var(--font10);
	color: #fff;
margin-top: .1rem;
	opacity: 0;
	transform: translateY(0.3rem);
transition: .4s;
}
.indexFour ul li.on .tle {
	opacity: 0;
}
.indexFour ul li.on .con::after {
width: 100%;
z-index: -1;
}
.indexFour ul li.on .con .icBox {
	transform: translateY(0);
	opacity: 1;
transition-delay: .4s;
}
.indexFour ul li.on .con h5 {
	transform: translateY(0);
	opacity: 1;
transition-delay: .6s;
}
.indexFour ul li.on .con .text {
	transform: translateY(0);
	opacity: 1;
transition-delay: .7s;
}
.inFourSwiper .swiper-button-prev.swjt {
	transform: rotate(180deg);
}
.indexFive {
	padding-bottom: 1.5rem;
}
.indexFive .box {
	display: flex;
	justify-content: space-between;
padding-bottom: .5rem;
}
.indexFive .box .le {
	width: 67.5%;
}
.indexFive .le ul {
	display: flex;
	justify-content: space-between;
}
.indexFive .le li {
	width: 49%;
}
.indexFive .le li .imgBox {
	border-radius: 5px;
	overflow: hidden;
}
.indexFive .le li .imgBox img {
	width: 100%;
transition: .5s;
}
.indexFive .le li h5 {
	font-size: var(--font18);
	color: #383838;
margin-top: .1rem;
}
.indexFive .le li .time {
	display: flex;
	align-items: flex-end;
	font-size: var(--font14);
margin-top: .15rem;
}
.indexFive .le li .icBox {
	width: 24px;
	height: 24px;
}
.indexFive .le li .icBox img {
	max-width: 100%;
}
.indexFive .le li p {
	font-size: var(--font14);
margin-top: .05rem;
}
.indexFive .le li:hover .imgBox img {
	transform: scale(1.05);
}
.indexFive .le li:hover h5 {
	color: #0515f7;
}
.indexFive .re {
	width: 30%;
}
.indexFive .re .more {
margin-bottom: .35rem;
}
.indexFive .re .more1 {
	width: 88px;
	height: 32px;
	font-size: var(--font14);
}
.indexFive .re .more1::before {
display: none;
}
/*.indexFive .re dl {padding-right: .8rem; overflow-y: auto;}*/
.indexFive .re dl.headerNavScroll {
	height: auto;
	overflow-y: initial;
}
.indexFive .re dl.headerNavScroll::-webkit-scrollbar-thumb {
width: 3px;
}
.indexFive .re dd {
margin-top: .35rem;
padding-bottom: .12rem;
	border-bottom: 1px solid #A6A6A6;
}
.indexFive .re dd:first-child {
	margin-top: 0;
}
.indexFive .re dd .time {
	color: #383838;
	font-size: var(--font14);
}
.indexFive .re dd p {
margin-top: .1rem;
	color: #383838;
	font-size: var(--font14);
}
.indexFive .re dd:hover p {
	color: #0515F7;
}
.indexFive .infiveMore {
	display: flex;
	justify-content:center;
}
.indexFive .infiveMore .more1 {
	width: 88px;
	height: 32px;
	font-size: var(--font14);
}
.indexSix {
	background-size: cover;
	background-attachment: fixed;
}
.indexSix .tle .icBox {
	display: flex;
	align-items: center;
	font-size: var(--font24);
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
}
.indexSix .tle .icBox i {
	width: 1.2rem;
	height: 1px;
	opacity: 1;
	background: rgba(255, 255, 255, 1);
margin-left: .1rem;
}
.indexSix .tle h3 {
font-size: .48rem;
	color: #FFFFFF;
margin-top: .2rem;
}
.indexSix ul {
	display: flex;
}
.indexSix li .num {
	display: flex;
	align-items: center;
font-size: .72rem;
	color: #fff;
	font-family: Impact;
	font-weight: 500;
	line-height: 1;
}
.indexSix li {
	width: 33.33%;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 2rem 0;
}
.indexSix li:first-child .num {
	align-items: flex-end;
}
.indexSix li .num span {
	font-size: var(--font24);
	font-family: Arial;
}
.indexSix li .text {
	font-size: var(--font24);
	color: #FFFFFF;
margin-top: .1rem;
}
/* =====底部===== */
.footer {
	background: #E5E5E5;
	position: relative;
	z-index: 1;
	padding-top: 1rem;
	padding-bottom: 0.1rem;
}
.foterLogo img {
	max-width: 100%;
}
.footer .foterBox {
	display: flex;
	justify-content: space-between;
}
.footer .foterBox .foterLogo {
	max-width: 2.5rem;
}
.foternav {
	display: flex;
	justify-content: space-between;
}
.foternavus {
	display: flex;
	justify-content: space-between;
}
.foternav dl {
	text-align: center;
margin-right: .8rem;
}
.foternav dl dt a {
	color: #000000;
margin-bottom: .2rem;
	font-size: var(--font18);
	font-weight: 500;
}
.foternav dl dd {
margin: .1rem 0;
}
.foternav dl dd a {
	font-size: var(--font15);
	color: #383838;
}
.foternav dl dd a:hover {
	color: #0515F7;
}
.foterus .item em {
	font-size: var(--font18);
	display: block;
}
/*.foterus .item a strong {font-size: .39rem; color: #383838;font-family: "OPSansM"; font-weight: 900;}*/
.foterus .item a strong {
	font-size:var(--font15);
	color: #383838;
	font-family: "OPSansM";
	font-weight: 900;
}
.foterus .item span {
	font-size: var(--font18);
	display: block;
}
.foterus .item:nth-child(2) {
margin-top: .6rem;
}
.foterlinks {
	display: flex;
padding-bottom: .5rem;
	border-bottom: 1px solid rgba(0, 0, 0, .2);
}
.foterlinks a {
margin-right: .2rem;
width: .46rem;
height: .46rem;
	min-width: 40px;
	min-height: 40px;
transition: .5s;
	border: 1px solid #CCCCCC;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
}
.foterlinks a svg {
	max-width: 50%;
}
.foterlinks a:hover {
	background: #808080;
}
.foterlinks a:hover svg path {
	fill: #fff;
}
.foterlinks a:hover img {
	filter: brightness(100);
	-webkit-filter:brightness(100);
}
.copyright {
margin-top: .1rem;
}
/* =========================================================================================内页============================================================================ */
/* 内页banner */
.ny-banner {
	position: relative;
	overflow: hidden;
}
.ny-banner .bannerBox {
	position: relative;
}
.ny-banner .imgBox img {
	width: 100%;
}
.ny-banner .banerTle {
	text-align: center;
}
.ny-banner .banerTle h3 {
	font-size: 2.6rem;
	font-weight: 600;
	color: #ffffff;
	text-transform: uppercase;
}
.ny-banner .banerTle span {
	font-size: 1.0rem;
	color: #ffffff;
	display: block;
}
/* 内页导航栏目 */
.nyNavColumn {
	position: sticky;
	top: 1rem;
	z-index: 2;
	border-bottom: 1px solid #EEEEEE;
	background: #fff;
}
.nyNavColumn ul {
	display: flex;
	justify-content: center;
}
.nyNavColumn li {
margin-right: .7rem;
}
.nyNavColumn li:last-child {
	margin-right: 0;
}
.nyNavColumn li a {
	font-size: var(--font18);
	display: flex;
	align-items: center;
	justify-content: center;
padding: .3rem 0;
	position: relative;
	z-index: 1;
	height: 100%;
}
.nyNavColumn li a::after {
content: "";
position: absolute;
width: 0;
bottom: 0;
left: 50%;
height: 3px;
background: #0415F8;
bottom: -1.5px;
transition: .5s;
z-index: 2;
}
.nyNavColumn li:hover a, .nyNavColumn li.on a {
	color: #0415F8;
}
.nyNavColumn li:hover a::after, .nyNavColumn li.on a::after {
width: 100%;
left: 0;
}
/* =====关于我们===== */
/*.aboutTle {text-align: center; padding: .8rem 0;}*/
.aboutTle {
	text-align: center;
padding: .3rem 0;
}
.aboutTle h3 {
	font-size: 2.5rem;
	font-weight:bolder;
	color: #333333;
}
.aboutTle i {
	display: block;
	width: 0.55rem;
	height: 0.03rem;
	background: #0415F8;
	display: inline-block;
}
/*.aboutOne {background: url(../images/aboutOne-bj.jpg) no-repeat center; background-size: cover; padding: 1.5rem 0 1.7rem 0; background-attachment: fixed;}*/
.aboutOne {
	background: url(../images/gsjjbg.png) no-repeat center;
	background-size: cover;
	padding: 1.5rem 0 1.7rem 0;
	background-attachment: fixed;
}
.aboutOne .aboutTle {
	text-align: left;
	padding: 0;
}
.aboutOne .aboutTle h3 {
	color: #fff;
}
.aboutOne .aboutTle i {
	background: #fff;
}
.aboutOne .box {
	display: flex;
	justify-content: space-between;
	    padding-top: 40px;
}
.aboutOne .le {
	width: 45%;
}
.aboutOne .le .text {
margin-top: .35rem;
}
.aboutOne .le .text p {
	font-weight: 400;
	font-size: var(--font17);
	color: #ffffff;
	line-height: 1.8;
}
.aboutOne .le .text p span {
	text-wrap: wrap !important;
}
.aboutOne .le .videoBtn {
	display: inline-block;
margin-top: .8rem;
	cursor: pointer;
	position: relative;
	z-index: 1;
}
.aboutOne .le .videoBtn img {
	max-width: 100%;
}
 .aboutOne .le .videoBtn::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border-radius: 50%;
background: #fff;
z-index: -1;
opacity: 0;
}
.aboutOne .le .videoBtn::after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border-radius: 50%;
background: #fff;
z-index: -1;
opacity: 0;
}
 .aboutOne .le .videoBtn:hover::before {
animation: playbtnscale 2s ease-out infinite;
}
.aboutOne .le .videoBtn:hover::after {
animation: playbtnscal2 2s ease-out infinite;;
}
 .indexTwo .play_overlay .play_btn::before {
animation: playbtnscale 2s ease-out infinite;
background: #fff;
opacity: 0.5;
animation-delay: 0;
}
 .indexTwo .play_overlay .play_btn::before {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 24px;
height: 24px;
border-radius: 50%;
content: '';
z-index: -1;
}
 .indexTwo .play_overlay .play_btn::after {
animation: playbtnscal2 2s ease-out infinite;
background: #fff;
opacity: 0.3;
animation-delay: 0;
}
 .indexTwo .play_overlay .play_btn::after {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 24px;
height: 24px;
border-radius: 50%;
content: '';
z-index: -1;
}
.indexTwo .play_overlay .play_btn .icon {
	width: 100%;
	height: 100%;
	background: url(https://www.passioniot.com/public/static/index/images/play_button.png) center/contain no-repeat;
}
 @keyframes playbtnscale {
0% {
transform:  scale(1);
opacity: .5
}
100% {
transform: scale(1.8);
opacity: 0;
}
}
 @keyframes playbtnscal2 {
0% {
transform:  scale(1);
opacity: .5;
}
100% {
transform:  scale(2.5);
opacity: 0;
}
}
.aboutOne .re {
	width: 44%;
}
.aboutOne .re ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}
.aboutOne ul li {
	width: 45%;
padding: .4rem;
	box-sizing: border-box;
	border-right: 1px solid rgba(255, 255, 255, .09);
	border-bottom: 1px solid rgba(255, 255, 255, .09)
}
.aboutOne ul li {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
.aboutOne ul li:nth-child(2) {
border-right: 0;
}
.aboutOne ul li:nth-child(3) {
border-bottom: 0;
}
.aboutOne ul li:nth-child(4) {
border-right: 0;
border-bottom: 0;
}
.aboutOne ul li .counter {
	font-size: 2.5rem;
	font-weight: 400;
	color: #ffffff;
}
.aboutOne ul li em {
	color: #ffffff;
font-size: .18rem;
	font-weight: 400;
margin-left: .1rem;
}
.aboutOne ul li h5 {
	font-weight: 400;
	font-size: var(--font18);
	color: #ffffff;
}
.aboutOne ul li .jia {
	display: inline-block;
	font-size: 0.41rem;
	color: #FFFFFF;
margin-left: .1rem;
}
.aboutOne ul li .text {
	font-size: 0.34rem;
	font-weight: 400;
	color: #ffffff;
}
.aboutTwo {
padding-bottom: .5rem;
}
.abTwoSwiper1 .box {
	display: flex;
	justify-content: space-between;
	background: #f3f3f3;
	border-radius: 0.1rem;
	overflow: hidden;
}
.abTwoSwiper1 .box .imgBox {
	width: 50%;
}
.abTwoSwiper1 .box .imgBox img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	height: 3.9rem;
	min-height: 100%;
}
.abTwoSwiper1 .box .con {
	width: 50%;
padding: .3rem .5rem;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.abTwoSwiper1 .box .con h5 {
	font-size: var(--font28);
	color: #333333;
	font-weight: 700;
}
.abTwoSwiper1 .box .con .text {
margin-top: .2rem;
}
.abTwoSwiper1 .box .con .text p {
	font-weight: 400;
	color: #666666;
	font-size: var(--font16);
	line-height: 1.7;
}
.abTwoSwiper2 {
margin-top: .5rem;
padding: .5rem 0;
}
.abTwoSwiper2 .swiper-slide {
	justify-content: center;
	text-align: center;
}
.abTwoSwiper2 .icBox {
	cursor: pointer;
	margin: auto;
	width: 1.08rem;
	height: 1.08rem;
	background: #f2f2f2;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
}
.abTwoSwiper2 .icBox img {
	max-width: 50%;
}
.abTwoSwiper2 .swiper-slide span {
	font-weight: 400;
	color: #333333;
	font-size: var(--font18);
margin-top: .1rem;
	display: block;
}
.abTwoSwiper2 .swiper-slide .icBox {
	position: relative;
}
.abTwoSwiper2 .swiper-slide .icBox::after {
content: "";
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 98%;
height: 98%;
background: #0415f8;
border-radius: 50%;
z-index: -1;
}
.aboutTwo .swiperBox2 {
	position: relative;
}
.aboutTwo .swiperBox2::after {
content: "";
width: 100vw;
top: 42%;
right: 0;
height: 1px;
border-bottom: 1px dashed #C1C1C1;
position: absolute;
}
.aboutTwo .swiper-slide-thumb-active .icBox {
	background: #0415F8;
}
.aboutTwo .swiper-slide-thumb-active .icBox img {
	filter: brightness(100);
	-webkit-filter:brightness(100);
}
.aboutTwo .swiper-slide-thumb-active .icBox::after {
animation: scalemap 2s linear infinite;
}
.aboutTwo .swiper-slide-thumb-active span {
	color: #0415F8;
}
.aboutThree {
	background: url(../images/aboutThree-bj.jpg) no-repeat center;
	background-size: cover;
	padding-bottom: 1.2rem;
}
.aboutThree .tle {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.aboutThree .aboutTle {
	text-align: left;
}
.aboutThree .swiperBox1 {
	width: 60%;
	position: relative;
}
.aboutThree .swiperBox1::after {
content: "";
width: 100%;
bottom: 1px;
left: 0;
position: absolute;
height: 1px;
background: #ddd;
}
.abThreSwiper1 .swiper-slide {
	text-align: center;
}
.abThreSwiper1 .swiper-slide span {
	cursor: pointer;
	position: relative;
padding-bottom: .25rem;
	color: #333333;
	font-size: var(--font22);
	font-weight: 400;
	display: inline-block;
}
.abThreSwiper1 .swiper-slide span::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
height: 0.03rem;
background: #0415f8;
width: 0;
transition: .5s;
}
.abThreSwiper1 .swiper-slide.swiper-slide-thumb-active span {
	color: #0415f8;
}
.abThreSwiper1 .swiper-slide.swiper-slide-thumb-active span::after {
width: 100%;
}
.abThreSwiper2 .box {
	display: flex;
	background: #fff;
}
.abThreSwiper2 .box .imgBox {
	width: 40%;
}
.abThreSwiper2 .box .imgBox img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.abThreSwiper2 .box .con {
	width: 60%;
padding: .1rem .5rem;
	padding-bottom: 1.25rem;
	box-sizing: border-box;
padding-top: .7rem;
}
.abThreSwiper2 .box .con h5 {
	font-size: var(--font28);
	color: #333333;
	font-weight: 700;
}
.abThreSwiper2 .box .con .text {
margin-top: .2rem;
}
.abThreSwiper2 .box .con .text p {
	font-weight: 400;
	color: #666666;
	font-size: var(--font16);
	line-height: 2;
}
.abThreSwiper2 .swjtBox {
	position: absolute;
	width: 100%;
bottom: .5rem;
	display: flex;
	justify-content: flex-end;
}
.abThreSwiper2 .swjtBox .swjtCon {
	width: 50%;
padding: 0 .5rem;
	box-sizing: border-box;
	display: flex;
}
.abThreSwiper2 .swjtBox .swjt {
	position: relative;
width: .5rem;
height: .5rem;
	background: #0415f8;
	top: 0;
	margin: 0;
	left: 0;
}
.abThreSwiper2 .swjtBox .swjt svg {
	transform: rotate(90deg);
	max-width: 50%;
}
.abThreSwiper2 .swjtBox .swjt.swiper-button-prev {
	transform: rotate(180deg);
margin-right: .1rem;
}
.aboutFour {
	position: relative;
	background: #fff;
}
.aboutFour .aboutTle {
	position: absolute;
	width: 100%;
	left: 0;
}
.aboutFour .aboutTle span {
	display: block;
margin-top: .1rem;
font-size: .18rem;
	font-weight: 400;
	color: #333333;
}
.aboutFour .imgBox {
	max-width: 2600px;
	margin: auto;
	text-align: center;
}
.aboutFour .imgBox img {
	max-width: 100%;
}
.aboutFive {
	padding-bottom: 1rem;
}
.abFiveSwiper {
	padding-bottom: 1rem;
}
/* .abFiveSwiper .swiper-slide {height: 100px;}
.abFiveSwiper .swiper-slide .imgBox {height:100%; display: flex; align-items: center; justify-content: center; margin-bottom: .5rem;padding: .05rem;}
.abFiveSwiper .swiper-slide .imgBox img {max-width: 80%; max-height: 80%;} */
.abFiveSwiper .swiper-slide {
	display: flex;
	flex-wrap: wrap;
}
.abFiveSwiper .swiper-slide .imgBox {
	width: calc(100% / 6);
height: .8rem;
margin-top: .3rem;
padding: .05rem;
}
.abFiveSwiper .swiper-slide .imgBox {
	display: flex;
	align-items: center;
	justify-content: center;
}
.abFiveSwiper .swiper-slide .imgBox img {
	max-width: 85%;
	max-height: 85%;
}
.abFiveSwiper .swiper-pagination {
	bottom: 0;
}
.abFiveSwiper .swiper-pagination .swiper-pagination-bullet-active {
	background: #0415F8;
}
 @media screen and (min-width: 200px) and (max-width: 960px) {
 .abFiveSwiper {
padding-bottom: 1rem;
}
}
.aboutSix {
	background: url(../images/aboutSix-bj.jpg) no-repeat center/cover;
	background-attachment: fixed;
	padding-bottom: 1.3rem;
}
.aboutSix .aboutTle h3 {
	color: #fff;
}
.aboutSix .aboutTle i {
	background: #fff;
}
.abSixSwiper1 {
padding-top: .8rem;
	max-width: 90%;
}
.abSixSwiper1 .box {
	cursor: pointer;
padding:.5rem .4rem;
	box-sizing: border-box;
	background: rgba(255, 255, 255, .13);
	opacity: .5;
	min-height: 2rem;
}
.abSixSwiper1 .box::after {
content: "";
position: absolute;
left: 0;
height: 0;
width: 100%;
bottom: 0;
background: rgba(255, 255, 255, .83);
z-index: -1;
transition: .5s;
}
.abSixSwiper1 .swiper-wrapper {
	align-items: flex-end;
}
.abSixSwiper1 .con {
	transform: translateY(0);
transition: .6s;
}
.abSixSwiper1 .con h5 {
	font-weight: 400;
	color: #ffffff;
	font-size: var(--font24);
	position: relative;
padding-bottom: .1rem;
}
.abSixSwiper1 .con h5::after {
content: "";
position: absolute;
width: 0.5rem;
height: 0.02rem;
background: #0415f8;
bottom: 0;
left: 0;
opacity: 0;
visibility: hidden;
transition: .5s;
}
.abSixSwiper1 .con .text {
	color: #ffffff;
	font-size: var(--font16);
transition: .5s;
	transform: translateY(0);
}
.abSixSwiper1 .con .text span {
	display: block;
}
.abSixSwiper1 .swiper-slide-active .box {
	opacity: 1;
	background: none;
}
.abSixSwiper1 .swiper-slide-active .box::after {
height: 150%;
}
.abSixSwiper1 .swiper-slide-active .con {
margin-top: -.8rem;
}
/*.abSixSwiper1 .swiper-slide-active h5 {color: #333; color: #0415f8;}*/
.abSixSwiper1 .swiper-slide-active h5 {
	color: #333;
	color: #0415f8;
	font-size:30px;
}
.abSixSwiper1 .swiper-slide-active h5:hover {
	font-size:31px;
}
.abSixSwiper1 .swiper-slide-active .text:hover {
	font-size:18px;
}
.abSixSwiper2 h6:hover {
	font-size:0.3rem;
}
.abSixSwiper2 .swiper-slide-thumb-active h6:hover {
	font-size:0.4rem;
}
 .abSixSwiper1 .swiper-slide-active h5::after {
opacity: 1;
visibility: visible;
}
/*.abSixSwiper1 .swiper-slide-active .text {color: #666666; transform: translateY(.2rem); display: block;}*/
.abSixSwiper1 .swiper-slide-active .text {
	color: #666666;
transform: translateY(.2rem);
	display: block;
	font-size:17px;
}
.aboutSix .swiperBox2 {
	margin-top: 1.5rem;
	position: relative;
}
.aboutSix .swiperBox2 .swiper-pagination {
	top: auto;
	bottom: 0;
	left: 0;
	height: 2px;
	background: #dcdcdc;
	display: none;
}
.swControls {
	display: flex;
	align-items: center;
}
.swControls .swjt {
	position: relative;
	margin: 0;
	width: 0.38rem;
	height: 0.38rem;
	border: 1px solid #ffffff;
	border-radius: 50%;
	left: 0;
}
.swControls .swjt img {
	max-width: 70%;
}
.swControls .swjt.swiper-button-next {
	transform: rotate(180deg);
	right: 0;
}
.swpagnation {
	height: 2px;
	background: #7F8B9A;
	width: 90%;
	margin: auto;
}
.abSixSwiper2 {
	width: 90%;
transform: translateY(-.42rem);
padding-top: .1rem;
	height:120px;
}
.abSixSwiper2 .swiper-slide {
	text-align: center;
	cursor: pointer;
}
.abSixSwiper2 .swiper-slide i {
	width: 11px;
	height: 11px;
	background: #ffffff;
	border-radius: 50%;
	display: inline-block;
	position: relative;
}
.abSixSwiper2 .swiper-slide i::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, .2);
border-radius: 50%;
left: 0;
}
.abSixSwiper2 h6 {
	color: #fff;
font-size: .2rem;
margin-top: .3rem;
transition: .5s;
}
.abSixSwiper2 .swiper-slide-thumb-active h6 {
	font-size: 0.3rem;
transform: translateY(-.1rem);
}
.abSixSwiper2 .swiper-slide-thumb-active i::after {
animation: shubiao 1s infinite linear .65s;
}
.aboutSeven {
}
.aboutSeven .aboutTle span {
	display: block;
	margin: auto;
margin-top: .1rem;
	width: 70%;
	line-height: 1.8;
}
/* 上面 */
.hon_box {
	padding-bottom: 1.5rem;
}
.hon_con_box::before, .hon_con_box::after {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 10%;
background: linear-gradient(to left, transparent, #ffffff);
z-index: 1;
}
.hon_con_box::after {
left: auto;
right: 0;
background: linear-gradient(to right, transparent, #ffffff);
}
.hon_con_box {
	overflow: hidden;
	position: relative;
margin-bottom: .7rem;
}
.hon_con_box .swiper-container {
	width: 39.5%;
	margin: 0 auto;
	overflow: visible;
}
.hon_con_box .swiper-container .swiper-slide {
	overflow: visible;
}
.hon_con_box .swiper-container .swiper-wrapper {
	align-items: center;
}
.hon_con_box .swiper-container .honor_con_me {
	transform: scale(0.8);
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.hon_con_box .swiper-container .honor_con_me .pub_img_box {
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	display: none;
}
.hon_con_box .swiper-container .honor_con_me .pub_img_box::before {
margin-top: 64.8208%;
}
.hon_con_box .swiper-container .honor_con_me .pub_img_box .pub_img {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.hon_con_box .swiper-container .honor_con_me .honor_img_ {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	max-height: 15rem;
}
.hon_con_box .swiper-container .honor_con_me .honor_t {
	font-family: "PFMedium";
font-size: .2rem;
	text-align: center;
margin-top: .3rem;
	color: #333;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	opacity: 0;
}
.hon_con_box .swiper-container .active .honor_con_me {
	transform: none;
}
.hon_con_box .swiper-container .active .honor_con_me .honor_img_ {
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
}
.hon_con_box .swiper-container .active .honor_con_me .pub_img_box {
	box-shadow: 0px 30px 100px 0px rgba(0, 0, 0, 0.15);
}
.hon_con_box .swiper-container .active .honor_con_me .honor_t {
	opacity: 1;
}
.hon_con_box {
	cursor: url("https://www.passioniot.com/public/static/index/images/shubiao.png"), auto;
}
/* 下面 */
.hon_nav_box {
margin-top: .3rem;
	position: relative;
	max-width: 68%;
	margin: auto;
}
.hon_nav_box .swiper-container {
	overflow: hidden;
}
.hon_nav_box .swiper-slide {
	width: auto;
	cursor: pointer;
	pointer-events: auto;
}
.hon_nav_box .swiper-slide.active-nav .hon_n {
	color: #0415F8;
}
.hon_nav_box .hon_n {
	color: #666666;
	line-height: 1.5;
	text-align: center;
padding: 0 .2rem;
}
.hon_nav_box .swiper-pagination span:focus {
	outline: none;
}
.hon_nav_box .swiper-button-prev, .hon_nav_box .swiper-button-next {
width: 2.56rem;
height: 2.56rem;
	font-size: 14px;
	color: #333;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	text-align: center;
	background-image: none !important;
	top: 50%;
	margin-top: 0;
}
.hon_nav_box .swiper-button-prev > div, .hon_nav_box .swiper-button-next > div {
	border: 1px solid #333;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	width: 80%;
	height: 80%;
	position: absolute;
	left: 10%;
	top: 10%;
	transform: rotate(45deg);
border-radius: .06rem;
	z-index: 1;
}
.hon_nav_box .swiper-button-prev svg, .hon_nav_box .swiper-button-next svg {
	position: relative;
	z-index: 2;
}
.hon_nav_box .swiper-button-prev:hover img, .hon_nav_box .swiper-button-next:hover img {
	filter: none;
	-webkit-filter:none;
}
.hon_nav_box .swiper-button-prev:hover > div, .hon_nav_box .swiper-button-next:hover > div {
	border-color: #0415F8;
	background-color: #0415F8;
}
.hon_nav_box .swiper-button-prev:hover svg path, .hon_nav_box .swiper-button-next:hover svg path {
	fill: #fff;
}
.hon_nav_box .swiper-button-prev {
	left: 0;
	transform: translate(-250%, -50%) rotate(180deg);
}
.hon_nav_box .swiper-button-next {
	right: 0;
	transform: translate(250%, -50%);
}
/* 关于我们--公司治理 */
/*.about2-one {padding: 1rem 0;}*/
.about2-one {
padding: .5rem 0;
}
.about2-one .aboutTle {
	padding: 0;
	text-align: left;
}
.about2-one .box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.about2-one .le {
	width: 50%;
}
.about2-one .le p {
	color: #666666;
	font-weight: 400;
	line-height: 1.8;
margin-top: .3rem;
}
.about2-one .imgBox {
	border-radius: 0.1rem;
	overflow: hidden;
	width: 46%;
}
.about2-one .imgBox img {
	width: 100%;
}
/* 关于我们--投资者关系 */
.about3-one {
	padding-bottom: 1.3rem;
}
.about3-one .swiperBox {
	position: relative;
}
.about3-one .swiperBox::after {
content: "";
position: absolute;
width: 100%;
height: 1px;
bottom: 1px;
left: 0;
background:#DADADA;
}
.ab3-oneSwiper .swiper-slide {
	text-align: center;
	width: auto;
}
.ab3-oneSwiper .swiper-slide a {
	display: block;
	white-space: nowrap;
	color: #333;
	font-weight: 400;
margin-left: .3rem;
	position: relative;
	font-size: var(--font18);
padding: 0 .2rem;
padding-bottom: .35rem;
}
.ab3-oneSwiper .swiper-slide a::after {
content: "";
position: absolute;
width: 0;
left: 0;
height: 4px;
background: #0415F8;
border-radius: 2px;
bottom: 0;
transition: .5s;
}
.about3-one .swiperBox .swjt {
	right: -2%;
	display: none;
}
.about3-one .swiperBox .swjt img {
	filter: brightness(0);
	-webkit-filter:brightness(0);
}
.about3-one .swiperBox .swiper-button-prev {
	transform: rotate(-90deg);
	left: -2%;
}
.about3-one .swiperBox .swiper-button-next {
	transform: rotate(90deg);
}
.ab3-oneSwiper .swiper-slide.swiper-slide-thumb-active a {
	color: #0415F8;
}
.ab3-oneSwiper .swiper-slide.swiper-slide-thumb-active a::after {
width: 100%;
}
.about3-one .box {
margin-top: .7rem;
	display: flex;
	justify-content: space-between;
}
.about3-one .le {
	width: 42%;
	position: relative;
}
.about3-one .le .imgBox {
	height: 100%;
}
.about3-one .le strong {
font-size: .55rem;
	font-weight: 400;
	color: #ffffff;
}
.about3-one .le .imgBox img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.about3-one .le .con {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	width: 100%;
}
.about3-one .le .con span {
	font-size: 0.38rem;
	color: #ffffff;
	font-weight: 400;
	display: block;
}
.about3-one .le .more {
margin-top: .3rem;
}
.about3-one .re {
	width: 53%;
}
.about3-one ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.about3-one ul li {
	width: 46%;
	border-bottom: 1px solid #DADADA;
padding-bottom: .15rem;
padding-top: .3rem;
}
.about3-one ul li .tlecon {
	margin-right: 10%;
}
.about3-one ul li a {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.about3-one ul li h6 {
	color: #333333;
	font-size: var(--font18);
transition: .5s;
}
.about3-one ul li .time {
	color: #0515F7;
	font-size: var(--font14);
margin-top: .12rem;
}
.about3-one ul li:hover h6 {
	color: #0515F7;
}
.about3-one ul li:hover svg path {
	fill: #0515F7;
}
.about3-Two {
	background: #fafafa;
	padding-bottom: 1.2rem;
}
.about3-Two ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.about3-Two ul li {
	background: #ffffff;
padding:.3rem .4rem;
	box-sizing: border-box;
	width: 48.5%;
	display: flex;
	align-items: center;
transition: .35s;
margin-bottom: .25rem;
}
.about3-Two ul li a {
	width: 100%;
	color: #555;
	font-weight: 400;
}
.about3-Two ul li:hover {
	background: #e9e9e9;
}
.about3-Two ul li .look img {
margin-right: .1rem;
}
.about3-Two ul li .tle {
margin: .1rem .2rem;
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	width: 50%;
}
.about3-Two .more {
margin-top: .6rem;
}
.about3-Three {
	background: url(../images/about3-Three-bj.jpg) no-repeat center;
	background-size: cover;
	padding: 1.7rem 0;
}
.about3-Three .aboutTle {
	padding: 0;
	text-align: left;
}
.about3-Three .aboutTle h3 {
	color: #fff;
}
.about3-Three dl {
margin-top: .3rem;
	display: flex;
}
.about3-Three dl dd {
margin-right: .5rem;
}
.about3-Three dl dd, .about3-Three dl dd a {
	color: #fff;
	font-size: var(--font18);
}
.about3-Three dl dd a:hover {
	color: #0415F8;
}
/* 关于我们--全球招聘 */
.aboutMain4 .aboutTle {
padding-bottom: .5rem;
}
.about4-one {
	margin-bottom: 1rem;
}
.about4-one .text {
	width: 60%;
	margin: auto;
}
.about4-one .text p {
	color: #666666;
	font-size: var(--font18);
	line-height: 1.8;
text-indent:.35rem;
	text-align: justify;
}
.about4-two {
	padding: 1.5rem 0;
	position: relative;
}
.about4-two .bjBox {
	position: absolute;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
}
.about4-two .aboutTle {
	text-align: left;
	padding: 0;
}
.about4-two .aboutTle h3 {
	color: #fff;
	line-height: 1.2;
}
.about4-two .text {
margin-top: .6rem;;
	width: 35%;
}
.about4-two .text p {
	color: #ffffff;
	line-height: 1.8;
	text-align: justify;
}
.about4-Three {
	padding-bottom: 1rem;
}
.about4-Three ul {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
gap: .3rem;
}
.about4-Three ul li {
padding: .25rem;
	border: 1px solid rgba(20, 88, 228, .06);
	border-radius: 5px;
	display: flex;
	align-items: center;
-webkit-transition: border .6s ease, box-shadow .6s ease;
transition: border .6s ease, box-shadow .6s ease;
}
.about4-Three ul li .ico_box {
	width: 90px;
	height: 90px;
	border-radius: 50%;
	padding: 15px;
	background: url(../images/about4-Three-icon-bj.png) no-repeat center;
	background-size: cover;
margin-right: .25rem;
}
.about4-Three ul li .ico_box img {
-webkit-transition: transform .6s ease;
transition: transform .6s ease;
}
.about4-Three ul li .tit {
	font-size: var(--font24);
}
.about4-Three ul li .des {
margin-top: .10rem;
	color: #5c5c5c;
	font-size: var(--font14);
}
.about4-Three ul li:hover {
	box-shadow: inset 0 0 0.1rem 0.05rem rgba(20, 88, 228, .06);
}
.about4-Three ul li:hover .ico_box img {
	transform: rotateY(180deg);
}
.about4-four {
	background: url(../images/about4-four-bj.jpg) no-repeat center;
	background-size: cover;
padding-bottom: .6rem;
}
.about4-four ul li {
margin-bottom: .1rem;
	display: none;
}
.about4-four ul li .box {
	background: rgba(255, 255, 255, .76);
padding: .05rem .4rem .25rem;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	position: relative;
}
.about4-four ul li .item.name {
	font-weight: 400;
	color: #333333;
	font-size: var(--font22);
}
.about4-four ul li .item {
padding-top: .2rem;
margin-right: .2rem;
	color: #888888;
}
.about4-four ul li .item span {
	color: #666666;
}
.about4-four ul li .money {
}
.about4-four ul li .date {
	text-align: right;
	padding-left: 5%;
	padding-right: 5%;
	box-sizing: border-box;
	color: #0415F8;
}
.about4-four ul li .btn {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	cursor: pointer;
}
.about4-four ul li:hover {
	background: #fff;
}
.about4-four .moreList {
margin-top: .5rem;
}
.about4-four .moreList a {
	color: #0415F8;
}
.about4-five {
	padding-bottom: 1.5rem;
}
.about4-five ul {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
gap: .25rem;
}
.about4-five ul li {
	position: relative;
}
.about4-five ul li .imgBox {
	position: relative;
	overflow: hidden;
}
.about4-five ul li .imgBox img {
	width: 100%;
transition: .5s;
	height: 260px;
	object-fit: cover;
}
.about4-five ul li .imgBox::after {
background: #000;
opacity: .3;
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.about4-five ul li .tit {
	position: absolute;
	left: 6%;
	top: 15%;
	z-index: 1;
	font-size: var(--font24);
	color: #fff;
}
.about4-five ul li:nth-child(1) {
grid-column: 1 / 3;
}
.about4-five ul li:hover .imgBox img {
	transform: scale(1.05);
}
/* =====产品中心===== */
.procen-banner .jddwjz {
	top: 40%;
}
.procenMain {
	background: #fafafa;
}
.procenOne {
	margin-top: -12.1%;
	padding-bottom: 1rem;
}
.procenOne .container {
	max-width: 96%;
}
.procenOne .swiperBox {
	position: relative;
}
.proOneSwiper {
	position: static;
	max-width: 87%;
	margin: auto;
}
.proOneSwiper .swiper-slide {
	height: auto;
}
.proOneSwiper .swiper-slide a {
	display: block;
	background: #eeeeee;
	border-radius: 0.5rem;
	overflow: hidden;
}
.proOneSwiper .imgBox {
	background: #fff;
padding: 0rem 0rem;
	height: 12.8rem;
}
.proOneSwiper .imgBox img {
	width: 100%;
	max-width: 100%;
	max-height:198px;
	object-fit: contain;
transition: .5s;



}
.proOneSwiper .con {
padding: .3rem .2rem;
	text-align: center;
}
.proOneSwiper .con h6 {
	color: #333333;
	font-size: var(--font16);
	height:50px;
	overflow:hidden;
	margin-top:5px
	
}
.proOneSwiper .con span {
	color: #777777;
margin-top: .05rem;
	display: block;
}
.proOneSwiper .swjt {
	width: 0.48rem;
	right: 0;
	height: 0.48rem;
	border: 1px solid rgb(255, 255, 255, .8);
	border-radius: 50%;
transition: .5s;
}
.proOneSwiper .swjt.swiper-button-prev {
	transform: rotate(180deg);
	right: auto;
	left: 0;
}
.proOneSwiper .swjt:hover {
	background: #fff;
}
.proOneSwiper .swjt:hover svg path {
	fill: #0415F8;
}
.proOneSwiper .swiper-slide:hover .imgBox img {
	transform: scale(1.05);
}
.proOneSwiper .swiper-slide:hover .con h6 {
	color: #0415F8;
}
.procenTwo {
	padding-bottom: 1rem;
}
.procenTwo .tle {
	text-align: center;
	font-size: 3rem;
	color: #333333;
	font-weight: 700;
}
.proTwonav {
	border-bottom: 1px solid #DDDDDD;
margin-top: .6rem;
}
.proTwonav .swiperBox {
	position: relative;
}
.proTwonavSwiper .swiper-wrapper {
	justify-content: center;
}
.proTwonavSwiper .swiper-slide {
	width: auto;
}
.proTwonavSwiper .swiper-slide:hover a, .proTwonavSwiper .swiper-slide.on a {
	color: #0415F8;
}
.proTwonavSwiper .swiper-slide a {
	display: block;
	white-space: nowrap;
	color: #333;
	font-weight: 400;
margin-left: .5rem;
	position: relative;
	font-size: var(--font20);
padding: 0 .2rem;
padding-bottom: .35rem;
}
.proTwonavSwiper .swiper-slide a::after {
content: "";
position: absolute;
width: 0;
right: 0;
height: 0.04rem;
background: #0415F8;
border-radius: 2px;
bottom: 0;
transition: .5s;
}
.proTwonavSwiper .swiper-slide:hover a::after, .proTwonavSwiper .swiper-slide.on a::after {
left: 0;
width: 100%;
}
.proTwonav .swiperBox .swjt {
	right: 0;
	display: none;
	height: auto;
}
.proTwonav .swiperBox .swiper-button-prev {
	transform: rotate(180deg);
	left: 0;
	right: auto;
}
.procenTwo .box {
margin-top: .8rem;
	display: flex;
	align-items: flex-start;
}
.procenTwo .navlist {
	position: sticky;
	top: 1.2rem;
}
.procenTwo .navlist {
	width: 12.9rem;
	background: rgba(198, 198, 198, .22);
	border-radius: 0.8rem 0rem 0rem 0.8rem;
	box-sizing: border-box;
}
.procenTwo .navlist ul {
margin-left: .25rem;
padding: .2rem 0;
	box-sizing: border-box;
}
/*.procenTwo .navlist ul li {position: relative; z-index: 1;}*/
.procenTwo .navlist ul li {
	position: relative;
	z-index: 1;
border-radius: 0.1rem 0 0 .1rem;
	overflow: hidden;
}
 .procenTwo .navlist ul li::after {
content: "";
width: 0;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: #fafafa;
border-radius: 0.1rem 0 0 .1rem;
z-index: -1;
transition: .5s;
}
.procenTwo .navlist ul li a {
    display: block;
    padding: 0.8rem 0.8rem;
    box-sizing: border-box;
}
.procenTwo .navlist ul li:hover::after, .procenTwo .navlist ul li.on::after {
width: 100%;
}
.procenTwo .navlist ul li:hover a, .procenTwo .navlist ul li.on a {
	color: #0515F7;
}
.procenTwo .listcon {
margin-left: .6rem;
	width: calc(100% - 3.6rem);
}
.procenTwo .listcon .tit {
	color: #333333;
	font-size: var(--font36);
	font-weight: 700;
}
.procenTwo .listcon ul {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
gap: .2rem;
}
.procenTwo .listcon li {
	background: #fff;
	border-radius: 0.1rem;
	overflow: hidden;
}
.procenTwo .listcon li .imgBox {
    /* height: 9rem; */
    padding: 0.3rem 0.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.procenTwo .listcon li .imgBox img {
	width: 100%;
	height:240px;
	/*max-width: 9rem;*/
	max-height: 100%;
	object-fit: contain;
transition: .5s;
}
.procenTwo .listcon li .con {
padding: .3rem .2rem .5rem .2rem;
	text-align: center;
}
.procenTwo .listcon li .con h6 {
	color: #333333;
	font-size: var(--font18);
}
.procenTwo .listcon li .con span {
	color: #777777;
	font-size: var(--font18);
}
.procenTwo .listcon li:hover .imgBox img {
	transform: scale(1.05);
}
.procenTwo .listcon li:hover .con h6 {
	color: #0415F8;
}
/* 产品详情 */
.prodateMain {
	background: #fff;
}
.mbx {
padding: .2rem 0;
	border-bottom: 1px solid rgba(221, 221, 221, .13);
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	color: white;
}
.mbx a {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	position: relative;
	color: #fff;
	font-size: var(--font14);
	margin: 0 5px;
}
.mbx a img {
margin-right: .1rem;
	flex-shrink: 1;
	object-fit: contain;
}
.mbx a:hover {
	color: #0415F8;
}
.mbx a:last-child::after {
display: none;
}
.prodateOne {
	margin-bottom: 0.5rem;
	position: relative;
	z-index: 1;
}
.prodateOne .bjBox {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: -1;
}
.prodateOne .bjBox img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.prodateOne .box {
	padding: 1.5rem 0;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	position: relative;
}
.prodateOne .box .le {
	width: 48%;
	position: relative;
	z-index: 3;
}
.prodateOne .box .le h2 {
	color: #ffffff;
	font-size: 0.5rem;
	font-weight: 700;
}
/*.prodateOne .box .le .text {font-weight: 400;color: #ffffff;font-size: var(--font18); margin-top: .2rem;}*/
.prodateOne .box .le .text {
	font-weight: 400;
	color: #ffffff;
margin-top: .2rem;
}
.prodateOne .box .le .text p {
	color: white;
}
.prodateOne .box .le .more {
margin-top: .7rem;
}
.prodateOne .box .le .more a {
	width: 1.78rem;
	height: 0.6rem;
	min-width: 130px;
	min-height: 40px;
	border: 1px solid #ffffff;
	border-radius: 31px;
	color: #fff;
transition: .5s;
	position: relative;
	z-index: 1;
	overflow: hidden;
}
.prodateOne .box .le .more a::after {
position: absolute;
content: "";
left: 0;
width: 0;
height: 100%;
background: linear-gradient(105deg, #0077c9 0%, #01c2c3 100%);
transition: .5s;
z-index: -1;
}
.prodateOne .box .le .more a:hover {
	border-color:transparent;
}
.prodateOne .box .le .more a:hover::after {
width: 100%;
}
.prodateOne .swiperBox {
	width: 100%;
	position: absolute;
	right: 0;
	top: 15%;
	display: flex;
	justify-content: flex-end;
	z-index: 2;
}
.prodeOneSwiper {
	width: 45%;
	margin: 0;
}
.prodeOneSwiper .imgBox {
	height: 4.5rem;
	max-width: 6.8rem;
padding: 0 .32rem;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto;
}
.prodeOneSwiper .imgBox img {
	width: 100%;
	max-height: 100%;
	object-fit: contain;
}
.prodeOneSwiper .swjt {
	left: 0;
}
.prodeOneSwiper .swiper-button-next {
	transform: rotate(180deg);
	left: auto;
	right: 0;
}
.prodateTle {
	border-bottom: 2px solid rgba(166, 166, 166, .3);
margin: .3rem 0;
}
.prodateTle h3 {
	/*font-size: 0.48rem;*/
	font-weight: 700;
	color: #444444;
	position: relative;
	display: inline-block;
padding-bottom: .1rem;
}
.prodateTle h3::after {
content: "";
width: 100%;
height: 0.06rem;
background: #0515f7;
position: absolute;
bottom: -0.04rem;
left: 0;
}
.prodateTwo {
	margin-bottom: 1rem;
}
.prodateTwo ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.prodateTwo ul li {
margin-top: .3rem;
	position: relative;
	border-bottom: 1px dashed #A6A6A6;
	width: 43%;
}
.prodateTwo ul li::after {
content: "";
width: 0;
position: absolute;
bottom: -1px;
left: 0;
border-bottom: 1px dashed #0515f7;
transition: .5s;
}
.prodateTwo ul li b::before {
content: "";
width: 3px;
height: 3px;
border-radius: 50%;
background: #000000;
position: absolute;
left: .5%;
top: 50%;
transform: translate(-50%, -50%);
}
.prodateTwo ul li a {
	display: flex;
	align-items: flex-start;
}
.prodateTwo ul li b {
	color: #000000;
	font-size: var(--font20);
	flex-shrink: 0;
	position: relative;
padding-left: .15rem;
}
.prodateTwo ul li span {
	color: #383838;
	font-size: var(--font20);
}
.prodateTwo ul li:hover span {
	color: #0515f7;
}
.prodateTwo ul li:hover::after {
width: 100%;
}
.prodateThree {
	margin-bottom: 1rem;
}
.prodateThree ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
margin-top: .5rem;
}
.prodateThree ul li {
margin-top: .5rem;
	border-radius: 10px;
	background: #ECF0FC;
	position: relative;
	width: 48%;
	box-sizing: content-box;
}
.prodateThree ul li a {
padding: .5rem .3rem .7rem .5rem;
	box-sizing: border-box;
	display: block;
}
.prodateThree ul li .icBox {
	position: absolute;
	position: absolute;
	left: 10%;
	top: 0%;
	transform: translate(-50%, -50%);
}
.prodateThree ul li .icBox img {
max-width: .7rem;
}
.prodateThree li .con {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.prodateThree li .con .disc {
margin-top: .2rem;
	width: 75%;
}
.prodateThree li .con h5 {
	color: #383838;
	font-size: var(--font30);
	font-weight: 500;
}
.prodateThree li .con span {
	color: #808080;
	font-size: var(--font22);
}
.prodateThree li .down {
width: .6rem;
height: .6rem;
	background: rgba(128, 128, 128, .2);
	border-radius: 50%;
margin-top: .2rem;
}
.prodateThree li .down svg {
	max-width: 60%;
}
.prodateThree li:hover .down {
	background: rgba(1, 175, 198, 0.5);
}
.prodateThree li:hover h5 {
	color: rgba(1, 175, 198, 0.5);
}
.prodateFour {
	background: url(../images/prodateFour-bj.png) no-repeat center;
	background-size: cover;
padding-top: .3rem;
padding-bottom: .5rem;
}
.prodateFour .swiperBox {
margin-top: .4rem;
}
.prodeFourSwiper .box {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.prodeFourSwiper .con {
	background: #fff;
	width: 50%;
	position: relative;
	z-index: 1;
	min-height: 5rem;
padding: .6rem;
	padding-right: 0;
	border-radius: 10px 0 0 10px;
}
.prodeFourSwiper .con::after {
content: "";
width: 1rem;
right: -1rem;
background: #fff;
z-index: 1;
top: 0;
position: absolute;
height: 100%;
border-radius: 0 10px 10px 0;
}
.prodeFourSwiper .imgBox {
	width: 50%;
	height: 7rem;
	border-radius: 10px;
	overflow: hidden;
}
.prodeFourSwiper .imgBox img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.prodeFourSwiper h5 {
	color: rgba(56, 56, 56, 1);
	font-size: var(--font30);
	font-weight: 500;
	;
}
.prodeFourSwiper .text {
margin-top: .2rem;
}
.prodeFourSwiper .text p {
	color: rgba(56, 56, 56, 1);
	font-size: var(--font17);
	line-height: 1.7;
}
.prodeFourSwiper .swiper-pagination {
	width: auto;
padding-left: .6rem;
	bottom: 20%;
}
.prodeFourSwiper .swiper-pagination span {
	background: #dddddd;
	opacity: 1;
}
.prodeFourSwiper .swiper-pagination .swiper-pagination-bullet-active {
	background: #0515f7;
}
/* =====解决方案===== */
.soluonlist {
	margin: 1rem 0;
}
.soluonlist ul {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
gap: .4rem;
}
.soluonlist li {
	background: #f8f8f8;
	border: 0.01rem solid #eeeeee;
}
.soluonlist li .imgBox {
	overflow: hidden;
}
.soluonlist li .imgBox img {
	width: 100%;
transition: .5s;
}
.soluonlist li .con {
	text-align: center;
	color: #444444;
	font-size: var(--font22);
	font-weight: 400;
padding: .25rem .2rem;
}
.soluonlist li:hover .imgBox img {
	transform: scale(1.05);
}
.soluonlist li:hover .con {
	color: #0515f7;
}
/* 解决方案详情 */
.soundateOne {
	margin-bottom: 0;
}
.soundateTwo {
	background: #f9f9f9;
	padding: 1.2rem 0;
}
.soundateTwo ul {
	display: flex;
	justify-content: space-between;
}
/*.soundateTwo ul li {text-align: center;}*/
.soundateTwo li .icBox {
height: .7rem;
}
.soundateTwo li .icBox img {
	max-height: 100%;
transition: .5s;
}
.soundateTwo li h5 {
	font-size: 0.3rem;
	color: #333333;
	font-weight: 400;
margin-top: .15rem;
}
.soundateTwo li span {
	color: #666666;
margin-top: .15rem;
	display: block;
}
.soundateTwo li:hover .icBox img {
	transform: rotateY(180deg);
}
/*.soundateThree {background: #fff; padding: 1.4rem 0;}*/
.soundateThree {
	background: #fff;
	padding: 1.2rem 0;
}
.soundateThree .text {
	margin-top: 0rem;
}
.soundateThree .text p {
	width: 70%;
	margin: auto;
	text-align: justify;
	color: #444444;
	font-size: var(--font20);
	line-height: 1.6;
	text-align: center;
}
.soundateFour {
	background: #f9f9f9;
	padding-top: 1rem;
}
.soundateFour .aboutTle {
	text-align: center;
padding-bottom: .2rem;
}
.soundateFour .box {
	text-align: center;
}
.soundateFour .disc {
	color: #333333;
	font-size: var(--font19);
}
.soundateFour .imgBox {
margin-top: .3rem;
}
.soundateFour img {
	max-width: 100%;
	height: auto !important;
	width: auto !important;
}
.soundateThree p span.onStyle, .soundateFour p span.onStyle {
	width: 70%;
	margin: auto;
	display: block;
}
.soundateFive {
	padding-bottom: 1rem;
	background: #fff;
}
.soundateFive ul {
	display: flex;
	justify-content: space-between;
}
.soundateFive li h5 {
	font-size: 0.3rem;
	color: #444444;
	font-weight: 400;
margin-top: .15rem;
}
.soundateFive li P {
margin-top: .15rem;
}
.soundateFive li span {
	color: #545454;
	display: block;
	margin-top: 0;
}
.soundateSen {
padding-top: .8rem;
}
.soundateSen .prodateTle {
	max-width: 92%;
	margin: auto;
}
.soundateSen .container {
	width: 1750px;
}
.soundateSen .swiperBox {
	position: relative;
margin: .8rem 0;
}
.sodateSenSwiper {
	position: static;
	max-width: 92%;
}
.sodateSenSwiper .swiper-slide {
	background: #f9f9f9;
	border-radius: 0.1rem;
	overflow: hidden;
}
.sodateSenSwiper .imgBox {
	height: 3rem;
padding: .3rem .2rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.sodateSenSwiper .imgBox img {
	width: 100%;
	max-width: 3rem;
	max-height: 100%;
	object-fit: contain;
transition: .5s;
}
.sodateSenSwiper .con {
padding: .3rem 0 .5rem;
	text-align: center;
}
.sodateSenSwiper .con h6 {
	color: #333333;
	font-size: var(--font18);
}
.sodateSenSwiper .con span {
	color: #777777;
	font-size: var(--font18);
}
.sodateSenSwiper .swiper-slide:hover .imgBox img {
	transform: scale(1.05);
}
.sodateSenSwiper .swiper-slide:hover .con h6 {
	color: #0415F8;
}
.sodateSenSwiper .swjt {
	right: 0;
}
.sodateSenSwiper .swiper-button-prev {
	left: 0;
	transform: rotate(180deg);
}
.sodateSenSwiper .swjt:hover svg path {
	fill: #0415F8;
}
.soundateNine {
padding: .2rem 0 1rem 0;
}
.soundateNine .hiMessagePop {
	display: block;
	width: 100%;
	padding: 0;
	border-radius: 0;
}
.soundateNine .hiMessagePop form .item {
	width: 32%;
}
.soundateNine .hiMessagePop form .item2 {
	width: 100%;
}
.soundateNine .hiMessagePop form .item2 textarea {
	height: 2.8rem;
}
.soundateNine .hiMessagePop form .sub {
	justify-content: flex-start;
}
.soundateNine .hiMessagePop form .sub button {
	width: 1.72rem;
	height: 0.62rem;
	border-radius: 50px;
}
/* =====案例展示===== */
.caselist {
	padding-bottom: 1rem;
}
.caselist ul {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
gap: .35rem;
}
.caselist ul li {
	background: #f9f9f9;
}
.caselist li .imgBox {
	overflow: hidden;
	position: relative;
	height: 320px;
}
.caselist li .imgBox img {
	width: 100%;
transition: .5s;
	height: 100%;
	object-fit: cover;
}
.caselist li .con {
padding: .3rem;
	box-sizing: border-box;
	position: relative;
	z-index: 1;
}
.caselist li h6 {
	color: #333333;
	font-size: var(--font22);
transition: .5s;
}
.caselist li p {
margin-top: .15rem;
	color: #666666;
	line-height: 1.7;
transition: .5s;
}
.caselist li .con:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #0415F8;
transition: .5s;
	z-index: -1;
	opacity: 0;
	clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);
}
.caselist li:hover .con:after {
	opacity: 1;
	clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
}
.caselist li:hover h6, .caselist li:hover p {
	color: #fff;
}
.caselist li:hover .imgBox img {
	transform: scale(1.05);
}
/* 案例详情 */
.casedateMain .soundateFive {
	background: #f9f9f9;
}
/* =====新闻中心===== */
.newsOne {
	margin: 1rem 0;
}
.newsOne ul {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
gap: .8rem;
}
.newsOne li {
	border-radius: 0.2rem;
	box-shadow: 0rem 0.04rem 0.28rem 0rem rgba(226, 226, 226, 0.40);
	overflow: hidden;
}
.newsOne li .imgBox {
	overflow: hidden;
}
.newsOne li .imgBox img {
	width: 100%;
transition: .5s;
}
.newsOne li .con {
padding: .3rem;
	box-sizing: border-box;
	position: relative;
	z-index: 1;
}
.newsOne li .time {
	color: #777777;
	font-size: var(--font18);
}
.newsOne li h6 {
	color: #333333;
	font-size: var(--font20);
transition: .5s;
margin-top: .15rem;
}
.newsOne li p {
margin-top: .15rem;
	color: #333;
	line-height: 1.7;
transition: .5s;
	font-size: var(--font20);
}
.newsOne li span {
margin-top: .5rem;
	display: block;
	color: #AAAAAA;
transition: .5s;
}
.newsOne li:hover .imgBox img {
	transform: scale(1.05);
}
.newsOne li:hover h6 {
	color: #0415F8;
}
.newsOne li:hover span {
	color: #0415F8;
}
.newslist {
	padding-bottom: 1rem;
}
.newslist ul li {
padding: .42rem .2rem;
	padding-right: 1rem;
	box-sizing: border-box;
	border-top: 1px solid #E7E7E7;
transition: .5s;
}
.newslist ul li:last-child {
	border-bottom: 1px solid #E7E7E7
}
.newslist ul li .box {
	display: flex;
	align-items: center;
}
.newslist ul li .time {
	flex-shrink: 0;
}
.newslist ul li i {
	width: 0.01rem;
	height: 0.79rem;
	background: #dddddd;
margin: 0 .45rem;
}
.newslist ul li .yue {
	font-size: 0.34rem;
	color: #333333;
}
.newslist ul li .nian {
	color: #666666;
	font-size: var(--font18);
}
.newslist ul li h5 {
	color: #333333;
	font-size: var(--font20);
}
.newslist ul li span {
	color: #666666;
margin-top: .1rem;
}
.newslist ul li:hover h5 {
	color: #0415f8;
}
/* 新闻详情 */
.newsDateMain {
}
.newsDateMain .mbx {
	border-bottom: 0;
}
.newsDateMain .mbx a {
	color: #656565;
}
.newsDateMain .mbx a img {
	filter: brightness(0);
	-webkit-filter:brightness(0);
	opacity: .5;
}
.newsDateMain .mbx a::after {
filter: brightness(0);
-webkit-filter:brightness(0);
opacity: .5;
}
.newsDateMain .mbx a:hover {
	color: #0415F8;
}
.newsDate {
	margin-bottom: 1rem;
}
.newsDate .container {
	width: 1250px;
}
.newsDate .box {
margin-top: .5rem;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.newsDate .box .left {
	width: 80%;
	flex-shrink: 0;
}
.newsDate .title {
padding-bottom: .4rem;
	border-bottom: 1px solid #DEDEDE;
}
.newsDate .title .time {
	color: #333333;
	font-size: var(--font20);
}
.newsDate .title strong {
	font-weight: 700;
	color: #333333;
margin-top: .3rem;
font-size: .4rem;
	display: block;
}
.newsDate .editbox {
padding: .3rem 0;
}
.newsPage {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-top: 1px solid #eee;
padding-top: .5rem;
}
.newsPage a {
	display: flex;
	align-items: center;
}
.newsPage a .icBox {
	display: flex;
}
.newsPage a span {
	color: #999999;
	font-size: var(--font14);
	margin-left: 10px;
}
.newsPage a.next span {
	margin-left: 0;
	margin-right: 10px;
}
.newsPage a.prev svg {
	transform: rotate(-180deg);
}
.newsPage a:hover span {
	color: #0415f8;
}
.newsPage a:hover svg path {
	fill: #0415f8;
}
.newsDate .right {
	position: sticky;
	top: 1rem;
}
.newsDate .right .linksBox {
	width: 100px;
	background: #f6f6f8;
margin-top: .3rem;
padding: .3rem 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.newsDate .right .linksBox .tit {
	color: #b4b4bd;
}
.newsDate .right ul li {
margin-top: .25rem;
}
.newsDate .right ul li a {
	width: 30px;
	height: 30px;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
transition: .5s;
}
.newsDate .right ul li svg {
	max-width: 100%;
	width: 18px;
}
.newsDate .right ul li svg path {
	fill: #666;
}
.newsDate .right ul li:nth-child(2) svg {
width: 20px;
}
/* .newsDate .right ul li:hover a {background: #fff;} */
.newsDate .right ul li:nth-child(1):hover a {
background: #333;
}
.newsDate .right ul li:hover svg path {
	fill: revert-layer;
}
.newsDate .right ul li {
	position: relative;
}
.newsDate .right ul li .hidecode {
	padding: 5px;
	box-sizing: border-box;
	position: absolute;
	display: none;
	position: absolute;
	width: 1.5rem;
	left: 50%;
	transform: translate(-50%, 110%);
	top: auto;
	bottom: 0;
	z-index: 1;
	box-shadow: 0 2px 10px #aaa;
	background: #fff;
}
.newsDate .right ul li .hidecode::after {
content: "";
-webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
background: #fff;
position: absolute;
left: 50%;
transform: translate(-50%, -90%);
top: 0;
width: 15px;
height: 10px;
background: #fff;
}
.newsDate .right ul li .hidecode img {
	max-width: 100%;
}
.newsDate .right ul li:hover .hidecode {
	display: block;
}
.newsDate .right ul li:active .hidecode {
	display: block;
}
.newsInfo {
	background: #f6f6f6;
padding: .7rem 0 1rem 0;
}
.newsInfo .tit {
	max-width: 86%;
	margin: auto;
	font-size: var(--font36);
	color: #333333;
	font-weight: 700;
}
.newsInfo .swiperBox {
	position: relative;
}
.newsInfo .container {
	width: 1450px;
}
.newsInfoSwiper {
	position: static;
	max-width: 86%;
	margin: auto;
margin-top: .4rem;
}
.newsInfoSwiper .imgBox {
	overflow: hidden;
}
.newsInfoSwiper .imgBox img {
	width: 100%;
transition: .5s;
}
.newsInfoSwiper .time {
margin-top: .15rem;
	color: #777777;
}
.newsInfoSwiper .con p {
	color: #444444;
margin-top: .15rem;
}
.newsInfoSwiper .swiper-slide:hover .imgBox img {
	transform: scale(1.05);
}
.newsInfoSwiper .swjt {
	width: 0.5rem;
	height: 0.5rem;
	border: 1px solid #cccccc;
	border-radius: 50%;
transition: .5s;
	right: 0;
}
.newsInfoSwiper .swjt svg {
	max-width: 70%;
}
.newsInfoSwiper .swjt.swiper-button-prev {
	transform: rotate(180deg);
	left: 0;
}
.newsInfoSwiper .swjt:hover {
	background: #0415f8;
	border-color: #0415f8;
}
.newsInfoSwiper .swjt:hover path {
	fill: #fff;
}
/* =====联系我们===== */
.contactMain {
padding: 1.3rem 0 .7rem 0;
	position: relative;
	overflow: hidden;
}
/* .contactMain::after {content: ""; height: 100%; width: 60%; position: absolute; right: 0;background: #f9f9f9;top: 0; z-index: -1;} */
.contactMain .box {
	display: flex;
	justify-content: space-between;
	width: 50%;
	float: left;
}
.contactMain .box h3 {
	font-size: var(--font36);
	color: #333333;
	font-weight: 700;
}
.contactMain .box dl dd {
	display: flex;
	align-items: center;
margin: .25rem 0;
}
.contactMain .box dl dd .icBox {
	width: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.contactMain .box dl dd span {
	font-size: var(--font18);
	color: #333333;
	margin-left: 10px;
}
.contactMain .box dl dd a {
	font-size: var(--font18);
	color: #333333;
}
.contactMain .box dl dd a:hover {
	color: #0415F8;
}
.contactMain .box .mapNav a {
	display: flex;
	width: 1.79rem;
	height: 0.62rem;
	background: #0415F8;
	border-radius: 0.31rem;
	align-items: center;
	justify-content: center;
	color: #fff;
transition: .5s;
}
.contactMain .box .mapNav a:hover {
	background: none;
	color: #0415F8;
	border: 1px solid #0415F8;
}
.contactMain .box .mapNav a:hover svg path {
	fill: #0415F8;
}
.contactMain .box .mapNav a img {
	filter: brightness(100);
	-webkit-filter:brightness(100);
	margin-right: 8px;
}
.contactMain .box .tactCode {
	display: grid;
	grid-template-columns: repeat(2, auto);
	justify-content: flex-start;
gap: .35rem;
margin-top: .6rem;
	text-align: center;
}
.contactMain .box .tactCode .codeBox {
	border: 1px solid #eeeeee;
	max-width: 2rem;
}
.contactMain .box .tactCode .codeBox img {
	max-width: 100%;
}
.contactMain .box .tactCode span {
	color: #777777;
	display: block;
	margin-top: 10px;
}
.contactMain .box .re {
	width: 50%;
	position: relative;
	z-index: 1;
}
.contactMain .box .re .disc {
	color: #777777;
}
.contactMain .box .re form {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
margin-top: .6rem;
}
.contactMain .box .re .col2 {
	position: relative;
	width: 48%;
	margin-bottom:0.5rem;
}
.contactMain .box .re .col2 input {
	background: none;
	border: none;
	border-bottom: 1px solid #CCCCCC;
	color: #333;
	width: 100%;
	outline: none;
	padding: 0.1rem 0;
}
.contactMain .box .re label {
	font-weight: 400;
	color: #888888;
	position: absolute;
	top: 0;
	z-index: -1;
transition: .5s;
	left: 0;
}
.contactMain .box .re label span {
	color: #BA0703;
}
.contactMain .box .re .col2 input:focus + label {
top: -.2rem;
	font-size: var(--font14);
}
.contactMain .box .re .col2 input.filled + label {
top: -.2rem;
	font-size: var(--font14);
}
.contactMain .box .re .col3 {
	width: 100%;
	position: relative;
	margin-bottom:0.5rem;
}
.contactMain .box .re .col3 select {
	border: none;
	background: none;
	border-bottom: 1px solid #CCCCCC;
	color: #333;
	width: 100%;
	outline: none;
	padding: 0.1rem 0;
}
.contactMain .box .re .col3 select:focus + label {
top: -.2rem;
	font-size: var(--font14);
}
.contactMain .box .re .col3 select.filled + label {
top: -.2rem;
	font-size: var(--font14);
}
.contactMain .box .re .col4 {
margin-top: .2rem;
margin-top: .6rem;
}
.contactMain .box .re .subinput {
margin-top:.2rem;
	cursor: pointer;
	width: 100%;
}
.contactMain .box .re .sub {
	width: 1.8rem;
height: .62rem;
	border-radius: 0.31rem;
	border: none;
	background: #0415F8;
	color: #ffffff;
	font-weight: 400;
	outline: none;
	cursor: pointer;
}
.contactMain .box .re .sub:active {
	background: #0077c9;
}
/* 右侧固定 */
.rightFixed {
	position: fixed;
right: .2rem;
	top: 50%;
	z-index: 2;
}
.rightFixed ul {
padding: .05rem .12rem;
	background: #ffffff;
	border-radius: 0.28rem;
	box-shadow: 0rem 0rem 0.42rem 0rem rgba(61, 61, 61, 0.05);
}
.rightFixed ul li {
padding: .17rem 0;
	border-bottom: 1px solid #E0E0E0;
	position: relative;
}
.rightFixed ul li:last-child {
	border: 0;
}
.rightFixed ul li .icBox {
max-width: .26rem;
	min-width: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto;
}
.rightFixed ul li .icBox svg {
	max-width: 100%;
}
.rightFixed ul li span {
	display: block;
	font-size: var(--font14);
	color: #666666;
margin-top: .03rem;
}
.rightFixed ul li:hover svg path {
	fill: #0415F8;
}
.rightFixed ul li:hover span {
	color: #0415F8;
}
.telbox {
	padding-right: 22px;
	position: absolute;
	right: 150%;
	top: 15%;
	opacity: 0;
	visibility: hidden;
}
.telbox b {
	display: block;
padding: .15rem .25rem;
	background: #fff;
	color: #0415F8;
	font-weight: bold;
	font-size: var(--font18);
	white-space: nowrap;
	padding-right: 12px;
	position: relative;
	border-radius: 12px;
	box-shadow: 0rem 0rem 10px rgba(24, 25, 25, 0.12);
}
.telbox b:before {
	content: "";
width: .05rem;
height: .16rem;
	background: #0415F8;
	position: absolute;
left: .1rem;
	top: 40%;
}
.telbox b:after {
	content:"";
	width:0;
	height:0;
	border-top:8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 9px solid #fff;
	position:absolute;
	right: -9px;
	top:50%;
	margin-top: -8px;
}
.eqbox {
	padding-right: 22px;
	position: absolute;
	right: 150%;
	top: 95%;
	margin-top: -80px;
	opacity: 0;
	visibility: hidden;
}
.eqbox:before {
	content:"";
	width:0;
	height:0;
	border-top:8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 9px solid #fff;
	position:absolute;
	right: 15px;
	top:50%;
	margin-top: -8px;
}
.eqbox img {
	display: block;
	width: 120px;
	padding: 10px;
	background: #fff;
	border-radius: 12px;
	box-shadow: 0rem 0rem 16px 5px rgba(24, 25, 25, 0.22);
}
.rightFixed ul li:hover .telbox, .rightFixed ul li.active .telbox, .rightFixed ul li:hover .eqbox {
	opacity: 1;
	visibility: visible;
	right: 100%;
	-webkit-transition: 0.45s;
	-o-transition: 0.45s;
	-moz-transition: 0.45s;
	transition: 0.45s;
}
@media screen and (min-width: 200px) and (max-width: 767px) {
}
/* 简历弹出层 */
.-popup-opened {
	overflow: hidden;
}
.acquisition {
padding: .3rem;
	box-sizing: border-box;
	background-color: #fff;
	width: 55%;
	display: none;
	cursor: default;
	white-space: initial;
}
.acquisition .box-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.acquisition .box-title h3 {
	font-size: var(--font24);
	color: #000;
	font-weight: bold;
	margin: 0;
	text-align: left;
	width: 85%;
}
.acquisition .box-title span {
font-size: .4rem;
	cursor: pointer;
	color: #000;
	line-height: 30px;
}
.acquisition .time span {
	font-size: var(--font16);
	color: #666;
	display: inline-block;
margin-right: .6rem;
}
.acquisition .time {
	border-bottom: 1px solid #ececec;
padding: .1rem 0;
	text-align: left;
}
.acquisition .infoCon {
margin-top: .25rem;
	height: 38vh;
	overflow-y:auto;
	text-align: initial;
}
@media screen and (min-width: 200px) and (max-width: 768px) {
.acquisition {
width: 92%;
}
}
/* 留言弹出层 */
.hiMessagePop {
	background: #fff;
padding: .3rem;
padding-bottom: .6rem;
	border-radius: 10px;
	box-sizing: border-box;
	background-color: #fff;
	width: 45%;
	white-space: initial;
	display: none;
}
.hiMessagePop .item-close {
font-size: .4rem;
	cursor: pointer;
	color: #000;
	line-height: 30px;
	display: flex;
	justify-content: flex-end;
}
.hiMessagePop .box-title {
	text-align: center;
}
.hiMessagePop .box-title h3 {
	font-size: 0.48rem;
	color: #333333;
	font-weight: 700;
	line-height: 1;
}
.hiMessagePop .box-title i {
	display: inline-block;
	width: 0.55rem;
	height: 0.03rem;
	background: #0515f7;
}
.hiMessagePop form .itemBox {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
margin-top: .2rem;
}
.hiMessagePop form .item {
	width: 48.5%;
margin-top: .25rem;
	position: relative;
}
.hiMessagePop form .item input, .hiMessagePop form .item textarea {
	background: #f1f1f1;
	border: 1px solid #d7d7d7;
	height: 0.6rem;
	min-height: 45px;
	width: 100%;
padding: 0 .2rem;
	box-sizing: border-box;
}
.hiMessagePop form .item input:focus + label {
	display: none;
}
.hiMessagePop form .item textarea:focus + label {
	display: none;
}
.hiMessagePop form .item label {
	position: absolute;
	z-index: 0;
	left: 0%;
	top: 50%;
	transform: translate(0, -50%);
padding-left: .2rem;
	box-sizing: border-box;
	color: #999999;
}
.hiMessagePop form .item label i {
	color: #FF0000;
	font-style: normal;
	margin-left: 5px;
}
.hiMessagePop form .item2 {
	width: 100%;
}
.hiMessagePop form .item2 textarea {
	height: 1.8rem;
padding: .2rem;
	resize: none;
}
.hiMessagePop form .item2 label {
	top: 0;
	transform: none;
padding-top: .2rem;
}
.hiMessagePop form .sub {
	display: flex;
	justify-content: center;
margin-top: .5rem;
}
.hiMessagePop form .sub button {
	width: 126px;
	height: 42px;
	background: #0515f7;
	cursor: pointer;
	border-radius: 21px;
	color: #fff;
}
.hiMessagePop form .sub button:active {
	background: #434eeb;
}
.hiMessagePop form .item.on label {
	display: none;
}
/* 搜索页面 */
.search-page .box {
	margin-top: 1rem;
}
.search-page form {
	width: 75%;
	margin: auto;
	margin-bottom: 60px;
	border: 1px solid #333;
	border-radius: 50px;
	padding:5px 20px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.search-page form .searchCon {
	padding: 5px 0;
	width: 90%;
	line-height: 35px;
	outline: none;
	border: none;
	box-sizing: border-box;
	font-size: 16px;
}
.search-page form .sub {
	width: 23px;
	height: 23px;
	display: block;
	cursor: pointer;
	background: url(../images/searchIcon.png) no-repeat center;
	outline: none;
	border: none;
	background-size:100% 100%;
	filter: brightness(0);
	-webkit-filter:brightness(0);
}
.search-page ul {
	width: 100%;
}
.search-page li {
	width: 100%;
	padding: 30px;
	margin-top: 20px;
	box-sizing: border-box;
	background: #f5f5f5;
}
.search-page li span {
	background: #0A6FB7;
	color: #fff;
	font-size: 12px;
	padding: 2px 5px;
}
.search-page li h3 {
	font-size: var(--font18);
	margin: 10px 0;
	color: #000000;
	font-weight: 700;
}
.search-page li p {
	font-size: var(--font16);
	color: #666;
}
.search-page li .le {
	width: 95%;
}
.search-page li a {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}
.search-page li img {
transition: .5s;
	margin-right: 20px;
}
.search-page li:hover img {
	transform: translateX(20px);
}
@media screen and (min-width: 200px) and (max-width: 640px) {
 .search-page form {
 width: 90%;
 margin-bottom: 40px;
}
}
/* 分页 */
.fy {
margin-top: .5rem;
	padding: 0.5rem 0;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.fy a {
	display: flex;
	align-items: center;
	border: 1px solid #E5E5E5;
	justify-content: center;
	color: #999;
	font-size: var(--font16);
}
.fy a {
width: .4rem;
height: .4rem;
	min-width: 35px;
	min-height: 35px;
transition: .4s;
	margin:5px;
}
.fy a:hover {
	color: #fff;
	background: #0515F7;
}
.fy .layui-laypage-curr {
	display: flex;
	align-items: center;
	justify-content: center;
}
.fy .layui-laypage-curr {
width: .4rem;
height: .4rem;
	min-width: 35px;
	min-height: 35px;
	color: #fff;
	background: #0515F7;
	font-size: var(--font16);
	margin: 0 5px;
}
.fy a:first-child, .fy a:last-child {
	width: auto;
	text-align: center;
padding: 0 .15rem;
}
.fy a:first-child:hover::before, .fy a:last-child:hover::before {
filter: brightness(100);
-webkit-filter:brightness(100);
}
/* 下载中心 */
.downOne {
padding: .6rem 0 1rem 0;
}
.downOne .downOneTit {
	font-size: var(--font24);
	color: #333;
margin-bottom: .2rem;
}
.downOne .layui-form-list {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.downOne .layui-form-list .tit {
	margin-bottom: 10px;
	color: gray;
	font-size: var(--font18);
margin-right: .3rem;
}
.downOne .layui-form-list .layui-form-checkbox[lay-skin=primary]>div {
	color: #333;
}
.downOne .layui-form-list .layui-form-checked[lay-skin=primary]>i {
	background: #0557FA;
	border-color: #0557FA !important;
}
.downOne .layui-form-list .layui-form-checkbox[lay-skin=primary]:hover>i {
	border-color: #0557FA;
}
.downOne .layui-form-list .layui-btn {
	height: 30px;
	line-height: 30px;
margin-top: .1rem;
}
.downOne .layui-form-list .layui-btn-primary:hover {
	border-color: #0557FA;
	background: #0557FA;
	color: #fff;
}
.downOne .list {
padding: .5rem 0;
	border-top: 1px solid #333;
margin-top: .5rem;
}
.downOne .list ul {
	width: 50%;
}
.downOne .list li {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
padding: .2rem;
}
.downOne li .file-image {
	width: 64px;
	height: 64px;
margin-right: .3rem;
	flex-shrink: 0;
}
.downOne li .file-image img {
	max-width: 100%;
	max-height: 100%;
}
.downOne li .le {
	display: flex;
	width: 80%;
}
.downOne li .title {
	color: #333;
}
.downOne li .file-content .size {
	font-size: 12px;
	color: gray;
margin-top: .15rem;
}
.downOne li .re .downBtn {
	display: flex;
	align-items: center;
	font-size: var(--font14);
}
.downOne li .re .downBtn i {
margin-left: .1rem;
}
.downOne li:hover {
	background-color: #f2f2f2;
}
/* 下载页面分页 */
.downPage {
	width: 55%;
	display: flex;
	justify-content: center;
margin-top: .3rem;
}
.downPage .layui-laypage a:hover {
	color: #0557FA;
}
.downPage .layui-laypage .layui-laypage-curr .layui-laypage-em {
	background: #0557FA;
}
.downTwo {
	background-color: #f2f2f2;
	padding: 1rem 0;
	text-align: center;
}
.downTwo h2 {
	font-size: var(--font32);
	color: #333;
}
.downTwo p {
margin-top: .2rem;
}
.downTwo .more {
	display: flex;
	justify-content: center;
margin-top: .3rem;
}
.downTwo .more a {
	width: 1.68rem;
height: .52rem;
	min-width: 110px;
	min-height: 35px;
	color: #fff;
	font-size: var(--font18);
	background:#0557FA;
	align-items: center;
}
.downTwo .more a:hover {
	background: #0515F7;
}
.prodateTwo table {
	width: 100%!important;
}
.prodateTwo table tr {
	display: flex;
	justify-content: space-between;
	margin-bottom: 0.4rem;
}
.prodateTwo table tr td {
	border-bottom: 1px dashed #ccc;
	width: 49%!important;
	line-height: 0.35rem;
}
/*.prodateTwo table tr td span {font-size: var(--font20)!important;}*/

.editbox img {
	display: inline-block;
	max-width: 100%!important;
	height: auto!important;
}
/* 解决方案录入资料样式调整 */
.soundateTwo table tbody {
	vertical-align: top;
}
.soundateTwo table tr td {
	vertical-align: top;
padding-right: .2rem;
}
.soundateTwo table tr td:last-child {
	padding-right: 0;
}
.soundateTwo table tr td p span img {
	max-width: 1rem;
	display: inline-block;
margin-bottom: .3rem;
}
.soundateMain p span strong {
	font-size: var(--font48);
}
.soundateFour p span img {
	max-width: 100%;
}
@media screen and (min-width: 200px) and (max-width: 767px) {
 .soundateTwo table tr {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
 .soundateTwo table tr td {
padding-right: 0;
width: 48%;
margin-top: .5rem;
}
 .soundateTwo p span strong {
font-size: .6rem;
}
 .soundateThree p span strong {
font-size: .5rem;
display: block;
line-height: initial;
}
 .soundateFour p span strong {
font-size: .6rem;
}
 .soundateThree {
padding: .8rem 0;
}
 .soundateThree p span.onStyle, .soundateFour p span.onStyle {
width: 100%;
}
}