body {
	margin: 0;
	padding: 0
}

[v-cloak] {
	display: none
}

span:focus {
	outline: 0
}

div {
	outline: 0
}

a {
	text-decoration: none;
	color: #fff
}

.fadeInUp {
	animation-duration: 3s
}

.fadeInDown {
	animation-duration: 3s
}

.fadeInLeft {
	animation-duration: 3s
}

.fadeInRight {
	animation-duration: 3s
}

@font-face {
	font-family: 'NOTOSANSHANS-BLACK';
	src: url('https://static.inteagle.com.cn/site/fonts/NOTOSANSHANS-BLACK.OTF') format('truetype')
}

@font-face {
	font-family: 'NotoSansHans-Bold';
	src: url('https://static.inteagle.com.cn/site/fonts/NotoSansHans-Bold.OTF') format('truetype')
}

@font-face {
	font-family: 'NOTOSANSHANS-DEMILIGHT';
	src: url('https://static.inteagle.com.cn/site/fonts/NOTOSANSHANS-DEMILIGHT.OTF') format('truetype')
}

@font-face {
	font-family: 'NOTOSANSHANS-LIGHT';
	src: url('https://static.inteagle.com.cn/site/fonts/NOTOSANSHANS-LIGHT.OTF') format('truetype')
}

@font-face {
	font-family: 'NOTOSANSHANS-MEDIUM';
	src: url('https://static.inteagle.com.cn/site/fonts/NOTOSANSHANS-MEDIUM.OTF') format('truetype')
}

@font-face {
	font-family: 'NotoSansHans-Regular';
	src: url('https://static.inteagle.com.cn/site/fonts/NotoSansHans-Regular.OTF') format('truetype')
}

@font-face {
	font-family: 'NOTOSANSHANS-THIN-WINDOWS';
	src: url('https://static.inteagle.com.cn/site/fonts/NOTOSANSHANS-THIN-WINDOWS.OTF') format('truetype')
}

.row {
	display: flex;
	flex-direction: row
}

.column {
	display: flex;
	flex-direction: column
}

.justify-cen {
	display: flex;
	width: 100%;
	justify-content: center
}

.align-cen {
	display: flex;
	height: 100%;
	align-items: center
}

#app {
	min-width: 1366px
}

.in_content {
	width: 1200px;
	margin: 0 auto
}

.navHeader {
	justify-content: space-between
}

.top_nav {
	min-width: 1366px;
	width: 100%;
	height: 6.25rem;
	background: rgba(0, 0, 0, 0.6);
	position: absolute;
	top: 0;
	z-index: 11
}

.big_logo {
	width: 12.5625rem;
	height: 3.125rem
}

.menu_list {
	height: 100%;
	margin-left: 5rem
}

.menu_list ul {
	height: 100%;
	margin: 0;
	padding: 0
}

.menu_list ul li {
	margin: 0;
	padding: 0;
	height: 100%;
	display: flex;
	align-items: center;
	list-style: none;
	float: left
}

.listca {
	margin: 0 10px;
	padding: 2px 15px;
	font-family: "NotoSansHans-Regular";
	font-size: 1rem;
	color: #fff
}

.menu_list ul li:hover .listca {
	cursor: pointer;
	border-radius: 1rem;
	background-color: #c4102a
}

.checked_child {
	color: #c4102a !important
}

.menu_list ul li:hover .menu_des {
	display: block;
	-webkit-transition: all .95s;
	-moz-transition: all .95s;
	-ms-transition: all .95s;
	-o-transition: all .95s;
	transition: all .95s
}

.menu_des {
	display: none;
	width: 100%;
	padding: 30px 0;
	background-color: #f7f9fa;
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	z-index: 111
}

.menu_des:hover {
	display: block;
	-webkit-transition: all .95s;
	-moz-transition: all .95s;
	-ms-transition: all .95s;
	-o-transition: all .95s;
	transition: all .95s
}

.menudesc_list {
	width: 100%
}

.menudesc_list ul {
	padding: 0;
	margin: 0;
	width: 100%;
	display: flex;
	flex-direction: row
}

.menudesc_list ul li {
	margin: 0;
	padding: 0;
	margin-right: 45px;
	list-style: none;
	float: left;
	font-family: "NotoSansHans-Regular";
	font-size: 1rem;
	color: #555
}

.menudesc_list ul li:hover {
	cursor: pointer;
	color: #c4102a;
	background: transparent
}

.checked_menu {
	border-radius: 1rem;
	background-color: #c4102a
}

.swiper-container {
	width: 100%;
	height: 820px
}

.swiper-container .swiper-wrapper {
	width: 100%;
	height: 100%
}

.swiper-container .swiper-wrapper .swiper-slide {
	width: 100%;
	height: 100%
}

.swiper-pagination-bullet {
	width: 16px;
	height: 16px;
	background: #fff;
	opacity: 1;
	margin: 0 60px
}

.swiper-pagination-bullet-active {
	background: #c4102a
}

.swiper-button-next,
.swiper-button-prev {
	width: 61px;
	height: 61px;
	background: rgba(161, 164, 168, 0.1);
	border-radius: 50%
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
	background: #c4102a
}

