@charset "utf-8";

* {
	box-sizing: border-box;
}

:root {
	--red: #d8282a;
	--white: #fff;
	--black: #111;
	--lightgrey: #f9f9f9;
	--darkgrey: #999;
	--fontSize-12: 12px;
	--fontSize-14: 14px;
	--fontSize-15: 15px;
	--fontSize-16: 16px;
	--fontSize-18: 18px;
	--fontSize-20: 20px;
	--fontSize-22: 22px;
	--fontSize-24: 24px;
	--fontSize-26: 26px;
	--fontSize-28: 28px;
	--fontSize-30: 30px;
	--fontSize-32: 32px;
	--fontSize-34: 34px;
	--fontSize-36: 36px;
	--fontSize-38: 38px;
	--fontSize-40: 40px;
	--fontSize-42: 42px;
	--fontSize-48: 48px;
	--fontSize-64: 64px;
	--grey444: #444;
	--grey666: #666;
	--grey999: #999;
	--greyccc: #ccc;
	--greyeee: #eee;
	--greyddd: #ddd;
	--lh140: 140%;
	--lh160: 160%;
	--lh180: 180%;
	--lh200: 200%;
	--lh220: 220%;
	--vh100: 100vh;
}

body {
	color: #111;
	touch-action: pan-x pan-y;
	/* 允许水平和垂直滚动 */
}

body,
button,
input,
select,
textarea {
	font-family: pingfang SC,
		helvetica neue,
		arial,
		hiragino sans gb,
		microsoft yahei ui,
		microsoft yahei,
		simsun,
		sans-serif;
	font-size: var(--fontSize-16);
}

body,
p,
h1,
ul,
li,
input,
img,
figure,
h3,
h1,
h2,
h4,
h5,
h6,
dl,
dd,
dt {
	margin: 0;
	padding: 0;
}

input[type="text"],
input[type="password"],
input[type="submit"],
input[type="reset"],
input[type="button"],
textarea {
	-webkit-appearance: none;
}


address,
cite,
dfn,
em,
var,
i {
	font-style: normal;
}

code,
kbd,
pre,
samp {
	font-family: "Poppins", Sans-serif
}

small {
	font-size: 10px;
}

ul,
ol {
	list-style: none;
}

sub {
	bottom: 0
}

a {
	text-decoration: none;
	color: var(--black)
}

a:hover {
	color: var(--red);
	text-decoration: none;
}

sup {
	vertical-align: text-top;
}

sub {
	vertical-align: text-bottom;
}

abbr[title] {
	border-bottom: 1px dotted;
	cursor: footer-help;
}

legend {
	color: #000;
}

fieldset,
img {
	border: 0;
	max-width: 100%;
}

a img {
	vertical-align: text-bottom;
}

:focus {
	outline: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
	resize: vertical;
}

button,
input,
select,
textarea {
	font-size: 100%;
}

button,
input,
select {
	vertical-align: middle;
}

/* 更改输入框的 placeholder 文本颜色 */
input::placeholder,
textarea::placeholder {
	color: #bababa
		/* 或者你想要的任何颜色值 */
}

