.martop-60 {
	margin-top:-.6rem;
}
.ind-title span {
	font-size:.24rem;
	font-weight:400;
	color:#0E59D1;
	line-height:.33rem;
}
.ind-title h5 {
	font-size:.48rem;
	font-weight:600;
	color:#222222;
	line-height:.67rem;
}
.ind-title p {
	font-size:.18rem;
	font-weight:400;
	color:#666666;
	line-height:.30rem;
}
.martop20 {
	margin-top:.1rem;
}
.martop31 {
	margin-top:.31rem;
}
.martop8 {
	margin-top:.08rem;
}
.weui-flex-warp {
	display:flex;
}
.common-more {
	display:flex;
	align-items:center;
	justify-content:space-between;
	width:2.4rem;
	height:60px;
	line-height:60px;
	background:#0E59D1;
	box-sizing:border-box;
	padding:0 .3rem;
	border-radius:4px;
	color:#FFFFFF;
	font-size:.18rem;
	transition:all .3s;
}
.common-more:hover {
	color:#ffffff;
	transform:translateY(-5px);
}
/* .more-box {
	position:relative;
	width:.23rem;
	height:.23rem;
	border:1px solid #fff;
	border-radius:50%;
	display:inline-block;
	opacity:1;
}
.more-box::before {
	position:absolute;
	content:'';
	left:50%;
	top:50%;
	width:.05rem;
	height:.05rem;
	background:#fff;
	border-radius:50%;
	margin-top:-.025rem;
	margin-left:-.025rem;
	z-index:99;
}
.more-box::after {
	position:absolute;
	content:'';
	top:50%;
	width:.52rem;
	height:1px;
	background:#fff;
	left:-.405rem;
	margin-top:-0.05px;
}
*/.common-more i {
	position:absolute;
	right:-5px;
	bottom:-20px;
	width:40px;
	height:40px;
	background:rgba(255,255,255,1);
	z-index:11;
	display:block;
	border-radius:50%;
	transform:scale(1);
	opacity:0;
}
.common-more i:nth-child(2) {
	transform:scale(2);
}
.common-more i:nth-child(3) {
	transform:scale(3);
}
.common-more:hover {
	text-align:center;
	color:#fff;
	clip-path:polygon(0% 0,100% 0,100% 100%,0% 100%);
}
.common-more:hover i:nth-child(4) {
	-webkit-animation:sxxs1 1s .3s linear infinite;
	-moz-animation:sxxs1 1s .3s linear infinite;
}
.common-more:hover i:nth-child(5) {
	-webkit-animation:sxxs1 1s .6s linear infinite;
	-moz-animation:sxxs1 1s .6s linear infinite;
}
.common-more:hover i:nth-child(6) {
	-webkit-animation:sxxs1 1s 1s linear infinite;
	-moz-animation:sxxs1 1s 1s linear infinite;
}
@keyframes sxxs1 {
	0% {
	-webkit-transform:scale(0);
	opacity:.3;
}
100% {
	-webkit-transform:scale(10);
	opacity:0;
}
}/* 索搜框 */
.search-box {
	position:fixed;
	height:1rem;
	background:#fff;
	top:0;
	left:0;
	right:0;
	height:.89rem;
	z-index:999;
	padding:0 23%;
	display:flex;
	opacity:0;
	justify-content:center;
	align-items:center;
	transform:translateY(-100%);
	cursor:pointer;
	transition:all .5s ease;
	pointer-events: none;
}
.search-close {
	display:flex;
	align-items:center;
	width:.22rem;
	margin-left:13.8vw;
	cursor:pointer;
	transition:all .3s ease;
}
.search-box >input {
	border-bottom:1px solid #d7d7d7;
	width:4rem;
	height:50px;
}
.search-box > img {
	width:36px;
	height:36px;
}
.search-close:hover {
	transform:rotate(180deg);
}
.search-box.on {
	transform:translateY(0%);
	opacity:1;
	pointer-events: auto;
}
.pjoin-title h4 {
	font-size:.4rem;
	font-weight:600;
	color:#222222;
	line-height:.56rem;
}
.pjoin-title p {
	font-size:.26rem;
	font-weight:300;
	color:#999999;
	line-height:.37rem;
	margin-top:4px;
	text-transform:uppercase
}
/*  */header {
	background:#fff;
	height:70px;
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:999;
	transition:all 0.3s ease-in-out;
	display:flex;
	align-items:center;
	padding:0 .95rem 0 1.33rem;
	justify-content:space-between;
	box-shadow:0px 8px 16px 0px rgba(192,192,192,0.1);
}
.header-left {
	display:flex;
	align-items:center;
}
.logo {
	width:70px;
	overflow:hidden;
	height:32px;
	position:relative;
}
.logo img {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	z-index:999;
	opacity:0;
}
.logo img:nth-child(2) {
	opacity:1;
}
.header-nav {
	display:flex;
	justify-content:flex-end;
	align-items:center;
	height:80px;
	margin-left:4vw;
}
.header-nav ul {
	list-style:none;
	padding-left:0;
	margin-bottom:0;
}
.header-nav ul,.header-nav ul li {
	display:flex;
	justify-content:center;
	align-items:center;
	height:100%;
}
.header-nav ul li {
	position:relative;
	background:transparent;
	transition:all 0.3s ease-in-out;
	height:70px;
}
.header-nav ul li >a {
	padding:0 1.6vw;
	font-size:16px;
	position:relative;
	font-weight:400;
	color:#333;
	transition:all 0.3s ease-in-out;
	display:flex;
	align-items:center;
	-webkit-transition:all 0.3s ease-in-out;
}
.sub-nav-icon {
	display:inline-block;
	width:8px;
	height:8px;
	border-bottom:1px solid #333;
	border-right:1px solid #333;
	transform:rotate(45deg);
	margin-left:5px;
}
.sub-nav {
	position:absolute;
	left:0;
	visibility:hidden;
	/* pointer-events:none;
	*/    top:70px;
	opacity:0;
	width:100%;
	min-width:100px;
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	display:flex;
	justify-content:space-between;
	background-color:#fff;
	box-shadow:0 4px 5px rgb(0 0 0 / 10%);
}
.sub-nav::after {
	position:absolute;
	content:'';
	width:80%;
	left:10%;
	height:2px;
	background:rgb(54,66,255);
	z-index:5;
	top:0;
}
.sub-nav .nav-item {
	background-color:#fff;
	min-width:120px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:flex-start;
	width:100%;
}
.sub-nav .nav-item a {
	padding:16px 15px 20px;
	width:100%;
	display:flex;
	background:transparent;
	font-size:16px;
	font-weight:400;
	color:#777777;
	line-height:22px;
	align-items:center;
	justify-content:center;
	transition:all .5s;
}
.sub-nav .nav-item a:hover, .sub-nav .nav-item a.hover {
	color:rgb(54,66,255);
}
.header-right {
	display:flex;
	align-items:center;
	transition:all .3s;
}
.header-yuyue a {
	display:inline-block;
	width:1.4rem;
	height:34px;
	font-size:16px;
	color:#333333;
	border-radius:4px;
	text-align:center;
	transition:all .3s;
	line-height:34px;
	letter-spacing:1px;
	margin-left:.3rem;
}
.header-yuyue.on a,.header-yuyue:hover a {
	background:rgb(54,66,255);
	color:#fff;
}
header.on .logo img:nth-child(1) {
	opacity:0;
}
header.on .logo img:nth-child(2) {
	opacity:1;
}
.sub-nav.on {
	visibility:visible;
	opacity:1;
}
.nav-icon {
	display:block;
	position:absolute;
	z-index: 1000;
	right:10px;
	top:50%;
	margin-top:-17px;
	width: 40px;
	height: 34px;
}
.nav-icon span {
    position: absolute;
    top: 50%;
    left: 50%;
	display:block;
	margin-top: -1px;
	margin-left: -11px;
	width:22px;
	height:2px;
	background:#333;
	border-radius:2px;
	transition:all .3s linear;
}
.nav-icon span:first-child {
	margin-top: -7px;
}
.nav-icon span:last-child {
	margin-top: 5px;
}
.nav-icon.on span:nth-of-type(1) {
	-webkit-transform:matrix(1,0,0,1,0,6) rotate(45deg);
	transform:matrix(1,0,0,1,0,6) rotate(45deg);
}
.nav-icon.on span:nth-of-type(2) {
	width:0;
}
.nav-icon.on span:nth-of-type(3) {
	-webkit-transform:matrix(1,0,0,1,0,6) rotate(45deg);
	transform:matrix(1,0,0,1,0,-6) rotate(-45deg);
}
.header-nav ul li.on >a,.header-nav ul li.active >a {
	color:rgb(54,66,255);
}
.header-nav ul li.on .sub-nav-icon,.header-nav ul li.active .sub-nav-icon {
	border-bottom-color:rgb(54,66,255);
	border-right-color:rgb(54,66,255);
}

