body {
	margin: 0;
	padding: 0;
	overflow-x: hidden;
}

/* css代码如下: */

html {
	font-size: 32px;
	/* 320/10 */
}

body {
	font-size: 16px;
	/* 修正字体大小 */
	/* 防止页面过宽 */
	margin: auto;
	padding: 0;
}

/* js被禁止的回退方案 */
@media screen and (min-width: 320px) {
	html {
		font-size: 32px
	}

	body {
		font-size: 16px;
	}
}

@media screen and (min-width: 481px) and (max-width:640px) {
	html {
		font-size: 48px
	}

	body {
		font-size: 18px;
	}
}

@media screen and (min-width: 641px) {
	html {
		font-size: 64px
	}

	body {
		font-size: 20px;
	}
}
@media screen {
    html{
        font-size: 2.96vw;
    }           
}


*,
*:before,
*:after {
	box-sizing: border-box;
}

a {
	text-decoration: none;
	color: #6a6a6a;
}
a:hover {
	text-decoration: none;
	color: #6a6a6a;
}

/**
 * Backgrounds
 */

.overlay:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background: #3F51B5;
	opacity: 0.8;
}

/**
 * Hero
 */
.hero {
	width: 100%;
	/* height: 100vh; */
	position: relative;
	overflow: hidden;
	color: #FFF;
	text-align: center;

}

.hero_bgi_one {
	height: 17rem;
	/* width: 100rem; */
	background-image: url(../images/1.png);
	background-size: 100% 100%;
	/* background-size: contain; */
}

.hero_nav {
	background-color: #FFFFFF;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 0.46875rem;
}

.hero_nav_list {
	display: flex;
	color: #000000;
	padding-right: 0.3125rem;
}

.hero_nav_list div {
	padding-left: 0.625rem;
	font-size: 0.21875rem;
	cursor: pointer;
}

.hero_bgi_two {
	height: 17rem;
	background-image: url(../images/2.png);
	background-size: 100% 100%;
	/* background-size: contain; */
}

.hero_bgi_three {
	height: 17rem;
	background-image: url(../images/3.png);
	background-size: 100% 100%;
}


.hero__scroll {
	position: absolute;
	bottom: 20px;
	width: 200px;
	margin: auto;
	display: block;
	cursor: pointer;
	padding-bottom: 40px;
	left: 0;
	right: 0;
	text-transform: uppercase;
}

.hero__scroll .chevron {
	margin-top: 20px;
	display: block;
	-webkit-animation: pulse 2s infinite;
	animation: pulse 2s infinite;
	color: #FFFFFF;
}

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}

	50% {
		-webkit-transform: translate(0, 10px);
		transform: translate(0, 10px);
	}

	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}

@keyframes pulse {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}

	50% {
		-webkit-transform: translate(0, 10px);
		transform: translate(0, 10px);
	}

	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}

.chevron::before {
	border-style: solid;
	border-width: 0.25em 0.25em 0 0;
	content: '';
	display: inline-block;
	height: 20px;
	position: relative;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	vertical-align: top;
	width: 20px;
}

