html,
body {
	position: relative;
	height: 100%;
}

.container {
	max-width: 1400px;
}

#nav {
	position: fixed;
	z-index: 999999;
	top: 0;
	width: 100%;
	height: 98px;
	background: #ffffff;
}

.header {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 99999999;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: rgba(0, 0, 0, 0.2);
}

/*header PC*/

#header_vue {
	position: relative;
	z-index: 9999999;
}


.headervue {
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

.header-navbar {
	padding: 0;
	width: 100%;
	position: static;
	justify-content: flex-start;
}

.navbar-con {
	display: flex;
	flex-basis: auto;
	height: 100%;
}

.headervue .iconfont {
	position: relative;
	top: 0.02rem;
	font-size: 0.2rem;
}

.headervue .item>a {
	display: flex;
	height: 100%;
	margin: 0 25px;
	cursor: pointer;
	white-space: nowrap;
	align-items: center;
	color: #fff;
}

.headervue .item>a>i {
	margin-left: 5px;
}

.headervue .item a:hover {
	text-decoration: none;
}

.headervue .header-wrap {
	position: fixed;
	z-index: 999999;
	top: 15px;
	width: 100%;
	height: 80px;
	/* background: #ffffff; */
	display: flex;
	/* border-bottom: 1px solid #eeeeee; */
	transition: all 0.5s;
}

.headervue .header-wrap .headerbox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-right: 0;
	/* width: 92%; */
}

.headervue .header-wrap .header-logo {
	display: flex;
	align-items: flex-start;
	margin-right: 28px;
	position: relative;
	height: 80px;
}

.headervue .header-wrap .header-logo>a {
	display: flex;
	padding: 10px 16px 10px 0;
	height: 100%;
	align-items: center;
}

.headervue .header-wrap .header-logo>a .logo-img {
	max-width: none;
}

.headervue .header-wrap .header-right {
	display: flex;
	align-items: center;
	color: #999999;
	margin-right: 0px;
	height: 100%;
}

.headerbox-nav {
	margin-right: 20px;
}

.lang.show>a>i {
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	transform: rotate(0);
	-ms-transform: rotate(0);
	/* IE 9 */
	-moz-transform: rotate(0);
	/* Firefox */
	-webkit-transform: rotate(0);
	/* Safari 和 Chrome */
	-o-transform: rotate(0);
	/* Opera */
}


.headervue .header-wrap .header-right .nav-lang {
	margin-right: 12px;
	color: #bcbcbc;
	display: flex;
	align-items: center;
	height: 100%;
}



.headervue .header-wrap .header-right .nav-lang .dropdown {
	height: 100%;
	position: relative;
}

.headervue .header-wrap .header-right .nav-lang .dropdown>a {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-family: unset;
	border: 1px solid #ffffff;
	height: 36px;
	width: 104px;
	border-radius: 18px;
	margin: 0;
}

.headervue .header-wrap .header-right .nav-lang .dropdown>a>i.fa-globe {
	margin-right: 10px;
}

.headervue .header-wrap .header-right .nav-lang .dropdown-menu {
	min-width: unset;
	border: none;
	background: #ffffff;
	padding-top: 15px;
	left: 0;
	padding-bottom: 15px;
	border-radius: 0;
	margin-top: 0 !important;
	border-radius: 10px;
	width: 104px;
	/* right: 0; */
	margin-left: 0;
}

.headervue .header-wrap .header-right .nav-lang .dropdown-menu a {
	color: #727272;
	height: 36px;
	padding-top: 0;
	padding-bottom: 0;
	opacity: 1;
}

.headervue .header-wrap .header-right .nav-lang .dropdown-menu a:hover {
	color: #0048a6;
}

.headervue .dropdown .dropdown-menu {
	position: absolute;
	top: 100%;
	left: 50%;
	width: 200px;
	margin-top: 0px;
	background: #ffffff;
	border-radius: 0;
	padding: 10px 0;
	margin-left: -100px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	z-index: -1;
}

.fixed-top .dropdown .dropdown-menu {
	margin-top: 0;
}

.headervue .dropdown .dropdown-menu.dropdown-menu-pro {
	width: 250px;
	margin-left: -125px;
}

.headervue .dropdown .show {
	visibility: visible;
	opacity: 1;
	z-index: 10;
}

.headervue .dropdown-menu a {
	text-align: center;
	color: #727272;
	padding: 6px 15px;
	font-size: 14px;
}

.headerbox-nav .item>a {
	position: relative;
}

.headervue .dropdown-menu a:hover {
	color: #1c499e;
	background-color: unset;
	font-weight: bold;
}

#header {
	display: block;
}

#ph-nav {
	display: none;
}

.header-navbar-m {
	background: #ffffff;
	height: 80px;
	position: fixed;
	z-index: 999999;
	top: 0;
	width: 100%;
	align-items: center;
}

.header-navbar-m .header-logo {
	position: relative;
}

.header-navbar-m .header-logo a img {
	max-width: none;
}

.header-navbar-m .navbar-con .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2851, 51, 51, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.header-navbar-m .navbar-con .nav-search {
	margin-right: 15px;
}

.header-navbar-m .navbar-con .nav-search a {
	color: #333;
	font-size: 20px;
}

.header-navbar-m .navbar-con .lang>a {
	color: #333333;
}

.header-navbar-m .navbar-con .lang .dropdown-menu {
	right: 0;
	left: auto;
}

.header-navbar-m .navbar-con {
	align-items: center;
}

.header-navbar-m .navbar-con .lang {
	font-size: 20px;
}

