@charset "UTF-8";

/* vue隐藏数据加载 */
[v-cloak] {
	display: none;
}

.hidden {
	display: none !important;
}

.image {
	width: 100%;
	height: 100%;
	background-size: cover;
}

body {
	font-size: 14px;
	background: #FFFFFF;
	font-family: "SourceHanSansCN-Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

/* 头部 */
main {
	width: 100vw;
}

footer {
	width: 100vw;
}

header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 75px;
	z-index: 10000000;
}

header .head {
	width: 100vw;
	height: 75px;
	color: #252b3a;
	z-index: 10000000;
	/* background: rgba(255,255,255,0.24);
	backdrop-filter: blur(5px); */
	/* overflow: hidden; */
	opacity: 1;
	transition: all ease-in-out 0.5s;
	-webkit-transition: all ease-in-out 0.5s;
}

.headHidden {
	opacity: 0.5 !important;
	height: 0 !important;
	overflow: hidden;
}

.blackHead {
	color: #252b3a !important;
	background: #FFFFFF !important;
}

header .head * {
	color: inherit;
}

header .head .head-layout {
	position: relative;
	height: 25px;
}

header .head .head-layout .head-bg-img {
	width: 100%;
	height: 25px;
}

header .head .head-layout-links {
	position: absolute;
	right: 5%;
	top: 0;
	height: 25px;
	line-height: 25px;
	display: flex;
	font-size: 12px;
}

header .head .layout-links-item {
	margin-left: 30px;
}

header .head .ntc-container .logo-area {
	height: 75px;
	line-height: 75px;
}

header .head .ntc-container .top-nav {
	height: 100%;
	margin-left: 120px;
}

header .head .ntc-container .top-nav .topLink {
	display: block;
	height: 75px;
	font-size: 18px;
	line-height: 75px;
	position: relative;
	margin-left: 50px;
}

header .menu-item .topLink {
	line-height: 80px;
}

header .head .ntc-container .top-nav .topLink.active {
	/* font-size: 20px;
  font-weight: bold; */
	color: #cb2a2f;
}

header .head .ntc-container .top-nav .topLink.active::after {
	content: '';
	display: block;
	height: 3px;
	width: 80%;
	background: #cb2a2f;
}


header .head .ntc-container .top-nav .topLink:hover {
	/* font-size: 20px;
  font-weight: bold; */
	text-decoration: none;
	color: #cb2a2f;
}

header .head .ntc-container .top-nav .topLink::after {
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	bottom: 0;
	height: 4px;
	width: 0;
	background: #cb2a2f;
	transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	/* Firefox 4 */
	-webkit-transition: all 0.2s linear;
	/* Safari 和 Chrome */
	-o-transition: all 0.2s linear;
	/* Opera */
}

header .head .ntc-container .top-nav .topLink:hover::after {
	content: '';
	display: block;
	height: 3px;
	width: 100%;
	background: #cb2a2f;
}

/* 右导航 */
.right-nav {
	position: fixed;
	right: 20px;
	top: calc(50% + 100px);
	width: 50px;
	height: 200px;
	transform: translate(-40px, -50%);
	z-index: 10000;
}

.right-nav-item {
	background: white;
	box-shadow: 0 0 8px rgba(153, 153, 153, 0.35);
	width: 50px;
	height: 80px;
	text-align: center;
	line-height: 24px;
	padding: 15px 10px;
	margin-bottom: 10px;
	cursor: pointer;
}

.right-nav-item:hover {
	color: #cb2a2f;
}

.right-nav-second {
	background: url(../img/Home/secondbg.png);
	background-size: 100% 100%;
}

.go-top {
	cursor: pointer;
	display: block;
	width: 50px;
	height: 40px;
	background: rgba(130, 130, 130, 0.7) !important;
	position: relative;
}

.go-top:hover {
	background: rgba(130, 130, 130, 1) !important;
}

.top-ion {
	position: absolute;
	top: 16px;
	left: 16px;
	transform: rotateZ(45deg);
	width: 20px;
	height: 20px;
	border-left: 2px solid white;
	border-top: 2px solid white;
}

.top-ion:hover {
	box-shadow: 0 0 8px rgba(153, 153, 153, 0.35);
}

