@charset "UTF-8";

@font-face {
	font-family: ziti;
	src: url('../img/font/DingTalk_JinBuTi_Regular.woff2') format('woff2'), url('../img/font/DingTalk_JinBuTi_Regular.woff') format('woff'),
		url('../img/font/DingTalk_JinBuTi_Regular.ttf') format('truetype');
}

.ziti {
	font-family: ziti;
}

.yewuR {
	width: 100%;
}
.yewuR-swiper .swiper_btn img{
	display: none;
}
.image-box {
	width: 100%;
	height: 100%
}

.effect .effect-img {
	position: absolute;
	bottom: 20%;
	left: 5%;
}

.effect .effect-img img {
	margin-bottom: 20px;
}

.effect p {
	font-size: 16px;
	color: #fff;
	font-weight: 600;
	padding-left: 16px;
}

.effect:hover p {
	display: none;
}

.text-desc h3 {
	color: #fff;
	font-size: 16px;
	line-height: 40px;
	font-weight: 600;
}
.text-desc .tags{
	width: 100%;
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}
.text-desc .tags span{
	background: #fff;
	box-shadow: 0px 1px 16px 1px rgba(0,0,0,0.02);
	border-radius: 2px;
	padding: 5px;
	font-weight: 400;
	color: #0F61F9;
	font-size: 14px;
}
.text-desc .tags span:first-of-type{
	margin-right: 20px;
}
.ywzx_list{
	display: flex;
	align-items: center;
	padding-inline-start: 0;
}
.ywzx_list li {
	/* float: left; */
	width: 24%;
	height: 400px;
	transition-duration: 0.5s;
}

.ywzx_list li:hover {
	width: 28%;
}

.ywzx_list li:hover .effect .effect-img {
	display: none;
}

.ywzx_list li.bton {
	width: 28%;
}

.ywzx_list li.bton .effect .effect-img {
	display: none;
}

.ywzx_list .bton .effect .effect-img {
	display: none;
}

.ywzx_list .bton .effect .text-desc {
	height: 100%;
	width: 100%;
	bottom: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.ywzx_list li:last-child {
	margin-right: 0;
}

.prot {
	float: left;
	width: 100%;
	position: relative;
	overflow: hidden;
	text-align: center;
	height: 400px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.prot .text-desc {
	transition-duration: 0.6s;
	color: #fff;
}

.prot.effect:hover .text-desc {
	height: 100%;
	width: 100%;
	bottom: 0;
	left: 0;
}

.text-desc {
	position: absolute;
	bottom: -100%;
	left: 0%;
	height: 0%;
	width: 100%;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	padding: 0 20px;
	box-sizing: border-box;
}

.text-desc h3 {
	color: #fff;
	font-size: 16px;
	line-height: 30px;
	font-weight: 600;
	text-align: left;
	margin: 12px 0 10px;
	white-space: nowrap;
}

.text-desc h4 {
	color: #fff;
	font-size: 14px;
	/* line-height: 26px; */
	text-align: left;
	margin: 0px 0 10px;
	text-align: justify;
}
.btn-effect{
	display: flex;
}
.btn-effect a {
	display: inline-block;
	vertical-align: top;
	/* width: 100%; */
	height: 36px;
	line-height: 36px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	background: linear-gradient(141deg, #7BBCFB 0%, #3894FB 100%);
	border-radius: 4px;
	margin: 0;
	padding: 0 20px;
}
.btn-effect a:hover{
	color: #fff;
}
#ywzx_0 .image-box {
	background: url(../img/index_swiper1.png) center no-repeat;
	border-radius: 16px 0 0 16px;
}

#ywzx_1 .image-box {
	background: url(../img/index_swiper2.png) center no-repeat;
}

#ywzx_2 .image-box {
	background: url(../img/index_swiper3.png) center no-repeat;
}

#ywzx_3 .image-box {
	background: url(../img/index_swiper4.png) center no-repeat;
	border-radius:  0 16px 16px 0;
}


.textAlign {
	text-align: center;
}

.topNav {
	width: 100%;
	height: 1000px;
	position: relative;
	display: flex;
	justify-content: center;
	background: url('../img/swiper1.png') no-repeat;
	background-size: cover;
}

.topNav .topNav-top {
	position: absolute;
	top: 28%;
}

.topNav .topNav-top1 {
	position: absolute;
	top: 48%;
}

.topNav .topNav-p {
	font-size: 18px;
	color: #fff;
	font-weight: bold;
}

.topNav .topNav-p1 {
	font-size: 14px;
	color: #fff
}

.nav-background {
	background-color: #fff;
}

.nav {
	border: 1px solid #f4f4f4;
	border-bottom: none;
	border-radius: 6px 6px 0 0;
	text-align: center;
	display: flex;
	position: relative;
	z-index: 5;
}

.nav li {
	flex: 1;
	float: left;
	padding: 10px 5px;
	list-style: none;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	white-space: nowrap;
}

.nav li p {
	color: #000;
	font-weight: bold;
	margin-bottom: 0;
}

.nav li:hover,
.selected {
	color: #fff;
	background: url('../img/nav.png') no-repeat;
	background-size: 100% 100%;
	z-index: 3;
}

.nav li:hover p,
li.selected p {
	color: #fff;
	margin-bottom: 10px;
}

.nav-content .list {
	background: url('../img/slices.png') no-repeat;
	background-size: 100% 100%;
	display: none;
}

.nav-content .list {
	background: url('../img/slices.png') no-repeat;
	background-size: 100% 100%;
	display: none;
}

.nav-content .list .list-nav .list-p {
	text-indent: 30px;
	color: #333;
	text-align: justify;
	font-size: 14px;
}

.nav-content .list .list-nav {
	padding: 30px;
}

.nav-content .list .list-nav .list-img {
	background: url('../img/icon5.png') no-repeat;
	height: 35px;
	background-size: 100% 100%;
	float: left;
	margin-right: 24px;
	margin-bottom: 40px;
}

.nav-content .list .list-nav .list-img p {
	padding: 0 10px;
	line-height: 35px;
	text-align: center;
	color: #0F61F9;
}

.btn-nav {
	clear: both;
}

.btn-nav a {
	display: inline-block;
	vertical-align: top;
	width: 114px;
	height: 40px;
	line-height: 39px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	background-color: #0F61F9;
	margin: 0 5px;
}

.btn-nav a:hover {
	color: #fff;
}

.btn-nav a:visited {
	color: #fff;
}