.header-navbar-m .navbar-con .lang .dropdown-menu {
	position: absolute;
	color: #666 !important;
	top: 48px;
	max-height: 10.6rem;
	width: 100px;
	min-width: unset;
	background-color: white;
	z-index: 100;
	-webkit-box-shadow: 0 0 5px rgb(0 0 0 / 20%);
	box-shadow: 0 0 5px rgb(0 0 0 / 20%);
	border-radius: 4px;
	padding: 5px 0;
	margin-left: -50px;
}

.header-navbar-m .navbar-con .lang .dropdown-menu a {
	text-align: center;
	color: #727272;
	padding: 6px 15px;
	font-size: 14px;
}

.header-navbar-m .navbar-con .lang .dropdown-menu a:hover {
	color: #1c499e;
	background-color: unset;
}

.headervue .logo-b {
	display: none;
}

.headervue.fixed-top .logo-w,
.pro-nav .logo-w {
	display: none;
}

.headervue.fixed-top .logo-b,
.pro-nav .logo-b {
	display: block;
}

.headervue.fixed-top .header-wrap,
.pro-nav .header-wrap {
	background: #ffffff;
	top: 0;
}

.headervue.fixed-top .item>a,
.pro-nav .item>a {
	color: #333333;
}

.headervue.fixed-top .header-wrap .header-right .nav-lang .dropdown>a,
.pro-nav .header-wrap .header-right .nav-lang .dropdown>a {
	color: #333;
	border-color: #cccccc;
}

.headervue.fixed-top .header-wrap .header-right .nav-lang .dropdown>a>i.fa-globe {
	color: #173270;
}

.headervue.fixed-top .header-wrap .header-right .nav-lang .dropdown .dropdown-menu {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

#banner {
	position: relative;
	width: 100%;
}

#banner .banner_img .pic {
	height: 0;
	padding-bottom: 50%;
	position: relative;
	width: 100%;
	position: relative;
}

.banner-text {
	/* display: flex; */
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 3;
	justify-content: flex-start;
	color: #ffffff;
	padding-top: 15%;
	padding-bottom: 15%;
	background: rgba(7, 8, 21, 0.18);
}

.banner-text .container {
	position: relative;
	display: flex;
	align-content: space-around;
	flex-direction: column;
	height: 100%;
	justify-content: space-between;
}

.banner-text .ban-txt h1 {
	font-size: 60px;
	font-weight: 600;
	letter-spacing: 5px;
}

.banner-text .ban-txt h2 {
	font-size: 48px;
	font-weight: 600;
	letter-spacing: 2px;
	margin-top: 15px;
}

a.more {
	font-size: 18px;
	font-weight: 600;
	position: relative;
	width: 90px;
	padding-bottom: 5px;
	color: #0048a6;

}

a.more:after {
	border-bottom: 1px solid #0048a6;
}

.banner-text a.more {
	color: #ffffff;
}

.banner-text .more:after {
	border-color: #ffffff;
}

a.more:after {
	content: "";
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	transition: all ease .35s;
}

a.more:hover {
	text-decoration: none;
}

a.more:hover::after {
	width: 0;
	left: 100%;
}

.banner-text .more::before {
	border-color: #ffffff;
}

a.more::before {
	content: "";
	position: absolute;
	width: 0;
	right: 0;
	left: auto;
	bottom: 0;
	border-bottom: 1px solid #0048a6;
	transition: all ease .35s;
	transition-delay: .35s;
}

a.more:hover::before {
	width: 100%;
	right: auto;
	left: 0;
}

.swiper-btns {
	position: absolute;
	bottom: 10%;
	z-index: 1;
	left: 0;
	width: 100%;
}

.swiper-btns .container {
	display: flex;
	justify-content: flex-end;
}

.swiper-btns .btn-prev {
	display: inline-block;
}

.swiper-btns .btn-next {
	display: inline-block;
	margin-left: 30px;
}

.contain-con {
	padding-top: 120px;
	padding-bottom: 120px;
}

.contain-title {
	display: flex;
	margin-bottom: 20px;
}

.contain-title h1 {
	color: #111111;
	font-weight: bold;
	font-size: clamp(26px, 2.5vw, 36px);
}

.contain-title h1:after {
	content: "";
	display: block;
	width: 80px;
	border-bottom: 4px solid #0048a6;
	margin-top: 20px;
}

.contain-title.center {
	justify-content: center;
}

.contain-title.center h1:after {
	margin-left: auto;
	margin-right: auto;
}


.index-pro-serise-list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.pro-serise {
	width: calc(100% / 3 - 22px);
	margin-bottom: 28px;
}

.pro-serise a {
	display: flex;
	position: relative;
	overflow: hidden;
	border-radius: 10px;
}

.pro-serise a:before {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	left: auto;
	width: 50%;
	height: 100%;
	background: rgba(0, 72, 166, 0.88);
	clip-path: polygon(50% 0, 100% 0, 100% 100%, 0 100%);
	z-index: 1;
	transform: translateX(15px);
	transition: all ease .3s;
}

.pro-serise a:after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	left: auto;
	width: 50%;
	height: 80%;
	background: rgba(23, 50, 112, 0.88);
	clip-path: polygon(60% 0, 100% 0, 100% 100%, 20% 100%);
	z-index: 1;
	transform: translateX(25px);
	transition: all ease .3s;
}

.pro-serise a:hover:before {
	transform: translateX(0);
}

.pro-serise a:hover:after {
	transform: translateX(0);
}

.pro-serise a .pro-serise-name {
	position: absolute;
	bottom: 15px;
	right: 24px;
	text-align: right;
	color: #ffffff;
	font-size: clamp(16px, 1.4vw, 22px);
	z-index: 2;
}

.pro-serise a .pro-serise-name p {
	font-size: 14px;
}

.index-adv-con {
	display: flex;
	position: relative;
	min-height: 400px;
}

.index-adv-left {
	width: 44%;
}