.banner-txt {
	position:absolute;
	bottom:1rem;
	left:1.9rem;
	right:1.9rem;
	text-align:center;
}
.banner-txt1 {
	color:#FFFFFF;
	font-size:0.46rem;
	line-height:.6rem;
	font-weight:600;
	margin-bottom:16px;
}
.banner-txt2 {
	color:#FFFFFF;
	font-size:18px;
	line-height:0.47rem;
}
#section0 {
	height: 100vh;
	overflow: hidden;
}
#section0 > img, #section0 > video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#section0 .banner-btn{
	margin: .4rem auto 0;
	display: block;
	width: 144px;
	height: 34px;
	font-size: 16px;
	line-height: 34px;
	background: rgba(54, 66, 255, 1);
	color: #fff;
	border-radius: 4px;
	transition: all .3s;
}
#section0 .videobox {
	display: none;
	position: fixed;
	z-index: 100000;
	top: 0;
	left: 0;
	right: 0;
	height: 100vh;
	background: rgba(0, 0, 0, .75);
}
#section0 .videobox .weui-cell {
	height: 100%;
}
#section0 .innerbox {
	position: relative;
	width: 60%;
	margin: 0 auto;
	background: #333;
	border-radius: 10px;
	border: 10px solid #333;
}
#section0 .innerbox i {
	position: absolute;
	z-index: 10;
	right: -20px;
	top: -20px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #333;
	cursor: pointer;
	transition: all .3s;
}
#section0 .innerbox i::before, #section0 .innerbox i::after {
	position: absolute;
	display: block;
	content: '';
	top: 50%;
	left: 50%;
	width: 16px;
	height: 2px;
	background: #fff;
	margin-top: -1px;
	margin-left: -8px;
}
#section0 .innerbox i::before{
	transform: rotate(45deg);
}
#section0 .innerbox i::after{
	transform: rotate(-45deg);
}
#section0 video {
	width: 100%;
}
@media (min-width: 1200px) {
	#section0 .banner-btn:hover {
		background: rgba(54, 66, 255, .75);
	}
	#section0 .innerbox i:hover {
		transform: rotate(180deg);
	}
}
@media (max-width: 1200px) {
	#section0 .innerbox {
		width: 80%;
	}
}
#section1 {
	background:#f7f7f7;
	width:100%;
	height:100vh;
	overflow:hidden;
	box-sizing:border-box;
	position:relative;
}
.ind-sec1-video {
	right:10%;
	width:9rem;
	/*height:6rem;*/
	z-index:10;
	top:50%;
	overflow:hidden;
	transform: translateY(-50%) translateZ(0px);
}
.ind-sec1-video video {
	width:100%;
	height:100%;
	object-fit:cover;
}
#section1 .swiper-container {
	height:100vh;
	padding-top:15vh;
	z-index:15;
}
#section1 .ind-sec1-slide {
	padding:0 4.15vw;
}
.ind-sec1-slide-left {
	width:40%;
}
.ind-sec1-slide-right {
	width:60%;
	height:5.9rem;
}
.ind-sec1-slide {
	align-items:center;
}
.ind-left-txt h5 {
	font-size:.36rem;
	font-weight:normal;
	color:#3642FF;
	line-height:28px;
	margin-bottom:.6rem;
}
.ind-left-txt p {
	font-size:16px;
	font-weight:normal;
	color:#333333;
	line-height:24px;
}
.ind-left-txt .ind-del-a {
	font-size:14px;
	font-weight:normal;
	color:#3642FF;
	margin-top:.86rem;
	display:flex;
	align-items:center;
}
.ind-del-a .sub-nav-icon {
	transform:rotate(-45deg) !important;
	width:6px;
	height:6px;
	border-bottom:1px solid rgba(54,66,255,1);
	border-right:1px solid rgba(54,66,255,1);
	margin-left:3px;
}
#section1 .swiper-pagination {
	bottom:unset;
	bottom:auto;
}
#section1 .swiper-container-vertical>.swiper-pagination {
	padding-left:27px;
}
#section1 .swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet {
	width:7px;
	height:7px;
	border-radius:50%;
	border:1px solid #B9B9B9;
	margin:.14rem 0;
}
#section1 .swiper-pagination-bullet-active {
	background:#3642FF;
	border:1px solid #3642FF;
}
#section2 {
	background:#ffffff;
	height:9.08rem;
	display:flex;
	align-items:center;
	/*overflow-x: hidden;*/
}
#section2 .ind-sec2-con {
	align-items:center;
	padding-left:4.15vw;
	padding-right:4.15vw;
}
#section2 .container {
	width:100%;
}
@media (min-width: 1921px) {
    #section2 .container{
        width: 1700px;
    }
}
#section2 .ind-sec2-left {
	flex:1;
	max-width:calc(100% - 8.6rem - 5%);
}
#section2 .ind-sec2-right {
	width:8.6rem;
	margin-left:5%;
}
.ind-sec2-right-list {
	flex-wrap:wrap;
}
.ind-sec2-item {
	width:2rem;
	height:2rem;
	padding-top:.61rem;
	box-sizing:border-box;
	border-right:1px solid #eaeaea;
	border-top:1px solid #eaeaea;
}
.ind-sec2-item:nth-child(-n+4) {
    border-top: 0;
}
.ind-sec2-item .ind-sec2-top-div img {
	width:60px;
	height:60px;
	margin:auto;
}
.ind-sec2-right-list .ind-sec2-item:nth-child(4n) {
	border-right:0;
}
.ind-sec2-item .ind-sec2-top-div p {
	font-size:16px;
	color:#333333;
	text-align:center;
	line-height:24px;
}
.ind-sec2-sub-div {
	left:0;
	top:0;
	width:200%;
	height:200%;
	background:#FFFFFF;
	border:1px solid #EEEEEE;
	box-shadow:-13px 10px 29px 0px rgba(0,0,0,0.03);
	padding:.37rem .41rem;
	transition:all .3s ease-in-out;
	z-index:15;
	transform-origin: top;
	transform: scale(1, 0);
}
.ind-sec2-item:nth-of-type(+n+9) .ind-sec2-sub-div {
	top: auto;
	bottom: 0;
	transform-origin: bottom;
}
.ind-sec2-item:nth-of-type(4n) .ind-sec2-sub-div {
    left: auto;
    right: 0;
}
.ind-sec2-sub-div img {
	width:40px;
}
.ind-sec2-sub-div h5 {
	font-size:.26rem;
	font-weight:normal;
	color:#3642FF;
	line-height:24px;
	margin-bottom:1rem;
	margin-top:.15rem;
}
.ind-sec2-sub-div p {
	font-size:16px;
	font-weight:normal;
	color:#333333;
	line-height:24px;
}
.ind-sec2-sub-div .ind-del-a {
	font-size:14px;
	font-weight:normal;
	color:#3642FF;
	margin-top:.28rem;
	display:flex;
	align-items:center;
}
.ind-sec2-item:hover {
    z-index: 10;
}
.ind-sec2-item:hover .ind-sec2-sub-div {
	transform: scale(1);
}
#section3 {
	background:#0b102d;
	overflow: hidden;
}
.section3-video {
	margin-top: -8%;
}
.section3-video video {
	width:100%;
}
.section3-txt {
	position:relative;
	z-index: 1;
	padding-top:1.73rem;
}
.ind-sec3-num:not(:last-child) {
	margin-bottom:1rem;
}
.ind-sec3-num.data-sec2-num {
	justify-content:start;
	flex-wrap:wrap;
}
.ind-sec3-num .data-sec2-num-item {
	margin-right:3vw;
	margin-bottom:.3rem;
}
.ind-sec3-num .data-sec2-num-item span {
	color:#ffffff;
}
.ind-sec3-num .data-sec2-num-item p {
	color:rgba(255,255,255,0.32);
}
.ind-sec3-left {
	width:40%;
	padding-top:.75rem;
}
.ind-sec3-right {
	width:60%;
}
.ind-sec3-left .ind-left-txt h5 {
	margin-bottom:.27rem;
}
.ind-sec3-left .ind-del-a {
	display:flex;
	align-items:center;
}
.ind-sec3-left .ind-del-a .sub-nav-icon {
	transform:rotate(-45deg) !important;
	width:6px;
	height:6px;
	border-bottom:1px solid rgba(255,255,255,1) !important;
	border-right:1px solid rgba(255,255,255,1);
	margin-left:3px;
}
#section4 {
	background:#FBFBFB;
	padding:1.38rem 0 1.34rem;
}
#section4 .container {
	padding-left:4.2vw;
	padding-right:4.2vw;
}
#section4 .ind-left-txt h5 {
	margin-bottom:.2rem;
}
.ind-brand {
	margin-top:1.2rem;
	min-height:30px;
	flex-wrap:wrap;
}
.ind-brand img {
    position: relative;
    top: 0;
	width:1.86rem;
	height:.78rem;
	margin-right:.2rem;
	transition:all .2s;
	margin-bottom:.15rem;
}
.ind-sec4-list {
	margin-top:.7rem;
	flex-wrap:wrap;
	justify-content:space-between;
}
.ind-sec4-item {
	width:32.3%;
	background:#ffffff;
	border-radius:10px;
	margin-bottom:.2rem;
	top: 0;
	transition:all .3s;
}
.ind-sec4-txt {
	padding:1.01rem .55rem 0.53rem .4rem;
}
.ind-sec4-txt p {
	font-size:16px;
	font-weight:normal;
	color:#333333;
	line-height:32px;
}
.ind-yinhao {
	left:8px;
	top:8px;
}
.ind-sec4-simg {
	border-top:1px solid #FBFBFB;
	padding:.25rem .34rem .29rem .34rem;
}
/* 获取报价方案 */.price-case {
	background:url(../images/price-bg.jpg) no-repeat;
	background-size:100% 100%;
	padding:.73rem 2rem;
}
.ind_title h5 {
	font-size:.32rem;
	line-height:28px;
	margin-bottom:.2rem;
}
.ind_title p {
	font-size:16px;
	line-height:28px;
	margin-bottom:.2rem;
	color:rgba(255,255,255,0.502);
}
.price-case  .ind_title p {
	margin-bottom:.45rem;
}
.mail-form .form-group {
	display:flex;
	align-items:center;
	margin-bottom:0;
	margin-right:.1rem;
	flex:3;
}
.mail-form .form-group:last-child {
	flex:1;
	margin-right:0;
}
.mail-form .form-group input {
	background:transparent;
	border:1px solid #fff;
	height:52px;
	border-radius:3px;
	color:#fff;
}
.mail-form .form-group button {
	font-size:17px;
	font-weight:400;
	color:#0088fe;
	height:52px;
	line-height:52px;
	width:2.9rem;
	background:#ffffff;
	box-shadow:20px 24px 16px 0px rgba(0,0,0,0.06);
	border-radius:3px;
	transition: all .3s;
}
.mail-form .form-group button:hover {
    background: rgba(255,255,255,.2);
    color: #fff;
}
/* 首页置顶按钮 */
.go_top {
	position:fixed;
	right:0;
	z-index:25;
	bottom:20%;
	cursor:pointer;
	display:none;
}
.go_top img {
	width:93px;
}
/* footer */footer {
	background:#232323;
	min-height:300px;
	padding-top:.55rem;
}
.footer .footer-content-top {
	padding-bottom:.6rem;
}
.footer-logo {
	width:.88rem;
	margin-bottom:.63rem;
}
.footer .footer-content-top  .footer-left {
	width:25%;
	padding-left:3.5vw;
}
.foot-left-txt .foot-left-p {
	font-size:18px;
	color:rgb(255,255,255);
	line-height:36px;
}
.foot-left-txt .foot-left-en {
	font-size:10px;
	color:rgba(255,255,255,0.4);
}
.footer .footer-content-top  .footer-mid {
	width:55%;
}
.footer .footer-content-top  .footer-mid .footer-list {
	color:#FFFFFF;
}
.footer-list ul {
	list-style:none;
	padding-left:0;
}
.footer-list ul li >p {
	font-size:16px;
	font-weight:500;
	color:#FFFFFF;
	line-height:28px;
	margin-bottom:.16rem;
}
.footer-list ul li .footer-sub {
	width:100%;
	margin-right:1.38rem;
}
.footer-list ul li .footer-sub a {
	display:block;
	font-size:16px;
	font-weight:400;
	line-height:32px;
	color:rgb(153,153,153);
	transition:all .3s;
}
footer .copyright {
	border-top:1px solid rgba(255,255,255,0.15);
	color:rgba(255,255,255,0.5);
	line-height:21px;
	padding-top:.17rem;
	text-align:center;
	padding-bottom:.17rem;
}
footer .copyright p {
	font-size:15px;
}
footer .copyright p a {
	color:rgba(255,255,255,0.5);
	transition:all .3s;
}
footer .copyright p a:hover, .footer .footer-list ul li .footer-sub a:hover {
	color:#fff;
}
.footer-right {
	width:20%;
	padding-left:.3rem;
}
.footer-right .footer-right-p1 {
	font-size:16px;
	font-weight:500;
	color:#FFFFFF;
	line-height:22px;
}
.footer-right-code {
	margin-top:.44rem;
}
.footer-right-code  img {
	width:1rem;
	height:1rem;
	margin-bottom:.05rem;
}
.footer-right-code >div p {
	color:#FFFFFF;
	font-size:.18rem;
	line-height:.25rem;
}
.footer-right-txt p.psmall {
	font-size:14px;
	font-family:"Indivisible";
	color:rgb(255,255,255);
	line-height:26px;
}
.footer-right-txt a.ptell {
	font-size:22px;
	color:rgb(255,255,255);
	font-weight:bold;
}
/* 内页banner图 */
.banner-p0 {
	padding:0 !important;
}
.banner-box {
	position:relative;
	background-position:center top;
	background-size:cover;
	background-repeat:no-repeat;
	margin-top:60px;
}
.banner-box >img {
	width:100%;
}
.other-banner-txt {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	display:flex;
	align-items:center;
	color:#ffffff;
}
.other-banner-txt div.container {
	width:100%;
	padding-left:11vw;
}
.other-banner-txt.ban-txt2 div.container {
	width:100%;
	padding-left:4vw;
}
.other-banner-txt div h3 {
	font-size:0.46rem;
	/*font-weight:600;
	*/line-height:0.62rem;
}
.other-banner-txt .in-ban-title {
	margin-bottom:.26rem;
}
.other-banner-txt div  p {
	font-size:18px;
	font-weight:400;
	line-height:.4rem;
}
/* 内页二级标题 */
.nav-title {
	text-align:center;
	white-space:nowrap;
	overflow-y:hidden;
	overflow-x:auto;
	height:70px;
	border-bottom:1px solid rgba(0,0,0,0.102);
	background:#fff;
	transition:all .5s;
	position:static;
	top: 70px;
}
.nav-title.fixtop {
	position:fixed;
	top:70px;
	width:100%;
	left:0;
	transition:all .5s;
	z-index:15;
}
.nav-title-con {
	font-size:0px;
	height:100%;
}
.item-a {
	color:#333;
	display:inline-block;
	height:70px;
	line-height:70px;
	text-align:center;
	position:relative;
	overflow:hidden;
	padding:0 4.33vw;
}
.wid300 {
	width:3rem;
}
.wid240 {
	width:2.4rem;
}
.item-a span {
	font-size:16px;
	color:rgb(51,51,51);
	display:inline-block;
	vertical-align:middle;
	position:relative;
	z-index:2;
	transition:all .3s ease;
}
.item-a span::after {
	position:absolute;
	content:'';
	width:0%;
	height:3px;
	background:rgb(54,66,255);
	left:0;
	bottom:0;
	z-index:5;
	transition:all .5s;
	visibility:hidden;
}
.item-a.on span,.item-a:hover span {
	color:rgb(54,66,255);
}
.item-a:hover span::after,.item-a.on span::after {
	visibility:visible;
	width:100%;
}
/* 提效流程 */
.liucheng-sec-h {
	padding: 1rem 0;
	align-items:center;
}
.liucheng-left {
	width:62.848%;
}
.liucheng-right {
	width:28.605%;
	margin-left:4.6%;
}
.liucheng-txt {
	max-width:90%;
}
.liucheng-txt h5 {
	font-size:.32rem;
	color:rgb(51,51,51);
	line-height:1.75;
	margin-bottom:.25rem;
}
.liucheng-txt p {
	font-size:16px;
	color:rgb(51,51,51);
	line-height:1.5;
}
#liucheng2,#liucheng4 {
	background:url(../images/img/lc-bg.jpg) no-repeat;
	background-size:cover;
}
.liucheng-icon-list {
	flex-wrap:wrap;
	margin-top:.7rem;
}
.liucheng-icon-list img {
	height:.89rem;
	margin-right:.26rem;
	margin-bottom:.15rem;
}
/* 记道广场 */.guangchang .in-ban-title {
	margin-bottom:.45rem;
}
.guangchang-img-con img {
	transform:scale(1);
	transition:all .3s;
}
.bg-f3f3f3 {
	background:#F3F3F3;
}
.right-img-w55 {
	width:55%;
}
.left-txt-w45 {
	width:45%;
	padding-left:4.2vw;
}
.left-img-w62 {
	width:62%;
	padding-right: 10%;
}
.right-txt-w38 {
	width:38%;
}
.guangchang-txt {
	max-width:85%;
}
.guangchang-txt h5 {
	font-size:.32rem;
	color:#333;
	line-height:1.75;
	margin-bottom:.53rem;
	font-weight:600;
}
.guangchang-txt p {
	font-size:18px;
	color:#333;
	line-height:2;
	padding-left:20px;
	position:relative;
}
.guangchang-txt span {
	font-size:14px;
	color:#999999;
	line-height:2;
	padding-left:15px;
	position:relative;
}
.guangchang-txt p::after {
	position:absolute;
	content:'';
	left:0;
	top:14px;
	z-index:5;
	width:0;
	height:0;
	border-top:4px solid transparent;
	border-left:8px solid rgb(54,66,255);
	border-bottom:4px solid transparent;
}
.guangchang-txt-notrangle h5 {
	margin-bottom:.25rem;
}
.guangchang-txt-notrangle p {
	padding-left:0px;
}
.guangchang-txt-notrangle p::after {
	opacity:0;
}
/* 智能硬件 *//* 轮播分页 */
.my-pagination .swiper-pagination-bullet {
	width:11px;
	height:11px;
	border-radius:50%;
	background-color:rgb(213,213,213);
}
.my-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color:rgb(54,66,255);
}
.hardware_banner {
	position:relative;
	padding-top: .6rem;
}
.hardware_banner img {
    width: 100%;
}
.hardware_banner  .other-banner-txt {
    top: 50%;
    transform: translateY(-50%);
}
.bg-f9f9f9 {
	background:#f9f9f9;
}
.hardware-sec-banner h4 {
	margin-bottom:.45rem;
	margin-top:.75rem;
	font-size:.36rem;
	line-height:1.1;
}
.hardware-sec-banner .container {
	padding:0 3.91vw 110px;
	position:relative;
}
.hardware_banner .swiper-container-horizontal>.swiper-pagination {
	bottom:23px;
}
/* .hardware-sec-banner .swiper-container {
	padding-bottom:70px;
	border:1px  solid red;
}
*/.hardware-sec2-left {
	width:65%;
}
.hardware-sec2-right {
	width:35%;
	display:flex;
	align-items:center;
	justify-content:center;
	position:relative;
	background:#fff;
}
.hardware-sec2-right div {
	text-align:center;
}
.hardware-sec2-right div img {
	width:1.8rem;
	height:1.8rem;
	margin:auto;
	margin-bottom:.2rem;
}
.hardware-sec2-right div h5 {
	font-size:20px;
	color:#333333;
	line-height:1.6;
	margin-bottom:.1rem;
}
.hardware-sec2-right div p {
	font-size:16px;
	color:rgb(153,153,153);
	line-height:2;
}
.hardware-sec2-buy-btn {
	left:0;
	right:0;
	bottom:0;
	height:.65rem;
	display:inline-block;
	text-align:center;
	background:rgb(54,66,255);
	line-height:.65rem;
	color:#fff;
	font-size:16px;
	opacity:0;
	transition:all .5s;
}
.my-swiper-button-prev,.my-swiper-button-next {
	width:30px !important;
	height:100px !important;
	background-image:none !important;
	background-color:rgba(0,0,0,0.302);
	opacity:0;
}
.my-swiper-button-prev::after,.my-swiper-button-next::after {
	position:absolute;
	content:'';
	width:10px;
	height:10px;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	left:50%;
	top:50%;
	margin-left:-5px;
	margin-top:-5px;
}
.my-swiper-button-prev::after {
	transform:rotate(-135deg);
}
.my-swiper-button-next::after {
	transform:rotate(45deg);
}
.my-swiper-button-prev {
	left:0 !important;
}
.my-swiper-button-next {
	right:0 !important;
}
.padbottom45 {
	padding-bottom:.45rem;
}
.hardware-sec4 {
	margin-bottom:.7rem;
}
.hardware-sec4-tp {
	color:rgb(153,153,153);
	line-height:2;
	font-size:16px;
	margin-top:-.25rem;
	margin-bottom:.6rem;
}
.hardware-sec4 {
	justify-content:space-between;
}
.hardware-sec4-item {
	width:49.2%;
	background:#f9f9f9;
	overflow:hidden;
}
.hardware-sec4-item img {
	width:100%;
	height:100%;
	object-fit:cover;
	transform:scale(1);
	transition:all .5s;
}
.hardware-sec4-item-txt {
	left:0;
	bottom:0;
	right:0;
	min-height:100px;
	z-index:5;
	padding:.45rem .5rem;
}
.hardware-sec4-item-txt h5 {
	font-size:.32rem;
	color:rgb(0,0,0);
	line-height:2;
}
.hardware-sec4-item-txt p {
	font-size:16px;
	color:rgb(153,153,153);
	line-height:2;
}
.a-freeyuyue {
	font-size:16px;
	color:rgb(8,129,234);
	line-height:2;
	margin-top:.3rem;
	display:inline-block;
	transform:translate(0,0);
	transition:all .3s;
}
.a-freeyuyue .sub-nav-icon {
	transform:rotate(-45deg) !important;
	border-bottom:1px solid rgb(8,129,234);
	border-right:1px solid rgb(8,129,234);
	margin-left:0;
}
/* 主动安全 */.save-sec video {
	object-fit:cover;
	width:100%;
}
.save-txt {
	left:0;
	top:.8rem;
	right:0;
	z-index:5;
}
.save-txt h5 {
	font-size:.32rem;
	line-height:2.031;
}
.save-txt p {
	font-size:16px;
	line-height:2.031;
}
.save-sec2 > img {
	margin:auto;
	width: 100%;
}
.save-sec2-con {
	left:0;
	top:0;
	right:0;
	bottom:0;
	padding-top:.85rem;
}
.save-list {
	justify-content:space-between;
	margin-top:.9rem;
	margin-left: -.15rem;
	margin-right: -.15rem;
	padding:0 4.02vw;
}
.save-list-item {
    display: inline-block;
	width:31%;
	height: 2.32rem;
	margin:.15rem;
	padding: 0 .24rem;
	background:#FFFFFF;
	border-image:linear-gradient(0deg,rgba(164,164,164,0.63),rgba(255,255,255,0.63)) 2 2;
	box-shadow:53px 30px 46px 0px rgba(0,0,0,0.18);
	border-radius:.08rem;
	transform:translate(0,0);
	transition:all .3s;
}
.save-list-item-num {
	bottom:-6px;
	font-family:"Indivisible";
	right:11px;
	font-size:1rem;
	font-weight:600;
	color:#F7F7F7;
	z-index:5;
}
.save-list-item img {
	width:1.56rem;
	height:1.56rem;
}
/*.save-list-item-txt {*/
/*	flex:1;*/
/*	max-width:calc(100% - 2.15rem);*/
/*}*/
.save-list-item-txt p {
	font-size:18px;
	font-weight:normal;
	color:#333333;
	line-height:26px;
}
.save-list-i-box {
	align-items:center;
	position:relative;
	margin-top: 9%;
	z-index:15;
}
.save-sec3 {
	padding-top:.85rem;
	padding-bottom:1.98rem;
}
.save-sec3 .save-txt {
	margin-bottom:1.2rem;
}
.save-sec3 img {
	max-width:100%;
	margin:auto;
}
/* about -公司简介 */.about .in-ban-title {
	margin-bottom:.16rem;
}
.about-sec1 {
	padding:.89rem 0;
	background:#F4F4F4;
	overflow: hidden;
}
.about-h4 {
	font-size:.36rem;
	font-weight:normal;
	color:#333333;
	line-height:.32rem;
	margin-bottom:.43rem;
}
.about-news .swiper-container {
	padding-bottom:1.2rem;
}
.about-news .swiper-slide {
	width: 371px !important;
}
.news-item {
	display:block;
	border-radius:0.08rem;
	background:rgba(255,255,255,1);
	transition:all .5s;
	overflow:hidden;
}
.news-item-img {
	width:100%;
	height:202px;
	overflow:hidden;
}
.news-item-img  img {
	width:100%;
	height:100%;
	object-fit:cover;
}
.news-item-txt {
	padding:.23rem .18rem;
}
.news-item-txt h5 {
	font-size:16px;
	font-weight:normal;
	color:#333333;
	line-height:24px;
	margin-bottom:.13rem;
	transition:all .5s;
}
.news-item-txt p {
	height:48px;
	font-size:14px;
	font-weight:normal;
	color:#999999;
	line-height:24px;
	transition:all .5s;
	white-space:pre-wrap;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.news-item-time {
	align-items:center;
	justify-content:space-between;
	margin-top:.8rem;
	font-size:14px;
	color:#999999;
	line-height:24px;
	transition:all .5s;
}
.news-item-time .news-del-a {
	background:#F0F4FF;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:2px;
	font-size:13px;
	color:#3642FF;
	width:.82rem;
	height:28px;
	text-align:center;
	transition:all .5s;
}
.news-del-a .sub-nav-icon {
	transform:rotate(-45deg) !important;
	width:6px;
	height:6px;
	border-bottom:1px solid rgba(0,66,255,1);
	border-right:1px solid rgba(0,66,255,1);
	margin-left:3px;
}
.my2-swiper-button-prev,.my2-swiper-button-next {
	width:43px !important;
	height:43px !important;
	border-radius:50%;
	background-image:none !important;
}
.my2-swiper-button-prev::after,.my2-swiper-button-next::after {
	position:absolute;
	content:'';
	z-index:5;
	width:10px;
	height:10px;
	border-top:2px solid #333333;
	border-right:2px solid #333333;
	top:50%;
	left:50%;
	margin-top:-5px;
}
.my2-swiper-button-prev::after {
	transform:rotate(-135deg);
	margin-left:-5px;
}
.my2-swiper-button-next::after {
	transform:rotate(45deg);
	margin-left:-6px;
}
.bg-fbfbfb {
	background:#FBFBFB;
}
.bg-fff {
	background:#ffffff;
}
.bg-ececec {
	background:#ECECEC;
}
.my2-position {
	top:95% !important;
}
.my2-position.swiper-button-prev {
	left:15%;
}
.my2-position.swiper-button-next {
	right:15%;
}
.about-sec2 {
	align-items:center;
	padding:1.68rem .22rem 1.15rem;
}
.about-sec2-img {
	width:58%;
}
.about-sec2-txt {
	width:42%;
	padding:0 9vw 0 7.5vw;
}
.about-sec2-txt p {
	font-size:16px;
	font-weight:normal;
	color:#333333;
	line-height:32px;
}
/* 发展历程 */.history {
	background:url(../images/img/about-bg2.jpg) no-repeat;
	background-position:left top;
	background-size:cover;
	height:5.85rem;
}
.history_swiper_con {
	left:4vw;
	right:4vw;
	top:0;
	bottom:0;
	display:flex;
	align-items:center;
}
.history_swiper {
	width:100%;
	position:relative;
}
.history-item {
	min-height:150px;
	text-align:center;
	position:relative;
}
.history-item::before {
	position:absolute;
	content:'';
	width:100%;
	height:1px;
	background:rgba(255,255,255,0.5);
	left:0;
	top:53px;
}
.history-item-time {
	font-size:.24rem;
	font-family:"Indivisible";
	font-weight:bold;
	color:#FFFFFF;
	line-height:30px;
	margin-bottom:45px;
	position:relative;
	height:35px;
}
.history-item-time::before {
	position:absolute;
	content:'';
	left:50%;
	bottom:-25.2px;
	width:13px;
	height:13px;
	border:1px solid #fff;
	border-radius:50%;
	margin-left:-6.3px;
}
.history-item-time::after {
	position:absolute;
	content:'';
	left:50%;
	bottom:-22px;
	width:6px;
	height:6px;
	background:#fff;
	border-radius:50%;
	margin-left:-3px;
}
.history-item-txt {
	font-size:16px;
	font-weight:normal;
	color:#FFFFFF;
	line-height:24px;
}
.my2-position2 {
	top:36% !important;
}
.my2-position2.swiper-button-prev {
	left:-24px;
}
.my2-position2.swiper-button-next {
	right:-24px;
}
.about-sec4 {
	padding:.93rem 0 .48rem;
}
.about-sec4-item {
	display:block;
	background:#F8F8F8;
	border-radius:8px;
	overflow:hidden;
}
.about-sec4-swiper .swiper-slide {
    width: 357px !important;
}
.about-sec4-item-img {
	width:100%;
	height:178px;
	overflow:hidden;
}
.about-sec4-item-top-circle {
	left:28px;
	bottom:-47px;
	width:94px;
	height:94px;
	border-radius:50%;
	overflow:hidden;
	box-shadow:-4px 8px 54px 0px rgba(0,0,0,0.13);
}
.about-sec4-item-img img,.about-sec4-item-top-circle img {
	width:100%;
	height:100%;
	object-fit:cover;
	transform:scale(1);
	transition:all .5s;
}
.about-sec4-item-txt {
	margin-top:.69rem;
	padding:.25rem;
}
.about-sec4-item-txt p {
	font-size:16px;
	font-weight:normal;
	color:#333333;
	line-height:24px;
	height: 72px;
	overflow: hidden;
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.about-sec4-item-txt .news-del-a {
	color:#3642FF;
	margin-top:.31rem;
	display:inline-block;
}
.about-sec4-swiper .swiper-container {
	padding-bottom:1rem;
}
/* 大数据 */.data-sec1 {
	padding:.54rem 0;
}
.data-sec1-list {
	flex-wrap:wrap;
	justify-content:space-between;
}
.data-sec1-item {
	width:24.5%;
	background:#FFFFFF;
	border:2px solid #D8D8D8;
	border-radius:6px;
	padding:0.39rem .5rem;
	min-height:1.57rem;
	cursor:pointer;
	transition:all .5s;
}
.data-sec1-item::after {
	position:absolute;
	content:'';
	width:10px;
	height:10px;
	border-bottom:2px solid #000EFF;
	border-right:2px solid #000EFF;
	left:50%;
	bottom:-7px;
	z-index:5;
	margin-left:-5px;
	background:#FFFFFF;
	transform:rotate(45deg);
	opacity:0;
	transition:all .5s;
}
.data-sec1-item.on {
	border:2px solid #000EFF;
	box-shadow:10px 11px 27px 0px rgba(54,66,255,0.23);
}
.data-sec1-item.on::after {
	opacity:1;
}
.data-sec1-item >span {
	position:absolute;
	right:.22rem;
	bottom:.19rem;
	font-size:1.67rem;
	font-family:"Indivisible";
	font-weight:600;
	color:#F5F5F8;
	line-height:1rem;
	z-index:10;
}
.data-sec1-item-con {
	position:relative;
	z-index:15;
	align-items:center;
}
.data-sec1-item-con img {
	width:48px;
	height:48px;
	margin-right:.27rem;
}
.data-sec1-item-txt {
	flex:1;
	max-width:calc(100% - 60px);
}
.data-sec1-item-txt h5 {
	height:18px;
	font-weight:normal;
	color:#000EFF;
	line-height:26px;
	margin-bottom:.09rem;
}
.data-sec1-item-txt p {
	height:16px;
	font-weight:normal;
	color:#999999;
	line-height:21px;
}
.data-sec1-list-con {
	min-height:150px;
	margin-top:.23rem;
}
.data-img-txt {
	left:.38rem;
	bottom:.76rem;
	right:.38rem;
}
@media (min-width: 768px) and (max-width: 1199px) {
	.data-img-txt .col-sm-3 {
		width: 27%;
		padding-right: .5rem;
	}
}
@media (min-width: 1200px) {
	.data-img-txt .col-sm-3 {
		width: 30%;
		padding-right: .5rem;
	}
	.data-img-txt .col-lg-2 {
		width: 22.666667%;
		padding-right: .5rem;
	}
}
@media (min-width: 1440px) {
	.data-img-txt .col-sm-3 {
		width: 30%;
		padding-right: .5rem;
	}
	.data-img-txt .col-lg-2 {
		width: 22.666667%;
	}
}
@media (max-width: 1366px) {
	.data-img-txt .col-sm-3 {
		padding-right: 15px;
	}	
	.data-img-txt .col-lg-2 {
		padding-right: 15px;
	}
}
@media (min-width: 768px) and (max-width: 1024px) {
	.data-img-txt .col-sm-3,
	.data-img-txt .col-lg-2 {
		width: 50%;
		margin-top: .4rem;
	}
}
.data-img {
	display:none;
	transition:all .5s;
	height:6.2rem;
}
.data-img-txt span {
	display:inline-block;
	width:32px;
	height:32px;
	border:3px solid #FFFFFF;
	border-radius:50%;
	font-size:12px;
	color:#FFFFFF;
	text-align:center;
	line-height:25px;
}
.data-img-txt h5 {
    margin-top: .35rem;
    margin-bottom: .15rem;
	font-size:24px;
	line-height: 30px;
	color:#FFFFFF;
}
.data-img-txt p {
	font-size:16px;
	color:#FFFFFF;
	line-height:24px;
}
.data-img.on {
	transform:translate(0,0);
	display:block;
}
.data-sec2 {
	height:3.14rem;
	background:url(../images/img/data-img2.jpg) no-repeat;
	background-size:cover;
}
.data-sec2 .container {
	display:flex;
	align-items:center;
	justify-content:center;
	height:100%;
}
.data-sec2-num {
	justify-content:space-between;
	width:100%;
}
.data-section .container {
	padding:0px 3.95vw;
	align-items: center;
}
.data-sec2-num-item span {
	font-size:.43rem;
	font-family:"Indivisible";
	font-weight:600;
	color:#3642FF;
	line-height:.5rem;
	display:inline-block;
	margin-bottom:.15rem;
}
.data-sec2-num-item p {
	font-size:14px;
	font-weight:normal;
	color:#999999;
	line-height:24px;
}
.data-sec3-left-list {
	margin-top:.7rem;
}
.data-sec3 {
	padding:1.8rem 0 1.15rem;
}
.data-sec3-left-title h4 {
	font-size:.32rem;
	color:#333333;
	line-height:26px;
	margin-bottom:.25rem;
}
.data-sec3-left-title p {
	font-size:18px;
	color:#333333;
	line-height:26px;
}
.data-sec3-left-item {
	align-items:center;
	border:1px solid #E7E7E7;
	padding:.3rem .33rem;
	border-radius:8px;
	background:#fff;
	/*transition:all .3s;*/
	cursor:pointer;
	margin-bottom:.13rem;
	width:72%;
}
.data-sec3-left-item-img {
	width:48px;
	height:48px;
	margin-right:.14rem;
	overflow:hidden;
}
.data-sec3-left-item-img img {
	position:absolute;
	left:0;
	top:0;
	width:48px;
	height:48px;
}
.data-sec3-left-item-img img:nth-child(1) {
	opacity:1;
	/*transition:all .3s;*/
}
.data-sec3-left-item-img img:nth-child(2) {
	opacity:0;
	/*transition:all .3s;*/
}
.data-sec3-left-item-txt {
	flex:1;
	max-width:calc(100% - 60px);
}
.data-sec3-left-item-txt h6 {
	font-size:18px;
	color:#3642FF;
	line-height:24px;
	/*transition:all .3s;*/
}
.data-sec3-left-item-txt p {
	font-size:16px;
	color:#999999;
	line-height:22px;
	/*transition:all .3s;*/
}
.data-sec3-left-item.on,.data-sec3-left-item:hover {
	background:#3642FF;
}
.data-sec3-left-item.on .data-sec3-left-item-img img:nth-child(1),.data-sec3-left-item:hover .data-sec3-left-item-img img:nth-child(1) {
	opacity:0;
}
.data-sec3-left-item.on .data-sec3-left-item-img img:nth-child(2),.data-sec3-left-item:hover .data-sec3-left-item-img img:nth-child(2) {
	opacity:1;
}
.data-sec3-left-item.on .data-sec3-left-item-txt h6,.data-sec3-left-item.on .data-sec3-left-item-txt p,.data-sec3-left-item:hover .data-sec3-left-item-txt h6,.data-sec3-left-item:hover .data-sec3-left-item-txt p {
	color:#fff;
}
.data-sec3-left {
	width:50%;
}
.data-sec3-right {
	width:51%;
}
.data-sec3-right img {
	max-width:100%;
	display:none;
}
.data-sec3-right img.on {
	display:block;
}
/* 智能监管 */
.guanchetop {
	margin-top:23%;
}
.znjgtop {
	margin-top:19%;
}
.znjg-sec1 {
	height:100vh;
}
.znjg-sec1 video, .znjg-sec1 .img {
	width:100%;
	height:100%;
	object-fit:cover;
}
.znjg-sec1-list {
    z-index: 1;
	bottom:.54rem;
	left:0;
	right:0;
	padding-left:4.2vw;
}
.znjg-sec1-con {
	justify-content:space-between;
}
.znjg-sec1-item {
	background:#FFFFFF;
	border-radius:6px;
	width:33%;
	align-items:center;
	padding:0 .67rem;
	border:3px solid transparent;
	transition:all .5s;
	position:relative;
	cursor:pointer;
	height: 1.68rem;
}
.znjg-sec1-item >span {
	font-size:1.67rem;
	font-family:'Indivisible';
	font-weight:600;
	color:#F7F7F7;
	line-height:1.5rem;
	position:absolute;
	right:.23rem;
	bottom:0;
	z-index:5;
	opacity:0;
	transition:all .5s;
}
.znjg-sec1-item-img {
	width:48px;
	height:48px;
	margin-right:.4rem;
	position:relative;
	z-index:8;
}
.znjg-sec1-item-txt {
	flex:1;
	max-width:calc(100% - 90px);
	position:relative;
	z-index:8;
}
.znjg-sec1-item-txt p {
	font-size:18px;
	color:#333333;
	line-height:26px;
}
.znjg-sec1-item.on,.znjg-sec1-item:hover {
	border:3px solid #3642FF;
	box-shadow:10px 11px 27px 0px rgba(54,66,255,0.23);
}
.znjg-sec1-item.on >span,.znjg-sec1-item:hover >span {
	opacity:1;
}
.znjg-con .guangchang-txt {
	margin-top:-23%;
}
.bg-f0f0f0 {
	background:#f0f0f0;
}
.znjg-zdqy .guangchang-txt{
	position: absolute;
	top: 50%;
	right: 15.5%;
	max-width: 27.5884%;
	transform: translateY(-50%) translateZ(0);
}
.znjg-zdqy video{
    width: 100%;
}
.znjg-cir img {
	margin-left:4vw;
}
/* 视频管车 */
.guanche-sec2 {
	position: relative;
	background:#0b0b0b;
	text-align:center;
}
.guanche-sec2 .innerbox {
	position: sticky;
	top: 0;
	padding-top:.85rem;
}
.guanche-sec2 .bgbox {
	height: 60vh;
}
.guanche-sec2 .guangchang-txt {
	margin:auto;
	margin-bottom:.8rem;
}
.guanche-sec2 .guangchang-txt h5 {
	margin-bottom:.14rem;
}
.guanche-sec2 .videobox {
	position: relative;
	width: 41.1988%;
	margin: 0 auto;
	transition: width 1s;
}
.guanche-sec2 .videobox img {
  margin: 0 auto;
	opacity: 1;
	transition: all .3s;
}
.guanche-sec2 .blackbase {
	margin: -.36rem auto 0;
	width: 59.853%;
}
.gc_video1 {
	left:-72%;
	width:244%;
	bottom:-24%;
	top:-44%;
	overflow:hidden;
	z-index:5;
	transition: all 1s;
}
.mobile-bg {
	left:25.5%;
	bottom:16.5%;
	z-index:8;
	width: 7.567%;
	animation: fadeOutLeft .5s linear both;
}
.gc_video2 {
	top:7px;
	left:7px;
	right:7px;
	bottom:7px;
	overflow:hidden;
	border-radius:16px;
}
.gc_video1 video,.gc_video2 video {
	object-fit:cover;
	width:100%;
	height:107%;
}
@media (min-width: 1681px) and (max-width: 1920px) {
	.gc_video1 {
		bottom: -16.5%;
	}
}
@media (min-width: 1441px) and (max-width: 1680px) {
	.gc_video1 {
		top: -50.8%;
		bottom: -15.8%;
	}
}
@media (min-width: 1367px) and (max-width: 1440px) {
	.gc_video1 {
		top: -53.8%;
		bottom: -15.2%;
	}
}
@media (min-width: 1025px) and (max-width: 1366px) {
	.gc_video1 {
		top: -60.8%;
		bottom: -14.4%;
	}
}
@media (min-width: 781px) and (max-width: 1024px) {
	.gc_video1 {
		top: -68.8%;
		bottom: -13.6%;
	}
}
@media (max-width: 780px) {
	.guanche-sec2 .bgbox {
		display: none;
	}
	.gc_video1 {
		left:2.5%;
		width:95%;
		bottom:27.8%;
		top:2.5%;
	}
	.mobile-bg {
		animation: fadeInLeft 0.5s linear both;
	}
}
@media (min-width: 781px) and (min-height: 1000px) {
	.guanche-sec2 .bgbox {
		height: 10vh;
	}
}
@media (min-width: 781px) {
    .guanche-sec2.on .mobile-bg {
    	animation: fadeInLeft 0.5s linear both;
		}
		.guanche-sec2.on .gc_video1 {
			left:2.5%;
			width:95%;
			bottom:27.8%;
			top:2.5%;
		}
}
@keyframes myrotate {
	0% {
	-webkit-transform:rotate(0deg);
}
25% {
	-webkit-transform:rotate(90deg);
}
50% {
	-webkit-transform:rotate(180deg);
}
75% {
	-webkit-transform:rotate(270deg);
}
100% {
	-webkit-transform:rotate(360deg);
}
}
.bg-f9f9f9 {
	background:#F9F9F9;
}
.pabout-jounal {
	padding-top:.8rem;
	padding-bottom:.6rem;
}
.pabout-jounal-swiper {
	margin-top:.35rem;
	position:relative;
}
.jounal-item {
	transform:translateY(0);
	transition:all .3s;
}
.jounal-item img {
	height:6.38rem;
	margin:auto;
}
.jounal-item p {
	font-size:.2rem;
	color:#222222;
	line-height:28px;
	margin-top:4px;
	text-align:center;
}
.pabout-jounal .swiper-container {
	padding-bottom:1rem;
}
.pabout-jounal .swiper-pagination-bullet {
	border-radius:50%;
	background:#DCDCDC;
	width:12px;
	height:12px;
}
.pabout-jounal .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background:#0E59D1;
}
.pabout-honor {
	background:url(../images/about/honnor.png) no-repeat,url(../images/about/img3.jpg) no-repeat;
	background-size:auto auto,100% 100%;
	background-position:80% bottom,left top;
	padding-top:.82rem;
	padding-bottom:.94rem;
}
.pabout-honor-txt {
	margin-top:.57rem;
	max-width:50%;
}
.pabout-honor-txt p {
	font-size:16px;
	color:#222222;
	line-height:30px;
}
.pabout-honor2 {
	padding-top:1rem;
	padding-bottom:.91rem;
}
.pabout-honor2-swiper {
	border-top:1px solid #EAEAEA;
	padding-top:.81rem;
}
.pabout-honor2-item {
	transform:translateY(0);
	transition:all .3s;
}
.pabout-honor2-item img {
	height:2.64rem;
	margin:auto;
}
.pabout-honor2-swiper p {
	font-size:20px;
	color:#222222;
	font-weight:600;
	line-height:28px;
	max-width:85%;
	margin:.28rem auto;
	text-align:center;
}
.pabout-honor2 .swiper-pagination-bullet {
	border-radius:50%;
	background:#DCDCDC;
	width:12px;
	height:12px;
}
.pabout-honor2 .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background:#0E59D1;
}
.pabout-honor2 .swiper-container {
	padding-bottom:1rem;
}
.pabout-honor2-item:hover,.jounal-item:hover {
	transform:translateY(-10px);
}
.partners {
	padding-top:1.08rem;
	padding-bottom:.68rem;
}
.partners-left {
	width:45%;
	padding-top:.5rem;
}
.partners-left .partners-txt {
	font-size:20px;
	color:#333333;
	line-height:31px;
	margin-top:.37rem;
	max-width:50%;
}
.partners-right {
	width:55%;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.partners-right .img {
	width:30.5%;
	margin-bottom:.4rem;
	height:1.2rem;
	overflow:hidden;
	cursor:pointer;
}
.partners-right .img img {
	width:100%;
	height:100%;
	object-fit:contain;
	filter:grayscale(100%);
	transition:all .5s;
}
.partners-right .img:last-child:nth-child(3n + 2) {
	margin-right:calc((100% - 30.5%) / 2);
}
.partners-right .img:hover img {
	filter:grayscale(0);
}
@media screen and (min-width:1000px) {
	.guangchang-img-con:hover img {
	transform:scale(1.05);
}
/*.hardware-sec-banner .swiper-container:hover .my-swiper-button-prev,.hardware-sec-banner .swiper-container:hover  .my-swiper-button-next,.hardware-sec-banner .swiper-container:hover  .hardware-sec2-buy-btn {*/
/*	opacity:1;*/
/*}*/
.hardware-sec-banner .swiper-container:hover  .hardware-sec2-buy-btn {
	opacity:1;
}
.hardware-sec2-buy-btn:hover {
	color:#fff;
}
.a-freeyuyue:hover {
	color:rgb(8,129,234);
	transform:translate(0,-10px);
}
.hardware-sec4-item:hover img {
	transform:scale(1.1);
}
.save-list-item:hover {
	transform:translate(0,-10px);
}
.news-item:hover {
	background:rgba(54,66,255,1);
	box-shadow:-11px 24px 54px 0px rgba(0,0,0,0.15);
}
.news-item:hover .news-item-txt h5,.news-item:hover .news-item-txt p,.news-item:hover .news-item-time {
	color:#fff;
}
.news-item:hover .news-item-time  .news-del-a {
	background:#F0F4FF;
}
.about-sec4-item:hover .about-sec4-item-img img {
	transform:scale(1.1);
}
.ind-sec4-list  .ind-sec4-item:last-child:nth-child(3n + 2) {
	margin-right:calc((100% - 32.3%) / 2);
}
.ind-sec4-item:hover {
	top: -10px;
	box-shadow: 0 5px 15px rgba(0,0,0,.1);
}
.ind-brand img:hover {
	box-shadow:0 4px 10px rgb(0 0 0 / 10%);
	top: -5px;
}
}
@media screen and (max-width:1700px) {
	header {
    	padding: 0 .9rem 0 1.2rem;
    }
}
@media screen and (max-width:1600px) {
	header {
    	padding: 0 .6rem 0 .8rem;
    }
}
@media screen and (max-width:1400px) {
	header {
    	padding:0 .3rem 0 .5rem;
    }
    .ind-title h5 {
    	font-size:.35rem;
    }
}
@media screen and (max-width:1250px) {
   	header {
    	.header-nav ul li >a: padding: 0 1.4vw;
    } 
}
@media screen and (max-width:1200px) {
	.znjg-sec1-item {
	padding:15px 10px;
}
}@media (max-width:780px) {
	.item-a {
	box-shadow:0 4px 5px rgb(0 0 0 / 10%);
}
.nav-title {
	padding-bottom:1rem;
}
.martop-60 {
	margin-top:-.9rem;
}
.other-banner-txt div p {
	font-size:16px;
}
.weui-flex-warp {
	flex-wrap:wrap;
}
.weui-flex-warp-item {
	width:100% !important;
}
.pad30-m {
	padding:30px !important;
}
.pad30-15-m {
	padding:30px  15px !important;
}
.more-box::after {
	width:.3rem;
	left:-.185rem;
	margin-top:0;
}
.ind-title h5 {
	font-size:.4rem;
}
.ind-title span,.pservicede-item-txt h3 {
	font-size:18px;
}
.ind-title p,.case-del-section1-right p,.case-sec2 .case-sec2-item p,.case-sec3 p {
	font-size:16px;
	line-height:.45rem;
}
header {
	height:60px;
	padding:0 .3rem;
	box-shadow:0 4px 5px rgb(0 0 0 / 10%);
}
.header-right {
	padding-right:35px;
}
.header-yuyue a {
	font-size:14px;
}
.header-nav {
	position:fixed;
	top:60px;
	left:0;
	right:0;
	bottom:0;
	background:#fff;
	box-sizing:border-box;
	display:none;
	height:auto;
	margin-left:0;
}
.header-nav ul {
	flex-wrap:wrap;
	width:100%;
	height:unset;
}
.header-nav ul li {
	border-bottom:1px solid rgba(226,226,226,1);
	width:100%;
	height:unset;
	flex-wrap:wrap;
}
.header-nav ul li >a {
	width:100%;
	text-align:center;
	line-height:60px;
}
.sub-nav {
	position:relative;
	top:0;
	height:0;
}
.sub-nav.on {
	height:100%;
}
.sub-nav .nav-item a {
	justify-content:center;
}
.sub-nav .nav-item .more-box {
	display:none;
}
.banner-txt {
	left:30px;
	right:30px;
}
.header-nav ul li >a {
	justify-content:center;
}

.footer .footer-list ul li >p,.pservice .pservice-p,.jounal-item p {
	font-size:16px;
}
.footer .footer-list ul li .footer-sub {
	display:none;
}
.footer .footer-list ul li .footer-sub {
	margin-right:0;
}
.footer .footer-list ul li >p {
	padding-bottom:10px;
	border-bottom:1px solid rgba(255,255,255,0.3);
	position:relative;
}
.footer .footer-list ul li >p::after {
	position:absolute;
	content:'';
	top:50%;
	right:10px;
	width:10px;
	height:10px;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	transform:rotate(45deg);
	margin-top:-5px;
	transition:all .5s;
}
.footer .footer-list ul li >p.on::after {
	transform:rotate(135deg);
	right:10px;
}
.footer .footer-content-top .footer-left,.liucheng-left {
	padding-top:30px;
}
.footer-right {
	padding-left:0;
}
.footer-logo {
	width:1.6rem;
}
footer .copyright p,.prodel-title .prodel-title-left a {
	font-size:12px;
}
.mail-form .form-group {
	flex:unset;
	margin-bottom:20px;
}
.mail-form .form-group button {
	width:100%;
}
.footer .footer-content-top .footer-left {
	padding-left:0;
	padding-top:0;
	padding-bottom:30px;
}
footer {
	padding-top:0;
}
.hardware-sec2-right {
	margin-top:30px;
}
.weui-flex-warp-item {
	margin-bottom:30px;
}
.liucheng-sec-h,.news-item-img,.about-sec4-item-img {
	height:unset;
	height:auto;
}
.liucheng-txt {
	max-width:100%;
}
.footer-list li {
	margin-bottom:0px !important;
}
.footer-list li .footer-sub {
	margin-top:15px;
	margin-bottom:15px;
}
.my2-position {
	top:93% !important;
}
.news-item-img img,.about-sec4-item-img img,.data-sec3-left-item {
	width:100%;
}
.data-sec1-item {
	min-height:1.9rem;
}
.data-sec2 {
	height:unset;
	height:auto;
	padding:25px 0;
}
.data-sec2-num-item {
	width:49%;
	margin-bottom:15px;
}
.data-section .container {
	padding:0;
}
#section1 {
	padding-top:4rem;
	height:unset;
}
.ind-sec1-video {
	top:0;
	right:0;
	width:unset;
	height:5rem;
}
#section1 .swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet {
	display:inline-block;
	margin-right:10px;
}
#section1 .swiper-container-vertical>.swiper-pagination {
	top:90%;
}
#section1 .swiper-container {
	height:60vh;
}
.ind-sec1-slide-right {
	height:0 !important;
}
#section2 {
	display:block;
	height:unset;
}
#section2 .ind-sec2-left {
	max-width:100%;
}
#section2 .ind-sec2-con {
	padding-top:30px;
	padding-left:15px;
	padding-right:15px;
}
#section2 .container {
	width:unset;
}
#section2 .ind-sec2-right {
	margin-left:0;
}
.ind-sec2-item {
	width:25%;
	padding-top:.45rem;
}
#section3 .ind-sec3-num .data-sec2-num-item {
	margin-right:0;
}
.section3-txt {
	left:0;
	padding-top:.3rem;
}
.news-item-time .news-del-a {
	width:1.2rem;
}
.guangchang-txt p {
	font-size:16px;
}
.guangchang-txt p::after{
    top: 12px;
}
.guangchang-txt {
	max-width:100%;
}
.guangchang-txt,.guangchang-img-con {
	padding-top:30px;
}
.guanchetop {
	margin-top:unset;
}
.save-sec2 {
	min-height:13rem;
}
.page-post {
	padding-top:60px;
}
.layout-max h1 {
	font-size:24px;
	line-height:32px;
	margin:15px 0;
}
.back.hack-middle {
	margin-bottom:1.5rem;
}
.post-context .post-context-item h3 {
	font-size:20px;
}
}#section1 .ind-title,#section1 .solution,#section2 .ind-title,#section2 .section2-item-right,#section3 .ind-title,#section3 .section3-list,#section4 .ind-news-right {
	transform:translateY(40%);
	transition:all 1s ease;
	transition-delay:0.5s;
	opacity:0;
}
#section2 .section2-item-mid {
	transform:translateY(0) scale(0);
	transition:all 1s ease;
	transition-delay:0.8s;
	opacity:0;
}
#section2.active .section2-item-mid {
	transform:translateY(0) scale(1);
	opacity:1;
}
#section1.active .ind-title,#section1.active .solution,#section2.active .ind-title,#section2.active .section2-item-right,#section3.active .ind-title,#section3.active .section3-list,#section4.active .ind-news-right {
	transform:translateY(0);
	opacity:1;
}
@keyframes updown {
	0% {
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	-ms-transform:translateY(0);
	-o-transform:translateY(0);
	transform:translateY(0);
}
100% {
	-webkit-transform:translateY(-3px);
	-moz-transform:translateY(-3px);
	-ms-transform:translateY(-3px);
	-o-transform:translateY(-3px);
	transform:translateY(-3px);
}
}
.delay600 {
	-webkit-animation-delay:.6s;
	animation-delay:.6s;
	-ms-animation-delay:.6s;
	-moz-animation-delay:.6s;
	-o-animation-delay:.6s;
}
.delay900 {
	-webkit-animation-delay:.9s;
	animation-delay:.9s;
	-ms-animation-delay:.9s;
	-moz-animation-delay:.9s;
	-o-animation-delay:.9s;
}
@keyframes myfadeup {
	0% {
	opacity:0;
	-webkit-transform:translateY(20px);
	-ms-transform:translateY(20px);
	transform:translateY(20px);
}
100% {
	opacity:1;
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0);
}
}.myfadeInUp {
	-webkit-animation-name:fadeInUp;
	animation-name:fadeInUp;
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}
@keyframes point1 {
	0% {
	transform:scale(.8);
}
50% {
	transform:scale(1.2);
}
100% {
	transform:scale(.8);
}
}.point1 {
	-webkit-animation-name:point1;
	animation-name:point1;
}
@keyframes bigtosmall {
	0% {
	opacity:1;
	-webkit-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1);
}
100% {
	opacity:1;
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
}
}.bigtosmall {
	-webkit-animation-name:bigtosmall;
	animation-name:bigtosmall;
	transform-origin:50% 50%;
}
/* 详情页面 */
.newsinfo {
    padding-top: 70px;
}
.newsinfo .post-header h1 {
    font-size: 32px;
    line-height: 44px;
}
.newsinfo .post-header-date {
    margin-top: 1em;
    font-size: 14px;
} 
.newsinfo .back a {
    transition: color .3s;   
}
.newsinfo .back a:hover {
    color: #3642ff;
}
.page-post {
	--page-theme-color:var(--color-blue-gray-50);
}
.post-header {
	position:relative;
	background:var(--page-theme-color);
	display:flex;
	align-items:center;
	padding:4em 0;
}
.post-header>* {
	flex:1 1;
}
.layout-max {
	max-width:1440px;
	padding:0 var(--edge);
}
.layout-max,.layout-modal-max {
	margin:0 auto;
}
.post-header .back svg {
	position:relative;
	top:.1em;
	margin-right:.5em;
	fill:var(--color-primary-black);
}
.icon-arrow {
	height:1em;
	width:auto;
}
.post-article {
	color:var(--color-gray-gray-800);
	padding:2em 0 var(--row-gap);
	line-height:180%;
}
.post-context {
	display:flex;
	flex-direction:column;
	margin-top:2em;
}
.post-article h1,.post-article h2,.post-article h3,.post-article h4 {
	margin:1.5em 0;
	line-height:150%;
}
.post-context .post-context-item {
	margin-bottom:2em;
	background:var(--color-gray-gray-50);
	display:flex;
	align-items:center;
}
.post-context .post-context-item .image {
	background:var(--color-blue-gray-100);
	position:relative;
	min-width:8em;
	padding-bottom:8em;
	overflow:hidden;
}
.post-context .post-context-item .image img {
	margin:0;
	pointer-events:none;
	position:absolute;
	width:100%;
	height:100%;
	-o-object-fit:cover;
	object-fit:cover;
	-o-object-position:50% 50%;
	object-position:50% 50%;
	vertical-align:middle;
}
.post-context .post-context-item h3 {
	margin:1.5em;
	font-weight:var(--semibold);
	font-size: .2rem;
}
/*预约弹框  */
:root {
	--gutter:32px;
	--column:12;
}
:root {
	--light:300;
	--regular:400;
	--semibold:600;
	--bold:800;
	--font-size-h1:32px;
	--line-height-h1:44px;
	--font-size-h2:24px;
	--line-height-h2:32px;
	--font-size-h3:18px;
	--line-height-h3:24px;
	--font-size-quote:28px;
	--line-height-quote:56px;
	--font-size-label:14px;
	--line-height-label:20px;
	--font-size-body:16px;
	--line-height-body:20px;
	--font-size-p-short:var(--font-size-body);
	--line-height-p-short:32px;
	--font-size-p-long:var(--font-size-body);
	--line-height-p-long:24px;
	--font-size-description:14px;
	--line-height-description:24px;
	--edge:24px;
	--row-gap:20vw;
	--hero-height:640px;
	--color-primary-purple:#5a32d2;
	--color-primary-black:#0a0a0a;
	--color-primary-white:#fff;
	--color-secondary-blue:#0057da;
	--color-secondary-green:#4db884;
	--color-secondary-yellow:#ffd748;
	--color-secondary-orange:#f29764;
	--color-secondary-red:#ec4f45;
	--color-secondary-beige-text:#a89258;
	--color-secondary-beige:#c8b582;
	--color-secondary-gray:#f0efe4;
	--color-gray-black:#000;
	--color-gray-black-50:rgba(10,10,10,0.5);
	--color-gray-white-50:hsla(0,0%,100%,0.5);
	--color-gray-white-75:hsla(0,0%,100%,0.75);
	--color-gray-gray-900:#0a0a0a;
	--color-gray-gray-800:#333;
	--color-gray-gray-700:#4d4d4d;
	--color-gray-gray-600:#666;
	--color-gray-gray-500:grey;
	--color-gray-gray-400:#a3a3a3;
	--color-gray-gray-300:#b3b3b3;
	--color-gray-gray-100:#eaeaea;
	--color-gray-gray-50:#f4f4f4;
	--color-purple-purple-600:#4025aa;
	--color-purple-purple-500:#5a32d2;
	--color-purple-purple-400:#8550ee;
	--color-purple-purple-300:#a874fc;
	--color-purple-purple-200:#c59bfd;
	--color-purple-purple-100:#eddcff;
	--color-purple-gray-100:#dedde9;
	--color-purple-gray-50:#efeff4;
	--color-blue-blue-600:#0057da;
	--color-blue-blue-500:#0179f0;
	--color-blue-blue-400:#16a4fc;
	--color-blue-blue-300:#4dcff6;
	--color-blue-blue-200:#88e6f9;
	--color-blue-blue-100:#b5f4fa;
	--color-blue-gray-200:#a0abb9;
	--color-blue-gray-100:#e0ebee;
	--color-blue-gray-50:#eff4f4;
	--color-beige-beige-500:#7b6832;
	--color-beige-beige-400:#a08b52;
	--color-beige-beige-300:#b4a16f;
	--color-beige-beige-200:#c8b582;
	--color-beige-beige-100:#e0d9b8;
	--color-beige-gray-100:#f2f0e3;
	--color-beige-gray-50:#f5f5ec;
	--elevation-low:0px 6px 16px rgba(0,0,0,0.08),0px 0px 6px rgba(0,0,0,0.08);
	--elevation-medium:0px 12px 24px rgba(0,0,0,0.16);
	--elevation-high:0px 16px 64px rgba(0,0,0,0.16);
	--page-theme-color:var(--color-gray-gray-50);
}
.global-modal {
	display:none;
	z-index:10000;
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	overflow:hidden;
}
.global-modal .layout-max {
    height: 100vh;
}
.global-modal.on {
	display:block;
}
.global-modal .mask {
	z-index:-1;
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background:rgba(0,0,0,.25);
}
.layout-max {
	max-width:1440px;
	padding:0 var(--edge);
	display: flex;
	align-items: center;
}
.layout-max,.layout-modal-max {
	margin:0 auto;
}
.global-modal .modal-normal {
    max-height: 88vh;
	background:var(--color-primary-white);
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}
.global-reserve {
	min-height:100px;
	padding:var(--edge);
}
.global-reserve>.global-header {
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-bottom:.5em;
	padding: 1.5em 0;
	background: #fff;
}
.global-reserve>.global-header .close {
	cursor:pointer;
}
.global-reserve>.global-header .close .icon-close {
	font-size:var(--font-size-h3);
	height:1em;
	width:auto;
}
.global-reserve .tips {
	color:var(--color-gray-black-50);
	margin-bottom:2em;
}
.global-reserve .input-label-group {
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-bottom:.5em;
	font-size:var(--font-size-description);
	color:var(--color-gray-black-50);
}
.global-reserve .input-label-group.product-label-group {
	margin-bottom:1em;
}
.global-reserve .interests {
	margin-right:-1em;
	margin-bottom:-1em;
}
.global-reserve .interests .checkbox-group {
	margin-right:1em;
	margin-bottom:1em;
	display:flex;
	align-items:center;
}
.global-reserve .interests .checkbox-group input {
	position:relative;
	top:-.05em;
}
input[type=checkbox],input[type=radio] {
	width:16px;
	height:16px;
	background:#fff;
	border:2px solid #0a0a0a;
	box-sizing:border-box;
	padding:0;
}
.global-reserve .interests .checkbox-group label {
	padding-left:.5em;
	margin-bottom:0 !important;
}
.global-reserve .user-info {
	margin-top:2em;
	margin-right:-1em;
	margin-bottom:-1em;
	font-family:var(--form-font-family);
}
.global-reserve .user-info .input-group {
	margin-right:1em;
	margin-bottom:1em;
}
.global-reserve .input-label-group {
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-bottom:.5em;
	font-size:var(--font-size-description);
	color:var(--color-gray-black-50);
}
.global-modal .sendcode{
	margin-left: .5em;
	padding: 1em;
	width: 100px;
	border: 1px solid #f4f4f4;
	background: #f4f4f4;
	cursor: not-allowed;
}
.global-modal .sendcode.on{
	border-color: #3642ff;
	background: #3642ff;
	color: #fff;
	cursor: pointer;
	transition: all .3s;
}
.global-reserve .user-info .input-group input[type=text],.global-reserve .user-info .input-group select,.global-reserve .user-info .input-group textarea {
	display:block;
	width:100%;
}
.global-reserve .user-info .input-group .region select+select {
	margin-left:1em;
}
.global-reserve .user-info .input-group .region {
	display:flex;
}
select {
	border:1px solid #333;
	background-repeat:no-repeat;
	background-size:16px;
	background-position:right 1em center;
	padding:.6em 2.5em .6em 1.5em;
}
.global-modal  input[type=email],.global-modal   input[type=password],.global-modal   input[type=text],.global-modal  textarea {
	background-color:var(--color-gray-gray-50);
	padding:1em;
	border:1px solid transparent;
}
.global-reserve .user-info .input-group .ratio-group {
	display:flex;
	align-items:center;
	height:3.5em;
}
.global-reserve .user-info .input-group .ratio-group input {
	position:relative;
	top:-.1em;
}
.global-reserve .user-info .input-group .ratio-group label {
	padding-left:.5em;
	margin-right:2em;
	margin-bottom: 0;
}
.global-reserve .user-info .input-group.full-width {
	flex:100% 1;
}
.global-reserve .user-info .input-group textarea {
	resize:vertical;
}
.global-reserve .elements-button {
	margin-top:2em;
	margin-bottom:0;
	width:100%;
	display:flex;
	justify-content:center;
}
.elements-button .label {
	line-height:normal;
}
.icon-arrow {
	height:1em;
	width:auto;
}
.elements-button svg {
	margin-left:1em;
	fill:var(--color-primary-white);
}
.elements-button .label {
	line-height:normal;
}
.label {
	font-size:var(--font-size-label);
	line-height:var(--line-height-label);
	font-weight:var(--semibold);
}
*,:after,:before {
	box-sizing:border-box;
}
.elements-button {
	position:relative;
	display:inline-flex;
	align-items:center;
	vertical-align:middle;
	cursor:pointer;
	padding:0.6em 1.5em;
	background-color:rgba(54, 66, 255, 1);
	color:var(--color-primary-white);
	border:2px solid transparent;
	transition: background-color .3s;
}
.elements-button:hover{
    background-color:rgba(54, 66, 255, .75);
}
.global-modal input::-webkit-input-placeholder,.global-modal  textarea::-webkit-input-placeholder {
	color:#999 !important;
}
.global-modal input:-moz-placeholder,.global-modal  textarea:-moz-placeholder {
	color:#999 !important;
}
.global-modal input::-moz-placeholder,.global-modal  textarea::-moz-placeholder {
	color:#999 !important;
}
.global-modal input:-ms-input-placeholder,.global-modal  textarea:-ms-input-placeholder {
	color:#999 !important;
}
.global-reserve .input-label-group .alert {
	color:var(--color-secondary-red);
	margin-bottom:0px !important;
	padding:0 !important;
	display:none;
}
.global-reserve .input-label-group .alert.on {
	display:block;
}
.global-modal input[type=email].error,.global-modal  input[type=password].error,.global-modal  input[type=text].error,textarea.error {
	background-color:var(--color-primary-white);
	border:1px solid var(--color-secondary-red);
}
@media (min-width:1024px) {
	:root {
	--font-size-h1:48px;
	--line-height-h1:64px;
	--font-size-h2:32px;
	--line-height-h2:44px;
	--font-size-h3:20px;
	--line-height-h3:28px;
	--font-size-quote:40px;
	--line-height-quote:80px;
	--font-size-label:16px;
	--line-height-label:24px;
	--font-size-body:18px;
	--line-height-body:22px;
	--font-size-p-short:var(--font-size-body);
	--line-height-p-short:36px;
	--font-size-p-long:var(--font-size-body);
	--line-height-p-long:28px;
	--font-size-description:14px;
	--line-height-description:24px;
	--edge:64px;
	--hero-height:calc(100vh - 84px);
}
}@media (min-width:768px) {
	.global-header {
	z-index:1000;
	position:-webkit-sticky;
	position:sticky;
	top:0;
	font-size:var(--font-size-label);
}
:root {
	--font-size-h1:40px;
	--line-height-h1:52px;
	--font-size-h2:28px;
	--line-height-h2:36px;
	--font-size-h3:18px;
	--line-height-h3:24px;
	--font-size-quote:32px;
	--line-height-quote:64px;
	--font-size-label:14px;
	--line-height-label:24px;
	--font-size-body:16px;
	--line-height-body:20px;
	--font-size-p-short:var(--font-size-body);
	--line-height-p-short:32px;
	--font-size-p-long:var(--font-size-body);
	--line-height-p-long:24px;
	--font-size-description:14px;
	--line-height-description:24px;
	--edge:48px;
	--row-gap:10vw;
	--hero-height:calc(100vh - 80px);
}
.global-reserve {
	padding: 1.5em 3em 3em;
}
.global-reserve .interests {
	display:flex;
	flex-wrap:wrap;
}
/* .global-reserve .interests>* {
	flex:calc(33.33333% - 1em) 1;
} */
.global-reserve .user-info {
	display:flex;
	flex-wrap:wrap;
}
.global-reserve .user-info>* {
	width:calc(50% - 1em);
}
.hack-middle {
	height:100%;
	display:flex;
	flex-flow:column;
	justify-content:center;
	align-items:flex-start;
}
.post-header .layout-max {
	height:100%;
}
.post-header .row {
	width: 100%;
}
}