.an-content {
	height: 500px;
	border: 1px solid #E0E6F9;
	border-radius: 16px;
	display: flex;
	overflow: hidden;
	background-color: #fff;
	position: relative;
	z-index: 4;
}
.an-background-icon{
	width: 250px;
	height: 250px;
	position: absolute;
	right: -115px;
	bottom: 100px;
}
.an-nav {
	flex: 1;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: url('../img/swiper5.png') no-repeat;
	background-size: 100% 100%;

	.an-number {
		font-size: 48px;
		color: #333;
	}

	.an-span {
		font-size: 24px;
		color: #333;
	}

	.an-margin {
		text-align: center;
		margin-bottom: 40px;
	}

	.an-margin span {
		color: #333;
	}

	.an-nav-p {
		font-size: 16px;
		color: #333;
		font-weight: 800;
	}

	.an-nav-p1 {
		font-size: 14px;
		padding: 0 24px;
		color: #333;
		text-align: justify;
	}

	.btn-an a {
		display: inline-block;
		vertical-align: top;
		width: 114px;
		height: 40px;
		line-height: 39px;
		text-align: center;
		font-size: 16px;
		color: #333;
		border: 1px solid #333;
		margin: 0 5px;
	}
}
.an-nav .an-nav-wrap{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.an-nav .an-number span{
	font-size: 48px;
	color: #333;
}
.an-nav:hover .an-number span{
	color: #fff;
}
.an-nav:hover {
	flex: 1;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: url('../img/swiper4.png') no-repeat;
	background-size: 100% 100%;

	.an-number {
		font-size: 48px;
		color: #fff;
	}

	.an-span {
		font-size: 24px;
		color: #fff;
	}

	.an-margin {
		text-align: center;
		margin-bottom: 40px;
	}

	.an-margin span {
		color: #fff;
	}

	.an-nav-p {
		font-size: 16px;
		color: #fff;
		font-weight: 800;
	}

	.an-nav-p1 {
		font-size: 14px;
		padding: 0 24px;
		color: #fff;
	}

	.btn-an a {
		display: inline-block;
		vertical-align: top;
		width: 114px;
		height: 40px;
		line-height: 39px;
		text-align: center;
		font-size: 16px;
		color: #fff;
		border: 1px solid #fff;
		margin: 0 5px;
	}
}

.bn-nav {
	height: 210px;
	background: url('../img/swiper2.png') no-repeat;
	background-size: 100% 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 50px;
}

.bn-nav p {
	text-align: center;
	font-size: 24px;
	color: #fff;
	margin-top: 14px;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 12px;
}

.swiper-pagination-bullet {
	display: inline-block;
	width: 60px;
	height: 10px;
	margin: 1px;
	text-indent: -999px;
	cursor: pointer;
	background-color: #000 \9;
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid #fff;
	border-radius: 10px;
	opacity: 0.8;
}

.swiper-pagination-bullet-active {
	opacity: 1;
	background: #fff;
}

.swiper-button-prev {
	background-size: 45px 45px;
	width: 45px;
	height: 45px;
	top: 50%;
	left: 2%;
	background-image: url(../img/left.png);
}

.swiper-button-next {
	background-size: 45px 45px;
	width: 45px;
	height: 45px;
	top: 50%;
	right: 2%;
	background-image: url(../img/right.png);
}

.blockquote,
.btn-theme,
p {
	line-height: 1.4;
}

a {
	cursor: pointer;
}

.btn-theme.active.focus,
.btn-theme.active:focus,
.btn-theme.focus,
.btn-theme:active.focus,
.btn-theme:active:focus,
.btn-theme:focus,
:active,
:focus,
a,
a:active,
a:focus,
a:hover {
	outline: 0;
}

.btn-theme:hover,
.service .service-element,
.service .service-info,
.service:hover .service-element,
.service:hover .service-info {
	transition-duration: 0.3s;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.blockquote,
.header .nav-item-child,
.link,
a,
body,
em,
h1,
h2,
h3,
h4,
h5,
h6,
li,
li a,
p,
span {
	font-family: siyuanNormal;
}

.back-to-top:focus,
.back-to-top:hover,
.btn-theme.focus,
.btn-theme:focus,
.btn-theme:hover,
.content-wrapper-link,
.header .logo-wrap:focus,
.header .logo-wrap:hover,
a:active,
a:focus,
a:hover,
h1>a:focus,
h2>a:focus,
h3>a:focus,
h4>a:focus,
h5>a:focus,
h6>a:focus {
	text-decoration: none;
}

.back-to-top,
.carousel-title,
.header .nav-item-child,
.link {
	text-transform: uppercase;
}

.container-full-width:after,
.masonry-grid:after {
	clear: both;
}

html {
	overflow-x: hidden;
}

body,
html,
html a {
	-webkit-font-smoothing: antialiased;
}

p {
	font-size: 15px;
	font-weight: 400;
	color: #a6a7aa;
	margin-bottom: 15px;
}

em,
li,
li a {
	font-size: 16px;
	font-weight: 500;
	color: #515769;
}

li {
	list-style: none;
}

a {
	color: #81848f;
}

a:active,
a:focus,
a:hover {
	color: #999caa;
}

.link {
	position: relative;
	font-size: 13px;
	font-weight: 600;
}

.link:after {
	position: absolute;
	top: 8px;
	right: -15px;
	width: 9px;
	height: 2px;
	background: #17bed2;
	content: ' ';
}

span {
	font-size: 14px;
	font-weight: 400;
	color: #bfc1c7;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 700;
	color: #515769;
	line-height: 1.4;
	margin: 0 0 15px;
}

h1>a,
h2>a,
h3>a,
h4>a,
h5>a,
h6>a {
	color: #515769;
}

h1>a:hover,
h2>a:hover,
h3>a:hover,
h4>a:hover,
h5>a:hover,
h6>a:hover {
	color: #999caa;
	text-decoration: none;
}

h1 {
	font-size: 40px;
}

h2 {
	font-size: 30px;
}

h3,
h4 {
	font-size: 22px;
}

::selection {
	color: #fff;
	background: #17bed2;
	text-shadow: none;
}

::-webkit-selection {
	color: #fff;
	background: #17bed2;
	text-shadow: none;
}

::-moz-selection {
	color: #fff;
	background: #17bed2;
	text-shadow: none;
}

.section-seperator {
	border-bottom: 1px solid #edf0f2;
}

.content-wrapper-link {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	z-index: 3;
}

.blockquote {
	position: relative;
	font-size: 17px;
	font-weight: 400;
	color: #a6a7aa;
	border-left: none;
	margin-left: 20px;
}

.blockquote:before {
	position: absolute;
	top: 0;
	left: -20px;
	font-size: 60px;
	display: inline-block;
	color: #17bed2;
	content: '“';
}

.btn-theme {
	position: relative;
	display: inline-block;
	text-align: center;
	background-image: none;
	border-style: solid;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.btn-theme.active,
.btn-theme:active {
	background-image: none;
	outline: 0;
}

.btn-theme.disabled,
.btn-theme[disabled],
fieldset[disabled] .btn-theme {
	cursor: not-allowed;
	box-shadow: none;
	opacity: 0.65;
	pointer-events: none;
}

.btn-white-brd {
	color: #fff;
	background: 0 0;
	border-color: rgba(255, 255, 255, 0.3);
	border-width: 1px;
}

.btn-white-brd.focus,
.btn-white-brd:focus,
.btn-white-brd:hover {
	color: #515769;
	background: #fff;
	border-color: transparent;
}

.btn-default-bg {
	color: #515769;
	background: #f3f4f5;
	border-color: transparent;
	border-width: 0;
}

.btn-base-bg,
.btn-default-bg.focus,
.btn-default-bg:focus,
.btn-default-bg:hover {
	background: #17bed2;
	color: #fff;
	border-color: transparent;
}

.btn-base-bg {
	border-width: 0;
}

.btn-base-bg.focus,
.btn-base-bg:focus,
.btn-base-bg:hover {
	color: #fff;
	background: #63cbd7;
	border-color: transparent;
}

.footer .footer-seperator,
.header .navbar {
	border-bottom: 0px solid rgba(255, 255, 255, 0.2);
}

.btn-theme-sm {
	font-size: 13px;
	font-weight: 600;
	padding: 15px 30px;
}

.pricing {
	padding: 70px 45px;
	background: #fff;
	margin-top: 50px;
}

@media (max-width: 768px) {
	.pricing {
		margin-top: 0;
	}
}

.pricing.pricing-active {
	padding-top: 110px;
	padding-bottom: 110px;
	margin-top: 10px;
}

@media (max-width: 768px) {
	.pricing.pricing-active {
		margin-top: 0;
	}
}

.pricing .pricing-icon {
	display: block;
	font-size: 30px;
	color: #999caa;
	margin-bottom: 30px;
}

.pricing .pricing-list-item {
	position: relative;
	font-size: 13px;
	color: #81848f;
	padding-left: 20px;
	margin-bottom: 10px;
}

.pricing .pricing-list-item:before {
	position: absolute;
	top: 7px;
	left: 0;
	width: 9px;
	height: 2px;
	background: #17bed2;
	content: ' ';
	margin-right: 10px;
}

@media (max-width: 991px) {
	.promo-section .promo-section-col {
		padding-top: 100px;
		padding-bottom: 100px;
	}
}

@media (min-width: 992px) {
	.promo-section {
		position: relative;
		height: 400px;
	}

	.promo-section .promo-section-col {
		width: 45%;
	}

	.promo-section .promo-section-img-left {
		position: absolute;
		top: 0;
		right: 50%;
	}

	.promo-section .promo-section-img-right {
		position: absolute;
		top: 0;
		left: 50%;
	}

	.promo-section .ver-center {
		display: table;
		height: 400px;
	}

	.promo-section .ver-center-aligned {
		display: table-cell;
		vertical-align: middle;
	}
}

.service {
	background: #fff;
	padding: 50px;
}

.service .service-element,
.service .service-info {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.service .service-icon {
	display: block;
	font-size: 30px;
	color: #999caa;
	margin-bottom: 30px;
}

.header .logo-img,
.header .logo-img-main,
.header .logo-wrap {
	display: inline-block;
}

.service:hover .service-element {
	opacity: 0;
	-webkit-transform: translate3d(0, -100%, 0);
	-moz-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
}

.service:hover .service-info {
	-webkit-transform: translate3d(0, -30%, 0);
	-moz-transform: translate3d(0, -30%, 0);
	transform: translate3d(0, -30%, 0);
}

.blackWorld {
	color: #333 !important;
}

.sub-footer {
	height: 210px;
	width: 100%;
	background: url(../img/index_footer.png) no-repeat;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 30px;
	color: #fff;
	font-weight: 800;
	cursor: default;
}

.footer .footer-list {
	margin-bottom: 0;
}

.footer .footer-list-item {
	color: #cbd3e1;
	margin-bottom: 25px;
}

.footer .footer-list-link {
	color: #cbd3e1;
}

.footer .footer-list-link:hover {
	color: #fff;
}

.footer .footer-input {
	background: rgba(0, 0, 0, 0.15);
}

.footer .footer-logo {
	width: 100px;
	height: auto;
}

.navbar-fixed-top .navbar-collapse {
	max-height: 100%;
}

.header .navbar {
	margin-bottom: 0;
	transition-duration: 0.3s;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
	border: none;
	border-radius: 0;
	height: 72px;
}

.header .navbar-toggle {
	width: 25px;
	height: 25px;
	border: none;
	padding: 0;
	margin: 35px 0;
}

.header .navbar-toggle .toggle-icon {
	position: relative;
	width: 21px;
	height: 1px;
	display: inline-block;
	background: #fff;
	transition-duration: 0.3s;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

#navbar-reback,
#navbar-reback:after,
#navbar-reback:before {
	background: #515769;
}

.header .navbar-toggle .toggle-icon:after,
.header .navbar-toggle .toggle-icon:before {
	position: absolute;
	left: 0;
	background: #fff;
	content: ' ';
}

.page-on-scroll .header .navbar-toggle .toggle-icon {
	position: relative;
	width: 21px;
	height: 1px;
	display: inline-block;
	background: #515769;
	transition-duration: 0.3s;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.page-on-scroll .header .navbar-toggle .toggle-icon:after,
.page-on-scroll .header .navbar-toggle .toggle-icon:before {
	position: absolute;
	left: 0;
	background: #515769;
	content: ' ';
}

.header .navbar-toggle .toggle-icon:before {
	width: 10px;
	height: 1px;
	bottom: 10px;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	transform: rotate(0);
	transition-duration: 0.3s;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.header .navbar-toggle .toggle-icon:after {
	width: 16px;
	height: 1px;
	top: -5px;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	transform: rotate(0);
	transition-duration: 0.3s;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.header .navbar-toggle:hover .toggle-icon {
	background: #185c92;
	transition-duration: 0.3s;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.header .navbar-toggle:hover .toggle-icon:after,
.header .navbar-toggle:hover .toggle-icon:before {
	width: 21px;
	height: 1px;
	background: #185c92;
	transition-duration: 0.3s;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.header .logo-img-active,
.header .logo-img-main,
.header .nav-item .nav-item-hover.active:after,
.header .nav-item:hover .nav-item-hover:after {
	transition-duration: 0.4s;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
	transform: scaleX(1);
}

.header .navbar-toggle:hover .toggle-icon.is-clicked {
	background: rgba(81, 87, 105, 0);
}

.header .logo {
	width: 200px;
	height: 100px;
	float: left;
	max-height: 95px;
	line-height: 65px;
}

/* .header .logo-wrap {
	padding: 15px 0;
} */

.header .logo-img {
	width: 100%;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}

.header .logo-img-active {
	display: none;
}

.header .nav-item,
.header .nav-item-child {
	display: block;
}

/* ------------------yzh--------------------- */
.header .nav-item:hover .menu-drop {
	height: auto;
	transition-duration: .4s;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
	transform: scaleY(1);
	transform-origin:top center;
}

.header .nav-item .menu-drop {
	position: absolute;
	left: 0;
	z-index: 99;
	width: 100%;
	height: 0;
	overflow: hidden;
	text-align: left;
	font-size: 0;
	background-color: #fff;
	-webkit-box-shadow: 5px 8px 27px 0 rgb(55 99 170 / 15%);
	box-shadow: 5px 8px 27px 0 rgb(55 99 170 / 15%);
	transition: transform 0.5s ease-in-out;
	transform: scaleY(0);
	transform-origin:top center;
	border: 1px solid #E0E6F9;
}

.header .nav-item .menu-drop-a {
	letter-spacing: 2px;
	display: block;
}

.header .nav-item .menu-drop-b {
	letter-spacing: 2px;
	display: none;
}

.header .nav-item .menu-drop-ul {
	display: none;
}

.header .nav-item .menu-drop-ul ul li {
	cursor: pointer;
	line-height: 40px;
}

.menu-drop .max-width-1200 {
	position: relative;
	max-width: 1780px;
	width: 95%;
	height: 100%;
	margin: 0 auto;
}

.menu-drop .max-width-1200 .menu-main {
	padding: 0 70px;
	height: 100%;
}

.menu-drop .menu-down {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	padding: 0;
}

.menu-drop .menu-down .title-center {
	margin: 20px 0 20px;
	text-align: left;
	font-size: 0;
}

.menu-drop .menu-down .title-center .list-text {
	display: inline-block;
	vertical-align: top;
	width: calc(25% - 39px);
	margin: 0 18px 3px 19px;
	white-space: nowrap;
}

#exam-banner-droppic:hover {
	background-image: url(../img/exam-banner-droppic.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	border-radius: 16px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0);
}

#technical-banner-droppic:hover {
	background-image: url(../img/technical-banner-droppic.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	border-radius: 16px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0);
}

#case-banner-droppic:hover {
	background-image: url(../img/case-banner-dropdown.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	border-radius: 16px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0);
}

.menu-drop .menu-down .title-center .list-text a {
	display: block;
	letter-spacing: 0.5px;
	padding: 11px;
}

.menu-drop .menu-down .title-center .list-text:hover h6 {
	font-size: 16px;
	color: #596efb;
}

.menu-drop .menu-down .title-center .list-text p {
	margin: 0;
	height: 48px;
	overflow: hidden;
	line-height: 24px;
	font-size: 13px;
	color: #767785;
}

/* .menu-drop .menu-down .title-center .list-text:hover {
	background: linear-gradient(180deg, #f2f8ff, #fff);
	box-shadow: 6px 6px 6px 0 rgb(55 99 170 / 7%), 0 0 0 1px #fff inset;
} */

.menu-drop .menu-down .title-center .list-text a {
	display: block;
	letter-spacing: 0.5px;
	padding: 11px;
}

.menu-drop .menu-down .title-center .list-text h6 {
	margin: 0;
	line-height: 31px;
	font-size: 16px;
	color: #000;
}

.menu-drop .menu-down .title-center .list-text h6 span {
	margin: 0;
	line-height: 31px;
	font-size: 15px;
	color: #000;
}

/* ------------------------------------------- */

.header .navbar-nav {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}

.header .nav-item .nav-item-hover.active:after,
.header .nav-item:hover .nav-item-hover:after {
	opacity: 1;
}

.header .nav-item-child {
	font-size: 18px;
	font-weight: 400;
	color: #fff;
	line-height: 72px;
	margin: 0px 20px;
	transition-duration: 0.3s;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.header .nav-item-child .menu-drop-b{
	border-bottom: solid 1px #ddd
}

.header .nav-item-child .menu-drop-b img{
	width:20px;
	height:20px;
	float: right; 
	display: block;
}

.header .nav-item-hover {
	position: relative;
}

.header .nav-item-hover:after {
	position: absolute;
	left: 0;
	bottom: 5px;
	width: 100%;
	height: 2px;
	background: #0F61F9;
	opacity: 0;
	content: ' ';
	transition-duration: 0.4s;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
	transform: scaleX(0);
}

.header .navbar:has(.menu-drop-a:hover) {
	background: #fff;
	border-bottom-color: #f0f0f0;
	transition-duration: 0.3s;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
	box-shadow: 5px 8px 27px 0 rgb(55 99 170 / 15%);
}

.header .navbar:has(.menu-drop-a:hover) .nav-item-child {
	color: #333;
	transition-duration: 0.3s;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.header .navbar:has(.menu-drop-a:hover) .logo-img-active {
	display: inline-block;
}

.header .navbar:has(.menu-drop-a:hover) .logo-img-main {
	display: none;
}

@media (max-width: 767px) {
	.header .menu-container {
		padding-left: 15px;
		padding-right: 15px;
		margin-left: 0;
		margin-right: 0;
	}

	.header .navbar>.container,
	.header .navbar>.container>.nav-collapse {
		padding-left: 0;
		padding-right: 0;
		margin-left: 0;
		margin-right: 0;
	}

	.header .navbar>.container {
		width: auto;
	}
}

@media (min-width: 992px) {
	.header .navbar-nav-right {
		float: right;
	}

	.page-on-scroll .header .navbar {
		/* background: #fff;
		box-shadow: 5px 8px 27px 0 rgb(55 99 170 / 15%); */
		border-bottom-color: #f0f0f0;
		transition-duration: 0.3s;
		transition-property: all;
		transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
		background:  hsla(0,0%,100%,.5);
		box-shadow: 0 0 50px rgba(0,0,0,.05);
		backdrop-filter: saturate(180%) blur(20px);
	}

	.page-on-scroll #header {
		background-color: hsla(0,0%,100%,.8);
		height: 72px;
	}

	.navbar-nav>li>a {
		padding-top: 0px;
		padding-bottom: 0px;
	}

	.page-on-scroll .header .logo-img-active,
	.page-on-scroll .header .logo-img-main {
		transition-duration: 0.4s;
		transition-property: all;
		transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
	}

	.page-on-scroll .header .logo-img-main {
		display: none;
	}

	.page-on-scroll .header .logo-img-active {
		display: inline-block;
	}

	.page-on-scroll .header .nav-item-child {
		color: #333;
		transition-duration: 0.3s;
		transition-property: all;
		transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
	}
}

.contact-list>li {
	font-size: 13px;
	color: #81848f;
	margin-bottom: 10px;
}

.back-to-top,
.back-to-top:hover {
	color: #fff;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
	transition-duration: 0.3s;
}

.back-to-top {
	position: fixed;
	right: 10px;
	bottom: 10px;
	display: inline-block;
	z-index: 9;
	width: 40px;
	height: 40px;
	font-size: 11px;
	font-weight: 400;
	text-align: center;
	line-height: 3;
	letter-spacing: 1px;
	background: #515769;
	border-radius: 3px;
	visibility: hidden;
	opacity: 0;
	padding: 5px;
	-webkit-transform: translate3d(0, 50px, 0);
	-moz-transform: translate3d(0, 50px, 0);
	transform: translate3d(0, 50px, 0);
}

.back-to-top.back-to-top-is-visible {
	visibility: visible;
	opacity: 0.6;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	transition-duration: 0.3s;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.back-to-top.back-to-top-is-visible:hover {
	opacity: 1;
	transition-duration: 0.3s;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.back-to-top.back-to-top-fade-out {
	opacity: 0.4;
}

.back-to-top.back-to-top-fade-out:hover {
	opacity: 1;
	transition-duration: 0.3s;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.swiper-clients-img,
.swiper-clients-img:hover {
	transition-duration: 0.2s;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.form-control {
	height: 50px;
	font-size: 14px;
	font-weight: 400;
	color: #a6a7aa;
	background: #fafafa;
	border: none;
	box-shadow: none;
	border-radius: 0;
	padding-left: 15px;
}

.form-control::-moz-placeholder {
	color: #a6a7aa;
}

.form-control:-ms-input-placeholder {
	color: #a6a7aa;
}

.form-control::-webkit-input-placeholder {
	color: #a6a7aa;
}

.form-control:focus {
	color: #515769;
	box-shadow: none;
}

.form-control:focus::-moz-placeholder {
	color: #515769;
}

.form-control:focus:-ms-input-placeholder {
	color: #515769;
}

.form-control:focus::-webkit-input-placeholder {
	color: #515769;
}

.full-screen {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.carousel-indicators {
	/* left: auto; */
	width: auto;
	padding-left: 0;
	margin-left: 0;
}

.carousel-centered {
	text-align: left;
	/*margin-left: 20px;
	position: absolute;
	top: 50%; */
	-webkit-transform: translate3d(0, -50%, 0);
	-moz-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0);
}

.carousel-title {
	font-size: 50px;
	font-weight: 400;
	color: #fff;
	line-height: 1.1;
	margin-bottom: 30px;
}

.gm-style>div:first-child>div+div>div:last-child>div>div:first-child>div,
.gm-style>div:first-child>div+div>div:last-child>div>div:first-child>div>div>div {
	background-color: #fff !important;
	box-shadow: none !important;
}

.gm-style>div:first-child>div+div>div:last-child>div>div:first-child>div:first-child,
.gm-style>div:first-child>div+div>div:last-child>div>div:last-child>img {
	display: none;
}

.gm-style>div:first-child>div+div>div:last-child>div>div:last-child {
	overflow: inherit !important;
}

.overflow-h,
.swiper-slider {
	overflow: hidden;
}

.gm-style>div:first-child>div+div>div:last-child>div>div:last-child:after {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 15px;
	font-family: Simple-Line-Icons;
	color: #515769;
	content: '\e082';
}

.gm-style-iw {
	top: 22px !important;
	left: 22px !important;
}

.masonry-grid {
	position: relative;
	margin: 0 -2px;
}

.masonry-grid:after,
.masonry-grid:before {
	content: ' ';
	display: table;
}

.masonry-grid .masonry-grid-item {
	display: block;
	float: left;
	vertical-align: top;
	padding: 0 2px;
	margin-bottom: 4px;
}

.masonry-grid .masonry-grid-item.col-12 {
	width: 100%;
}

.masonry-grid .masonry-grid-item.col-11 {
	width: 91.66666667%;
}

.masonry-grid .masonry-grid-item.col-10 {
	width: 83.33333333%;
}

.masonry-grid .masonry-grid-item.col-9 {
	width: 75%;
}

.masonry-grid .masonry-grid-item.col-8 {
	width: 66.66666667%;
}

.masonry-grid .masonry-grid-item.col-7 {
	width: 58.33333333%;
}

.masonry-grid .masonry-grid-item.col-6 {
	width: 50%;
}

.masonry-grid .masonry-grid-item.col-5 {
	width: 41.66666667%;
}

.masonry-grid .masonry-grid-item.col-4 {
	width: 33.33333333%;
}

.masonry-grid .masonry-grid-item.col-3 {
	width: 25%;
}

.masonry-grid .masonry-grid-item.col-2 {
	width: 16.66666667%;
}

.masonry-grid .masonry-grid-item.col-1 {
	width: 8.33333333%;
}

@media (max-width: 768px) {

	.masonry-grid .masonry-grid-item,
	.masonry-grid .masonry-grid-item.col-1,
	.masonry-grid .masonry-grid-item.col-10,
	.masonry-grid .masonry-grid-item.col-11,
	.masonry-grid .masonry-grid-item.col-12,
	.masonry-grid .masonry-grid-item.col-2,
	.masonry-grid .masonry-grid-item.col-3,
	.masonry-grid .masonry-grid-item.col-4,
	.masonry-grid .masonry-grid-item.col-5,
	.masonry-grid .masonry-grid-item.col-6,
	.masonry-grid .masonry-grid-item.col-7,
	.masonry-grid .masonry-grid-item.col-8,
	.masonry-grid .masonry-grid-item.col-9 {
		width: 50%;
	}
}

@media (max-width: 600px) {

	.masonry-grid .masonry-grid-item,
	.masonry-grid .masonry-grid-item.col-1,
	.masonry-grid .masonry-grid-item.col-10,
	.masonry-grid .masonry-grid-item.col-11,
	.masonry-grid .masonry-grid-item.col-12,
	.masonry-grid .masonry-grid-item.col-2,
	.masonry-grid .masonry-grid-item.col-3,
	.masonry-grid .masonry-grid-item.col-4,
	.masonry-grid .masonry-grid-item.col-5,
	.masonry-grid .masonry-grid-item.col-6,
	.masonry-grid .masonry-grid-item.col-7,
	.masonry-grid .masonry-grid-item.col-8,
	.masonry-grid .masonry-grid-item.col-9 {
		width: 100%;
	}
}

.swiper-slider {
	position: relative;
	width: 100%;
	height: 100%;
}

.swiper-clients-img {
	display: block;
	width: 190px;
	height: auto;
	margin: 0 auto;
	opacity: 1;
	cursor: pointer;
}

.swiper-clients-img:hover {
	opacity: 0.8;
}

.color-base {
	color: #17bed2;
}

.color-white {
	color: #fff;
}

.color-heading {
	color: #515769;
}

.color-subtitle {
	color: #a6a7aa;
}

.color-link {
	color: #81848f;
}

.color-link-hover {
	color: #999caa;
}

.color-sky-light {
	color: #fafafa;
}

.bg-color-base {
	background: #17bed2;
}

.bg-color-white {
	background: #fff;
}

.bg-color-heading {
	background: #515769;
}

.bg-color-subtitle {
	background: #a6a7aa;
}

.bg-color-link {
	background: #81848f;
}

.bg-color-link-hover {
	background: #999caa;
}

.bg-color-sky-light {
	background: #fafafa;
}

.row-space-1 {
	margin-right: -1px;
	margin-left: -1px;
}

.row-space-1>[class*='col-'] {
	padding-left: 1px;
	padding-right: 1px;
}

.content {
	padding-top: 40px;
	padding-bottom: 40px;
}

.content-sm {
	padding-top: 60px;
	padding-bottom: 60px;
}

.content-md {
	padding-top: 80px;
	padding-bottom: 80px;
}

.content-lg {
	padding-top: 100px;
	padding-bottom: 100px;
}

.parallax-content {
	padding-top: 220px;
	padding-bottom: 120px;
}

.full-width {
	width: 100%;
	height: auto;
}

.container-full-width {
	width: 100%;
}

.container-full-width:after,
.container-full-width:before {
	content: ' ';
	display: table;
}

.fweight-300 {
	font-weight: 300 !important;
}

.fweight-400 {
	font-weight: 400 !important;
}

.fweight-500 {
	font-weight: 500 !important;
}

.fweight-600 {
	font-weight: 600 !important;
}

.fweight-700 {
	font-weight: 700 !important;
}

.margin-l-0 {
	margin-left: 0 !important;
}

.margin-l-5 {
	margin-left: 5px !important;
}

.margin-l-10 {
	margin-left: 10px !important;
}

.margin-l-20 {
	margin-left: 20px !important;
}

.margin-r-0 {
	margin-right: 0 !important;
}

.margin-r-5 {
	margin-right: 5px !important;
}

.margin-r-10 {
	margin-right: 10px !important;
}

.margin-r-20 {
	margin-right: 20px !important;
}

.margin-b-0 {
	margin-bottom: 0 !important;
}

.margin-b-2 {
	margin-bottom: 2px !important;
}

.margin-b-5 {
	margin-bottom: 5px !important;
}

.margin-b-10 {
	margin-bottom: 10px !important;
}

.margin-b-20 {
	margin-bottom: 20px !important;
}

.margin-b-30 {
	margin-bottom: 30px !important;
}

.margin-b-40 {
	margin-bottom: 40px !important;
}

.margin-b-50 {
	margin-bottom: 50px !important;
}

.margin-b-60 {
	margin-bottom: 60px !important;
}

.margin-b-70 {
	margin-bottom: 70px !important;
}

.margin-b-80 {
	margin-bottom: 80px !important;
}

.margin-b-90 {
	margin-bottom: 90px !important;
}

.margin-b-100 {
	margin-bottom: 100px !important;
}

@media (max-width: 992px) {
	.md-margin-b-0 {
		margin-bottom: 0 !important;
	}

	.md-margin-b-2 {
		margin-bottom: 2px !important;
	}

	.md-margin-b-5 {
		margin-bottom: 5px !important;
	}

	.md-margin-b-10 {
		margin-bottom: 10px !important;
	}

	.md-margin-b-20 {
		margin-bottom: 20px !important;
	}

	.md-margin-b-30 {
		margin-bottom: 30px !important;
	}

	.md-margin-b-40 {
		margin-bottom: 40px !important;
	}

	.md-margin-b-50 {
		margin-bottom: 50px !important;
	}

	.md-margin-b-60 {
		margin-bottom: 60px !important;
	}

	.md-margin-b-70 {
		margin-bottom: 70px !important;
	}

	.md-margin-b-80 {
		margin-bottom: 80px !important;
	}

	.md-margin-b-90 {
		margin-bottom: 90px !important;
	}

	.md-margin-b-100 {
		margin-bottom: 100px !important;
	}
}

@media (max-width: 768px) {
	.sm-margin-b-0 {
		margin-bottom: 0 !important;
	}

	.sm-margin-b-2 {
		margin-bottom: 2px !important;
	}

	.sm-margin-b-5 {
		margin-bottom: 5px !important;
	}

	.sm-margin-b-10 {
		margin-bottom: 10px !important;
	}

	.sm-margin-b-20 {
		margin-bottom: 20px !important;
	}

	.sm-margin-b-30 {
		margin-bottom: 30px !important;
	}

	.sm-margin-b-40 {
		margin-bottom: 40px !important;
	}

	.sm-margin-b-50 {
		margin-bottom: 50px !important;
	}

	.sm-margin-b-60 {
		margin-bottom: 60px !important;
	}

	.sm-margin-b-70 {
		margin-bottom: 70px !important;
	}

	.sm-margin-b-80 {
		margin-bottom: 80px !important;
	}

	.sm-margin-b-90 {
		margin-bottom: 90px !important;
	}

	.sm-margin-b-100 {
		margin-bottom: 100px !important;
	}
}

@media (max-width: 480px) {
	.xs-margin-b-0 {
		margin-bottom: 0 !important;
	}

	.xs-margin-b-2 {
		margin-bottom: 2px !important;
	}

	.xs-margin-b-5 {
		margin-bottom: 5px !important;
	}

	.xs-margin-b-10 {
		margin-bottom: 10px !important;
	}

	.xs-margin-b-20 {
		margin-bottom: 20px !important;
	}

	.xs-margin-b-30 {
		margin-bottom: 30px !important;
	}

	.xs-margin-b-40 {
		margin-bottom: 40px !important;
	}

	.xs-margin-b-50 {
		margin-bottom: 50px !important;
	}

	.xs-margin-b-60 {
		margin-bottom: 60px !important;
	}

	.xs-margin-b-70 {
		margin-bottom: 70px !important;
	}

	.xs-margin-b-80 {
		margin-bottom: 80px !important;
	}

	.xs-margin-b-90 {
		margin-bottom: 90px !important;
	}

	.xs-margin-b-100 {
		margin-bottom: 100px !important;
	}
}

.height-100 {
	height: 100px !important;
}

.height-200 {
	height: 200px !important;
}

.height-300 {
	height: 300px !important;
}

.height-400 {
	height: 400px !important;
}

.copyrights {
	font-size: 14px;
	color: #fff;
	text-align: center;
	margin: 0;
}

.carousel-centered p,
.parallax-content p {
	color: #eee;
}

/* -----------------案例中心---------------------- */
.exam-left {
	display: block;
}

.exam-right {
	display: none;
}

.show-821 {
	display: none;
}

.noshow-821 {
	display: block;
}

.banner-a {
	width: 100%;
	height: 550px;
	background: url('../img/case-banner.png') no-repeat;
	background-size: 100% 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 60px;
}

.industrial-software {
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	margin-bottom: 60px;
	line-height: 60px;
	border-bottom: 1px solid #F3F3F3;
	padding-inline-start: 0;
}

.industrial-software li {
	font-size: 18px;
	color: #333;
	font-weight: 800;
	position: relative;
	cursor: pointer;
}

.case-active {
	color: #0F61F9 !important;
}

.case-active::after {
	display: table;
	content: " ";
	width: 112px;
	border: 1px solid #0F61F9;
	/* position: absolute; */
	z-index: 2;
	bottom: -16px;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.container-a h4 {
	text-align: left;
}

.industrial-software-content {
	display: flex;
	justify-content: center;
	margin-bottom: 60px;
}

.industrial-software-li-pane {
	display: none;
}

.industrial-software-li-pane-active {
	display: block;
}

.industrial-software_left {
	width: 100%;
	height: 360px;
	border: 1px solid #E0E6F9;
	border-radius: 16px 0 0 16px;
	background: url(../img/backdrop_bg.png) no-repeat;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
}

.industrial-software_left h2 {
	margin: 24px 0;
	color: #185c92;
	font-size: 16px;
	font-weight: 700;
}

.industrial-software_left p {
	color: #999;
	font-size: 14px;
}

.industrial-software_right {
	width: 100%;
	color: #fff;
	padding: 100px 40px;
	box-sizing: border-box;
	font-size: 14px;
	line-height: 28px;
	background: url(../img/software_right_bg.png) no-repeat;
	background-size: 110% 100%;
	text-align: justify;
	display: flex;
	align-items: center;
	position: absolute;
	bottom: -100%;
	left: 0;
	height: 360px;
	border-radius: 0px 16px 16px 0px;
}

#qybj_01 {
	border-radius: 16px 0 0 16px;
	background: url(../img/industrial-introduce-text-pic2.png) no-repeat;
	background-size: 100% 100%;
}

#qybj_02_small {
	border-radius: 0px 16px 16px 0px;
	background: url(../img/industrial-introduce-banner-pic.png) no-repeat;
	background-size: 100% 100%;
}

#qybj_02_boat_small {
	border-radius: 0px 16px 16px 0px;
	background: url(../img/industrial-introduce-banner-pic01.png) no-repeat;
	background-size: 100% 100%;
}

#qybj_02_store_small {
	border-radius: 0px 16px 16px 0px;
	background: url(../img/industrial-introduce-banner-pic02.png) no-repeat;
	background-size: 100% 100%;
}

#qybj_02 {
	background: url(../img/software_right_bg.png) no-repeat;
}

#qybj_store_02 {
	background: url(../img/industrial-introduce-store-pic.png) no-repeat;
	background-size: 100% 100%;
}

#qybj_study_02 {
	background: url(../img/industrial-introduce-text-pic.png) no-repeat;
	background-size: 100% 100%;
}

#title-color-change1:hover {
	color: #185c92;
}
#title-color-change2:hover {
	color: #185c92;
}
#title-color-change3:hover {
	color: #185c92;
}
#title-color-change4:hover {
	color: #185c92;
}
#title-color-change5:hover {
	color: #185c92;
}