.index-adv-right {
	width: 58%;
	position: absolute;
	right: 0;
	top: 70px;
}

.index-adv-right .adv-img {
	width: 100%;
	aspect-ratio: 16 / 8;
	overflow: hidden;
	position: relative;
}

.index-adv-right .adv-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	clip-path: polygon(20% 0, 100% 0, 80% 100%, 0% 100%);
}

.index-adv-right .jh-1 {
	content: "";
	position: absolute;
	width: 28%;
	height: 28%;
	right: 5%;
	bottom: 0;
	background: rgba(0, 72, 166, 0.88);
	clip-path: polygon(20% 0, 100% 0, 80% 100%, 0% 100%);
	z-index: 1;
	transition: all 0.3s ease;
}


.index-adv-right .jh-2 {
	content: "";
	position: absolute;
	width: 23%;
	height: 23%;
	right: 2%;
	bottom: 0;
	background: rgba(23, 50, 112, 0.88);
	clip-path: polygon(20% 0, 100% 0, 80% 100%, 0% 100%);
	z-index: 2;
	pointer-events: none;
}

#index-adv {
	background-color: #f7f7f7;
}

#index-about {
	background-color: #ffffff;
	position: relative;
}

.yw-item {
	display: flex;
	margin-top: 26px;
	;
}

.yw-item .icon {
	width: 36px;
	height: 47px;
	border-radius: 18px;
	background: #0048a6;
	display: flex;
	align-items: center;
	justify-content: center;
}

.yw-item .icon img {
	height: 22px;
}

.yw-item:nth-child(2n) .icon {
	background: #0067ee;
}

.yw-item .txt {
	padding-left: 15px;
}

.yw-item .txt h4 {
	font-size: 18px;
	font-weight: bold;
	color: #111111;
	margin-bottom: 0;
}

.yw-item .txt p {
	color: #727272;
}

.more-btn {
	margin-top: 36px;
}

.jh {
	width: 5%;
	max-width: 150px;
	position: absolute;
	left: 0;
	top: 0;
}

.jh .jh-con .jh-1 {
	top: -60%;
	position: absolute;
}

.jh.right {
	right: 0px;
	left: auto;
}

.jh.bottom {
	bottom: 0;
	top: auto;

}

.jh.bottom img {
	transform: rotate(180deg);
}

.jh.bottom .jh-con .jh-1 {
	position: relative;
	top: 0;
}

.jh.bottom .jh-con .jh-2 {
	bottom: -60%;
	/* top: -30%; */
	position: absolute;
	z-index: 1;
	right: 0;
}

.index-about-contain {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
}

.index-about-contain .index-about-left {
	width: 45%;
	padding-top: 36px;
}

.index-about-contain .index-about-right {
	width: 50%;
}

.about-num ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.about-num ul li {
	list-style: none;
	width: calc(50% - 22px);
	color: #727272;
	margin-top: 22px;
}

.about-num ul li h3 {
	font-weight: bold;
	font-size: clamp(24px, 2.6vw, 42px);
	color: #0048a6;
	margin-bottom: 0;
}

.contain-title-en {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.contain-title-en h1 p {
	font-weight: normal;
	color: #d3d3d3;
}

.contain-title-en h1::after {
	display: none;
}

.contain-title-en .title-nav ul {
	display: flex;
}

.contain-title-en .title-nav ul li {
	list-style: none;
	margin-left: 30px;
}

.contain-title-en .title-nav ul li a {
	color: #333333;
	position: relative;
	font-size: 18px;
	padding-bottom: 5px;
}

.contain-title-en .title-nav ul li a:after {
	border-bottom: 1px solid #0048a6;
}


.contain-title-en .title-nav ul li a:after {
	content: "";
	position: absolute;
	width: 0;
	bottom: 0;
	left: 0;
	transition: all ease .35s;
}

.contain-title-en .title-nav ul li a:hover {
	text-decoration: none;
}

.contain-title-en .title-nav ul li a:hover::after {
	width: 100%;
	left: 0;
}

#index-news {
	background: url(../images/index-news-bg.jpg);
	background-size: cover;
}

.news-item a {
	display: block;
	width: 100%;
	position: relative;
	border-radius: 10px;
	overflow: hidden;
}

.news-item a .news-serise {
	position: absolute;
	left: 0;
	top: 0;
	background: #0048a6;
	padding: 5px 15px;
	color: #ffffff;
	border-bottom-right-radius: 10px;
	z-index: 9;
}

.news-item a .text-box {
	position: absolute;
	width: 100%;
	padding: 36px 24px;
	left: 0;
	bottom: 0;
	border-radius: 10px;
	background: #ffffff;
	transition: all ease .35s;
	min-height: 155px;

}

.news-item a .text-box .news-time {
	font-size: 14px;
	color: #727272;
	margin-bottom: 5px;
}

.news-item a .text-box .news-name {
	font-size: 22px;
	color: #111111;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	/* 限制为2行 */
	overflow: hidden;
	text-overflow: ellipsis;
}

.news-item a .text-box .news-intro {
	display: none;
	color: #ffffff;
	margin-top: 30px;
}

.news-item a .text-box .more {
	display: none;
	color: #ffffff;
	margin-top: 36px;
	position: absolute;
	bottom: 15%;
	border-bottom: 1px solid #ffffff;
}

.news-item a:hover .text-box {
	top: 0;
	bottom: 0;
	background: rgba(0, 72, 166, 0.87);
	padding-top: 20%;
}

.news-item a:hover .text-box .news-time {
	color: #ffffff;
}

.news-item a:hover .text-box .news-name {
	color: #ffffff;
	display: block;
}

.news-item a:hover .text-box .news-intro {
	display: block;
}

.news-item a:hover .text-box .more {
	display: block;
}

