.w-12 {
	width: 1400px;
	margin: 0 auto;
}

.w-12s {
	width: 1400px;
	margin: 0 auto;
}

.sg2-new-h5 {
	font-size: 35px;
	font-weight: 700;
}

.sg2-new-h5-fff {
	color: #fff;
}

.sg2-new-a-am {
	display: flex;
	width: 100%;
	align-items: flex-start;
	justify-content: space-between;
}

.sg2-new-a-al {
	width: 64.6%;
	background: #fff;
}

.sg2-new-a-arm {
	background: #fff;
	padding: 30px 35px;
	box-sizing: border-box;
	width: 100%;
	display: block;
	margin-top: 20px;
}

.sg2-new-a-arm:nth-child(1) {
	margin-top: 0;
}

.sg2-new-a-ar {
	width: 33.6%;
}

.sg2-new-date {
	color: #666;
	line-height: 1;
}

.sg2-new-tit {
	color: #222;
	font-weight: 700;
	font-size: 21px;
	margin-top: 10px;
	height: 56px;
	line-height: 28px;
}

.sg2-new-alimg img {
	width: 100%;
	vertical-align: top;
	transition: all 0.3s ease;
}

.sg2-new-alimg {
	overflow: hidden;
}

.sg2-new-a-alwz1 {
	padding: 25px 40px;
}

.sg2-new-more {
	display: inline-block;
	margin-top: 35px;
	position: relative;
	padding-right: 20px;
}

.sg2-new-more i {
	position: absolute;
	right: 0;
	top: 1px;
	font-size: 16px;
}

.sg2-new-more1 {
	margin-top: 34px;
}

.sg2-new-a-am {
	margin-top: 20px;
}

.sg2-new-a-a {
	margin-top: 75px;
}

.sg2-new-a-arm:hover .sg2-new-tit,
.sg2-new-a-al:hover .sg2-new-tit {
	color: var(--colors);
}


.sg2-new-b {
	background: #000;
}

.sg2-new-blink {
	display: flex;
	width: 100%;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 30px;
}

.sg2-new-bimg {
	width: 32.33%;
}

.sg2-new-bimg img {
	width: 100%;
	vertical-align: top;
	transition: all 0.3s ease;
}

.sg2-new-bimg {
	overflow: hidden;
}

.sg2-new-bwz {
	width: 67.67%;
	box-sizing: border-box;
	padding-top: 25px;
	padding-left: 40px;
}

.sg2-new-tit1 {
	height: auto;
}

.sg2-new-desc {
	margin-top: 15px;
}

.sg2-new-blink-fff .sg2-new-date {
	opacity: 0.7;
}

.sg2-new-blink-fff .sg2-new-tit,
.sg2-new-blink-fff .sg2-new-desc,
.sg2-new-blink-fff .sg2-new-date,
.sg2-new-blink-fff .sg2-new-more {
	color: #fff;
}

.sg2-new-a-al:hover img,
.sg2-new-blink:hover img {
	transform: scale(1.05);
}

.sg2-new-dm {
	padding: 0 100px;
	box-sizing: border-box;
}

.sg2-newd-ms {
	font-size: 18px;
	margin-top: 50px;
}

.sg2-newd-ms img {
	max-width: 100%;
}

.sg2-newd-date {
	font-size: 20px;
}

.sg2-newd-tit {
	font-size: 48px;
	font-weight: bold;
	line-height: 1.2;
	margin-top: 12px;
}

.sg2-newd-share {
	margin-top: 40px;
}

.sg2-newd-share a {
	display: inline-block;
	margin-right: 10px;
}

.sg2-newd-share a:nth-child(1) i {
	font-size: 24px;
}

.sg2-newd-share a:nth-child(2) i {
	font-size: 24px;
}

.sg2-newd-share a:nth-child(3) i {
	font-size: 24px;
}

.sg2-newd-share a:nth-child(4) i {
	font-size: 20px;
	font-weight: bold;
}

.sg2-newd-pn {
	text-align: right;
	margin-top: 80px;
}

.sg2-newd-pn a {
	font-size: 18px;
	font-weight: bold;
	display: inline-block;
	margin-left: 30px;
}

.sg2-newd-pn i {
	font-size: 20px;
}

.sg2-newd-pn span {
	padding: 0 5px;
}

.sg2-newd-pn span,
.sg2-newd-pn i {
	display: inline-block;
	vertical-align: middle;
}

.pro-fixed {
	position: relative;
}

.pro-fixed-line {
	position: absolute;
	left: 0;
	top: -70px;
}

.sg-prod-a {
	background: var(--black);
}