/* 右悬浮广告 */
.float-advertising {
	position: fixed;
	right: 20px;
	top: 50%;
	transform: translate(0, -157px);
	z-index: 10000;
}

.float-advertising .advertising-logo {
	width: 130px;
}

.float-advertising .advertising-btn {
	width: 130px;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 1px);
}

/* 导航下拉 */


.navigation-item a:hover {
	color: #cb2a2f;
}

.navigation-item.col4 {
	width: 180px;
	line-height: 1;
}

.navigation-item.col4+.navigation-item.col4 {
	text-align: left;
	margin-left: 132px;
}

.navigation-drop.big .navigation-item.col4 {
	width: 200px;
	line-height: 1;
}

.navigation-drop.big .navigation-item.col4+.navigation-item.col4 {
	text-align: left;
	margin-left: 105px;
}

.navigation-item.col4:nth-child(4n + 1) {
	margin-left: 0 !important;
	text-align: left !important;
}

.navigation-item.col5 {
	width: 128px;
	line-height: 1;
}

.navigation-item.col5+.navigation-item.col5 {
	text-align: left;
	margin-left: 120px;
}

.navigation-item.col5:nth-child(5n + 1) {
	margin-left: 0 !important;
	text-align: left !important;
}

.navigation-lable {
	background: #e6e6e6;
	padding: 20px;
	margin-bottom: 40px;
}

.navigation-lable-button {
	display: inline-block;
	padding: 10px 20px;
	background: transparent;
	color: #cb2a2f;
	font-size: 16px;
	border: 1px solid #cb2a2f;
}

.navigation-lable-button:hover {
	color: #cb2a2f;
	box-shadow: 0 0 8px rgba(203, 42, 47, 0.36);
}

/* 解决方案下拉 */

.navigation-item {
	display: flex;
	align-items: center;
	padding: 15px;
	cursor: pointer;
	border-radius: 6px;
}

.navigation-item:hover {
	background: #F4F6FA;
}
.drop-active {
	background: #F4F6FA;
}

.navigation-item-icon {
	width: 32px;
	height: 32px;
	margin-right: 20px;
}

header .menu-item {
	position: relative;
}


header .menu-item1:hover .navigation-drop1 {
	z-index: 10000;
	opacity: 1;
	height: 330px;
}

header .menu-item2:hover .navigation-drop2 {
	z-index: 10000;
	opacity: 1;
	height: 251px;
}

header .menu-item3:hover .navigation-drop3 {
	z-index: 10000;
	opacity: 1;
	height: 340px;
}

header .menu-item .navigation-drop {
	z-index: 1000;
	width: max-content;
	color: #575d6c;
	position: absolute;
	top: 55px;
	left: 50%;
	padding: 10px;
	transform: translate(-50%,0);
	overflow: hidden;
	transition: height 0.5s linear, padding 0.5s linear;
	-moz-transition: height 0.5s linear, padding 0.5s linear;
	-webkit-transition: height 0.5s linear, padding 0.5s linear;
	-o-transition: height 0.5s linear, padding 0.5s linear;
	opacity: 0;
	height: 0;
}