.news-wrapper .swiper-pagination {
	left: 0;
	right: 0;
	bottom: 0;
	position: relative;
	margin-top: 15px;
}

.news-wrapper .swiper-pagination-bullet {
	margin: 0 3px;
	width: 12px;
	height: 12px;
}

.news-wrapper .swiper-pagination-bullet-active {
	background: #0048a6;
}

#foot-contact {
	background: url(../images/foot-contact-bg.jpg);
	background-size: cover;
	position: relative;
}

.contain-title.white h1 {
	color: #ffffff;
}

.foot-contact-con .contain-title h1::after {
	display: none;
}

.foot-contact-con {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	z-index: 9;
}

.foot-contact-con .contact-btn {
	display: flex;
	width: 156px;
	height: 44px;
	border-radius: 22px;
	border: 1px solid rgba(255, 255, 255, 0.5);
	color: #ffffff;
	align-items: center;
	justify-content: center;
}

.foot-contact-con .contact-btn .icon-conatact {
	display: block;
	width: 24px;
	height: 20px;
	background: url(../images/icon-contact.svg) no-repeat;
	background-size: cover;
	margin-right: 10px;
}

.foot-contact-con .contact-btn:hover {
	background: #0048a6;
	border-color: #0048a6;
	text-decoration: none;
}

#foot-contact .jh {
	bottom: 0;
	right: 0;
	left: auto;
	top: auto;
	width: 15%;
}

#foot-contact .jh .j2 {
	opacity: 0.8;
}

#foot-contact .jh .j1 {
	position: absolute;
	right: 0;
	bottom: 0;
	opacity: 0.6;
}

#foot {
	background: #8d9195;
	color: #ffffff;
}

#foot a {
	color: #ffffff;
	opacity: 0.6;
}

.foot-con {
	display: flex;
	justify-content: space-between;
}

.foot-nav {
	width: 60%;
}

.foot-con .foot-contact-con {
	display: flex;
	margin-top: 46px;
}

.foot-nav {
	display: flex;
	justify-content: space-between;
	padding-top: 26px;
}

.foot-nav-item .foot-title {
	position: relative;
	margin-bottom: 15px;
}

.foot-nav-item .foot-title {
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
}

.foot-nav-item .nav-item-con ul li {
	list-style: none;
	margin-bottom: 3px;

}

#foot .footer-contact {
	display: flex;
	border-top: 1px solid #a6a9ac;
	padding-top: 60px;
	padding-bottom: 60px;
	justify-content: space-between;
}

#foot .footer-contact .footer-contact-ewm {
	text-align: center;
	display: flex;
}

#foot .footer-contact .footer-contact-ewm div{
	margin-left: 15px;
}

.foot-copyright {
	background-color: #173270;
}

.foot-copyright-con {
	display: flex;
	padding-top: 20px;
	padding-bottom: 20px;
	justify-content: space-between;
}

#banner-img {
	position: relative;
	display: flex;
	min-height: 70vh;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

#banner-img .jh {
	bottom: 0;
	right: 0;
	left: auto;
	top: auto;
	width: 15%;
}

#banner-img .jh .j2 {
	opacity: 0.8;
}

#banner-img .jh .j1 {
	position: absolute;
	right: 0;
	bottom: 0;
	opacity: 0.6;
}

#banner-img p {
	position: relative;
	font-size: clamp(24px, 2.6vw, 42px);
	color: #fff;
	margin-top: 80px;
	font-weight: bold;
	text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
}

#banner-img .solution-intro-p {
	max-width: 640px;
}

#banner-img .solution-intro-p p {
	font-size: 14px;
	margin-top: 30px;
	font-weight: normal;
}

#contain-nav {
	border-bottom: 1px solid #eaeaea;
}

#contain-nav .swiper-container {
	overflow: hidden;
}

#contain-nav .swiper-slide {
	min-width: 190px;
}

#contain-nav .swiper-slide>a {
	position: relative;
	display: inline-block;
	padding: 1rem 0;
	line-height: 50px;
	font-size: 16px;
}

#contain-nav .swiper-slide>a:hover {
	text-decoration: none;
}

#contain-nav .swiper-slide {
	width: auto;
}

#contain-nav .swiper-slide>a:before {
	position: absolute;
	content: "";
	left: 0;
	right: 100%;
	bottom: 0;
	height: 3px;
	background: #0048a6;
	transition: all 0.3s;
}

#contain-nav .swiper-slide>a:hover:before,
#contain-nav .swiper-slide>a.active:before {
	right: 0;
	transition: all 0.3s;
}

#contain-nav .swiper-slide>a.active {
	color: #0048a6;
	font-weight: bold;
}



.infor_center {
	display: flex;
}

.infor_right {
	position: relative;
	width: 100%;
	max-width: 60%;
}

.infor_left {
	padding: 0px 2rem 0 0;
	width: 100%;
	max-width: 40%;
}

.infor_right .map_box {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.contactus_main h3 {
	text-align: left;
}

.infor-text>div {
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}

.infor-text>div span {
	display: flex;
	width: 36px;
	height: 54px;
	border-radius: 18px;
	background-color: #0048a6;
	margin-right: 30px;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	font-size: 18px;
}

.infor-text>div p {
	max-width: calc(100% - 80px);
}

.online_box {
	background: #f5f9ff;
}


#feedback {
	margin-top: 40px;
	margin-left: -0.4rem;
	margin-right: -0.4rem;
}

#feedback .form-control {
	background: none;
	border: none;
	border-bottom: 1px solid #333;
	border-radius: 0;
	height: 3.25rem;
	padding: .375rem 1.2rem;
}

#feedback .form-control:focus {
	box-shadow: none;
	border: 1px solid #3c482b;
}