/*--------------case / wzy------------------------*/
.industrial-introduce-list {
	display: flex;
	align-items: center;
	padding-inline-start:0;
}

.industrial-introduce-box {
	position: relative;
	display: flex;
	width: 100%;
	text-align: center;
	height: 360px;
	overflow: hidden;
}

.industrial-introduce-list li {
	width: 40%;
	height: 360px;
	transition-duration: 0.5s;
}

.industrial-introduce-list li.bton {
	width: 60%;
}

.industrial-introduce-list .bton .industrial-software_right {
	width: 100%;
	bottom: 0;
	left: 0;
}

.industrial-container {
	margin-bottom: 40px;
}

.case_swiper {
	display: none;
}

/*--------------------end-------------------------*/

.scheme {
	padding: 60px 0 20px;
	background-color: #F9FAFD;
}

.scheme h2 {
	font-size: 18px;
	margin: 0;
	color: #333;
	text-align: center;
}

.scheme-page {
	padding: 50px 0 10px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.scheme-page-e{
	justify-content: flex-start;
}
.scheme-page-e li:not(:nth-of-type(3)){
	margin-right: 2%;
}
.scheme-page li {
	width: calc(96% / 3);
	background: linear-gradient(53deg, #F1F5FE 0%, #E3E9FF 100%);
	border-radius: 8px;
	margin-bottom: 26px;
	padding: 64px 39px;
	box-sizing: border-box;
	position: relative;
}

.scheme-page li:hover {
	background: linear-gradient(55deg, #9CBFFF 0%, #0F61F9 100%);
}

.scheme-page li:hover h5,
.scheme-page li:hover p {
	color: #FFF;
	z-index: 2;
}

.scheme-page li .li-content {
	position: relative;
	z-index: 3;
}

.scheme-page li img,
.scheme-page li .li-img {
	width: 100px;
	height: 100px;
	position: absolute;
	top: 60px;
	right: 24px;
	opacity: 0.56;
	z-index: 1;
}

.scheme-page li .li-img {
	background-size: 100% 100%;
}

.scheme-page li:first-of-type .li-img {
	background-image: url('../img/scheme_grade_manage_icon_light.png');
}

.scheme-page li:first-of-type:hover .li-img {
	background-image: url('../img/scheme_grade_manage_icon.png');
}

.scheme-page li:nth-of-type(2) .li-img {
	background-image: url('../img/scheme_mobile_terminal_icon_light.png');
}

.scheme-page li:nth-of-type(2):hover .li-img {
	background-image: url('../img/scheme_mobile_terminal_icon.png');
}

.scheme-page li:nth-of-type(3) .li-img {
	background-image: url('../img/scheme_courseware_icon_light.png');
}

.scheme-page li:nth-of-type(3):hover .li-img {
	background-image: url('../img/scheme_courseware_icon.png');
}

.scheme-page li:nth-of-type(4) .li-img {
	background-image: url('../img/scheme_operation_icon_light.png');
}

.scheme-page li:nth-of-type(4):hover .li-img {
	background-image: url('../img/scheme_operation_icon.png');
}

.scheme-page li:nth-of-type(5) .li-img {
	background-image: url('../img/scheme_analysis_icon_light.png');
}

.scheme-page li:nth-of-type(5):hover .li-img {
	background-image: url('../img/scheme_analysis_icon.png');
}

.scheme-page li:last-of-type .li-img {
	background-image: url('../img/scheme_exam_manage_icon_light.png');
}

.scheme-page li:last-of-type:hover .li-img {
	background-image: url('../img/scheme_exam_manage_icon.png');
}

.scheme-page li h5 {
	font-size: 14px;
	color:#333;
	font-weight: 800;
	margin: 0 0 24px 0;
}

.scheme-page li p {
	font-size: 14px;
	color:#333;
	line-height: 28px;
	margin: 0;
	text-align: justify;
}

/* 案列中心 项目应用效果 liuqingxing */
/* .case-logo .logo-wrap img:first-of-type {
	width: 200px;
	height: 25px;
} */

.case-nav .menu-container a {
	color: #333;
}

.application-effect {
	width: 100%;
	background: url('../img/case_effect_bg.png') no-repeat;
	background-size: 100% 100.1%;
}

.application-effect .container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 60px 0;
}

.application-effect .container .container-title {
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 18px;
	margin-bottom: 50px;
	font-weight: bold;
}

.application-effect .container .container-main {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	color: #fff;
}

.application-effect .container .container-main .container-main-wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.application-effect .container .container-main .container-main-wrap .title {
	font-size: 17px;
	font-weight: 800;
	margin-bottom: 15px;
	white-space: nowrap;
}
.application-effect .container .container-main .container-main-wrap .title span{
	font-size: 18px;
	font-weight: 800;
	color: #fff;
}
.application-effect .container .container-main .container-main-wrap .title .unit{
	font-weight: normal;
	font-size: 16px;
}
.application-effect .container .container-main .container-main-wrap .msg {
	display: flex;
	align-items: center;
}

.application-effect .container .container-main .container-main-wrap .msg img {
	margin-right: 5px;
}

.application-effect .container .container-main .container-main-wrap .msg span {
	font-size: 16px;
	font-weight: 400;
}

.case-h2 {
	font-size: 28px;
	background-color: #fff;
	padding: 50px 32px;
	border-radius: 16px;
	border: 1px solid #E0E6F9;
	position: absolute;
	z-index: 2;
	right: 0;
	top: 48px;
	width: 60%;
}

.details-div {
	padding: 60px 0;
}

.details-img {
	vertical-align: sub;
	height: 20px;
	margin-right: 6px;
	margin-bottom: 2px;
}

.details-span {
	font-size: 20px;
	color: #33699a;
	font-weight: 600;
}

.details-p {
	font-size: 15px;
	text-indent: 2em;
	color: #666666;
	margin-bottom: 0;
	line-height: 36px;
}

.details-p-span {
	font-size: 15px;
	color: #666666;
	font-weight: 600;
}

.service-list {
	width: 100%;
	margin-bottom: 0;
	padding: 0;
}

.service-item {
	display: inline-block;
	padding: 4px;
	margin-bottom: 15px;
}

.service-item img {
	max-width: 100%;
	width: 100%;
	height: auto;
}

.exam-features-main .exam-img-top {
	margin-top: 15%;
}

/* --------------------技术能力/wzy------------------- */

/* .technical-logo .logo-wrap img:first-of-type {
	width: 200px;
	height: 25px;
} */

.technical-banner {
	width: 100%;
	height: 550px;
	display: flex;
	align-items: center;
}

.technical0-banner {
	background: url('../img/technical-banner.png') no-repeat;
	background-size: 100% 100%;
}

.technical1-banner {
	background: url('../img/techniacl1.jfif') no-repeat;
	background-size: 100% 100%;
}

.technical-banner-title {
	font-size: 36px;
	font-weight: 400;
	color: #333;
	width: fit-content;
	margin: 0;
}

.technical-banner-subtitle {
	font-size: 28px;
	font-weight: 400;
	color: #333;
	width: fit-content;
	margin: 10px 0 0 0;
}

.technical-overview {
	display: flex;
	align-items: center;
	background-color: #F9FAFD;
}

.technical-overview .container .technical-title {
	margin-bottom: 30px;
}

.technical-function .container .technical-title {
	margin-bottom: 30px;
}

.technical-overview .container {
	padding: 60px 0 112px 0;
}

.technical-special .container {
	padding: 60px 0 60px 0;
}

.technical-title {
	display: flex;
	align-items: center;
	cursor: default;
}

.technical-title span {
	width: 4px;
	height: 32px;
	background-color: #ff9e07;
	display: block;
}

.technical-title h4 {
	font-size: 28px;
	font-weight: 400;
	color: #185c92;
	padding-left: 15px;
	margin: 0;
	line-height: 1;
}

.technical-aside {
	position: fixed;
	left: 5%;
	z-index: 9;
	bottom: 10vh;
	background: #FFF;
	border-radius: 16px;
	border: 1px solid #E0E6F9;
	padding: 0.5%;
	z-index: 19;
	width: 180px;
}

.technical-aside li a {
	display: block;
	color: #333;
	font-size: 18px;
	padding: 5%;
	border-radius: 6px;
	text-align: center;
	white-space: nowrap;
	/*强制不换行*/
}

.technical-aside .aside-active {
	color: #FFF;
	background-color: #0F61F9;
}

.technical-overview .title {
	text-align: center;
}

.technical-block {
	position: relative;
	height: 375px;
	background-color: transparent;
}

.technical-overview-text {
	font-size: 15px;
	color: #666;
	margin: 0;
	cursor: default;
	text-indent: 2em;
	line-height: 36px;
}

.technical-function .container {
	padding: 0 15px 60px;
}

.function-main-item {
	cursor: default;
}

.function-main-item div {
	padding: 15px;
	border-radius: 10px;
}

.function-main-item div:hover {
	box-shadow: 0 0 20px rgb(174 177 177 / 50%);
}

.function-main-item div h4 {
	font-size: 16px;
	padding-bottom: 20px;
	margin: 0;
	color: #333;
}

.function-main-item div p {
	font-size: 15px;
	font-weight: 600;
	color: #666;
	margin: 0;
	line-height: 2;
}

.function-main-item div span {
	font-size: 15px;
	font-weight: 400;
	color: #666;
}

.text-num {
	font-size: 15px;
	font-weight: 400 !important;
	color: #666;
}

.text-num img {
	width: 10px;
	height: 10px;
	margin-right: 5px;
	margin-bottom: 3px;
}

.technical-overview .technical-onepart {
	position: absolute;
	background: url('../img/technical-onepart.png') no-repeat;
	width: 50%;
	height: 99.5%;
	z-index: 9;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

#tech-left-pic-01 {
	background: url('../img/technical-onepart-01.png') no-repeat;
}

#tech-left-pic-02 {
	background: url('../img/technical-onepart-02.png') no-repeat;
}

#tech-left-pic-03 {
	background: url('../img/technical-onepart-03.png') no-repeat;
}