.sg-prod-am {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.sg-prod-am-l {
	width: 30%;
}

.sg-prod-am-r {
	width: 70%;
	padding-left: 2%;
	box-sizing: border-box;
	line-height: 1.6;
}

.sg-prod-am-h2 {
	position: relative;
}

.sg-prod-am-h2:before {
	position: absolute;
	width: 20px;
	height: 60px;
	content: '';
	background-position: center;
	background-repeat: no-repeat;
}

.sg-prod-am-h2:before {
	background-image: url(../img/isjxcon.png);
}

.sg-prod-am-h2:before {
	left: -45px;
	top: -10px;
	background-size: auto 100%;
}

.sg-prod-c-img {
	width: 100%;
}

.sg-prod-c {
	position: relative;
	overflow: hidden;
	padding: 0;
}

.sg-prod-c-bg {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.sg-prod-cm {
	box-sizing: border-box;
}

.sg-prod-cm {
	width: 590px;
	position: absolute;
	right: 4%;
	top: 50%;
	transform: translateY(-50%);
	z-index: 3;
	padding: 0 60px;
}

.sg-prod-d {
	position: relative;
	overflow: hidden;
	height: 980px;
	padding: 0;
}

.sg-prod-dm {
	box-sizing: border-box;
}

.sg-prod-dm {
	width: 625px;
	position: absolute;
	right: 10%;
	top: 220px;
	z-index: 3;
	padding: 0 60px;
}

.sg-prod-dm {
	background: rgba(0, 0, 0, 0.8);
	padding-top: 45px;
	padding-bottom: 50px;
}

.sg-prod-dp2 p {
	position: relative;
}

.sg-prod-dp2 p {
	margin-top: 5px;
	padding-left: 10px;
}

.sg-prod-dp2 p:before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: #fff;
}

.sg-prod-dp2 p:before {
	top: 8px;
	border-radius: 50%;
}

.sg-pro-o {
	position: relative;
}

.sg-pro-o {
	width: 100%;
	vertical-align: top;
}

.sg-pro-o-l {
	position: absolute;
	left: 6%;
	width: 440px;
	z-index: 2;
}

.sg-pro-o-r {
	position: absolute;
	right: 5%;
	width: 330px;
	z-index: 2;
}

.sg-prod-bms-3 ul {
	width: 100%;
	max-width: inherit;
	margin-top: 25px;
}

.sg-prod-bms-3 ul:nth-child(1) {
	margin-top: 0;
}

.sg-prod-bms-3 {
	flex-wrap: wrap;
	margin: 0;
}

.sg-pro-o-l,
.sg-pro-o-r {
	top: 50%;
	transform: translateY(-50%);
}

.sg-pro-obg {
	width: 100%;
}

.sg-prod-b1 {
	display: none;
}

.sg-prod-bx1 {
	position: relative;
	padding: 0;
}

.sg-prod-bx1 {
	height: 900px;
}

.sg-prod-bx1m {
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	left: 50%;
}

.sg-prod-3ge {
	display: flex;
	justify-content: space-between;
}

.sg-prod-3gep2 {
	font-weight: bold;
	font-size: 16px;
	margin-top: 5px;
}

.sg-prod-3gep1 {
	font-weight: 300;
	margin-top: 10px;
}

.sg-prod-3geicon {
	position: relative;
	display: inline-block;
	width: 50px;
	height: 50px;
}

.sg-prod-3geicon img {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.sg-prod-3geicon img {
	max-width: 90%;
	max-height: 90%;
}

.sg-prod-3ge ul {
	text-align: center;
	color: #fff;
}

.sg-prod-3ge {
	margin-top: 180px;
}

.sg-prod-3ge1 {
	margin-top: 140px;
}

.sg-prod-3ge_100 ul {
	width: 100px;
}

.sg-prod-bms_155 ul {
	max-width: 155px;
}

.sg-pub-h2_460 {
	width: 460px;
}

.sg-prod-f {
	background: var(--black);
}

.sg-prod-fm {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: flex-start;
}

.sg-prod-fm-l {
	width: 25%;
}

.sg-prod-fm-r {
	width: 55%;
}

.sg-prod-fimg {
	width: 90%;
	max-width: 1400px;
	min-width: 1200px;
	text-align: center;
	overflow: hidden;
}

.sg-prod-fimg img {
	max-width: 100%;
	vertical-align: top;
}

.sg-prod-fm {
	padding-top: 50px;
}

.sg-prod-cm-left {
	left: 3%;
	right: auto;
	padding-left: 0;
	padding-right: 0;
	max-width: 25%;
}

.sg-pro2-b-tit:before {
	left: 0;
}

.sg-pro2-b-tit {
	padding-left: 45px;
}

.sg-pro2-b-more {
	margin-top: 55px;
}

.sg-pro2-bp3 {
	margin-top: 40px;
}

.sg-pro2-c {
	width: 100%;
	padding: 120px 0;
	position: relative;
	overflow: hidden;
}

.sg-pro2-cbg {
	position: absolute;
	width: 104%;
	height: 104%;
	left: -2%;
	top: -2%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.sg-pro2-cm {
	display: flex;
	color: #fff;
	flex-wrap: wrap;
	text-align: center;
}

.sg-pro2-cp1 {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5;
	margin-top: 10px;
}

.sg-pro2-cp2 {
	margin-top: 5px;
}

.sg-pro2-cicon {
	position: relative;
	display: inline-block;
	width: 88px;
	height: 88px;
}

.sg-pro2-cicon img {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	max-width: 90%;
	max-height: 90%;
}

.sg-pro2-cm ul {
	width: 33.33%;
	padding: 40px 0;
}

.sg-pro2-cm {
	position: relative;
	z-index: 3;
}

.sg-pro2-cm ul:nth-child(1) {
	animation-delay: 0.1s;
}

.sg-pro2-cm ul:nth-child(2) {
	animation-delay: 0.2s;
}

.sg-pro2-cm ul:nth-child(3) {
	animation-delay: 0.3s;
}

.sg-pro2-cm ul:nth-child(4) {
	animation-delay: 0.4s;
}

.sg-pro2-cm ul:nth-child(5) {
	animation-delay: 0.5s;
}

.sg-pro2-cm ul:nth-child(6) {
	animation-delay: 0.6s;
}

.sg-pro2-d {
	position: relative;
	overflow: hidden;
	height: 90vh;
	min-height: 600px;
}

.sg-pro2-dm {
	position: absolute;
	z-index: 3;
	text-align: center;
}

.sg-pro2-dm {
	width: 100%;
}

.sg-pro2-dlist {
	width: 100%;
}

.sg-pro2-dm1 {
	top: 10%
}

.sg-pro2-dm2 {
	bottom: 6%;
	width: 472px;
	right: 23.8%;
}

.sg-pro2-dm2 strong {
	color: var(--colors);
}

.sg-pro2-fimg {
	height: 80vh;
	border-radius: 0
}

.sg-pro2-g,
.sg-pro2-i {
	background-color: #000;
}

.sg-pro2-hm {
	margin-top: 0;
}

.sg-pro2-i {
	text-align: center;
}

.pin-spacer {
	background: #000;
}

.pro2islider {
	margin-top: 45px;
}

.pro2isliderm {
	width: 1050px;
}

.pro2isliderm img {
	max-width: 100%;
}


.sgprovideo-btn {
	position: absolute;
	text-align: center;
	border-radius: 50%;
	z-index: 3;
	transition: all 0.3s ease;
}

.sgprovideo-btn {
	width: 48px;
	height: 48px;
	top: 311px;
	background: rgba(0, 0, 0, 0);
	line-height: 48px;
	cursor: pointer;
}

.sgprovideo-btn i {
	font-size: 40px;
	color: #fff;
}

.sgprovideo-btn:hover {
	background: rgba(0, 0, 0, 0.3);
}

.sgprovideo-prev {
	left: 50%;
	margin-left: -700px;
	margin-left: -670px;
}

.sgprovideo-next {
	right: 50%;
	margin-right: -700px;
	margin-right: -670px;
}

.pro2islider-prev {
	left: 50%;
	margin-left: -472px;
}

.pro2islider-next {
	right: 50%;
	margin-right: -472px;
}

.pro2islider-prev,
.pro2islider-next {
	margin-top: -30px;
}

/* .merit{min-height: inherit;}
 */

.sg3newa {
	display: flex;
	width: 100%;
	justify-content: space-between;
}

.sg3newawz {
	width: 42%;
	padding: 25px;
	box-sizing: border-box;
	padding-bottom: 0;
	padding-right: 0;
}

.sg3newaimg {
	width: 55%;
	overflow: hidden;
}

.sg3newaimg img {
	width: 100%;
	vertical-align: top;
}

.sg3newatit {
	margin-top: 15px;
}

.sg3newadesc {
	margin-top: 25px;
	min-height: 70px;
}

.sg3newaslider {
	margin-top: 45px;
	width: 100%;
	background: #fff;
}

.sg3newamore {
	margin-top: 90px;
}

.sg3newasliderm {
	opacity: 0 !important;
	transition: all 0.3s ease;
}

.sg3newasliderm.swiper-slide-active {
	opacity: 1 !important;
}

.sg3newasliderm:hover .sg3newaimg img {
	transform: scale(1.03);
}

.sg3newcmimg,
.g3new4aimg,
.sg3newemimg {
	overflow: hidden;
}

.sg3newcm:hover .sg3newcmimg img {
	transform: scale(1.03);
}

.g3new4a:hover .g3new4aimg img {
	transform: scale(1.03);
}

.sg3newem:hover .sg3newemimg img {
	transform: scale(1.03);
}

.sg3newem:nth-child(even) .sg3newemore {
	right: 30px;
}

.sg3newaslider:hover {
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

.sg3newaslider,
.sg3newaimg img,
.sg3newcmimg img,
.g3new4aimg img,
.sg3newemimg img {
	transition: all 0.3s ease;
}

.sg3newbimg {
	width: 60%;
}

.sg3newbwz {
	width: 38%;
}

.sg3newbtit {
	height: auto;
}

.sg3newbmore {
	margin-top: 40px;
}

.sg3newbtop {
	min-height: 210px;
}

.sg3newbtop2 {
	min-height: 180px;
}

.sg3newbp1,
.sg3newbp2 {
	font-weight: 600;
	font-size: 14px;
}

.sg3newbp1 span,
.sg3newbp1 i,
.sg3newbp2 span,
.sg3newbp2 i {
	display: inline-block;
	vertical-align: top;
	height: 24px;
	line-height: 24px;
}

.sg3newbp1 i {
	font-size: 20px;
	min-width: 28px;
}

.sg3newbp2 i {
	font-size: 20px;
	min-width: 28px;
}

.sg3newbp1 i,
.sg3newbp2 i {
	position: absolute;
	left: 0;
	top: 1px;
}

.sg3newbp1,
.sg3newbp2 {
	position: relative;
	padding-left: 35px;
}

.sg3newbp2 {
	margin-top: 5px;
}

.sg3newc {
	display: flex;
	width: 100%;
	padding-top: 25px;
	flex-wrap: wrap;
}

.sg3newcm {
	width: 49%;
	margin-right: 2%;
	margin-top: 2%;
	background: #fff;
}

.sg3newcm:nth-child(2n) {
	margin-right: 0;
}

.sg3newcmimg img {
	max-width: 100%;
	vertical-align: top;
}

.sg3newcmwz {
	padding: 25px;
}

.sg3newctit {
	margin-top: 0;
	height: auto;
}

.sg3newcm:nth-child(even) {
	animation-delay: 0.4s !important;
}

.sg3newdtit {
	margin-top: 15px;
}


.sg2careerftab {
	position: relative;
	width: 170px;
	cursor: pointer;
}

.sg2careerftab span {
	position: relative;
	display: block;
	width: 100%;
	box-sizing: border-box;
	color: #fff;
}

.sg2careerftab span {
	border: 1px solid #fff;
	text-align: center;
	height: 38px;
	line-height: 36px;
	border-radius: 38px;
}

.sg2careerftab span i {
	color: #fff;
	margin-left: 5px;
}

.sg2careerftabx {
	position: absolute;
	width: 100%;
	top: 58px;
	border-radius: 6px;
}

.sg2careerftabx {
	opacity: 0;
	visibility: hidden;
	z-index: -1;
}

.sg2careerftabx {
	left: 0;
	text-align: center;
	background: #fff;
}

.sg2careerftabx a {
	display: block;
	color: #333;
	padding: 10px 0;
	opacity: 0.8;
}

.sg2careerftabx a {
	line-height: 1.2;
	opacity: 0.8;
	transition: all 0.3s ease;
}

.sg2careerftab {
	padding-top: 20px;
	padding-bottom: 20px;
}

.sg2careerftab:hover span {
	background: #fff;
}

.sg2careerftab:hover span,
.sg2careerftab:hover span i {
	color: #333;
}

.sg2careerftab:hover .sg2careerftabx {
	opacity: 1;
	visibility: visible;
	z-index: 3;
}

.sg2careerftabx {
	transition: all 0.3s ease;
	padding: 6px 0;
}

.sg2careerftabx a:hover {
	background: var(--black);
	opacity: 1;
}

.sg2careerftab1 {
	width: auto;
	padding: 0;
}

.sg2careerftab1 .sg2careerftabx {
	top: 38px;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
}

.sg2careerftab1 span {
	width: 170px;
	text-align: left;
	padding: 0 20px;
	position: relative;
}

.sg2careerftab1 span i {
	margin: 0;
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	display: block;
}

.sg2careerftab1 span {
	border: 1px solid rgba(0, 0, 0, .7);
}

.sg2careerftab1 span,
.sg2careerftab1 span i {
	color: #333;
}

.sg2careerftab1 {
	position: absolute;
	right: 0;
	top: 5px;
}

.sg3-tit1,
.sg2-support-a {
	position: relative;
	z-index: 6;
}

.sg2careerftab10 {
	position: relative;
	top: 0;
	display: inline-block;
	margin-right: 30px;
}

.sg2careerftab10 span {
	width: 220px;
}

.sg2-support-p5 {
	padding: 40px 0;
	position: relative;
	z-index: 4;
}

.g3new4 {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	padding-top: 20px;
}

.g3new4-h2 {
	background: url(../img/isjxcon.png) left center no-repeat;
	padding-left: 25px;
}

.g3new4-h2 {
	background-size: 12px auto;
	font-size: 26px;
	margin-top: 40px;
}

.g3new4aimg {
	position: relative;
}

.g3new4aimg img {
	width: 100%;
	vertical-align: top;
}

.g3new4btn {
	position: absolute;
	border: 1px solid #fff;
	width: 55px;
	height: 55px;
	box-sizing: border-box;
	line-height: 53px;
	border-radius: 50%;
}

.g3new4btn {
	text-align: center;
	z-index: 3;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.g3new4btn i {
	color: #fff;
	font-size: 18px;
	display: block;
	position: relative;
	left: 2px;
}

.g3new4a {
	background: #fff;
	width: 49%;
	margin-right: 2%;
	margin-top: 2%;
}

.g3new4a:nth-child(2n) {
	margin-right: 0;
}

.g3new4awz {
	padding: 25px;
}

.g3new4a-3,
.g3new4a-3:nth-child(2n) {
	width: 31%;
	margin-right: 2%;
}

.g3new4a-3:nth-child(3n) {
	margin-right: 0;
}

.g3new4a-3 .g3new4tit {
	font-size: 18px;
}

.laybg {
	background: #000;
	opacity: 0.5;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 66;
	width: 100%;
	height: 100vh;
}

.layvideo {
	position: fixed;
	z-index: 99;
	width: 1000px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.layvideo video {
	width: 100%;
}

.laybg,
.layvideo {
	display: none;
}

.layclose {
	position: absolute;
	right: -40px;
	top: 0;
	color: #fff;
	font-size: 24px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
}

.layclose i {
	display: inline-block;
	position: relative;
	transform: rotateZ(137deg);
	font-size: 25px;
}

.layclose {
	cursor: pointer;
}

.laytxt {
	background: #fff;
	width: 900px;
	border-radius: 10px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: none;
}

.laytxt {
	box-sizing: border-box;
	padding: 50px 100px;
	z-index: 600;
	position: fixed;
	line-height: 1.6;
}

.laytxth4 {
	text-align: center;
	font-size: 30px;
	font-weight: bold;
}

.laytxtdesc {
	margin-top: 35px;
	max-height: 50vh;
	overflow-y: scroll;
	padding: 0 20px;
}

.laytxtdesc p {
	padding-bottom: 15px;
}

.laytxtclose {
	position: absolute;
	right: 30px;
	top: 30px;
	color: #333;
	font-size: 20px;
	cursor: pointer;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
}

.laytxtclose i {
	display: inline-block;
	position: relative;
	transform: rotateZ(137deg);
	font-size: 25px;
}


.sg3newem {
	display: flex;
	width: 100%;
	justify-content: space-between;
	margin-top: 3%;
	background: #fff;
}

.sg3newemwz {
	width: 37%;
	padding: 25px;
	box-sizing: border-box;
	padding-bottom: 0;
	padding-right: 0;
	position: relative;
}

.sg3newemimg {
	width: 60%;
	overflow: hidden;
}

.sg3newemimg img {
	width: 100%;
	vertical-align: top;
}

.sg3newetit {
	background: url(../img/isjxcon.png) left 0 no-repeat;
	padding-left: 25px;
	background-size: 8px auto;
	height: auto
}

.sg3newbtop3 {
	min-height: 230px;
}

.sg3newemore {
	position: absolute;
	right: 0;
	bottom: 30px;
	cursor: pointer;
}

.sg3newemimg:first-child {
	display: none;
}

.sg3newem:nth-child(even) .sg3newemimg:first-child {
	display: block;
}

.sg3newem:nth-child(even) .sg3newemimg:last-child {
	display: none;
}

.sg3-conp1 {
	font-weight: bold;
	font-size: 20px;
}

.sg3-conp2 {
	font-size: 20px;
	margin-top: 5px;
	padding-bottom: 15px;
}

.sg3-conpp {
	position: relative;
	padding-left: 30px;
	line-height: 26px;
	margin-top: 15px;
}

.sg3-conpp i {
	position: absolute;
	left: 0;
	top: 0;
	color: #ff0000;
}

.sg3-conp3 i {
	font-size: 20px;
}

.sg3-conp4 i {
	font-size: 22px;
	top: -1px;
}

.sg3-conp5 i {
	font-size: 20px;
	top: 1px;
}

.sg3-conp6 i {
	font-size: 20px;
	top: 1px;
}

.sg3-contactam {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.sg3-contactam ul {
	width: 32%;
	background: #fff;
	padding: 40px 25px;
	box-sizing: border-box;
	margin-right: 2%;
	margin-top: 2%;
}

.sg3-contactam ul:nth-child(3n) {
	margin-right: 0;
}

.sg3-contactam ul {
	transition: box-shadow 0.3s ease;
}

.sg3-contactam ul:hover {
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}

.sg3-contacttit {
	margin-top: 60px;
}

.sg3-contactbtit {
	font-size: 30px;
	margin-top: 60px;
}

.sg3-contactbm {
	background: #fff;
	margin-top: 45px;
}

.formma {
	width: 48%;
}

.sg3-contactbm {
	padding: 60px 100px;
	background: #fff;
	border-radius: 20px;
}

.sg3-contactb .layui-form-select dl dd.layui-this {
	background: var(--colors);
}

.sg3-contactb .layui-form-select dl {
	max-height: 230px;
}

.sg3-contactb input,
.sg3-contactb textarea {
	width: 100%;
	box-sizing: border-box;
	line-height: 50px;
	height: 50px;
	padding: 0 15px;
	background: none;
	border: none;
}

.sg3-contactb textarea {
	line-height: 25px;
	padding: 10px 15px;
	height: 145px;
	resize: none;
}

.labelmsg {
	font-size: 18px;
	line-height: 1.6;
}

.cf0000 {
	color: #ff0000;
	padding-left: 5px;
}

.pubtxt {
	background: #e3e3e3;
	border-radius: 5px;
	margin-top: 10px;
}

.formm {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 30px;
}

.formma1 {
	display: flex;
	width: 100;
	justify-content: space-between;
}

.formma-1 {
	width: 100px;
}

.formma-2 {
	width: calc(95% - 100px);
}

.formma-5 {
	width: 47%;
}

.formm3 {
	justify-content: flex-start;
	align-items: center;
}

.formma2 {
	width: 100%;
}

.sg3-contactb .layui-form-checked[lay-skin=primary] i {
	background: var(--colors);
	border-color: var(--colors) !important;
}

.privacy,
.privacy:hover {
	color: var(--colors);
}

.formm4 {
	margin-top: 60px;
}

.formmbtn {
	cursor: pointer;
}

.formmbtn {
	background: var(--colors);
	color: #fff;
	display: inline-block;
	padding: 0 50px;
	height: 46px;
	line-height: 46px;
	border-radius: 40px;
}

.sgp-in-subs7 {
	display: none !important;
}

.sg2-support-a {
	margin-top: 60px;
}

.sg2-support-a-p1 {
	text-align: center;
	margin-top: 60px;
	font-size: 20px;
}

.sg2-support-a-p1 a {
	color: var(--colors);
	transition: all 0.3s ease;
	opacity: 0.8;
}

.sg2-support-a-p1 a:hover {
	opacity: 1;
}

.sg2-support-b {
	background: #fff;
	padding: 40px;
	margin-top: 25px;
}

.sg2-support-b-zw {
	width: 100%;
	overflow: hidden;
	margin-top: 35px;
}

.sg2-support-b-sub {
	width: 300px;
	box-sizing: border-box;
	padding-right: 30px;
	float: left;
}

.sg2-support-b-list {
	width: calc(100% - 300px);
	border-left: 2px solid #eee;
	box-sizing: border-box;
	padding-left: 30px;
	float: right;
}

.sg2-support-b-subh5 {
	position: relative;
	cursor: pointer;
}

.sg2-support-b-subh5 span {
	font-size: 18px;
	font-weight: 700;
}

.sg2-support-b-subh5 i {
	font-size: 18px;
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	transition: all 0.3s ease;
}

.sg2-support-b-subh5.on i {
	transform: rotateZ(90deg);
}

.sg2-support-b-subm {
	padding: 7px 0;
}

.sg2-support-b-subdl {
	padding: 10px 15px;
	display: none;
}

.sg2-support-b-subdl a {
	display: block;
	user-select: none
}

.sg2-support-b-subdl a {
	margin-top: 8px;
	position: relative;
}

.sg2-support-b-subdl i {
	display: block;
	position: absolute;
	right: 0;
	border: 1px solid #999;
	width: 18px;
	height: 18px;
	box-sizing: border-box;
	line-height: 16px;
	text-align: center;
}

.sg2-support-b-subdl i {
	color: #666;
	border: 1px solid #999;
	font-size: 16px;
	color: #fff;
}

.sg2-support-b-subdl i {
	transition: all 0.3s ease;
	top: 0;
}

.sg2-support-b-subdl a.on,
.sg2-support-b-subdl a:hover {
	color: var(--colors);
}

.sg2-support-b-subdl a.on i {
	color: var(--colors);
	border-color: var(--colors);
}

.sg2-support-b-sub.is-inview {
	padding-top: 90px;
}

.sg2-support-b-top {
	display: flex;
	width: 100%;
	justify-content: space-between;
	padding-bottom: 30px;
}

.sg2sbtsub {
	border: 1px solid rgba(0, 0, 0, .7);
	padding: 0 20px;
	height: 38px;
	line-height: 36px;
	border-radius: 38px;
	box-sizing: border-box;
}

.sg2sbtsub {
	width: 45%;
	text-align: center;
}

.sg2sbtsub {
	transition: all 0.3s ease;
}

.sg2sbtsub:hover,
.sg2sbtsub.on {
	border-color: var(--colors);
	font-weight: 700;
}

.supportadd a {
	display: inline-block;
	user-select: none;
	display: inline-block;
	padding: 0 25px;
}

.supportadd a {
	background: #eeeeee;
	margin-top: 15px;
	margin-right: 15px;
	position: relative;
	padding-right: 66px;
}

.supportadd i {
	position: absolute;
	display: block;
	right: 25px;
	top: 0;
	color: var(--colors);
	transform: rotateZ(45deg);
}

.supportclear {
	padding: 0 10px;
	font-weight: 700;
	cursor: pointer;
}

.supportclear,
.supportadd a,
.supportadd i {
	height: 48px;
	line-height: 48px;
}


.sg2-support-b-search {
	margin-left: 330px;
	width: 500px;
	background: #eee;
	border-radius: 35px;
	position: relative;
	display: flex;
}

.sg2-support-txt {
	width: 92%;
	outline: none;
	padding-left: 20px;
	box-sizing: border-box;
}

.sg2-support-btn {
	width: 8%;
	position: relative;
	z-index: 3;
	color: palegoldenrod;
}

.sg2-support-icon1 {
	position: absolute;
	right: 15px;
	font-size: 20px;
	top: 8px;
}

.sg2-support-b-search input {
	background: none;
	border: none;
	height: 38px;
	line-height: 38px;
}

.sg2-support-b-listli {
	padding-top: 10px;
}

.sg2-support-b-listms em {
	padding: 0 8px;
}

.sg2-support-b-listp1 {
	height: 72px;
	line-height: 72px;
	position: relative;
}

.sg2-support-b-listp1 i {
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
}

.sg2-support-b-listlink {
	display: flex;
	width: 100%;
	position: relative;
	align-items: center;
	justify-content: space-between;
}

.sg2-support-b-listlink {
	margin-top: 15px;
	line-height: 42px;
}

.sg2-support-b-listli {
	min-height: 380px;
}

.sg2-support-b-listtit {
	font-size: 18px;
}

.sg2-support-b-listms {
	color: #999;
	font-size: 14px;
}

.sg2-support-b-listlink .sdxiazai {
	position: absolute;
	right: 0;
	top: 0px;
}

.sg2-support-b-listtit {
	width: 70%;
	padding-left: 45px;
	box-sizing: border-box;
}

.sg2-support-b-listms {
	width: 20%;
}

.sg2-support-b-listtype {
	position: absolute;
	display: block;
	width: 42px;
	height: 42px;
	left: 0;
	top: 0;
	background-position: left center;
	background-repeat: no-repeat;
}

.down-pdf {
	background-image: url(../img/down-pdf.svg);
	background-size: 28px auto;
	background-position: -2px center;
}

.down-image {
	background-image: url(../img/down-image.svg);
	background-size: 29px auto;
	background-position: -2px center;
}

.down-ppt {
	background-image: url(../img/down-ppt.svg);
	background-size: 24px auto;
}

.down-zip {
	background-image: url(../img/down-zip.svg);
	background-size: 26px auto;
}

.down-video {
	background-image: url(../img/down-video.svg);
	background-size: 25px auto;
}

.publine-hover {
	position: relative;
}

.sg2-warranty-link {
	display: flex;
	width: 100%;
	padding: 22px 10px;
	border-bottom: 1px solid #eee;
	position: relative;
}

.sg2-warranty-link:before,
.publine-hover:before {
	position: absolute;
	left: 0;
	bottom: 0;
	background: var(--colors);
	content: '';
	height: 1px;
	width: 0;
	opacity: 0;
}

.sg2-warranty-btn {
	position: absolute;
	height: 20px;
	line-height: 20px;
	right: 10px;
	top: 50%;
	margin-top: -10px;
}

.sg2-warranty-btn {
	opacity: 0.8;
}

.sg2-warranty-tit {
	padding-left: 40px;
	width: 85%;
}

.sg2-warranty-tit {
	font-size: 18px;
}

.sg2-warranty-icon {
	position: absolute;
	display: block;
	font-size: 26px;
	left: 0;
	top: 0;
	line-height: 30px;
	top: 50%;
	margin-top: -15px;
}

/* .sg2-warranty-link:hover .sg2-warranty-icon,.sg2-warranty-link:hover .sg2-warranty-tit{color: var(--colors);} */
.sg2-warranty-link:before,
.sg2-warranty-btn,
.sg2-warranty-tit,
.sg2-warranty-icon,
.publine-hover:before {
	transition: all 0.6s ease;
}

.sg2-warranty-link:hover:before,
.publine-hover:hover:before {
	width: 100%;
	opacity: 1;
}


.sg2-faq1m {}

.sg2-faq1titwz {
	font-size: 18px;
	font-weight: bold;
}

.sg2-faq1tit {
	position: relative;
	border-bottom: 1px solid #eee;
	padding: 15px 0;
	cursor: pointer;
}

.sg2-faq1titbtn {
	position: absolute;
	width: 28px;
	height: 28px;
	border: 1px solid #000;
	border-radius: 50%;
	right: 0;
	top: 50%;
	margin-top: -15px;
}

.sg2-faq1titbtn {
	line-height: 28px;
	text-align: center;
}

.sg2-faq1titbtn i {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: all 0.3s ease;
}

.sg2-faq1desc {
	position: relative;
	padding: 15px 0;
	display: none;
}

.sg2-faq1desca {
	position: absolute;
	left: 10px;
	top: 15px;
}

.sg2-faq1descb {
	padding-left: 35px;
}

.sg2-faq1tit.on .sdzengjia {
	opacity: 0;
}

.sg2-faq1tit.on .sdjianhao {
	opacity: 1;
}

.sg2-faq2m {
	font-size: 18px;
	font-weight: bold;
	display: block;
	position: relative;
	border-bottom: 1px solid #eee;
	padding: 15px 0;
	cursor: pointer;
}

.sg2-faq2mbtn {
	position: absolute;
	border: 2px solid #000;
	border-radius: 5px;
	width: 22px;
	height: 20px;
	box-sizing: border-box;
}

.sg2-faq2mbtn i {
	background: #fff;
	position: absolute;
	right: -4px;
	top: -4px;
	font-size: 16px;
	height: 16px;
	display: block;
	line-height: 16px;
}

.sg2-faq2mbtn {
	right: 0;
	top: 18px;
	opacity: 0.6;
}

.sg3-support5tit {
	padding: 60px 0;
	font-size: 30px;
	padding-bottom: 0;
}

.support-fixed {
	position: relative
}




.sgp2-baner {
	position: relative;
	height: 100vh;
	overflow: hidden;
}

.sgp2-b-wz {
	position: absolute;
	width: 100%;
	text-align: center;
	top: 50%;
	left: 0;
}

.sgp2-b-wz {
	transform: translateY(-50%);
	z-index: 3;
}

.sgp2-b-h4 {
	color: #fff;
	font-size: 60px;
	font-weight: bold;
	line-height: 1.2;
}

.sgp2-b-bg::before {
	display: none;
}

.sgp2-b-bg {
	opacity: 1;
}

.sgp2-b-bg {
	background-size: cover;
}

.sg-pro2-a {
	background: #000;
}

.sg-pro2-am {
	color: #fff;
	text-align: center;
}

.sg-pro2-a-ms {
	font-size: 18px;
	line-height: 1.8;
	margin-top: 40px;
	padding: 0 100px;
}

.gsapAnimate.animated {
	animation: 1s aniStyle2 0.3s;
	animation-fill-mode: forwards;
}

.gsapAnimate.animated.ani_style3 {
	animation: 1s aniStyle3 0.3s;
	animation-fill-mode: forwards;
}

.animated {}

.delay2 {
	animation-delay: 0.2s !important;
}

.delay3 {
	animation-delay: 0.3s !important;
}

.delay4 {
	animation-delay: 0.4s !important;
}

.sg-install-b {
	background: var(--black);
}

.sg-install-bsub {
	text-align: center;
}

.sg-install-bsub span {
	display: inline-block;
	padding: 0 30px;
	position: relative;
	cursor: pointer;
}

.sg-install-bsub b {
	position: relative;
	font-weight: 600;
	opacity: 0.7;
	display: inline-block;
	font-size: 20px;
}

.sg-install-bsub b:before,
.sg-install-bsub span:before {
	position: absolute;
	content: '';
}

.sg-install-bsub span:before {
	height: 18px;
	width: 1px;
	background-color: #000;
	opacity: 0.2;
	right: 0;
	top: 50%;
	margin-top: -9px;
}

.sg-install-bsub span:last-child::before {
	display: none;
}

.sg-install-bsub b:before {
	height: 2px;
	background: #000;
	opacity: 0;
	width: 0;
	bottom: -1px;
}

.sg-install-bsub span.on b:before {
	width: 100%;
	opacity: 1;
}

.sg-install-bsub span:hover b,
.sg-install-bsub span.on b {
	opacity: 1;
}

.sg-install-bsub b,
.sg-install-bsub b:before {
	transition: all 0.3s ease;
}

.sg-install-btab-img {
	width: 46%;
}

.sg-install-btab-wz {
	width: 54%;
	padding-left: 4%;
	box-sizing: border-box;
}

.sg-install-btab-wz {
	padding-top: 90px;
}

.sg-install-btab-img img {
	vertical-align: top;
	max-width: 100%;
}

.sg-install-btab {
	position: relative;
	height: 565px;
}

.sg-install-btabm {
	position: absolute;
	visibility: hidden;
	width: 100%;
	left: 0;
	top: 0;
	z-index: -2;
	display: flex;
}

.sg-install-btabm.on {
	visibility: visible;
	z-index: 3;
}

.sg-install-btab {
	margin-top: 60px;
}

.sg-install-btab-wzm {
	position: relative;
	top: 60px;
}

.sg-install-btab-img,
.sg-install-btab-wzm {
	transition: all 0.3s ease;
	opacity: 0;
}

.sg-install-btab-wzm {
	transition: all 0.5s ease;
}

.sg-install-btabm.on .sg-install-btab-img {
	opacity: 1;
}

.sg-install-btabm.on .sg-install-btab-wzm {
	opacity: 1;
	top: 0;
}


.sg-install-c {
	background: #000;
}

.sg-install-cm {
	text-align: center;
}

.sg-install-ctable {}

.sg-install-ctable1 {
	margin-top: 60px;
	border: 1px solid rgba(255, 255, 255, 0.1);
}

.sg-install-ctablem {
	display: flex;
	width: 100%;
	color: #fff;
}

.sg-install-ctablew {
	width: 16.666%;
	padding: 25px 15px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
}

.sg-install-ctablem1 {
	font-size: 18px;
	font-weight: bold;
	color: #333;
	background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(224, 224, 226, 1) 50%, rgba(196, 197, 200, 1) 100%);
}

.sg-install-ctablem:nth-child(2) {
	margin-top: 20px;
}

.sg-install-ctablem:nth-child(even) {
	background: rgba(255, 255, 255, 0.3);
}

.sg-install-ctablem:nth-child(even) .sg-install-ctablew {
	border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.sg-install-ctablew:nth-child(1) {
	text-align: left;
	justify-content: left;
	padding-left: 20px;
}

.install-gg {
	display: inline-block;
	width: 32px;
	height: 32px;
	line-height: 32px;
	background: #fff;
	border-radius: 50%;
	text-align: center;
	opacity: 0;
}

.install-gg i {
	color: #333;
	font-size: 20px;
}

.install-gg.on {
	opacity: 1;
}

.install-select {
	display: inline-block;
	height: 38px;
	line-height: 38px;
	border: 1px solid #fff;
	padding: 0 40px;
	border-radius: 38px;
}

.sg-install-csm {
	color: #fff;
	margin-top: 80px;
	text-align: left;
}


.sg-install-d {
	background: #191919;
}

.sg-install-dp3 {
	text-align: center;
}

.sg-install-dslider {
	margin-top: 60px;
}

.sg-install-dp1 {
	text-align: right;
	width: 100%;
	position: absolute;
	box-sizing: border-box;
	padding: 35px;
	right: 0;
	top: 0;
	z-index: 3;
}

.sg-install-dp1 {
	font-size: 26px;
	font-weight: bold;
	color: #fff;
}

.sg-install-dp2 {
	width: 100%;
	position: absolute;
	box-sizing: border-box;
	padding: 0 35px;
	right: 0;
	bottom: 5px;
	z-index: 3;
}

.sg-install-dp2 {
	min-height: 130px;
}

.sg-install-dp1,
.sg-install-dp2 a {
	color: #fff;
}

.installddsliderm img {
	width: 100%;
	vertical-align: top;
	transition: all 0.3s ease;
}

.sg-install-dp2 a {
	display: block;
	margin-top: 10px;
	font-size: 18px;
	transition: all 0.3s ease;
}

.sg-install-dp2 a:hover {
	font-weight: 700;
}

.sg-install-dp2 i {
	position: relative;
	left: 3px;
	top: 1px;
}

.installddsliderm:hover img {
	transform: scale(1.03);
}

.installddsliderm {
	overflow: hidden;
}

.sg2-stories-am {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.sg2-stories-aul {
	width: 50%;
	box-sizing: border-box;
}

.sg2-stories-aul:nth-child(1) {
	padding-right: 40px;
}

.sg2-stories-aul:nth-child(2) {
	padding-left: 40px;
}

.storiesah3 {
	height: auto;
}

.storiesap1 {
	margin-top: 8px;
}

.storiesaimg {
	overflow: hidden;
}

.storiesaimg img {
	width: 100%;
	vertical-align: top;
}

.storiesawz {
	padding: 30px;
	padding-bottom: 55px;
	padding-right: 80px;
}

.storiesalink {
	display: block;
	padding-top: 55px;
	border-bottom: 1px solid #ccc;
	position: relative;
}

.storiesalink:before {
	position: absolute;
	width: 0;
	height: 1px;
	background: var(--colors);
	content: '';
	left: 0;
	bottom: 0;
}

.storiesawz {
	position: relative;
}

.storiesaicon {
	position: absolute;
	top: 35px;
	right: 30px;
	font-size: 30px;
}

.storiesalink:hover:before {
	width: 100%;
}

.storiesalink:hover .storiesaimg img {
	transform: scale(1.03);
}

.storiesalink:before,
.storiesaimg img {
	transition: all 0.3s ease;
}

.sg2-stories-aul2 {
	padding-top: 55px;
}

.sg2-stories-am {}

.storiestotal {
	background: #000;
	color: #fff;
	display: flex;
	width: 100%;
	align-items: center;
	padding: 20px;
}

.storiestotal span,
.storiestotal em {
	padding: 0 50px;
	text-align: center;
}

.storiestotal em {
	font-style: normal;
	line-height: 1.3;
	font-size: 18px;
	border-left: 1px solid rgba(255, 255, 255, 0.3);
}

.storiestotal span {
	font-size: 50px;
	line-height: 1;
	color: var(--colors);
	font-weight: 700;
	line-height: 1.2;
}

.storiesblink {
	display: flex;
	width: 100%;
	padding: 60px 0;
	position: relative;
	align-items: center;
	border-bottom: 1px solid #ccc;
	justify-content: space-between;
}

.storiesblink:before {
	position: absolute;
	width: 0;
	height: 1px;
	background: var(--colors);
	content: '';
	left: 0;
	bottom: 0;
}

.storiesblink {
	overflow: hidden;
}

.storiesbimg {
	width: 42%;
}

.storiesbimg:last-child {
	display: none;
}

.storiesblink:nth-child(even) .storiesbimg:first-child {
	display: none;
}

.storiesblink:nth-child(even) .storiesbimg:last-child {
	display: block;
}

.storiesbp2 {
	margin-top: 20px;
}

.storiesbwz {
	width: 53%;
	box-sizing: border-box;
}

.storiesbicon {
	display: inline-block;
	font-size: 30px;
	margin-top: 40px;
}

.storiesbimg img {
	width: 100%;
	vertical-align: top;
}

.storiesblink:hover:before {
	width: 100%;
}

.storiesblink:hover .storiesbimg img {
	transform: scale(1.03);
}

.storiesblink:before,
.storiesbimg img {
	transition: all 0.3s ease;
}

.sg2-order-asub {
	display: flex;
	justify-content: flex-start;
	margin-top: 60px;
}

.w-175.sg2careerftab span,
.orderatxt {
	width: 175px;
}

.orderatxt,
.orderabtn {
	background: none;
	border: none;
	height: 38px;
	line-height: 36px;
	box-sizing: border-box;
}

.orderatxt,
.orderabtn {
	padding: 0 25px;
	border: 1px solid rgba(0, 0, 0, 0.7);
	border-radius: 38px;
	outline: none;
}

.orderabtn {
	color: #333;
	padding: 0 35px;
}

.orderabtn {
	transition: all 0.3s ease;
}

.orderatxt:focus,
.orderabtn,
.w-175.sg2careerftab:hover span {
	border-color: var(--colors);
}

.orderabtn:hover {
	background: var(--colors);
	color: #fff;
}

.orderatxt {
	margin-right: 30px;
	text-align: left;
}

.sg2-order-am {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	margin-top: 60px;
}

.orderalink {
	width: 32%;
	background: #fff;
	padding: 30px 25px;
	box-sizing: border-box;
	margin-right: 2%;
	margin-top: 2%;
}

.orderalink:nth-child(3n) {
	margin-right: 0;
}

.orderap1 {
	font-weight: 700;
	margin-top: 20px;
	padding-bottom: 20px;
	font-size: 16px;
}

.orderap1,
.orderalogo {
	text-align: center;
}

.sg3-conp6 a {
	text-decoration: underline;
	color: #0d7ec5;
}

.orderalink {
	transition: all 0.3s ease;
}

.orderalink:hover {
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}

.orderalink i {
	color: #333;
}

.sg2-sortby {
	right: 0;
	top: 0;
}

.sg2-sortby {
	position: absolute;
	width: 230px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	top: 50%;
	margin-top: -17px;
}

.sg2-sortby-name {
	font-weight: 700;
	height: 38px;
	line-height: 38px;
}

.sg2careerftab10.w-120 {
	margin: 0;
}

.sg2careerftab10.w-120 span {
	width: 150px;
}

.sg2careerftab10.w-120 i {
	font-size: 15px;
}

/* 产品 */

.sg-prod-gm-l {
	width: 36%;
	position: relative;
}

.sg-prod-gm-r {
	width: 55%;
}

.sg-prod-gm {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.sg-prod-g-tab {
	margin-top: 0;
	min-height: 610px;
}

.sg-prod-g-tab table {
	width: 100%;
}

.sggslider {
	min-height: 465px;
}

.sg-prod-g-tab td {
	color: #fff;
	padding: 5px 0;
	padding-right: 20px;
}

.sg-prod-g-tab td:nth-child(1),
.sg-prod-g-tab td:nth-child(3) {
	width: 145px;
}

.sg-prod-g-tab strong {
	font-size: 18px;
	letter-spacing: 1px;
	display: block;
}

.sg-g-lis,
.sg-prod-g-tab strong {
	padding-top: 40px;
}

.sg-prod-g-sub {
	display: flex;
	width: 100%;
	align-items: center;
}

.sg-prod-g-sub span {
	transition: all 0.3s ease;
	cursor: pointer;
}

.sg-prod-g-sub span {
	opacity: 1;
	font-size: 18px;
	box-sizing: border-box;
	color: #fff;
}

.sg-prod-g-sub span {
	font-weight: 700;
}

.sg-prod-g-sub span.on {
	opacity: 1;
	color: #80fcfe;
}

.sg-prod-g-sub em {
	color: #fff;
	padding: 0 20px;
	font-size: 16px;
	position: relative;
}

.sg-prod-g-tabm {
	display: none;
}

.sg-prod-g-tabm.on {
	display: block;
}

.sg-proness {
	position: absolute;
	width: 9px;
	height: 705px;
	right: 0;
	bottom: 0;
	overflow: hidden;
	display: block;
}

.sg-proness span:before {
	width: 1px;
	left: 4px;
}

.sg-proness span:after {
	width: 100%;
	left: 0;
	opacity: 0;
	border-radius: 10px;
}

.sg-proness span:before,
.sg-proness span:after {
	position: absolute;
	height: 100%;
	content: '';
	top: 0;
	background: #fff;
	transition: all 0.3s ease;
}

.sg-proness span {
	display: block;
	vertical-align: top;
	float: left;
	margin-top: 10px;
	position: relative;
}

.sg-proness span {
	width: 100%;
	height: 120px;
}

.sg-proness span:nth-child(1) {
	margin: 0;
}

.sg-proness span:nth-child(2) {
	height: 100px;
}

.sg-proness span:nth-child(3) {
	height: 465px;
}

.sg-proness span.on:after {
	opacity: 1;
}

.sg-prod-three {
	margin-top: 30px;
	min-height: 570px;
}

.sg-prod-threem {
	display: none;
}

.sg-prod-threem:nth-child(1) {
	display: block;
}

.sg-proness span {
	cursor: pointer;
}

.sg-prod-th4 {
	font-size: 22px;
	color: #fff;
	height: 46px;
	line-height: 46px;
	font-weight: bold;
}

.sg2-d-threemore {
	margin-top: 20px;
}

.sg-g-lis {
	color: #fff;
}

.sg-g-lis p {
	position: relative;
	padding-left: 9px;
	margin-top: 10px;
}

.sg-g-lis p:nth-child(1) {
	margin-top: 0;
}

.sg-g-lis p:before {
	position: absolute;
	width: 4px;
	height: 4px;
	background: #fff;
	border-radius: 50%;
	left: 0;
	top: 10px;
	content: '';
}

.sggsliderm {
	opacity: 0 !important;
}

.sggsliderm.swiper-slide-active {
	opacity: 1 !important;
}

.pubaage {
	text-align: center;
	margin-top: 20px;
}

.pubaage span {
	text-align: center;
	background: #fff;
	opacity: 0.3 !important;
	margin: 0 5px !important;
}

.pubaage span.swiper-pagination-bullet-active {
	opacity: 1 !important;
	background: #fff !important;
}

.sggslider {
	overflow: inherit;
}

.sggsbtn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.sggsbtn {
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	cursor: pointer;
}

.sggsbtn i {
	color: #fff;
	font-size: 30px;
}

.sggsbtn1 {
	left: -70px;
}

.sggsbtn2 {
	right: -30px;
}

.sg-prod-h {
	background: var(--black);
}

.sg-prod-hm {
	width: 90%;
	max-width: 1400px;
	min-width: 1200px;
	position: relative;
}

/* .sg-prod-himg,.sg-prod-hwz{border-radius: 10px;overflow: hidden;} */
.sg-prod-himg {
	border-top-left-radius: 10px;
	overflow: hidden;
	border-top-right-radius: 10px;
	max-height: 85vh;
}

.sg-prod-himg img {
	max-height: 100%;
	object-fit: cover;
	width: 100%;
}

.sg-prod-hwz {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.sg-prod-himg img {
	max-width: 100%;
	vertical-align: top;
}

.sg-prod-fm {
	padding-top: 50px;
}

.sg-prod-hwz {
	z-index: 3;
	width: 100%;
}

.sg-prod-hwz1 {
	background: #f0f0f0;
}

.sg-prod-hwz {
	left: 0;
	bottom: 0;
}

.sg-prod-hwzm {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: flex-start;
	align-items: center;
}

.sg-prod-hwz-l {
	width: 30%;
}

.sg-prod-hwz-r {
	width: 55%;
}

.sg-prod-hp2 {
	margin-top: 0;
}

.sg-prod-hwzm {
	padding: 35px 0;
}

.sg-pro-videom {
	width: 1400px;
}

.sg-pro-video {
	width: 100%;
	margin-top: 35px;
	padding: 15px 0;
}

.videombtn {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -40px;
	z-index: 3;
	border-radius: 50%;
}

.videombtn {
	width: 80px;
	height: 80px;
	line-height: 80px;
	text-align: center;
}

.videombtn {
	background: rgba(0, 0, 0, 0.3);
	transition: all 0.3s ease;
	opacity: 0;
	visibility: hidden;
}

.videombtn i {
	color: #fff;
	font-size: 45px;
}

.sg-prod-himg {
	position: relative;
}

.sg-pro-videom.swiper-slide-active .videombtn {
	opacity: 1;
	visibility: visible;
}

.sgprovideo-pagination {
	text-align: center;
	margin-top: 25px;
}

.sgprovideo-pagination span {
	width: 14px;
	height: 14px;
	border: 2px solid #000;
	box-sizing: border-box;
	margin: 0 5px;
	background: none;
}

.sgprovideo-pagination span {
	opacity: 1;
}

.sgprovideo-pagination span.swiper-pagination-bullet-active {
	background: #000;
}

.sg-prod-hwz-fofofo {
	background: #f0f0f0;
}

.sg-b-pro-000 {
	background: #000;
}

/* 招聘 */
.sg2-career-a {
	background: var(--black);
}

.sg2-career-am {
	width: 100%;
	display: flex;
	text-align: center;
	margin-top: 45px;
}

.sg2-career-am ul {
	width: 23.5%;
	margin-right: 2%;
	position: relative;
	overflow: hidden;
}

.sg2-career-am ul:last-child {
	margin-right: 0;
}

.sg2-career-aimg {
	width: 100%;
	vertical-align: top;
}

.sg2-career-aimg {
	transition: all 0.3s ease;
}

.sg2-career-awz {
	position: absolute;
	width: 100%;
	bottom: 8%;
	left: 0;
	box-sizing: border-box;
	padding: 0 8%;
}

.sg2-career-awz {
	z-index: 3;
	color: #fff;
}

.sg2-career-ah5 {
	font-size: 30px;
	color: #fff;
	font-weight: 700;
}

.sg2-career-ap1 {
	margin-top: 10px;
}

.sg2-career-am ul:hover img {
	transform: scale(1.05);
}

.sg2-career-pbp1 {
	margin-top: 55px;
}

.sg2-career-pbp1-fff {
	color: #fff;
}

.sg2-career-pbp1 p {
	margin-top: 20px;
}

.sg2-career-pbp1 p:nth-child(1) {
	margin-top: 0;
}

.sg-pub-h2-40 {
	font-size: 40px;
}

.sg2-career-b {
	display: flex;
	width: 100%;
	background: #000;
	align-items: center;
}

.sg2-career-bimg img {
	width: 100%;
}

.sg2-career-bimg {
	width: 54%;
}

.sg2-career-bwz {
	width: 46%;
	box-sizing: border-box;
	padding: 0 7%;
}


.sg2-career-b1 {
	background: #fff;
	margin-top: 15px;
}

.sg2-career-c {
	background: var(--black);
}

.sg2careercslider {
	margin-top: 45px;
}

.sg2careercsliderm {
	width: 560px;
}

.sg2careercsliderm img {
	width: 100%;
	vertical-align: top;
}

.sg2-career-d {
	background: var(--black);
	padding-top: 0;
}

.sg2cdslider {
	padding: 0;
	box-sizing: content-box;
	overflow: inherit;
}

.sg2cdsliderm {
	padding: 35px;
	width: 32%;
	margin-right: 2%;
	margin-top: 70px;
}

.sg2cdsliderm:nth-child(3n) {
	margin-right: 0;
}

.sg2cdh6 {
	font-size: 22px;
	font-weight: 700;
}

.sg2cdp1 {
	margin-top: 10px;
}

.sg2cdms {
	padding-top: 25px;
}

.sg2cdicon {
	display: inline-block;
	width: 96px;
	height: 96px;
	position: relative;
	border-radius: 50%;
	background: #fff;
	margin-top: -96px;
	box-shadow: 0px -3px 12px rgb(0 0 0 / 8%);
}

.sg2cdicon img {
	max-width: 48%;
	max-height: 48%;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.sg2cdsliderm {
	transition: all 0.3s ease;
	box-sizing: border-box;
}

.sg2cdsliderm:hover {
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

.sg2cdsliderm {
	position: relative;
	height: auto;
}

.sg2cdsliderm:before {
	position: absolute;
	width: 100%;
	height: 100%;
	content: '';
	left: 0;
	top: 0;
	background: #fff;
	border-radius: 6px;
	overflow: hidden;
}

.sg2cdicon,
.sg2cdms {
	position: relative;
	z-index: 4;
}

.sg2cdsliderwap {
	flex-wrap: wrap;
}

.sg2-career-f {
	background: #000;
	position: relative;
}

.sg2careerfm {
	display: flex;
	justify-content: space-between;
	margin-top: 45px;
}

.sg2careerfmsub {
	width: 240px;
	border-right: 1px solid #fff;
}

.sg2careerfmzw {
	width: calc(90% - 240px);
}

.sg2careerful {
	color: #fff;
	border-bottom: 1px solid #fff;
}

.sg2careerful:nth-child(1) .sg2careerftit {
	padding-top: 20px;
}

.sg2careerftit {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.sg2careerftit {
	padding-top: 50px;
	padding-bottom: 25px;
	padding-left: 5px;
	align-items: center;
	cursor: pointer;
}

.sg2careerfh5 {
	font-weight: bold;
	font-size: 24px;
}

.sg2careerfxl em {
	padding: 0 10px;
	font-size: 14px;
	font-style: normal;
}

.sg2careerfh5 {
	width: 48%;
	color: #fff;
}

.sg2careerfxl {
	width: 40%;
}

.sg2careerfjj {
	width: 46px;
	height: 46px;
	position: relative;
	background: #fff;
	border-radius: 50%;
}

.sg2careerfjj {
	display: inline-block;
	text-align: center;
	line-height: 46px;
	cursor: pointer;
}

.sg2careerfjji1 {
	font-size: 20px;
}

.sg2careerfjji2 {
	font-size: 20px;
	opacity: 0;
}

.sg2careerfjj i {
	transition: all 0.3s ease;
	color: #333;
}

.sg2careerfjj i {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.sg2careerfdesc {
	padding-bottom: 60px;
}

.sg2careerfh6 {
	color: #fff;
	font-weight: bold;
	font-size: 20px;
}

.sg2careerfdesc p {
	margin-top: 15px;
}

.sg2careerfjs {
	padding-top: 60px;
	padding-bottom: 50px;
	border-top: 1px solid #fff;
}

.sg2careerfmail a {
	color: #fff;
	font-weight: bold;
	font-size: 20px;
	position: relative;
}

.sg2careerfmail a {
	padding-right: 30px;
}

.sg2careerfmail i {
	display: block;
	width: 18px;
	background: url(static/img/sg2careerfmail.png);
}

.sg2careerfmail i {
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

.sg2careerfmail i {
	height: 24px;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -12px;
}

.sg2careerftit.on .sg2careerfjji2 {
	opacity: 1;
}

.sg2careerftit.on .sg2careerfjji1 {
	opacity: 0;
}

.sg2careerfjs {
	display: none;
}

.partnermore1 {
	margin-top: 50px;
}

.partner-b-p1,
.partnerap1 {
	text-align: center;
}

.partner-b {
	padding-top: 100px;
}

.partner-b-p1 {
	padding-top: 50px;
}

.sg2careercsliderm img {
	transition: all 0.3s ease;
}

.sg2careercsliderm:hover img {
	transform: scale(1.03);
}

.partner-c {
	background: #fff;
}

.video-play {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 56px;
	height: 56px;
	box-sizing: border-box;
	line-height: 54px;
	border-radius: 50%;
}

.video-play {
	margin-top: -28px;
	margin-left: -28px;
	border: 2px solid #fff;
}

.video-play i {
	color: #fff;
	font-size: 24px;
}

.video-play {
	text-align: center;
	cursor: pointer;
}

/* .laybg{background: #000;opacity: 0.5;position: fixed;left:0;top:0;z-index: 66;width: 100%;height: 100vh;}
.layvideo{position: fixed;z-index: 99;width: 1000px;left:50%;top:50%;transform: translate(-50%,-50%);}
.layvideo video{width: 100%;}
.laybg,.layvideo{display: none;}
.layclose {position: absolute;right: -40px;top: 0;color: #fff;font-size: 24px;width: 40px;height: 40px;line-height: 40px;text-align: center;}
.layclose i{display: inline-block;position: relative;font-size: 25px;} */
.layclose {
	cursor: pointer;
}

.partner-c {
	padding-top: 0;
}

.partner-d,
.partner-c {
	background: var(--black);
}

.partner-c-slider {
	margin-top: 0;
}

.partner-d {
	padding-top: 0;
}

.sg2-pub12-img-bg {
	transition: transform 0.3s ease;
}

.sg2-pub12-img:hover .sg2-pub12-img-bg {
	transform: scale(1.03);
}

.h20 {
	height: 20px;
}

.partner-sub {
	text-align: center;
	padding-bottom: 50px;
	position: relative;
}

.partner-sub a {
	display: inline-block;
	position: relative;
	margin: 0 20px;
}

.partner-sub a {
	padding-bottom: 10px;
	font-size: 22px;
}

.partner-sub a:before,
.partner-sub a:after {
	position: absolute;
	content: '';
	width: 0;
	height: 2px;
	background: var(--colors);
	bottom: 0;
	opacity: 0;
	transition: all 0.3s ease;
}

.partner-sub a:before {
	left: 30%;
}

.partner-sub a:after {
	right: 30%;
}

.partner-sub a.on {
	color: var(--colors);
	font-weight: 700;
}

.partner-sub a.on:before,
.partner-sub a.on:after,
.partner-sub a:hover:before,
.partner-sub a:hover:after {
	width: 50%;
	opacity: 1;
}

.partner-a {
	background: #679d9d;
}

.partner-8497b0 {
	background: #8497b0;
}

/* ���� */
.sg-about-a {
	background: var(--black);
}

.sg-about-a-desc p {
	margin-top: 20px;
}

.sg-about-a-desc {
	margin-top: 40px;
	font-size: 18px;
	color: #222;
	line-height: 1.8;
	padding: 0 50px
}

.sg-about-a-desc p:nth-child(1) {
	margin-top: 0;
}

.sg-about-b {
	background: #000;
}

.sg-about-b-list {
	height: 490px;
	position: relative;
	margin-top: 80px;
}

.sg-about-b-zm {
	width: 100%;
	display: flex;
	justify-content: space-between;
	position: relative;
	z-index: 3;
	padding-top: 70px;
}

.sg-about-b-zm li {
	position: relative;
	height: 270px;
	cursor: pointer;
}

.sg-about-b-zm li img {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.sg-about-b-zm li:nth-child(1) {
	width: 200px;
}

.sg-about-b-zm li:nth-child(2) {
	width: 24px;
}

.sg-about-b-zm li:nth-child(3) {
	width: 205px;
}

.sg-about-b-zm li:nth-child(4) {
	width: 205px;
}

.sg-about-b-zm li:nth-child(5) {
	width: 205px;
}

.sg-about-b-zm li img {
	transition: all 0.3s ease;
}

.sg-about-b-zm li img:nth-child(2) {
	opacity: 0;
}

.sg-about-b-zm li.on img:nth-child(2) {
	opacity: 1;
}

.sg-about-b-tab {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
}

.sg-about-b-tab-m {
	width: 575px;
	position: absolute;
	top: 0;
	opacity: 0;
	visibility: hidden;
	transition: all 0.5s ease;
}

.sg-about-b-tab-m.on {
	opacity: 1;
	visibility: visible;
}

.sg-about-b-tab-m:nth-child(1) {
	left: 90px;
}

.sg-about-b-tab-m:nth-child(2) {
	left: 250px;
}

.sg-about-b-tab-m:nth-child(3) {
	left: 380px;
}

.sg-about-b-tab-m:nth-child(4) {
	right: 0;
}

.sg-about-b-tab-m:nth-child(5) {
	right: -150px;
}

.sg-about-b-tab-h4,
.sg-about-b-tab-p1 {
	color: #fff;
	padding-left: 50px;
}

.sg-about-b-tab-h4 {
	font-weight: 600;
	font-size: 50px;
	line-height: 1;
	margin-top: -20px;
	position: relative;
	z-index: 2;
}

/* .sg-about-b-tab-h4{font-family:'Open Sans',Arial, Helvetica, sans-serif;} */
.sg-about-b-tab-h4 em {
	font-style: normal;
	font-size: 60px;
}

.sg-about-b-tab-p1 {
	font-size: 18px;
	margin-top: 10px;
}

.sg-about-c {
	display: flex;
	width: 100%;
}

.sg-about-c-50 {
	width: 50%;
	position: relative;
	height: 70vh;
	text-align: center;
	overflow: hidden;
}

.sg-about-c-p1 {
	color: #fff;
	margin-top: 10px;
	font-size: 20px;
}

.sg-about-c-p11 {
	font-size: 24px;
}

.sg-about-c-p1,
.sg-about-c-p0 {
	transition: all 0.3s ease;
	position: relative;
}

.sg-about-c-p0 {
	top: 0;
}

.sg-about-c-50,
.sg-about-c-50:before {
	transition: all 0.3s ease;
}

/* .sg-about-c-p1{opacity: 0;visibility: hidden;top:30px;} */
.sg-about-c-m {
	position: absolute;
	z-index: 3;
	width: 100%;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.sg-about-c-zw {
	width: 80%;
	margin: 0 auto;
	min-height: 140px;
}

.sg-about-c-m1 {
	justify-content: flex-end;
}

.sg-about-c {
	overflow: hidden;
	position: relative;
}

.sg-about-c-bg {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.sg-about-c-bg {
	position: absolute;
	width: 110%;
	height: 110%;
	left: -5%;
	top: -5%;
}

/* .sg-about-c-50:hover .sg-about-c-p1{opacity: 1;top:0;visibility: visible;}
					.sg-about-c-50:hover .sg-about-c-p0{top:-20px;} */
.sg-about-c-50:hover {
	width: 55%;
}

.sg-about-c-50:hover:before {
	opacity: 1;
	visibility: visible;
}

.sg-about-c-50:before {
	content: '';
	z-index: 1;
	left: 0;
	top: 0;
}

.sg-about-c-50:before {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.2);
	opacity: 0;
	visibility: hidden;
}

.sg-about-d {
	background: var(--black);
}

.sg-about-d-zw {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
}

.sg-about-d-zw ul {
	text-align: center;
	min-width: 260px;
	width: 25%;
	font-size: 20px;
}

.sg-about-d-zw em,
.sg-about-d-zw em i {
	font-style: normal;
}

.sg-about-d-zw span {
	font-weight: bold;
	font-size: 38px;
	color: #9e0000;
	position: relative;
}

.sg-about-d-zw span.counters {
	color: #222;
}

.sg-about-d-zw em {
	font-size: 16px;
	font-style: normal;
	right: -40px;
	top: 7px;
	position: absolute;
	font-weight: normal;
}

.sg-about-d-zw h5 {
	line-height: 1;
}

.sg-about-d-zw h5 span:nth-child(2) {
	font-size: 30px;
}

.sg-about-d-zw em,
.sg-about-d-zw span {
	display: inline-block;
	vertical-align: middle;
}

.sg-about-d-zw i {
	display: inline-block;
	width: 60px;
	height: 60px;
	position: relative;
}

.sg-about-d-zw img {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.sg-about-d-zw img {
	max-width: 80%;
	max-height: 80%;
}

.sg-about-d-zw ul {
	margin-top: 60px;
}

.sg-about-e {
	background: #373f4f;
	padding-top: 70px;
}

.sg-about-e {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.sg-about-e-m {
	display: flex;
	justify-content: space-between;
}

.sg-about-e-img {
	width: 506px;
}

.sg-about-e-img img {
	max-width: 100%;
	vertical-align: top;
}

.sg-about-e-wz {
	width: 506px;
	padding-right: 30px;
	padding-top: 55px;
}

.sg-about-e-wz {
	color: #fff;
}

.sg-about-e-p1 {
	font-size: 20px;
}

.sg-about-e-p2 {
	font-size: 45px;
	font-weight: bold;
	line-height: 1;
	margin-top: 10px;
}

.sg-about-e-date {
	font-weight: bold;
	font-size: 20px;
}

.sg-about-e-ms {
	opacity: 0.6;
	font-size: 18px;
	margin-top: 5px;
}

.sg-about-e-p3 {
	margin-top: 35px;
}

.sg-about-e-p3 ul {
	padding-bottom: 30px;
	padding-left: 40px;
	position: relative;
}

.sg-about-e-p3 ul:last-child {
	padding-bottom: 10px;
}

.sg-about-e-p3 ul:last-child:after {
	top: 0;
}

.sg-about-e-p3 ul:before,
.sg-about-e-p3 ul:after {
	position: absolute;
	content: '';
}

.sg-about-e-p3 ul:before {
	width: 5px;
	height: 5px;
	background: #fff;
	z-index: 3;
	border-radius: 50%;
	left: 0;
	top: 6px;
}

.sg-about-e-p3 ul:after {
	width: 1px;
	height: 100%;
	background: #fff;
	left: 2px;
	top: 10px;
}

.sg-about-e-p3 ul:after {
	background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 0) 100%);
}


.sg-about-f {
	background: var(--black);
}

.sg-about-fsliderm {
	padding: 0 40px;
	font-size: 18px;
	box-sizing: border-box;
	height: auto;
}

.sg-about-fsliderm {
	border-radius: 8px;
	overflow: hidden;
}

.sg-about-f-h5 {
	font-size: 26px;
	font-weight: bold;
	color: #222;
	line-height: 1.2;
}

.sg-about-f-p1,
.sg-about-f-p2 strong {
	font-weight: 600;
}

.sg-about-f-p2 {
	font-size: 20px;
	margin-top: 10px;
}

.sg-about-fsliderm {
	transition: all 0.3s ease;
}

/* .sg-about-fsliderm:hover{box-shadow: 0 5px 10px rgba(0,0,0,0.08);} */
.sg-about-fslider {}

.sgaboutfslider-scrollbar {
	width: 180px;
	height: 4px;
	position: relative;
	margin: 0 auto;
	margin-top: 50px;
	background: none;
}

.sgaboutfslider-scrollbar:before {
	position: absolute;
	width: 100%;
	height: 2px;
	top: 1px;
	background: #dcdedf;
	left: 0;
	content: '';
}

.sgaboutfslider-scrollbar .swiper-scrollbar-drag {
	background: var(--colors);
	height: 4px;
	width: 60px;
}

.sg-about-fslider-wap {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
}

.sg-about-fsliderm {
	width: 32%;
	margin-right: 2%;
	margin-top: 5%;
}

.sg-about-fsliderm:nth-child(3n) {
	margin-right: 0;
}


.pd80px {
	padding: 80px 0;
}

.pd80px2 {
	padding: 0px 0 80px 0;
}

.zonew {
	width: 100%;
	background: #f6f7f9;
}

.zonew_p1 {
	font-size: 42px;
	/* color: #1226aa; */
	line-height: 1.2;
	font-weight: bold;
	text-align: center;
}

.zonew_main {
	display: flex;
	justify-content: space-between;
	margin-top: 40px;
}

.zonew_item {
	width: 32%;
	background: #fff;
}

.zonew_ul {
	/* width: 32%; */
	transition: all 0.3s ease;
	position: relative;
	overflow: hidden;
	z-index: 999;
}

.zonew_li {
	border-radius: 6px 6px 0 0;
	overflow: hidden;
}

.zonew_li img {
	width: 100%;
	height: 270px;
}

.plat_li1 {
	text-align: center;
	padding: 60px 0;
}

.plat_li1 img {
	height: 250px;
}

.zonew_li2 {
	display: flex;
	justify-content: space-between;
	padding: 30px 30px 20px 30px;

}

.zonew_list {
	z-index: 11;
	position: relative;

}

.zonew_li3 {
	width: 70%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	font-size: 18px;
}

.zonew_li6 {
	width: 100%;
}

.imgall img {
	width: 100%;
}

.zonew_li4 {
	width: 30%;
}

.zonew_li4 {
	color: #1226aa;
	font-size: 14px;
}

.zonew_li5 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 30px 15px 30px;

}

.zonew_li5 i {
	font-size: 25px;
	color: #1226aa;
}

.zonew_li7 {
	background: #fff;
}


.zoeproject_case {
	overflow: hidden;
	margin-top: 40px;
}

.case_li img {
	width: 100%;
}

/**/
.solve {
	background: #fff;
	position: relative;
}

.solve_main {
	margin-top: 50px;
}

.system_p1 {
	text-align: center;
	font-size: 40px;
	font-weight: bold;
}

.system {
	margin-top: 40px;
	position: relative;

}

.system_con {
	overflow: hidden;
	margin-top: 45px;
}

.system_tit {
	margin-top: 40px;
}

.system_list {
	display: flex;
	align-items: center;
	justify-content: center;
}

.system_item {
	width: 15% !important;
	text-align: center;
	background: #fff;
	color: #1226aa;
	font-weight: bold;
	transition: all 0.3s ease;
	border: 1px solid #1226aa;
	padding: 15px;
	border-radius: 30px;
	margin: 0 20px;
}

.system_item:hover {
	cursor: pointer;
	background: #FFD25A;
	border: 1px solid #FFD25A;
	color: #000;
}

.system_list .swiper-slide-thumb-active {
	color: #000;
	background: #FFD25A;
	padding: 15px;
	border-radius: 30px;
	border: 1px solid #FFD25A;
	transition: all 0.3s ease;
}

.system_list .swiper-slide-thumb-active:hover {
	background: #FFD25A;
	color: #000;
	border: 1px solid #FFD25A;
}


.system_item2 {
	display: flex;
	/* align-items: center; */
	justify-content: space-between;
	/* flex-wrap: wrap; */
}

.system_ul1 {
	width: 45%;
}

/* .system_ul1:hover .system_li img {
	transform: scale(1.05);
} */

.system_ul2 {
	width: 45%;
	/* background: #f2f2f3; */
	/* padding: 30px 40px; */
	padding-top: 0;
	box-sizing: border-box;
}

.swiper_sg2page {
	position: absolute;
	bottom: 3%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}

.swiper_sg2page span {
	margin: 0 5px;
	background: #FFD25A;
	width: 12px;
	height: 12px;
}

.system_li {
	overflow: hidden;
}

.system_li video {
	width: 100%;
}

.system_li img {
	width: 100%;
	transition: all 0.3s ease;
}

.system_p2 {
	font-size: 30px;
	font-weight: bold;
	line-height: 1;
}

.system_p3 {
	margin-top: 20px;
}

.system_p4 {
	margin-top: 20px;
	text-align: center;

}

/* .system_p4 img {
	width: 400px;
} */

.system_p5 {
	text-align: right;
	margin-right: 20px;
	margin-top: 10px;
}

.system_p6 {
	margin-top: 60px;
}

/**/

/**/
.plat {
	width: 100%;
	background: #fff;
}


.plat_tit {
	margin-top: 40px;
}

.plat_item {
	width: 20% !important;
	text-align: center;
	background: #fff;
	padding: 15px;
	border-radius: 30px;
	margin: 0 20px;
}

.plat_main {
	display: flex;
	justify-content: center;
	align-items: center;
}

.plat_main .swiper-slide-thumb-active {
	color: #fff;
	background: #1226aa;
	padding: 15px;
	border-radius: 30px;
}

@keyframes fadeInUpSmall {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 80px, 0);
		transform: translate3d(0, 80px, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.plat_li2 {
	padding-bottom: 50px;
	text-align: center;
}

.plat_p1 {
	font-size: 22px;
	color: #1226aa;
}

.plat_p2 {
	margin-top: 15px;
	font-size: 14px;
}

.plat_p3 {
	margin-top: 30px;
}

.plat_a1 {
	display: inline-block;
	width: 144px;
	height: 34px;
	line-height: 34px;
	border: 1px solid #1226aa;
	color: #1226aa;
	text-align: center;
	font-size: 14px;
	border-radius: 17px;
}

.plat_items {
	width: 32%;
	background: #fff;
}

.plat_items:hover .plat_p1,
.plat_items:hover .plat_p2 {
	color: #fff;
}


.plat_items:hover {
	background: #1226aa;
}

.plat_items:hover .plat_a1 {
	background: #fff;
	color: #1226aa;
}

.plat_con {
	overflow: hidden;
}

/**/

/**/
.sdj4foot {
	/* border-top: 1px solid #000; */
	background-color: #f6f7f9;
	padding-top: 90px;
	padding-bottom: 30px;
	/* background-image: url(../0509/zoefoot.jpg); */
	background-position: center;
	background-size: cover;
}

.sdj4foota a {
	opacity: 0.8;
	color: #000;
	display: block;
	font-weight: 300;
	font-size: 14px;
}

.sdj4foota h4 a {
	font-weight: 700;
	font-size: 16px;
	opacity: 1;
}

.sdj4foota h4 {
	padding-bottom: 20px;
}

.sdj4foota ul>a {
	padding-bottom: 8px;
	transition: all .3s ease;
}

.sdj4foota ul>a:hover {
	opacity: 1;
}

.sdj4foota {
	padding-bottom: 60px;
}

.sdj4footc {
	padding-bottom: 30px;
	align-items: center;
}

.sdj4footc img {
	width: 100%;
}

.sdj4foota,
.sdj4footb,
.sdj4footc {
	display: flex;
	width: 100%;
	justify-content: space-between;
}

.sdj4footc_p1 {
	color: #000;
	margin-bottom: 10px;
}

.sdj4footc_r {
	display: flex;
}

.sdj4footb {
	color: #000;
	font-size: 14px;
	padding-top: 30px;
	border-top: 1px solid rgba(000, 000, 000, 0.2);
}

.sdj4footc i {
	/* color: #fff; */
	display: inline-block;
	width: 45px;
	height: 45px;
	text-align: center;
	line-height: 45px;
	border-radius: 5px;
	color: #000;
}

.sdj4footc i {
	background: rgb(255 255 255 / 10%);
	font-size: 24px;
	margin-right: 10px;
	border: 1px solid rgba(000, 000, 000, 0.2);
}

.sdj4foot2 {
	padding-top: 80px;
	padding-bottom: 80px;
	background-image: url(../0509/zoefoot2.jpg);
	background-position: center;
	background-size: cover;
}

.sdj4foot2_li {
	display: flex;
	justify-content: space-between;
}

.sdj4foot2_li p {
	color: #fff;
	font-size: 32px;
}

.sdj4mor {
	width: 190px;
	height: 50px;
	line-height: 50px;
	border: 1px solid #Fff;
	border-radius: 48px;
	text-align: center;
	color: #fff;
	transition: all 0.3s ease;
}

.sdj4mor2 {
	display: inline-block;
	width: 190px;
	height: 50px;
	line-height: 50px;
	border: 1px solid #1226aa;
	border-radius: 48px;
	text-align: center;
	color: #1226aa;
	transition: all 0.3s ease;
}

.system_p6:hover .sdj4mor2 {
	background: #FFD25A;
	color: #000;
	border: 1px solid #FFD25A;

}

.sdj4mor:hover {
	background: #fff;
	color: #1226aa;
}

.sg2-nums {
	margin-top: 40vh;
}

.sg2-b-box {
	position: relative;
}

/**/
.header2 .sgp-in-head-a {
	background: #1226aa;
	transition: all 0.3s ease;
}

.header2.on .sgp-in-head-a {
	height: 0;
	background: #fff;
}


.header2 .sgp-in-head-b {
	background: #fff;
}

.header2 .sgp-in-head-b .sgp-in-navli .sgp-in-nava {
	color: #000;
}

.sgp-in-navli {
	position: relative;
}

.sgp-in-navli.on {
	font-weight: 700;
}

.sgp-in-navli:last-child {
	padding-right: 0;
}

.zoe_navri {
	display: flex;
	align-items: center;
}

.navli_main {
	position: absolute;
	left: 50%;
	width: 130px;
	margin-left: -95px;
	padding-top: 10px;
	top: 95%;
	display: none;
	background: rgba(255, 255, 255, 0.8);
	padding: 20px 30px;
	border-radius: 20px;
	z-index: 77;
}

.sgp-in-navli:hover .navli_main {
	display: block;
}

.navli_main p {
	border-radius: 10px;
	padding: 5px 0;
	font-weight: 500;
}

.navli_main p:hover a {
	color: #1829a4 !important;
}



.header2 .sgp-in-head-ss i,
.header2 .sgp-in-head-user i {
	color: #1d1d1f;
}

.header2 .logo-2 {
	opacity: 1;
}

/**/

.xxbanerpage {
	position: relative;
	background-position: center;
	background-size: cover;
	height: 500px;
	margin-top: 100px;
}

.xxnew1 {
	position: absolute;
	top: 40%;
	transform: translate(0, -50%);
	text-align: center;
}

.goods_banner2024 .xxnew1 {
	top: 55%;
}

.goods_banner_img img {
	width: 100%;
	margin-top: 40px;
}

.xxnew_p1 {
	color: #fff;
	font-size: 14px;
	opacity: 0.9;
	padding-bottom: 10px;
	text-align: left;
	text-transform: uppercase;
}

.xxnew_p2 {
	font-size: 50px;
	font-weight: bold;
	line-height: 1;
	color: #fff;
	text-align: left;
}

.xxnew_ul2 {
	/* padding-top: 440px; */
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: absolute;
	bottom: 10px;
}

.xxnew_ul2 a {
	color: #fff;
}

.xxnew_ul2 em {
	color: #fff;
	padding: 0 5px;
}

.xxnew_ul2 img {
	margin-top: -5px;
}

.nh-mbx {
	line-height: 59px;
	height: 60px;
	box-sizing: border-box;
	border-bottom: 1px solid #eee;
}

.nh-mbx em {
	font-size: 12px;
	padding: 0 5px;
	padding-right: 8px;
}

.pt80px {
	padding: 80px 0;
}

.pt80px2 {
	padding: 80px 0;
}

.nh-about-awz p {
	/*margin-top: 20px;*/
}

.nh-about-awz img {
	max-width: 100%;
}

.nh-about-a {
	position: relative;
}

.nh-about-awz p:nth-child(1) {
	margin-top: 0;
}

/* .nh-about-atit {} */

.nh-about-awz {
	margin-top: 40px;
}

.nh2aboutr {
	width: 100%;
	padding: 50px 0 0 0;
	/* min-width: 500px; */
}

.nh2aboutrp1 {
	color: #1226aa;
	line-height: 1;
	text-align: center;
}

.nh2aboutrp1 span {
	font-size: 52px;
	font-weight: bold;
}

.nh2aboutrp1 i {
	font-style: normal;
	padding-left: 5px;
	font-size: 25px;
}

.nh2aboutrp2 {
	font-weight: 600;
	font-size: 20px;
	line-height: 1.2;
	margin-top: 5px;
	text-align: center;
}

.nh2aboutr {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
}

.nh2aboutr ul {
	width: 25%;
}

/* .nh2aboutr ul {
	width: 190px;
	margin-right: calc(100% - 380px);
}

.nh2aboutr ul:nth-child(even) {
	margin-right: 0;
} */
.r_d_index_content {
	margin-top: 40px;
}

.r_d_index_content .zoesc_p1 {
	line-height: 1;
}

.nh-about-anum {
	background: url(../img/about/nh2aboutrbg.png) center no-repeat;
	height: 500px;
}

/* .nh-about-c {
	background-image: url(../img/about/aboutxcp.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	padding: 280px 0;
} */
/**/
.about_bg1 {
	position: relative;
	margin-top: 40px;
}

.about_bg1 img {
	width: 100%;
}

@-webkit-keyframes warn {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 1
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0
	}
}

@keyframes warn {
	0% {
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-o-transform: scale(0);
		transform: scale(0);
		opacity: 1
	}

	100% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		opacity: 0
	}
}

.mpp_sp0 {
	/* color: rgb(47, 51, 141);
	background: var(--color);
	opacity: 0;
	visibility: hidden;
	padding: 25px 20px; */
	/* transition: all 0.8s ease;
	border-radius: 20px;
	font-size: 14px;
	position: absolute;
	left: 25px;
	top: -7px;
	width: 210px;
	text-align: left; */
	transition: all 0.8s ease;
	border-radius: 20px;
	font-size: 14px;
	position: absolute;
	left: 25px;
	top: 50%;
	width: 210px;
	text-align: left;
	transform: translateY(-50%);
	font-weight: 500;
	line-height: 1.4;
}

.mppiontdot1 {
	width: 8px;
	height: 8px;
	background: #ffcb05;
	border-radius: 50%;
	position: absolute;
	left: 1px;
	top: 16px;
}

.mppiont {
	position: absolute;
	z-index: 6;
	transition: all 0.3s ease;
}

.mppiontzoe-1 {
	top: 35%;
	left: 15%;
}

.mppiontzoe-2 {
	top: 70%;
	left: 32%;
}

.mppiontzoe-3 {
	top: 30%;
	left: 48%;
}

.mppiontzoe-4 {
	top: 50%;
	left: 59%;
}

.mppiontzoe-5 {
	top: 41%;
	left: 80%;
}


.mppiontzoe-6 {
	top: 77%;
	left: 85%;
}

.mppiontzoe-7 {
	top: 52%;
	left: 75%;
}

.mppiontpulse1 {
	position: absolute;
	top: -4px;
	left: -20px;
	height: 46px;
	width: 46px;
	border: 2px solid #ffcb05;
	border-radius: 50%;
	box-shadow: 0 0 4px #ffcb05, 0 0 10px #ffcb05 inset;
	opacity: .12;
	-webkit-animation: warn 2s ease-out both;
	-moz-animation: warn 2s ease-out both;
	-o-animation: warn 2s ease-out both;
	animation: warn 2s ease-out both;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

/**/

.zoe-about-c {
	position: relative;
}

.zoe-about-c video {
	width: 100%;
}

.zoe-about-video {
	height: 70vh;
}

.about_xcp {
	text-align: center;
}

.about_xcp2 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}

.abxcp_p1 {
	font-size: 34px;
	color: #fff;
}

.abxcp_p2 {
	font-size: 48px;
	color: #fff;
	font-weight: bold;
}

.abxcp_p3 {
	margin-top: 30px;
	text-align: center;
	position: relative;

}

.playlist_wz2 {
	display: inline-block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	border-radius: 50%;
	background: rgba(42, 165, 247, 0.5);
	transition: all 0.3s ease;
	text-align: center;
}

.playlist_wz2 i {
	color: #fff;
}

.abxcp_p3:hover .playlist_wz2 {
	background: rgba(42, 165, 247, 1);
	cursor: pointer;
}

.zoesc_ri1:hover .playlist_wz2 {
	background: rgba(42, 165, 247, 1);
	cursor: pointer;
}

.delay-01 {
	-webkit-animation-delay: 0.2s !important;
	animation-delay: 0.2s !important;
}

.delay-03 {
	-webkit-animation-delay: 0.6s !important;
	animation-delay: 0.6s !important;
}


.mppiontpulse {
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-webkit-animation: warn 2s ease-out both;
	-moz-animation: warn 2s ease-out both;
	-o-animation: warn 2s ease-out both;
	animation: warn 2s ease-out both;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	background: 0 0
}

.mppiontpulse {
	position: absolute;
	top: -60%;
	left: 33%;
	/* transform: translate(-50%,-50%); */
	height: 110px;
	width: 110px;
	border: 1px solid rgba(255, 255, 255, 0.7);
	display: block;
}


@keyframes warn {
	0% {
		-webkit-transform: scale(0.5);
		-moz-transform: scale(0.5);
		-o-transform: scale(0.5);
		transform: scale(0.5);
		opacity: 1
	}

	100% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		opacity: 0
	}
}

/**/

/**/
.xxjjst2a {
	width: 100%;
	background: #f8fafb;
}

.xxjjst2a .xxjjst2a_main {
	position: relative;
}

.xxjjst2a .xxjjstb_ul2 {
	position: absolute;
	top: 35%;
	left: 15%;
}

.xxjjst2a .xxjjstb_ul3 {
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
	margin-top: 64px;
}

.xxjjst2a .xxjjstb_ul3 li {
	width: 20%;
}

.xxjjst2b {
	width: 100%;
	background: #fff;
	position: relative;
}

#certify {
	position: relative;
	margin: 0px auto 50px;
}

#certify .swiper-slide {
	/* width: 520px; */
	width: 940px;
	/* width: 1200px; */
	background: #fff;
	box-shadow: 0px 9px 60px 0px rgba(51, 51, 51, 0.15);

}

/*#certify .swiper-slide-active{*/
/*    box-shadow: 0px 9px 60px 0px rgba(51, 51, 51, 0.15);*/
/*}*/

.xxjjst2b_main {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #f8fafb;
	border-radius: 6px;
	/* padding: 40px 30px; */
	/* padding: 40px; */
	padding: 0;

}

.xxjjst2b_main .xxjjst2b_ul1 {
	width: 45%;
	border-radius: 0 6px 6px 0;
	/* border-radius: 6px; */
	overflow: hidden;
}

.xxjjst2b_ul1 img {
	width: 100%;
}

.xxjjst2b_main .xxjjst2b_ul2 {
	width: 50%;
	padding: 0 30px;
}

.partner {
	position: relative;
}

#certify .btni,
.partner_page .btni {
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	z-index: 1;
	/* border: 1px solid #333; */
	border-radius: 50%;
	color: #fff;
	background: #1226aa;
}


#certify .swiper_btn_prev {
	position: absolute;
	top: 104%;
	left: 45%;
}

#certify .swiper_btn_next {
	position: absolute;
	top: 104%;
	right: 45%;
}

#certify .btni:hover {
	cursor: pointer;
}

.xxjjst2b_p1 {
	font-size: 32px;
	font-weight: bold;
}

.xxjjst2b_p2 {
	margin-top: 20px;
	font-size: 14px;
}

#certify .swiper-container {
	padding: 70px;
	/* overflow: visible; */
}


/**/

/**/
.about-devlpment {
	position: relative;
	overflow: hidden;
	padding: 70px 0;
	background-color: #fff;
}

.about-devlpmentm {}

.about-devlpment__bg {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 87%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.section-title {
	color: #fff;
	text-align: left;
}

.about-devlpment__bg span {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: no-repeat url(../0509/circle.png) center center;
	background-size: contain;
	-webkit-transition: transform 1s;
	transition: transform 1s;
}

.path-item {
	/* color: #1226aa; */
	opacity: 0.5;
}

.path-item__year {
	font-family: "Open Sans", arial;
	font-weight: bold;
	color: #1226aa;

}

.path-item__year {
	font-size: 40px;
	font-family: "OpenSans-Semibold";
}

.path-item__desc {
	line-height: 1.6;
	font-size: 12px;
	margin-top: 10px;
}

.path-item__img {
	margin-top: 10px;
	clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
	-webkit-transition: all 0.5s ease 0.3s;
	transition: all 0.5s ease 0.3s;
}

.jsslickpath {
	margin-top: 60px;
}

.path-item {
	transition: all 0.3s ease;
}

.path-txt {
	padding: 0 12%;
}

.swiper-slide-prev .path-txt {
	padding-left: 0;
	padding-right: 24%;
}

.swiper-slide-next .path-txt {
	padding-right: 0;
	padding-left: 24%;
}

.swiper-slide-active.path-item {
	opacity: 1;
}

.path-item__desc {
	position: relative;
}

.p02,
.p01 {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
}

.p02 {
	font-size: 16px;
	opacity: 0;
	line-height: 1.6;
	transition: all 0.6s ease;
	top: 60px;
	position: relative;
}

.p02 p {
	position: relative;
}

.p02 p:nth-child(1) {
	padding-left: 0;
}

.p02 p:nth-child(1):before {
	display: none;
}

/* .p02 p:before {
	width: 4px;
	height: 4px;
	top: 10px;
	position: absolute;
	content: "";
	left: 0;
	background: #fff;
	border-radius: 50%;
}

.p02 p {
	padding-left: 12px;
} */

.swiper-slide-active .p02 {
	top: 30px;
	opacity: 1;
}

.swiper-slide-active .p01 {
	opacity: 0;
}

.path-item__desc {
	top: 0;
}

.jsslickpath {
	height: 300px;
}

.history-main {
	position: relative;
	padding: 5px 70px 0;
}

.mt-60 {
	margin-top: 60px;
}

.btn-history-arrow.left {
	left: 0;
	background: url(../0324/zjta.png) center no-repeat;
	background-size: 80% auto;
}

.btn-history-arrow {
	position: absolute;
	top: 0;
	width: 25px;
	height: 25px;
	font-size: 16px;
	line-height: 25px;
	text-align: center;
	color: #fff;
	cursor: pointer;
}

.btn-history-arrow.right {
	right: 0;
	background: url(../0324/yjta.png) center no-repeat;
	background-size: 80% auto;
}

.history-body {
	overflow: hidden;
	padding-top: 5px;
}

.history-list {
	position: relative;
	-webkit-transition: transform 0.5s;
	transition: transform 0.5s;
}

.history-list {
	font-size: 0;
	white-space: nowrap;
}

.history-list::before {
	content: "";
	position: absolute;
	top: 4px;
	right: 0;
	left: 0;
	height: 1px;
	background-color: rgb(18, 38, 170, 0.2);
}

.history-progress {
	position: absolute;
	top: 4px;
	left: 0;
	height: 1px;
	background-color: #000;
}

.history-line,
.history-progress,
.prodown-item__down::before,
.btn-calc-submit::before {
	-webkit-transition: width 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: width 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.history-item {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 180px;
	cursor: pointer;
	text-align: center;
}

.history-item:before {
	content: "";
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -3px;
	width: 9px;
	height: 9px;
	border-radius: 6px;
	background-color: #1226aa;
}

.history-item__circle {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -3px;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background-color: #1226aa;
	-webkit-transform: scale(0);
	transform: scale(0);
}

.history-item__circle::before {
	content: "";
	position: absolute;
	top: -4px;
	right: -4px;
	bottom: -4px;
	left: -4px;
	border-radius: 50%;
	/* background: rgba(000, 000, 000, 0.34); */
	background: rgb(18, 38, 170, 0.34);
}

.solve_nav {
	display: none;
}

.solve .pd80px {
	padding-bottom: 0;
}

.about-devlpment__bg::before {
	content: "";
	display: block;
	padding-top: 100%;
}

.history-item__year {
	margin-top: 30px;
	display: block;
	font: 700 30px/1 "Montserrat";
	color: #1226aa;
	opacity: 0.3;
}

.history-item__year {
	font-size: 20px;
	font-family: "OpenSans-Semibold";
}

.history-item.current .history-item__year {
	opacity: 1;
}

.btn-menu span,
.history-item__year,
.btn-calc-submit {
	-webkit-transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.history-item.current .history-item__circle {
	-webkit-transform: scale(1);
	transform: scale(1);
}

.history-item.current .history-item__year {}

.entryBoxsma {
	width: 78%;
	min-width: 1200px;
	margin: 0 auto;
}

.pubnavej.ons {
	top: 87px;
	opacity: 1;
	visibility: visible;
	z-index: 10;
}

.entryBoxs {
	width: 100%;
	background: #f2f2f2;
}

.entryBoxs2 {
	background: #fff;
}

.entry-item {
	float: left;
	width: 47%;
	margin-right: 6%;
	background-color: #fff;
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	border-radius: 5px;
	overflow: hidden;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.entry-Img {
	width: 100%;
	overflow: hidden;
}

.entry-Img img {
	vertical-align: top;
	width: 100%;
	vertical-align: top;
	transition: all 0.3s ease;
}

.entry-txts {
	padding: 25px 35px;
	transition: all 0.8s ease;
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
}

.entry-txts span {
	font-size: 18px;
	line-height: 30px;
	font-weight: bold;
	letter-spacing: 2px;
	color: #333;
}

.entry-txts span:after {
	content: "";
	width: 32px;
	height: 35px;
	background: url(../0324/yjt-blue-c.svg) no-repeat right center;
	background-size: 100% auto;
	display: inline-block;
	float: right;
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
}

.entry-item:last-child {
	margin-right: 0;
}

.entry-item:hover .entry-Img img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
}

.entry-item:hover .entry-txts span {
	color: #3071b7;
}

/*  */
.lhh6team {
	padding: 100px 0;
	position: relative;
}

/* .lhh6team:before{height:630px;} */
/* .lhh6team:before{ position: absolute; background: #f5f5f5;width:100%;left:0;bottom:0; content:'';} */
.lhh6teamimg {
	width: 38%;
	position: relative;
}

.lhh6teamimg img {
	max-width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	transition: all 0.3s ease;
	opacity: 0;
}

.lhh6teamimg img.active {
	opacity: 1;
}

.lhh6teamwz {
	width: 56%;
}

.lhh6teamh4,
.lhh6teamzw {
	color: #642c93;
}

.lhh6teamh4 {
	font-size: 30px;
	font-weight: bold;
}

.lhh6teamzw {
	font-size: 20px;
	margin-top: 5px;
}

.lhh6teamxix {
	font-size: 14px;
	line-height: 1.6;
}

.lhh6teamxix {
	margin-top: 35px;
}

.lhh6teamxix p {
	margin-top: 20px;
}

.lhh6teamxix p:nth-child(1) {
	margin-top: 0;
}

.lhh6teamjs {
	margin-top: 140px;
}

.lhh6teambslider {
	padding-right: 60px;
}

.hpubtith300 {
	color: #222;
}

.lhh6teamjs {
	height: 380px;
}

.lhh6teamjs {
	margin-right: 60px;
	position: relative;
}

.lhh6teamjsm {
	position: absolute;
	left: 0;
	width: 100%;
	top: 0;
	opacity: 0;
	transition: all 0.3s ease;
}

.lhh6teamjsm.active {
	opacity: 1;
}

.lhh6teamb {
	margin-top: 40px;
	padding-bottom: 70px;
}

.lhh6teambslider {
	position: relative;
}

.lhh6teambshover img {
	width: 100%;
	vertical-align: top;
	transition: all 0.3s ease;
}

.lhh6teambshover:hover img {
	transform: scale(1.03);
}

.lhh6teambbtni {
	vertical-align: top;
}

.lhh6teambbtni {
	border-radius: 50%;
	background: #642c93;
	background: rgba(100, 44, 147, 0.9);
	position: relative;
	width: 100%;
	height: 35px;
	display: block;
}

.lhh6teambbtn {
	position: absolute;
	right: 0;
	width: 35px;
	height: 85px;
	top: 50%;
	transform: translateY(-50%);
}

.lhh6teambbtnr {
	margin-top: 15px;
}

.lhh6teambbtnl i {
	background-image: url(../0324/zyjt01.svg);
}

.lhh6teambbtnr i {
	background-image: url(../0324/zyjt02.svg);
}

.lhh6teambbtni i {
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
}

.lhh6teambbtni i {
	background-position: center;
	background-repeat: no-repeat;
	background-size: 12px auto;
}

.lhh6teambbtni:hover {
	background: rgba(100, 44, 147, 1);
}

.lhh6teambbtni {
	transition: all 0.3s ease;
}

/*  */
.lhh6culture {
	padding: 100px 0;
}

.lhh6culturem {
	width: 31.5%;
	margin-right: 2.75%;
}

.lhh6culturem:nth-child(3n) {
	margin-right: 0;
}

.lhh6cultureh3 {
	text-align: center;
}

.lhh6culturema {
	position: relative;
	overflow: hidden;
}

.lhh6culturema:before,
.lhh6culturema:after {
	content: "";
	transition: all 0.5s;
	background: #000;
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.lhh6culturema:after {
	z-index: 2;
}

.lhh6culturema:after {
	background: linear-gradient(180deg,
			rgba(97, 23, 174, 0.07608981092436973) 0%,
			rgba(97, 23, 174, 0.42062762605042014) 60%,
			rgba(97, 23, 174, 0.913624824929972) 100%);
}

.lhh6cultureimg {
	overflow: hidden;
}

.lhh6cultureimg img {
	width: 100%;
	transition: all 0.3s ease;
}

.lhh6culturewz {
	z-index: 3;
	position: absolute;
	width: 100%;
	padding: 55px;
	left: 0;
	top: 0;
	color: #fff;
}

.lhh6cultureh5 {
	font-size: 35px;
}

.lhh6culturep1 {
	margin-top: 30%;
	line-height: 1.6;
}

.lhh6culturebx {
	margin-top: 45px;
}

.lhh6culturep1 {
	transition: all 0.3s ease;
	top: 0;
	position: relative;
}

.lhh6culturem:hover .lhh6culturema:after {
	opacity: 0.6;
}

.lhh6culturem:hover .lhh6cultureimg img {
	transform: scale(1.04);
}

/*  */
.h_lhmap {
	position: relative;
	padding: 70px 0;

}

.hpubtith31 {
	color: #000;
	text-align: center;
	font-size: 40px;
	font-weight: bold;
}

.h_lhmapvideo {
	background: #021d44;
}

.h_lhmapvideo {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.video-ban {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 3;
	opacity: 0.1;
}

.h_lhmapm {
	position: relative;
	z-index: 6;
}

.h_lhmapimg {
	position: relative;
	margin-left: 0;
	margin-top: 50px;
}

.h_lhmapimg .mapbg {
	width: 920px;
}

.h_lhmapimg .mapbg img {
	max-width: 100%;
	width: 100%;
}

.h_lhmapspan {
	color: rgba(255, 255, 255, 0.7);
	width: 110px;
	left: 0;
	bottom: 0;
	position: absolute;
}

.h_lhmapspan span {
	display: block;
	line-height: 14px;
	height: 14px;
	padding-left: 20px;
	position: relative;
}

.h_lhmapspan span:before {
	position: absolute;
	height: 100%;
	left: 0;
	top: 0;
	content: "";
}

.h_lhmapspan span {
	font-size: 12px;
	margin-bottom: 10px;
}

.h_lhmapspan span:before {
	width: 14px;
	border-radius: 2px;
}

.h_lhmapspan span:nth-child(1)::before {
	background: #0b5e99;
}

.h_lhmapspan span:nth-child(2)::before {
	background: #dd0d20;
}

.h_lhmapspan span:nth-child(3)::before {
	background: #35a0dc;
}

.video-ban {
	opacity: 1;
}

.video-ban {
	background: linear-gradient(-90deg,
			rgba(2, 29, 69, 0) 0%,
			rgba(2, 29, 69, 0.8295912114845938) 72%,
			rgba(2, 29, 69, 1) 100%);
}

/* map site */
.mppiont1_1 {
	top: 100px;
	left: 180px;
}

.mppiont2_1 {
	top: 169px;
	left: 103px;
}

.mppiont9_1 {
	top: 148px;
	left: 223px;
}

.mppiont2_11 {
	position: absolute;
	top: 375px;
	left: 22px;
	color: #fff;
	font-size: 14px;
}

.mppiont3_1 {
	top: 115px;
	left: 353px;
}

.mppiont3_11 {
	position: absolute;
	top: 3px;
	left: 400px;
	color: #fff;
	font-size: 14px;

}

.mppiont4_1 {
	top: 150px;
	left: 382px;
}

.mppiont4_11 {
	position: absolute;
	top: 377px;
	left: 332px;
	color: #fff;
	font-size: 14px;

}

.mppiont5_1 {
	top: 153px;
	left: 627px;
}

.mppiont5_11 {
	position: absolute;
	top: 120px;
	left: 928px;
	color: #fff;
	font-size: 14px;

}

.mppiont6_1 {
	top: 173px;
	left: 645px;
}

.mppiont6_11 {
	position: absolute;
	top: 248px;
	left: 926px;
	color: #fff;
	font-size: 14px;

}

.mppiont7_1 {
	top: 191px;
	left: 642px;
}

.mppiont7_11 {
	position: absolute;
	top: 380px;
	left: 600px;
	color: #fff;
	font-size: 14px;

}

.mppiont8_1 {
	top: 175px;
	left: 688px;
}

.mppiont8_11 {
	position: absolute;
	top: 188px;
	left: 924px;
	color: #fff;
	font-size: 14px;

}


/*  */
.h_lhserv {
	padding: 100px 0;
}

.h_lhserva {
	width: 32%;
	margin-right: 2%;
}

.h_lhserva:nth-child(3) {
	margin-right: 0;
}

.h_lhservm {
	margin-top: 30px;
}

.h_lhservdesc {
	position: relative;
	z-index: 3;
	text-align: left;
}

.h_lhservdesc:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 2px;
}

.h_lhservdesc:before {
	background: #dd0d20;
	left: 0;
	bottom: 0;
}

.h_lhservdesc {
	padding: 25px;
}

.h_lhservh4 {
	font-size: 24px;
	font-weight: bold;
}

.h_lhservp1 {
	color: #444;
	margin-top: 5px;
}

.h_lhservmore {
	height: 20px;
	line-height: 20px;
	padding-right: 25px;
}

.h_lhservmore {
	color: #666;
	overflow: hidden;
	display: inline-block;
	font-size: 14px;
	margin-top: 25px;
	position: relative;
}

.h_lhservmore i {
	background: url(../0324/yjt001.svg);
	width: 16px;
	height: 100%;
}

.h_lhservmore i {
	background-size: 100% auto;
	background-position: center;
	background-repeat: no-repeat;
}

.h_lhservmore i {
	display: block;
	position: absolute;
	top: 0;
	transition: all 0.3s ease;
}

.g_lmi1 {
	right: 0;
}

.g_lmi2 {
	left: -100%;
	opacity: 0;
}

.h_lhservimg {
	overflow: hidden;
}

.h_lhservimg img,
.h_lhservh4,
.h_lhservmore,
.h_lhserva {
	transition: all 0.3s ease;
}

.h_lhserva:hover img {
	transform: scale(1.05);
}

.h_lhserva:hover .h_lhservh4 {
	color: #642c93;
}

.h_lhserva:hover .g_lmi1 {
	opacity: 0;
	right: -100%;
}

.h_lhserva:hover .g_lmi2 {
	opacity: 1;
	left: 0;
}

.h_lhserva:hover .h_lhservmore {
	padding-left: 25px;
}

.h_lhserva:hover {
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.03);
}

.lhh6teamchange {
	box-shadow: 0 1px 30px #e3e3e3f7;
	margin-top: 50px;
	display: flex;
}

.lhh6teamchangeimg {
	margin: 60px;
	/* width: 35%; */
	margin-top: 110px;
}

.lhh6teamchangeimg img {
	width: auto;
}

.lhh6teamchangediv {
	margin: 30px 60px 30px 0px;
	width: 93%;

}

.lhh6teamchangediv h5 {
	font-size: 18px;
	/* color: #5216a7; */
	text-align: right;
	font-weight: bold;
	padding-right: 10px;

}

.lhh6teamchangediv .lhh6teamchangediv_p1 {
	font-size: 18px;
	font-weight: bold;
}

.lhh6teamchangediv span {
	font-size: 16px;
	/* color: #5216a7; */
	display: block;
	text-align: right;
	padding-right: 10px;

}

.lhh6teamchangediv p {
	font-size: 16px;
	opacity: 0.9;
	color: #000;
	margin-top: 12px;
	line-height: 28px;
}




/*  */
.inpage {
	background: #f6f6fa;
	position: relative;
}

.inpagema {
	width: 50%;
	height: 240px;
	position: relative;
}

.inpagemap {
	padding: 0 16%;
	position: absolute;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
}

.inpagemapa {
	position: relative;
	padding: 0 16%;
}

.inpageap1 {
	color: #747480;
	font-size: 16px;
	line-height: 22px;
}

.inpageap2 {
	font-size: 32px;
	color: #58585b;
	line-height: 1;
}

.inpagemar {
	text-align: right;
}

.inpagemal {
	text-align: left;
}

.inpagemapai {
	position: absolute;
	color: #58585b;
	top: 50%;
	transform: translateY(-50%);
	font-size: 30px;
	transition: all 0.3s ease;
}

.inpagemar .inpagemapai {
	right: 0;
}

.inpagemal .inpagemapai {
	left: 0;
}

.inpagemar:hover .inpagemapai {
	right: -10px;
}

.inpagemal:hover .inpagemapai {
	left: -10px;
}

.inpagema:hover .inpagemapaihome {
	left: 0;
	top: 42%;
}

.inpagema {
	transition: background-color 0.3s;
}

.inpagema:hover {
	background: #eaeaf2;
}

.inpage:after {
	content: "";
	display: block;
	position: absolute;
	width: 1px;
	height: 100%;
	background-color: #eee;
	bottom: 0;
	left: calc(50% - 1px);
}

.inpageap2home {
	margin-top: 22px;
}

.inpagemar .inpagemapai {
	width: 30px;
	height: 30px;
	background-size: 40px;
	background-image: url(../0509/about3chanicon.png);
	background-repeat: no-repeat;
	background-position: center;
}

.inpagemal .inpagemapai {
	width: 30px;
	height: 30px;
	background-size: 40px;
	background-image: url(../0509/about3chanicon2.png);
	background-repeat: no-repeat;
	background-position: center;
}



/**/
.green {
	color: var(--blue);
}

#wrap,
#container {
	background: #fff;
}

.sg2baner {
	height: 100vh;
	width: 100%;
	/* margin-top: 100px; */
}

.sg2banerimg {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.sg2banerimg {
	position: absolute;
	/* width: 104%;
	height: 104%;
	left: -2%;
	top: -2%; */
	width: 100%;
	height: 100%;
	left: 0;
	left: 0;
	z-index: 3;
	/* height: 100vh; */
	/* height: 500px; */
	/* margin-top: 100px; */
	object-fit: cover;

}

.sg2banerp3 {
	border-radius: 25px;
	padding: 0;
	font-size: 16px;
	width: 175px;
	margin: 0 10px;
}

.sg2banerp3 {
	display: inline-block;
	margin-top: 30px;
}

.sg2banerp3 {
	color: #f4f4f4;
	/* background: #c01822; */
	height: 46px;
	line-height: 46px;
	border: 1px solid #f4f4f4;
	transition: all 0.3s ease;
	font-weight: bold;
}

.sg2banerp3:hover {
	background: #FFD25A;
	border-color: #FFD25A;
	color: #000;
	border: 1px solid #FFD25A;

}

.sg2banerp3-1 {
	background: none;
	color: #fff;
	border-color: #fff;
}

.sg2banerwz {
	position: absolute;
	/* width: 80%; */
	min-width: 1200px;
	z-index: 10;
}

.sg2banerwz {
	left: 50%;
	top: 50%;
	/* top: 35%; */
	transform: translate(-50%, -50%);
	text-align: center;
}

.sg2banerwz {
	color: #fff;
	line-height: 1.4;
}

.sg2banerp1 {
	font-size: 40px;
	font-weight: bold;
	padding-bottom: 10px;
	color: #fff;
	line-height: 1;
}

.sg2banerp2 {
	font-size: 65px;
	/* font-size: 42px; */
	letter-spacing: 3px;
	font-weight: 700;
	/* text-align: left; */
}

.sg2banerp3-1:hover {
	background: var(--colors);
	color: #fff;
	border-color: var(--colors);
}

#scroll_down {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 20;
}

#scroll_down:after {
	display: block;
	content: "";
	width: 1px;
	height: 50px;
	position: absolute;
	top: 100%;
	left: 50%;
	background: rgba(0, 0, 0, 0.4);
	margin-left: -1px;
}

#scroll_down a {
	position: relative;
	display: block;
	padding-bottom: 35px;
}

#scroll_down a:before {
	display: block;
	content: "";
	width: 1px;
	height: 60px;
	position: absolute;
	bottom: 0;
	left: 50%;
	background: rgba(255, 255, 255, 0.5);
	margin-left: -1px;
}

#scroll_down a:after {
	display: inline-block;
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 1px;
	height: 60px;
	background: #fff;
	transform: scaleY(0);
	animation: lineActiveAnimation 1.9s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
	margin-left: -1px;
}

#scroll_down .txt {
	font-size: 1.2rem;
	color: #fff;
	font-weight: 600;
	font-family: 'Montserrat', sans-serif;
	line-height: 1em;
	margin-bottom: 17px;
	display: block;
}

#scroll_down .fig {
	width: 25px;
	height: 38px;
	border: 1px solid #fff;
	border-radius: 25px;
	margin: 0 auto;
}

@keyframes lineActiveAnimation {
	0% {
		-webkit-transform: scaleY(1);
		transform: scaleY(1);
		-webkit-transform-origin: center top;
		transform-origin: center bottom
	}

	49% {
		-webkit-transform: scaleY(0);
		transform: scaleY(0);
		-webkit-transform-origin: center top;
		transform-origin: center bottom
	}

	50% {
		-webkit-transform: scaleY(0);
		transform: scaleY(0);
		-webkit-transform-origin: center bottom;
		transform-origin: center top
	}

	99% {
		-webkit-transform: scaleY(1);
		transform: scaleY(1);
		-webkit-transform-origin: center bottom;
		transform-origin: center top
	}

	100% {
		-webkit-transform: scaleY(1);
		transform: scaleY(1);
		-webkit-transform-origin: center bottom;
		transform-origin: center top
	}
}

.sg2baner {
	background: #000;
}

.sg2banerwz-1 {
	top: 20%;
	transform: translateX(-50%);
}

/* .sg2baner .swiper-slide:before{width: 100%;height: 100%;}
.sg2baner .swiper-slide:before{position: absolute;content: '';left:0;top:0;z-index:5;background: #000;opacity: 0.1;} */
/**/
.sg2-a {
	margin-top: -1px !important;
	z-index: 10;
}


.sg2-a {
	text-align: center;
	padding: 90px 0;
	position: relative;
	padding-bottom: 0;
}

.sg2-a-h4 {
	font-size: 40px;
	font-weight: 700;
	line-height: 1.2;
	color: #000;
}

.sg2-a-p1 {
	font-size: 16px;
	margin-top: 40px;
	/* padding: 0 2%; */
	line-height: 1.6;
	text-align: left;
}

.sg2-a-p1 img {
	max-width: 100%;
}

.sg2-a {
	background: #fff;
}

.ani_style3 {
	opacity: 0;
}

.ani_style1 {
	opacity: 0;
}

.ani_style1.is-inview {
	animation: 1s aniStyle2 0.3s;
	animation-fill-mode: forwards;
}

.ani_style3.is-inview {
	animation: 1s aniStyle3 0.3s;
	animation-fill-mode: forwards;
}

@keyframes aniStyle1 {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes aniStyle2 {
	0% {
		opacity: 0;
		transform: translate3d(0, 40px, 0);
	}

	100% {
		opacity: 1;
		transform: translate3d(0, 0px, 0);
	}
}

@keyframes aniStyle3 {
	0% {
		opacity: 0;
		transform: scale(1.3);
	}

	100% {
		opacity: 1;
		transform: scale(1);
	}
}

.sg2-a-h4 span {
	display: block;
}

.sg2-a-h4 em {
	font-size: 30px;
	font-weight: 300;
	color: #444;
}

/**/

/**/
.sg2-b {
	position: relative;
	overflow: hidden;
	/* min-height: 100vh; */
	margin-top: -10px;
	z-index: 12;
	background: #fff;
}

.sg2-b-video {
	width: 100%;
	vertical-align: top;
	height: 100vh;
	object-fit: cover;
}

.sg2-c-video,
.sg2-b-video {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.sg2-b-qq {
	top: 60%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 3;
	border-radius: 50%;
}

.sg2-b-qq {
	position: absolute;
	width: 56vw;
	height: 56vw;
	border: 800px solid #fff;
	box-sizing: content-box;
}

.sg2-c {
	position: relative;
	z-index: 12;
	background: #757982;
	padding: 90px 0;
	overflow: hidden;
}

.sg2-c-video {
	width: 100%;
	vertical-align: top;
	height: 100vh;
	object-fit: cover;
}

.sg2-c-h5 {
	font-size: 36px;
	color: #fff;
	font-weight: 300;
	text-align: center;
	line-height: 1.2;
}

.sg2-c-h5 span {
	font-weight: bold;
	display: block;
	font-size: 50px;
}

.sg2-c-li {
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.sg2-c-li-m {
	width: 25%;
	line-height: 1.6;
	text-align: center;
}

.sg2-c-desc {
	margin-top: 10px;
	color: #fff;
}

.sg2-c-b {
	margin-top: -50px;
}

.zonew {
	background: #fff;
}

.sg2-a {
	/* background: var(--black); */
	padding-bottom: 30px;
	padding-bottom: 90px;
}

.sg2-a-p1 {
	color: #333;
}

.sg2-b-qq {
	border-color: var(--black);
}

body {
	background: #fff;
	height: 100vh;
}

.sg2-b-tit {
	position: absolute;
	width: 100%;
	top: 120px;
	left: 0;
	text-align: center;
	z-index: 6;
	line-height: 1.2;
}

.sg2-b-tit {
	font-weight: 300;
	color: #444;
	opacity: 0;
	font-size: 36px;
}

.sg2-b-tit span {
	display: block;
	color: #222222;
	font-weight: bold;
	font-size: 50px;
}

/**/
.sg2dlvideo {
	height: 100vh;
	object-fit: cover;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.sg2dlvideo {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 0;
	visibility: hidden;
}

.sg2dlvideo.js_tab_01 {
	transition: none;
}

.sg2dlvideo.on {
	opacity: 1;
	visibility: visible;
	z-index: 1;
}

.sg2-c {
	padding-top: 0;
	height: 100vh;
	box-sizing: border-box;
	width: 100%;
}

.sg2-c-video {
	height: 100vh;
	object-fit: cover;
	width: 100%;
}

.sg2-c-b {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	z-index: 20;
	bottom: 30px;
}

.sg2-c-a {
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0;
	top: 120px;
	z-index: 3;
}

.sg2-c-li-m {
	line-height: 1.2;
}

.sg2-c-desc {
	font-weight: 300;
}

.sg2-c-icon {
	position: relative;
	display: inline-block;
	width: 65px;
	height: 62px;
}

.sg2-c-icon img {
	position: absolute;
	max-width: 80%;
	max-height: 100%;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.sg2-c-li-m21 {
	width: 20%;
	color: #fff;
	position: relative;
	cursor: pointer;
}

.sg2-c-li2 {
	position: relative;
	padding-top: 22px;
	border-top: 1px solid rgba(255, 255, 255, 0.3);
}

.sg2cp01 {
	font-size: 16px;
	font-weight: 700;
}

.sg2cp02 {
	font-size: 14px;
	font-weight: 300;
	margin-top: 8px;
}

.sg2-c-li-m21:before {
	position: absolute;
	width: 100%;
	height: 0;
	background: #fff;
	content: '';
	left: 0;
	top: -24px;
	z-index: 3;
}

.sg2-c-li-m21:before {
	transition: all 0.3s ease;
	opacity: 0;
}

.sg2-c-li-m21:hover:before,
.sg2-c-li-m21.on:before {
	height: 3px;
	opacity: 1;
}

.sg2-c-li-m21:hover .sg2cp02000,
.sg2-c-li-m21.on .sg2cp02000 {
	color: #333;
}

.sg2cp01000 {
	color: #333;
}

.sg2cp02000 {
	color: #666;
	transition: all 0.3s ease;
}

.sg2-c-li2000 {
	border-color: rgba(0, 0, 0, 0.3);
}

.sg2-c-li2000 .sg2-c-li-m21:before {
	background: #333;
}

.sg2cp05 {
	color: #fff;
	font-size: 24px;
	font-weight: 300;
	line-height: 1;
}

.sg2cp05-000 {
	color: #222;
}

.sg2cp05 {
	width: 100%;
	position: absolute;
	left: 0;
	top: -60px;
	opacity: 0;
	transition: all 0.3s ease;
}

.sg2-c-li-m21.on .sg2cp05 {
	opacity: 1;
}

.sg2cp07 {
	color: #333;
	font-size: 32px;
	padding-bottom: 30px;
	line-height: 1;
}

/**/
/**/
.bblogobg,
.bblogologo {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.sg2-c {
	padding: 0;
}

.bblogowz {
	display: none;
	position: absolute;
	opacity: 0;
	width: 1400px;
	left: 50%;
	margin-left: -700px;
}

.bblogowz {
	top: 80%;
	transform: translateY(-50%);
}

.bblogowzm {
	text-align: center;
}

.bb-pub-h2 {
	font-size: 65px;
	font-weight: bold;
	line-height: 1.2;
	display: inline-block;
	color: #fff;
}

.bb-pub-h2,
.ggdbt {
	/* background-image: linear-gradient(to right, rgb(18, 88, 158) 0%, rgb(33, 167, 159) 100%);
									-webkit-background-clip: text;
									color: transparent; */
}

.bb-pub-p1 {
	margin-top: 20px;
}

.bb-pub-h2-fff,
.bb-pub-p1-fff {
	color: #fff;
	background-image: none;
}

.bb-pub-p2 {
	margin-top: 85px;
}

/**/

/**/

.partner {
	width: 100%;
	background: #fff;
}

.partner_main {
	margin-top: 40px;
	overflow: hidden;
}

.partner_main_zizhi {
	margin-top: 40px;
	overflow: hidden;
}


.partner_item {
	/* display: flex;
	justify-content: center; */
	text-align: center;
}

.partner_item img {
	max-width: 70%;
	max-height: 120px;
}

.partner_main_zizhi .partner_item img {
	max-width: 70%;
	max-height: 240px;
}

.partner_main .swiper-wrapper {
	align-items: center;
}

.partner_page {
	display: flex;
	justify-content: center;
	margin-top: 50px;
}

.partner_page .btni {
	margin: 0px 20px 0 20px;
}

.partner_page .btni:hover {
	cursor: pointer;
}

.partner_main2 {
	margin-top: 40px;
}

.solut_bg {
	padding-bottom: 80px;
}

/**/
/**/
.sg2-d {
	padding: 90px 0;
	background: #fff;
	padding-top: 30%;
}

.sg2-d-h4 {
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 70px;
	line-height: 1;
	background-image: url(/static/0509/fangda.svg);
	background-position: center;
	background-size: cover;
	display: inline-block;
}


.sg2-d-h4 i {
	font-size: 110px;
	margin-top: 5px;
}

.sg2-d-h4 span {
	background-image: linear-gradient(to bottom, rgb(52, 206, 218) 0%, rgb(27, 166, 176) 100%);
	-webkit-background-clip: text;
	color: transparent;
}

.sg2-d-img {
	margin-top: 20px;
}

.sg2-d-m {
	padding-top: 0;
}

.sg2-d-img-0 {
	margin-top: 8%;
}

.sg2-d-img {
	overflow: hidden;
	position: relative;
	height: 570px;
}

.sg2-d-img-bg,
.sg2-d-img-video {
	position: absolute;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.sg2-d-img-bg,
.sg2-d-img-video {
	width: 110%;
	height: 110%;
	left: -5%;
	top: -5%;
}

.sg2-d-img-video {
	object-fit: fill;
}

.sg2-d-img-wz {
	width: 100%;
	text-align: center;
	color: #fff;
}

.sg2-d-img-h4 {
	font-size: 38px;
	font-weight: bold;
	color: #fff;
}

.sg2-d-img-p1 {
	font-size: 18px;
}

.sg2-d-img-more {
	display: inline-block;
	border: 1px solid #fff;
	padding: 10px 35px;
	line-height: 1;
}

.sg2-d-img-more {
	border-radius: 25px;
	margin-top: 40px;
}

.sg2-d-img-wz1 {
	position: absolute;
	left: 0;
	bottom: 40px;
	z-index: 12;
}

.sg2-d-img-more:hover {
	background: var(--colors);
	color: #fff;
	border-color: var(--colors);
}

.sg2-d-img-more {
	transition: all 0.3s ease;
}

.sg2-d-n {
	display: flex;
	width: 100%;
	margin-top: 20px;
}

.sg2-d-n-m {
	width: 49.2%;
	margin-right: 1.6%;
	background: #1d1d1f;
	padding-bottom: 35px;
}

.sg2-d-n-m:nth-child(2n) {
	margin-right: 0;
}

.sg2-d-n-img img {
	width: 100%;
}

.sg-prod-hwz {
	background: #ffffff;
	text-align: left;
}

/**/

/**/
.issub.on {
	background: var(--blue);
	color: #fff;
}

.issub {
	cursor: pointer;
}

.zeo-more {
	display: inline-block;
	width: 145px;
	text-align: center;
	box-sizing: border-box;
}

.zeo-more {
	color: var(--blue);
	border: 1px solid var(--blue);
}

.zeo-more {
	transition: all 0.3s ease;
	height: 36px;
	line-height: 34px;
	border-radius: 36px;
	font-size: 14px;
}

.zyipro {
	margin-top: 45px;
}

.zyiproslider {
	text-align: center;
}

.zyiprodesc {
	padding-bottom: 60px;
}

.zyiproh5 {
	font-size: 22px;
	font-weight: bold;
}

.zyiprop1 {
	margin-top: 8px;
}

.zyiprop2 {
	margin-top: 25px;
}

.zyiproimg {
	position: relative;
	height: 430px;
	overflow: hidden;
}

.zyiproimg img {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.zyiproimg img {
	max-width: 100%;
	max-height: 100%;
}

.zyiprosliderm {
	background: #fff;
	border-radius: 6px;
	overflow: hidden;
}

.zyipro {
	position: relative;
	height: 560px;
}

.zyiprotab {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	height: 100%;
}

.zyiprobtn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.zyiprobtn {
	border-radius: 50%;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
}

.zyiprobtn i {
	font-size: 17px;
	font-weight: bold;
	color: #fff;
}

.zyiprobtn,
.zyiprobtn i {
	transition: all 0.3s ease;
}

.zyiprobtn {
	background: var(--blue);
	cursor: pointer;
}

.zyiprobtnl {
	left: -80px;
}

.zyiprobtnr {
	right: -80px;
}

.zyiproh5 {
	transition: all 0.3s ease;
}

.zyiprodesc {
	position: relative;
	z-index: 4;
}

.zeopubbg {
	position: absolute;
	z-index: 3;
	top: -2px;
	right: -2px;
	bottom: -2px;
	left: -2px;
	-webkit-transform: scale(3);
	transform: scale(3);
}

/* .zeopubbg,
.zeopubbg:before {
	transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.zeopubbg:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 70%;
	height: 70%;
	border-radius: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.zeopubbg:before {
	border: 1000px solid var(--blue);
	width: 330px;
	height: 330px;
	width: 410px;
	height: 410px;
} */


.zyiprosliderm:hover .zyiproh5,
.zyiprosliderm:hover .zyiprop1 {
	color: #fff;
}

.zyiprosliderm:hover .zeo-more {
	background: #fff;
	color: var(--blue);
}

.zyiprosliderm:hover .zeopubbg {
	transform: scale(1);
}

.zyiprosliderm:hover .zeopubbg:before {
	top: 35%;
}

.zyiproh5,
.zyiprop1 {
	transition: all 0.3s ease;
}

.issubm {
	opacity: 0;
	visibility: hidden;
	z-index: -6;
	transition: all 0.3s ease;
}

.issubm.on {
	opacity: 1;
	visibility: visible;
	z-index: 3;
}

/**/

/**/
.colorfff {
	color: #fff;
}

.sdje {
	display: flex;
	width: 100%;
}

.sdjel,
.sdjer {
	width: 50%;
}

.sdjer img {
	width: 100%;
	max-width: 100%;
}

.sdjel {
	display: flex;
	align-items: center;
	background: url(../0509/sdjel.jpg);
	background-position: center;
	background-size: cover;
}

.sdjewz {
	padding: 0 10%;
	box-sizing: border-box;
	width: 100%;
}

.sdjep1 {
	margin-top: 25px;
	line-height: 1.6;
}

.sdjep2 {
	margin-top: 45px;
}

.sdjesliderm {
	opacity: 0 !important;
}

.sdjesliderm.swiper-slide-active {
	opacity: 1 !important;
}

.sdjeslidernum {
	width: 300px;
	height: 80px;
	background: #fff;
	border-radius: 100px;
}

.sdjeslidernum {
	position: absolute;
	z-index: 33;
	left: 50%;
	transform: translateX(-50%);
	bottom: 10%;
}

.sdjesliderpage {
	width: 100%;
	text-align: center;
	height: 12px;
}

.sdjesliderpage {
	padding-top: 34px;
}

.sdjesliderpage span {
	width: 12px;
	height: 12px;
	border: 1px solid #000;
	background: none;
	box-sizing: border-box;
	opacity: 1 !important;
}

.sdjesliderpage span.swiper-pagination-bullet-active {
	background: #1226aa;
}

.sdjesliderpage span {
	margin: 0 5px;
	vertical-align: top;
}

.sdjesliderbtn {
	z-index: 3;
	position: absolute;
	top: 0;
	overflow: hidden;
	cursor: pointer;
}

.sdjesliderbtn {
	display: block;
	height: 100%;
	width: 80px;
	border-radius: 50%;
	overflow: hidden;
	line-height: 80px;
	text-align: center;
}

.sdjesliderbtn i {
	font-size: 24px;
	position: relative;
	z-index: 3;
}

.sdjesliderbtn:before {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	content: '';
	background: var(--blue);
	border-radius: 50%;
}

.sdjesliderbtn:before {
	transition: transform .2s ease-out;
}

.sdjesliderbtn i {
	transition: all 0.3s ease;
}

.sdjesliderbtnl {
	left: 0;
}

.sdjesliderbtnr {
	right: 0;
}

.sdjesliderbtn:hover i {
	color: #fff;
}

.sdjesliderbtnl:before {
	transform: translate(-100%, 0) rotate(10deg);
	left: 0;
}

.sdjesliderbtnr:before {
	transform: translate(100%, 0) rotate(10deg);
	right: 0;
}

.sdjesliderbtn:hover:before {
	transform: translate(0);
}

/**/


/**/
.sdj4new {
	background: #fff;
	padding: 90px 0;
}

.sdj4newp1 {
	font-size: 14px;
	color: #666;
	padding-bottom: 5px;
}

.sdj4newp2 {
	font-weight: 700;
	font-size: 18px;
	line-height: 1.4;
}

.sdj4newp4 {
	font-size: 14px;
	color: #999;
	margin-top: 12px;
}

.sdj4newwz1 .sdj4newp4 {
	margin-top: 45px;
}

.sdj4newml {
	width: 65%;
	position: relative;
}

.sdj4newimg {
	border-radius: 10px;
	overflow: hidden;
}

.sdj4newimg img {
	max-width: 100%;
}

.sdj4newwz1 {
	padding: 40px;
	box-sizing: border-box;
	width: 86%;
	position: absolute;
	bottom: 0;
	left: 7%;
	z-index: 3;
}

.sdj4newwz1 {
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	z-index: 4;
}

.sdj4newwz1 {
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
}

.sdj4newmr {
	width: 33.5%;
}

.sdj4newm {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.sdj4newmra {
	margin-top: 10px;
}

.sdj4newmra:nth-child(1) {
	margin-top: 0;
}

.sdj4newp3 {
	margin-top: 15px;
}

.sdj4newwz2 {
	padding: 10px;
}

.sdj4newimg1 {
	height: 70%;
}

.sdj4newimg1 img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.sdj4newml:hover .sdj4newp2,
.sdj4newmra:hover .sdj4newp2 {
	color: var(--blue);
}

.sdj4newp2,
.sdj4newimg img {
	transition: all 0.3s ease;
}

.sdj4newml:hover .sdj4newimg img,
.sdj4newmra:hover .sdj4newimg img {
	transform: scale(1.03);
}

/**/

/**/
.zonew_li3 {
	font-weight: bold;
	line-height: 1.8;
}

.zonew_li4 {
	padding-top: 5px;
	text-align: right;
}

.zonew_li3,
.zonew_li4,
.zonewmore i {
	transition: all 0.3s ease;
}

.zonew_item {
	border-radius: 6px;
	overflow: hidden;
	border: 1px solid #f6f7f9;
	transition: all 0.3s ease;
}

.zonew_item:hover {
	/* border: 1px solid #645A5A; */
}

.zonewmore {
	width: 100%;
	display: flex;
	padding: 20px 30px;
	box-sizing: border-box;
	justify-content: space-between;
	align-items: center;
}

.zonewmore span {
	font-size: 14px;
	/* color: #999; */
}

.zonewmore i {
	width: 40px;
	height: 40px;
	line-height: 40px;
	position: relative;
	border-radius: 50%;
	text-align: center;
	overflow: hidden;
}

.zonewmore i {
	color: #fff;
	font-size: 18px;
	line-height: 38px;
	border: 1px solid var(--blue);
	color: var(--blue);
}

.zonew_item .zeopubbg:before {
	width: 240px;
	height: 240px;
	border-color: #fff;
}

.zonew_item:hover .zeopubbg {
	transform: scale(1);
}

.zonew_item:hover .zonew_li3,
.zonew_item:hover .zonew_li4 {
	color: var(--blue);
}

.zonew_item:hover .zonewmore i {
	background: var(--blue);
	color: #fff;
}

/**/

/**/
.xyabout2_list {
	width: 100%;
	background: #fff;
}

.xyab2_con {
	display: none;
	position: relative;
}

.xyab2_con.on {
	display: block;
}

.xyabout2_item {
	display: flex;
	justify-content: center;
	border-bottom: 1px solid #cbcbcb;
	padding: 20px
}

.xyabout2_name {
	width: 25%;
	display: flex;
	justify-content: center;
	position: relative;
	transition: all 0.3s ease;
	margin: 0 40px;
}

.xyabout2_name.on .xyabout2_s3 {
	color: #1226aa;
}

.xyabout2_name.on::before {
	content: "";
	position: absolute;
	top: 57px;
	left: 0;
	width: 100%;
	height: 1px;
	background: #1226aa;
}

.xyabout2_name:hover {
	cursor: pointer;
}

.xyabout2_s3 {
	font-size: 22px;
	font-weight: bold;
	color: #323232;
}

.line2 {
	position: absolute;
	margin: 10px 0;
	width: 100%;
	height: 2px;
	top: 49px;

}

.line_hove {
	width: 0;
	height: 1px;
	position: absolute;
	top: -4px;
	left: 0px;
	transition: all 0.5s ease;
}

.xyabout2_name:hover .line_hove {
	width: 100%;
	background: #1226aa;
	height: 2px;
}

.xyabout2_name:hover .xyabout2_s3 {
	color: #1226aa;
}

.xyabout2_con {
	width: 100%;
}

.zoepro {
	margin-top: 30px;
	display: flex;
	flex-wrap: wrap;
}

.xyabout2_list_one .zoepro {
	justify-content: center;
}

.zoepro_ul1 {
	width: 43%;
	margin-right: 10px;
	margin-top: 10px;
	background: #fff;
	/* background: #f6f7f9; */
	padding: 40px;
	display: flex;
	/* align-items: center; */
	justify-content: space-between;
	transition: all 0.3s ease;
	/* border-left: 1px solid #666; */
	position: relative;
}

.zoepro_ul1::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 1px;
	height: 50%;
	background: rgba(000, 000, 000, 0.5);
	transition: all 0.3s ease;
	transform: translateY(-50%);
}

.zoepro_ul1:nth-child(2n-1):before {
	display: none;
}

.zoepro_ul1:nth-child(2n-1) {
	border-left: none;
}

.zoepro_li1 {
	width: 50%;
	text-align: center;
}

.zoepro_li1 img {
	/* width: 100%; */
	max-width: 100%;
	height: auto;
	max-height: 180px;
}

.goods_xyabout2_list_111 .zoepro_li1 img {
	height: 270px;
	max-height: 270px;
}

.zoepro_ul1:hover .zoepro_p4 {
	color: #fff;
}

.zoepro_li2 {
	width: 50%;
	padding-left: 20px;
	position: relative;
}

.zoepro_p1 {
	font-size: 16px;
	color: #050505;
}

.zoepro_p2 {
	font-size: 26px;
	font-weight: bold;
}

.zoepro_p3 {
	margin-top: 30px;
	position: absolute;
	bottom: 0px;
}

.zoepr_item12 .zoepro_p3 {
	position: absolute;
	bottom: 30px;
}

.zoepro_a1 {
	display: inline-block;
	width: 165px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 20px;
	/* background: #1226aa; */
	/* background: #FFD25A; */
	color: #1226aa;
	font-weight: bold;
	transition: all 0.3s ease;
	border: 1px solid #1226aa;
}

.zoepro_ul1:hover {
	/* background: #FFD25A; */
	/* border: 1px solid #645A5A; */
	/* color: #645A5A; */

}

.zoepro_ul1:hover .zoepro_a1 {
	background: #FFD25A;
	color: #000;
	border: 1px solid #FFD25A;
}

/* .zoepro_ul1:hover {
	transform: translateY(-10px);
} */

/* .zoepro_ul1:hover .zoepro_p1,
.zoepro_ul1:hover .zoepro_p2 {
	color: #fff;
} */

.zoepro_ul1:nth-child(2n) {
	margin-right: 0;
}

.zoepro_ul2 {
	/* width: 100%; */
	width: 85% !important;
}

/* #section1,
#section2,
#section3 {
	position: relative;
} */
.procn_swiper {
	margin-top: 40px;
}

.procn_swiper .zoepro_ul1 {
	/* background: #f6f7f9; */
}

/* .procn_swiper .zoepro_ul1:hover {
	background: #1226aa;
} */

.webboxs {
	position: absolute;
	width: 100%;
	height: 10px;
	overflow: hidden;
	left: 0;
	top: -100px;
}

.procn1_page,
.procn2_page {
	position: relative;
	z-index: 111;
	margin-top: 20px;
}

.procns_swiper {
	margin-top: 40px;
}

.procn_page {
	text-align: center;
	margin-top: 20px;
	width: 100%;
}

.procn_page span {
	margin: 0 5px;
}

.procn_btn span {
	display: inline-block;
	color: #F1C95C;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	/* background: #F1C95C; */
	cursor: pointer;
}

.procn_btn .procn1_next,
.procn_btn .procn2_next {
	position: absolute;
	top: 55%;
	transform: translateY(-50%);
	right: -80px;
	z-index: 11;
}

.procn_btn .procn1_prev,
.procn_btn .procn2_prev {
	position: absolute;
	top: 55%;
	transform: translateY(-50%);
	left: -80px;
	z-index: 11;
}

.procn_btn i {
	font-size: 42px;
	font-weight: bold;
}

/**/
.product_bg {
	position: relative;
	margin-bottom: 300px;
}

.product_ul1 {
	background-image: url(../img/product/pro5.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	/* height: 600px; */
	padding: 300px 0;
	background-attachment: fixed;
}

/* .product_ul1 img {
	width: 100%;
} */
.product_ul5 {
	background-image: url(../img/product/pro6.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	/* height: 600px; */
	padding: 300px 0;
	background-attachment: fixed;
}

.product_ul2 {
	position: absolute;
	top: 82%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 1400px;
	display: flex;
	justify-content: space-between;
}

.product_ul3 {
	width: 55%;
	display: flex;
}

.product_li2 {
	width: 50%;
}

.product_li1 {
	width: 60%;
}

.product_li1 {
	display: flex;
	flex-flow: column;
	margin: 0 30px;
	justify-content: flex-end;
}

.product_ul4 {
	width: 40%;
}

.product_li2 img {
	width: 100%;
	transition: all 0.3s ease;
}

.product_li2:hover img {
	transform: scale(1.05);
}

.product_p1 {
	font-size: 40px;
	color: #1f29a9;
	font-weight: bold;
}

.product_p2 {
	font-size: 24px;
	color: #3f3f3f;
}

.product_p3 {
	font-size: 52px;
	font-weight: bold;
	color: #fff;
}

.product_p4 {
	font-size: 52px;
	font-weight: bold;
	color: #fff;
}

.product_p5 {
	margin-top: 60px;
}

.product_a1 {
	display: inline-block;
	width: 200px;
	height: 50px;
	line-height: 50px;
	border: 1px solid #fff;
	text-align: center;
	color: #fff;
	border-radius: 25px;
	transition: all 0.3s ease;
}

.product_a1:hover {
	background: #fff;
	color: #1226aa;
}

/**/
.zoe_form {
	background: #fff;
}

.nh-conb-form {
	background: #fff;
	border-radius: 20px;
	padding: 60px;
	margin-top: 40px;
	box-shadow: 0px 13px 29px 0px rgb(7 0 2 / 8%);
}

.nh-conb-forma {
	display: flex;
	width: 100%;
	justify-content: space-between;
	padding-bottom: 20px;
}

.nh-conb-cell {
	width: 48.5%;
}

.nh-conb-cell-100 {
	width: 100%;
}

/* .nh-conb-txt {} */

.nh-conb-txt {
	background: no-repeat;
	border: none;
	width: 100%;
	padding: 0 15px;
	outline: none;
	height: 45px;
	line-height: 45px;
}

.nh-conb-text {
	background: no-repeat;
	border: none;
	width: 100%;
	padding: 15px;
	outline: none;
	resize: none;
}

.nh-conb-text,
.nh-conb-txt {
	background: #fafafa;
	margin-top: 8px;
}

.nh-conb-text {
	height: 150px;
	line-height: 20px;
}

.nh-conb-formb {
	text-align: right;
}

.nh-conb-formb {
	padding-top: 20px;
}

.nh-conb-sub {
	margin-top: 60px;
}

.zoe_formp1 {
	text-align: center;
	font-size: 24px;
	margin-top: 15px;
}

.g-b-more {
	display: inline-block;
	width: 190px;
	height: 50px;
	line-height: 50px;
	border: 1px solid #1226aa;
	text-align: center;
	color: #1226aa;
	border-radius: 25px;
	transition: all 0.3s ease;
	font-weight: bold;
}

.g-b-more:hover {
	background: #FFD25A;
	border: 1px solid #FFD25A;
	color: #645A5A;
	cursor: pointer;
	font-weight: bold;
}

/**/

/**/
.lcright {
	width: 50px;
	/* padding: 25px 15px; */
	background: #fff;
	position: fixed;
	right: 20px;
	z-index: 66;
	bottom: 10%;
	text-align: center;
	box-sizing: content-box;
	font-size: 12px;
	/* border-top-left-radius: 80px; */
	/* border-bottom-left-radius: 80px; */
	text-align: center;
	box-shadow: 0 5px 15px rgb(0 0 0 / 5%);
	display: none;
	border-radius: 50%;
}

.lcright li {
	padding: 12px 0;
	position: relative;
}

.lcright i {
	display: inline-block;
	width: 100%;
	height: 26px;
	line-height: 26px;

}

.lcright .i1 {
	font-size: 23px;
}

.lcright .i3 {
	font-size: 22px;
}

.lcright .i4 {
	font-size: 23px;
}

.lcright p {
	margin-top: 3px;
}

.lcrsub {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 90%;
	margin-right: 25px;
	border-radius: 10px;
	color: #fff;
	padding: 5px;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	visibility: hidden;
	opacity: 0;
}

.lcrsub {
	width: 140px;
	height: 60px;
	/*background: rgba(0, 0, 0, 0.3);*/
	background: rgba(18, 38, 170);
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: left;
}

.lcrsub span {
	font-size: 20px;
}

.lcrsub2 {
	width: 115px;
	height: 149px;
	/* background: #f7b40a; */
}

.lcright li:hover .lcrsub {
	right: 100%;
	visibility: visible;
	opacity: 1;
}

.lcrsub img {
	border: 3px solid #fff;
	width: 92px;
}

.lcrsub2 p {
	/*text-shadow: 1px 1.732px 2px rgb(181 137 85);*/
	text-align: center;
}

/**/

/**/
.news {
	width: 100%;
	background: #fff;
}

.press_main {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 30px;
}

.press_ul1 {
	width: 68%;
	border-radius: 5px;
	overflow: hidden;
}

.press_ul3 {
	width: 30%;
	/* padding: 20px; */
}

.press_ul1 li {
	overflow: hidden;
	border-radius: 6px 6px 0 0;
}

.press_ul1 img {
	transition: all 0.3s ease;
}

.press_ul1:hover img {
	transform: scale(1.05);
}

.press_p1 {
	font-size: 18px;
	font-weight: bold;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.press_ps1 {
	font-size: 24px;
	font-weight: bold;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	overflow: hidden;
}

.press_p2 {
	line-height: 1.6;
	color: #666;
	font-size: 14px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin-top: 25px;
}

.press_p4 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.press_p3 {
	color: #666;
	font-size: 16px;
}

.press_a1 {
	/* color: #1226aa; */
	display: inline-block;
	margin-top: 30px;
	color: #000;
}

.press_a1 i {
	transition: all 0.3s ease;
}

.product_ul2:hover i,
.product_cul1:hover i {
	margin-left: 20px;
}

.press_li1 {
	padding: 30px;
	background: #fff;
}


.press_ul2 {
	display: flex;
	justify-content: space-between;
	box-shadow: 0 10px 15px rgb(53 168 219 / 8%);
	margin-top: 20px;
	transition: all 0.3s ease;
	border-radius: 6px;
	overflow: hidden;
	background: #fff;
}

.press_ul2:first-child {
	margin-top: 0;
}


.press_li2 img {
	width: 100%;
	transition: all 0.3s ease;
}

.press_ul2:hover img {
	transform: scale(1.05);
}

.press_li3 {
	width: 100%;
	padding: 27px 30px;
	border-radius: 6px;
	overflow: hidden;
}

.press_ul2:hover .press_li3 {
	background: #1226aa;
	color: #fff;
}

.press_ul2:hover .press_p2,
.press_ul2:hover .press_a1,
.press_ul2:hover .press_p3 {
	color: #fff;
}

.pressb {
	width: 100%;
	background: #f8fcfe;
}

.press_list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 40px;
}

.prlist_ul1 {
	width: 40%;
	padding: 70px 60px;
	background: #fff;
	transition: all 0.3s ease;
	margin-top: 30px;
	box-shadow: 0px 13px 29px 0px rgba(7, 0, 2, 0.08);
	border-radius: 6px;
}

.prlist_ul1:hover {
	box-shadow: 0 5px 15px rgb(0 0 0 / 5%);
	color: #fff;
	background: #1226aa;
}



.prlist_li1 {
	font-size: 24px;
	font-weight: bold;
}

.prlist_li2 {
	margin-top: 40px;
}

.prlist_li3 {
	margin-top: 35px;
}

.pressc {
	width: 100%;
}

.pressc_main {
	display: flex;
	justify-content: space-between;
}

.pressc_ul1 {
	width: 50%;
}

.pressc_ul1 li {
	overflow: hidden;
	border-radius: 6px;
}

.pressc_ul1 img {
	transition: all 0.3s ease;
}

.pressc_ul1:hover img {
	transform: scale(1.05);
}

.pressc_ul2 {
	width: 50%;
	padding: 40px 60px;
}

.pressc_p1 {
	font-size: 14px;
	color: #1226aa;
}

.pressc_p2 {
	font-size: 35px;
	font-weight: bold;
	line-height: 1.4;
}

.pressc_li1 {
	margin-top: 30px;
}

.pressc_li2 {
	margin-top: 40px;
}

.pressc_li2 p {
	margin-top: 10px;
}

.xxnew_item {
	display: flex;
	align-items: center;
	/* flex-wrap: wrap; */
	justify-content: space-between;
	box-shadow: 0 0 20px rgb(0 0 0 / 8%);
	padding: 15px;
	margin-top: 30px;
	border-radius: 6px;
}

.xxnew_item:first-child {
	margin-top: 0;
}

.xxnew_item img {
	width: 100%;
	transition: all 0.3s ease;
}

.xxnew_item:hover {
	box-shadow: 0 0 20px rgb(0 0 0 / 10%);
	cursor: pointer;
}

.xxnew_item:hover img {
	transform: scale(1.05);
}

.xxnew_item:hover .xxitem_p1,
.xxnew_item:hover .xxitem_p2,
.xxnew_item:hover .xxitem_p3 {
	color: #1226aa;
}


.xxitem_p2 {}

.xxitem_ul1 {
	width: 20%;
}

.xxitem_ul1 li {
	overflow: hidden;
	border-radius: 6px;
}

.xxitem_ul2 {
	width: 80%;
	padding: 30px 40px;
}


.xxitem_p1 {
	font-size: 12px;
	color: #666;
}

.xxitem_p2 {
	font-size: 18px;
	color: #222;
	/* font-weight: bold; */
	margin-top: 10px;
	line-height: 1.6;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.xxitem_p3 {
	color: #333;
	margin-top: 20px;
	line-height: 1.6;
	font-size: 14px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.press_top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.press_span1 {
	color: #1f6abc;
	font-size: 35px;
	font-weight: bold;
	line-height: 1.4;
}

.press_span2 a {
	color: #1226aa;
}

.newpage {
	text-align: center;
	margin-top: 50px !important;
	line-height: 2.5;
}

.newpage a {
	border-radius: 50%;
	width: 35px;
	height: 35px;
	display: inline-block;
	line-height: 35px;
}

.newpage a.on {
	background: #1226aa;
	color: #fff;
	border-radius: 50%;
	width: 35px;
	height: 35px;
	display: inline-block;
	line-height: 35px;
}


/**/
.ani_style3 {
	opacity: 0;
}

.ani_style1 {
	opacity: 0;
}

.ani_style1.is-inview {
	animation: 1s aniStyle2 0.3s;
	animation-fill-mode: forwards;
}

.ani_style3.is-inview {
	animation: 1s aniStyle3 0.3s;
	animation-fill-mode: forwards;
}

@keyframes aniStyle1 {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes aniStyle2 {
	0% {
		opacity: 0;
		transform: translate3d(0, 40px, 0);
	}

	100% {
		opacity: 1;
		transform: translate3d(0, 0px, 0);
	}
}

@keyframes aniStyle3 {
	0% {
		opacity: 0;
		transform: scale(1.3);
	}

	100% {
		opacity: 1;
		transform: scale(1);
	}
}

/**/
.solve_list {
	display: flex;
	justify-content: center;
	/* border-bottom: 1px solid #cbcbcb; */
	border-top: 1px solid #cbcbcb;
	/* padding: 20px 0; */
}

.solve_item {
	width: 20%;
	display: flex;
	justify-content: center;
	transition: all 0.3s ease;
	/* margin: 0 40px; */
	padding: 10px 40px;
	position: relative;
}

.solve_item:hover {
	background: #FFD25A;
}

.solve_item.on {
	background: #FFD25A;
}

/* .solve_item:hover .solve_s1 {
	color: #1226aa;
}

.solve_item.active .solve_s1 {
	color: #1226aa;
} */

/* .solve_item::before {
	content: "";
	position: absolute;
	top: 57px;
	left: 0;
	width: 100%;
	height: 1px;
	background: #1226aa;
} */

.solve_s1 {
	font-size: 22px;
	font-weight: bold;
	color: #323232;
}

.solve_s1.active {
	color: #1226aa;
}

/* .solve_s1.active .line2 .line_hove {
	width: 100%;
	background: #1226aa;
	height: 2px;
} */

/* .solve_item:hover .line_hove {
	width: 100%;
	background: #1226aa;
	height: 2px;
} */

/* .solve_item:hover .solve_s1 {
	color: #1226aa;
} */

.solve_list.active {
	position: fixed;
	z-index: 11;
	background: #fff;
	top: 100px;
	display: flex;
	justify-content: center;
	width: 100%;
}

.solve_box {
	margin-top: 40px;
	display: flex;
	flex-wrap: wrap;

}

.solve_item3 {
	width: 49%;
	margin-right: 10px;
	border-radius: 20px;
	overflow: hidden;
	transition: all 0.3s ease;
	margin-top: 20px;
}

.solve_item3_img1 {
	overflow: hidden;
}

.solve_item3_img1 img {
	width: 100%;
	transition: all 0.3s ease;
}

.solve_item3:nth-child(2n) {
	margin-right: 0;
}

.solve_item3_li1 {
	padding: 20px;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: space-between;
	transition: all 0.3s ease;
}

.solve_item3_s1 {
	font-size: 22px;
	color: #000;
}

.solve_item3:hover .solve_item3_s1 {
	color: #fff;
}

.solve_item3:hover .zoepro_a1 {
	background: #fff;
	color: #645A5A;
}

.solve_item3:hover .solve_item3_img1 img {
	transform: scale(1.1);
}

.solve_item3:hover .solve_item3_li1 {
	background: #1829a4;

}


/* section {
	height: 500px;
	margin-top: 50px;
	padding: 20px;
	background-color: #eee;
} */

.solve_pro {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 30px;
}

.solve_prul1 {
	width: 55%;
}

.solve_prul2 {
	width: 45%;
}

.solve_prul2 video {
	width: 100%;
}

.solve_prul2 img {
	width: 100%;
}

.prul1_p1 {
	margin-top: 30px;
}

.prul1_p2 {
	margin-top: 80px;
}

.prul1_p5 {
	margin-top: 30px;
}

.solve_prul3 img {
	width: 100%;
}

.solve_prul3 video {
	width: 100%;
}

/**/

/**/
.server_main {
	border-radius: 15px;
	box-shadow: 0px 13px 29px 0px rgba(7, 0, 2, 0.08);
	padding: 60px 100px 40px 100px;
}

.server_list {
	display: flex;
	justify-content: space-between;
}

.server_ul1 {
	width: 80%;
	position: relative;
}

.server_ul1 input {
	border: none;
	width: 90%;
	height: 68px;
	background: #f7f7f7;
	border-radius: 34px;
	padding-left: 60px;
	outline: none;
	font-family: Microsoft Yahei, Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, Arial, sans-serif;
}

.server_ul1 i {
	position: absolute;
	left: 30px;
	top: 15px;
	font-size: 24px;
}


.server_ul2 {
	width: 20%;
	text-align: right;
}

.server_ul2 span {
	display: inline-block;
	width: 185px;
	height: 68px;
	line-height: 68px;
	color: #fff;
	background: #1226aa;
	background: #FFD25A;
	text-align: center;
	border-radius: 34px;
}

.server_p1 {
	font-size: 20px;
	margin-top: 60px;
}

.server_con {
	margin-top: 30px;
	border: 1px solid #7f7f7f;
	border-radius: 10px;
}

.server_item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 80px;
}

.server_ul3 {
	width: 30%;
	height: 80px;
	line-height: 80px;
	text-align: center;
	border-right: 1px solid #7f7f7f;
	border-bottom: 1px solid #7f7f7f;
}

.server_item:last-child .server_ul3 {
	border-bottom: none;
}

.server_item:last-child .server_ul4 {
	border-bottom: none;
}

.server_ul4 {
	width: 70%;
	padding: 0 20px;
	height: 80px;
	line-height: 80px;
	border-bottom: 1px solid #7f7f7f;
}

.server_down {
	margin-top: 30px;
	display: flex;
	justify-content: space-between;
}

.server_down .s2 {
	color: #1226aa;
	font-size: 20px;
	font-weight: bold;
}

.server_down .s1 {
	display: inline-block;
	width: 150px;
	height: 43px;
	line-height: 43px;
	text-align: center;
	border-radius: 22px;
	border: 1px solid #1226aa;
	color: #1226aa;
	transition: all 0.3s ease;
}

.server_down .s1:hover {
	color: #fff;
	background: #FFD25A;
	border: 1px solid #FFD25A;
	cursor: pointer;
}

.download {
	width: 100%;
	/* background: #f9f9f9; */
}

/**/
.joinb_list {
	margin-top: 65px;
	font-size: 16px;
}

.joinb_item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #000;
	height: 80px;
	padding: 0 50px;
	background: #fff;
	margin-top: 30px;
	border-radius: 20px;
	box-shadow: 0px 13px 29px 0px rgb(7 0 2 / 8%);
}

.joinb_all.on .joinb_item {
	background: #0f2aae;
	color: #fff;
	border-radius: 20px 20px 0 0;
}

.joinb_all.on .joinb_s3 {
	color: #fff;

}

.joinb_s {
	display: inline-block;
	/* width: 60px; */
	text-align: center;
	transition: all 0.3s ease;
	font-size: 20px !important;
	font-weight: bold;
}

.joinb_s3 {
	display: inline-block;
	/* width: 150px; */
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #1226aa;
}

.joinb_all .joinList {
	display: none;
}

.joinb_all.on .proList2 {
	display: block;
}

.joinb_all.on .joinb_s {
	transform: rotate(180deg);
}

.resume {
	background: #fff;
	padding: 25px 50px;
	border-radius: 0 0 20px 20px;
	box-shadow: 0px 13px 29px 0px rgb(7 0 2 / 8%);
}

.resume_p1 {
	font-size: 16px;
	color: #106bb2;
	margin-bottom: 20px;
}

.resume_ul1 {
	color: #434343;
	border-bottom: 1px solid #b2b2b2;
	padding: 15px 0;
	display: flex;
	justify-content: space-between;
}

.resume_ul1:last-child {
	border: none;
}



.resume_ul2 {
	padding-left: 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.resume_ul3 {
	color: #434343;
}

.join_li1 {
	text-align: center;
}

.join_p1 {
	margin-top: 50px;
}

.join_p2 {
	margin-top: 30px;
}

.join_itm img {
	width: 100%;
}

.join_page {
	position: relative;
	width: 246px;
	height: 4px;
	margin: 0 auto;
	margin-top: 50px;
	background: none;
}

.join_page::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 2px;
	top: 1px;
	left: 0;
	background: #dcdedf;
}

.join_page .swiper-scrollbar-drag {
	background: #1226aa;
	height: 4px;
}

.join_sw {
	margin-top: 50px;
}

/**/

/**/
.join_mess {
	margin-top: 40px;
}

.label_item {
	display: flex;
	justify-content: center;
}

.labars {
	width: 176px;
	height: 40px;
	margin-top: 10px;
	border: 1px solid #d6d6d6;
	margin: 0 30px;
	outline: none;
	appearance: none;
	-webkit-appearance: none;
	padding: 0 10px;
	border-radius: 18px;
	font-family: Microsoft Yahei, Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, Arial, sans-serif;
}

.label_div {
	position: relative;
}

.joini1 {
	position: absolute;
	top: 7px;
	right: 50px;
	color: #1226aa;
}

.join_list {
	margin-top: 20px;
	display: flex;
	flex-wrap: wrap;
}

.join_item {
	width: 45%;
	box-shadow: 0px 3px 59px 0px rgba(0, 0, 0, 0.04);
	padding: 30px 20px;
	margin-right: 30px;
	margin-top: 30px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	transition: all 0.3s ease;
	border-radius: 6px;
}

.join_item:nth-child(2n) {
	margin-right: 0;
}

.join_item:hover {
	background: #1226aa;
	color: #fff;
}

.join_item:hover .join_ul1 i {
	color: #fff;
}


.join_p3 {
	font-size: 22px;
	font-weight: bold;
}

.join_ul1 i {
	font-size: 50px;
	color: #1226aa;
}

.career1 {
	text-align: center;
	font-weight: bold;
	margin-bottom: 50px;
}

.career1 h2 {
	font-weight: bold;
	font-size: 40px;
	font-weight: bold;
}

.career1_span1 {
	/* padding-left: 30px; */
}

.career2_p1 {
	margin-top: 30px;
}

/**/
/* 新闻 */
.zxnew,
.zxcdf,
.zxcarers {
	/* background: #f0f0f0; */
}

.zxnewtop {
	display: flex;
	justify-content: space-between;
	padding-bottom: 20px;
}

.pubsubs a {
	color: #444;
	font-size: 18px;
	line-height: 30px;
	display: inline-block;
	margin-left: 35px;
	position: relative;
}

.pubsubs a:before {
	position: absolute;
	content: '';
	left: 0;
	width: 10px;
	height: 10px;
	border-radius: 50%;
}

.pubsubs a:before {
	border: 1px solid #444;
	top: 50%;
	margin-top: -5px;
}

.pubsubs a {
	padding-left: 20px;
}

.pubsubs a:hover,
.pubsubs a.on {
	color: #000;
}

.pubsubs a:hover:before,
.pubsubs a.on:before {
	border-color: #000;
	background: #000;
}

.pubsubs a:before,
.pubsubs a {
	transition: all 0.3s ease;
}

.zxnewtop {
	border-bottom: 1px solid #444;
}

.zxnewtopr {
	padding-top: 50px;
}



.zxnewba {
	display: block;
	width: 100%;
	overflow: hidden;
	position: relative;
}

.zxnewbimg {
	width: 35%;
	overflow: hidden;
}

.zxnewbimg img {
	width: 100%;
	vertical-align: top;
}

.zxnewbwz {
	width: 47%;
	padding-top: 20px;
}

.zxnewbdate,
.zxnewbwz {
	padding-left: 40px;
}

.zxnewbtit {
	font-size: 26px;
	color: #222;
}

.zxnewbi {
	position: absolute;
	font-size: 30px;
	top: 20px;
	right: 30px;
	color: #333;
}

.zxnewbms {
	color: #666;
	margin-top: 35px;
}

.zxnewbdate {
	color: #333;
	font-weight: bold;
	font-size: 12px;
	position: absolute;
}

.zxnewbdate {
	bottom: 0;
	left: 35%;
}

.zxnewbimg img,
.zxnewbtit,
.zxnewbi {
	transition: all 0.3s ease;
}

.zxnewba:hover .zxnewbtit,
.zxnewba:hover .zxnewbi {
	color: #0052d9;
}

.zxnewba:hover img {
	transform: scale(1.03);
}

.zxnewba:hover .zxnewbi {
	right: 0;
}

.zxnewbm {
	padding: 65px 0;
	border-bottom: 1px solid #555;
}

.zxnewbm:last-child {
	border: none;
	padding-bottom: 0;
}

.zxnewbm:first-child {
	padding-top: 0;
}



.newdzxh2 {
	font-size: 24px;
	font-weight: bold;
}

.newdzxdate {
	color: #666;
	margin-top: 10px;
}

.newdzxdesc {
	margin-top: 45px;
	margin-bottom: 45px;
}

.newdzxdesc img {
	width: 100%;
}

.newdzxdesc img {
	margin: 0 auto;
}



.sharelistsub a {
	font-size: 24px;
	margin-right: 15px;
}

.sharelistsub a {
	color: #000;
	opacity: 0.7;
	transition: all 0.3s ease;
}

.sharelistsub a:hover {
	opacity: 1;
}





.sharelistsub {
	margin-top: 20px;
}

.bsBox {
	box-sizing: content-box;
}

.zxnewother li {
	padding: 15px 0;
	border-bottom: 1px solid #d6d6d6;
}

.zxnewother a {
	color: #333;
}

.zxnewother a:hover {
	color: #0052d9;
}

.zxnewother li:last-child {
	border: none;
}





.zxcaseallm {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.zxcasealla {
	width: 33%;
	margin-top: 0.5%;
	overflow: hidden;
}

.zxcaseallimg {
	vertical-align: top;
	width: 100%;
}

.zxcasealla {
	position: relative;
}

.zxcasealla:before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	background: #000;
	width: 100%;
	height: 100%;
}

.zxcaseallicon {
	position: absolute;
	width: 80px;
	height: 80px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 3;
}

.zxcaseallicon {
	background: #fff;
	border-radius: 50%;
}

.zxcaseallicon img {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.zxcaseallicon img {
	max-width: 90%;
	max-height: 90%;
}

.zxcaseallwz {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 25px;
	z-index: 5
}

.zxcaseallicon {
	opacity: 0
}

.zxcaseallwz {
	color: #fff;
}

.zxcaseallwz p {
	font-size: 30px;
	line-height: 1.4;
}

.zxcaseallwz span {
	line-height: 1;
	display: inline-block;
	margin-top: 5px;
}

.zxcasealla:before {
	z-index: 2;
	opacity: 0;
}

.zxcasealla:before,
.zxcaseallimg,
.zxcaseallicon {
	transition: all 0.5s ease;
}

.zxcasealla:hover:before {
	opacity: 0.5;
}

.zxcasealla:hover .zxcaseallicon {
	opacity: 1;
}

.zxcasealla:hover .zxcaseallimg {
	transform: scale(1.03);
}


.zxcasec {
	background: #f0f0f0;
}

.zxcasecm {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	background: #000;
}

.zxcaseca {
	width: 33%;
	margin-top: 0.1%;
	overflow: hidden;
}

.zxcaseca2 {
	width: 49.95%;
}

.zxcasecimg {
	vertical-align: top;
	width: 100%;
}

.zxcaseca {
	position: relative;
}

.zxcaseca:before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	background: #000;
	width: 100%;
	height: 100%;
}

.zxcasecwz {
	position: absolute;
	left: 0;
	bottom: -28px;
	padding: 25px;
	z-index: 5;
	padding-left: 35px;
}

.zxcasecwz {
	color: #fff;
}

.zxcasecwz p {
	font-size: 24px;
	line-height: 1.4;
	font-weight: bold;
}

.zxcasecjt {
	display: inline-block;
	margin-top: 10px;
	position: relative;
	line-height: 1;
	font-size: 22px;
}

.zxcasecjt {
	opacity: 0;
}

.zxcasecjt,
.zxcasecwz p {
	position: relative;
	top: 0;
}

.zxcasecjt {
	left: -10px;
}

.zxcaseca:before {
	z-index: 2;
	opacity: 0;
}

.zxcaseca:before,
.zxcasecimg,
.zxcasecjt,
.zxcasecwz p,
.zxcasecwz {
	transition: all 0.5s ease;
}

.zxcaseca:hover:before {
	opacity: 0.5;
}

.zxcaseca:hover .zxcasecimg {
	transform: scale(1.03);
}

.zxcaseca:hover .zxcasecwz p {
	top: -10px;
}

.zxcaseca:hover .zxcasecwz {
	bottom: 0;
}

.zxcaseca:hover .zxcasecjt {
	left: 0;
	opacity: 1;
}



.zxcdb {
	padding-top: 0;
}

.zxcda img {
	width: 100%;
	vertical-align: top;
}

.zxcdbtit {
	margin-top: -140px;
}

.zxcdbtzw,
.zxcdbtit {
	z-index: 3;
	position: relative;
}

.zxcdbtzwm {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.zxcdbtzwr {
	width: 32%;
	position: sticky;
	top: 0;
	right: 0;
}

.zxcdbtzwl {
	width: 60%;
}

.zxcdbtzwl img {
	max-width: 100%;
	height:auto;
}


.zxcdbtitm {
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	padding-bottom: 40px;
}

.zxcdbtit {
	padding: 0 100px;
}

.zxcdb {
	background: #f0f0f0;
}

.zxcdbtzw {
	background: #fff;
	/* padding: 80px 100px; */
}

@media screen and (max-width:1440px) {
	.zxcdbtit {
		padding-left: 50px;
		padding-right: 50px;
	}

	.sg2banerp2 {
		font-size: 42px;
	}

}

.zxcdbtzwra {
	background: #f8fafb;
	padding: 30px;
}

.zxcdbtzwrul {
	padding-top: 7px;
}

.zxcdbtzwrul li {
	display: flex;
	color: #333;
	padding-top: 8px;
}

.zxcdbtzwrul li span {
	width: 75px;
}

.zxcdbtzwrul li i {
	color: #999;
}

.zxcdbtzwrh5 {
	font-weight: bold;
	font-size: 18px;
}

.zxcdbtzwrp1 {
	font-size: 12px;
	color: #666;
}



.zxcdbtzwrb {
	/* margin-top: 50px; */
}

.zxcdbotherm {
	display: flex;
	margin-top: 25px;
}

.zxcdbotherimg {
	width: 100px;
}

.zxcdbotherimg img {
	width: 100%;
}

.zxcdbtzwrbp1 {
	font-weight: bold;
	font-size: 16px;
}

.zxcdbtzwrbp2 {
	color: #666;
	margin-top: 5px;
}

.zxcdbotherwz {
	padding-left: 20px;
	padding-top: 5px;
}

/**/

/**/

/**/
.mainten {
	width: 100%;
	background: #fff;
}

.mainten_p1 {
	font-size: 24px;
	font-weight: bold;
}

.mainten_list {
	margin-top: 40px;
}

.mainten_item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 15px 0;
	border-bottom: 1px solid #e5e7e7;
}

.mainten_ul2 label {
	margin: 0 20px;
}

.mainten_ul2 {
	display: flex;
}

.mainten_p2 {
	font-size: 20px;
}

.mainten_r1 .radio {
	appearance: auto !important;
	-webkit-appearance: auto !important;
}

.mainten_tit {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.tit_ul1 {
	display: flex;
	align-items: center;
	padding: 15px 0;
	border-bottom: 1px solid #e5e7e7;
	width: 50%;
}

.tit_ul2 {
	width: 100%;
}

.tit_ul3 {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.tit_ul3 span {
	display: inline-block;
	padding: 10px 15px;
	background: #1226aa;
	color: #fff;
	border-radius: 6px;
}

.tit_ul3 button {
	color: #fff;
}

.tit_ul1 input {
	flex-grow: 1;
	padding: 15px 0;
	outline: none;
	border: none;
}

/**/
.pro_main {
	display: flex;
	/* align-items: center; */
	justify-content: space-between;
	margin-top: 80px;
}

.pro_beijing {
	background: #f8f8f8;
}


.pro_ul {
	width: 40%;
}

.pro_ul3 {
	width: 55%;
	position: relative;
}

.pro_ul2 {
	text-align: center;
}

.pro_ul2 img {
	/*width: 70%;*/
	max-width: 90%;
	max-height: 370px;
}

.pro_ul .zonew_p1 {
	text-align: left;
	color: #1226aa;
}

.goodsinfo_top .zonew_p1 {
	font-size: 100px;
}

.zonew_p1 span {
	color: #1226aa;
	/* margin-left: 30px; */
	font-size: 16px;
}

.pro_p1 {
	margin-top: 40px;

}

.pro_p1_load {
	position: absolute;
	bottom: 0px;
	margin-top: 0;
}


.g-b-more-con {
	position: absolute;
	left: 0;
	top: 55px;
	width: 190px;
	display: flex;
	flex-direction: column;
	background: #F7F7F7;
	border-radius: 6px;
	opacity: 0;
	visibility: hidden;
	transition: all .3s ease;
	text-align: left;
}

.g-b-more-con a {
	color: #000;
	padding: 0 20px;
	font-weight: 500;
}

.g-b-more-con a:hover {
	color: #fff;
	background: #FFD25A;
}

.morepr:hover .g-b-more-con {
	opacity: 1;
	visibility: visible;
	box-shadow: 0 5px 15px rgb(0 0 0 / 5%);
}

.morepr .sdshanglajiantou {
	padding-left: 10px;
}

.pro_p2 {
	font-size: 22px;
	margin-top: 10px;
}

.pro_bg {
	/* background-image: url(../img/product/pro_bg.jpg); */
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	/* height: 600px; */
	background-attachment: fixed;
	padding: 40px 0;
	background: #7a87bf;
}

.pro_list {
	width: 90%;
	margin: 0 auto;
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	margin-top: 60px;
}

.pro_item {
	width: 80%;
	text-align: center;
	margin: 0 2%;
	/* margin-top: 40px; */
}

.zpro_main {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	padding: 0 60px;
}

.zpro_item {
	width: 20%;
}

.pro_item img {
	width: 20%;
}

.pro_bg .zonew_p1 {
	color: #fff;
}

.pro_p3 {
	font-size: 22px;
	/* margin-top: 30px; */
	color: #fff;
}

.pro_p4 {
	font-size: 16px;
	margin-top: 20px;
	color: #fff;
	height: 130px;
	overflow-y: auto;
	text-align: justify;
	padding-right: 10px;
}

.pro_p4::-webkit-scrollbar {
	width: 1px;
	background: #fff;
}

.pro_p4::-webkit-scrollbar-thumb {
	background-color: rgb(0 0 0 / 50%);
}

.pro_p5 {
	display: flex;
	/* justify-content: center; */
	flex-wrap: wrap;
	width: 80%;
	margin: 0 auto;
	margin-top: 40px;
}

.pro_p6 {
	font-size: 22px;
	color: #000;
	position: relative;
	font-weight: bold;
	width: 50%;
	text-align: left;
	box-sizing: border-box;
	padding-left: 20px;
}

.pro_p6:before {
	content: "";
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: 1px solid #848484;
	position: absolute;
	top: 12px;
	left: 2px;
	transition: all 0.3s ease;
}

.pro_p6.on {
	color: #1226aa;
}

.pro_p6.on::after {
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #1226aa;
	position: absolute;
	top: 15px;
	left: 5px;
	transition: all 0.3s ease;
}

.pro_p5_one {
	display: inline-block;
}

.pro_p5_one .pro_p6:before {
	top: 6px;
}

.pro_p5_one .pro_p6.on::after {
	top: 9px;

}

.zonew_p1_infotwo {
	text-align: center;
}


/* .pro_p6:last-child {
	border-right: 0;
}

.pro_p6.on {
	color: #1226aa;
	transition: all 0.3s ease;
}

.pro_p6.on:hover {
	color: #FFD25A;
	width: calc(100% - 10px);
}

.pro_p6.on:hover:before {
	width: 0;
}

.pro_p6:hover {
	width: calc(100% - 10px);
	color: #FFD25A;
}

.pro_p6::before {
	content: "";
	width: 0;
	height: 5px;
	background: #9b9b9b;
	position: absolute;
	bottom: -6px;
	left: 44%;
	transform: translateX(-50%);
	transition: all .36s;
	border-radius: 5px;
}

.pro_p6::after {
	content: "";
	width: 0;
	height: 5px;
	background: #FFD25A;
	position: absolute;
	bottom: -6px;
	left: 44%;
	transform: translateX(-50%);
	transition: all .36s;
	border-radius: 5px;
	width: 0;
}

.pro_p6:hover::after {
	width: calc(100% - 10px);
} */


.pipeline_tab {
	/* margin-top: 30px; */
	position: relative;
}

.pro_p7 {
	font-size: 28px;
	/* margin-top: 50px; */
	font-weight: bold;
}

.pro_p8 {
	font-weight: bold;
	font-size: 40px;
	line-height: 1.3;
}

.pro_p9 {
	font-size: 14px;
	color: #888;
	margin-top: 20px;
}

/* .pipeline_tr3 {
	background: #d9dadd;
	font-size: 18px;
	font-weight: bold;
} */

/* .pipeline_tr4 td {
	font-weight: bold;
} */

.pipeline_tab table {
	width: 100%;
	/* display: flex; */
	overflow-x: scroll;
	/* background: #eeeeee; */
	/* overflow: hidden; */
	/* border: 1px solid #c6c6c6; */
	font-size: 16px;
	table-layout: fixed;
}

.pipeline_tab th {
	/* width: 20%; */
	font-size: 18px;
	height: 50px;
	background: #1226aa;
	color: #fff;
}

.pipeline_tab .pipeline_tr1 td {
	background: #d9dadd;
	color: #000;
	font-size: 18px;
	font-weight: bold;
}

.pipeline_tab tr {
	width: auto;
	margin: 0 20px;
}

.pipeline_tab td {
	/* width: 50%; */
	height: 50px;
	/* line-height: 50px; */
	text-align: left;
	padding-left: 10px;
	/* border: 1px solid #c6c6c6; */
}

.inca3 {
	display: flex;
	justify-content: space-between;
}

.pipeline_tr1 {
	background: #d9dadd;
}

.pipeline_tab tr:nth-child(1n) {
	background: #fff;
}

.pipeline_tab tr:nth-child(2n) {
	background: #eeeeee;
}

.pipeline_tab tr td {
	border-left: 1px solid #c6c6c6;
}

.pipeline_tab tr td:first-child {
	border: none;
}

/* .pipeline_tab tr:nth-child(2n) td {
	border-left: 1px solid #c6c6c6;
}

.pipeline_tab tr:nth-child(2n) td:first-child {
	border: none;
} */

.pipeline_tab img {
	width: 100%;
}

.pipeline_tab table p {
	width: auto;
	margin-top: 0;
}

/* .pipeline_tr2 td {
	border-left: 1px solid #c6c6c6;
}

.pipeline_tr2 td:first-child {
	border: none;
} */

/**/
.sditema {
	position: relative;
	display: inline-block;
}

.sditema_a1 {
	position: absolute;
	top: -90px;
	left: -20px;
	width: 80px;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
}

.sditema:hover .sditema_a1 {
	opacity: 1;
	visibility: visible;
}

/**/
/**/
.manual_item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 15px 30px;
	background: #fff;
	/* border-top: 1px solid #ddd; */
	border-bottom: 1px solid #ddd;
}

.manual_p2 {
	font-size: 18px;
	color: #333;
}

.manual_item:hover {
	cursor: pointer;
}

.serv_List {
	display: none;
	padding: 30px 50px 60px 50px;
	box-shadow: 0px 0px 10px 0px rgba(153, 153, 153, 0.28);
	margin: 20px 0;
}

.qua_List {
	margin: 0;
	border-radius: 0 0 8px 8px;
	box-shadow: none;
	background: #fff;
	padding: 20px;
}

.qua_List h4 {
	padding: 25px 0;
	/* border-top: 1px solid #e8e8e8; */
}

.qua_title {
	display: flex;
	flex-wrap: wrap;
}

.qua_title p {
	width: 48%;
	font-size: 16px;
	color: #666;
	margin-top: 10px;
	margin-right: 2%;
}

.qua_title p:nth-child(2n) {
	margin-right: 0;
}


.manual_s1 {
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border: 1px solid #a2a2a2;
	border-radius: 50%;
	transition: all 0.3s ease;
}

.manual .on .manual_s1 {
	border: 1px solid #FFBF00;
	background: #FFBF00;
	color: #fff;
	transform: rotate(180deg);
}

/**/

/**/
.pc {
	display: block;
}

.phone {
	display: none;
}

.abt26btcbg {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	z-index: 300;
	background: #000;
	opacity: 0.5;
	display: none;
}

.abt26btc {
	/* width: 900px; */
	/* margin-left: -450px; */
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 310;
	display: none;
	width: 80%;
	max-width: 1200px;
}

.abt26btcclose {
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	right: -40px;
	top: 0;
	background: url(../img/guanbia.png) center no-repeat;
	background-size: cover;
}

.invite1_btn:hover {
	cursor: pointer;
}


/*导航语言选择*/
.sgp-in-lauge {
	position: relative;
}

.xxfoot_p {
	position: absolute;
	top: 25px;
	left: 10px;
	/* width: 220px; */
	padding: 10px 0px;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
	text-align: center;
	background: #fff;
}

.xxfoot_p a {
	color: #000 !important;
	padding: 0 30px;
	margin: 0;
}

.sgp-in-lauge:hover .xxfoot_p {
	opacity: 1;
	visibility: visible;
	z-index: 111111;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}


/*  */
.downcenter {
	margin-top: 40px;
}

.downcenter_ul1 {
	display: flex;
	flex-wrap: wrap;
}

.downcenter_item {
	width: 15%;
	border-radius: 15px;
	padding: 20px 0px;
	text-align: center;
	background: #fff;
	font-weight: bold;
	transition: all 0.3s ease;
	margin-right: 24px;
}

.downcenter_item:last-child {
	margin-right: 0;
}

.downcenter_item.on {
	color: #fff;
	background: #1226aa;
}

.downcenter_item:hover {
	color: #fff;
	background: #1226aa;
}

.downcenter_ul2 {
	margin-top: 40px;
	display: flex;
	flex-wrap: wrap;
}

.downcenter_item2 {
	width: 50%;
	display: flex;
	justify-content: space-between;
	padding: 25px 40px;
	border: 1px solid #cbcbcb;
	box-sizing: border-box;
	background: #fff;
}

.downcenter_item2 span {
	font-weight: bold;
}

.downcenter_item2 i {
	color: #1226aa;
}

.server_cofff input {
	background: #fff;
}

.faq {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 40px;
}

.faq_ul1 {
	width: 23%;
}

.faq_ul3 {
	border-radius: 15px;
	box-shadow: 0px 13px 29px 0px rgb(7 0 2 / 8%);
	background: #fff;
	position: sticky;
	top: 170px;
}


.faq_ul2 {
	width: 75%;
	background: #fff;
	border-radius: 15px;
	padding: 40px 40px;
	box-sizing: border-box;
}

.faq_ul1 p {
	font-weight: bold;
	padding: 15px 30px;
	border-bottom: 1px solid #cbcbcb;
	font-size: 18px;
}

.faq_ul1 p.on {
	color: #1226aa;
}

.faq_ul1 p:last-child {
	border-bottom: none;
}

.faq_s1 {
	font-size: 16px;
	display: inline-block;
	text-align: center;
	font-weight: bold;
}

.faq_all .joinList {
	display: none;
}

.faq_item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 15px;
	border-bottom: 1px solid #cbcbcb;
}

.faq_all.on .faq_s1 {
	color: #1226aa;
}

.faq_ul4 {
	text-align: center;
	margin-top: 20px;
}

.faq_ul4 a {
	display: inline-block;
	width: 185px;
	height: 48px;
	line-height: 48px;
	color: #fff;
	background: #1226aa;
	text-align: center;
	border-radius: 34px;
}

.faq_all.on .joinb_s {
	transform: rotate(180deg);
}

.faq_m4 {
	margin-top: 40px;
	padding: 0 0px 0 80px;
}

.faq_m4 .server_ul2 {
	text-align: left;
}

/**/

.xxjjst2b {
	width: 100%;
	background: #fff;
	position: relative;
}

.zoe_yf {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 40px;
}

.zoe_yf_item {
	width: 32%;
	background: #fff;
	border-radius: 10px;
	transition: all 0.3s ease;
	/* margin-top: 40px; */
	/* border: 1px solid #f6f7f9; */
}

.zoe_yficon {
	text-align: end;
}

.zoe_yf_title {
	padding: 0 30px 40px 30px;
}

.zoe_yf_p1 {
	font-size: 24px;
	color: #1829a4;
	/* min-height: 100px; */
}

.zoe_yf_p2 {
	margin-top: 20px;
	color: #000;
	height: 190px;
	/* border: 1px solid red; */
	overflow-y: auto;
}

.zoe_yf_p2::-webkit-scrollbar {
	width: 1px;
	background: #fff;
}

.zoe_yf_p2::-webkit-scrollbar-thumb {
	background-color: rgb(0 0 0 / 50%);
}

.zoe_yf_p3 {
	margin-top: 60px;
}

.zoe_yf_p3 img {
	width: 100%;
	/* border-radius: 10px; */
}

.zoe_icon2 {
	display: none;
}

.zoe_yf_item:hover {
	/* margin-top: 0; */
	/* background: #1829a4; */
	/* margin-bottom: 40px; */
}

/* .zoe_yf_item:hover .zoe_yf_p1 {
	color: #fff;
}

.zoe_yf_item:hover .zoe_yf_p2 {
	color: #fff;
} */

.zoe_yf_item:hover .zoe_icon2 {
	display: inline-block;
	text-align: end;
}

.zoe_yf_item:hover .zoe_icon1 {
	display: none;
}


.zoe_bgz {
	margin-top: 40px;
	position: relative;
}

.zoe_bgzlist {
	width: 1000px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

.zoe_bgzlist2 img {
	max-width: 300px;
	max-height: 200px;
}

.zoe_bgzimg {
	width: 100%;
	border-radius: 20px;
}


.zoe_bgz_p1 {
	font-size: 32px;
	color: #fff;
	font-weight: bold;
}

.zoe_bgzlist1 .zoepro_a1 {
	background: #fff;
	color: #1829a4;
	margin-top: 30px;
}

.zoe_bgzlist1 .zoepro_a2 {
	background: #1829a4;
	color: #fff;
}

.zoepro_a1:hover {
	background: #FFD25A;
	color: #000;
	cursor: pointer;
	border: 1px solid #FFD25A;
}

.solvebg2 {
	display: flex;
	flex-wrap: wrap;
}

.solvebg2_box {
	width: 49%;
	position: relative;
	margin-right: 14px;
}

.solvebg2_box:nth-child(2n) {
	margin-right: 0;
}


.solvebg2_li1 {
	/* border-radius: 20px; */
	overflow: hidden;
}

.solvebg2_li1 img {
	width: 100%;
	transition: all 0.3s ease;
}

.solvebg2_li1 img:hover {
	transform: scale(1.1)
}

.solvebg3_box:hover img {
	transform: scale(1.1)
}

.solvebg2_li2 {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	width: 100%;
}

.solvebg2_p1 {
	font-size: 28px;
	color: #fff;
	text-align: center;
}

.solvebg2_p2 {
	color: #fff;
	width: 90%;
	margin: 0 auto;
}

.solvebg2_p3 {
	/* font-size: 36px; */
	/* font-weight: bold; */
	text-align: center;
	margin-top: 20px;
}

.produ_box {
	margin-top: 60px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.produ_p1 {
	font-size: 24px;
	font-weight: bold;
	margin-top: 30px;
}

.produ_box1 {
	text-align: center;
	width: 22%;
}

.produ_p2 {
	font-size: 16px;
	margin-top: 20px;
}

.produ_box1 .produ_p2 {
	text-align: left;
}

/* .solutpll {
	margin-top: 40px;
} */

.solutpll img {
	max-width: 100%;
	height: auto;
}

.solutpll {
	font-size: 18px;
}

.solut_main {
	margin-top: 80px;
}

.solut_list {
	display: flex;
	flex-wrap: wrap;
	margin-top: 40px;
}

.solut_item {
	width: 30%;
	margin-right: 5%;
}

.solut_li1 img {
	width: 100%;
}

.solut_li1 {
	/* border-radius: 20px; */
	overflow: hidden;
	position: relative;
}

.solut_li1 img {
	width: 100%;
	transition: all 0.3s ease;
	max-height: 230px;
}

.solut_li1 img:hover {
	transform: scale(1.1)
}

.solut_div1 {
	position: absolute;
	left: 50%;
	top: 39%;
	transform: translate(-50%, -50%);
	text-align: center;
}

.solut_div1 img {
	width: 80%;
}

.solut_li2 {
	position: relative;
	/* border-radius: 17px 96px 17px 17px; */
	/* background: #1326aa; */
	color: #000;
	padding: 20px;
	/* margin-top: -110px; */
	z-index: 1;
	box-shadow: 0px 6px 22px 0.41px rgb(0 0 0 / 6%);
	background: #fff;
}

.solut_p1 {
	font-size: 22px;
	color: #000;
	/*height: 75px;*/
	overflow: hidden;
}

.solut_li2 div {
	width: 40px;
	height: 2px;
	background: #FFD25A;
	margin: 25px 0;
}

.solut_li2 .solut_p2:hover {
	cursor: pointer;
	/* color: #fff; */
}

.solut_p2 {
	font-size: 16px;
	color: #000;
	height: 60px;
	overflow: hidden;
}

.solut_item:nth-child(3n) {
	margin-right: 0;
}

.zoenbox {
	margin-top: 40px;
	display: flex;
	/* align-items: center; */
	justify-content: space-between;
	flex-wrap: wrap;
}

.zoen_p1 {
	/* font-size: 30px; */
	font-weight: bold;
}

.zoen_p2 {
	margin-top: 40px;
}

.zoen_p4 {
	margin-top: 20px;
}

.zoen_p2 h3 {
	font-size: 24px;
	font-weight: bold;
	/* color: #1326aa; */
}

.zoen_p2 h4 {
	font-size: 18px;
	color: #000;
	font-weight: bold;
}


.zoenbox_left img {
	width: 100%;
}

.zoenbox_right2 {
	width: 46%;
}

.zoenbox_left2 {
	width: 46%;
}

.zoenbox_right {
	overflow: hidden;
	/* border-radius: 20px; */
}

.zoenbox_right img {
	width: 100%;
	overflow: hidden;
	transition: all 0.3s ease;
}

.zoenbox_right:hover img {
	/* transform: scale(1.1); */
}

.solvebg3_box {
	width: 32%;
	position: relative;
	margin-right: 14px;
}

.solvebg3_box:nth-child(3n) {
	margin-right: 0;
}

.solvebg3 {
	margin-top: 40px;
}

.solut_p3 {
	font-size: 18px;
	margin-top: 40px;
	text-align: center;
}

.partner_item2 img {
	width: 100%;
}


.zoesolu_main {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 40px;
	flex-wrap: wrap;
}

.zoesolu_item {
	width: 30%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.zoesolu_item img {
	margin-right: 20px;
}

.zoesolu_p1 {
	font-size: 48px;
	font-weight: bold;
	color: #1326aa;
}

.zoesolu_p2 {
	font-size: 18px;
	margin-top: 20px;
}

.solut_pt {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 40px;
}


.zoenbox_left {
	overflow: hidden;
	/* border-radius: 20px; */
}

.zoenbox_left img {
	border-radius: 20px;
	width: 100%;
	transition: all 0.3s ease;
}

.zoenbox_left:hover img {
	/* transform: scale(1.1); */
}

.zoenbox_right {
	display: flex;
	flex-wrap: wrap;
}

.twolie {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.twolie span {
	display: inline-block;
	width: 50%;
	font-size: 18px;
	color: #000;
}

.zoen_p3 {
	font-size: 30px;
	color: #1829a4;
	font-weight: bold;
}

.zoenw40 {
	width: 46%;
}

.zoenw50 {
	width: 50%;
}

.culture {
	background-image: url(../img/about/culture_bg.jpg?v1);
	height: 400px;
	background-size: cover;
	background-position: center;
	/* border-radius: 20px; */
}


.culture img {
	width: 100%;
}


.culture_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 40px;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.culture_item {
	width: 33.2%;
	position: relative;
	transition: all 0.3s ease;
}

.culture_pll {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	text-align: center;
	transition: all 0.3s ease;
}

.culture_item::before {
	content: "";
	width: 100%;
	height: 100%;
	background: transparent;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: all 0.3s ease;
}

.culture_item::after {
	content: "";
	width: 1.5px;
	height: 100%;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0.52%, #FFFFFF 46.88%, rgba(255, 255, 255, 0) 100%);
	position: absolute;
	top: 0;
	right: 0;
}

.culture_item:hover {
	background: rgba(50, 58, 38, 0.32);
}

.culture_p1::after {
	content: "";
	width: 20px;
	height: 2px;
	background: linear-gradient(90.01deg, #FFBF00 0.01%, #FFFFFF 87.43%);
	position: absolute;
	top: 60px;
	left: 50%;
	transform: translateX(-50%);
}

.culture_p1 {
	font-size: 30px;
	color: #fff;
	font-weight: bold;
}

.culture_p2 {
	font-size: 16px;
	color: #fff;
	margin-top: 20px;
	opacity: 0;
	transition: all 0.3s ease;
}

.culture_item:hover .culture_p2 {
	opacity: 1;
	transition: all 0.3s ease;
}

.culture_item:hover .culture_pll {
	margin-top: -30px;
}

/**/

.zoepr_main {
	position: relative;
}

.zoepr_list {
	display: flex;
	justify-content: space-between;
	margin-top: 40px;
	flex-wrap: wrap;
	position: relative;
	background: #fff;
}


.zoepr_item4 {
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;

}

.zoepr_item {
	width: 20%;
}

.zoepr_item2 {
	width: 80%;
	position: relative;
}

.zoepr_item2 img {
	width: 100%;
}

.zoepr_item li {
	position: relative;
	padding-left: 15px;
}

.zoepr_item li::before {
	content: "";
	width: 7px;
	height: 7px;
	background: #FFBF00;
	border-radius: 50%;
	position: absolute;
	left: 0px;
	top: 10px;
}


.zoepr_item3 {
	width: 20%;
	box-shadow: 0px 6px 22px 0.41px rgb(0 0 0 / 6%);
	padding: 20px 25px;
	padding-top: 40px;
	box-sizing: border-box;
}

.zoepr_li {
	width: 20%;
	position: absolute;
	transform: translate(-50%, -50%);
	text-align: center;
}

.zoepr_li1 {
	top: 50%;
	left: 10%;
}

.zoepr_li2 {
	top: 50%;
	left: 30%;
}

.zoepr_li3 {
	top: 50%;
	left: 50%;
}

.zoepr_li4 {
	top: 50%;
	left: 70%;
}

.zoepr_li5 {
	top: 50%;
	left: 10%;
}

.zoepr_li6 {
	top: 50%;
	left: 39%;
}

.zoepr_li7 {
	top: 50%;
	left: 63%;
}

.zoepr_li8 {
	top: 50%;
	left: 86%;
}

.zoepr_item:last-child {
	box-shadow: 0px 6px 22px 0.41px rgb(0 0 0 / 6%);
	padding: 20px 25px;
	padding-top: 40px;
}

.zoepr_item {
	border-right: 1px solid rgba(255, 255, 255, 0.2);
	box-sizing: border-box;
}

.zoepr_item img {
	width: 100%;
}

.deco {
	display: block;
	width: 6rem;
	height: 6rem;
	opacity: 1;
	transition: .1s;
	transform: translateZ(0);
	margin: 0 auto;
	opacity: 0;
	transition: all 0.3s ease;
}

.full_li1:hover .deco {
	opacity: 1;
}

.deco:before {
	content: "";
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate3d(-50%, -50%, 0) scale(.75);
	transition: .4s;
	border: 1px solid #FFD25A;
	border-radius: 100%;
	height: 4rem;
	width: 4rem;
	
}

.deco i,
.deco em {
	background: #FFD25A;
	border: 1px solid #FFD25A;
	border-radius: 100%;
	height: 2.2rem;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate3d(-50%, -50%, 0) scale(.5);
	transition: .4s;
	width: 2.2rem;
}

.deco:after {
	content: "";
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate3d(-50%, -50%, 0) scale(.75);
	transition: .4s;
	border: 1px solid #FFD25A;
	border-radius: 100%;
	height: 6rem;
	width: 6rem;
}

.full_li1 {
	transition: all 0.3s ease;
}

.full_li1:hover .deco:before {
	animation: scalepulse 1.3s linear .3s infinite both;
	transform: translate3d(-50%, -50%, 0) scale(1);
}

.full_li1:hover .deco i,
.full_li1:hover .deco em {
	background: #FFD25A;
	animation: scalepulse 1.3s linear 0s infinite both;
	transform: translate3d(-50%, -50%, 0) scale(1);
}

.full_li1:hover .deco:after {
	animation: scalepulse 1.3s linear .15s infinite both;
	transform: translate3d(-50%, -50%, 0) scale(1);
}


.zoepr_item5 {
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
	opacity: 0;
	transition: all 0.3s ease;
	z-index: 11;
	background-color: #fff;
}


/* .zoepr_li:hover+.zoepr_item5 {
	opacity: 1;
	visibility: visible;
	z-index: 111;
}

.zoepr_li:hover {
	opacity: 1;
	visibility: visible;
	z-index: 1111;
} */


.zoepr_item5.on {
	opacity: 1;
	visibility: visible;
}

.zoepr_li.on {
	z-index: 1111;
}

.solution_zonew_div {
	text-align: center;
	margin-top: 40px;
}

@keyframes scalepulse {
	20% {
		-webkit-transform: translate3d(-50%, -50%, 0) scale(1.15);
		transform: translate3d(-50%, -50%, 0) scale(1.15);
		-webkit-animation-timing-function: ease;
		animation-timing-function: ease
	}

	50% {
		-webkit-transform: translate3d(-50%, -50%, 0) scale(1);
		transform: translate3d(-50%, -50%, 0) scale(1);
		-webkit-animation-timing-function: ease;
		animation-timing-function: ease
	}
}

.zoepr_p1 {
	font-size: 18px;
	color: #fff;
	line-height: 1.2;
	min-height: 60px;
	padding: 0 20px;
	font-weight: bold;
}

.zoepr_p2 {
	font-size: 28px;
	font-weight: bold;
}

.zoepr_p3 {
	margin-top: 30px;
	height: 180px;
	height: 230px;
	overflow-y: auto;
}

.zoepr_p3::-webkit-scrollbar {
	width: 1px;
	background: #fff;
}

.zoepr_p3::-webkit-scrollbar-thumb {
	background-color: rgb(0 0 0 / 50%);
}

.zoe_goods_list_one .zoe_bgzlist {
	flex-wrap: nowrap;
}

/**/
.por_a1 {
	display: none;
}

.por_a1.on {
	display: block;
}

.pro_nav {
	display: flex;
	margin-top: 20px;
}

.pro_nav2 {
	margin-top: 20px;
}

.pro_con {
	margin-right: 20px;
}

.pro_con1 img {
	width: 40px;
}

.pro_con1 {
	text-align: center;
	border: 2px solid rgb(132 132 132 / 60%);
	display: flex;
	flex-direction: column;
	text-align: center;
	justify-content: center;
	align-items: center;
	padding: 10px 20px;
	/* color: #666; */
	position: relative;
}

.pro_con.on .pro_con1 {
	border: 2px solid #000;
	color: #000;
}

.pro_con1:hover {
	cursor: pointer;
}

.por_p1 {
	font-size: 22px;
	font-weight: bold;
	color: #000;
}

.pro_con.on .pro_con1::after {
	content: "";
	display: block;
	width: 9px;
	height: 9px;
	border: 1px solid #000;
	position: absolute;
	bottom: -5.5px;
	left: 50%;
	margin-left: -4.5px;
	transform: rotate(45deg);
	border-left-color: transparent;
	border-top-color: transparent;
	background-color: #f6f7f9;
}

.pro_con_img1 {
	display: block;
}

.pro_con_img2 {
	display: none;
}

.pro_con.on .pro_con_img1 {
	display: none;
}

.pro_con.on .pro_con_img2 {
	display: block;
}

.por_a1 p {
	position: relative;
	padding-left: 10px;
}

.por_a1 p::before {
	content: "";
	width: 5px;
	height: 5px;
	border: 1px solid #666;
	border-radius: 50%;
	position: absolute;
	left: 0px;
	top: 10px;
	background-color: #666;
}

.zonew_pco {
	color: #1226aa;
}

.zyipro .zoepro {
	margin-top: 0;
}

/**/

.zoept_main {
	margin-top: 40px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.zoept_left {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.zoept_left_content {
	margin-bottom: 40px;
}

.zoesz_main_bottom .zoesz_p3 {
	border: none;
}

.zoesz_item div {
	margin-top: 10px;
}

.zoept_right {
	width: 30%;
	font-size: 18px;
}

.zoept_item {
	width: 16%;
	margin-bottom: 20px;
	margin-right: 0.6%;
	text-align: center;
	font-size: 18px;
	box-sizing: border-box;
}

.zoept_item:nth-child(6n) {
	margin-right: 0px;
}

.zoept_item img {
	width: 100%;
	border-radius: 20px;
}

.zoept_left .zoept_item img {
	width: 80px;
	border-radius: 0;
}

.zoept_item p {
	margin-top: 10px;
}

.zoehx_main {
	display: flex;
	flex-wrap: wrap;
	margin-top: 40px;
}

.zoehx_item {
	width: 30%;
	margin-bottom: 20px;
	margin-right: 5%;
	text-align: left;
	text-align: center;
	font-size: 18px;
}

.zoehx_item:nth-child(3n) {
	margin-right: 0px;
}

.zoehx_item p {
	margin-top: 10px;
	position: relative;
	text-align: center;
}

/*.zoehx_item p::before {*/
/*	position: absolute;*/
/*	left: -12px;*/
/*	top: 11px;*/
/*	content: "";*/
/*	width: 5px;*/
/*	height: 5px;*/
/*	border: 1px solid #666;*/
/*	border-radius: 50%;*/
/*	background-color: #666;*/
/*}*/

.hx_img1 {
	height: 90px;
	display: inline-block;
}

.hx_img2 {
	display: none;
	height: 90px;
}

.zoehx_item:hover .hx_img1 {
	display: none;
}

.zoehx_item:hover .hx_img2 {
	display: inline-block;
}

/**/
.zoesz_p1 {
	margin-top: 40px;
}

.zoesz_img {
	margin-top: 20px;
}

.zoesz_img img {
	width: 100%;
}

.zoesz_p2 {
	font-size: 24px;
	font-weight: bold;
	margin-top: 40px;
}

.zoesz_main {
	display: flex;
	flex-wrap: wrap;
	margin-top: 40px;
}

.zoesz_item {
	width: 30%;
	margin-top: 20px;
	margin-right: 5%;
	font-size: 18px;
}

.zoesz_item:nth-child(3n) {
	margin-right: 0px;
}

.zoesz_p3 {
	font-size: 20px;
	font-weight: bold;
	margin-top: 20px;
	border-bottom: 1px solid #000;
}


/**/

.zoefa_main {
	display: flex;
	flex-wrap: wrap;
	margin-top: 40px;
}

.zoefa_item {
	width: 23%;
	margin-top: 20px;
	margin-right: 2%;
	font-size: 18px;
}

.zoefa_item p {
	margin-top: 20px;
}

.zoefa_item:nth-child(4n) {
	margin-right: 0px;
}

.zoext_main {
	margin-top: 40px;
}

.zoext_main img {
	width: 100%;
}

.solution_zonew_p2 {
	display: inline-block;
	/* width: 165px; */
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 20px;
	background: #1226aa;
	background: #FFD25A;
	color: #645A5A;
	font-weight: bold;
	padding: 0 20px;
	transition: all 0.3s ease;
}

/**/

/*  */

.zoepr_item10 {
	display: flex;
	position: relative;
}

.zoepr_item10::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 80%;
	height: 100%;
	background: rgba(0, 0, 0, 0.1);
	z-index: 111;
}


.full_main {
	position: relative;
	box-shadow: 0px 6px 22px 0.41px rgb(0 0 0 / 6%);
	margin-top: 40px;
}

.full3subm {
	position: absolute;
	/* top: 50%;
	left: 50%;
	transform: translate(-50%, -50%); */
	width: 80%;
	height: 100%;
	z-index: 111;
	display: flex;
	align-items: center;
}


.full3suba_js2 {
	width: 25%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	border-right: 1px solid rgba(255, 255, 255, .3);
	box-sizing: border-box;
}


.full3suba_js {
	width: 0%;
	display: none;
}

.zoepr_item11 {
	width: 80%;
}

.zoepr_item11 img {
	width: 100%;
}

.zoepr_item12 {
	width: 20%;
	box-shadow: 0px 6px 22px 0.41px rgb(0 0 0 / 6%);
	padding: 20px 25px;
	padding-top: 40px;
	box-sizing: border-box;
	background: #fff;
}

.zoepro_ul1_width_100 {
	width: 100% !important;
}

.zoesc_main {
	width: 100%;
	background: #fff;
}

/* */

.zoesc_item {
	display: flex;
	justify-content: space-between;
	margin-top: 40px;
	/* border: 1px solid #666; */
	/* border-radius: 20px; */
	flex-wrap: wrap;
	border-top: 1px solid #666;
	padding-top: 40px;
}

.zoesc_item:first-child {
	border: none;
	padding-top: 0;
	margin-top: 0;
}


.zoesc_left {
	width: 45%;
	/* padding: 30px 40px; */
	box-sizing: border-box;
	/* padding-top: 0; */
}

.zoesc_right {
	width: 45%;
	position: relative;
}

.zoesc_right img {
	width: 100%;
	/* border-radius: 20px; */
}

.zoesc_ri1 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}


.zoesc_p1 {
	font-size: 30px;
	font-weight: bold;
}

.zoesc_p2 {
	margin-top: 20px;
}

.zoefoot_img .zoefoot_wx {
	width: 36px;
	margin-right: 20px;
}

.zoenews_swiper {
	position: relative;
	overflow: hidden;
}

.zoenew_item {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.zoenew_left {
	width: 45%;
}

.zoenew_right {
	width: 50%;
	height: 400px;
}

.zoenew_right img {
	width: 100%;
}

.zoe_newpage {
	position: absolute;
	left: 0;
	bottom: 0px;
	z-index: 11;
	text-align: end;
}

.new_search {
	position: relative;
	display: flex;
	align-items: center;
}

.new_search input {
	width: 300px;
	height: 40px;
	padding-left: 55px;
	padding-right: 30px;
	font-family: "Microsoft Yahei, Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, Arial, sans-serif";
	font-size: 16px;
	color: #999;
	border-radius: 30px;
	margin-right: 30px;
}

.new_search i {
	position: absolute;
	left: 20px;
	top: 5px;
	font-size: 20px;
}


.zoenew_box {
	display: flex;
	flex-wrap: wrap;
}

.zoenew_ul1 {
	width: 30%;
	margin-right: 5%;
	padding: 20px 10px;
	border-top: 1px solid rgb(230, 230, 230);
	transition: all 0.3s ease;
	margin-top: 20px;
	box-sizing: border-box;
}

.zoenew_ul1:nth-child(3n) {
	margin-right: 0;
}

.zoenew_li1 {
	padding: 10px 20px;
}

.zoenew_li1_img {
	overflow: hidden;
}

.zoenew_ul1:hover .zoenew_li1_img img {
	transform: scale(1.1);
}

.zoenew_li1_img img {
	width: 100%;
	transition: all 0.3s ease;
}

.zoenew_ul1:hover {
	box-shadow: 0 0 20px rgb(0 0 0 / 8%);
}

.zoenew_li1_con {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 30px;
}

.zoenew_li1_con .press_a1 {
	margin-top: 0;
}

.goodsinfo_top_img {
	min-height: 260px;
}

.zoenew_li1_img {
	height: 200px;
}

.goods_cases_list {
	display: flex;
	flex-wrap: wrap;
}

.goods_cases_list .solut_item {
	display: inline-block;
}

.solut_item {
	margin-right: 4%;
	margin-top: 2%;
	cursor: inherit;
}

.zoeban {
	position: relative;
	margin-top: 100px;
}

.zoeban .zoeban_img {
	width: 100%;
}

/* */

@media screen and (min-width:2000px) {
	.sgpgbaner {
		height: 60vh;
	}

	.goods_banner_img img {
		width: 126%;
		margin-left: -13%;
		margin-top: 40px;
	}

	.pd80px {
		padding: 120px 0;
	}

	.xxbanerpage {
		height: 600px;
	}

	/* .xxnew_ul2 {
		padding-top: 39%;
	} */

	.sgpgbaner1 {
		height: calc(60vh - 80px);
	}

	.sg-prod-d,
	.sg-prod-bx1 {
		height: 88vh;
	}

	.sg-prod-b {
		padding-top: 190px;
		padding-bottom: 190px;
	}

	.sg-prod-bx1 {
		padding: 0;
	}

	.pro_main {
		margin-top: 120px;
	}

	.goodsinfo_top .zonew_p1 {
		font-size: 100px;
	}
}

@media screen and (max-width:1600px) {
	.sg2-career-bwz {
		padding: 0 3%;
	}
}

@media screen and (max-width:1440px) {
	.w-12 {
		width: 1200px;
		margin: 0 auto;
	}

	.zoepr_p3 {
		height: 180px;
	}

	.product_ul2 {
		width: 1200px;
	}

	.solut_p1 {
		font-size: 18px;

	}

	.pipeline_tab table {
		font-size: 16px;
	}

	.prlist_ul1 {
		width: 39%;
	}

	.press_a1 {
		margin-top: 15px;
	}

	.zoepro_ul1 {
		width: 42%;
	}

	.zoepro_p2 {
		font-size: 22px;
	}

	.product_p1 {
		font-size: 24px;
	}

	.product_p4 {
		font-size: 40px;
	}

	.product_p3 {
		font-size: 40px;
	}

	.press_p2 {
		margin-top: 10px;
	}

	.partner_page {
		margin-top: 20px;
	}

	.pro_p7 {
		font-size: 24px;
	}

	.pro_p8 {
		font-size: 32px;
	}

	.zoen_p1 {
		font-size: 24px;
	}

	.zonew_p1 {
		font-size: 30px;
	}

	.goodsinfo_top .zonew_p1 {
		font-size: 60px;
	}

	/* .solvebg2_p3 {
		font-size: 26px;
		line-height: 1.4;
		margin-top: 15px;
	} */

	.goods_banner_img img {
		margin-top: 20px;
	}

	.zoe_yf_p1 {
		font-size: 20px;
		/* min-height: 80px; */
	}

	.zoepr_item12 .zoepro_p3 {
		bottom: 20px;
	}

	.zoepr_p3 {
		margin-top: 20px;
	}

	.zoepr_p2 {
		font-size: 16px;
	}

	.zoepr_p3 {
		font-size: 14px;
	}

	.zoenew_right {
		height: 320px;
	}

	.zoenew_li1_img {
		height: 180px;
	}
		.solut_li1 img{
	    max-height: 170px;
	}
}

@media screen and (max-width:1300px) {
	.zoe_bgzlist {
		width: 880px;
	}

	.zoe_yf_p1 {
		font-size: 18px;
	}

	.zoepr_item12 {
		padding-top: 20px;
	}

	.xxnew_p2 {
		font-size: 36px;
	}

	.zoe_bgz_p1 {
		font-size: 24px;
	}

	.nh2aboutrp1 i {
		font-size: 20px;
	}

	.nh2aboutrp2 {
		font-size: 20px;
	}

	.sg2banerp2 {
		font-size: 32px;
	}


}

@media screen and (max-width: 1000px) {
	.h_lhmapimg .mapbg {
		width: 100%;
	}

	.lhh6teamchange {
		display: block;
		margin-top: 20px;
	}

	.lhabout5date {
		padding: 20px 0 !important;
	}

	.lhabout5m,
	.lhh6culturebx,
	.inadvam {
		margin-top: 20px !important;
	}

	.lhabout5r p {
		margin-top: 0 !important;
		line-height: 24px !important;
		font-size: 14px;
	}


	.lhabout5date ul {
		width: 50%;

	}

	.lhh6team {
		padding: 20px 0;
		position: relative;
		margin-top: 0 !important;
	}

	.lhh6teamchangediv h5,
	.lhh6cultureh5 {
		font-size: 20px;
		/* margin-top: 30px; */
	}

	.lhh6teamchangediv,
	.lhh6culture {
		padding: 20px 0;
	}

	.lhh6culturem {
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
	}

	.lhh6culturep1 {
		margin-top: 30px;
		line-height: 24px;
		font-size: 14px;
	}

	.lhh6cultureimg {
		height: 245px;
	}

	.lhh6culturewz {
		padding: 30px 40px;
	}

	.lhh6culturep1>br {
		display: none;

	}

	.inadvamwz {
		bottom: 0;
		padding: 10px 40px;
	}

	.h_lhmap {
		padding: 20px;
		padding-bottom: 20px !important;
		height: auto;
	}

	.webboxs {
		top: 0;
	}

	.h_lhmapimg {
		margin-top: 20px;
	}

	.about-devlpment {
		padding: 20px 0;
	}

	.jsslickpath {
		margin-top: 30px;
		height: 300px;
	}

	.history-item__year {
		opacity: 0;
	}

	.current .history-item__year {
		display: none;
	}

	.lhabout5r {
		height: 182px;
		overflow: hidden;
		overflow-y: scroll;
		margin: 0 auto !important;
		width: 100% !important;
		padding: 0 2% 0 0;
	}

	.lhh6teamchange {
		height: 450px;
		overflow: hidden;
		overflow-y: scroll;
	}

	.lhh6teamchangeimg img {
		height: auto;
	}
}

@media screen and (max-width:768px) {
	.ptb100p {
		padding: 40px 0;
	}

	.sg2-d-img-more {
		margin-top: 0;
	}

	.sg2-page-sub {
		display: block;
		text-align: center;
		padding-bottom: 10px;
	}

	.sg2-page-sub a {
		margin: 0 3px;
		padding: 0 10px;
		margin-top: 10px;
	}

	.sg2-page-sub-scroll {
		overflow-x: scroll;
		white-space: nowrap;
		text-align: left;
	}

	.sg2-page-sub-scroll a {
		margin: 0;
		margin-right: 10px;
	}

	.sg2-page-sub-scroll a:last-child {
		margin: 0;
	}

	.sg3newa {
		flex-wrap: wrap;
	}

	.sg3newawz,
	.sg3newaimg {
		width: 100%;
	}

	.sg3newawz {
		padding: 25px;
	}

	.sg3newatit {
		margin-top: 10px;
	}

	.sg3newadesc {
		display: none;
	}

	.sg2-new-tit {
		height: auto;
	}

	.sg2-new-bimg,
	.sg2-new-bwz {
		width: 100%;
	}

	.sg2-new-bwz {
		padding: 25px 5px;
		padding-bottom: 0;
	}

	.sg2-new-desc {
		display: none;
	}

	.sg3newbtop,
	.sg3newbtop2 {
		min-height: inherit;
	}

	.sg3newbtit {
		margin-top: 0;
	}

	.sg3newbtop {
		padding-bottom: 20px;
	}


	.ani_style1 {
		opacity: 1;
	}

	.sg3newcm,
	.g3new4a {
		width: 100%;
		margin: 0;
		margin-top: 20px;
	}

	.sg3newbp1,
	.sg3newbp2 {
		padding-left: 30px;
	}

	.sg3newc {
		padding-top: 0;
	}

	.g3new4a:nth-child(1) {
		margin-top: 0;
	}

	.layvideo {
		width: 90%;
	}

	.sg3-tit1 {
		line-height: 38px;
	}

	.sg2careerftab1 {
		top: 0;
	}

	.layclose {
		right: auto;
		left: 50%;
		margin-left: -20px;
		top: auto;
		bottom: -40px;
	}

	.sg3newemimg:first-child {
		display: block;
	}

	.sg3newemwz,
	.sg3newemimg {
		width: 100%;
	}

	.sg3newem {
		flex-wrap: wrap;
	}

	.sg3newbtop3 {
		min-height: inherit;
	}

	.sg3newemwz {
		padding: 25px;
		padding-bottom: 60px;
	}

	.sg3newbtop3 {
		margin-bottom: 5px;
	}

	.sg3newemore {
		right: 25px;
		bottom: 25px;
	}

	.sg3-contactam ul {
		width: 100%;
		margin: 0;
		margin-top: 20px;
		padding: 25px;
	}

	.sg3-contactbtit {
		text-align: center;
	}

	.sg3-contactbm {
		padding: 20px;
	}

	.formma {
		width: 100%;
		padding-bottom: 10px;
	}

	.formm {
		margin: 0;
	}

	.formm3 {
		position: relative;
		padding: 15px 0;
		padding-left: 30px;
		box-sizing: border-box;
	}

	.formm3 .layui-form-checkbox {
		position: absolute;
		left: 0;
		top: 15px;
	}

	.formm4 {
		justify-content: flex-end;
		padding-top: 30px;
	}

	.sg2-support-a-p1 {
		text-align: left;
		margin-top: 10px;
	}

	.sg2-support-b-sub,
	.sg2-support-b-list {
		width: 100%;
	}

	.sg2-support-b {
		background: none;
		padding: 0;
	}

	.sg2-support-b-sub {
		display: none;
	}

	.sg2-support-b-listp1,
	.supportadd {
		display: none;
	}

	.sg2-support-b-search {
		width: 100%;
		margin: 0;
	}

	.sg2-support-b-listli {
		width: 100%;
		margin: 0;
		min-height: inherit;
	}

	.sg2-support-b-list {
		border: none;
		padding: 0;
	}

	.sg2-support-b-listtit {
		padding-right: 30px;
	}

	.sg2-support-b-listtype {
		top: -5px
	}

	.sg2-support-b-listtit,
	.sg2-support-b-listms {
		width: 100%;
	}

	.sg2-support-b-listlink {
		flex-wrap: wrap;
	}

	.sg2-support-b-listtit,
	.sg2-support-b-listms {
		padding-left: 38px;
	}

	.sg2-support-b-listms {
		margin-top: 5px;
	}

	.sg2-support-b-listlink {
		line-height: 1.4;
	}

	.sg2-support-b-listlink:nth-child(1) {
		margin-top: 0;
	}

	.sg2-pub12-img {
		width: 100%;
		height: 250px;
	}

	.sg2-pub12-img-wz1 {
		bottom: 30px;
	}


	.sg2-warranty-tit {
		white-space: inherit
	}

	.sg2-warranty-btn {
		display: none;
	}

	.sg2-career-am ul {
		width: 100%;
		margin: 0;
	}

	.sg2-career-am {
		flex-wrap: wrap;
	}

	.sg2-career-awz {
		text-align: center;
		padding: 25px;
		bottom: 0;
	}

	.sg2-career-b {
		background: #fff;
	}

	.sg2-career-b {
		flex-wrap: wrap;
	}

	.sg2-career-bimg,
	.sg2-career-bwz {
		width: 100%;
	}

	.sg2-career-bwz {
		padding: 0;
		padding-top: 20px;
	}

	.wap-000 {
		color: #000;
	}

	.wap-333 {
		color: #333;
	}

	.wap-666 {
		color: #666;
	}

	.sg2-career-bwz .sg-pub-h2,
	.sg2-career-pbp1 {
		text-align: left;
	}

	.sg2-career-pbp1 {
		margin-top: 15px;
	}

	.sg2-career-b1 {
		margin-top: 0;
	}

	.sg2careercsliderm {
		width: 70%;
	}

	.sg2cdsliderwap {
		flex-wrap: inherit;
	}

	.sg2cdicon {
		width: 80px;
		height: 80px;
		margin-top: 0;
		box-shadow: none;
		border: 1px solid #ddd;
	}

	.sg2cdslider {
		text-align: center;
	}

	.sg2-career-d {
		padding-top: 0;
	}

	.sg2cdsliderm {
		padding: 0;
		opacity: 0 !important;
	}

	.sg2cdsliderm.swiper-slide-active {
		opacity: 1 !important;
	}

	.sg2cdsliderm:before {
		display: none;
	}

	.sg2cdsliderm {
		margin: 0;
		padding: 25px;
	}

	.sg2cdslider {
		background: #fff;
		box-sizing: border-box
	}

	.sg2careerftab span {
		text-align: left;
		padding: 0 15px;
		padding-right: 20px;
	}

	.sg2careerftab span i {
		margin: 0;
		position: absolute;
		right: 10px;
		top: 0;
	}

	.sg2careerfm {
		flex-wrap: wrap;
	}

	.sg2careerfmsub {
		display: flex;
		justify-content: space-between;
	}

	.sg2careerfmsub,
	.sg2careerfmzw {
		width: 100%;
		border: none;
	}

	.sg2careerfmsub .sg2careerftab {
		width: 49%;
		margin: 0;
	}

	.sg2careerftit {
		flex-wrap: wrap;
	}

	.sg2careerftit {
		padding-bottom: 80px;
		position: relative;
	}

	.sg2careerfh5,
	.sg2careerfxl {
		width: 100%;
	}

	.sg2careerfxl {
		margin-top: 10px;
	}

	.sg2careerfjj {
		width: 30px;
		height: 30px;
		line-height: 30px;
		position: absolute;
		right: 0;
		top: 19px;
	}

	.sg2careerfjj i {
		font-size: 16px;
	}

	.sg2careerful,
	.sg2careerfjs {
		border-color: rgba(255, 255, 255, 0.2);
	}

	.sg2careerful .sg2careerftit {
		padding: 25px 0;
	}

	.sg2careerfjj {
		background: none;
	}

	.sg2careerfjj i {
		color: #fff;
	}

	.sg2careerfjs {
		padding: 25px 0
	}

	.sg2careerfdesc {
		padding-bottom: 25px;
	}

	.sg-about-a-desc {
		padding: 0;
	}

	.sg-about-b-zm li:nth-child(1) {
		width: 75px;
	}

	.sg-about-b-zm li:nth-child(2) {
		width: 10px;
	}

	.sg-about-b-zm li:nth-child(3) {
		width: 80px;
	}

	.sg-about-b-zm li:nth-child(4) {
		width: 80px;
	}

	.sg-about-b-zm li:nth-child(5) {
		width: 80px;
	}

	.sg-about-b-tab-m {
		width: 100%;
		left: 0 !important;
		top: 0;
		height: 270px;
	}

	.sg-about-b-tab-m img {
		width: 100%;
		vertical-align: top;
		height: 100%;
		object-fit: cover;
	}

	.sg-about-b-zm {
		padding-top: 0;
	}

	.sg-about-b-list {
		height: 300px;
	}

	.sg-about-b-tab-h4 em {
		font-size: 35px;
	}

	.sg-about-b-tab-h4 {
		font-size: 28px;
	}

	.sg-about-c-bg {
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
	}

	.sg-about-c-50 {
		width: 100%;
		height: 300px;
	}

	.sg-about-c {
		flex-wrap: wrap;
	}

	.sg-about-c-zw {
		min-height: inherit;
	}

	.sg-about-d-zw ul {
		width: 50%;
		margin: 0;
		min-width: inherit;
		padding: 25px 0;
	}

	.sg-about-d-zw span {
		font-size: 20px;
	}

	.sg-about-d-zw ul {
		font-size: 16px;
	}

	.sg-about-d-zw p {
		margin-top: 5px;
	}

	.sg-about-d-zw h5 span:nth-child(2) {
		font-size: 14px;
		font-weight: normal;
	}

	.sg-about-d-zw em {
		font-size: 14px;
		top: 0;
	}

	.sg-about-e-img,
	.sg-about-e-wz {
		width: 100%;
	}

	.sg-about-e-m {
		flex-wrap: wrap;
	}

	.sg-about-e-p1-fff,
	.sg-about-e-p2-fff {
		color: #fff;
	}

	.sg-about-e-img img {
		max-width: 70%;
	}

	.sg-about-e-img {
		text-align: center;
		background: #fff;
		border-radius: 10px;
		padding-top: 20px;
	}

	.sg-about-e-wz {
		padding: 0;
	}

	.sg-about-e-top {
		text-align: center;
		width: 100%;
	}

	.sg-about-e-top {
		font-size: 16px;
	}

	.sg-about-fsliderm {
		width: 100%;
		background: #fff;
		margin: 0;
		padding: 25px;
		margin-top: 25px;
	}

	.sg-about-g-link {
		width: 100%;
		margin: 0;
		margin-top: 20px;
	}

	.sg-about-g-link:nth-child(1) {
		margin-top: 0;
	}

	.sg-about-g-list {
		flex-wrap: wrap;
	}

	.sg-about-g-link img {
		max-height: 300px;
		object-fit: cover;
	}


	/* 首页 */
	.sgbaner-wap {
		height: 100vh;
	}

	.swipewap-img {
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.swipewap-wz {
		position: absolute;
		width: 100%;
		text-align: center;
		top: 20%;
		left: 0;
		z-index: 3;
		color: #fff;
	}

	.swipewapp1 {
		font-weight: 700;
	}

	#scroll_down .txt {
		display: none;
	}

	.wap-a {
		text-align: center;
	}

	.wap-ap2-fff,
	.wap-ap1-fff {
		color: #fff;
	}

	.wap-ap1 {
		font-weight: 700;
	}

	.wap-ap2 {
		font-size: 20px;
	}

	.wap-ap3 p {
		margin-top: 20px;
	}

	.wapb-swb {
		position: absolute;
		width: 96%;
		box-sizing: border-box;
		left: 4%;
		z-index: 2;
		bottom: 5%;
		overflow: inherit;
	}

	.wapb-swb span {
		position: relative;
		display: inline-block;
		line-height: 1;
		padding-top: 15px;
	}

	.wapb-swb span:before {
		position: absolute;
		height: 3px;
		background: #000;
		width: 100%;
		left: 0;
		top: -2px;
		content: '';
		opacity: 0;
		transition: all 0.3s ease;
	}

	.wapb-swbm.swiper-slide-active span:before {
		opacity: 1;
	}

	.wapb-swbm.swiper-slide-active span {
		font-weight: 700;
	}

	.wapbswb2 span {
		color: #fff;
	}

	.wapb-swbm {
		width: auto;
	}

	.wapb-swb {
		border-top: 1px solid rgba(0, 0, 0, 0.3);
	}

	.wapbswb2 {
		border-color: rgba(255, 255, 255, 0.3);
	}

	.wapbswb2 span:before {
		background: #fff;
	}

	.wap-c {
		padding-bottom: 0;
	}

	.wap-c {
		text-align: center;
		color: #fff;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		background-color: #000;
	}

	.wap-cp2 {
		margin-top: 15px;
	}

	.wap-cp3 {
		font-weight: 700;
		display: flex;
		width: 100%;
		justify-content: space-between;
	}

	.wap-cp3 {
		margin-top: 25px;
	}

	.wap-cp4,
	.wap-dp4 {
		margin-top: 35px;
	}

	.wap-cp5 img {
		max-width: 50%;
	}

	.wap-cp5 {
		text-align: center;
		padding: 40px 0;
	}

	.wap-b {
		position: relative;
	}

	.wap-b-tit {
		z-index: 3;
		width: 100%;
		text-align: center;
		position: absolute;
		left: 0;
		top: 8%;
	}

	.wap-bslider img {
		width: 100%;
	}

	.wap-d {
		text-align: center;
	}

	.wap-dlink {
		display: block;
		padding: 60px 10px;
		margin-top: 20px;
	}

	.wap-dlink:nth-child(1) {
		margin-top: 0;
	}

	.wap-dlink {
		background: #151518;
	}

	.wap-dp2 {
		margin-top: 10px;
	}

	.wap-dp2 strong,
	.wap-dp2 span {
		font-weight: 700;
	}

	.wap-dp21 {
		margin-top: 30px;
	}

	.wap-dimg {
		padding-bottom: 30px;
	}

	.wap-dimg img {
		max-width: 55%;
	}

	.wap-eimg img {
		max-width: 100%;
	}

	.wap-ep1 {
		margin-top: 0;
	}

	.sg-prod-bp2 {
		line-height: 1.4;
		margin-top: 20px;
	}

	.sg-prod-bp2 p {
		margin-top: 10px;
	}

	.wap-ewz {
		text-align: center;
		padding-top: 25px;
	}

	.wap-em {
		width: 86%;
	}

	.wap-ewz {
		opacity: 0;
	}

	.wap-eimg {
		transform: scale(0.92);
		transition: all 0.3s ease;
	}

	.wap-em.swiper-slide-active .wap-eimg {
		transform: scale(1);
	}

	.wap-em.swiper-slide-active .wap-ewz {
		opacity: 1;
	}

	.wap-f {
		position: relative;
	}

	.wap-f img {
		width: 100%;
		vertical-align: top;
	}

	.sg2-pub12-img-wz-absolute {
		position: absolute;
		width: 100%;
		left: 0;
		bottom: 0;
		padding: 0 10px;
		padding-bottom: 25px;
	}

	.sg2-pub12-img-p1 {
		margin-top: 5px;
	}

	.sg2-pub12-img-wz .sg2-d-img-more {
		margin-top: 20px;
	}

	.wap-f {
		margin-top: 15px;
	}

	.wap-f-0 {
		margin-top: 0;
	}

	.wap-g {
		background: #000;
	}

	.wap-gimg img {
		width: 100%;
	}

	.sg2-pub12-img-wz-rela {
		text-align: left;
		padding-top: 20px;
	}


	.sg-pro-videom {
		width: 90%;
	}

	.videombtn {
		width: 42px;
		height: 42px;
		line-height: 42px;
		margin-top: -21px;
		margin-left: -21px;
	}

	.videombtn i {
		font-size: 18px;
	}

	.sg-prod-hwz-l,
	.sg-prod-hwz-r {
		width: 100%;
	}

	.sg-pub-h2 br {
		display: none;
	}

	.sg-prod-hwzm {
		padding: 25px;
	}


	.sgpgbanerimg {
		opacity: 1;
	}

	.sgpgbaner {
		height: 220px;
	}

	.htop {
		height: 64px;
	}

	.sg-about-g-list,
	.sg-about-e-img,
	.sg-about-b-list,
	.sg3newamore,
	.sg2-new-more1,
	.sg3newbmore,
	.sg2-support-b-zw,
	.sg2careercslider,
	.sg2cdslider,
	.sg2careerfm,
	.sg-about-a-desc {
		margin-top: 25px;
	}


	.sg2-d-img-more {
		padding-left: 20px;
		padding-right: 20px;
	}


	.sgpgbanerwz .sg2-d-img-more {
		margin-top: 10px;
	}

	.pubaage span {
		background: #000 !important;
	}

	.pubaage span.swiper-pagination-bullet-active {
		background: var(--colors) !important;
	}

	.sg-pub-h2 {
		line-height: 1.4;
	}

	.g3new4-h2,
	.sg3-conp1,
	.sg3-conp2,
	.sg2-support-a-p1,
	.sg2-career-ah5,
	.sg2cdh6,
	.sg2careerfh5,
	.sg-about-g-wz h6,
	.sg2-pub12-img-h4,
	.wap-ap1 {
		font-size: 18px;
	}

	.sg2-new-date,
	.sg2-d-img-more {
		font-size: 14px;
	}

	.sg2-new-tit,
	.sg2careerfh6,
	.sg-about-a-desc,
	.sg-about-c-p1,
	.sg-about-e-p1,
	.sg-about-f-p2,
	.sg-prod-bp1,
	.sg2-pub12-img-p1 {
		font-size: 16px;
		line-height: 1.4;
	}

	.sg-a-pro-h3,
	.sgpgbanerp4,
	.sgpgbanerh5,
	.sg-pub-h2,
	.sg-about-e-p2,
	.swipewapp1,
	.pub-tit {
		font-size: 24px;
	}

	.sg2-new-h5,
	.sg3-contactbtit,
	.sg-about-f-h5,
	.sg-provtit {
		font-size: 20px;
	}

	.sg2-page-sub,
	.sg3newaslider,
	.careeraslide {
		margin-top: 20px;
	}

	.sg2-new-a-a,
	.sg2-page-num,
	.sg3-contacttit,
	.sg3-contactbtit,
	.sg2-support-a {
		margin-top: 40px;
	}

	.w-12 {
		width: 100%;
		box-sizing: border-box;
	}

	.w-14 {
		min-width: inherit;
	}

	.sg3-contactbm {
		border-radius: 5px;
	}

	.plr4p {
		padding-left: 4%;
		padding-right: 4%;
		box-sizing: border-box;
	}

	.sg-about-e {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.sg2-career-b {
		padding-top: 40px;
	}

	.sg2-career-b1 {
		padding-bottom: 40px;
	}

	.sg2-career-bimg,
	.border6 {
		border-radius: 5px;
		overflow: hidden;
	}
}


/*  */

@media screen and (max-width:768px) {
	.phone {
		display: block;
	}

	.pc {
		display: none;
	}

	.phone_lan {
		position: relative;
	}

	.phone_lan img {
		height: 25px;
		margin-right: 20px;
	}



	.phone_lange {
		position: absolute;
		top: 40px;
		left: -25px;
		opacity: 0;
		visibility: hidden;
		transition: all 0.3s ease;
		width: 100px;
		background: #fff;
		text-align: center;
	}

	.phone_lan:hover .phone_lange {
		opacity: 1;
		visibility: visible;


	}

	.phone_lange a {
		display: block;
		padding: 10px 0;
		font-size: 14px;
	}

	.downcenter_item2 {
		width: 100%;
		padding: 15px 20px;
	}

	.downcenter_item {
		width: 30%;
		border-radius: 15px;
		padding: 10px 0px;
		text-align: center;
		background: #fff;
		font-weight: bold;
		transition: all 0.3s ease;
		margin-right: 10px;
		margin-top: 20px;
		font-size: 14px;
	}

	.downcenter_item2 span {
		font-size: 14px;
	}

	.downcenter_item:nth-child(3n) {
		margin-right: 0px;

	}

	.downcenter_ul2 {
		margin-top: 20px;
	}

	.downcenter {
		margin-top: 20px;
	}

	.faq_ul1 {
		width: 100%;
	}

	.faq_ul1 p {
		font-size: 16px;
	}

	.faq_ul2 {
		width: 100%;

		padding: 15px 20px;

		margin-top: 30px;
	}

	.faq_ul4 a {
		width: 145px;
		height: 38px;
		line-height: 38px;
		font-size: 14px;
	}

	.faq_m4 {
		padding: 0;
	}

	.zoe_yf_item {
		width: 100%;
		margin-top: 20px;
	}

	.zoe_yf {
		margin-top: 20px;
	}

	.zoe_yficon img {
		width: 50px;
	}

	.zoe_yf_p1 {
		font-size: 20px;
		min-height: auto;
	}

	.zoe_yf_p2 {
		margin-top: 20px;
		font-size: 14px;
	}

	.zoe_yf_p3 {
		margin-top: 30px;
	}

	.abt26btcclose {
		right: auto;
		top: auto;
		left: 50%;
	}

	.solve_item3 {
		width: 100%;
		margin-right: 0;
		border-radius: 10px;
	}

	.solve_item3_s1 {
		font-size: 16px;
	}

	.solve_box {
		margin-top: 20px;
	}

	.zoe_bgzlist {
		width: 90%;
	}

	.zoe_bgzlist1 {
		width: 40%;
	}

	.zoe_bgzlist2 {
		width: 40%;
		text-align: center;
	}

	.zoe_bgz_p1 {
		font-size: 18px;
	}

	.zoe_bgzlist2 img {
		width: 140px;
	}

	.zoe_bgzlist1 .zoepro_a1 {
		margin-top: 20px;
	}

	.solvebg2_box {
		width: 100%;
		margin-right: 0;
	}

	.solvebg2_box:last-child {
		margin-top: 20px;
	}

	.solvebg2_p1 {
		font-size: 18px;
	}

	.solut_item {
		width: 100%;
	}

	.solut_li2 {
		padding: 20px;
	}

	.solut_li2 div {
		margin: 10px 0;
	}

	.solut_div1 img {
		width: 60%;
	}

	.solut_item {
		margin-top: 20px;
		margin-right: 0;
	}

	.solut_item:first-child {
		margin-top: 0;
	}

	.solut_p1 {
		font-size: 16px;
	}

	.solut_p2 {
		font-size: 14px;
		height: 48px;
	}

	.solutpll p {
		font-size: 14px;
	}

	.solutpll {
		margin-top: 20px;
	}

	.solut_li1 {
		/* height: 320px; */
		overflow: hidden;
	}

	/* .solut_li1 img {
		margin-top: -40px;
	} */

	.procn_btn .procn1_prev,
	.procn_btn .procn2_prev {
		left: 20px;
	}

	.procn_btn .procn1_next,
	.procn_btn .procn2_next {
		right: 20px;
	}

	.procn_btn span {
		width: 40px;
		height: 40px;
		line-height: 40px;
	}

	.pro_p6 {
		font-size: 16px;
	}

	.pro_p5 {
		margin-top: 20px;
		text-align: left;

	}

	.pro_p7 {
		font-size: 18px;
		margin-top: 20px;
	}

	.pro_p8 {
		font-size: 24px;
	}

	.zoenbox {
		margin-top: 25px;
	}

	.zoenbox_left {
		width: 100%;
	}

	.zoen_p1 {
		font-size: 18px;
	}

	.zoen_p2 {
		margin-top: 20px;
		font-size: 14px;
	}

	/* .zoen_p2 p:first-child {
		font-size: 20px;
	} */

	.zoenbox_right {
		width: 100%;
		margin-top: 20px;
	}

	.solvebg2_p3 {
		margin-top: 10px;
		font-size: 14px;
	}

	.produ_box {
		margin-top: 20px;
	}

	.produ_box1 {
		width: 100%;
		margin-top: 20px;
	}

	.solvebg3_box {
		width: 100%;
		margin-right: 0;
	}

	.solvebg2_li2 {
		width: 100%;
	}

	.solvebg3 {
		margin-top: 20px;
	}

	.solvebg2_li1 {
		margin-top: 20px;
		border-radius: 10px;
	}

	.produ_p1 {
		font-size: 18px;
		margin-top: 15px;
	}

	.produ_p2 {
		font-size: 14px;
		margin-top: 10px;
	}

	.pro_ul2 img {
		width: auto !important;
		height: auto;
	}

	.solut_list {
		margin-top: 25px;
	}

	.nh2aboutrp1 i {
		font-size: 16px;
	}

	.nh2aboutrp2 {
		font-size: 16px;
	}

	.nh2aboutr {
		padding-top: 20px;
		align-items: flex-start;
	}

	.zoesolu_item {
		width: 50%;
	}

	.zoesolu_p1 {
		font-size: 24px;
	}

	.zoesolu_p2 {
		font-size: 14px;
		margin-top: 10px;
	}

	.zoesolu_item img {
		width: 50px;
		margin-right: 10px;
	}

	.zoesolu_main {
		margin-top: 0px;
	}

	.zoesolu_item {
		margin-top: 20px;
	}

	.solut_p3 {
		font-size: 14px;
		margin-top: 20px;
	}

	.partner_main2 {
		margin-top: 20px;
	}

	.solut_main {
		margin-top: 40px;
	}

	.solut_bg {
		padding-bottom: 40px;
	}

	.zoe_bgzlist2 {
		width: 100%;
	}

	.zoe_bgzlist1 {
		width: 100%;
		text-align: center;
		/* margin-top: 30px; */
	}

	.pd80px2 {
		padding-bottom: 40px;
	}

	.zoenbox_right span {
		font-size: 14px;
	}

	.zoenbox2 {
		margin-top: 0;
	}

	.zoen_p3 {
		font-size: 20px;
	}

	.zoen_p4 strong {
		font-size: 16px;
	}

	.zoenbox_left .zoen_p3 {
		margin-top: 20px;
	}

	.zoepro_p2 {
		font-size: 16px;
		margin-top: 10px;
	}

	.pipeline_tab table {
		display: flex;
	}

	.partner_item img {
		max-width: 80%;
		max-height: 100px;
	}

	.lcright i {
		line-height: 22px;
	}

	.solve_item {
		padding: 0;
	}

	.zoepr_p2 {
		font-size: 18px;
		margin-top: 20px;
	}

	.zoepr_p3 {
		margin-top: 15px;
		height: 100px;
		font-size: 14px;
	}

	.procn_btn i {
		font-size: 32px;
	}

	.procn2_swiper {
		margin-top: 25px;
	}

	.solut_li2 {
		border: 2px solid #f6f7f9;
	}

	.procns_swiper {
		margin-top: 25px;
	}

	.zonew_p1 span {
		margin-left: 0;
	}

	.por_a1 p {
		font-size: 14px;
	}

	.pro_con {
		margin-right: 0;
	}

	.pro_con1 {
		padding: 5px 10px;
		font-size: 14px;
	}

	.pro_nav {
		margin-top: 10px;
		justify-content: space-between;
	}

	.por_a1 p::before {
		top: 9px;
		width: 3px;
		height: 3px;
	}

	.por_p1 {
		font-size: 16px;
	}

	.manual_item {
		padding: 10px;
	}

	.manual_p2 {
		font-size: 14px;
	}

	.manual_s1 {
		width: 30px;
		height: 30px;
		line-height: 30px;
	}

	.qua_title p {
		width: 100%;
		font-size: 14px;
	}

	.qua_List {
		padding: 10px;
	}

	.pro_p9 {
		margin-top: 10px;
	}

	.g-b-more-con {
		top: 40px;
		z-index: 1;
	}

	.zoen_p2 h3 {
		font-size: 18px;
	}

	.pro_main {
		margin-top: 20px;
	}

	.zoept_main {
		margin-top: 20px;
	}

	.zoept_left {
		width: 100%;
	}

	.zoept_item {
		width: 48%;
		margin-right: 2%;
	}

	.zoept_item:nth-child(2n) {
		margin-right: 0;
	}

	.zoept_item:nth-child(3n) {
		margin-right: 2%;
	}

	.zoept_right {
		width: 100%;
		font-size: 14px;
	}

	.zoehx_main {
		margin-top: 20px;
	}

	.zoehx_item:nth-child(2n) {
		margin-right: 0;
	}

	.zoehx_item p {
		margin-top: 10px;
		font-size: 14px;
	}

	.hx_img1 {
		height: 60px;
	}

	.zoesz_item {
		width: 47%;
		font-size: 14px;
		text-align: left;
		margin-top: 10px;
		margin-right: 15px;
	}

	.zoesz_item:nth-child(3n) {
		margin-right: 15px;
	}

	.zoesz_item:nth-child(2n) {
		margin-right: 0px;
	}

	.zoesz_item img {
		height: 40px;
	}


	.zoesz_p3 {
		font-size: 16px;
		margin-top: 10px;
	}

	.full3subm {
		width: 100%;
		height: 400px;
		flex-direction: column;
	}

	.full3suba_js2 {
		width: 100%;
		height: 100px;
		border-bottom: 1px solid rgba(255, 255, 255, .3);
	}

	.full3suba_js2:last-child {
		border: none;
	}

	.zoepr_item10 {
		flex-direction: column;
	}

	.zoepr_item11 {
		width: 100%;
		height: 400px;
	}

	.zoepr_item12 {
		width: 100%;
		padding-top: 0;
		min-height: 260px;
	}

	.deco:after,
	.deco {
		width: 3rem;
		height: 3rem;
	}

	.zoepr_p1 {
		font-size: 14px;
		margin-top: 10px;
		min-height: auto;
	}

	.zoepr_item10::before {
		width: 100%;
		height: 400px;
	}

	.goods_xyabout2_list_111 .zoepro_li1 img {
		height: 170px;
	}

	.full_main {
		margin-top: 20px;
	}

	.zoefa_item {
		width: 49%;
		margin-right: 5px;
		text-align: left;
		margin-top: 10px;
	}

	.zoefa_item:nth-child(2n) {
		margin-right: 0;
	}

	.zoefa_item p {
		font-size: 14px;
		margin-top: 10px;
	}

	.zoefa_item img {
		height: 40px;
	}

	.zoept_item p {
		margin-top: 10px;
		font-size: 14px;
	}

	.zoesz_p1 {
		font-size: 14px;
		margin-top: 20px;
	}

	.zoesz_main {
		margin-top: 0;
	}

	.zoesc_right {
		width: 100%;
	}

	.zoesc_left {
		width: 100%;
		padding: 20px 20px;
	}

	.zoesc_p1 {
		font-size: 20px;
	}

	.zoesc_p2 {
		margin-top: 10px;
		font-size: 14px;
	}

	.culture_p1 {
		font-size: 20px;
	}

	.culture_p2 {
		font-size: 14px;
	}

	.culture_p1::after {
		top: 40px;
	}

	.culture_list {
		margin-top: 20px;
	}

	.zoesz_img {
		margin-top: 0;
	}

	.zoefa_main {
		margin-top: 20px;
	}

	.zoepro_ul1 {
		border: none;
		border-bottom: 1px solid #666;
	}

	.zoepro_ul1:last-child {
		border-bottom: none;
	}

	.zoe_yf_title {
		padding: 0;
	}



	/* .wap-nav.on .wap-logo2 {
		height: 28px;
	}

	.wap-logo img {
		top: 5px;
	} */

	.sg2baner {
		margin-top: 64px;
	}

	.sg2banerimg {
		position: static;
	}

	.zoeproject_case {
		margin-top: 20px;
	}

	.zoenew_right {
		width: 100%;
		height: 230px;
		overflow: hidden;
	}

	.zoenew_left {
		width: 100%;
		padding: 10px 20px;
		width: 100%;
		box-sizing: border-box;
	}

	.zoenews_swiper {
		padding-bottom: 40px;
	}

	.zoe_newpage {
		text-align: center;
	}

	.zoenew_ul1 {
		width: 100%;
		margin-right: 0;
		margin-top: 10px;
	}

	.zoenew_li1 {
		padding: 0 10px;
	}

	.zoenew_li1_con {
		margin-top: 15px;
	}

	.new_search input {
		width: 110px;
		padding-left: 40px;
		font-size: 14px;
		height: 35px;
	}

	.new_search i {
		position: absolute;
		left: 15px;
		top: 4px;
		font-size: 18px;
	}

	.new_search2 .zoepro_a1 {
		width: 105px;
	}

	.mpp_sp0 {
		display: none;
		/* opacity: 0;
		visibility: hidden; */
	}

	.mppiont:hover .mpp_sp0 {
		display: block;
		/* opacity: 1;
		visibility: visible; */
	}

	.mppiont .mppiontpulse1 {
		width: 26px;
		height: 26px;
	}

	.mppiont .mppiontdot1 {
		left: -9px;
		top: 7px;
	}

	.mppiontdot1 .mpp_sp0 {
		left: -35px;
		top: 22px;
		width: 110px;
	}

	.mppiontzoe-3 .mppiontdot1 .mpp_sp0 {
		left: -75px;
		top: -40px;
		width: 200px;
	}

	.mppiontzoe-5 .mppiontdot1 .mpp_sp0 {
		left: -94px;
		top: -60px;
		width: 190px;
	}

	.press_ps1 {
		font-size: 16px;
	}

	.press_li1 {
		padding: 20px;
	}

	.goodsinfo_top .zonew_p1 {
		font-size: 30px;
	}

	.zoepro_ul1::before {
		height: 0;
	}

	.goodsinfo_top_img {
		min-height: 220px;
	}

	.pro_p6:before {
		top: 7px;
	}

	.pro_p6.on::after {
		top: 11px;
	}

	.pro_p5_one .pro_p6:before {
		top: 2px;
	}

	.pro_p5_one .pro_p6.on::after {
		top: 5px;
	}

	.pro_p5_one {
		text-align: center;
	}

	.pro_p1_load {
		position: static;
	}

	.press_ps1 {
		-webkit-line-clamp: 3;
	}

	.zoeban .zoeban_img {
		height: 190px;
		object-fit: cover;
	}

	.zoeban {
		margin-top: 64px;
	}

	.pipeline_tab td {
		min-width: 100px;
	}
}