#feedback .form-group {
	padding: 0.3rem 0.8rem;
}

#feedback .form-textarea {
	width: 100%;
	padding: 1rem 1.2rem;
	background: none;
	border-radius: 3px;
	height: 8rem;
	border: none;
	border-bottom: 1px solid #333;
	border-radius: 0;
}

#feedback .feedback-submit {
	margin-top: 1.3rem;
	width: 100%;
	height: 3.25rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #0048a6;
	color: #fff;
}

.contact-map-container {
	height: 460px;
	background-size: cover;
	background-position: center center;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}

.contact-map-container a img {
	transition: all .3s;
}

.contact-map-container a:hover img {
	transform: translateY(-15px);
}

.join_list li {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: column;
	margin-bottom: 20px;
	background: #fff;
	border-radius: 10px;
	border: 1px solid #eaeaea;
}

.join_top.cur,
.join_top:hover {
	background: #f5f9ff;
}

.join_list li:hover .zpTopCn {
	color: #0048a6;
}

.join_top {
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding: 25px 50px 25px 35px;
	align-items: center;
	cursor: pointer;
}

.zpTopLeft {
	padding-right: 20px;
	display: flex;
	flex-direction: column;
}

.zpTopLeft .zpTopCn {
	font-size: 20px;
	color: #000;
	line-height: 2em;
}

.zpTopLeft .zpTopEn {
	font-size: 14px;
	color: #666666;
	line-height: 2em;
}



.zpTopRight .anniu {
	display: flex;
	align-items: center;
	font-size: 16px;
	color: #666;
	cursor: pointer;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: 1px solid #EAEAEA;
	justify-content: center;
	transform: rotate(0deg);
	transition: all 0.3s;
}

.zpTopRight .anniu:hover {
	border-color: #0048a6;
	color: #0048a6;
}

.join_top.cur .zpTopRight .anniu {
	background: #0048a6;
	color: #fff;
	transform: rotate(180deg);
	transition: all 0.3s;
}

.join_hiden {
	width: 100%;
	border-top: #dadada solid 1px;
	padding: 30px 50px 50px 30px;
	transition: all 1s;
	background: #fff;
	display: none;
	z-index: 1;
}

.join_hiden p {
	line-height: 28px;
}

.join_hiden.cur {
	display: block;
	transition: all 1s;
}

.news-list {
	display: flex;
	flex-wrap: wrap;
	margin-left: -14px;
	margin-right: -14px;
}

.news-list .news-items {
	width: calc(100% / 3);
	padding: 0 14px 28px;
}