header .menu-item .navigation-drop .navigation-drop-content {
	background: #FFFFFF;
	padding: 20px 25px;
	border-radius: 8px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

header .menu-item .navigation-drop .top-icon {
	width: 15px;
	height: 15px;
	margin: auto;
	background: #FFFFFF;
	position: relative;
	top: 8px;
	transform: rotate(45deg);
	box-shadow: -4px -4px 6px rgba(0, 0, 0, 0.1);
}

header .menu-item1 .navigation-drop {
	min-width: 500px;
}

header .menu-item2 .navigation-drop {
	min-width: 500px;
}

header .menu-item3 .navigation-drop {
	width: 718px;
	/* opacity: 1;
	height: 226px; */
}                          

header .menu-item .navigation-drop .col3-item {
	width: 226px;
	margin-bottom: 0px !important;
	margin-left: 0;
}
header .menu-item .navigation-drop .col3-item:nth-child(3n){
	width: 195px !important;
}

/* 锚点 */
header .menu-item1 .navigation-drop-over {
	opacity: 1;
	height: auto;
	padding: 40px 40px 0 40px;
	z-index: 10000;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

header .menu-item1 .navigation-drop .product-list {
	width: 235px;
}

header .menu-item1 .navigation-drop .product-list+.product-list {
	margin-left: 50px;
}

header .menu-item1 .navigation-drop .product-list:nth-child(4n + 1) {
	margin-left: 0px;
}








/* 脚部 */

footer .foot {
	background: #f5f5f5;
	width: 100%;
	padding: 30px 0 30px 0;
}

footer .foot .foot1 .left .list+.list {
	margin-left: 110px;
}

footer .foot .foot1 .left .list {
	text-align: left;
}

footer .foot .foot1 .left .list li {
	margin-bottom: 15px;
}

footer .foot a:hover {
	color: #cb2a2f;
}

footer .foot .list a {
	color: #575d6c;
}

@media (min-width: 1300px) {
	body {
		overflow-y: auto;
		overflow-x: hidden;
		table-layout: fixed;
		word-wrap: break-word;
		word-break: break-all;
	}
}

body .ntc-block {
	width: 100%;
	position: relative;
}

body .ntc-block .ntc-block-bg-img {
	width: 100%;
	height: auto;
}

body .ntc-block .block-mask {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(120, 120, 120, 0.6);
}

body .ntc-block:nth-child(2n) {
	width: 100%;
	background: #f8fbff;
}

.ntc-container {
	widows: 127650px;
	min-width: 1280px;
	margin: 0 auto;
	position: relative;
}

.ntc-container::after {
	content: "";
	display: block;
	clear: both;
}

@media (min-width: 100px) {
	.ntc-container {
		max-width: 1280px;
	}
}

.ntc-block .ntc-container {
	padding: 110px 0 110px 0;
}

/* 块标题 */

.ntc-block .ntc-container .block-title {
	position: relative;
	width: 100%;
	margin-bottom: 80px;
}

.block-title .en-title {
	/* height: 75px; */
}

.block-title .en-title .text {
	font-size: 36px;
	color: #252b3a;
	text-align: center;
	font-family: "SourceHanSansCN-Medium" !important;
}

.block-title .en-title .bg-line {
	width: 160px;
	height: 8px;
	background: #cb2a2f;
	margin-top: -37px;
}

.block-title .zh-title {
	position: absolute;
	top: 46px;
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	width: 100%;
	color: #333;
}

.block-title .title-explanation {
	margin-top: 30px;
	width: 100%;
	text-align: center;
	font-size: 16px;
	color: #575d6c;
	line-height: 24px;
	font-family: "SourceHanSansCN-Regular" !important;
}

.block-mainstay {
	position: relative;
}

/********* 产品区 *********/
/* 产品特色 */
.product-characterisitic {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 50px;
}

.character-item1+.character-item1 {
	margin-left: 60px;
}

.item-icon {
	width: 112px;
	height: 112px;
	border: 1px solid black;
	border-radius: 50%;
	margin: 0 auto;
	text-align: center;
	vertical-align: middle;
	font-size: 70px;
	line-height: 100px;
}

.item-icon:hover {
	background: #cb2a2f;
	color: white;
	border: none;
}

/* 产品优势 */
.ntc-block .ntc-container .product-advantages {
	width: 100%;
}

.product-advantages .img-area {
	width: 630px;
}

.product-advantages .img-detail {
	width: 570px;
	display: flex;
	align-items: center;
}

.product-advantages .img-detail .detail-item+.detail-item {
	margin-top: 30px;
}

.item-icon-sm {
	width: 52px;
	height: 52px;
	border-radius: 50%;
	text-align: center;
	line-height: 5;
	background: rgba(203, 20, 43, 0.2);
}

.product-advantages .img-detail .detail-list .list-item p {
	margin-top: 40px;
}

/* 2列布局 */
.col2-item {
	width: calc((100% - 30px)/2);
	margin-bottom: 30px;
}

.col2-item+.col2-item {
	margin-left: 30px;
}

.col2-item:nth-child(2n + 1) {
	margin-left: 0px;
}

.col2-item:nth-last-child(1),
.col2-item:nth-last-child(2) {
	margin-bottom: 0px;
}

/* 3列布局 */
.col3-item {
	width: calc((100% - 60px)/3);
	margin-bottom: 30px;
}

.col3-item+.col3-item {
	margin-left: 30px;
}

.col3-item:nth-child(3n + 1) {
	margin-left: 0px;
}

.col3-item:nth-last-child(1),
.col3-item:nth-last-child(2),
.col3-item:nth-last-child(3) {
	margin-bottom: 0px;
}

.col3-item-dobule {
	width: calc((100% - 60px)/3*2 + 30px);
}


/* 4列布局 */
.col4-item {
	width: calc((100% - 90px)/4);
	margin-bottom: 30px;
}

.col4-item+.col4-item {
	margin-left: 30px;
}

.col4-item:nth-child(4n + 1) {
	margin-left: 0px;
}

.col4-item:nth-last-child(1),
.col4-item:nth-last-child(2),
.col4-item:nth-last-child(3),
.col4-item:nth-last-child(4) {
	margin-bottom: 0px;
}

/* 5列布局 */
.col5-item {
	width: calc((100% - 120px)/5);
	margin-bottom: 30px;
}

.col5-item+.col5-item {
	margin-left: 30px;
}

.col5-item:nth-child(5n + 1) {
	margin-left: 0px;
}

.col5-item:nth-last-child(1),
.col5-item:nth-last-child(2),
.col5-item:nth-last-child(3),
.col5-item:nth-last-child(4),
.col5-item:nth-last-child(5) {
	margin-bottom: 0px;
}

/* 背景标题区 */
.titel-bg-box {
	width: 100%;
	height: 70px;
	font-size: 18px;
	font-weight: bold;
	color: white;
	line-height: 38px;
	padding: 16px 30px;
}

.titel-bg-box * {
	float: left;
	color: inherit;
}

.titel-bg-box.type1 {
	background: url("../img/common/title-bg.png");
	background-size: 100% 100%;
	letter-spacing: 1px;
}

.titel-bg-box.type2 {
	background: url("../img/common/title-bg2.png");
	background-size: 100% 100%;
	letter-spacing: 1px;
}

/* 背景图类盒子 */
.img-bg-box {
	position: relative;
}

.img-bg-box-content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

/* 线动画 */
.single-line {
	width: 30px;
	height: 2px;
	transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	/* Firefox 4 */
	-webkit-transition: all 0.5s linear;
	/* Safari 和 Chrome */
	-o-transition: all 0.5s linear;
	/* Opera */
}

/* .single-line::after{
  content: '';
  display: block;
  width:0px;
  height: 2px;
  background: #cb2a2f !important;
  transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in; 
  -webkit-transition: all 0.2s ease-in; 
  -o-transition: all 0.2s ease-in; 
} */

/* .line-animation-box:hover .single-line::after{
  width: 30px;
} */
.line-animation-box:hover .single-line {
	/* transform: scale(1.2); */
	background: #cb2a2f !important;
}

.line-animation-box.withImg:hover .single-line::after {
	width: 0px;
}

.line-animation-box .single-text-box {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

/* 图片放大3规格 */
.line-animation-box.col5-item {}

.line-animation-box.col3-item,
.line-animation-box.col4-item {
	overflow: hidden;
	height: 200px;
	border: 1px solid transparent;
}

.line-animation-box.big-box {
	overflow: hidden;
	height: 328px;
	border: 1px solid transparent;
}

.line-animation-box.min-box {
	overflow: hidden;
	height: 160px;
	border: 1px solid transparent;
}

.line-animation-box img,
.line-animation-box .img-bg-box img {
	top: 0;
	left: 0;
	transition: all 0.5s ease-in;
	-moz-transition: all 0.5s ease-in;
	/* Firefox 4 */
	-webkit-transition: all 0.5s ease-in;
	/* Safari 和 Chrome */
	-o-transition: all 0.5s ease-in;
	/* Opera */
}

.line-animation-box.col5-item:hover img {
	top: -5px !important;
}

.line-animation-box.col3-item:hover img,
.line-animation-box.col4-item:hover img {
	transform: scale(1.05, 1.05);
	-ms-transform: scale(1.05, 1.05);
	-webkit-transform: scale(1.05, 1.05);
	-o-transform: scale(1.05, 1.05);
	-webkit-transition: transform 0.7s ease;
	transition: transform 0.7s ease;
}

.line-animation-box.big-box:hover .img-bg-box img {
	transform: scale(1.05, 1.05);
	-ms-transform: scale(1.05, 1.05);
	-webkit-transform: scale(1.05, 1.05);
	-o-transform: scale(1.05, 1.05);
	-webkit-transition: transform 0.7s ease;
	transition: transform 0.7s ease;
}

.line-animation-box.min-box:hover .img-bg-box img {
	transform: scale(1.05, 1.05);
	-ms-transform: scale(1.05, 1.05);
	-webkit-transform: scale(1.05, 1.05);
	-o-transform: scale(1.05, 1.05);
	-webkit-transition: transform 0.7s ease;
	transition: transform 0.7s ease;
}

.line-animation-box:hover {
	position: relative;
}

.line-animation-box.no-img-animation:hover img {
	position: unset !important;
	width: calc(100%) !important;
	/* top: -10px !important;
  left: -10px !important; */
}





.product-nav-menu-fixed {
	position: fixed !important;
	top: 0;
	z-index: 1000000;
}

/* 软件产品导航 */
/* .product-nav-box {
	padding: 0px !important;
	position: relative;
	height: 70px;
	border-bottom: 2px solid #e5e5e5;
}

.product-nav {
	position: absolute;
	left: 50%;
	transform: translate(-50%);
	width: 800px;
}

.product-nav-item {
	display: block;
	height: 70px;
	font-size: 16px;
	line-height: 70px;
	padding: 0 60px;
	color: #333;
	position: relative;
	cursor: pointer;
}

.product-nav-item+.product-nav-item {
	margin-left: 15px;
}

.product-nav-item.active {
	color: #cb2a2f;
}

.product-nav-item.active::after {
	content: "";
	display: block;
	left: 0;
	height: 3px;
	width: 100%;
	background: #cb2a2f;
}

.product-nav-item::after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	bottom: 0;
	height: 3px;
	width: 0;
	background: #cb2a2f;
	transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
}

.product-nav-item:hover {
	color: #cb2a2f;
}

.product-nav-item:hover::after {
	content: "";
	display: block;
	left: 0;
	height: 3px;
	width: 100%;
	background: #cb2a2f;
} */

/****** 当前项目自定义组件 ******/
/* 邮箱弹窗 */
.email-modal {
	background: url(../../img/emailModal/bg.png);
	width: 1200px;
	height: 721px;
	max-width: unset;
	border-radius: 4px;
	margin: 5.75rem auto;
}

.email-modal .modal-content {
	position: relative;
	height: 100%;
	background: transparent;
}

.email-modal .form-box {
	width: 450px;
	position: absolute;
	right: 100px;
	top: 50%;
	transform: translate(0, -50%);
}

.email-modal .form-box .form-title {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 40px;
}

.email-modal .input-item {
	width: 400px;
	height: 44px;
	position: relative;
}

.email-modal [required].input-item::after {
	content: "*";
	display: block;
	position: absolute;
	right: -20px;
	top: 15px;
	color: #cb2a2f;
}

.email-modal .input-item+.input-item {
	margin-top: 30px;
}

.email-modal .input-item input {
	padding-left: 111px;
	width: 100%;
	height: 100%;
}

.email-modal .input-item-icon-box {
	position: absolute;
	left: 10px;
	height: 100%;
	top: 0;
	line-height: 44px;
}

.email-modal .input-item-icon-box img {
	position: relative;
	/* top: 5px; */
}

.email-modal .input-item-icon-box span {
	color: #666666;
	margin-left: 5px;
}

.email-modal .input-item textarea {
	width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 11.5px 10px 11.5px 40px;
	text-indent: 70px;
	line-height: normal;
	resize: none;
}

.email-modal .apply-button {
	margin-top: 40px;
	width: 160px;
	height: 44px;
	font-size: 16px;
	color: white !important;
	line-height: 44px;
	text-align: center;
	background: #cb2a2f;
}

.email-modal .apply-button:hover {
	box-shadow: 0 0 8px rgba(203, 42, 47, 0.35);
	background: #de474b !important;
}

.email-modal .wrong-tip {
	line-height: 30px;
	color: #cb2a2f;
	padding-left: 40px;
	font-size: 12px;
}

.email-modal .textarea-box {
	height: 88px;
	overflow-y: scroll;
	border: 1px solid rgb(169, 169, 169);
}

.email-modal .textarea-box textarea {
	border: none;
}

.email-modal .text-focus {
	border: 1px solid #5893f3 !important;
}

.email-modal .textarea-box::-webkit-scrollbar {
	width: 0px;
}

.email-modal .textarea-box::-webkit-scrollbar-track {
	background-color: transparent;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}

.email-modal .textarea-box::-webkit-scrollbar-thumb {
	background-color: #e5e5e5;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}

/* 5首页马上咨询 */
.home-zixun {
	font-size: 18px;
	background: #cb2a2f;
	color: white !important;
	padding: 16px 24px;
	position: absolute;
	top: 50%;
	right: 520px;
	transform: translate(0, -50%);
}

/* 广告位 */
.advertisingSpace {
	cursor: pointer;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	bottom: 0;
	background: rgba(0, 0, 0, 0.7);
	overflow: hidden;
	display: none;
	z-index: 20000;
	transition: transform 1s ease-in, width 1s ease-in, left 1s ease-in,
		top 1s ease-in, bottom 1s ease-in;
	-moz-transition: transform 1s ease-in, width 1s ease-in, left 1s ease-in,
		top 1s ease-in, bottom 1s ease-in;
	/* Firefox 4 */
	-webkit-transition: transform 1s ease-in, width 1s ease-in, left 1s ease-in,
		top 1s ease-in, bottom 1s ease-in;
	/* Safari 和 Chrome */
	-o-transition: transform 1s ease-in, width 1s ease-in, left 1s ease-in,
		top 1s ease-in, bottom 1s ease-in;
	/* Opera */
}

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

.advertising-detail {
	position: absolute;
	bottom: 85px;
	left: 257px;
	width: 97px;
	height: 38px;
}

.advertising-test {
	position: absolute;
	bottom: 15px;
	left: 213px;
	width: 187px;
	height: 55px;
}

.advertising-close {
	position: absolute;
	top: 0;
	right: 20px;
	background: #e5e5e5;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	font-size: 24px;
	text-align: center;
	line-height: 22px;
	padding-left: 2px;
}

.advertising-close:hover {
	box-shadow: 0 0 8px #fff;
	top: -1px;
}

.advertising-close-animation {
	left: 100%;
	top: calc(50% - 90px);
	width: 0%;
	bottom: calc(50% + 90px);
	display: none;
	transform: scale(0);
	background: transparent !important;
}

/* 顶部banner动画 */
.carousel-indicators-box {
	width: 100%;
	height: 4px;
	position: absolute;
	bottom: 75px;
	z-index: 1000;
	opacity: 1;
}

.carousel-indicators-box-ant {
	transition: all 1.5s ease-out 0.5s;
}

.carousel-indicators-box-over {
	opacity: 1;
	left: 47%;
}

/* 指示器 */
.carousel-indicators-box ol {
	left: 50%;
	transform: translate(-50%, 0);
	right: auto;
	bottom: 30px;
	margin-left: 0;
	margin-right: 0;
}

.carousel-indicators-box ol li {
	cursor: pointer;
	width: 40px;
	height: 4px;
	margin-right: 6px;
	margin-left: 6px;
	border-radius: 0;
	background: #ffffff !important;
}

.carousel-indicators-box ol li.active {
	width: 40px;
	border-radius: 0px;
	background: #cb2a2f !important;
}

.carousel-text-box {
	width: 1200px;
	height: 100%;
	position: absolute;
	left: 50%;
	transform: translate(-50%);
}

/* 初始状态 */
.banner-txt1 {
	opacity: 0;
}

.banner-txt2 {
	opacity: 0;
}

.banner-txt3 {
	opacity: 0;
}

.banner-txt4 {
	opacity: 0;
}

.banner-btn {
	opacity: 0;
}

/* 动画类型1 */
.banner-txt1-1 {
	position: absolute;
	top: 550px;
	left: 0;
	opacity: 0;
	transition: all 1.2s ease-out;
}

.banner-txt2-1 {
	position: absolute;
	top: 623px;
	left: 0;
	opacity: 0;
	transition: all 1.2s ease-out 0.1s;
}

.banner-txt3-1 {
	position: absolute;
	top: 654px;
	left: 0;
	opacity: 0;
	transition: all 1.2s ease-out 0.2s;
}

.banner-txt4-1 {
	position: absolute;
	top: 690px;
	left: 0;
	opacity: 0;
	transition: all 1.2s ease-out 0.3s;
}

.banner-btn-1 {
	position: absolute;
	left: 0;
	bottom: -576px !important;
	left: 0;
	opacity: 0;
	transition: all 1.2s linear 0.4s;
}

/* 动画类型2 */
.banner-txt1-2 {
	position: absolute;
	top: -138px;
	left: 0;
	opacity: 0;
	transition: all 1.2s ease-out;
}

.banner-txt2-2 {
	position: absolute;
	top: 168px;
	left: -100%;
	opacity: 0;
	transition: all 1.2s ease-out 0.1s;
}

.banner-txt3-2 {
	position: absolute;
	top: 204px;
	left: 100%;
	opacity: 0;
	transition: all 1.2s ease-out 0.2s;
}

.banner-txt4-2 {
	position: absolute;
	top: 240px;
	left: -100%;
	opacity: 0;
	transition: all 1.2s ease-out 0.3s;
}

.banner-btn-2 {
	position: absolute;
	left: 0;
	bottom: -576px !important;
	left: 0;
	opacity: 0;
	transition: all 1.2s linear 0.4s;
}

/* 加载完成*/
.over-banner-txt1 {
	position: absolute;
	left: 0;
	top: 100px;
	opacity: 1;
}

.over-banner-txt2 {
	position: absolute;
	left: 0;
	top: 168px;
	opacity: 1;
}

.over-banner-txt3 {
	position: absolute;
	left: 0;
	top: 204px;
	opacity: 1;
}

.over-banner-txt4 {
	position: absolute;
	left: 0;
	top: 240px;
	opacity: 1;
}

.over-banner-btn {
	position: absolute;
	left: 0;
	bottom: 126px !important;
	opacity: 1;
}

/* 页面banner */
.page-banner {
	height: 574px;
	position: relative;
}

.page-banner .banner-img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.page-banner .op-box {
	position: absolute;
	bottom: 0;
	height: 80px;
	width: 100%;
	background: rgba(255, 255, 255, 0.5);
}

/*banner导航栏*/
.op-box .nav-box {
	flex: 1;
}

.op-box .nav-box nav {
	text-align: center;
	margin: 0 auto;
	float: left;
	padding-top: 21.5px;
}

.op-box .nav-box nav ul {
	position: relative;
	font-size: 20px;
	padding-top: 9px;
}

.op-box .nav-box nav ul li {
	float: left;
	padding-right: 25px;
}

.op-box .nav-box a {
	color: #000;
	text-decoration: none;
	position: relative;
	padding-bottom: 24px;
}

.op-box .nav-box a.topLink::after {
	display: none;
	left: 0%;
	width: 100%;
	content: "";
	height: 3px;
	background: #aa0000;
	position: absolute;
	bottom: 0;
}

.op-box .nav-box a::after {
	content: "";
	width: 0;
	height: 3px;
	background: #aa0000;
	position: absolute;
	bottom: 0;
	left: 50%;
	transition: all 0.2s;
}

.op-box .nav-box a:hover::after {
	left: 0%;
	width: 100%;
}

.page-banner .op-box .ntc-container {
	padding: 0 !important;
	height: 100%;
}

/*按钮*/
.page-banner .op-box .consult-btn {
	height: 100%;
	font-size: 18px;
	background: #cb2a2f;
	color: white !important;
	padding: 26px 24px;
	float: right;
	line-height: normal;
}

.primary-btn {
	width: 180px;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	color: #ffffff !important;
	background-color:  #db2d23 !important;
	font-family: "SourceHanSansCN-Regular" !important;
}

/****** 公共动画 ******/
/* 上浮动画 */
.up-animation {
	opacity: 0;
	transform: translate(0px, 200px);
}

.animation-cont {
	transition: all 1s ease-out !important;
}

.animation-cont-delay1 {
	transition: all 1s ease-out 0.4s !important;
}

.up-show {
	opacity: 1;
	transform: translate(0px, 0px);
}

/* 左右屏风动画 */
.float-left-screen-animation {
	opacity: 0;
	transform: translate(-10%, 0);
}

.float-right-screen-animation {
	opacity: 0;
	transform: translate(10%, 0);
}

.float-screen-animation-cont {
	transition: all 1s ease-in-out 0.1s !important;
}

.float-left-screen-show {
	opacity: 1;
	transform: translate(0, 0);
}

.float-right-screen-show {
	opacity: 1;
	transform: translate(0, 0);
}

.tbox-hidden .left-in {
	transform: translate(-10%, 0);
	opacity: 0 !important;
	/* border: 1px solid red !important; */
}

.tbox-hidden .right-in {
	transform: translate(10%, 0) !important;
	opacity: 0 !important;
}

/* banner大标题入场动画 */
@keyframes LeftIn {
	0% {
		transform: translate(-10%, 0);
		opacity: 0;
	}

	40% {
		transform: translate(4%, 0);
		opacity: 0.4;
	}

	70% {
		transform: translate(-2%, 0);
		opacity: 0.7;
	}

	90% {
		transform: translate(1%, 0);
		opacity: 0.9;
	}

	100% {
		transform: translate(0, 0);
		opacity: 1;
	}
}

.tbox-animation .left-in {
	animation: LeftIn 1.5s ease-in-out;
}

@keyframes LeftLineIn {
	0% {
		transform: translate(-100%, 0);
		opacity: 0;
	}

	40% {
		transform: translate(-0%, 0);
		opacity: 0.4;
	}

	70% {
		transform: translate(-20%, 0);
		opacity: 0.7;
	}

	90% {
		transform: translate(10%, 0);
		opacity: 0.9;
	}

	100% {
		transform: translate(0, 0);
		opacity: 1;
	}
}

.tbox-animation::before {
	animation: LeftLineIn 1.5s ease-in-out;
}

.tbox-hidden::before {
	transform: translate(-100%, 0);
	opacity: 0 !important;
}

@keyframes RightIn {
	0% {
		transform: translate(10%, 0);
		opacity: 0;
	}

	40% {
		transform: translate(-4%, 0);
		opacity: 0.4;
	}

	70% {
		transform: translate(2%, 0);
		opacity: 0.7;
	}

	90% {
		transform: translate(-1%, 0);
		opacity: 0.9;
	}

	100% {
		transform: translate(0, 0);
		opacity: 1;
	}
}

.tbox-animation .right-in {
	animation: RightIn 1.5s ease-in-out;
}


@keyframes RightLineIn {
	0% {
		transform: translate(100%, 0);
		opacity: 0;
	}

	40% {
		transform: translate(-40%, 0);
		opacity: 0.4;
	}

	70% {
		transform: translate(20%, 0);
		opacity: 0.7;
	}

	90% {
		transform: translate(-10%, 0);
		opacity: 0.9;
	}

	100% {
		transform: translate(0, 0);
		opacity: 1;
	}
}

.tbox-animation::after {
	animation: RightLineIn 1.5s ease-in-out;
}

.tbox-hidden::after {
	transform: translate(100%, 0);
	opacity: 0 !important;
}

/* 第一层（banner） */
.floor1-tbox{
	width: max-content;
	position: absolute;
	top: 243px;
	left: 50%;
	text-align: center;
	transform: translate(-50%, 0px);
}

.left-in {
	color: #cb2a2f;
	font-size: 80px;
}

.right-in {
	color: #252b3a;
	font-size: 64px;
}

/* 板块内tabs */
.block-main-tabs {
	width: 100%;
	display: flex;
	align-items: center;
}

.block-main-tabs .tabs-item {
	display: flex;
	align-items: center;
	height: 50px;
	border-radius: 50px;
	padding: 0 30px;
	color: #252b3a;
	cursor: pointer;
}

.block-main-tabs .tabs-item + .tabs-item {
	margin-left: 70px;
}

.block-main-tabs .tabs-item.active {
	color: #ffffff;
	background-color: #db2d23;
}

.block-main-tabs .tabs-item.active * {
	color: #ffffff;
}

.block-main-tabs .tabs-item .tabs-icon {
	margin-right: 15px;
}

.tabs-item .isActive {
	display: none;
}

.tabs-item .noActive {
	display: block;
}

.tabs-item.active .isActive {
	display: block;
}

.tabs-item.active .noActive {
	display: none;
}

.block-tabs-content .tabs-pan{
	display: none;
}

.block-tabs-content .tabs-pan.active {
	display: block;
}