.chevron.right:before {
	left: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.chevron.bottom:before {
	top: 0;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}

.chevron.left:before {
	left: 0.25em;
	-webkit-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

.hero_btn {
	width: 1.5625rem;
	height: 0.625rem;
	background-color: #1d72ff;
	border-radius: 50px;
	color: #FFFFFF;
	z-index: 99;
	line-height: 0.625rem;
	text-align: center;
	font-size: 0.21875rem;
	position: absolute;
	left: 50%;
	top: 45%;
	transform: translateX(-50%);
	cursor: pointer;
}

.hero_top {
	padding-top: 0.859375rem;
	position: relative;
	color: #1a1b1d;
	font-size: 0.5rem;
	font-weight: bold;
}

.hero_top_line {
	position: absolute;
	height: 0.078125rem;
	background-color: rgba(111, 111, 111, .8);

	/* left: 0;
	right: 0; */
	bottom: 5px;
	width: 2rem;
	left: 50%;
	transform: translateX(-50%);
}

.hero_top_two {
	color: #FFFFFF;
	font-size: 0.3125rem;
	padding-top: 0.234375rem;
	letter-spacing: 5px;
}

/* .hero_two_left {
	background-image: url(../images/2-1.png);
	background-size: 100% 100%;
	height: 50vh;
} */

.hero_two_right {
	/* padding-top: 0.78125rem; */
}

.hero_two_right_top {
	font-size: 0.390625rem;
	color: #7b7b7b;
}

.hero_two_right_top_list {
	cursor: pointer;
	position: relative;
}

.hero_two_right_top_active {
	font-size: 0.46875rem;
	color: #000;
	font-weight: 600;
}

.hero_two_right_top_line {
	position: absolute;
	bottom: 0.078125rem;
	width: 100%;
	height: 0.078125rem;
	background-color: rgba(10, 251, 171, .5);
	opacity: 0;
}

.hero_two_right_top_active .hero_two_right_top_line {
	opacity: 1;
	transition: all .5s;
}

.hero_two_right_cont {
	color: #939393;
	width: 70%;
	font-size: 0.3125rem;
	line-height: 2.5;
	letter-spacing: 8px;
	text-align: left;
}

/* 解决方案 END------------------ */

/* 安全服务 Start---------------- */
.hero_three_list {
	width: 75%;
	margin: 0 auto;
	background-color: #1f1f1f;
	display: flex;
	padding: 0.46875rem 0.546875rem;
	margin-bottom: 0.78125rem;
	align-items: center;
}

.hero_three_list_right {
	padding-left: 0.546875rem;
}

.hero_three_list_right_top {
	color: #0ce89f;
	font-size: 0.3125rem;
	letter-spacing: 3px;
	text-align: left;
}

.hero_three_list_right_bottom {
	padding-top: 0.234375rem;
	color: #e3e3e3;
	letter-spacing: 3px;
	text-align: left;
	font-size: 0.25rem;
	line-height: 0.46875rem;
}

.hero_three_list img {
	width: 1.56rem;
	height: 1.546875rem;
}

.hero_three_bottom {
	color: #5ec4c3;
	padding-top: 0.3125rem;
	width: 100%;
	cursor: pointer;
	position: relative;
}

.hero_three_bottom_img {
	position: absolute;
	left: 50%;
	bottom: 0.625rem;
	opacity: 0;
}

.hero_three_bottom:hover .hero_three_bottom_img {
	opacity: 1;
	transition: all .5s ease-in;
	200ms;
	-moz-transition: all .5s ease-in;
	200ms;
	-webkit-transition: all .5s ease-in;
	200ms;
	-o-transition: all .5s ease-in;
	200ms;

}

.hero_three_bottom_img img {
	width: 1.40625rem;
	border-radius: 0.125rem;
}

/* 安全服务 End---------------- */
/* 聚焦行业 Start ---------------- */
.hero_four_list {
	margin: 0 auto;
	border-radius: 0.15625rem;
	box-shadow: 0 0 15px 1px #999;
	width: 95%;
	overflow: hidden;
	cursor: pointer;
	background-color: #FFFFFF;
}

.hero_four_list:hover .hero_four_list_bottom1 {
	height: 3.59375rem;
	transition: all .5s ease-in;
	200ms;
	-moz-transition: all .5s ease-in;
	200ms;
	-webkit-transition: all .5s ease-in;
	200ms;
	-o-transition: all .5s ease-in;
	200ms;
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 11;
}

.hero_four_list:hover .hero_four_list_bottom2 {
	height: 5.625rem;
	transition: all .5s ease-in;
	200ms;
	-moz-transition: all .5s ease-in;
	200ms;
	-webkit-transition: all .5s ease-in;
	200ms;
	-o-transition: all .5s ease-in;
	200ms;
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 11;
}

.hero_four_list:hover .hero_four_list_bottom3 {
	padding-top: 0.109375rem;
	padding-bottom: 0.109375rem;
	height: 2.34375rem;
	transition: all .5s ease-in;
	200ms;
	-moz-transition: all .5s ease-in;
	200ms;
	-webkit-transition: all .5s ease-in;
	200ms;
	-o-transition: all .5s ease-in;
	200ms;
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 11;
}

.hero_four_list:hover .hero_four_list_bottom4 {
	height: 3.4375rem;
	transition: all .5s ease-in;
	200ms;
	-moz-transition: all .5s ease-in;
	200ms;
	-webkit-transition: all .5s ease-in;
	200ms;
	-o-transition: all .5s ease-in;
	200ms;
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 11;
}


.hero_four_list:hover .hero_four_list_top_block {
	transition: all .5s;
	background-color: rgba(49, 159, 97, .5);
}


.hero_four_list_top {
	position: relative;
}

.hero_four_list_top_block {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, .4);
}

.hero_four_list_top img {
	width: 100%;
}

.hero_four_list_top_title {
	font-size: 0.40625rem;
	position: absolute;
	top: 0px;
	width: 100%;
	text-align: center;
	top: 38%;
	font-weight: bold;
}

.hero_four_list_top_eng {
	font-size: 0.3125rem;
	position: absolute;
	top: 0px;
	width: 100%;
	text-align: center;
	top: 55%;
}

.hero_four_list_bottom {
	color: #939393;
	line-height: 0.5rem;
	letter-spacing: 5px;
	background-color: #FFFFFF;
	/* padding: 0.46875rem 0.625rem; */
	padding: 0 0.625rem;
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	height: 2.1rem;
	margin-top: 0.46875rem;
	font-size: 0.25rem;
	margin-bottom: 0.46875rem;
}

/* 聚焦行业 END ---------------- */

/* 关于我们 START -------------- */
.hero_five_left {
	background-color: #1f1d1e;
	height: 100vh;
	padding: 0 2rem;
}

.hero_five_left_title {
	color: #0af6a8;
	font-size: 0.625rem;
	text-align: left;
	letter-spacing: 5px;
	padding-top: 15%;
	padding-left: 10px;
	z-index: 99;
	font-weight: bold;
}

.hero_five_left_eng {
	background-image: linear-gradient(to bottom, #fff, #000);
	-webkit-background-clip: text;
	color: transparent;
	letter-spacing: 5px;
	position: absolute;
	/* top: 10%; */
	z-index: 1;
}

.hero_five_left_contWord {
	color: #a2a2a2;
	letter-spacing: 5px;
	line-height: 0.78125rem;
	text-align: left;
	/* padding-top: 0.78125rem; */
	padding-top: 6%;
	font-size: 16px;
	font-weight: 350;
	padding-left: 0;
}

li {
	list-style: none;
}

li:before {
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	background-color: #0bfcad;
	margin-right: 15px;
}

.hero_five_right {
	height: 100vh;
	background-image: url(../images/5.png);
	background-size: 100% 100%;
}

/* 关于我们 END ---------------- */
/* 团队荣誉 STSRT --------------- */
.hero_bgi_six {
	background-image: url(../images/6.png);
	background-size: 100% 100%;
}

.team_list {
	display: flex !important;
	justify-content: space-around !important;
	text-align: center;
	color: #000000;
	font-weight: bold;
}

.team_list_title {
	padding-top: 0.15625rem;
}

.team_list img {
	height: 4.125rem;;
}
/* 团队荣誉 END------------------ */
/* 体验 START------------------- */
.hero_bgi_seven {
	height: 90vh;
	background-image: url(../images/4.png);
	background-size: 100% 100%;
}

.hero_bgi_seven_left {
	text-align: left;
}

.hero_bgi_seven_left_title {
	color: #0af3a6;
	font-size: 0.546875rem;
	width: 65%;
	margin: 0 auto;
	cursor: pointer;
}

.hero_bgi_seven_left_cont {
	width: 65%;
	margin: 0 auto;
	font-size: 0.3125rem;
	line-height: 0.625rem;
}

input {
	/* width: 4.6875rem !important; */
	background-color: #202425 !important;
	border: none !important;
	color: #FFFFFF !important;
	padding: 0.125rem 0.234375rem;
	border-radius: 0.078125rem;
}


.label {
	color: #a5a6a6;
	padding-bottom: 0.078125rem;
}

.flex {
	display: flex;
	align-items: center;
	margin-bottom: 0.46875rem;
}

.flex_box {
	width: 100%;
}

.submit_btn {
	border-radius: 0.3125rem !important;
	padding: 0.125rem 0.234375rem !important;
	font-size: 0.21875rem;
}

/* 体验 END-------------------- */
/* 底部 */
.footer {
	height: 10vh;
	background-color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
}

.footer_word {
	color: #6a6a6a;
	font-size: 0.21875rem;
	padding-right: 0.15625rem;
}

.QRcode {
	margin-left: 0.625rem;
	width: 1.25rem;
}

.footer_logo {
	margin-right: 0.625rem;
}

#carouselExampleControls .carousel-control-prev-icon,
#carouselExampleControls .carousel-control-next-icon {
  height: 100px;
  width: 100px;
  outline: black;
  background-size: 100%, 100%;
  border-radius: 50%;
  background-image: none;
}

#carouselExampleControls .carousel-control-next-icon:after
{
  content: url(../images/right.png);
  font-size: 55px;
  color: #777777;
}

#carouselExampleControls .carousel-control-prev-icon:after {
  content: url(../images/left.png);
  font-size: 55px;
  color: #777777;
}

/* //谷歌 */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

/* //火狐 */
input[type="number"]{
    -moz-appearance: textfield;
}
.toast {
	font-size: 12px;
	margin-top: 100px;
}

.toast-top-center {
	margin-top: 200px;
}