button {
	cursor: pointer;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption,
th {
	text-align: left;
}

.fw-900 {
	font-weight: 900;
}

.text-red {
	color: var(--red)
}

.text-grey666 {
	color: #666;
}

.text-grey999 {
	color: #999;
}

.bg-red,
.dropdown-item.active,
.dropdown-item:active {
	background: var(--red);
}

.bg-grey {
	background: var(--lightgrey);
}

.bg-lightgrey {
	background: var(--lightgrey);
}

.text-capital {
	text-transform: uppercase
}

.arial {
	font-family: Arial, Helvetica, sans-serif;
}

.lh180 {
	line-height: 180%;
}

.lh200 {
	line-height: 200%;
}

.lh220 {
	line-height: 220%;
}

.btn-gradient {
	background: linear-gradient(-57deg, #eb6947, #d8282a);
	color: #fff;
	padding: 12px 22px;
	transition: .5s;
	display: inline-block;
	font-size: var(--fontSize-18);
	position: relative;
	overflow: hidden;
}

.btn-gradient:hover {
	background: linear-gradient(-57deg, #d8282a, #eb6947);
	color: #fff;
}

.btn-gradient::before {
	content: '';
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
	transition: 0.5s;
}

.btn-gradient .icon-jiantou {
	margin-right: -5px !important;
	display: inline-block;
}

.btn-gradient:hover::before {
	left: 100%;
}

.icon-gradient {
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.btn-icon-gradient {
	background-image: linear-gradient(-57deg, #eb6947, #d8282a) !important;
}

.form-control:focus,
.btn-check:focus+.btn,
.btn:focus {
	box-shadow: 0 0 0 .25rem rgba(216, 40, 42, .25);
}

/**************滚动条样式**********/

::-webkit-scrollbar {
	width: 10px;
	height: 1px;
}

::-webkit-scrollbar-thumb {
	background: rgba(0, 0, 0, .3);
}

::-webkit-scrollbar-track {
	-webkit-box-shadow: 0 0 .3125rem rgba(0, 0, 0, 0.2);
	background: rgba(0, 0, 0, .1);
}


.photo img {
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.photo:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.photo em {
	display: block;
	overflow: hidden;
}

.iconfont {
	font-size: inherit;
}

.pt-item {
	padding-top: 80px;
}

.pb-item {
	padding-bottom: 80px;
}

.py-item {
	padding-top: 80px;
	padding-bottom: 80px;
}

@font-face {
	font-family: 'DIN';
	src: url(../font/din-bold.ttf);
}

.font-din {
	font-family: 'DIN';
}

.container-fluid {
	padding-left: 7.8%;
	padding-right: 7.8%;
}

/**************框架公用样式**********/



header {
	position: fixed;
	width: 100%;
	z-index: 99;
	top: 0;
	background: rgba(255, 255, 255, 1);
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .05);
}

header .logo img {
	width: 150px;
}

header .header-tel {
	font-size: var(--fontSize-22);
}

header .header-tel .icon-phone {
	animation: swing 1s ease 0s infinite;
	margin-bottom: -5px;
}

header .header-language {
	font-size: var(--fontSize-18);
	margin: 0 60px;
}

header .header-language>a {
	font-size: var(--fontSize-20);
}

header .header-language>a span {
	margin: 0 5px;
}

header .header-language i.icon-arrow_down {
	font-size: var(--fontSize-14);
	vertical-align: middle;
	transition: .4s;
	display: inline-block;
}

header .header-language a.show i.icon-arrow_down {
	transform: rotate(-180deg);
}

header .header-language .dropdown-menu {
	top: 28px !important;
	padding: 0;
	border: 0;
	box-shadow: 0 2px 2px rgba(0, 0, 0, .05);
	min-width: inherit;
	border-radius: 0;
	left: -20px !important;
}

header .header-language .dropdown-menu li img {
	height: 18px;
	margin-right: 10px;
	display: inline-block;
	vertical-align: middle;
}

header .header-btn {
	border: 2px solid var(--red);
	padding: 6px 15px;
	transition: .4s;
}

header .header-btn:hover {
	background: linear-gradient(-57deg, #eb6947, #d8282a);
	color: var(--white);
}

.nav li>a {
	height: 90px;
	line-height: 90px;
	padding: 0 20px;
	font-size: 18px;
	display: block;
}

.nav li .nav-list {
	position: absolute;
	left: 0;
	right: 0;
	top: 90px;
	padding: 40px 0 60px;
	width: 100%;
	background: #fdfdfd;
	animation: fadeInUp .5s .1s ease both;
	-webkit-animation: fadeInUp .5s .1s ease both;
	display: none;
	border-top: 1px solid var(--lightgrey);
	box-shadow: 0 0 10px rgba(0, 0, 0, .05);
}

.nav li:hover>a,
.nav .current {
	color: var(--red);
}

.nav li:hover .nav-list {
	display: block;
}

.nav li .pro-nav dl {
	width: 30%;
}

.nav li .pro-nav dl h5 {
	border-bottom: 1px solid #ddd;
	padding-bottom: 15px;
	font-weight: bold;
}

.nav li .pro-nav dl h5 a {
	display: flex;
	align-items: center;
}

.nav li .pro-nav dl h5 i {
	margin-right: 10px;
	font-size: var(--fontSize-24);
	position: relative;
	font-weight: normal;
}

.nav li .pro-nav dl h5 i::after {
	content: '';
	width: 15px;
	height: 15px;
	background: rgba(216, 40, 42, .2);
	display: block;
	position: absolute;
	border-radius: 50%;
	right: 10px;
	bottom: 0;
}

.nav li .pro-nav dl dd {
	margin-top: 35px;
}

.nav li .pro-nav dl dd h6 {
	font-size: var(--fontSize-18);
	font-weight: bold;
}

.nav li .pro-nav dl dd p {
	margin-top: 8px;
	color: var(--grey666);
}

.nav li .plan-nav::after {
	content: '';
	width: 31.4%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(216, 40, 42, .03);
	z-index: -1;
}

.nav li .plan-nav section {
	width: 28%;
}

.nav li .plan-nav .tabbtn {
	margin-top: 30px;
}

.nav li .plan-nav .tabbtn li {
	padding: 20px 50px 20px 30px;
	font-weight: bold;
	position: relative;
	cursor: pointer;
	font-size: var(--fontSize-20);
}

.nav li .plan-nav .tabbtn li i {
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	font-weight: normal;
	opacity: .5;
}

.nav li .plan-nav .tabbtn li.current {
	background: var(--white);
	color: var(--red);
}

.nav li .plan-nav .tabcon-nav {
	width: 68%;
}

.nav li .plan-nav .tabcon-nav .tabcon>div {
	gap: 2%;
}

.nav li .plan-nav .tabcon-nav .tabcon>div a {
	width: 23.5%;
	display: block;
	margin-bottom: 20px;
	border: 1px solid #eee;
	padding: 12px 30px 12px 20px;
	position: relative;
	font-size: var(--fontSize-18);
}

.nav li .plan-nav .tabcon-nav .tabcon>div a i.icon-jiantou {
	position: absolute;
	right: 15px;
	opacity: .5;
}

.nav li .plan-nav .tabcon-nav .tabcon>div a em {
	font-size: var(--fontSize-20);
	vertical-align: middle;
	margin-top: -1px;
}

.nav li .plan-nav .tabcon-nav .tabcon>div a:hover,
.nav li .plan-nav .tabcon-nav .tabcon>div a.current {
	border-color: var(--red);
}

/**************手机导航**********/

.sp_nav,
.sjj_nav,
.mobile-search {
	display: none;
}

.sp_nav {
	width: 30px;
	position: absolute;
	top: 22px;
	right: 15px;
	cursor: pointer;
	color: #f333;
	z-index: 999
}

.sp_nav span {
	display: block;
	width: 30px;
	height: 2px;
	position: absolute;
	transition: all ease 0.35s
}

header.fixednav .sp_nav span,
header.fixednav-contact .sp_nav span,
header.nav-tb .sp_nav span {
	background: #181818;
}

.sp_nav span {
	background: #333;
}

.sp_nav_se span {
	width: 24px;
	background: #fff;
}

.sp_nav span:nth-of-type(1) {
	top: 0px
}

.sp_nav span:nth-of-type(2) {
	top: 10px
}

.sp_nav span:nth-of-type(3) {
	top: 20px
}

.sp_nav_se span:nth-of-type(1) {
	top: 20px;
	transform: rotate(45deg)
}

.sp_nav_se span:nth-of-type(2) {
	width: 0
}

.sp_nav_se span:nth-of-type(3) {
	top: 20px;
	transform: rotate(-45deg)
}

.sjj_nav {
	position: fixed;
	z-index: 9;
	background: #eee;
	width: 100%;
	height: calc(100% - 104px);
	height: 100vh;
	line-height: 40px;
	top: -100vh;
	left: 0;
	right: 0;
	overflow: auto;
	overflow-x: hidden;
	transition: top ease 0.35s;
	margin: 0 auto
}

.nav_show {
	top: 0;
	padding: 60px 30px;
	background: #333
}

.sjj_nav>ul>li:first-child {
	overflow: hidden;
	border-top: 0
}

.sjj_nav>ul>li:first-child>a {
	float: left;
	width: calc(100% - 70px)
}

.sjj_nav ul li i {
	position: absolute;
	right: 0px;
}

.sjj_nav ul li i {
	transition: .4s
}

.sjj_nav ul li .sjj_nav_i_se i {
	transform: rotate(90deg)
}

.sjj_nav ul li {
	position: relative;
	line-height: 45px;
	border-bottom: 1px solid rgba(255, 255, 255, .2);
}

.sjj_nav ul li ul {
	display: none
}

.sjj_nav ul li a {
	color: #ccc;
	width: 100%;
	display: block;
}

.sjj_nav ul li li {
	margin-left: 20px;
}

.sjj_nav ul li li:last-child {
	border-bottom: none;
}

.sjj_nav ul li ul li a {
	color: #999;
	display: block;
	text-align: left;
}

.sjj_nav ul li ul li>ul {
	margin-left: 10px
}


/**************banner**********/
.Home_Banner {
	margin-top: 90px;
}

.Home_Banner .banner .swiper-slide {
	position: relative;
}

.Home_Banner .banner .swiper-slide::after {
	content: '';
	background: rgba(0, 0, 0, .3);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.Home_Banner .banner .swiper-slide .swiper-slide-text {
	height: calc(100vh - 90px);
	position: relative;
	z-index: 5;
	color: var(--white);
}

.Home_Banner .banner .swiper-slide .swiper-slide-text h2 {
	font-size: 45px;
}

.Home_Banner .banner .swiper-slide .swiper-slide-text h4 {
	line-height: 160%;
	margin: 24px 0 48px;
}

.Home_Banner .banner .swiper-pagination-bullet {
	background-color: #fff;
	width: 30px;
	height: 4px;
	opacity: .8;
	border-radius: 2px
}

.Home_Banner .banner .swiper-pagination-bullet-active {
	opacity: 1;
	background-color: var(--red);
}

.project-name.project-name-case {
	position: relative;
	z-index: 5;
}

.project-name h2 {
	font-size: var(--fontSize-42);
}

.project-name h2 .page-section {
	padding-top: 100px;
	padding-bottom: 100px;
}

.project-name h5 {
	line-height: 160%;
}

.project-name h4 {
	color: #333;
}

.project-name figure .dropdown+.dropdown {
	margin-left: 20px;
}

.project-name figure .dropdown .btn {
	border: 1px solid #ddd;
	color: var(--grey666);
	width: 190px;
	height: 50px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 20px;
	font-size: var(--fontSize-18);
	transition: .4s;
	border-radius: 0;
}

.project-name figure .dropdown .btn::after {
	display: none;
}

.project-name figure .dropdown .btn i {
	transform: rotate(90deg);
	color: var(--grey999);
	transition: .4s;
}

.project-name figure .dropdown .btn.show i {
	transform: rotate(-90deg);
}

.project-name figure .dropdown .dropdown-menu {
	width: 100%;
}

.project-name figure .dropdown .dropdown-menu li a.current {
	background: linear-gradient(-57deg, #eb6947, #d8282a);
	color: var(--white);
}

.project-name figure .dropdown .btn:hover,
.project-name figure .dropdown .btn:focus {
	background: linear-gradient(-57deg, #eb6947, #d8282a);
	border-color: var(--red);
	color: var(--white);
}

.project-name figure .dropdown .btn:hover i,
.project-name figure .dropdown .btn:focus i {
	color: rgba(255, 255, 255, .5);
}


.products-list .tabbtn {
	width: 26%;
	position: relative;
	z-index: 9;
	display: flex;
	flex-direction: column;
}

.products-list .tabbtn li {
	display: flex;
	align-items: center;
	padding: 0 10% 0 30%;
	border-bottom: 1px solid #eee;
	position: relative;
	cursor: pointer;
	transition: .3s;
	width: 100%;
	z-index: 5;
	flex: 1;
	min-height: 165px;
}

.products-list .tabbtn li.current::after,
.products-list .tabbtn li:hover::after {
	content: '';
	width: 50px;
	height: 50px;
	background: rgba(255, 255, 255, .1);
	display: block;
	position: absolute;
	bottom: 40px;
	left: 80px;
	border-radius: 50%;
}

.products-list .tabbtn li h6 {
	color: var(--grey666);
	margin-top: 10px;
}

.products-list .tabbtn li i {
	font-size: 60px;
	position: absolute;
	left: 30px;
}

.products-list .tabbtn li.current,
.products-list .tabbtn li:hover {
	background: linear-gradient(-57deg, #eb6947, #d8282a);
	padding-left: 45%;
	width: calc(100% + 100px);
	border-bottom: 1px solid #eb6947;
}

.products-list .tabbtn li.current,
.products-list .tabbtn li.current h6,
.products-list .tabbtn li:hover,
.products-list .tabbtn li:hover h6 {
	color: var(--white);
}

.products-list .tabbtn li.current i,
.products-list .tabbtn li:hover i {
	color: var(--white) !important;
	background-image: initial !important;
	-webkit-background-clip: initial !important;
	-webkit-text-fill-color: initial !important;
	font-size: 115px;
	position: absolute;
	left: 20px;
	opacity: .3;
}

.tabcon {
	transition: .4s;
	opacity: 0;
	position: absolute;
	width: 100%;
}

.tabcon.active {
	transition: .4s;
	opacity: 1;
	z-index: 9;
}

.products-list .tabcon-pro {
	width: 74%;
	transition: none !important;
	transform-origin: center top;
}

.products-list .tabcon-pro .tabcon {
	padding: 60px 15%;
}

.products-list .tabcon-pro .tabcon h2 {
	font-size: var(--fontSize-36);
}

.products-list .tabcon-pro .tabcon h5 {
	line-height: 160%;
	font-size: var(--fontSize-18);
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.products-list .tabcon-pro .tabcon em {
	padding-bottom: 55%;
	position: relative;
	display: block;
}

.products-list .tabcon-pro .tabcon img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	left: 0;
	top: 0;
	display: block;
}

.menu-list-link {
	gap: 2%;
}

.menu-list-link a {
	display: inline-block;
}

.solution-list {
	background: #eff2f5;
}

.partner-list h5 {
	width: 50px;
	height: 130px;
	background: linear-gradient(-57deg, #eb6947, #d8282a);
	color: var(--white);
	padding: 10px;
	text-align: center;
	display: flex;
	align-items: center;
}

.partner-list .banner,
.partner-list .banner .swiper {
	width: calc(100% - 70px);
}

.partner-list .banner .swiper {
	margin: 0;
}

.partner-list .banner .swiper-slide {
	border: 1px solid #eee;
	overflow: hidden;
}

.partner-list .banner .swiper-slide:hover {
	border: 1px solid rgba(216, 40, 42, .5);
}

.partner-list .banner .swiper-slide img {
	width: 100%;
	height: 128px;
	object-fit: cover;
}

.partner-list .banner .swiper-button-next {
	width: 50px;
	height: 130px;
	background: linear-gradient(-57deg, #eb6947, #d8282a);
	position: relative;
	top: initial;
	right: initial;
	margin-top: initial;
	color: var(--white);
}

.partner-list .banner .swiper-button-next::after {
	display: none;
}


.button_03 .a {
	height: 52px;
	width: 52px;
	color: #fff;
	border-radius: 50%;
	border: 2px solid #fff;
	display: flex;
}

.button_03 .a i {
	margin: auto;
	font-size: 14px;
}

.Home_Solution_01 .box {
	display: flex;
}

.Home_Solution_01 .box .item {
	flex: 1;
	position: relative;
	will-change: auto;
	margin-right: 8px;
	transition: all 0.6s;
}

.Home_Solution_01 .box .item .main {
	width: 100%;
	overflow: hidden;
	position: relative;
	height: 773px;
}

.Home_Solution_01 .box .item .main .main_01 {
	position: absolute;
	top: 0;
	left: 50%;
	width: 100vw;
	height: 100%;
	transform: translate(-40%, 0);
}

.Home_Solution_01 .box .item .main .main_01 .img::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .3);
}

.Home_Solution_01 .box .item .main .main_01 .img img {
	height: 773px;
	width: 100%;
	object-fit: cover;
}

.Home_Solution_01 .box .item .main .main_01 .orientation_01 {
	color: #fff;
	position: absolute;
	top: 50%;
	left: 40%;
	transform: translate(-50%, -50%);
	width: 50%;
	text-align: center;
	transition: 0.4s;
}

.Home_Solution_01 .box .item .main .main_01 .orientation_01 i {
	font-size: 90px;
}

.Home_Solution_01 .box .item .main .main_01 .orientation_01 .content1 {
	font-size: 32px;
	font-weight: bold;
}


.Home_Solution_01 .box .item .main .main_01 .orientation_01 .content2 {
	margin-top: 16px;
	font-size: 18px;
	opacity: 0;
}

.Home_Solution_01 .box .item.active .main .main_01 .orientation_01 .content2 {
	opacity: 1;
}

.Home_Solution_01 .box .item .main .main_01 .orientation_01 .content3 {
	margin-top: 0.4rem;
}

.Home_Solution_01 .box .item .main .main_01 .orientation_02 {
	color: #fff;
	position: absolute;
	top: 15%;
	left: 20%;
	opacity: 0;
}


.Home_Solution_01 .box .item .main .main_01 .orientation_02 .content1 {
	font-size: 32px;
	font-weight: bold;
}

.Home_Solution_01 .box .item .main .main_01 .orientation_03 {
	position: absolute;
	left: 20%;
	bottom: 60px;
	width: 100%;
}

.Home_Solution_01 .box .item .main .main_01 .orientation_03 .scroll {
	width: 40%
}

@media screen and (min-width: 1200px) {
	.Home_Solution_01 .box .item .main .main_01 .orientation_03 .scroll {
		display: grid;
		grid-template-rows: 0fr;
		overflow: hidden;
	}
}

@media screen and (max-width: 1200px) {
	.Home_Solution_01 .box .item .main .main_01 .orientation_03 .scroll::-webkit-scrollbar {
		width: 2px;
		height: 2px;
	}

	.Home_Solution_01 .box .item .main .main_01 .orientation_03 .scroll::-webkit-scrollbar-thumb {
		border-radius: 2px;
		background: #fff;
	}

	.Home_Solution_01 .box .item .main .main_01 .orientation_03 .scroll::-webkit-scrollbar-track {
		border-radius: 2px;
		background: rgba(255, 255, 255, 0.1);
	}

	@-moz-document url-prefix() {
		.Home_Solution_01 .box .item .main .main_01 .orientation_03 .scroll {
			scrollbar-color: #004c97 rgba(255, 255, 255, 0.1);
			scrollbar-width: thin;
		}
	}
}

.Home_Solution_01 .box .item .main .main_01 .orientation_03 .scroll ul {
	min-height: 0;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
}

.Home_Solution_01 .box .item .main .main_01 .orientation_03 .scroll ul li {
	position: relative;
}


.Home_Solution_01 .box .item .main .main_01 .orientation_03 .scroll ul li a {
	font-size: 18px;
	color: #fff;
	text-align: center;
	display: flex;
	align-items: center;
	padding: 0 15px;
	transition: 0.4s;
	background: rgba(255, 255, 255, 0.35);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	text-align: left;
	position: relative;
	z-index: 1;
}

.Home_Solution_01 .box .item .main .main_01 .orientation_03 .scroll ul li i {
	color: #fff;
	transition: 0.4s;
	margin-right: 10px;
	font-size: var(--fontSize-20);
	vertical-align: middle;
}

.Home_Solution_01 .box .item .main .main_01 .orientation_03 .scroll ul li em {
	position: absolute;
	right: 15px;
	opacity: .3;
}

.Home_Solution_01 .box .item .main .main_01 .orientation_03 .scroll ul li p {
	line-height: 50px;
	height: 50px;
	max-width: calc(100% - 55px);
}


.Home_Solution_01 .box .item .main .main_01 .orientation_03 .scroll ul li:hover a {
	background: #fff;
	color: #111;
}

.Home_Solution_01 .box .item .main .main_01 .orientation_03 .scroll ul li:hover i {
	color: #111;
	opacity: 1;
}

@media screen and (min-width: 1200px) {

	.Home_Solution_01 .box .item.active {
		flex: 2;
	}

	.Home_Solution_01 .box .item.active .main .main_01 .orientation_01 {
		opacity: 0;
	}

	.Home_Solution_01 .box .item.active .main .main_01 .orientation_02 {
		opacity: 1;
		transition: 0.4s;
		transition-delay: 0.4s;
	}

	.Home_Solution_01 .box .item.active .main .main_01 .orientation_03 .scroll {
		grid-template-rows: 1fr;
		transition: 0.4s;
		transition-delay: 0.4s;
	}
}

.Home_Case .box .banner {
	border-bottom: 1px solid #eee;
}

.Home_Case .box .banner .swiper {
	-webkit-transform: translateY(1px);
	-ms-transform: translateY(1px);
	transform: translateY(1px);
}

.Home_Case .box .banner .swiper-slide {
	border-bottom: 2px solid transparent;
	width: auto;
	transition: 0.4s;
	text-align: center;
}

.Home_Case .box .banner .swiper-slide p {
	font-size: 20px;
	color: var(--black);
	padding: 25px 0;
	cursor: pointer;
	transition: 0.4s;
}

.Home_Case .box .banner .swiper-slide p:hover {
	color: var(--red);
}

.Home_Case .box .banner .swiper-slide.active {
	border-color: var(--red);
}

.Home_Case .box .banner .swiper-slide.active p {
	color: var(--red);
	font-weight: bold;
}

.Home_Case .box1 {
	margin-top: 68px;
	position: relative;
}

.Home_Case .box1 .case-name {
	left: calc(46.5% + 30px);
	width: calc(49% + 30px);
	z-index: 5;
}

.Home_Case .box1 .case-name a {
	color: #fff;
	background: linear-gradient(-57deg, #eb6947, #d8282a);
	padding: 5px 10px;
	font-size: 18px;
	position: relative;
	overflow: hidden;
}

.Home_Case .box1 .case-name a:hover {
	background: linear-gradient(-57deg, #d8282a, #eb6947);
	color: #fff;
}

.Home_Case .box1 .case-name a::before {
	content: '';
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
	transition: 0.5s;
}

.Home_Case .box1 .case-name a:hover::before {
	left: 100%;
}

.Home_Case .box1 .swiper {
	margin-top: -30px;
}

.Home_Case .box1 .swiper .swiper-slide {
	width: 24.2%;
	transition: 0.8s;
}

.Home_Case .box1 .swiper .swiper-slide a {
	display: block;
	position: relative;
}

.Home_Case .box1 .swiper .swiper-slide a .one {
	display: flex;
	justify-content: flex-end;
	flex-direction: column;
	height: 640px;
}

.Home_Case .box1 .swiper .swiper-slide.swiper-slide-active a .one {
	height: 640px;
}

.Home_Case .box1 .swiper .swiper-slide a .one>div {
	height: 88%;
	background: #f9f9f9;
	overflow: hidden;
}

.Home_Case .box1 .swiper .swiper-slide.swiper-slide-active a .one>div {
	height: 100%;
}

.Home_Case .box1 .swiper .swiper-slide a .one .con1 img {
	height: 45px;
	margin: 0 20px;
}

.Home_Case .box1 .swiper .swiper-slide a .one .con2 {
	line-height: 1.3;
	font-size: 20px;
	font-weight: bold;
	padding: 20px;
	color: #000;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.Home_Case .box1 .swiper .swiper-slide.swiper-slide-active a .two {
	position: absolute;
	left: 0;
	bottom: 0;
	transition: 0.4s;
	width: 100%;
	height: 100%;
}

.Home_Case .box1 .swiper .swiper-slide a .two .img {
	height: 380px;
	overflow: hidden;
}

.Home_Case .box1 .swiper .swiper-slide.swiper-slide-active a .two .img {
	height: 100%;
	object-fit: cover;
}

.Home_Case .box1 .swiper .swiper-slide a .two .img img {
	width: 100%;
	height: 100%;
	transition: 0.4s;
	object-fit: cover;
}

.Home_Case .box1 .swiper .swiper-slide a .two .orientation {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	width: 50%;
	height: 100%;
	background: rgba(0, 76, 151, 0.6);
	backdrop-filter: blur(10px);
	padding: 0 38px;
	display: flex;
	align-items: center;
	transition: 0.4s;
}

.Home_Case .box1 .swiper .swiper-slide a .two .orientation>div {
	width: 100%;
}

.Home_Case .box1 .swiper .swiper-slide a .two .orientation .content1 img {
	height: 56px;
	filter: grayscale(1) brightness(100);
}

.Home_Case .box1 .swiper .swiper-slide a .two .orientation .content2 {
	font-size: 28px;
	color: #fff;
	line-height: 1.5;
	font-weight: bold;
	margin: 30px 0 40px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.Home_Case .box1 .swiper .swiper-slide a .two .orientation .content3 {
	font-size: 16px;
	line-height: 1.8;
	color: #fff;
	height: 5.4em;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.Home_Case .box1 .swiper .swiper-slide a .two .orientation .content4 {
	margin-top: 60px;
}

.Home_Case .box1 .swiper .swiper-slide a:hover .two .img img {
	transform: scale(1.1);
}

@media screen and (min-width: 1200px) {
	.Home_Case .box1 .swiper .swiper-slide-active {
		width: 46.5%;
		overflow: hidden;
	}
}

.Home_Case .box1 .swiper .swiper-slide-active a .con1 {
	opacity: 0;
}

.Home_Case .box1 .swiper .swiper-slide-active a .con2 {
	opacity: 0;
}

.Home_Case .box1 .swiper .swiper-slide-active a .two {
	opacity: 1;
	padding: 0;
}

.Home_Case .box1 .swiper .swiper-slide-active a .two .orientation {
	opacity: 1;
}



.about-main {
	background: url(../images/about_bg.webp);
	background-size: cover;
}

.about-main-num li {
	padding: 0 50px;
	position: relative;
}

.about-main-num li h2 {
	color: var(--red);
}

.about-main-num li h5 {
	font-size: var(--fontSize-22);
	padding-left: 5px;
	font-weight: bold;
	margin-top: 5px;
}

.about-main-num li span,
.about-main-num li em {
	font-size: 76px;
	margin-right: 10px;
	display: inline-block;
	font-family: 'DIN';
}

.about-main-num li em {
	opacity: 0;
}

.about-main-num li span {
	position: absolute;
	left: 50px;
}

.about-main-num li sub {
	vertical-align: middle;
	font-size: var(--fontSize-26);
}

.about-main .about-icon-list {
	border-top: 1px solid #bcbdc2;
	margin-top: 50px;
}

.about-main .about-icon-list li {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 50px;
}

.about-main .about-icon-list li span {
	width: 108px;
	height: 108px;
	border: 1px solid rgba(96, 103, 129, .3);
	color: #606781;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	font-size: 55px;
	margin-bottom: 20px;
}

.about-content {
	background: rgba(255, 255, 255, 0.5);
	backdrop-filter: blur(6px);
	padding: 65px;
	margin-top: 100px;
}

.about-content .about-content-left {
	width: 52%;
}

.about-content .about-content-left h2 {
	font-size: var(--fontSize-38);
}

.about-content .about-content-left h2::after {
	content: '';
	height: 4px;
	width: 60px;
	background: var(--red);
	display: block;
	margin-top: 15px;
}

.about-content .about-content-left section {
	font-size: var(--fontSize-18);
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	line-height: 200%;
	margin: 30px 0;
}

.about-content .about-content-left li+li {
	margin-left: 80px;
}

.about-content .about-content-left li span {
	position: relative;
	line-height: 1.2;
}

.about-content .about-content-left li em {
	font-size: var(--fontSize-18);
}

.about-content .about-content-left li span::after {
	content: '';
	width: 15px;
	height: 15px;
	background: rgba(216, 40, 42, .2);
	display: block;
	position: absolute;
	border-radius: 50%;
	right: 10px;
	bottom: 0;
}

.about-content .about-content-left li i {
	font-size: 50px;
	color: #606781;
}

.about-content .about-content-left li em {
	display: block;
}

.about-content .about-video {
	width: 43%;
}

.about-content .about-video video {
	height: 480px;
	object-fit: cover;
}

.about-video span {
	left: 0;
	top: 0;
	cursor: pointer;
}

.about-video span::after {
	content: '';
	background: rgba(0, 0, 0, .3);
	width: 100%;
	height: 100%;
	position: absolute;
}

.about-video span i {
	font-size: 70px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 5;
}

.click-more {
	border: 2px solid var(--red);
	width: 40px;
	height: 40px;
	display: flex;
	color: var(--red);
	transition: .3s;
}

.click-more:hover {
	background: var(--red);
	color: var(--white);
}

.click-more i {
	margin: auto;
	font-size: var(--fontSize-12);
}

.click-more1 {
	background: var(--white);
	padding: 12px 22px;
	transition: .5s;
	display: inline-block;
	font-size: var(--fontSize-18);
	display: flex;
	align-items: center;
	transition: .4s;
}

.click-more1 .icon-jiantou {
	margin-right: -5px;
}

.click-more1:hover {
	background: linear-gradient(-57deg, #eb6947, #d8282a);
	color: var(--white);
}

.news-main-list .tabcon-news,
.news-main-list .tabbtn {
	width: 48%;
}

.news-main-list .tabcon-news {
	padding-bottom: 36%;
}

.news-main-list .tabcon-news .tabcon {
	height: 100%;
}

.news-main-list .tabcon-news .tabcon img {
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}

.news-main-list .tabbtn li {
	padding-bottom: 6%;
	border-bottom: 1px solid var(--greyeee);
}

.news-main-list .tabbtn li+li {
	margin-top: 6%;
}

.news-main-list .tabbtn li section>a {
	width: calc(100% - 130px);
	display: block;
}

.news-main-list .tabbtn li section h5 {
	font-size: var(--fontSize-22);
}

.news-main-list .tabbtn li.current section h5 {
	color: var(--red);
}

.news-main-list .tabbtn li section span {
	font-size: var(--fontSize-20);
}

.news-main-list .tabbtn li article {
	height: 0;
	overflow: hidden;
	transition: .4s;
}

.news-main-list .tabbtn li article p {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	margin: 10px 0 20px;
	line-height: 160%;
}

.news-main-list .tabbtn li.current article {
	height: 130px;
}

.footer-ad {
	background: url(../images/footer_top_bg.webp);
	background-size: cover;
}

.footer-ad figure h2 {
	font-size: var(--fontSize-38);
}

.footer-ad figure h6 {
	font-size: var(--fontSize-18);
	opacity: .7;
}

.footer-ad figure section h2 {
	font-size: var(--fontSize-18);
	line-height: 1.2;
}

.footer-ad figure section h2 span {
	font-size: var(--fontSize-36);
	display: block;
	background: linear-gradient(to right, #ffc788, #ffead1);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	display: table;
}

.footer-ad figure section a {
	padding: 12px 22px;
	background: rgba(255, 255, 255, 0.3);
	display: block;
	font-size: var(--fontSize-18);
	color: var(--white);
	margin-left: 15px;
	transition: .3s;
}

.footer-ad figure section a:hover {
	background: rgba(255, 255, 255, 1);
	color: var(--black);
}

.footer-ad li+li {
	margin-left: 100px;
}

.footer-ad li i {
	font-size: 65px;
	font-weight: normal;
}

.footer-ad li h4 {
	font-weight: bold;
	margin: 5px 0 15px;
}

.footer-ad li p {
	line-height: 1.2;
	opacity: .7;
}

footer {
	background: #363636;
	color: var(--white);
	padding-top: 60px;
}

footer .footer-top {
	padding-bottom: 40px;
	border-bottom: 1px solid rgba(255, 255, 255, .08);
}

footer .footer-top img {
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	height: 60px;
}

footer .footer-top .dropdown .btn {
	border: 1px solid #bbb;
	color: var(--white);
	width: 200px;
	height: 50px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 20px;
	font-size: var(--fontSize-18);
	border-radius: 0;
}

footer .footer-top .dropdown .btn::after {
	display: none;
}

footer .footer-top .dropdown .btn i {
	transform: rotate(90deg);
	transition: .4s;
}

footer .footer-top .dropdown .btn.show i {
	transform: rotate(-90deg);
}

footer .footer-top .dropdown .dropdown-menu {
	width: 100%;
	border-radius: 0;
	border: 0;
}

footer .footer-center {
	padding: 80px 0;
}

footer .footer-center section {
	border-right: 1px solid rgba(255, 255, 255, .08);
	padding-right: 80px;
	margin-right: 80px;
}

footer .footer-center section p+p {
	margin-left: 30px;
}

footer .footer-center section p span {
	display: block;
	text-align: center;
	margin-top: 5px;
}

footer .footer-center section p img {
	height: 150px;
}

footer .footer-center article {
	line-height: 240%;
}

footer .footer-center figure h2 {
	font-size: 46px;
}

footer .footer-center article p {
	font-size: var(--fontSize-18);
}

footer .footer-center figure a {
	font-size: var(--fontSize-30) !important;
	color: var(--grey999);
	transition: .4s;
}

footer .footer-center figure a:hover {
	color: var(--white);
}

footer .footer-center figure p {
	line-height: 200%;
}

footer .footer-center figure a+a {
	margin-left: 15px;
}

.footer-bottom,
.footer-bottom a {
	color: #929191;
}

.footer-bottom {
	background: #2c2c2c;
	padding: 15px 0;
}

.online-list {
	position: fixed;
	right: 5px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 100;
	width: 75px;
	box-shadow: 0 0 5px rgba(0, 0, 0, .1);
}

.online-list figure {
	padding: 15px;
}

.online-list figure span {
	border-radius: 50%;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
}

.online-list figure h5 {
	letter-spacing: 2px;
	font-size: var(--fontSize-18)
}

.online-list figure span i {
	font-size: 30px;
}

.online-list li {
	background: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 2px 5px 8px;
	cursor: pointer;
	transition: .3s;
	position: relative;
}

.online-list li+li {
	border-top: 1px solid #eee;
}

.online-list li a {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.online-list li i {
	font-size: var(--fontSize-28);
	background-image: linear-gradient(-57deg, #eb6947, #d8282a) !important;
}

.online-list li:hover {
	background: linear-gradient(-57deg, #eb6947, #d8282a);
}

.online-list li:hover,
.online-list li:hover a {
	color: var(--white);
}

.online-list li:hover i {
	color: #fff !important;
	-webkit-background-clip: initial;
	-webkit-text-fill-color: initial
}


.online-list li span {
	font-size: 13px;
	line-height: 18px;
}

.online-list li section {
	display: none;
	position: absolute;
	right: 90px;
	top: -65px;
	width: 220px;
	height: 220px;
	background: linear-gradient(-57deg, #d8282a, #eb6947);
	padding: 22px;
	border-radius: 10px;
	text-align: left;
}

.online-list li section h4+h4 {
	margin-top: 15px;
}

.online-list li section h4 span {
	display: block;
}

.online-list li:hover section {
	display: block;
}

.online-list li .wx-ewm {
	display: none;
	position: absolute;
	right: 90px;
	top: -40px;
	width: 150px;
	height: 150px;
	background: linear-gradient(-57deg, #d8282a, #eb6947);
	padding: 10px;
	border-radius: 10px;
}

.online-list li .wx-ewm em,
.online-list li section em {
	width: 0;
	height: 0;
	border-bottom: 15px solid transparent;
	border-left: 15px solid var(--red);
	border-top: 15px solid transparent;
	display: inline-block;
	position: absolute;
	right: -15px;
	top: 40%;
}

.online-list li .wx-ewm img {
	width: 100%;
}

.online-list li:hover .wx-ewm {
	display: block;
}

.online-list li.online_top {
	padding: 5px 10px 0;
}

.online-list li.online_top .onlineIco i {
	line-height: 1;
}

.min-banner {
	margin-top: 90px;
}

.min-banner img {
	object-fit: cover;
	max-height: 640px;
}

.min-banner::after {
	content: '';
	background: rgba(0, 0, 0, .3);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.min-banner h1 {
	font-size: 45px;
}

.min-banner h4 {
	line-height: 160%;
	margin: 24px 0 48px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.min-banner .container-fluid {
	z-index: 5;
}

.min-banner .container-fluid article {
	width: 55%;
}

.min-banner-big {
	height: calc(100vh - 90px);
}

.min-banner-big img {
	max-height: initial;
}

.menu-list {
	border-bottom: 1px solid #eee;
}

.menu-list a:hover {
	color: var(--red);
}

.menu-list a {
	position: relative;
	font-size: var(--fontSize-20);
	padding-bottom: 25px;
	font-weight: bold;
	display: block;
}

.menu-list a+a {
	margin-left: 40px;
}

.menu-list a:hover,
.menu-list a.current {
	color: var(--red);
}

.menu-list a::after {
	position: absolute;
	width: 0;
	content: '';
	height: 2px;
	background: var(--red);
	bottom: 0;
	left: 0;
	transition: .3s;
}

.menu-list a:hover::after,
.menu-list a.current::after {
	width: 100%;
}

.news-list li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: var(--lightgrey);
}

.news-list li+li {
	margin-top: 40px;
}

.news-list li>a {
	width: 35%;
}

.news-list li>a em {
	display: block;
	padding-bottom: 76%;
	position: relative;
}

.news-list li img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	position: absolute;
}

.news-list li article {
	width: 62%;
	padding-right: 50px;
}

.news-list li article span {
	color: var(--grey999);
	font-size: var(--fontSize-20);
}

.news-list li article h4 {
	margin: 25px 0;
}

.news-list li article section {
	color: var(--grey666);
	margin-bottom: 8%;
	line-height: 180%;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.news-list li:hover h4 a {
	color: var(--red);
}

.news-list li:hover .click-more {
	background: var(--red);
	color: var(--white);
}

.case-list {
	gap: 35px 2%;
}

.case-list li {
	width: 32%;
	box-shadow: 0 0 12px rgba(0, 0, 0, .06);
	overflow: hidden;
	background: var(--white);
}

.case-list li em {
	padding-bottom: 70%;
	position: relative;
}

.case-list li em img {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	object-fit: cover;
}

.case-list li section {
	padding: 30px;
	text-align: center;
}

.case-list li section p {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.case-list li section img {
	height: 56px;
}

.case-list li:hover h4 a {
	color: var(--red);
}

.case-list li:hover section img {
	transform: scale(1);
}

.partner-content-list {
	gap: 20px 2%;
}

.partner-content-list li {
	width: 15%;
	overflow: hidden;
	box-shadow: 0 0 12px rgba(0, 0, 0, .06);
}

.detection-list {
	gap: 35px 2%;
}

.detection-list li {
	width: 49%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	background: var(--white);
	box-shadow: 0 0 12px rgba(0, 0, 0, .06);
	padding: 35px;
	border-radius: 10px;
}

.detection-list li em {
	background: var(--lightgrey);
	width: 38%;
	height: 100%;
	padding: 20px;
	display: flex;
	align-items: center;
}

.detection-list li figure {
	width: 58%;
}

.detection-list li figure section {
	line-height: 220%;
	color: var(--grey666);
}

.detection-list li:hover h4 a {
	color: var(--red);
}

.about-main-num-inner {
	background: url(../images/about_num_bg.webp);
	background-size: cover;
	padding: 130px 0;
}

.about-main-num.about-main-num-inner li h2,
.about-main-num.about-main-num-inner li h5 {
	color: var(--white);
}

.about-content-inner.about-content .about-content-left section {
	overflow: initial;
	-webkit-line-clamp: initial
}

.about-culture li {
	flex: 1;
	position: relative;
	z-index: 5;
	height: 530px;
	transition: .4s;
}

.about-culture li p {
	height: 0;
	opacity: 0;
	transition: 0.2s;
}

.about-culture li i {
	font-size: 50px;
}

.about-culture li h4 {
	margin: 15px 0;
}

.about-culture li+li {
	border-left: 1px solid rgba(255, 255, 255, .1);
}

.about-culture li section {
	position: absolute;
	bottom: 50px;
	transition: .4s;
	padding: 0 50px;
}

.about-culture li:hover {
	flex: 2.3;
}

.about-culture li:hover section {
	transition-delay: 0.4s;
	bottom: 50%;
}

.about-culture li:hover p {
	display: block;
	transition: .4s;
	opacity: 1;
	height: 1.5em;
}


.aboutPart4 .toptop {
	padding: 120px 0;
}

.aboutPart4 .title {
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 42px;
	padding-bottom: 75px;
}

.aboutPart4 .progress-bar-history {
	width: 1200px;
	margin: 0 auto;
	position: relative;
}

.aboutPart4 .progress-bar-history:after {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	height: 1px;
	z-index: 0;
	background: rgba(255, 255, 255, 0.6);
}

.aboutPart4 .progress-bar-history ul {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	position: relative;
	z-index: 1;
}

.aboutPart4 .progress-bar-history li {
	cursor: pointer;
	position: relative;
	width: 100px;
	height: 100px;
	line-height: 100px;
	text-align: center;
	font-size: 20px;
	border-radius: 50%;
	background: #eee;
}

.aboutPart4 .progress-bar-history li:after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 0;
	height: 0;
	background: var(--red);
	border-radius: 50%;
	z-index: 0;
}

.aboutPart4 .progress-bar-history li em {
	display: block;
	position: relative;
	z-index: 1;
}

.aboutPart4 .progress-bar-history .active {
	background: #fff;
	color: #fff;
}

.aboutPart4 .progress-bar-history .active:after {
	width: 88px;
	height: 88px;
	left: 6px;
	top: 6px;
}

.aboutPart4 .botbot {
	padding: 100px 0;
	background: #f7f7fa;
}

.aboutPart4 .list {
	width: 2050px;
	overflow: hidden;
	position: relative;
}

.aboutPart4 .list li .box {
	margin-right: 45px;
}

.aboutPart4 .list li .year {
	height: 35px;
	line-height: 30px;
	font-size: 30px;
	color: var(--red);
	border-bottom: var(--red) solid 1px;
}

.aboutPart4 .list li .msgList {
	padding-top: 35px;
}

.aboutPart4 .list li .msgList dd {
	font-size: 16px;
	line-height: 30px;
	color: #333;
}


.history-content {
	height: 460px;
	color: #333;
	overflow: hidden;
}

.history-content .mod-con {
	position: relative
}

.history-main {
	width: 10000px;
	position: absolute;
	padding-left: 7.8% !important;
}

.history-main-box {
	width: 482px;
	float: left;
	margin-right: 42px;
}

.history-main-box section {
	line-height: 180%;
}

.history-main-box section p {
	margin: 10px 0;
}

.history-title {
	font-size: 30px;
	padding-top: 60px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--red);
	margin-bottom: 20px;
	color: var(--red);
}

.history-main-box .hhh {
	height: 240px;
	overflow: auto;
}

.history-main-box .hhh::-webkit-scrollbar {
	width: 2px;
}

.history-main-box .hhh::-webkit-scrollbar-track {
	background-color: #e5e5e5;
}

.history-main-box .hhh::-webkit-scrollbar-thumb {
	background-color: var(--red);
}



.history-mobile {
	display: none;
}

.history-mobile ul {
	padding-left: 10px;
}

.history-mobile li {
	padding-left: 20px;
	padding-bottom: 20px;
	border-left: 2px solid #eee;
	position: relative;
}

.history-mobile li::before {
	content: '';
	width: 15px;
	height: 15px;
	border: 2px solid var(--red);
	border-radius: 50%;
	display: block;
	position: absolute;
	left: -8px;
	top: 6px;
	background: var(--white);
}

.history-mobile li section p+p {
	margin-top: 10px;
}

.honor-list {
	background: url(../images/honor_bg.webp);
	background-size: cover;
}

.honor-list li {
	font-size: var(--fontSize-22);
	line-height: 50px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.honor-list li::before {
	content: '';
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--red);
	display: inline-block;
	vertical-align: middle;
	margin-top: -2px;
	margin-right: 15px;
}

.plan-message {
	margin-top: 60px;
}

.plan-message .form-message {
	width: 60%;
}

.plan-message .form-message h2 {
	font-size: var(--fontSize-36);
}

.plan-message .form-message li {
	position: relative;
	margin-top: 24px;
}

.plan-message .form-message li .form-control,
.plan-message .form-message li .form-select {
	border: 1px solid #eee;
	padding: 0 20px;
	color: #666;
}

.plan-message .form-message li input.form-control,
.plan-message .form-message li .form-select,
.plan-message .form-message li .btn {
	height: 60px;
}

.plan-message .form-message li .tips {
	position: absolute;
	width: 100%;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
	color: #666;
	padding: 0 20px;
	pointer-events: none;
}

.plan-message .form-message li .tips span {
	color: var(--red);
	margin-right: 5px;
}

.plan-message .form-message li textarea+.tips {
	top: 20px;
	transform: translateY(0);
}

.plan-message .plan-cooperation {
	width: 37%;
}

.plan-cooperation ul {
	gap: 20px 4%;
}

.plan-cooperation li {
	border: 1px solid #eee;
	width: 30.66%;
	overflow: hidden;
}

.plan-cooperation li:hover {
	border: 1px solid rgba(216, 40, 42, .25);
}

.pro-service-menu {
	font-size: var(--fontSize-20);
	border-bottom: 1px solid #eee;
	font-weight: bolder;
}

.pro-service-menu li+li {
	margin-left: 40px;
}

.pro-service-menu li a {
	padding: 25px 0;
	display: block;
}

.pro-service-menu li a:hover,
.pro-service-menu li a.current {
	color: var(--red);
	position: relative;
}

.pro-service-menu li a:hover::after,
.pro-service-menu li a.current::after {
	content: '';
	height: 2px;
	width: 100%;
	background: var(--red);
	display: block;
	position: absolute;
	bottom: 0;
}

.pro-service-menu .dropdown {
	display: none;
}

.pro-service-menu.fixednav {
	top: 90px;
	position: fixed;
	z-index: 10;
	width: 100%;
	background: #fff;
	box-shadow: 0 0 5px rgba(0, 0, 0, .06);
}

.pro-page1 ul {
	gap: 30px 2%;
}

.pro-page1 li {
	width: 32%;
	border: 1px solid #eee;
	position: relative;
	padding: 30px 20px;
	background: linear-gradient(to right, #fcfcfc, #fff);
}

.pro-page1 li i:first-child {
	font-size: 70px;
	position: relative;
	z-index: 5;
}

.pro-page1 li i:first-child::after {
	content: '';
	width: 22px;
	height: 22px;
	background: rgba(216, 40, 42, .2);
	display: block;
	position: absolute;
	border-radius: 50%;
	right: 10px;
	bottom: 0;
}

.pro-page1 li h5 {
	margin: 10px 0;
	position: relative;
	z-index: 5;
}

.pro-page1 li h6 {
	color: var(--grey666);
	line-height: 160%;
}

.pro-page1 li i:last-child {
	font-size: 130px;
	color: #f9f9f9;
	position: absolute;
	right: 10px;
	top: -10px;
	opacity: .6;
}

.pro-page2 {
	background: #f6f8fc;
}

.pro-page3 .products-list .tabbtn {
	width: 24%;
}

.pro-page3 .products-list .tabbtn li.current,
.pro-page3 .products-list .tabbtn li:hover {
	width: calc(100% + 50px);
	padding-left: 40%;
}

.pro-page3 .products-list .tabcon-pro {
	width: 76%;
}

.pro-page3 .products-list .tabcon-pro .tabcon {
	padding: 60px 4% 60px 8%;
}

.pro-page3 .products-list .tabbtn li {
	padding: 0 5% 0 28%;
	min-height: 80px;
}

.pro-page3 .products-list .tabbtn li i {
	font-size: 48px;
}

.pro-page3 .products-list .tabbtn li.current i,
.pro-page3 .products-list .tabbtn li:hover i {
	font-size: 75px;
}

.pro-page3 .products-list .tabbtn li.current::after,
.pro-page3 .products-list .tabbtn li:hover::after {
	width: 30px;
	height: 30px;
}

.pro-page3 .products-list .tabcon-pro .tabcon h2 {
	font-size: var(--fontSize-32);
}

.pro-page3 .products-list .tabcon-pro .tabcon p {
	font-size: var(--fontSize-18);
	color: var(--grey666);
	margin-top: 8px;
}

.pro-page3 .products-list .tabcon-pro .tabcon ul,
.pro-page3 .products-list .tabcon-pro .tabcon img {
	width: 49.5%;
	position: relative;
}

.pro-page3 .products-list .tabcon-pro .tabcon img {
	border-radius: 0;
	left: inherit;
}

.pro-page3 .products-list .tabcon-pro .tabcon ul li {
	display: flex;
	align-items: flex-start;
}

.pro-page3 .products-list .tabcon-pro .tabcon ul li+li {
	margin-top: 40px;
}

.pro-page3 .products-list .tabcon-pro .tabcon ul li i {
	font-size: var(--fontSize-32);
	margin-right: 15px;
	margin-top: -10px;
}

.pro-page4 {
	background: url(../images/pro_bg1.webp);
	background-size: cover;
}

.pro-page4 ul {
	gap: 30px 2%;
}

.pro-page4 li {
	width: 32%;
	background: var(--white);
	padding: 35px;
}

.pro-page4 li i {
	font-size: 60px;
	line-height: 1;
}

.pro-page4 li h4 {
	padding: 30px 0 20px;
}

.pro-page4 li p {
	font-size: var(--fontSize-18);
}

.pro-page5 {
	background: url(../images/pro_bg2.webp);
	background-size: cover;
	height: 650px;
}

.pro-page5 ul {
	position: absolute;
	bottom: 0;
	left: 0;
}

.pro-page5 li {
	width: 25%;
	padding: 0 3%;
}

.pro-page5 li i {
	font-size: 74px;
}

.pro-page5 li h4 {
	margin: 15px 0;
}

.pro-page5 li p {
	font-size: var(--fontSize-18);
	line-height: 1.8;
}

.pro-page6 ul {
	gap: 35px 2%;
}

.pro-page6 ul li {
	width: 32%;
	position: relative;
	overflow: hidden;
}

.pro-page6 ul li em {
	display: block;
	padding-bottom: 70%;
	position: relative;
}

.pro-page6 ul li em img {
	position: absolute;
	width: 100%;
	display: block;
	height: 100%;
	object-fit: cover;
}

.pro-page6 ul li article {
	background: linear-gradient(to top, rgba(0, 0, 0, .9), rgba(0, 0, 0, .7), rgba(0, 0, 0, 0));
	position: absolute;
	z-index: 5;
	padding: 20px 30px;
	color: var(--white);
	bottom: 0;
	width: 100%;
}

.pro-page6 ul li article>i {
	font-size: var(--fontSize-36);
}

.pro-page6 ul li article section>i {
	font-size: var(--fontSize-24);
}

.industry-page1 article h3 {
	width: 20%;
	font-size: var(--fontSize-30);
}

.industry-page1 article h6 {
	font-size: var(--fontSize-18);
	line-height: 180%;
}

.industry-page1 article section,
.industry-page1 article ul,
.industry-page1 article figure {
	width: 80%;
	font-size: var(--fontSize-18);
	line-height: 200%;
}

.industry-page1 article+article {
	border-top: 1px solid #eee;
	padding-top: 30px;
	margin-top: 30px;
}

.industry-page1 article:last-child {
	padding-bottom: 0;
}

.industry-page1 article ul {
	gap: 10px 2%;
}

.industry-page1 article ul li {
	min-width: 40%;
}

.industry-page1 article ul li::before {
	content: '';
	width: 10px;
	height: 10px;
	background: var(--red);
	display: inline-block;
	vertical-align: middle;
	border-radius: 50%;
	margin-right: 15px;
	margin-top: -2px;
}

.industry-page1 article figure>div {
	gap: 30px 2%;
}

.industry-page1 article dl {
	overflow: hidden;
	width: 32%;
	background: var(--lightgrey);
}

.industry-page1 article dl h5 {
	background: linear-gradient(-57deg, #eb6947, #d8282a);
	color: var(--white);
	padding: 12px 30px;
}

.industry-page1 article dl ul {
	width: 100%;
	padding: 20px 30px;
	font-size: var(--fontSize-16);
	color: var(--grey666);
	line-height: 160%;
}

.industry-page1 article dl ul li+li {
	margin-top: 10px;
}

.industry-page1 article dl ul li::before {
	width: 5px;
	height: 5px;
	background: var(--grey999);
	margin-right: 10px;
}

.industry-page2 li {

	margin-top: 30px;
}

.industry-page2 li section {
	width: 70%;
	position: relative;
	padding: 80px 80px 120px;
	z-index: 5;
}

.industry-page2 li section::after {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	width: 100%;
	height: 100%;
	background: linear-gradient(to right, rgba(0, 0, 0, .8), rgba(0, 0, 0, .7), rgba(0, 0, 0, 0));
	z-index: -2;
}

.industry-page2 li section p {
	font-size: var(--fontSize-18);
}

.crumb-list {
	margin-top: 90px;
}

.crumb-list,
.crumb-list a {
	color: var(--grey666);
}

.crumb-list a:hover {
	color: var(--red);
}

.news-show-title {
	border-bottom: 1px solid #eee;
}

.news-show-title h1 {
	font-size: var(--fontSize-42);
}

.news-show-title span,
.show-main article {
	font-size: var(--fontSize-18);
}

.show-main article {
	line-height: 220%;
	padding: 30px 0;
}

.show-main .show-main-left {
	width: 70%;
}

.show-main .show-main-right {
	width: 26%;
}

.show-main .show-main-right li b {
	font-size: var(--fontSize-18);
}

.show-main .show-main-right li+li {
	margin-top: 40px;
}

.show-main .show-main-right li em {
	padding-bottom: 76%;
	position: relative;
}

.show-main .show-main-right li em img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	top: 0;
}

.show-main .show-main-right li:hover a {
	color: var(--red);
}

.previous-text p {
	border: 1px solid var(--greyeee);
	font-size: var(--fontSize-18);
	padding: 20px;
	transition: .4s;
}

.previous-text p+p {
	margin-top: 15px;
}

.previous-text p a {
	color: var(--grey666);
}

.previous-text p:hover {
	border: 1px solid var(--red);
}

.previous-text p:hover a {
	color: var(--red);
}

.case-show {
	background: url(../images/bg2.webp);
	background-size: cover;
}

.case-show figure,
.case-show img {
	width: 48%;
}

.case-show figure h1 {
	line-height: 1.5;
}

.case-show figure section {
	line-height: 200%;
	font-size: var(--fontSize-18);
	padding: 30px 0;
}

.case-show figure span {
	font-size: var(--fontSize-18);
}


.page {
	width: 100%;
	padding: 50px 0 0;
	text-align: center;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}

.page a,
.page span {
	border: 1px solid #ddd;
	border-radius: 5px;
	padding: 3px 10px;
	margin: 0 3px;
	background: #fff
}

.page span,
.page a:hover {
	background: var(--red);
	border: 1px solid var(--red);
	color: #fff !important;
	border-radius: 5px;
}

.page .prev,
.page .next {
	margin: 0 10px;
}

@media screen and (max-width:1800px) {
	.products-list .tabbtn li {
		min-height: 155px;
	}
}

@media screen and (max-width:1680px) {
	.products-list .tabbtn li {
		min-height: 150px;
	}

	.products-list .tabbtn li.current,
	.products-list .tabbtn li:hover {
		width: calc(100% + 50px);
	}

	.footer-ad li+li {
		margin-left: 60px;
	}

	.Home_Case .box1 .swiper .swiper-slide.swiper-slide-active a .one,
	.Home_Case .box1 .swiper .swiper-slide a .one {
		height: 580px;
	}

	.Home_Case .box1 .swiper .swiper-slide a .two .img {
		height: 320px;
	}

	.news-main-list .tabcon-news {
		padding-bottom: 38%;
	}

	.menu-list-link a {
		font-size: var(--fontSize-16);
	}

	.products-list .tabbtn li section h2 {
		font-size: var(--fontSize-28);
	}

	.products-list .tabcon-pro .tabcon em {
		padding-bottom: 59%;
	}

	.products-list .tabbtn li.current i,
	.products-list .tabbtn li:hover i {
		font-size: 110px;
	}

	.pro-page3 .products-list .tabcon-pro .tabcon {
		padding: 60px 3% 60px 6%;
	}
}

@media screen and (max-width:1600px) {
	.news-main-list .tabcon-news {
		padding-bottom: 39.5%;
	}

	.products-list .tabcon-pro .tabcon {
		padding: 60px 12%;
	}

	.products-list .tabcon-pro .tabcon em {
		padding-bottom: 55%;
	}

	.products-list .tabbtn li.current::after,
	.products-list .tabbtn li:hover::after {
		width: 40px;
		height: 40px;
	}
}

@media screen and (max-width:1440px) {
	.container-fluid {
		padding-left: 6%;
		padding-right: 6%;
	}

	header .header-language {
		margin: 0 40px;
	}

	.nav li>a {
		padding: 0 10px;
	}

	.footer-ad li+li {
		margin-left: 50px;
	}

	.detection-list li em {
		padding: 40px;
	}

	.products-list .tabbtn li {
		padding: 0 8% 0 25%;
		min-height: 135px;
	}

	.products-list .tabbtn li.current,
	.products-list .tabbtn li:hover {
		padding-left: 40%;
	}

	.products-list .tabbtn li i {
		left: 15px;
		font-size: 55px;
	}

	.products-list .tabbtn li.current i,
	.products-list .tabbtn li:hover i {
		font-size: 90px;
	}

	.pro-page3 .products-list .tabbtn li {
		padding: 12% 5% 12% 28%;
	}

	.pro-page3 .products-list .tabbtn li i {
		font-size: var(--fontSize-40);
	}

	.pro-page3 .products-list .tabbtn li.current i,
	.pro-page3 .products-list .tabbtn li:hover i {
		font-size: 55px;
	}

	.pro-page3 .products-list .tabbtn li.current::after,
	.pro-page3 .products-list .tabbtn li:hover::after {
		left: 50px;
	}

	.pro-page3 .products-list .tabbtn li.current,
	.pro-page3 .products-list .tabbtn li:hover {
		width: calc(100% + 30px);
		padding-left: 35%;
	}

	.online-list {
		width: 60px;
	}

	.online-list li {
		border-radius: 8px;
	}

	.online-list li span {
		font-size: var(--fontSize-12);
	}

	.online-list li i {
		font-size: var(--fontSize-22);
		line-height: 1.5;
	}

	.online-list figure {
		padding: 10px;
	}

	.online-list figure h5 {
		font-size: var(--fontSize-16);
	}

	.online-list figure span {
		width: 40px;
		height: 40px;
		line-height: 40px;
	}

	.online-list figure span i {
		font-size: var(--fontSize-22);
	}

	.Home_Case .box1 .swiper .swiper-slide a .two .orientation .content2 {
		font-size: var(--fontSize-20);
	}

	.online-list li .wx-ewm,
	.online-list li section {
		right: 80px;
	}

	header .logo img {
		width: 120px;
	}

	.project-name h2 {
		font-size: var(--fontSize-40);
	}

	.about-main-num li {
		padding: 0 40px;
	}

	.Home_Banner .banner .swiper-slide .swiper-slide-text h2 {
		font-size: var(--fontSize-40);
	}

	.about-main-num li span,
	.about-main-num li em {
		font-size: 70px;
	}

	.about-content {
		padding: 50px;
	}

	.about-content .about-video video {
		height: 400px;
	}

	.Home_Case .box .banner .swiper-slide p {
		padding: 0 0 20px;
	}

	.footer-ad figure h2 {
		font-size: var(--fontSize-32);
	}

	.footer-ad figure section h2 span {
		font-size: var(--fontSize-30);
	}

	.footer-ad figure section a {
		padding: 10px 20px;
	}

	.footer-ad li i {
		font-size: 60px;
	}

	.pro-page3 .products-list .tabcon ul li+li {
		margin-top: 30px;
	}

	.pro-page3 .products-list .tabcon-pro .tabcon>div {
		padding-top: 30px !important;
	}

	.pro-page3 .products-list .tabcon h4 {
		font-size: var(--fontSize-22);
	}

	.pro-page3 .products-list .tabcon p,
	.Home_Solution_01 .box .item .main .main_01 .orientation_03 .scroll ul li a {
		font-size: var(--fontSize-16);
	}

	.pro-page3 .products-list .tabcon ul li i {
		font-size: var(--fontSize-28);
	}

	.nav li .pro-nav dl {
		width: 32%;
	}

	.nav li .pro-nav dl h5,
	.nav li .plan-nav .tabbtn li,
	.Home_Solution_01 .box .item .main .main_01 .orientation_03 .scroll ul li i {
		font-size: var(--fontSize-18);
	}

	.nav li .plan-nav .tabcon>div a {
		width: 32%;
	}

	.Home_Solution_01 .box .item .main .main_01 .orientation_03 .scroll {
		width: 45%;
	}

	.Home_Solution_01 .box .item .main .main_01 .orientation_03 {
		left: 17.5%;
	}

	.history-main {
		padding-left: 6% !important;
	}

	.news-main-list .tabcon-news {
		padding-bottom: 40.5%;
	}

	.menu-list-link a i.icon-arrow {
		margin-left: 15px !important;
	}
}

@media screen and (max-width:1366px) {
	.aboutPart4 .progress-bar-history li {
		width: 88px;
		height: 88px;
		line-height: 88px;
	}

	.aboutPart4 .progress-bar-history .active:after {
		width: 76px;
		height: 76px;
	}

	.Home_Case .box1 .swiper .swiper-slide.swiper-slide-active a .one,
	.Home_Case .box1 .swiper .swiper-slide a .one {
		height: 510px;
	}

	.Home_Case .box1 .swiper .swiper-slide a .two .img {
		height: 280px;
	}

	.footer-ad li+li {
		margin-left: 40px;
	}

	.Home_Case .box1 .case-name {
		width: calc(48.4% + 30px);
	}

	.news-main-list .tabcon-news {
		padding-bottom: 42%;
	}

	.products-list .tabbtn li section h2 {
		font-size: var(--fontSize-24);
	}

	.products-list .tabbtn li i {
		font-size: 50px;
	}

	.products-list .tabbtn li.current i,
	.products-list .tabbtn li:hover i {
		font-size: 80px;
	}

	.menu-list-link a i.icon-arrow {
		margin-left: 10px !important;
	}

	.products-list .tabcon-pro .tabcon em {
		padding-bottom: 50%;
	}

	.menu-list-link {
		padding-bottom: 35px !important;
	}

	.pro-page3 .products-list .tabbtn li {
		padding: 13% 5% 13% 28%;
	}

	.products-list .tabbtn li h6 {
		margin-top: 5px;
	}
}

@media screen and (max-width:1280px) {
	.container-fluid {
		padding-left: 6%;
		padding-right: 6%;
	}

	header .header-language {
		margin: 0 20px;
	}

	header .header-btn {
		padding: 6px 12px;
	}

	.project-name h2 {
		font-size: var(--fontSize-36);
	}

	.about-main-num li {
		padding: 0 30px;
	}

	.about-main-num li span,
	.about-main-num li em {
		font-size: 70px;
	}

	.about-main-num li span,
	.about-main-num li em {
		left: 30px;
	}

	.news-main-list .tabcon-news {
		padding-bottom: 43%;
	}

	.menu-list-link a i:first-child {
		display: none;
	}

	.products-list .tabcon-pro .tabcon {
		padding: 40px 10%;
	}

	.pro-page3 .products-list .tabbtn li {
		padding: 16% 5% 16% 28%;
	}

	.products-list .tabbtn li {
		min-height: 125px;
	}

	.products-list .tabbtn li i {
		font-size: 40px;
	}

	.products-list .tabbtn li.current i,
	.products-list .tabbtn li:hover i {
		font-size: 70px;
	}
}

@media screen and (max-width:1024px) {

	.online-list,
	.Home_Case .box1 .case-name,
	.aboutPart4 {
		display: none !important;
	}

	.history-mobile {
		display: block;
	}

	.container-fluid {
		padding-left: 15px;
		padding-right: 15px;
	}

	header .header-language {
		margin: 0 10px;
	}

	header .header-tel {
		font-size: var(--fontSize-18);
	}

	.nav li>a {
		padding: 0 5px;
		font-size: var(--fontSize-16);
	}

	.Home_Banner .banner .swiper-slide .swiper-slide-text h2,
	.project-name h2 {
		font-size: var(--fontSize-30);
	}

	.products-list .tabbtn li section h2,
	.Home_Solution_01 .box .item .main .main_01 .orientation_01 .content1 {
		font-size: var(--fontSize-22);
	}

	.products-list .tabbtn li {
		min-height: 115px;
	}

	.products-list .tabbtn li i {
		font-size: var(--fontSize-42);
	}

	.products-list .tabbtn li.current i,
	.products-list .tabbtn li:hover i {
		font-size: 70px;
	}

	.products-list .tabbtn li {
		padding-left: 25%;
	}

	.products-list .tabbtn li.current::after,
	.products-list .tabbtn li:hover::after {
		width: 30px;
		height: 30px;
	}

	.products-list .tabcon h5,
	.min-banner .container-fluid article {
		width: 100%;
	}

	.menu-list-link a {
		padding: 10px 15px;
	}

	.products-list .tabcon {
		padding: 40px;
	}

	.products-list .tabbtn li.current,
	.products-list .tabbtn li:hover {
		width: calc(100% + 30px);
	}

	.Home_Solution_01 .box .item .main .main_01 .orientation_01 i {
		font-size: 70px;
	}

	.Home_Solution_01 .box .item .main .main_01 .orientation_03 {
		padding: 0 15px;
	}

	.Home_Solution_01 .box .item .main .main_01 .orientation_03 .scroll ul {
		grid-template-columns: repeat(2, 1fr);
	}

	.Home_Solution_01 .box .item .main .main_01 .orientation_03 {
		left: 24%;
	}

	.Home_Solution_01 .box .item .main .main_01 .orientation_03 .scroll {
		width: 30%;
	}

	.Home_Solution_01 .box .item .main .main_01 .orientation_01 {
		top: 30%;
	}

	.about-main-num li span,
	.about-main-num li em {
		font-size: 50px;
	}

	.footer-ad li+li {
		margin-left: 15px;
	}

	.footer-ad li h4 {
		font-size: var(--fontSize-20);
	}

	.footer-ad figure section h2 span {
		font-size: var(--fontSize-24);
	}

	.footer-ad figure section a {
		padding: 10px 15px;
	}

	.footer-ad figure h6 {
		font-size: var(--fontSize-16);
	}

	footer .footer-center section p img {
		width: 130px;
	}

	footer .footer-center section {
		padding-right: 40px;
		margin-right: 40px;
	}

	footer .footer-center figure h2 {
		font-size: var(--fontSize-30);
	}

	.partner-content-list {
		gap: 10px 2%;
	}

	.partner-content-list li {
		width: 23.5%;
	}

	.news-main-list .tabcon-news {
		padding-bottom: 46%;
	}
}

@media screen and (max-width:900px) {

	@media (any-hover: hover) {
		a:hover {
			background: none !important;
		}
	}

	.pt-item {
		padding-top: 50px;
	}

	.pb-item {
		padding-bottom: 50px;
	}

	.py-item,
	footer .footer-center {
		padding-top: 50px;
		padding-bottom: 50px;
	}


	.btn-gradient,
	.menu-list-link a,
	.footer-ad figure section a,
	.click-more1 {
		padding: 6px 16px
	}

	.btn-gradient i {
		margin-left: 10px !important;
	}

	header {
		padding: 15px 0;
	}

	header .logo img {
		height: 32px;
		width: auto;
	}

	header .header-btn {
		padding: 0;
		margin-right: 50px;
		border: 0;
	}

	header .header-language {
		margin: 0 15px 0 12px;
	}

	.sp_nav,
	.sjj_nav {
		display: block
	}

	.nav,
	header .header-language>a span,
	header .header-tel span,
	header .header-language i.icon-arrow_down,
	header .header-btn em,
	.project-name .btn-gradient,
	.partner-list .banner .swiper-button-next,
	.news-main-list .tabbtn li .click-more {
		display: none !important;
	}

	.products-list .tabbtn,
	.products-list .tabcon,
	.menu-list-link a,
	.Home_Solution_01 .box .item,
	.about-content .about-content-left,
	.about-content .about-video,
	.products-list .tabbtn li.current,
	.products-list .tabbtn li:hover,
	.news-main-list .tabbtn,
	.footer-ad figure section h2,
	footer .footer-center section,
	footer .footer-center figure,
	.Home_Solution_01 .box .item .main .main_01 .orientation_03 .scroll,
	.Home_Solution_01 .box .item .main .main_01 .orientation_01,
	.partner-list .banner .swiper,
	.case-list li,
	.project-name figure .dropdown .btn,
	.project-name figure,
	.news-list li>a,
	.news-list li article,
	.plan-message .form-message,
	.plan-message .plan-cooperation,
	.show-main .show-main-left,
	.show-main .show-main-right,
	.pro-page3 .products-list .tabbtn,
	.pro-page3 .products-list .tabbtn li.current,
	.pro-page3 .products-list .tabcon-pro,
	.pro-page3 .products-list .tabcon-pro .tabcon,
	.pro-page3 .products-list .tabcon-pro .tabcon ul,
	.pro-page3 .products-list .tabcon-pro .tabcon img,
	.pro-page6 ul li,
	.industry-page1 article h3,
	.industry-page1 article section,
	.industry-page1 article ul,
	.industry-page1 article figure,
	.industry-page1 article dl,
	.industry-page2 li section,
	.case-show figure,
	.case-show img,
	.products-list .tabcon-pro,
	.news-main-list .tabcon-news {
		width: 100%;
	}


	.about-main .about-icon-list li span,
	.about-content .about-content-left li i,
	.products-list .tabbtn li i,
	.footer-ad li i,
	.pro-page4 li i,
	.pro-page5 li i {
		font-size: var(--fontSize-42);
	}

	.about-main-num li span,
	.about-main-num li em,
	.footer-ad figure section h2 span,
	footer .footer-center figure h2 {
		font-size: var(--fontSize-30);
	}

	header .header-tel {
		font-size: var(--fontSize-22);
	}

	header .header-tel .icon-phone {
		margin-bottom: initial;
	}

	header .header-language>a,
	header .header-btn i {
		font-size: var(--fontSize-26);
	}

	.project-name h2,
	.Home_Banner .banner .swiper-slide .swiper-slide-text h2,
	.products-list .tabcon-pro .tabcon h2,
	.about-content .about-content-left h2,
	.footer-ad figure h2,
	.min-banner h1,
	.plan-message .form-message h2,
	.news-show-title h1,
	.pro-page3 .products-list .tabcon-pro .tabcon h2,
	.industry-page1 article h3,
	.case-show figure h1,
	.pro-page3 .products-list .tabcon ul li i {
		font-size: var(--fontSize-24);
	}

	.products-list .tabbtn li section h2 {
		font-size: var(--fontSize-22);
	}

	header .header-language>a,
	header .header-btn i {
		color: var(--red);
	}

	.Home_Solution_01 .box .item .main .main_01 .orientation_02 .content1,
	footer .footer-center figure a,
	.industry-page2 li section h2 {
		font-size: var(--fontSize-20) !important
	}

	.Home_Banner .banner .swiper-slide .swiper-slide-text h4,
	.about-main-num li h5,
	.about-main-num li sub,
	.footer-ad li h4,
	.min-banner h4,
	.honor-list li,
	.pro-page3 .products-list .tabcon h4,
	.pro-page4 li h4,
	.pro-page5 li h4,
	.Home_Case .box1 .swiper .swiper-slide a .two .orientation .content2 {
		font-size: var(--fontSize-18);
	}

	h5,
	.project-name h5,
	.products-list .tabcon-pro .tabcon h5,
	.btn-gradient,
	.menu-list-link a,
	.about-content .about-content-left section,
	.news-main-list .tabbtn li section h5,
	.news-main-list .tabbtn li section span,
	.footer-ad figure section a,
	footer .footer-top .dropdown .btn,
	footer .footer-center article p,
	.Home_Case .box .banner .swiper-slide p,
	.project-name figure .dropdown .btn,
	.previous-text p,
	.news-show-title span,
	.show-main article,
	.project-name h4,
	.pro-page3 .products-list .tabcon p,
	.industry-page1 article section,
	.industry-page1 article ul,
	.industry-page1 article figure,
	.industry-page1 article h6 {
		font-size: var(--fontSize-16);
	}

	.pro-page4 li p,
	.pro-page5 li p,
	.industry-page1 article dl ul,
	.industry-page2 li section p,
	.Home_Case .box1 .swiper .swiper-slide a .two .orientation .content3 {
		font-size: var(--fontSize-14);
	}

	.about-content .about-content-left section {
		line-height: 160%;
	}

	header .header-language .dropdown-menu {
		top: 15px !important;
	}

	.Home_Banner,
	.min-banner,
	.crumb-list {
		margin-top: 64px;
	}

	.Home_Banner .banner .swiper-slide .swiper-slide-text,
	.min-banner-big {
		height: 50vh;
	}


	.Home_Banner .banner .swiper-slide .swiper-slide-text h4,
	.min-banner h4 {
		margin: 15px 0;
	}

	.min-banner h4 {
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}

	.products-list .tabbtn li {
		padding: 5% 10% 5% 20%;
		min-height: inherit;
	}

	.pro-page3 .products-list .tabbtn li {
		padding: 7% 10% 7% 20%;
		min-height: inherit;
	}

	.products-list .tabbtn li.current i,
	.products-list .tabbtn li:hover i {
		font-size: 60px;
	}

	.products-list .tabbtn li.current,
	.products-list .tabbtn li:hover {
		padding-left: 35%;
	}

	.products-list .tabcon-pro .tabcon,
	.pro-page3 .products-list .tabcon-pro .tabcon {
		padding: 20px 15px;
	}

	.menu-list-link a {
		margin: 5px 0;
	}

	.Home_Solution_01 .box {
		flex-wrap: wrap;
	}

	.Home_Solution_01 .box .item {
		flex: auto;
		margin: 0;
	}

	.Home_Case .box .banner .swiper-slide p {
		padding: 10px 0;
	}

	.Home_Case .box1 .swiper .swiper-slide a .two .img {
		height: 200px;
	}

	.about-main-num li {
		padding: 10px 0 10px 15px;
	}

	.about-main-num li span,
	.about-main-num li em {
		left: 15px;
	}

	.about-main-num li span,
	.about-main-num li em {
		margin-right: 5px;
	}

	.about-main-num li h5 {
		padding-left: 0;
	}

	.about-main .about-icon-list {
		margin-top: 30px;
		gap: 2%;
	}

	.about-main .about-icon-list li {
		padding-top: 30px;
		width: 32%;
	}

	.about-main .about-icon-list li span {
		width: 80px;
		height: 80px;
		margin-bottom: 10px;
	}

	.about-content {
		margin-top: 50px;
		padding: 25px 20px;
	}

	.about-content .about-content-left section {
		margin: 15px 0;
	}

	.about-content .about-content-left ul {
		justify-content: space-between;
	}

	.about-content .about-content-left li+li {
		margin-left: 0;
	}

	.about-content .about-video {
		margin-top: 20px;
	}

	.about-content .about-video video {
		height: 200px;
	}

	.news-main-list .tabbtn li+li {
		margin-top: 5%;
	}

	.news-main-list .tabbtn li+li {
		padding-bottom: 5%;
	}

	.news-main-list .tabbtn {
		padding-top: 30px;
	}

	.news-main-list .tabbtn li.current article {
		height: auto;
	}

	.news-main-list .tabbtn li.current article p {
		margin-bottom: 0;
	}

	.footer-ad figure section a {
		margin: 15px 15px 0 0;
	}

	.footer-ad ul {
		margin-top: 30px;
	}

	.footer-ad li {
		width: 48%;
		margin-bottom: 15px;
	}

	.footer-ad li+li {
		margin-left: 0;
	}

	footer {
		padding-top: 40px;
	}

	footer .footer-top img {
		height: 45px;
	}

	footer .footer-top .dropdown .btn {
		width: 160px;
		padding: 0 15px;
		height: 40px;
	}

	footer .footer-center section {
		padding-right: 0;
		border: 0;
		margin-right: 0;
		justify-content: center;
	}

	footer .footer-center section p img {
		height: 120px;
	}

	footer .footer-center article {
		line-height: 220%;
		padding: 30px 0;
	}

	footer .footer-top {
		padding-bottom: 30px;
	}

	.Home_Solution_01 .box .item .main .main_01 {
		left: 0;
		transform: initial;
	}

	.Home_Solution_01 .box .item .main .main_01 .orientation_03 .scroll ul {
		grid-template-columns: repeat(2, 1fr);
	}

	.Home_Solution_01 .box .item .main .main_01 .orientation_01 {
		left: 50%;
		top: 22%;
	}

	.Home_Solution_01 .box .item .main .main_01 .orientation_03 {
		left: 0;
		padding: 0 15px;
	}

	.Home_Solution_01 .box .item .main .main_01 .orientation_03 .scroll {
		overflow: initial;
		height: auto;
	}

	.Home_Solution_01 .box .item .main .main_01 .orientation_01 .content2 {
		opacity: 1;
	}

	.Home_Solution_01 .box .item .main .main_01 .img img,
	.Home_Solution_01 .box .item .main {
		height: 70vh;
	}

	.Home_Solution_01 .box .item .main .main_01 .orientation_01 i {
		font-size: 65px;
	}

	.partner-list h5 {
		height: 100px;
		width: 35px;
	}

	.partner-list .banner .swiper-slide img {
		height: 98px;
	}

	.partner-list .banner {
		width: calc(100% - 45px);
	}

	.Home_Case .box1 .swiper .swiper-slide a .one,
	.Home_Case .box1 .swiper .swiper-slide.swiper-slide-active a .one {
		height: 350px;
	}

	.Home_Case .box1 .swiper .swiper-slide a .two .orientation {
		padding: 0 15px;
	}

	.Home_Case .box1 .swiper .swiper-slide a .two .orientation .content2 {
		margin: 15px 0;
	}

	.Home_Case .box1 .swiper .swiper-slide a .two .orientation .content4 {
		margin-top: 40px;
	}

	.button_03 .a {
		width: 30px;
		height: 30px;
	}

	.button_03 .a i {
		font-size: var(--fontSize-12);
	}

	.min-banner img {
		height: 32vh;
	}

	.about-main-num-inner {
		padding: 40px 0;
	}

	.about-culture {
		overflow-x: auto;
		overflow-y: hidden;
	}

	.about-culture ul {
		width: 350%;
	}

	.about-culture li section {
		padding: 0 15px;
		bottom: 120px;
	}

	.about-culture li:hover {
		flex: 1;
	}

	.about-culture li p {
		opacity: 1;
	}

	.about-culture li {
		height: 40vh;
	}

	.honor-list li::before,
	.industry-page1 article ul li::before {
		margin-right: 10px;
	}

	.honor-list li {
		line-height: 40px;
	}

	.project-name figure .dropdown,
	.pro-page1 li,
	.pro-page4 li,
	.pro-page5 li,
	.about-main-num li {
		width: 48%;
	}

	.case-list {
		gap: 20px;
	}

	.project-name figure {
		justify-content: space-between;
		margin-top: 15px;
	}

	.project-name figure .dropdown+.dropdown {
		margin-left: 0;
	}

	.project-name figure .dropdown .btn {
		height: 40px;
	}

	.project-name figure .dropdown .btn {
		padding: 0 15px;
	}

	.partner-content-list {
		gap: 15px 3%;
	}

	.partner-content-list li {
		width: 31.33%;
	}

	.news-list li {
		flex-wrap: wrap;
	}

	.news-list li article,
	.case-list li section,
	.industry-page2 li section {
		padding: 20px;
	}

	.pro-page1 li,
	.pro-page4 li,
	.previous-text p,
	.industry-page1 article dl ul {
		padding: 15px;
	}

	.news-list li article h4 {
		margin: 15px 0;
	}

	.pro-page5 li {
		margin-top: 15px;
	}

	.pro-page5 li h4 {
		margin: 10px 0;
	}

	.click-more {
		width: 30px;
		height: 30px;
	}

	.menu-list a,
	.industry-page1 article h3 {
		padding-bottom: 15px;
	}

	.menu-list a+a {
		margin-left: 20px;
	}

	.plan-message,
	.show-main-right {
		margin-top: 40px;
	}

	.plan-message .form-message li,
	.industry-page2 li {
		margin-top: 15px;
	}

	.plan-message .form-message li input.form-control,
	.plan-message .form-message li .form-select,
	.plan-message .form-message li .btn {
		height: 50px;
	}

	.plan-cooperation,
	.pro-page3 .products-list .tabcon-pro .tabcon ul li+li,
	.case-show img {
		margin-top: 20px;
	}

	.plan-cooperation ul li {
		width: 31.33%;
	}

	.show-main article,
	.case-show figure section {
		padding: 20px 0;
	}

	.pro-page4 li h4 {
		padding: 10px 0;
	}

	.pro-page1 ul,
	.pro-page4 ul,
	.pro-page6 ul,
	.plan-cooperation ul,
	.industry-page1 article figure>div {
		gap: 15px 3%;
	}

	.pro-page3 .products-list .tabcon ul li i {
		margin-top: -2px;
		margin-right: 10px;
	}

	.pro-service-menu.fixednav {
		top: 64px;
	}

	.industry-page1 article ul li::before {
		width: 6px;
		height: 6px;
	}

	.industry-page1 article ul {
		gap: 6px 2%;
	}

	.industry-page1 article dl h5 {
		padding: 10px 20px;
	}

	.industry-page1 article {
		padding-bottom: 0;
	}

	.industry-page2 li section p {
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}

	.Home_Solution_01 .box .item .main .main_01 .orientation_03 .scroll ul li p {
		height: 40px;
		line-height: 40px;
		max-width: calc(100% - 40px);
	}

	.Home_Case .box1 .swiper .swiper-slide a .two .orientation .content1 img {
		height: initial;
	}

	.Home_Solution_01 .box .item .main .main_01 .orientation_03 .scroll ul li a {
		padding: 0 12px;
	}

	.news-main-list .tabbtn li section>a {
		width: calc(100% - 100px);
	}

	.menu-list-link {
		padding-bottom: 15px !important;
	}

	.news-main-list .tabcon-news {
		padding-bottom: 65%;
	}

	.pro-page3 .products-list .tabcon-pro .tabcon>div {
		padding-top: 20px !important;
	}

	.pro-page3 .products-list .tabcon-pro .tabcon ul {
		margin-bottom: 20px;
	}
}