.swiper-container {
	--swiper-theme-color: #a1a4a8;
	--swiper-navigation-color: #fff;
	--swiper-navigation-size: 20px
}

.banner_area {
	width: 100%;
	height: 100%
}

.in_ban_part {
	align-items: center
}

.banner-1 {
	background-image: url(https://static.inteagle.com.cn/site/icons/banner-bg.png);
	background-size: 100% 100%;
	background-repeat: no-repeat
}

.banner-2 {
	background-image: url(https://static.inteagle.com.cn/site/icons/fa7a47bc6f3db.gif);
	background-size: 100% 100%;
	background-repeat: no-repeat
}

.banner-3 {
	background-image: url(https://static.inteagle.com.cn/site/icons/banner-bg.png);
	background-size: 100% 100%;
	background-repeat: no-repeat
}

.swi_content {
	background-color: #000
}

.ca_titl {
	margin-top: 10%;
	font-family: "NotoSansHans-Medium";
	font-size: 1.75rem;
	color: #fff
}

.ca_titl_de {
	margin-top: 10%;
	font-family: "NotoSansHans-Bold";
	font-size: 1.75rem;
	color: #fff
}

.ca_desc_de {
	margin: 50px 0;
	font-family: "NotoSansHans-Regular";
	font-size: 1rem;
	color: #fff
}

.ri_capic_de {
	width: 50%;
	position: relative
}

.ban_pic1 {
	width: 475px;
	height: 532px;
	background-image: url(https://static.inteagle.com.cn/site/icons/ban_pic3.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	position: absolute;
	z-index: 11;
	user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none
}

.ban_pic2 {
	width: 439px;
	height: 491px;
	background-image: url(https://static.inteagle.com.cn/site/icons/ban_pic2.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	position: absolute;
	z-index: 10;
	top: 11%;
	left: 20%;
	user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none
}

.ban_pic3 {
	width: 410px;
	height: 458px;
	background-image: url(https://static.inteagle.com.cn/site/icons/ban_pic1.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	position: absolute;
	z-index: 9;
	top: 17%;
	left: 40%;
	user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none
}

.login_btn {
	width: 160px;
	height: 50px;
	color: #fff;
	font-family: "NotoSansHans-Bold";
	font-size: 1.125rem;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	background-image: url(https://static.inteagle.com.cn/site/icons/login.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none
}

.login_btn:hover {
	cursor: pointer
}

.login_btn:active {
	cursor: pointer;
	transform: translate(1px, 1px)
}

.ca_titl_btline {
	width: 3.75rem;
	height: .125rem;
	background-color: #c4102a;
	margin: 40px 0
}

.ca_desc {
	margin-bottom: 25px;
	line-height: 30px;
	font-family: "NotoSansHans-Regular";
	font-size: .875rem;
	color: #fff
}

.ca_icon {
	width: 2.875rem;
	height: 2.875rem
}

.ca_ic_text {
	margin-top: 5px;
	font-family: "NotoSansHans-Medium";
	font-size: .8125rem;
	color: #fff
}

.ri_capic {
	width: 37.5rem;
	height: 37.5rem;
	position: relative;
	background-image: url(https://static.inteagle.com.cn/site/icons/quanquan.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	z-index: 1
}

.in_capic {
	width: 37.5rem;
	height: 37.5rem;
	position: absolute;
	animation-fill-mode: forwards;
	user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none
}

.in_capic img {
	position: absolute;
	z-index: 1;
	animation-fill-mode: backwards;
	user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none
}

.quan_ic {
	width: 58px;
	height: 58px;
	animation-fill-mode: forwards
}

.quan24 {
	top: 60%;
	left: 10%
}

.quan_shuju {
	top: 13%;
	left: 25%
}

.quan_jiage {
	bottom: 22%;
	right: 15%
}

.in_bann {
	width: 100%;
	height: 100%;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center
}

.ban_text {
	font-family: "NotoSansHans-Bold";
	font-size: 84px;
	color: #fff
}

.ban_tedesc {
	margin-top: 40px;
	font-family: "NotoSansHans-Regular";
	font-size: 48px
}

.gan_color {
	color: #19fff1
}

.tran_color {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-image: linear-gradient(#19fff1, #0295fc)
}

.shou_color {
	color: #0295fc
}

.topin_ban {
	position: absolute;
	top: 18%;
	max-width: 1200px;
	justify-content: space-between
}

.ops_ic {
	width: 80%;
	justify-content: space-between
}

.sin_con_ca {
	padding: 80px 0 70px 0
}

.inconca {
	justify-content: space-between
}

.ri_mid_con {
	width: 75%;
	justify-content: space-between
}

.sin_midcon {
	position: relative;
	width: 33.3%
}

.sin_midcon:hover .midcon_tt {
	color: #c4102a
}

.sin_midcon:hover .midcon_ttdes {
	color: #c4102a
}

.sin_midcon:hover .midcon_line {
	background-color: #c4102a
}

.right_arr {
	width: 12px;
	height: 20px;
	margin-top: 6px
}

.mi_title {
	color: #333;
	align-items: center;
	font-family: "NotoSansHans-Regular";
	font-size: 20px;
	line-height: 1.875rem
}

.men_name_tt {
	color: #c4c5c5;
	margin-top: 130px;
	font-family: "NotoSansHans-Bold";
	font-size: 20px
}

.midcon_ic {
	width: 16.25rem;
	height: 11.25rem
}

.midcon_tt {
	margin: 20px 0 10px 10px;
	color: #333;
	font-family: "NotoSansHans-Bold";
	font-size: 16px
}

.midcon_ttdes {
	width: 90%;
	margin: 0 0 20px 10px;
	color: #333;
	font-family: "NotoSansHans-Regular";
	font-size: 14px
}

.midcon_line {
	position: absolute;
	bottom: 0;
	left: 10px;
	width: 40px;
	height: 3px;
	background-color: #666
}

.mid_popic {
	padding: 0 16px 0 20px
}

.sin_mi_pop {
	width: 33.3%;
	border-left: 1px solid #d3d3d3
}

.mid_popictt {
	color: #333;
	font-family: "NotoSansHans-Bold";
	font-size: 16px
}

.mid_popictt_des {
	margin-top: 15px;
	color: #333;
	font-family: "NotoSansHans-Regular";
	font-size: 14px
}

.mid_poptext {
	width: 60%
}

.sin_con_ca_p {
	position: relative;
	height: 450px
}

.qiaolinang_ic {
	width: 40%;
	height: 450px;
	position: absolute;
	right: 0;
	background-image: url(https://static.inteagle.com.cn/site/icons/qiaoliang.png);
	background-size: 100% 100%;
	background-repeat: no-repeat
}

.bri_ic {
	width: 80px;
	height: 53px
}

.row_bri {
	margin-top: 36px;
	justify-content: space-between
}

.sin_bri_ca {
	width: 48%
}

.brittp {
	margin-left: 25px
}

.bri_tt {
	color: #333;
	font-family: "NotoSansHans-Bold";
	font-size: 16px
}

.bri_ttdes {
	margin-top: 5px;
	color: #333;
	font-family: "NotoSansHans-Regular";
	font-size: 14px
}

.guanlang_ic {
	width: 90px;
	height: 90px
}

.guanlang_tt {
	margin-left: 0
}

.sin_tunnel {
	width: 33.3%
}

.tunel_icp {
	width: 100%;
	height: 180px
}

.tunel_text_ca {
	width: 100%;
	height: 180px;
	background-color: #f6f6f6
}

.tun_ic {
	width: 100%;
	height: 100%
}

.tun_tt {
	margin: 20px 20px 0 20px;
	color: #333;
	font-family: "NotoSansHans-Bold";
	font-size: 16px
}

.tun_ttdesc {
	margin: 10px 20px 0 20px;
	color: #333;
	font-family: "NotoSansHans-Regular";
	font-size: 14px
}

.daba_ic {
	width: 100%;
	height: 450px;
	position: absolute;
	right: 0;
	background-image: url(https://static.inteagle.com.cn/site/icons/daba-bg.png);
	background-size: 100% 100%;
	background-repeat: no-repeat
}

.white_font {
	color: #fff
}

.daba_ico {
	width: 54px;
	height: 54px
}

.bot_content {
	width: 100%;
	padding: 40px 0 30px 0;
	background-color: #1e1e1e
}

.bot_tt {
	color: #fff;
	font-family: "NotoSansHans-DemiLight";
	font-size: 16px
}

.bot_ttline {
	width: 24px;
	height: 2px;
	margin: 20px 0 20px 0;
	background-color: #999
}

.bot_ttdesc {
	color: #666;
	font-family: "NotoSansHans-DemiLight";
	font-size: 14px;
	line-height: 30px;
	margin-bottom: 30px
}

.bot_pic {
	width: 26px;
	height: 26px
}

.sin_bt_pa {
	width: fit-content;
	margin-bottom: 10px
}

.sin_bt_pa:hover .bot_icotext {
	color: #fff
}

.bot_icotext {
	margin-left: 10px;
	color: #666;
	font-family: "NotoSansHans-DemiLight";
	font-size: 14px
}

.in_bot_ca {
	border-bottom: 1px solid #444
}

.code_text {
	margin-top: 15px;
	color: #666;
	font-family: "NotoSansHans-DemiLight";
	font-size: 14px
}

.bot_menu_pa ul {
	margin: 0;
	padding: 0
}

.bot_menu_pa ul li {
	margin: 0;
	padding: 0;
	margin-right: 45px;
	padding-top: 10px;
	float: left;
	list-style: none
}

.bot_menu_pa ul li:hover .bot_text {
	cursor: pointer;
	color: #fff
}

.comany_text {
	padding: 10px;
	color: #888;
	font-family: "NotoSansHans-DemiLight";
	font-size: 14px
}

.bot_text {
	color: #888;
	font-family: "NotoSansHans-DemiLight";
	font-size: 14px
}

.color_text {
	color: #c4102a
}

.un-select {
	user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none
}