/* 21.11.12 */
.whd-idx-video {
	background: #f7f7f7;
}
.whd-idx-video .weui-cell {
	height: 100vh;
	position: sticky;
	position: -webkit-sticky;
	top: 0;
}
.whd-idx-video .dots {
	position: absolute;
	z-index: 6;
	top: 50%; 
	left: -7%;
	transform: translateY(-50%) translateZ(0);
}
.whd-idx-video .dots span{
	display: block;
	margin: 7px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	border: 1px solid #b9b9b9;
}
.whd-idx-video .dots span.on {
	background: #3642FF;
	border-color: #3642FF; 
}
.whd-idx-video .video {
	position: absolute;
	right: 10%;
	top: 50%;
	width: 54%;
	transform: translateY(-50%) translateZ(0);
}
.whd-idx-video .video video {
	max-width: 100%;
}
.whd-idx-video .ind-left-txt {
	position: absolute;
	z-index: 5;
	top: 50%;
	margin: 0 3.5vw;
	width: 30%;
	opacity: 0;
	transform: translateY(-35%);
	transition: all .5s;
}
.whd-idx-video .ind-left-txt.on {
    z-index: 6;
	opacity: 1;
	transform: translateY(-50%);
}
.whd-idx-video .bgbox {
	height: 100vh;
}
.whd-idx-video #bgbox1 {
	margin-top: -50vh;
}
@media (max-width: 1680px) {
    .footer .footer-content-top .footer-left{width: 20%;}
    .footer .footer-content-top .footer-mid{width: 55%;}
    .footer-list ul li .footer-sub{margin-right: 1.2rem;}
    .footer-right{ width: 25%;}
    .znjg-sec1-item{padding: 0 .57rem;}
    .gc_video2{border-radius: 8px; right: 5px; top: 6px;}
    .save-list-item{width: 30%;}
    .data-sec1-item{padding: .36rem;}
}
@media (max-width: 1440px) {
    .whd-idx-video .dots{left: -5%;}
    footer .container {padding: 0 3.95vw;}
	footer .footer-content-top .footer-left {display: none;}
	.footer .footer-content-top .footer-mid {width: 73%;}
	.footer .footer-content-top .footer-right {width: 27%;}
	.znjg-sec1-item{padding: 0 .47rem;}
	.znjg-sec1-item-txt p{font-size: 16px;}
	.data-sec1-item{padding-left: .26rem; padding-right: .26rem;}
}
@media (max-width: 1366px) {
    .ind-brand img { margin-right: .12rem;}
    .save-list{padding: 0;}
    .data-sec1-item{padding: .26rem .1rem 0 .13rem;}
}
@media (max-width: 1320px) {
    .data-sec1-item-con img{margin-right: .15rem;}
}
@media (max-width: 1280px) {
	.footer-list ul li .footer-sub{margin-right: 1rem;}
	.data-sec1-item-con img{margin-right: .1rem;}
	#section2 {display: block; height: auto; padding: .86rem 0;}
    #section2 .container{width: auto;}
    #section2 .ind-sec2-con{display: block;}
    #section2 .ind-sec2-left{max-width: none; text-align: center;}
    #section2 .ind-left-txt .ind-del-a{display: inline-block; margin-bottom: .86rem;}
    #section2 .ind-sec2-right{margin: 0 auto;}
}
@media (max-width: 1199px) {
	.footer .footer-content-top .footer-mid {width: 100%;}
	.footer .footer-content-top .footer-right{display: none;}
	.item-a{padding: 0 3.33vw;}
}
@media (max-width: 1024px) {
    .whd-idx-video .video{right: 0;}
    .ind-sec2-sub-div h5{margin-bottom: .5rem;}
    .ind-brand img{margin-right: .1rem;}
    .ind-sec3-num:not(:last-child){margin-bottom: 0;}
    .price-case{padding: .73rem;}
    .znjg-sec1-item{height: 2.68rem;}
    .gc_video2{right: 3px; left: 4px; bottom: 3px; top: 4px;}
    .save-list-item{padding: 0 .15rem; height: 2rem;}
	.save-list-item-txt p{font-size: 16px;}
	.save-list-item-num{font-size: .8rem;}
	.save-list-item img{width: 78px; height: 78px;}
	.data-sec1-item{min-height: 2rem;}
	.data-sec1-item >span{font-size: 1.2rem;}
	.data-sec2-num{display: block; text-align: center;}
	.data-sec2-num-item{display: inline-block; padding: .2rem 0; width: 32%;}
	.data-section .container{display: block; padding: 0;}
	.data-sec3{padding-top: 1rem;}
	.data-sec3-left{width: 100%;}
	.data-sec3-left-title{text-align: center;}
	.ind-sec3-left{padding-top: .35rem;}
}
@media (min-width: 640px) and (max-width: 1024px) {
    .data-sec3-left-list{display: flex;}
    .data-sec3-left-item{min-height: 2rem;}
    .data-sec3-left-item{margin: 0 .08rem;}
    .data-sec3-right{margin: .4rem auto 0; width: 80%;}
}
@media (max-width: 780px) {
    .ind-brand img{margin-right: .24rem;}
    .footer .footer-content-top{padding-left: 0 !important; padding-right: 0 !important;}
    .footer-list ul{width: 100%;}
    .znjg-sec1-list{padding: 0;}
    .znjg-sec1-item{display: inline-block; padding: 15px;}
    .znjg-sec1-item-img{margin: 0 auto 10px;}
    .znjg-sec1-item-txt{max-width: none;}
    .znjg-sec1-item-txt p{font-size: 14px; line-height: 20px;}
    .znjg-con .guangchang-txt{margin-top: 0;}
    .left-img-w62, .left-txt-w45{padding-left: 0;}
    .mobile-bg{bottom: 13.5%;}
    .data-sec1-item{margin: 1%; width: 48% !important; min-height: 1.8rem;}
    .hardware-sec2-left{margin-bottom: 0;}
    .hardware-sec2-right{margin-top: 0; padding: .15rem .15rem .3rem;}
}
@media (max-width: 640px) {
	.footer .footer-content-top{padding-left: 0 !important; padding-right: 0 !important;}
	.footer .footer-content-top .footer-left, .footer .footer-content-top .footer-right {display: block !important;}
	.whd-idx-video .dots{left: 0; right: 0; top: .8rem; padding: .4rem 0; text-align: center; transform: none;}
	.whd-idx-video .dots span{display: inline-block;}
	.whd-idx-video .weui-cell{display: block; padding-left: 0; padding-right: 0;}
	.whd-idx-video .video{position: static; width: 100%; margin: 1.8rem 0 0; transform: none;}
	.whd-idx-video .ind-left-txt{left: 0; top: 75%; width: 100%; margin: 0; transition: all .3s;}
	.ind-sec2-right-list{display: block;}
	.ind-sec2-item{width: 100%; height: auto; border: 0; padding-top: 15px;}
	.ind-sec2-top-div{display: none;}
	.ind-sec2-sub-div{position: static; width: 100%; transform: none;}
	#section2 .ind-sec2-con{padding-left: 0; padding-right: 0;}
	#section2 .ind-left-txt .ind-del-a{margin-bottom: 0;}
	#section4 .container{padding-left: 0; padding-right: 0;}
	.ind-sec3-left, .ind-left-txt{text-align: center;}
	.ind-left-txt .ind-del-a{display: inline-block;}
	.ind-brand img{margin-right: .05rem;}
	footer .copyright p a{display: block;}
	.go_top img{width: 69px;}
	.znjg-sec1{height: auto;}
	.znjg-sec1 video {height: 58vw;}
	.znjg-sec1-list{position: static; padding: .6rem 0;}
	.znjg-sec1-item >span{font-size: 1.2rem; right: 0;}
	.znjg-sec1-item.on{border-width: 2px;}
	.znjg-sec1-item{height: auto;}
	.znjg-zdqy .guangchang-txt{position: static; max-width: none; width: 85%; margin: -1rem auto .5rem; transform: none;}
	.znjg-zdqy .guangchang-txt .white{color: #333 !important;}
	.guanche-sec2 .videobox{width: 94%;}
	.guanche-sec2 .mobile-bg{bottom: 10.5%; left: 7.5%; width: 12.567%;}
	.gc_video2{top: 2px; right: 2px; left: 3px; border-radius: 4px;}
	.guanche-sec2 .blackbase{width: 80%; margin-top: -.2rem;}
	.liucheng-sec-h{padding: .4rem 0;}
	.save-txt{position: static; padding: 15px;}
	.save-txt .white{color: #333 !important;}
	.save-sec2-con{position: static; padding-top: .4rem;}
	.save-list-i-box{margin-top: 0;}
	.save-list{margin-left: 0; margin-right: 0; margin-top: .4rem;}
	.save-list-item{width: auto; height: auto; display: block; margin: 0 auto .3rem; padding: 15px; box-shadow: 0 10px 15px 0px rgb(0,0,0,.1); -webkit-box-shadow: 0 10px 15px 0px rgb(0,0,0,.1);}
	.data-sec1-item{margin: 0 auto .15rem; width: 100% !important;}
	.data-sec2-num-item{width: 49%;}
	.hardware-sec-banner .container{padding-bottom: .5rem;}
	.banner-box >img{height: 60vw; object-fit: cover;}
	.about-sec1, .about-sec4{padding-bottom: .2rem;}
	.about-news .swiper-container, .about-sec4-swiper .swiper-container{padding-bottom: 1rem;}
	.about-news .swiper-container-horizontal>.swiper-pagination,
	.about-sec4-swiper .swiper-container-horizontal>.swiper-pagination{position: static; margin-top: .3rem; margin-bottom: .3rem;}
	.newsinfo{padding-top: 60px;}
	.newsinfo .post-header h1{font-size: 26px; line-height: 36px;}
	.back.hack-middle{margin-bottom: .8rem;}
	.about-news .swiper-slide, .about-sec4-swiper .swiper-slide{width: 100vw !important;}
	.about-news .swiper-slide .news-item{width: 371px; margin: 0 auto;}
	.about-sec4-item{width: 357px; margin: 0 auto;}
	.about-sec2-img{margin-bottom: 1rem !important;}
	.post-context .post-context-item h3{font-size: 15px;}
}
@media (max-width: 767px) {
	.data-img {
		height: 10.5rem;
	}
	.data-img-txt .col-xs-12 {
		margin-top: .4rem;
	}
	.data-img-txt span {
		width: 30px;
		height: 30px;
		border-width: 2px;
	}
	.data-img-txt h5 {
		font-size: 20px;
		line-height: 24px;
	}
	.data-img-txt p {
		font-size: 14px;
	}
}