.news-list .news-items .news-item a {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.news-view .news-title h1 {
	text-align: center;
	font-size: clamp(24px, 2.6vw, 36px);
}

a.back {
	display: flex;
	width: 3.5rem;
	height: 3rem;
	align-items: center;
	justify-content: center;
	border: 1px solid #eaeaea;
	border-radius: 3px;
}

a.back:hover {
	text-decoration: none;
	color: #0048a6;
}

.news_link {
	margin: 2rem 0;
	border-top: 1px solid #eaeaea;
	padding-top: 2rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.news_link i {
	margin-right: 8px;
}

.news_link a {
	margin-right: 10px;
}

.news_link a:hover {
	text-decoration: none;
	background: #0048a6;
	color: #ffffff;
}

.solution-intro {
	background: #f8f8f8;
	padding: 36px;
}

.solution-contain {
	padding-top: 60px;
}

.pro-list {
	display: flex;
	flex-wrap: wrap;
	margin-left: -14px;
	margin-right: -14px;
}

.pro-items {
	width: calc(100% / 4);
	padding: 0 14px 28px;
}

.pro-item {
	background: #f7f7f7;
	padding: 15px;
	border-radius: 10px;
}

.pro-item a {
	display: block;
}

.pro-item a:hover {
	text-decoration: none;
}

.pro-item .pro-img {
	overflow: hidden;
	display: block;
}

.pro-item .pro-img img {
	transition: all 0.3s;

}

.pro-item:hover .pro-img img {
	transform: scale(1.1);
}

.pro-item .text_box {
	padding: 24px 10px;
	text-align: center;
}

.pro-item .text_box h3 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 15px;
}

.pro-item .text_box>div {
	display: flex;
	justify-content: center;
}

.pro-item .text_box>div a {
	border: 1px solid #ddd;
	padding: 6px 18px;
	border-radius: 40px;
	color: #999;
	font-size: 14px;
	background: #fff;
	width: 50%;
	cursor: pointer;
	max-width: 120px;
}

.pro-item .text_box>div a i {
	margin-right: 5px;
}

.pro-item .text_box>div a:hover {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	font-weight: bolder;
}

.pro-item .text_box a:first-child {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	margin-right: -1px;
	background: #0048a6;
	color: #fff;
}

.pro-item .text_box a:last-child {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	background: #8d9195;
	color: #fff;
}

.products-contain {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.products-contain .pro-serise-nav {
	width: 380px;
	padding-top: 100px;
	padding-bottom: 250px;
	border-right: 1px solid #eee;
}

.pro-serise-nav-con {
	position: -webkit-sticky;
	position: sticky;
	top: 100px;
	bottom: 50px;
	padding: 0 50px 0 0;
}

.pro-lists {
	width: calc(100% - 460px);
	overflow: hidden;
	padding-top: 100px;
	padding-bottom: 250px;

}

.pro-lists .pro-list .pro-items {
	width: calc(100% / 3);
}

.pro-search {
	width: 100%;
	background: #f5f5f5;
	display: flex;
	justify-content: space-between;
	align-items: center;
	line-height: 56px;
	height: 56px;
	padding: 0 6.8%;
	box-sizing: border-box;
	margin-bottom: 36px;
}

.pro-search input {
	outline: none;
	border: none;
}

.pro-search .text {
	display: block;
	font-size: 0.9375rem;
	color: #666;
	width: calc(100% - 30px);
	line-height: 3.75rem;
	background: transparent;
}

.pro-search .text::placeholder {
	color: #666;
}

.pro-search .submit {
	background: unset;
	width: 18px;
	height: 100%;
}

.pro-nav-item {
	padding: 30px 0;
	border-radius: 5px;
	border-bottom-right-radius: 36px;
}

.pro-serise-nav-title {
	color: #111111;
	font-weight: bolder;
	margin-bottom: 20px;
	font-weight: bolder;
}

.pro-serise-nav-title h1 {
	font-size: 30px;
	font-weight: bolder;
}

.pro-serise-menu ul {
	list-style: none;
	padding: 0;
	overflow: hidden;
}

.pro-serise-menu .f1>ul>li {
	position: relative;

	overflow: hidden;
	color: #333333;
	border-bottom: 1px solid #eeeeee;

}

.pro-serise-menu ul li>span {
	display: block;
	transition: 0.5s;
	padding: 12px 30px 12px 10px;
	font-size: 16px;
}

.pro-serise-menu ul li:hover>span,
.pro-serise-menu ul li.hasChild.open>span,
.pro-serise-menu ul li.active>span {
	background: #0048a6;
	color: #fff;
}

.pro-serise-menu ul li:hover>span a,
.pro-serise-menu ul li.hasChild.open>span a,
.pro-serise-menu ul li.active>span a {
	color: #fff;
}

.pro-serise-menu ul li a {
	color: #333333;
	display: block;

}

.pro-serise-menu ul li.open>span a {}

.pro-serise-menu ul li>span a.cur {
	font-weight: bolder;
	font-size: 18px;
}

.pro-serise-menu ul li>span a:hover {
	text-decoration: none;
}

.pro-serise-menu ul li.hasChild>span a:after {
	content: "+";
	position: absolute;
	right: 10px;
	top: 8px;
	font-size: 28px;
	font-weight: 300;
}

.pro-serise-menu ul li.hasChild.open>span a:after {
	content: "-";
	right: 13px;
	font-size: 28px;
	top: 8px;
}

.pro-serise-menu .f2 ul li {
	padding-top: 5px;
	padding-bottom: 5px;
}

.pro-serise-menu .f2 ul li a:hover {
	text-decoration: none;
	color: #c8a063;
}

.pro-nav-btns {
	display: none;
}

.pro-nav-btns-con {
	display: flex;
	justify-content: space-between;
}

.pro-nav-btns .pro-nav-btn {
	width: 100%;
	background: #0048a6;
	text-align: center;
	color: #ffffff;
	border-radius: 0;
	padding: 15px;
	font-size: 16px;
}

.pro-nav-btns .pro-nav-btn i {
	margin-right: 10px;
}

.pro-nav-btns .pro-nav-btn:hover {
	background: #0057c9;
}

.pro-serise-nav .collapse:not(.show) {
	display: block;
	border-top: 1px solid #eeeeee;
}

.f2,
.f3 {
	height: 0;
	padding-left: 20px;
	overflow: hidden;
	position: relative;
	transition: height 0.4s ease;
	-moz-transition: height 0.4s ease;
	-webkit-transition: height 0.4s ease;
	-o-transition: height 0.4s ease;
}

.contain-bread {
	background: none;
	color: #333333;
	padding-left: 0;
	padding-right: 0;
	padding-top: 30px;
}

.contain-bread .breadcrumb-item a {
	color: #333333;
}

.contain-bread .breadcrumb-item a:hover {
	text-decoration: none;
	color: #0048a6;
}

.contain-bread .breadcrumb-item+.breadcrumb-item::before {
	content: ">";
}

.contain-bread .breadcrumb-item.active {
	color: #333333;
}

.pro-view-con {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.pro-view-left {
	width: 60%;
	padding-right: 60px;
}

.pro-view-right {
	width: 40%;
}

.pro-view-name {
	color: #727272;
	font-size: 18px;
	margin-bottom: 20px;
	border-bottom: 1px solid #eeeeee;
	padding-bottom: 20px;
	margin-top: 30px;
}

.pro-view-name h1 {
	font-size: 26px;
	font-weight: bolder;
	color: #333333;
}

.pro-view-color {
	margin-top: 60px;
}

.pro-view-right-title {
	font-size: 30px;
	font-weight: bolder;
	margin-bottom: 30px;
}

.pro-view-inquiry-btn {
	margin-top: 60px;
}

.pro-view-inquiry-btn a {
	display: block;
	background: #0048a6;
	color: #ffffff;
	text-align: center;
	width: 100%;
	height: 50px;
	font-size: 20px;
	font-weight: bolder;
	padding: 10px;
}

.pro-view-inquiry-btn a:hover {
	text-decoration: none;
	background: #0057c9;
}

.pro-view-img {
	display: flex;
	flex-direction: row-reverse;
}

.pro-view-imgb {
	width: calc(100% - 150px);
	max-width: 610px;
	margin: auto;
}

.pro-view-imgs {
	width: 150px;
}

.pro-view-btn {
	display: none;
}

.pro-btn-prev {
	left: 0;
}

.pro-btn-next {
	right: 0;
}

.pro-imgb {
	text-align: center;
	cursor: -moz-zoom-in;
	cursor: -webkit-zoom-in;
	cursor: zoom-in;
}

.swiper-pro-imgb {
	position: relative;
}

.pro-view-imgs-con {
	max-width: 117px;
	margin: auto;
	padding-top: 36px;
	padding-bottom: 36px;
	position: relative;
}

.pro-view-imgs-con .pro-imgs-btn {
	position: absolute;
	font-size: 36px;
	width: 100%;
	text-align: center;
}

.pro-imgs-btn-prev {
	top: 0;
}

.pro-imgs-btn-next {
	bottom: 0;
}

.swiper-pro-imgs {
	height: 600px;
	overflow: hidden;
}

.swiper-pro-imgs .swiper-slide {
	border: 1px solid #d4d4d4;
	opacity: 0.6;
}

.swiper-pro-imgs .swiper-slide.active {
	border: 2px solid #0048a6;
	opacity: 1;
}

.swiper-pro-imgs .swiper-slide .pro-imgs-con {
	vertical-align: middle;
	cursor: pointer;
}

.swiper-pro-imgs .swiper-slide .pro-imgs {
	height: 100%;
	text-align: center;
}

.swiper-pro-imgs .swiper-slide .pro-imgs img {
	height: 100%;
	width: auto;
	margin: auto;
}

.pro-imgs-btn.wrapper-btn-disabled {
	opacity: 0.5;
}

.pro-view-details {
	margin-top: 90px;
}

.pro-view-details-title {
	font-size: 24px;
	font-weight: bolder;
	color: #111111;
	margin-bottom: 24px;
	border-bottom: 1px solid #eeeeee;
	padding-bottom: 20px;
}

.pro-view-details-imgs {
	margin-top: 160px;
}

.wrapper-btn {
	position: absolute;
	top: 40%;
	width: 100%;
	z-index: 10;
}

.wrapper-btn-next,
.wrapper-btn-prev {
	color: #ffffff;
	background: #0048a6;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	font-size: 20px;
	line-height: 26px;
	text-align: center;
	position: absolute;
}

.wrapper-btn-next {
	right: 15px;
}

.wrapper-btn-prev {
	left: 15px;
}

.wrapper-btn .wrapper-btn-disabled {
	display: none;
}

.about-txt {
	display: flex;
	justify-content: space-between;
}

.about-txt .about-txt-p {
	width: 60%;
}

.about-txt .about-num {
	width: 36%;
}

.about-txt .about-num ul li {
	padding: 22px;
	width: 50%;
	margin: 0;
}

.about-txt .about-num ul li:nth-child(1) {}

.about-txt .about-num ul li:nth-child(2) {
	border-left: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
}

.about-txt .about-num ul li:nth-child(3) {
	border-top: 1px solid #eeeeee;
	border-right: 1px solid #eeeeee;
}

.about-txt .about-num ul li:nth-child(4) {}

.about-yw {
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
	flex-wrap: wrap;
}

.about-yw .yw-item {
	width: calc(100% / 3 - 22px);
	background: #f7f7f7;
	padding: 36px;
	border-radius: 10px;
}

.culture-contain {
	background: rgba(255, 255, 255, 0.3);

	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
}

.culture-con {
	display: flex;
	/* padding: 30px; */
	margin-top: 36px;
	border-radius: 20px;
	justify-content: space-between;
	flex-direction: row;
}

.culture-item {
	width: calc(100% / 3 - 22px);
	padding: 30px 30px 30px;
	border-radius: 20px;
	transition: 0.5s;
}

.culture-item.active {
	background: #0048a6;
	color: #ffffff !important;
}

.culture-item .num {
	font-weight: bold;
	font-family: "Roboto Condensed", sans-serif;
}

.culture-item .culture-name {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 36px;
	/* margin-top: 30px; */
}

.culture-item .culture-name .name .en {
	font-family: "Roboto Condensed", sans-serif;
}

.culture-item .culture-name .name .cn {
	font-weight: bold;
	font-size: 24px;
}

.culture-item .culture-name .icon {
	width: 90px;
	height: 90px;
	min-width: 90px;
	border-radius: 50%;
	background-color: #0048a6;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.culture-item .culture-name .icon img {
	width: 50px;
}

#culture {
	background: url(../images/aboutbottom.jpg) no-repeat center fixed;
	background-size: cover;
	padding: 5%;
}

.equip-item a {
	background-color: #f7f7f7;
	display: block;
	border: 1px solid #f7f7f7;
	border-radius: 10px;
	overflow: hidden;
	padding: 15px;
}

.equip-item a:hover {
	color: #ffffff;
	background-color: #0048a6;
	text-decoration: none;
	box-shadow: 0vw 0vw 1.04vw 0vw rgba(0, 0, 0, 0.1);
}

.equip-item a .text_box {
	text-align: center;
	padding: 15px 0 0px;
}

.honor-list .honor-item {
	width: calc(100% / 4 - 22px);
}

#apqp{
	background-color: #f7f7f7;
}

.qc-list{
	display: flex;
	justify-content: space-between;
}

.qc-item{
	width: calc(100% / 8);
	padding: 0 10px;
	margin-left: -10px;
	margin-right: -10px;
	position: relative;
}

.qc-item:before{
	content: ">";
	display: block;
	color: #ffffff;
	font-size: 10px;
	text-align: center;
	line-height: 16px;
	position: absolute;
	width: 16px;
	height: 16px;
	background: #8d9195;
	border-radius: 100%;
	top: 50%;
	right: -8px;
	margin-top: -8px;
}

.qc-item:last-child:before{
	display: none;
}

.qc-item a {
	background: #ffffff;
    border: 1px solid #e9e9e9;
    border-radius: 20px;
    padding: 24px 24px 36px;
    display: block;
    transition: all 0.3s;
    height: 100%;
}

.qc-item a:hover{
	text-decoration: none;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.qc-item .num{
	margin-bottom: 20px;
	font-weight: bold;
}

.qc-item .qc-icon {
	height: 38px;
	margin-bottom: 10px;
}

.qc-item h6 {
	font-size: clamp(16px, 1.6vw, 20px);
	font-weight: bold;
	color: #111111;
	margin-top: 15px;
}

.qc-item p {
	margin-top: 15px;
	font-size: 14px;
}

.qc-adv{
	background: #e5e5e5;
}

.qc-adv-list{
	display: flex;
	justify-content: space-between;
}

.qc-adv-item{
	width: calc(100%/4 - 18px);
	border-right: 1px solid #c5c5c5;
	padding: 0 10px
}

.qc-adv-item:last-child{
	border-right: none;
}

.qc-adv-item a{
	display: flex;
	justify-content: space-between;
}

.qc-adv-item a:hover{
	text-decoration: none;
}

.qc-adv-item a .adv-icon{
	width: 50px;
}

.qc-adv-item a>div{
	width: calc(100% - 80px);
}

.qc-adv-item a h6{
	font-size: clamp(16px, 1.6vw, 20px);
    font-weight: bold;
    color: #111111;
    margin-top: 15px;
}

@media screen and (max-width: 1200px) {
	.headervue .item>a {
		margin: 0 15px;
	}

	.banner-text .ban-txt h1 {
		font-size: 3.8vw;
	}

	.banner-text .ban-txt h2 {
		font-size: 2.8vw;
	}

	.pro-serise {
		width: calc(100% / 2 - 22px);
	}

	.news-list .news-items {
		width: calc(100% / 2);
	}

	.pro-items {
		width: calc(100% / 3);
	}

	.pro-lists .pro-list .pro-items {
		width: calc(100% / 2);
	}
	
	.qc-list {
		flex-wrap: wrap;
	}
	
	.qc-item {
		width: calc(100% / 4);
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 992px) {
	#header_vue {
		display: none;
	}

	#ph-nav {
		display: block;
	}

	#banner {
		margin-top: 80px;
	}

	.banner-text .ban-txt h1 {
		font-size: 4.8vw;
	}

	.banner-text .ban-txt h2 {
		font-size: 3.8vw;
		margin-top: 5px;
	}

	#banner .banner_img .pic {
		padding-bottom: 75%;
	}

	.banner-text .more {
		font-size: 16px;
	}

	.swiper-btns .btn-prev img,
	.swiper-btns .btn-next img {
		width: 36px;
	}

	.swiper-btns .btn-next {
		margin-left: 15px;
	}

	.contain-con {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.index-adv-con {
		flex-direction: column;
	}

	.index-adv-left {
		width: 100%;
	}

	.index-adv-right {
		width: 100%;
		position: relative;
		right: 0;
		top: 0;
		margin-top: 36px;
	}

	.index-adv-right .adv-img img {
		object-fit: cover;
		clip-path: none;
	}

	.index-adv-right .jh-1 {
		right: 3%;
	}


	.index-adv-right .jh-2 {
		right: 0;
	}

	.index-about-contain {
		flex-direction: column;
	}

	.index-about-contain .index-about-left {
		width: 100%;
	}

	.index-about-contain .index-about-right {
		width: 100%;
	}

	.contain-title-en .title-nav {
		display: none;
	}

	.foot-contact-con {
		justify-content: space-between;
		flex-direction: column;
		align-items: flex-start;
	}

	#foot .footer-contact {
		flex-direction: column;
		align-items: flex-start;
	}

	#foot .footer-contact .footer-contact-ewm {
		margin-top: 15px;
	}

	.foot-nav {
		display: none;
	}

	.foot-copyright-con {
		flex-direction: column;
		align-items: center;
		align-content: center;
		text-align: center;
	}

	#contain-nav .swiper-slide {
		min-width: 120px;
	}

	.infor_center {
		flex-direction: column;
	}

	.infor_right {
		max-width: unset;
	}

	.infor_left {
		max-width: unset;
	}

	.news-item a .text-box .news-name {
		font-size: 18px;
	}

	.pro-items {
		width: 50%;
	}

	.products-contain {
		flex-direction: column;
	}

	.products-contain .pro-serise-nav {
		width: 100%;
		padding-bottom: 0;
		/* padding-top: 0px; */
		border-left: none;
	}

	.pro-lists {
		width: 100%;
		margin-top: 50px;
		padding-top: 0px;
		/* padding-bottom: 0px; */
	}

	.pro-nav-btns {
		display: block;
	}

	.pro-serise-nav .collapse:not(.show) {
		display: none;
	}

	.pro-serise-nav-title {
		display: none;
	}

	.pro-serise-nav-con {
		padding: 0;
	}

	.pro-view-con {
		flex-direction: column;
	}

	.pro-view-left,
	.pro-view-right {
		width: 100%;
	}

	.pro-view-left {
		max-width: 800px;
		margin: auto;
		padding-right: 0;
	}

	.pro-view-right {
		margin-top: 36px;
	}

	.pro-view-imgs {
		display: none;
	}

	.pro-view-imgb {
		width: 100%;
	}

	.pro-view-btn {
		display: block;
	}

	.about-txt {
		flex-direction: column;
	}

	.about-txt .about-txt-p {
		width: 100%;
	}

	.about-txt .about-num {
		width: 100%;
		margin-top: 15px;
	}

	.about-yw .yw-item {
		width: 100%;
	}

	.culture-con {
		flex-direction: column;
	}

	.culture-item {
		width: 100%;
	}
	
	.qc-item {
		width: calc(100% / 2);
	}
	
	#foot .footer-contact .footer-contact-ewm div{
		margin-right: 15px;
		margin-left: 0;
	}

}



@media screen and (max-width: 680px) {
	.pro-serise {
		width: 100%;
	}

	#contain-nav .swiper-slide {
		min-width: 90px;
	}

	.news-list .news-items {
		width: 100%;
	}

	.pro-items {
		width: 100%;
	}
}