#tech-left-pic-04 {
	background: url('../img/technical-onepart-04.png') no-repeat;
}

#tech-left-pic-05 {
	background: url('../img/technical-onepart-05.png') no-repeat;
}

#tech-left-pic-06 {
	background: url('../img/technical-onepart-06.png') no-repeat;
}

.technical-text {
	position: absolute;
	right: 0;
	width: 62%;
	height: 99.5%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: url('../img/technical-text-backgoundpic.png');
	z-index: 1;
}

.technical-text-long {
	position: absolute;
	right: 0;
	width: 62%;
	height: 99.5%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: url('../img/technical-text-backgoundpic.png');
	z-index: 1;
}

.technical-text p {
	font-size: 14px;
	color: #333;
	width: 70%;
	line-height: 28px;
	margin-left: 50px;
}

.technical-text-long p {
	font-size: 14px;
	color: #333;
	width: 70%;
	line-height: 28px;
	margin-left: 50px;
}

.technical-onepart h2 {
	font-size: 18px;
	color: #FFF;
}

.technical-onepart p {
	font-size: 14px;
	color: #FFF;
}

.technical-special {
	background-color: #FFF;
	background: url("../img/technical-special-background.png") no-repeat;
	background-position: right+388px bottom;
}

.technical-title-new {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-bottom: 5%;
}


.technical-title-new h2 {
	font-size: 18px;
	color: #FFF;
	margin: 0 18px;
}

.function-left {
	padding: 50px 40px 0px 40px;
	height: 100%;
}

.function-button {
	display: flex;
	padding-bottom: 15px;
}

.function-button h2 {
	font-size: 16px;
	color: #FFF;
}

.tsgn_list {
	display: flex;
	align-items: center;
	padding-inline-start:0;
}

.tsgn_list li {
	width: 13%;
	height: 470px;
	transition-duration: 0.5s;
}

.tsgn_list li:hover {
	width: 74%;
}

.tsgn_list li.bton {
	width: 74%;
}

.tsgn_list .effect:hover .effect-img {
	display: none;
}

.tsgn_list .bton .effect .effect-img {
	display: none;
}

.tsgn_list li:last-child {
	margin-right: 0;
}

.tsgn_list .bton .effect .tsgn_text {
	height: 100%;
	width: 100%;
	bottom: 0;
	left: 0;
	background: url("../img/technical-function.png"),
	url("../img/technical-left-background.png");
	background-repeat: no-repeat no-repeat;
	background-position: 100% 100%;
	background-size:auto,110% 100%;
}

#tsgn_other1 {
	background: url("../img/technical-left-background1.png"),
	url("../img/technical-left-background.png");
	background-repeat: no-repeat no-repeat;
	background-position: 100% 100%;
	background-size:auto,110% 100%;
}

#tsgn_0 .tsgn_box {
	border-radius: 16px 0 0 16px;
}

#tsgn_2 .tsgn_box {
	border-radius: 0 16px 16px 0;
}

.function-left h4 {
	font-size: 14px;
	color: #FFF;
	line-height: 25px;
	bottom: 0px;
	text-align: left;
	width: 100%;
}

.tsgn_text .function-button img {
	width: 38px;
	height: 38px; 
	position: relative; 
	bottom: 10px; 
	right: 5px;
}

.tsgn_list .effect-img img {
	display: block;
	margin: 10px auto;
}

.tsgn_list .effect-img  {
	position: absolute;
	bottom: 40%;
}

.tsgn_list .effect .effect-img {
	left: 0px;
	width: 100%;
}

.tsgn_list .effect p {
	color: black;
	text-align: center;
	padding-left: 0px;
}

.tsgn_list .tsgn_text p {
	color: #FFF;
	font-size: 14px;
	font-weight: normal;
}

.tsgn_list .effect:hover .tsgn_text {
	bottom: 0;
}

.tsgn_box {
	width: 100%;
	height: 470px;
	position: relative;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #F7F8FD;
  background-size: 100% 55%; 
	background-image:
	url("../img/technical-left-background-unhover.png"),
	linear-gradient(#F0F2FB, #F0F2FB);
	background-repeat: no-repeat;
	background-position:bottom;
	background-blend-mode: normal;
}

#tsgn_other {
	background-image:
	url("../img/technical-left-background1-unhover.png"),
	linear-gradient(#F0F2FB, #F0F2FB);
}


.tsgn_text {
	position: absolute;
	bottom: -100%;
	width: 100%;
	left: 0%;
	height: 0%;
}



/*-----------------end 技术能力------------*/

/* ---------------资讯动态详情------------- */
.news-detail-main .container {
	padding: 60px 15px;
}

.main-header h4 {
	text-align: center;
	font-size: 32px;
	color: #000;
	margin-bottom: 12px;
}

.main-header p {
	text-align: center;
	font-size: 16px;
	color: #999;
	margin-bottom: 10px;
}

.main-content img {
	width: 60%;
	height: 400px;
	display: block;
	margin: 60px auto;
}

.main-content p {
	font-size: 18px;
	color: #666;
	text-indent: 2em;
	line-height: 1.8;
	text-align: justify;
}

.main-out {
	text-align: center;
	margin-top: 30px;
}

.main-out a {
	font-size: 16px;
	color: #185c92;
}

.main-out a:hover {
	color: #fd9b03;
}

/* ---------------资讯动态 liuqingxing----------------- */
.news-banner {
	width: 100%;
	height: 400px;
	display: flex;
	align-items: center;
	background: url('../img/news_banner.jpg') no-repeat;
	background-size: 100% 100%;
}
.news-banner .container .technical-banner-title{
	color: #fff;
}
.news-list .container {
	padding: 50px 15px;
}

.news-list .container ul {
	padding: 0;
}

.news-list .container ul li {
	position: relative;
	display: flex;
	height: 200px;
	margin-bottom: 30px;
	padding: 20px;
	cursor: pointer;
}

.news-list .container ul li:last-child {
	margin-bottom: 50px;
}

.news-list .container ul li:hover {
	box-shadow: 0 0 20px rgb(174 177 177 / 30%);
}

.news-list .container ul li img {
	width: 350px;
	height: 100%;
}

.news-text {
	margin-left: 60px;
	flex: 1;
}

.news-title {
	font-size: 20px;
	font-weight: 600;
	color: #000;
	margin-bottom: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

.news-title:hover {
	color: #185c92;
}

.news-message {
	font-size: 14px;
	color: #999;
	margin-bottom: 10px;
}

.news-content {
	font-size: 16px;
	color: #666;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	line-height: 1.8;
}

.news-detail {
	position: absolute;
	right: 20px;
	bottom: 0;
	color: #185c92;
	font-size: 14px;
	cursor: pointer;
}

.news-detail:hover {
	color: #fd9b03;
}

.page a:hover,
.page span:hover {
	background-color: #1d6daf;
	color: #fff;
}

.page .lue:hover {
	background-color: unset;
	color: unset;
}

.page a {
	text-decoration: none;
	border: 1px solid #c0c0c0;
	color: #999;
	padding: 5px 10px;
	font-size: 16px;
}

.page .lue {
	color: #999;
}

.page .current {
	background: #185c92;
	border: none;
	color: #fff;
	padding: 5px 10px;
	font-size: 16px;
	cursor: pointer;
}

.page .pre {
	border: 1px solid #c0c0c0;
	color: #999;
	padding: 5px 10px;
	font-size: 16px;
	cursor: pointer;
}

.page {
	text-align: center;
	/*line-height: 140px;
	background: url(../img/advantage.png) no-repeat; */
}

.page span,
.page a {
	margin-right: 10px;
}

/*-----------index_bottom_show/wzy-----------------*/
.show_list {
	position: relative;
	display: flex;
	height: 500px;
	border-radius: 16px;
	border: 1px solid #E0E6F9;
	padding-inline-start: 0px;
}

.show_list li .bton {
	width: 40%;
}

.show_list_box {
	width: 100%;
	height: 500px;
	display: flex;
	position: relative;
	overflow: hidden;
	justify-content: center;
	align-items: center;
	background-size: 100% 100%;
}

.show_list .bton .show_list_hide {
	bottom: 0;
}

.show_list_child {
	flex: 1;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.show_list_active {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	background-size: 100% 100%;
}

.show_list_hide {
	width: 100%;
	position: absolute;
	display: flex;
	bottom: -100%;
	left: 0;
	height: 100%;
	background-size: 100% 100%;
	justify-content: center;
	align-items: center;
}

.show_list_active_number {
	text-align: center;
	margin: 0 auto;
}

.show-list-content p{
	width: 80%;
	margin: 0 auto;
	color: #333;
	font-size: 14px;
}

.show-list-title p {
	font-size: 16px;
	color: #333;
	font-weight: bold;
}

.show-list-countnumber .inner-num {
	font-size: 48px;
	color: #FFF;
}

.show-list-countnumber .inner-word {
	font-size: 24px;
	color: #FFF;
}

.show-list-usepeople .inner-word {
	color: #FFF;
}

.show-list-usepeople {
	margin-bottom: 40px;
}


.show-list-details a {
	display: inline-block;
	vertical-align: top;
	width: 114px;
	height: 40px;
	line-height: 39px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	border: 1px solid #fff;
	margin: 0 5px;
}

.show_list_active img {
	width: 80px;
	height: 80px;
	margin-bottom: 40px;
}

.index_swiper {
	display: none;
}

.index_small_show {
	height: 300px;
	width: 100%;
}

.show-list-title {
	text-align: center;
	margin-bottom: 40px;
}

.small_icon_inswiper{
	height: 50px !important;
	width: 50px !important;
	margin: 40px auto;
}

.index_swiper .show-list-title p {
	color: #FFF;
}

.index_swiper .show-list-content p {
	color: #FFF;
}

.index_swiper .swiper-button-next {
	right: 7.5%;
}

.index_swiper .swiper-button-prev {
	left: 0;
}

#show_list_01 {
	background-image: url(../img/show_list_boat.png);
	background-size: 100% 100%;
}

#show_list_02 {
	background-image: url(../img/show_list_store.png);
	background-size: 100% 100%;
}

#show_list_03 {
	background-image: url(../img/show_list_study.png);
	background-size: 100% 100%;
}

#show_hide_01 {
	background-image: url(../img/show_list_boat_active.png);
	border-radius: 16px 0 0 16px;
}

#show_hide_02 {
	background-image: url(../img/show_list_store_active.png);
}

#show_hide_03 {
	background-image: url(../img/show_list_study_active.png);
	border-radius:  0 16px 16px 0;
}

#index_swiper_slide_01 {
	background-image: url(../img/show_list_boat_active.png);
	background-size: 100% 100%;
}

#index_swiper_slide_02 {
	background-image: url(../img/show_list_store_active.png);
	background-size: 100% 100%;
}

#index_swiper_slide_03 {
	background-image: url(../img/show_list_study_active.png);
	background-size: 100% 100%;
}

/*---------------------end-------------------------*/

/* -------------------考试平台-------------------- */
.exam-banner {
	width: 100%;
	height: 100vh;
	background: url('../img/exam-banner.png') no-repeat ;
	background-size: cover;
	display: flex;
	flex-direction: column-reverse;
	padding-bottom: 64px;
	box-sizing: border-box;
}

.exam-banner1 {
	width: 100%;
	height: 400px;
	background: url('../img/exam-banner.png') no-repeat;
	background-size: 100% 100%;
	display: flex;
	align-items: center;
}

.exam-banner2 {
	width: 100%;
	height: 400px;
	background: url('../img/exam-banner.png') no-repeat;
	background-size: 100% 100%;
	display: flex;
	align-items: center;
}

.exam-banner3 {
	width: 100%;
	height: 400px;
	background: url('../img/exam-banner.png') no-repeat;
	background-size: 100% 100%;
	display: flex;
	align-items: center;
}

.exam-banner-title {
	font-size: 36px;
	font-weight: 400;
	color: #fff;
	width: fit-content;
	margin: 0 0 0 12px;
}

.exam-banner-subtitle {
	font-size: 20px;
	font-weight: 400;
	color: #fff;
	width: fit-content;
	margin: 10px 0 0 12px;
}

.common-title {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 50px 0 32px;
}

.common-title h2 {
	font-size: 18px;
	color: #fff;
	margin: 0 18px;
}

.common-title img {
	width: 21px;
	height: 24px;
}

.exam-aside {
	position: fixed;
	left: 8%;
	z-index: 9;
	bottom: 10vh;
	background: rgba(224, 230, 249, 0.8);
	border-radius: 16px;
	border: 1px solid #E0E6F9;
	padding: 16px;
}

.exam-aside li a {
	display: block;
	color: #333;
	font-size: 18px;
	padding: 10px;
	border-radius: 6px;
}

.exam-aside .aside-active {
	color: #fff;
	background-color: #0F61F9;
}

.exam-product {
	padding: 50px 0 0;
	position: relative;
}
.exam-case{
	margin-top: -13px;
}

.an-content .an-nav:not(:first-of-type) > .an-nav-wrap .textAlign{
	margin-bottom: 20px;
}
.exam-product-img {
	width: 300px;
	height: 300px;
	position: absolute;
	left: -100px;
	top: -80px;
	z-index: 1;
}

.product-content {
	background-color: #fff;
	padding: 50px 32px;
	border-radius: 16px;
	border: 1px solid #E0E6F9;
	position: absolute;
	z-index: 2;
	right: 0;
	top: 48px;
	width: 60%;
}

.product-content h2 {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 24px;
	color: #333;
}

.product-content p {
	font-size: 14px;
	font-weight: 400;
	line-height: 28px;
	text-indent: 2em;
	color: #333;
	margin: 0;
}

.exam-title {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 20px;
}

.title-icon {
	font-size: 42px !important;
	color: #185c92;
	margin-right: 10px;
	line-height: 1;
}

.exam-subanner {
	height: 372px;
	/* background: url(../img/exam_subanner.png) no-repeat left top; */
	position: relative;
}

.exam-title-text {
	font-size: 18px;
	font-weight: bold;
	color: #333;
}

.exam-product-main-title {
	font-size: 28px;
	background-color: #0b4cb5;
	-webkit-background-clip: text;
	color: transparent;
	text-align: center;
	margin-bottom: 30px;
}

.exam-product-main-text p {
	font-size: 15px;
	color: #333;
	text-indent: 36px;
	line-height: 36px;
	margin: 0;
}

.exam-features-main {
	width: 100%;
}

.exam-features-main div {
	/* height: 370px; */
	/* margin: 5px 5px; */
	overflow: hidden;
}

.exam-features-main-img img {
	width: 100%;
	height: 100%;
	transition: all 0.6s;
	object-fit: cover;
}

.exam-features-main-text {
	width: 50%;
	display: flex;
	align-items: center;
	height: 450px;
	background-image: url(../img/exam-features-no1.png);
	background-repeat: no-repeat;
	background-position: 60% 20%;
	background-blend-mode: normal;
}

#features-main-text-02 {
	background-image: url(../img/exam-features-no2.png);
}

#features-main-text-03 {
	background-image: url(../img/exam-features-no3.png);
}

#features-main-text-04 {
	background-image: url(../img/exam-features-no4.png);
}

#features-main-text-05 {
	background-image: url(../img/exam-features-no5.png);
}

#features-main-text-06 {
	background-image: url(../img/exam-features-no6.png);
}


.exam-pic-style {
	width: 5%;
	margin: 10px;
}

/*-----产品中心 wzy-------*/
.exam-features {
	padding: 20px 0 30px 0  ;
	background-color: #F9FAFD;

}

.exam-features-main-odd {
	display: flex; 
	justify-content: left;
	align-items: center;
	height: 80px;
}

.exam-features-main-odd:hover {
	background-color: #F2F5FC;
	background-image: url(../img/exam-features-graybook.png);
	background-position: right+50px bottom;
	background-repeat: no-repeat;
	background-blend-mode: normal;
}

.exam-features-main-rightbox {
	display: inline-block;
	width: 85%;
}

.swiper-scrollbar {
	width: 20% !important;
	margin: 30px auto ;
	position: static !important;
}

.swiper-scrollbar-drag {
	background: #0F61F9 !important;
}

.exam-features .common-title {
	margin-bottom: 60px
}

.tsgn_swiper {
	display: none;
}

.swiper-container-3d {
	overflow: hidden;
}

/*-----the END wzy------*/

.features-text {
	align-items: center;
	height: fit-content !important;
	margin-top: 13%;
	width: 100%;
}

.pl50 {
	padding-left: 50px;
}

.pr50 {
	padding-right: 50px;
}

.ml50 {
	margin-left: 50px !important;
}

.mr50 {
	margin-right: 50px !important;
}

.features-text h4 {
	font-size: 18px;
	font-weight: 400;
	color: #0b4cb5;
}

.features-text p {
	font-size: 15px;
	font-weight: 600;
	color: #666;
	margin: 0;
	line-height: 32px;
	cursor: context-menu;
}

.features-text span {
	font-size: 15px;
	font-weight: 400;
	color: #666;
	cursor: context-menu;
}

/* .features-text div {
	height: fit-content;
} */

.exam-features-main-left {
	background: url(../img/exam-feature1.png) no-repeat;
	background-size: cover;
	height: 450px;
	background-size: 100% 100%;
}

#features-main-left-01 {
	background: url(../img/exam-feature1.png) no-repeat;
	background-size: 100% 100%;
}

#features-main-left-02 {
	background: url(../img/exam-feature2.png) no-repeat;
	background-size: 100% 100%;
}

#features-main-left-03 {
	background: url(../img/exam-feature3.png) no-repeat;
	background-size: 100% 100%;
}

#features-main-left-04 {
	background: url(../img/exam-feature4.png) no-repeat;
	background-size: 100% 100%;
}

#features-main-left-05 {
	background: url(../img/exam-feature5.png) no-repeat;
	background-size: 100% 100%;
}

#features-main-left-source-01 {
	background: url(../img/exam-source-01.png) no-repeat;
	background-size: 100% 100%;
}

#features-main-left-source-02 {
	background: url(../img/exam-source-02.png) no-repeat;
	background-size: 100% 100%;
}

#features-main-left-source-03 {
	background: url(../img/exam-source-03.png) no-repeat;
	background-size: 100% 100%;
}

#features-main-left-property-01 {
	background: url(../img/exam-property-01.png) no-repeat;
	background-size: 100% 100%;
}

#features-main-left-property-02 {
	background: url(../img/exam-property-02.png) no-repeat;
	background-size: 100% 100%;
}

#features-main-left-property-03 {
	background: url(../img/exam-property-03.png) no-repeat;
	background-size: 100% 100%;
}

#features-main-left-property-04 {
	background: url(../img/exam-property-04.png) no-repeat;
	background-size: 100% 100%;
}

#features-main-left-property-05 {
	background: url(../img/exam-property-05.png) no-repeat;
	background-size: 100% 100%;
}

#features-main-left-property-06 {
	background: url(../img/exam-property-06.png) no-repeat;
	background-size: 100% 100%;
}

#features-main-left-park-01 {
	background: url(../img/exam-park-01.png) no-repeat;
	background-size: 100% 100%;
}

#features-main-left-park-02 {
	background: url(../img/exam-park-02.png) no-repeat;
	background-size: 100% 100%;
}

#features-main-left-park-03 {
	background: url(../img/exam-park-03.png) no-repeat;
	background-size: 100% 100%;
}

#features-main-left-park-04 {
	background: url(../img/exam-park-04.png) no-repeat;
	background-size: 100% 100%;
}

#features-main-left-park-05 {
	background: url(../img/exam-park-05.png) no-repeat;
	background-size: 100% 100%;
}

.exam-features-main-left p {
	color:white; 
	font-size: 16px;
	font-weight: 800;
	margin-left: 12%; 
	margin-top: 5%;
}

.exam-advantage {
	padding: 20px 0 60px 0 ;
	background-image: url(../img/exam-advantage-advantage.png),
		url(../img/exam-advantage-circle.png);
	background-position: left+20% top, right+20% bottom+5%;
	background-repeat: no-repeat, no-repeat;
}

.exam-advantage .common-title {
	margin-bottom: 60px;
}

.advantage-main {
	display: flex;
	margin-bottom: 30px;
}

.step-main {
	margin: 24px 0 0 40px;
	display: flex;
	align-items: center;
	padding: 30px;
	width: 400px;
	box-sizing: border-box;
	background: linear-gradient(207deg, #FFFFFF 0%, #E2F1FB 100%);
	box-shadow: 6px 6px 20px 1px rgba(0, 0, 0, 0.03);
	border-radius: 16px;
	border: 2px solid #FFFF;
}

.step-main:hover {
	background: #0F61F9;
}

.step-main:hover h2,
.step-main:hover p {
	color: #fff;
}

.advantage-step {
	font-size: 16px;
	font-weight: 800;
	color: #fff;
	width: 120px;
	height: 80px;
	text-align: center;
	line-height: 80px;
	background: url(../img/advantage.png) no-repeat;
}

.step-main-item {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin-left: 20px;
}

.step-main-item h2 {
	font-size: 16px;
	font-weight: 800;
	color: #333;
}

.step-main-item p {
	font-size: 14px;
	font-weight: 400;
	color: #333;
}

#property_img_size {
	width: 100px;
	height: 100px;
}

/* -------------------5.关于我们 liuqxingxing-------------------- */
.about-banner {
	width: 100%;
	height: 400px;
	background: url('../img/about_banner.png') no-repeat;
	background-size: 100% 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.about-banner h4 {
	color: #fff;
}

.about-banner .banner-title {
	font-size: 40px;
	font-weight: 400;
}

.about-banner .banner-brief {
	font-size: 22px;
	font-weight: 300;
	margin-top: 20px;
	text-align: center;
	display: flex;
	align-items: center;
}

.banner {
	width: 100%;
	height: 400px;
	background: url('../img/about-banner.png') no-repeat;
	background-size: 100% 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.banner-title {
	font-size: 36px;
	font-weight: 400;
	color: #333;
	text-align: center;
	margin: 0;
}

.banner-english {
	font-size: 24px;
	font-weight: 400;
	color: #fff;
	text-align: center;
}

/* -------------------5.1企业概况 liuqxingxing-------------------- */
.company-profile .container {
	padding: 40px 15px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.company-profile .container .container-title {
	width: 200px;
	background: url('../img/about_profile_bg_title.png') no-repeat;
	background-size: 100% 100%;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	font-weight: 800;
	color: #333;
	font-size: 18px;
	margin: 20px 0 40px;
	letter-spacing: 2px;
}

.company-profile h4,
.about-h4 {
	font-size: 17px;
	font-weight: 400;
	color: #333;
	margin-bottom: 25px;
	line-height: 1;
}

/* -------------------5.2资讯动态 liuqxingxing-------------------- */
.information-dynamic .container .about-h4 {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.information-dynamic .container .about-h4 .more {
	cursor: pointer;
}

.icon-more,
.text-more {
	font-size: 20px !important;
	color: #f5f5f5;
}

.text-more:hover,
.text-more:active,
.text-more:focus {
	color: #f5f5f5;
}

.company-profile p {
	font-size: 16px;
	font-weight: 400;
	color: #333;
	margin-bottom: 60px;
	line-height: 1.8;
}

.about-p {
	font-size: 16px;
	font-weight: 400;
	color: #999;
	margin-bottom: 60px;
	line-height: 1;
}

.contact .container .about-p {
	font-size: 16px;
	font-weight: 400;
	color: #999;
	margin-bottom: 25px;
	line-height: 1;
}

.company-profile .container .main {
	width: 100%;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.company-profile .container .main .main-left {
	position: relative;
	z-index: 3;
}

.company-profile .container .main .main-left img {
	width: 120px;
	height: 120px;
	position: absolute;
	left: 50px;
	top: -230px;
	z-index: 6;
}

.company-profile .container .main .main-left .main-left-text {
	width: 700px;
	height: 360px;
	background: url('../img/about_profile_left_bg.png') no-repeat;
	background-size: 100% 100%;
	padding: 60px 35px 30px;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: -160px;
	z-index: 5;
}

.company-profile .container .main .main-left .main-left-text h4 {
	font-weight: 800;
}

.company-profile .container .main .main-left .main-left-text .company-profile-text-p {
	text-align: justify;
	font-size: 14px;
	font-weight: 400;
	color: #333;
}

.company-profile .container .main>img {
	width: 48.5%;
	/* height: 500px; */
	z-index: 1;
}

.company-profile .container .main .company-profile-text {
	width: 740px;
	border-radius: 10px;
	background-color: rgba(255, 255, 255, 0.96);
	padding: 2%;
	position: absolute;
	top: 50px;
	right: 0;
}

.company-profile-text-p {
	margin-bottom: 0 !important;
}

.company-profile .container .main .company-profile-text {
	box-shadow: -5px -5px 10px -4px #70b7f1, 5px 5px 10px -4px #70b7f1, 5px -5px 10px -4px #70b7f1, -5px 5px 10px -4px #70b7f1;
}

.company-profile .container .main .company-profile-text h4 {
	font-size: 16px;
	font-weight: 600;
	color: #333;
}

.company-profile .container .main .company-profile-text p {
	font-size: 14px;
	font-weight: 400;
	line-height: 2;
	color: #666;
	text-indent: 36px;
}

.information-dynamic {
	width: 100%;
	background: url('../img/information_dynamic_bg.png') no-repeat;
	background-size: 100% 100%;
}

.information-dynamic .container {
	padding: 60px 15px;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.information-dynamic .container .container-title {
	width: 350px;
	background: url('../img/information_dynamic_bg_title.png') no-repeat;
	background-size: 100% 100%;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	font-weight: 800;
	color: #fff;
	font-size: 18px;
	letter-spacing: 2px;
	margin-bottom: 30px;
}

.information-dynamic .container .main {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-bottom: 50px;
}

.information-dynamic .container .main .main-left {
	width: 48%;
	position: relative;
}

.information-dynamic .container .main .main-left img {
	width: 100%;
	height: 200px;
	z-index: 1;
}

.information-dynamic .container .main .main-left .main-left-content {
	width: 90%;
	position: absolute;
	left: 5%;
	top: 180px;
	transform: (-50%, -50%);
	z-index: 2;
	background: #0F61F9;
	border-radius: 8px;
	margin: 0 auto;
	padding: 10px;
	box-sizing: border-box;
}

.information-dynamic .container .main .main-left .main-left-content .main-left-content-time {
	width: 100%;
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}

.information-dynamic .container .main .main-left .main-left-content .main-left-content-time img {
	width: 12px;
	height: 12px;
	margin-right: 10px;
}

.information-dynamic .container .main .main-left .main-left-content .main-left-content-time span {
	color: #fff;
	font-weight: 400;
}

.information-dynamic .container .main .main-left .main-left-content p {
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-bottom: 10px;
}

.information-dynamic .container .main .main-left .main-left-content .main-left-content-title {
	font-size: 16px;
	font-weight: 800;
	color: #fff;
}

.information-dynamic .container .main .main-left .main-left-content .main-left-content-brief {
	font-size: 14px;
	font-weight: 400;
	color: #fff;
}

.information-dynamic .container .main .main-left .main-left-content .main-left-content-detail {
	width: 100%;
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	color: #52D6FE;
	cursor: pointer;
	display: block;
}

.information-dynamic .container .main .main-right {
	width: 48%;
	background: #FFFFFF;
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	padding: 10px;
	box-sizing: border-box;
}

.information-dynamic .container .main .main-right .main-right-wrap {
	width: 100%;
	/* height: 90px; */
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
}
.information-dynamic .container .main .main-right .main-right-wrap:hover{
	/* background-color: #0F61F9; */
	border-radius: 8px;
}
.information-dynamic .container .main .main-right .main-right-wrap:hover .main-right-wrap-right p:first-of-type{
	color: #0F61F9;
}
.information-dynamic .container .main .main-right .main-right-wrap:hover .main-right-wrap-right a:first-of-type{
	color: #0F61F9;
}
.information-dynamic .container .main .main-right .main-right-wrap:not(:last-of-type) {
	margin-bottom: 10px;
}

.information-dynamic .container .main .main-right .main-right-wrap .main-right-wrap-left {
	width: 25%;
	height: 90px;
	margin-right: 10px;
	border-radius: 8px;
	position: relative;
	overflow: hidden;
	/* 防止图片放大后溢出 */
}

.information-dynamic .container .main .main-right .main-right-wrap .main-right-wrap-left img {
	width: 100%;
	height: 100%;
	border-radius: 8px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: transform 0.5s ease-out;
	/* 定义过渡动画效果 */
}

.information-dynamic .container .main .main-right-wrap-left:hover img {
	transform: scale(1.2);
	overflow: hidden;
}

.information-dynamic .container .main .main-right .main-right-wrap .main-right-wrap-right {
	width: calc(75% - 10px);
	display: flex;
	flex-flow: column wrap;
}

.information-dynamic .container .main .main-right .main-right-wrap .main-right-wrap-right .main-right-wrap-content-time {
	width: 100%;
	display: flex;
	align-items: center;
}

.information-dynamic .container .main .main-right .main-right-wrap .main-right-wrap-right .main-right-wrap-content-title:hover {
	color: #0F61F9;
}

.information-dynamic .container .main .main-right .main-right-wrap .main-right-wrap-right .main-right-wrap-content-time img {
	width: 12px;
	height: 12px;
	margin-right: 10px;
}

.information-dynamic .container .main .main-right .main-right-wrap .main-right-wrap-right .main-right-wrap-content-time span {
	color: #999;
}

.information-dynamic .container .main .main-right .main-right-wrap .main-right-wrap-right p {
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-bottom: 10px;
}

.information-dynamic .container .main .main-right .main-right-wrap .main-right-wrap-right .main-right-wrap-content-title {
	font-size: 16px;
	font-weight: 800;
	color: #333;
}

.information-dynamic .container .main .main-right .main-right-wrap .main-right-wrap-right .main-right-wrap-content-title a{
	font-size: 16px;
	font-weight: 800;
	color: #333;
}

.information-dynamic .container .main .main-right .main-right-wrap .main-right-wrap-right .main-right-wrap-content-title a:hover{
	color: #0F61F9;
}

.information-dynamic .container .main .main-right .main-right-wrap .main-right-wrap-right .main-right-wrap-content-brief {
	font-size: 14px;
	font-weight: 400;
	color: #333;
}

.information-dynamic .container .more {
	background: linear-gradient(294deg, #0F61F9 0%, #63B6FF 100%);
	border-radius: 4px 4px 4px 4px;
	padding: 10px 20px;
	cursor: pointer;
	font-size: 16px;
	font-weight: 400;
	display: flex;
	align-items: center;
}

.information-dynamic .container .more span {
	color: #fff;
}

.information-dynamic .container .more img {
	margin-left: 10px;
}


/* -------------------5.3联系我们-------------------- */
.contact {
	padding: 60px 0;
}

.contact .container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.contact .container .container-title {
	width: 250px;
	background: url('../img/contact_bg_title.png') no-repeat;
	background-size: 100% 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 800;
	color: #333;
	font-size: 18px;
	letter-spacing: 2px;
	margin-bottom: 30px;
}

.contact .main {
	font-size: 18px;
	color: #666;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	height: 500px;
	background: url('../img/contact_bg.png') no-repeat;
	background-size: 100% 100%;
}

.contact .main .contact-message {
	background: #F9FAFD;
	padding: 50px 15px;
	box-sizing: border-box;
	flex: 1;
}

.contact .main .contact-message .contact-message-wrap {
	display: flex;
	align-items: center;
}

.contact .main .contact-message .contact-message-wrap:not(:last-of-type) {
	margin-bottom: 20px;
}

.contact .main .contact-message .contact-message-wrap b {
	white-space: nowrap;
	color: #000;
}

.contact .main .contact-message .contact-message-wrap span {
	font-size: 16px;
	margin: 0 0 0 10px;
	color: #333;
}

.contact #map {
	height: 251px;
}

/* -------------------5.4荣誉资质-------------------- */
.honor {
	width: 100%;
	background: #F9FAFD;
}

.honor .container {
	padding: 60px 15px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.honor .container .container-title {
	width: 150px;
	background: url('../img/honor_bg_title.png') no-repeat;
	background-size: 100% 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 800;
	color: #333;
	font-size: 18px;
	letter-spacing: 2px;
	margin-bottom: 30px;
}

.honor .container h4,
.honor .container p {
	color: #fff;
}

.honor-item-p {
	font-size: 16px;
}

.enlarge-img {
	cursor: pointer;
}

.swiper-slide {
	opacity: 0.56;
	transform: scale(0.7);
}

.swiper-slide-active {
	opacity: 1;
	transform: scale(0.9);
}

.swiper-slide img {
	display: block;
	width: 100%;
	object-fit: contain;
	user-select: none;
}

.swiper_btn {
	width: 20px;
	height: 20px;
	background-size: contain;
}

.swiper-button-prev,
.swiper-button-next {
	user-select: none;
	/* 禁止文字被选中 */
}

.swiper-button-prev:after,
.swiper-button-next:after {
	content: none;
}

/* 底部 */
.footer {
	background: url('../img/swiper3.png') no-repeat;
	background-size: 100% 100%;
}

.footer .footer-container {
	width: 100%;
	padding: 68px 0 0;
	/* background: url(../img/footer_banner.png) no-repeat; */
}

.footer .footer-container .footer-product .logo img {
	width: 180px;
	height: 25px;
}
.footer .footer-container .footer-product .msg {
	margin-top: 60px;
}
.footer .footer-container .footer-product .msg p {
	color: #fff;
	white-space: nowrap;
}
.footer-container .row {
	display: flex;
	align-items: center;
	margin-bottom: 30px;
}

.footer .footer-container .footer-company img {
	width: 28%;
	margin-bottom: 80px;
}

.footer .footer-container .footer-company p {
	font-size: 14px;
	color: #fff;
	margin-bottom: 24px;
}

.footer .footer-container .footer-code {
	height: 100%;
	display: flex;
	justify-content: right;
	align-items: center;
}

.footer-code div {
	width: 150px;
	overflow: hidden;
}

.footer .footer-container .footer-code img {
	width: 150px;
	transition: all 0.4s;
}

.footer .footer-container .footer-code img:hover {
	transform: scale(1.1);
}

.footer .footer-container .footer-code p {
	font-size: 18px;
	font-weight: 600;
	color: #333;
	text-align: center;
	margin-top: 20px;
}

.footer .copyright {
	width: 100%;
	height: 80px;
	line-height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 15px;
}

.footer .copyright p {
	color: #fff;
	margin-bottom: 0;
}

.p0 {
	padding-left: 0 !important;
}

/* 解决导航锚点偏移问题 */
.anchor {
	display: block;
	height: 95px;
	/*和顶部fix的高度一致*/
	margin-top: -95px;
	/*和顶部fix的高度一致*/
	visibility: hidden;
}

/* 关于我们引入的img/iconfont/iconfont.css */
@font-face {
	font-family: 'iconfont';
	src: url('../img/iconfont/iconfont.woff2?t=1672815309777') format('woff2'),
		url('../img/iconfont/iconfont.woff?t=1672815309777') format('woff'),
		url('../img/iconfont/iconfont.ttf?t=1672815309777') format('truetype');
}

.iconfont {
	font-family: 'iconfont' !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-gengduo:before {
	content: '\e8a6';
}

.icon-Tab_ruanjiandingdan:before {
	content: '\e657';
}

.icon-Tab_ruanjianguanli:before {
	content: '\e658';
}

.icon-Tab_zidingyiziduan:before {
	content: '\e659';
}

.icon-Tab_goumaifuwu:before {
	content: '\e661';
}

.icon-Tab_zhijianpeizhi:before {
	content: '\e662';
}

/* 关于我们swiper样式 */
.honor .swiper {
	width: 100%;
	height: 500px;
}

.honor .swiper-slide {
	text-align: center;
	font-size: 18px;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.honor .slide-container {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.honor .slide-container p {
	margin-top: 12px;
}

.honor .swiper-pagination {
	display: flex;
	justify-content: center;
	bottom: 0;
}

.honor .my-bullet {
	display: block;
	width: 8px;
	height: 8px;
	background: #E0E7FE;
	border-radius: 50%;
	border: 1px solid #fff;
	margin-right: 10px;
}

.honor .swiper-pagination-bullet-active {
	background: #0F61F9;
	border-radius: 8px;
	width: 24px;
	height: 8px;
}

@media (min-width: 1600px) {
	.exam-features-main .exam-img-top {
		margin-top: 5%;
	}
}

@media (max-width: 1560px) {
	.news-list .container ul li {
		padding: 10px;
	}

	.news-detail {
		right: 10px;
		bottom: 0;
	}

	.company-profile .container .main .company-profile-text {
		right: 0px;
	}

	.technical-banner,.banner-a {
		height: 450px;
	}

	.exam-banner {
		height: 90vh;
	}

}

@media (max-width: 1520px) {
	.honor .swiper {
		height: 450px !important;
	}

	.swiper-slide {
		transform: scale(0.6);
	}

	.swiper-slide-active {
		opacity: 1;
		transform: scale(0.8);
	}

}

@media (max-width: 1366px) {
	.banner-a{
		height: 360px;
	}
	.nav-content{
		bottom: 16px;
	}
	.nav-content .list{
		height: 260px;
	}
	.exam-case{
		margin-top: -4px;
	}
	.advantage-main-item {
		padding: 0 20px;
	}

	.company-profile .container .main .company-profile-text {
		right: 0;
	}

	.footer .footer-container {
		display: flex;
		justify-content: space-between;
	}

	.footer .footer-container .footer-company {
		padding-right: 25px;
	}

	/*-- technical 部分适配 wzy--*/
	.technical-text p {
		width: 80%;
		margin: 0 auto;
		clip-path: none;
	}

	.technical-text-long p {
		width: 80%;
		margin: 0 auto;
		clip-path: none;
	}

	.technical-text {
		background: url('../img/technical-title-book.png') no-repeat;
		background-position: right+72px bottom;
		background-color: #FFF;
		border-radius: 0 16px 16px 0;
		border: 1px solid #E0E6F9;
		width: 50%;
	}

	.technical-text-long {
		background: url('../img/technical-title-book.png') no-repeat;
		background-position: right+72px bottom;
		background-color: #FFF;
		border-radius: 0 16px 16px 0;
		border: 1px solid #E0E6F9;
		width: 50%;
	}

	.technical-banner {
		height: 350px;
	}

	.function-left {
		padding-top: 40px;
	}

	.function-button h2 {
		top: 35px;
	}

	 .technical-overview .technical-onepart {
		background: url('../img/technical-onepart-small.png') no-repeat;
		background-size: 110% 100%;
		border-radius: 16px 0 0 16px;
	}

	.technical-special .function-left {
		height: auto;
	}

	.function-left {
		padding-bottom: 20px;
	}

	.exam-features-main-left p {
		margin-left: 12%;
		margin-top: 6%;
	}

	.technical-aside {
		width: 180px;
	}

	#tech-left-pic-01 {
		background-size: 150% 100%;
	}

	#tech-left-pic-02 {
		background:url('../img/technical-onepart-02-small.png') no-repeat;
		background-size: 110% 100%;
	}

	#tech-left-pic-03 {
		background-size: 150% 100%;
	}

	#tech-left-pic-04 {
		background-size: 150% 100%;
	}

	#tech-left-pic-05 {
		background-size: 150% 100%;
	}

	#tech-left-pic-06 {
		background-size: 150% 100%;
	}

	/*---END---*/
}

@media (max-width: 991px) {
	.banner-a{
		height: 320px;
	}
	.header .nav-item-hover:after {
		display: none;
	}

	.header .nav-item .menu-drop-a {
		letter-spacing: 2px;
		display: none;
	}

	.header .nav-item .menu-drop-b {
		letter-spacing: 2px;
		display: block;
	}

	.header .nav-item .menu-drop {
		display: none;
	}

	.page-on-scroll .header {
		background: #fff;
		height: 100px;
	}

	.header .navbar {
		height: 65px;
	}

	.header .navbar-toggle {
		display: block;
	}

	.header .navbar-collapse.collapse {
		display: none !important;
	}

	.header .navbar-collapse.collapse.in {
		display: block !important;
	}

	.header .nav-collapse {
		padding-left: 0;
		padding-right: 0;
		background-color: #fff;
		box-shadow: 5px 8px 27px 0 rgb(55 99 170 / 15%);
	}

	.header .navbar-nav {
		margin: 0;
		float: none;
	}

	.header .navbar-nav .nav-item {
		float: none;
	}

	.header .menu-container:after,
	.header .menu-container:before {
		content: ' ';
		display: table;
	}

	.header .menu-container:after {
		clear: both;
	}

	.header .logo .logo-img-main {
		display: block;
	}

	.header .logo .logo-img-active {
		display: none;
	}

	.header .nav-item-child {
		color: #185c92;
		line-height: 1.4;
		margin: 5px 15px;
		padding: 12px 12px 12px 15px;
	}

	.header .nav-item-hover:after {
		position: absolute;
	}

	.company-profile .container .main .main-left .main-left-text {
		height: 340px;
	}

	.contact #map {
		height: 320px;
	}

	/*-- technical 部分适配 wzy--*/

	.technical-text p {
		position: fixed;
		width: 70%;
	}

	.technical-text-long {
		width: 100%;
		position: relative;
		height: 400px;
	}

	.technical-text-long p {
		position: fixed;
		width: 80%;
	}

	.function-left p {
		font-size: 13px;
	}

	.technical-aside li a {
		font-size: 14px;
	}

	.contact .main {
		flex-direction: column;
	}

	.contact .main .contact-message {
		width: 100%;
		margin-bottom: 20px;
	}

	.technical-block {
		display: flex;
		height: auto;
	}
	
	.technical-overview .technical-onepart {
		position: relative;
		height: 400px;
		width:100%;
	}

	.technical-overview .technical-text {
		position: relative;
		height: 400px;
		width:100%;
	}

	.function {
		display: block;
		height: 500px;
	}

	.technical-special .function-left {
		height: auto;
		width: 100%;
		padding: 50px 30px 50px 30px;
		border-radius: 16px;
	}

	.technical-overview .container {
		padding: 60px 0 60px 0;
		width: 90%;
	}

	.technical-special .container {
		width: 90%;
	}
	.scheme-page li{
		padding: 30px 20px 20px;
	}

	.function-left h4 {
		font-size: 12px;
	}

	/* exam part wzy*/

	.exam-banner{
		height: 650px;
		padding-bottom: 30px;
	}

	.advantage-main {
		width: 50%;
	}

	.step-main {
		margin:24px 0 0 15px;
		padding: 15px;
	}

	.exam-features-main-img {
		padding-top: 20px;
		width: 50%;
	}

	.exam-features .container {
		width: 100%;
		margin: 0px auto 15px;
	}

	.exam-features {
		padding: 20px 0 0 0;
		background-position: 60% 69%;
	}

	.exam-aside li a {
		font-size: 17px;
	}

	.exam-features .common-title {
		margin-bottom: 10px
	}

	.exam-features .swiper-slide .exam-features-main-img img {
		height: 350px;
	}

	.product-content {
		width: 80%;
		padding: 20px 20px;
	}

	.exam-subanner img {
		width: 100%;
	}

	.exam-subanner {
		height: 302px;
	}

	.exam-features-main-left p {
		margin-top: 7%;
	}

	.technical-aside {
		width: 140px;
	}

	.exam-features-main-left {
		height: 420px;
	}

	.exam-features-main-text {
		height: 420px;
	}

	.header .logo .logo-img-main {
		display: block;
		margin-top: 35px;
		margin-left: 5%;
	}

	.page-on-scroll .header .logo .logo-img-main {
		display: none;
	}

	.page-on-scroll .header .logo .logo-img-active {
		display: block;
		margin-top: 35px;
		margin-left: 5%;
	}

	/*---END---*/
}

@media (max-width: 821px) {
	.information-dynamic .container .main {
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.information-dynamic .container .main .main-left,
	.information-dynamic .container .main .main-right {
		width: 100%;
	}

	.information-dynamic .container .main .main-left {
		margin-bottom: 150px;
	}

	.news-text {
		margin-left: 50px;
	}

	.news-list .container ul li {
		padding: 0;
		margin-bottom: 50px;
	}

	.news-list .container ul li:hover {
		box-shadow: none;
	}

	.news-detail {
		right: 5px;
		bottom: 0;
	}

	.main-content img {
		width: 80%;
	}

	/* .exam-features-main div {
		height: unset;
	} */

	.features-text div {
		height: 80px;
	}

	.pl50 {
		padding-left: 0 !important;
	}

	.pr50 {
		padding-right: 0 !important;
	}

	.ml50 {
		margin-left: 0 !important;
	}

	.mr50 {
		margin-right: 0 !important;
	}

	.show-821 {
		display: block;
	}

	.noshow-821 {
		display: none;
	}

	.contact .main {
		display: unset;
		align-items: unset;
	}

	.function-main-item3 {
		height: unset;
	}

	.exam-product {
		padding: 30px 0 0;
	}
	.exam-product .exam-title{
		margin-bottom: 15px;
	}

	.technical-overview .container {
		padding: 50px 15px;
	}

	.technical-function .container {
		padding: 0 15px 50px;
	}

	.exam-left {
		display: none;
	}

	.exam-right {
		display: block;
	}

	.banner {
		height: 300px;
		background-size: 100% 100%;
	}

	.banner-a {
		height: 300px;
		margin-bottom: 30px;
		/* background-size: unset; */
	}

	.header .menu-container {
		padding-left: 5px;
		padding-right: 15px;
		margin-left: 0;
		margin-right: 0;
	}

	.header .logo {
		width: 200px;
		height: 0;
		float: left;
		max-height: 95px;
		line-height: 35px;
	}

	.header .navbar-toggle {
		width: 25px;
		height: 25px;
		border: none;
		padding: 0;
		margin: 20px 0;
	}

	.header {
		background: none;
	}

	.page-on-scroll .header .navbar {
		background: #fff;
		border-bottom-color: #f0f0f0;
		transition-duration: 0.3s;
		transition-property: all;
		transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
		box-shadow: 5px 8px 27px 0 rgb(55 99 170 / 15%);
	}

	.page-on-scroll .header {
		background: #fff;
		height: 65px;
	}

	.banner-english {
		margin-bottom: 0;
	}

	.banner-title {
		font-size: 48px;
	}

	.banner-english {
		font-size: 20px;
	}
	.bn-nav{
		margin-top: 30px;
	}
	.company-profile .container {
		padding: 50px 15px;
	}

	.information-dynamic .container {
		padding: 50px;
	}

	.company-profile .container .main {
		flex-direction: column;
		justify-content: center;
	}

	.company-profile .container .main .main-left {
		margin-bottom: 30px;
	}

	.company-profile .container .main .main-left img {
		top: -75px;
	}

	.company-profile .container .main .main-left .main-left-text {
		position: static;
	}

	.company-profile p,
	.about-p {
		margin-bottom: 50px;
	}

	.company-profile .container .main .company-profile-text h4 {
		font-size: 30px;
	}

	.company-profile .container .main>img {
		width: 100%;
	}

	.company-profile .container .main .main-left .main-left-text {
		width: 100%;
		height: auto;
	}

	.company-profile .container .main .company-profile-text {
		width: 600px;
		height: unset;
		right: 0;
	}

	.company-profile .container .main .company-profile-text p {
		font-size: 18px;
		margin-bottom: 0;
	}

	.information-dynamic {
		width: 100%;
	}

	.information-dynamic .container {
		width: 100%;
		background: url(../img/information-bg.png) no-repeat;
		background-size: cover;
	}

	.information-dynamic .container .main {
		flex-wrap: wrap;
	}

	.information-dynamic .container .main .main-item {
		width: 48%;
		margin-bottom: 30px;
	}

	.information-dynamic .container .main .main-item:nth-child(3) {
		margin-bottom: 0;
	}

	.information-dynamic .container .main .main-item:last-child {
		margin-bottom: 0;
		height: 410px;
	}

	.information-dynamic .container .main .main-item h4 {
		font-size: 20px;
		height: 55px;
	}

	.information-dynamic .container .main .main-item p {
		font-size: 18px;
		height: 75px;
		-webkit-line-clamp: 3;
	}

	.information-dynamic .container .main .main-item span {
		font-size: 18px;
		padding-top: 10px;
		padding-right: 20px;
	}

	.information-dynamic .container .main .main-item:last-child .more-text h4 {
		font-size: 40px;
	}

	.information-dynamic .container .main .main-item:last-child .more-text p {
		font-size: 24px;
	}

	.contact {
		padding-top: 0;
	}

	.contact .container {
		padding: 50px 15px 0;
	}

	.contact .main {
		padding: 0 45px 50px;
	}

	.contact .main p {
		font-size: 20px;
		padding: 12px 0;
	}

	.contact #map {
		height: 250px;
		margin-bottom: 0;
	}

	.honor {
		height: unset;
	}

	.honor .container {
		padding: 60px 15px;
	}

	.slide-container {
		display: flex;
		flex-wrap: wrap;
	}

	.swiper-slide img {
		height: 260px;
	}

	.row {
		margin: 0;
	}

	.footer .footer-container {
		height: unset;
		padding: 50px 0 0;
	}

	.footer-company {
		margin-bottom: 30px;
	}

	.footer .footer-container .footer-company img {
		width: 30%;
		display: block;
	}

	.footer .footer-container .footer-code {
		/* margin-top: 40px; */
		justify-content: center;
	}

	.footer-code div {
		width: 150px;
	}

	.footer .footer-container .footer-code img {
		width: 100%;
	}

	.footer .footer-container .footer-code p {
		font-size: 26px;
		margin-bottom: 0;
	}

	/* 产品中心 */
	.exam-banner {
		height: 750px;
	}

	.exam-banner1 {
		height: 300px;
	}

	.exam-banner2 {
		height: 300px;
	}

	.exam-banner3 {
		height: 300px;
	}

	.exam-banner-title {
		font-size: 48px;
	}

	.exam-title-text {
		font-size: 18px;
		/* line-height: 60px; */
	}

	.exam-product-main-title {
		font-size: 28px;
		margin-bottom: 30px;
	}

	.exam-product-main-text p {
		font-size: 16px;
	}

	.exam-features-main-text {
		/* height: fit-content !important; */
		height: 300px;
		margin-bottom: 10px !important;
		margin-top: 20px;
		justify-content: start;
		width: 100%;
	}

	.advantage-main-item {
		margin-bottom: 50px;
	}

	.exam-advantage {
		padding-bottom: 0;
	}

	.mb30 {
		margin-bottom: 30px;
	}

	.features-text {
		padding: 0;
	}

	/*----exam new wzy----*/

	.exam-features-main-img {
		width: 100%;
	}

	.exam-pic-style {
		width: 20%;
	}

	.exam-pic-style img {
		width: 50%;
		height: 50%;
		position: relative;
		left: 40%;
	}

	.swiper-scrollbar {
		margin: 0 auto ;
	}

	.exam-banner .common-title {
		margin: 30px 0 30px 0px ;
	}

	.exam-advantage .common-title {
		margin-bottom: 40px;
	}

	.exam-banner-title {
		margin-top: 60px;
	}

	.exam-features-main-left {
		height: 400px;
		width: 80%;
		margin: 10px auto;
	}
	

	/*--------end--------*/

	/* 技术能力 */
	.technical-banner {
		height: 250px;
	}

	.technical-title h4 {
		font-size: 30px;
	}

	.technical-title span {
		height: 28px;
	}

	.function-main-item {
		padding: 0;
	}

	.technical-overview-text {
		padding-left: 20px;
	}

	.function-main-item div {
		min-height: unset;
	}

	.industrial-software {
		margin-bottom: 40px;
	}

	.industrial-software li {
		width: 30%;
		font-size: 16px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.industrial-software-content {
		margin-bottom: 60px;
	}

	.application-effect .container .container-main .container-main-wrap {
		width: 50%;
	}
	.application-effect .container .container-main .container-main-wrap:nth-child(-n+2){
		margin-bottom: 30px;
	}
	.scheme {
		padding: 40px 0 0;
	}

	.scheme-page {
		padding: 40px 0 20px;
	}

	.scheme-page li {
		width: calc(96% / 2);
	}
	.scheme-page-e li:nth-child(odd){
		margin-right: 4%;
	}	
	.scheme-page-e li:nth-child(even){
		margin-right: 0;
	}	
	.application-effect{
		height: auto;
	}
	.application-effect .container {
		padding: 40px 25px;
	}

	.application-effect .container .container-title {
		margin-bottom: 40px;
	}

	/*------case/wzy---------*/
	.industrial-introduce-list {
		display: none;
	}

	.case_swiper {
		display: block !important;
		width: 100%;
	}

	#qybj_01 {
		border-radius: 16px;
	}
	
	.case_swiper h2 {
		color: #FFF;
	}

	.case_swiper p {
		color: #FFF;
		position: relative;
		line-height: 30px;
	}

	.industrial-software_right {
		position: relative;
		padding: 40px;
		border-radius: 16px;
		display: inline-block;
		margin: auto;
	}

	.swiper-button-next.swiper-button-disabled, 
	.swiper-button-prev.swiper-button-disabled {
		opacity: 0;
	}

	.header .logo .logo-img-main {
		margin-top: 20px;
	}
	/*---------end-----------*/
}

@media (min-width: 768px) and (max-width: 821px) {
	.honor .swiper {
		height: 300px !important;
	}

	.honor .slide-container {
		justify-content: space-around;
		height: 820px;
	}
	
	/* 技术能力适配 wzy*/

	.technical-overview .technical-onepart {
		background: url(../img/technical-onepart-small.png) round;
		background-size: 110% 100%;
		background-repeat: space;
	}

	.technical-overview .technical-onepart {
		position: relative;
		height: 400px;
		width: 100%;
	}

	.technical-overview .technical-text {
		position: relative;
		height: 400px;
		width: 100%;
		z-index: 1;
		clip-path: none
	}

	.technical-overview .technical-text-long {
		position: relative;
		height: 400px;
		width: 100%;
		z-index: 1;
		clip-path: none
	}

	.technical-block {
		height: auto;
	}

	.technical-special .function-left {
		width: 100%;
		height: auto;
		border-radius: 16px;
	}

	.function{
		display: block;
	}

	.function-left {
		padding: 50px 30px 50px 30px;
	}

	.exam-features-main-left {
		background-size: contain;
		background-position: center;
	}

	.exam-features-main-left p {
		margin-top: 5%;
	}

	.exam-banner .container{
		width: 90%;
		height: 550px;
	}

	.exam-banner {
		padding-bottom: 0px;
		height: 600px;
	}

	.exam-subanner img {
		width: 95%;
	}

	.features-text {
		margin-top: 2%;
	}

	.page-on-scroll .header .logo .logo-img-active {
		margin-top: 20px;
	}

	.exam-features-main-left {
		width: 70%;
	}

	/*---END ---*/
}

@media (max-width: 768px) {
	.topNav-top1{
		width: 750px;
	}
	.an-content{
		height: auto;
		flex-direction: column;
	}
	.an-content .an-nav {
		width: 100%;
	}
	.nav li{
		white-space: normal;
	}
	.nav-background::-webkit-scrollbar { 
		display: none; 
	}
	.nav-background {
		overflow-x: auto;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.nav-background li {
		width: 160px !important;
		white-space: nowrap;
		user-select: none;
		margin: 0;
	}
	.nav-background li:not(:last-of-type){
		margin-right: 10px;
	}
	.nav li:hover, .selected{
		padding: 10px 30px 20px !important;
	}
	.nav li:hover p, li.selected p{
		margin: 0;
	}
	.an-content .an-nav > .an-nav-wrap{
		height: 300px;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 10px 0;
	}
	.an-content .an-nav:first-of-type > .an-nav-wrap{
		justify-content: space-around;
	}
	.an-content .an-nav > .an-nav-wrap .an-margin {
		margin: -20px 0 0;
	}
	.bn-nav{
		height: auto;
	}
	.container-a{
		margin-left: 0;
	}
	.ywzx_list .bton .effect .text-desc{
		height: 100%;
		padding: 15px;
	}
	.about-banner .banner-brief {
		flex-direction: column;
	}
	.nav-content .list{
		height: 250px;
	}
	.nav-content .list .list-nav .list-img{
		margin-bottom: 20px;
	}
	.banner-a{
		height: 240px;
	}
	.carousel-title {
		font-size: 25px;
		margin-bottom: 20px;
	}

	.news-list .container {
		padding: 24px 15px;
	}

	.news-text {
		margin-left: 24px;
	}

	.news-list .container ul li {
		margin-bottom: 24px;
	}

	.industrial-software__item {
		-webkit-box-orient: vertical !important;
		-ms-flex-direction: column !important;
		flex-direction: column !important;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-bottom: 30px;
	}

	.industrial-software__left {
		width: 100%;
		margin-right: 0;
		margin-left: 0 !important;
		margin-top: 20px;
	}

	.mb30 {
		margin-bottom: 0;
	}

	.company-profile .container .main .main-left {
		margin-top: 70px;
	}

	/*---------技术能力/wzy---------*/
	.technical-overview .container {
		padding: 5% 5%;
		width: 100%;
	}

	.technical-function .container {
		padding: 0 15px 50px;
	}

	.technical-overview .technical-text {
		height: 400px;
	}

	.technical-overview .technical-text-long {
		position: relative;
		height: 400px;
		width: 100%;
	}

	.function {
		display: inline-block;
	}

	.technical-special .function-left {
		width: 100%;
		height: auto;
		border-radius: 16px;
		padding: 40px 30px 20px 30px;
	}

	.technical-special .container {
		padding: 5% 0;
	}

	.technical-aside {
		width: 130px;
	}

	.technical-text p {
		width: 80%;
	}

	.technical-text-long p {
		width: 80%;
	}

	.technical-banner .container {
		margin-left: 5%;
	}

	/* exam part wzy */
	.exam-banner .container{
		width: 90%;
		height: 520px;
	}

	.features-text {
		margin-top: 0px;
	}

	.exam-banner {
		padding-bottom: 20px;
		height: 600px;
	}

	.exam-features-main-left {
		width: 80%;
	}

	.exam-features-main-left p {
		font-size: 15px;
		margin-top: 6%;
	}

	.exam-subanner img {
		width: 95%;
	}

	.page-on-scroll .header .logo .logo-img-active {
		margin-top: 20px;
	}

	/*--------END---------*/
	.footer .footer-product{
		width: 100%;
	}
	.footer .footer-container .footer-code{
		justify-content: flex-end;
	}
	.footer .footer-container .footer-code img{
		width: 120px;
	}
}

@media (max-width: 480px) {
	.topNav{
		height: 500px;
		background-image: url(../img/index_banner_small.jpg);
	}
	.ywzx_list{
		display: block;
	}
	.prot .image-box{
		border-radius: 16px !important;
	}
	#ywzx_0 .image-box{
		background-image: url(../img/index_swiper1_mobile.png);
	}
	#ywzx_1 .image-box{
		background-image: url(../img/index_swiper2_mobile.png);
	}
	#ywzx_2 .image-box{
		background-image: url(../img/index_swiper3_mobile.png);
	}
	#ywzx_3 .image-box{
		background-image: url(../img/index_swiper4_mobile.png);
	}
	.ywzx_list .bton .effect .text-desc{
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.ywzx_list .bton .effect .text-desc h4{
		padding: 0 30px;
	}
	.btn-effect a{
		width: 100px;
	}
	.ywzx-swiper-wrapper{
		height: 240px;
		padding-inline-start: 0;
		overflow: hidden;
	}
	.yewuR-swiper ul li {
		display: none !important;
	}
	.yewuR-swiper ul .bton{
		display: block !important;
	}
	.yewuR-swiper .swiper_btn img{
		display: block;
		position: absolute;
	}
	.yewuR-swiper .swiper-button-prev img{
		left: 2px;
	}
	.yewuR-swiper .swiper-button-next img{
		right: 2px;
	}
	.ywzx_list li.bton{
		width: 100%;
	}
	.text-desc h3 {
		margin: 6px 0;
	}
	.text-desc .tags{
		justify-content: center;
	}
	.carousel-centered{
		margin: -35px 0 ;
	}
	.ywzx_list li,.prot{
		height: 240px;
	}
	.an-content{
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-self: center;
	}
	.exam-product .exam-title{
		position: relative;
		z-index: 3;
	}
	.exam-product-img{
		top: 70px;
	}
	.exam-product-img .nav-content .list-p{
		text-align: justify;
	}
	.exam-product-img .nav-content .list-imgs{
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.exam-product-img .nav-content .list-imgs .list-img{
		margin-right: 0;
	}
	.nav-content{
		bottom: 0;
	}
	.nav-content .list .list-nav{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.nav-content .list .list-nav .list-imgs .list-img{
		margin: 0 6px 20px 0;
	}
	.nav-content .list {
		background: #F2F8FF;
	}
	.nav-background::-webkit-scrollbar { 
		display: none; 
	}
	.nav-background {
		overflow-x: auto;
		/* display: -webkit-box;
		-webkit-overflow-scrolling: touch; */
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.nav-background li {
		width: auto;
		white-space: nowrap;
		user-select: none;
		padding: 5px 15px !important;
		margin: 0;
	}
	.nav-background li:not(:last-of-type){
		margin-right: 5px;
	}
	.nav li:hover, .selected{
		background: #0F61F9;
		border-radius: 6px;
		padding: 5px 10px !important;
	}
	.nav li:hover p, li.selected p{
		margin: 0;
	}
	.nav-content .list{
		height: 300px;
	}
	.exam-case{
		margin-top: 0;
	}
	.about-banner {
		height: 320px;
		background-image: url(../img/about_banner_small.jpg);
	}

	.honor .swiper {
		height: 225px !important;
	}

	.honor .my-bullet {
		margin-right: 12px;
		width: 8px;
		height: 8px;
	}

	.news-list .container ul li:last-child {
		margin-bottom: 25px;
	}

	.technical-overview .container {
		padding: 5% 20px;
	}

	.technical-function .container {
		padding: 0 25px 50px;
	}

	.main-header h4 {
		font-size: 24px;
	}

	.main-header p {
		font-size: 14px;
	}

	.news-detail-main .container {
		padding: 30px 25px;
	}

	.main-content img {
		margin: 20px auto;
	}

	.news-banner {
		height: 200px;
	}

	.news-list .container ul li {
		height: 150px;
		margin-bottom: 25px;
	}

	.news-text {
		margin-left: 25px;
	}

	.news-title {
		font-size: 14px;
		margin-bottom: 5px;
	}

	.news-message {
		font-size: 12px;
		margin-bottom: 5px;
	}

	.news-content {
		font-size: 12px;
		line-height: 1.4;
	}

	.news-detail {
		font-size: 12px;
	}

	.news-list .container ul li img {
		width: 175px;
	}

	.noshow-480 {
		display: none;
	}

	.news-list .container {
		padding: 25px;
	}

	.exam-left {
		display: none;
	}

	.exam-right {
		display: block;
	}

	.technical-block {
		display: inline;
	}

	.banner {
		height: 200px;
		background-size: 100% 100%;
	}

	.banner-a {
		margin-bottom: 30px;
		height: 200px;
		background-size: cover;
		background-image: url(../img/case_banner_small.jpg);
	}

	.header .menu-container {
		padding-left: 5px;
		padding-right: 15px;
		margin-left: 0;
		margin-right: 0;
	}

	.header .logo {
		width: 200px;
		height: 0;
		float: left;
		max-height: 95px;
		line-height: 35px;
	}

	.header .navbar-toggle {
		width: 25px;
		height: 25px;
		border: none;
		padding: 0;
		margin: 20px 0;
	}

	.header {
		background: none;
	}

	.page-on-scroll .header .navbar {
		background: #fff;
		border-bottom-color: #f0f0f0;
		transition-duration: 0.3s;
		transition-property: all;
		transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
		box-shadow: 5px 8px 27px 0 rgb(55 99 170 / 15%);
	}

	.header .logo .logo-img-main {
		display: block;
	}

	.header .logo .logo-img-active {
		display: none;
	}

	.page-on-scroll .header .logo .logo-img-main {
		display: none;
	}

	.page-on-scroll .header .logo .logo-img-active {
		display: block;
	}

	.case-h2 {
		font-size: 24px;
		margin: 40px 0;
	}

	.details-div {
		padding: 40px 0;
	}

	.details-p {
		line-height: 30px;
	}

	.about-banner .banner-title {
		font-size: 26px;
		margin: 0;
	}

	.banner-english {
		font-size: 24px;
	}

	.company-profile .container,
	.information-dynamic .container {
		padding: 40px 25px;
	}

	.information-dynamic .container .container-title {
		width: 100%;
	}

	.company-profile p,
	.about-p {
		margin-bottom: 40px;
	}

	.company-profile h4,
	.about-h4 {
		font-size: 28px;
	}

	.company-profile .container .container-title {
		margin-bottom: 30px;
	}

	.company-profile .container .main .company-profile-text {
		width: 100%;
		position: unset;
		margin-top: 40px;
		padding: 5%;
	}

	.company-profile .container .main .main-left .main-left-text {
		padding: 60px 20px 30px;
	}

	.company-profile .container .main .main-left .main-left-text h4 {
		width: 100%;
		font-size: 16px;
	}

	.company-profile .container .main .company-profile-text h4 {
		font-size: 17px;
	}

	.company-profile .container .main .company-profile-text p {
		font-size: 14px;
		text-indent: 2em;
		margin: 0;
	}

	.company-profile .container .main .main-left img {
		left: 35px;
	}

	.company-profile .container .main {
		height: unset;
	}

	.information-dynamic {
		height: unset;
		background-size: cover;
	}

	.information-dynamic .container .main {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}

	.information-dynamic .container .main .main-item {
		width: 100%;
		margin-bottom: 30px;
	}

	.information-dynamic .container .main .main-item:nth-child(3) {
		margin-bottom: 30px;
	}

	.information-dynamic .container .main .main-item img {
		height: 180px;
	}

	.information-dynamic .container .main .main-item h4 {
		font-size: 16px;
		margin: 10px;
		height: unset;
	}

	.information-dynamic .container .main .main-item p {
		font-size: 16px;
		height: 64px;
		padding: 0 10px;
		-webkit-line-clamp: 3;
	}

	.information-dynamic .container .main .main-item span {
		font-size: 14px;
		padding-top: 12px;
		padding-right: 10px;
	}

	.information-dynamic .container .main .main-item:last-child {
		height: 300px;
	}

	.information-dynamic .container .main .main-item:last-child .more-text h4 {
		font-size: 26px;
	}

	.information-dynamic .container .main .main-item:last-child .more-text p {
		font-size: 16px;
		margin-bottom: 10px;
	}

	.information-dynamic .container .main .main-item:last-child img {
		width: 90px;
		height: 90px;
	}

	.contact .container {
		padding: 40px 15px 0;
	}

	.contact .main {
		padding: 0 10px 40px;
		height: 460px;
	}

	.contact {
		padding-bottom: 20px;
	}

	.contact .main p {
		font-size: 16px;
		padding: 0;
	}

	.contact .main .contact-message {
		padding: 20px 0;
	}

	.contact .main .contact-message .contact-message-wrap b {
		font-size: 13px;
	}

	.contact .main .contact-message .contact-message-wrap span {
		font-size: 13px;
		margin-left: 5px !important;
		white-space: nowrap;
	}

	.contact #map {
		width: 100%;
		height: 250px;
	}

	.honor {
		height: unset;
	}

	.honor .container {
		padding: 40px 15px;
	}

	.slide-container {
		width: 100%;
		height: 100%;
		padding-right: 35px !important;
		padding-left: 20px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
	}

	.swiper-slide img {
		height: 190px;
	}

	.swiper-button-prev {
		left: 4.5%;
	}

	.swiper-button-next {
		right: 4.5%;
	}

	.row {
		margin: 0;
	}
	.topNav-top1{
		width: 100%;
	}
	.container {
		padding: 0 25px;
	}
	.footer{
		padding-bottom: 40px;
	}
	.footer .footer-container {
		height: unset;
		padding: 40px 0;
		flex-direction: column;
	}

	.footer .footer-container .footer-company {
		padding-right: 0;
	}

	.footer .footer-container .footer-company img {
		width: 60%;
	}

	.footer .footer-container .footer-code {
		justify-content: center;
	}

	.footer-code div {
		width: 150px;
	}

	.footer .footer-container .footer-code p {
		font-size: 20px;
	}

	.footer .copyright {
		height: auto;
		padding: 0 24px;
	}
	.footer .footer-container .footer-product .msg {
		margin: 40px 0;
	}
	/* 产品中心 */

	.exam-banner .container{
		width: 100%;
		height: 600px;
	}

	.exam-banner1 {
		height: 200px;
	}

	.exam-banner2 {
		height: 200px;
	}

	.exam-banner3 {
		height: 200px;
	}

	.exam-banner-title {
		font-size: 32px;
	}

	.exam-title-text {
		font-size: 18px;
		/* line-height: 56px; */
	}

	.exam-product-main-title {
		font-size: 26px;
		margin-bottom: 20px;
	}

	.exam-product-main-text p {
		font-size: 14px;
	}

	.exam-features-main-img img {
		height: unset;
	}

	.product-content{
		width: 100%;
	}

	.exam-features .container {
		padding: 0;
	}

	.features-text p {
		font-size: 13px;
	}

	.features-text span {
		font-size: 13px;
	}

	.technical-banner {
		height: 200px;
		margin-top: 0;
		background-image: url(../img/technical_banner_small.jpg);
	}

	.technical-banner-title {
		font-size: 24px;
	}

	.technical-title h4 {
		font-size: 24px;
	}

	.technical-title span {
		height: 24px;
	}

	.technical-overview-text {
		font-size: 15px;
		padding-left: 0;
		line-height: 1.75;
	}

	.function-main-item div h4 {
		font-size: 16px;
	}

	.function-main-item div p {
		font-size: 14px;
	}

	.function-main-item div span {
		font-size: 14px;
	}

	.function-main-item div {
		min-height: unset;
	}

	.function-left {
		padding: 50px 0px 0px 40px;
	}

	.function-button h2 {
		margin: 10px 0 0 10px;
	}

	.technical-overview .technical-onepart {
		height: 250px;
		border-radius: 16px;
	}

	.technical-overview .technical-text {
		height: 250px;
		border-radius: 16px;
	}

	.technical-overview .technical-text-long {
		height: 420px;
		border-radius: 16px;
	}

	.technical-banner-subtitle {
		font-size: 20px;
	}

	.technical-aside li {
		width: 90%;
		margin: 0 auto;
	}

	.technical-aside li a {
		font-size: 12px;
	}

	.function-left {
		padding: 50px 30px 0px 30px;
	}

	.technical-special .function-left {
		height: auto;
	}

	.function-left {
		padding: 50px 30px 50px 30px;
	}

	.industrial-software-content {
		flex-direction: column;
		align-items: center;
	}

	.industrial-software_left,
	.industrial-software_right {
		width: 100%;
	}

	.industrial-software_left {
		margin-bottom: 20px;
		height: auto;
		padding: 40px 0 30px;
		border-radius: 18px;
	}
	.industrial-software_right {
		height: 400px;
		border-radius: 10px;
		position: relative;
		display: inline-block;
	}
	.application-effect {
		height: auto;
	}

	.scheme-page li {
		width: 100%;
		padding: 50px 40px;
		margin-right: 0 !important;
	}
	.scheme-page li img, .scheme-page li .li-img{
		top: 50px;
	}

	/*---exam wzy 480---*/
	.exam-banner {
		height: 570px;
		padding-bottom: 30px;
		background-image: url(../img/exam_banner_small.jpg);
	}

	.advantage-main {
		width: 100%;
		height: 120px;
		margin-bottom: 20px;
	}

	.step-main-item h2 {
		font-size: 15px;
	}

	.advantage-step {
		font-size: 14px;
	}

	.step-main img {
		width: 30%;
	}

	.exam-aside li a {
		font-size: 14px;
	}

	.step-main-item p {
		font-size: 12px;
	}

	.exam-features .swiper-slide .exam-features-main-img img {
		height: 250px;
	}

	.exam-pic-style img {
		height: 50%;
		top: 15%;
		width: 55%;
	}

	.exam-aside {
		padding: 10px;
	}

	.exam-banner-subtitle {
		font-size: 16px;
	}

	.step-main {
		margin: 5px 0 0 5px;
		width: 350px;
	}

	.exam-features-main-left p {
		font-size: 14px;
	}

	.exam-features-main-left {
		height: 320px;
	}

	.exam-features-main-rightbox {
		margin-right: 15px;
	}

	.features-text {
		margin-top: 0;
	}

	.exam-features-main-odd {
		margin: 5px 5px;
	}

	.tsgn_list li.bton {
		width: 100%;
	}

	.tsgn-swiper ul .bton {
		display: block !important;
	}

	.tsgn-swiper ul li {
		display: none !important;
		animation: none !important;
	}
	
	.exam-features .common-title {
		margin-bottom: 15px;
	}

	.exam-pic-style {
		width: 15%;
	}

	.swiper-scrollbar {
		width: 45% !important;
		margin: 0px auto;
	}

	.product-content p {
		font-size: 12px;
	}

	.tsgn_list {
		display: none;
	}

	.tsgn_swiper {
		display: block !important;
		width: 100%;
		height: 540px;
	}

	.tsgn_swiper .swiper-slide .top-img {
		height: 38px;
		width: 15%;
	}

	.tsgn_swiper .swiper-slide img {
		height: 29px;
		width: 38px;
	}

	.tsgn_swiper .swiper-button-prev {
		left: -3%;
	}

	.technical-special .function-left {
		height: 530px;
		background:url(../img/technical-function.png),
		url(../img/technical-left-background.png);
		background-position: 100% 100%;
		background-repeat: no-repeat,no-repeat;
		background-size:auto ,100% 100%;
	}

	#tsgn_small_01 {
		background:url(../img/technical-left-background1.png),
		url(../img/technical-left-background.png);
		background-position: 100% 100%;
		background-repeat: no-repeat,no-repeat;
		background-size:auto ,100% 100%;
	}

	.technical-banner .container {
		margin-left: 0px;
	}

	.exam-features-main-left {
		width: 95%;
	}

	#qybj_01 {
		background-image: url(../img/case_samll_leftpic.png);
	}

	#qybj_store_02 {
		background-image: url(../img/case_small_rightstore.png);
	}

	#qybj_study_02 {
		background-image: url(../img/case_small_rightstudy.png);
	}

	#qybj_boat_02 {
		background-image: url(../img/case_small_rightboat.png);
	}

	.index_show {
		display: none;
	}

	.index_swiper {
		display: block !important;
	}

	.application-effect .container {
		background-image: url(../img/case-bottom-small.png);
	}
	/*-----END-----*/
}