@charset "UTF-8";

html,
body {
	min-height: 100%;
}

body {
	/* font-family: "Noto Sans SC"; */
	font-family: SourceHanSansCN-Regular;
	/* font-family: Arial, "Source Han Sans CN"; */
}

input,
textarea {
	font-family: "Source Han Sans CN";
}

body,
html,
ul,
li,
p,
dl,
dt,
dd,
h1,
h2,
h3,
h4 {
	padding: 0;
	margin: 0;
}

a,
a:focus,
button:focus {
	outline: none !important;
	text-decoration: none;
}

button::-moz-focus-inner {
	border: 0;
}

:focus {
	outline: none;
}

input,
button,
select,
textarea {
	outline: none;
}

p {
	margin: 0;
}

dl {
	margin-bottom: 0;
}

dt {
	font-weight: 300;
}

dd {
	margin-bottom: 0;
}

address {
	margin-top: 0;
	margin-bottom: 0;
}

html p a:hover {
	text-decoration: none;
}

form {
	margin-bottom: 0;
}

ul,
li {
	margin: 0;
	padding: 0;
	list-style: none;
}


.mb10 {
	margin-bottom: 10px;
}

.mb20 {
	margin-bottom: 25px;
}

.mb25 {
	margin-bottom: 25px;
}

.mb40 {
	margin-bottom: 40px;
}

.mb70 {
	margin-bottom: 70px;
}

.mb100 {
	margin-bottom: 100px;
}

.mt10 {
	margin-top: 10px;
}

.mt20 {
	margin-top: 20px;
}

.mt25 {
	margin-top: 25px;
}

.mt40 {
	margin-top: 40px;
}

.mt60 {
	margin-top: 60px;
}

.mt70 {
	margin-top: 70px;
}

.mt100 {
	margin-top: 100px;
}

.yhl-content {
	position: relative;
}

iframe {
    width: 100%; /* 或具体像素值 */
    border: none; /* 移除 iframe 的边框 */
	overflow: hidden;
}

.page-header {
	/* position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999; */
	height: 64px;
	transition: all 0.5s ease 0s;
}

#page-header {
	box-shadow: 0 2px 10px 1px rgba(0, 0, 0, .1);
	position: relative;
	z-index: 999;
}

#page-header.header-fixed {
	top: 0;
}

#page-header.header-fixed #nav-default {
	/* background-color: #0F1118; */
	background-color: #FFFFFF;
	position: fixed;
	box-shadow: 0 2px 10px 1px rgba(0, 0, 0, .1);
	z-index: 999;
}

#page-header.header-fixed #nav-default .yhl-navbar-inner {
	height: 64px;
}

.yhl-navbar-inner {
	height: 64px;
}

#nav-default {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	background-color: #ffffff;
	border-bottom: 1px solid #fff;
	border-color: rgba(255, 255, 255, .2);

}

#nav-clone {
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	background-color: transparent;
	border-bottom: 0px;
}


#banner-wrap {
	/* background-color: #4060b6; */
	/* background-image: linear-gradient(to right, rgba(103, 210, 255, 0.27), rgba(38, 27, 85, 0.27)); */
	background-color: #0F1118;
	color: #fff;
}

#particles-js {
	height: 100vh;
	margin-top: -100vh;
}

.yhl-navbar {}

.always-display {
	display: block!important;
}

.yhl-navbar-inner {
	max-width: 1180px;
	width: 95%;
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-left: auto;
	margin-right: auto;
	transition: height .3s;
}

.yhl-navbar-left {
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 0;
	line-height: 0;
}

.navbar-logo {
	max-width: 153px;
	height: auto;
	position: relative;
}

.navbar-logo img {
	width: 110px;
	height: auto;
	/* height: 38px;
	width: auto; */
}

.yhl-navbar-right {
	padding-left: 40px;
	text-align: right;
	display: flex;
	align-items: center;
}

.yhl-navbar-apply {
	/* margin-left: 58px; */
	margin-left: 10px;
}

.yhl-navbar-nav {
	font-size: 0;
	line-height: 0;
}

.yhl-navbar-nav>li {
	position: relative;
	display: inline-block;
	padding: 0 2px;
	vertical-align: middle;
	margin-left: 35px;
	min-height: 50px;
	line-height: 50px;
}

.yhl-navbar-nav>li>a {
	position: relative;
	padding: 6px 10px;
	font-size: 16px;
	text-decoration: none;
	top: 3px;
	color: #333;
	font-weight: 400;
}

/* 非首页导航栏 */
/* .not-home>li>a {
	color: #fff;
} */
.header-fixed .not-home>li>a{
	color: #333;
}
.header-fixed .not-home>li.cur>a, .not-home>li:hover>a{
	color:#333;
}
/* 取消下划线 */
/* .yhl-navbar-nav>li>a::after{
	content: '';
    position: absolute;
    left: 0;more-icon
    bottom: -17px;
    width: 0;
    max-width: 100%;
    border-top: 3px solid;
    transition: width .33s ease;
} */
.yhl-navbar-nav>li:hover>a:after,
.yhl-navbar-nav>li.cur>a:after {
	width: 100%;
}

/* 非首页导航栏 */
.yhl-navbar-nav>li>a:active,
.yhl-navbar-nav>li>a:focus {
	color: #000;
	font-weight: 600;
}
.header-fixed .not-home>li>a:active{
	color: #333;
}
.header-fixed .not-home>li>a:focus{
	color: #333;
}
/* .not-home>li>a:active,
.not-home>li>a:focus {
	color: #fff;
	font-weight: 600;
} */

.more-icon,
.more-icon-home {
	height: 12px;
}

.toggle-icon {
	position: relative;
	top: 0;
	width: 8px;
	height: 5px;
	margin-left: 7px;
	transition: all 0.5s ease 0s;
}

.toggle-icon:nth-child(2) {
	display: inline-block;
}

.toggle-icon:nth-child(3) {
	display: none;
}

/* 非首页导航栏 */
.yhl-navbar-nav>li.cur>a,
.yhl-navbar-nav>li:hover>a {
	color: #000;
	font-weight: 600;
}

/* .not-home>li.cur>a,
.not-home>li:hover>a {
	color: #fff;
	font-weight: 600;
} */

.yhl-navbar-nav>li:hover .toggle-icon {
	transform: rotateX(180deg);
}

.yhl-navbar-nav>li:hover .toggle-icon:nth-child(2),
.yhl-navbar-nav>li.cur .toggle-icon:nth-child(2) {
	display: none;
}

.yhl-navbar-nav>li:hover .toggle-icon:nth-child(3),
.yhl-navbar-nav>li.cur .toggle-icon:nth-child(3) {
	display: inline-block;
}

.yhl-navbar-subnav-com {
	text-align: left;
	font-size: 14px;
	position: absolute;
	z-index: 999;
	width: 220px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	background-color: #fff;
	margin-top: 20px;
	visibility: hidden;
	opacity: 0;
	transition: all 0.3s ease 0s;
}

.yhl-navbar-subnav dd {
	/* border-top: 1px solid #4F535E; */
	height: 50px;
	line-height: 50px;
}

.yhl-navbar-subnav dd:first-child {
	border-top: none;
}

.yhl-navbar-subnav dd a {
	/*color: #999999;*/
	/* color: #0A1220; */
	color: #666;
	display: block;
	margin: 0 30px;
}

.yhl-navbar-subnav dd a:hover {
	/*color: #fff;*/
	color: rgba(84, 133, 225, 1);
}

.yhl-navbar-nav>li:hover .yhl-navbar-subnav-com {
	margin-top: 5px;
	visibility: visible;
	opacity: 1;
}

.yhl-navbar-subnav-mullist {
	display: flex;
}

.yhl-navbar-subnav-pro {
	box-shadow: none;
	background-color: transparent;
	width: 100%;
	left: 0;
	display: flex;
	justify-content: center;
}

.yhl-navbar-subnav-mullist {
	/*box-shadow: 0 0 20px rgba(0,0,0,0.2);*/
	box-shadow: 0px 1px 11px rgba(0, 0, 0, 0.05);
	background-color: #fff;
	max-width: 1110px;
	width: calc(100% - 30px);
	/* padding:  30px 35px; */
	padding: 0px 35px;
	display: flex;
	justify-content: space-between;
}

.yhl-navbar-subnav-mullist dl {
	/* width: 200px; */
}

.yhl-navbar-subnav-mullist dt {
	color: #000;
	font-size: 16px;
	font-weight: 400;
	border-bottom: 1px solid rgb(79, 83, 94, .3);
	;
	height: 40px;
	line-height: 40px;
	margin-bottom: 0;
}

.yhl-navbar-subnav-mullist dd {
	display: flex;
	align-items: center;
	/* padding-left: 50px; */
	position: relative;
	line-height: 20px;
	height: 50px;
	font-size: 14px;
}

.yhl-navbar-subnav-mullist dd span.iconfont {
	position: absolute;
	left: 10px;
	color: #000;
	font-size: 26px;
}

.yhl-navbar-subnav-mullist dd a {
	/* color: #0A1220; */
	color: #666;
	display: block;
}

.yhl-navbar-subnav-mullist dd:hover span.iconfont,
.yhl-navbar-subnav-mullist dd:hover a {
	color: rgba(84, 133, 225, 1);
}



.yhl-navbar-apply>a {
	/*border-radius: 20px;*/
	display: inline-block;
	box-sizing: border-box;
	width: 100px;
	height: 34px;
	line-height: 32px;
	font-size: 14px;
	text-align: center;
	color: rgba(255, 255, 255, .7);
	/*background: #fff;*/
	border: 1px solid rgba(255, 255, 255, .7);
	text-decoration: none;
}

.yhl-navbar-apply>a:hover {
	/* background: #4885EE; */
	background: #1E75EA;
	border: 1px solid #1E75EA;
}

.swiper-wrapper {
	max-height: calc(100vh - 64px);
}

#about_companyBox .swiper-button-prev,
.swiper-button-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 40px;
	height: 40px;
	background-size: contain;
	background-repeat: no-repeat;
	cursor: pointer;
	border: none;
	outline: none;
}

#about_companyBox .swiper-button-prev {
	left: -5rem;
	/* 左箭头位置 */
	background-image: url('../images/about/about/prev.png');
}

#about_companyBox .swiper-button-next {
	right: -5rem;
	/* 右箭头位置 */
	background-image: url('../images/about/about/next.png');
	transition: all 0.3s ease;
}

#about_companyBox:hover .swiper-button-prev {
	transition: all 0.3s ease;
	background-image: url('../images/about/about/prev1.png');
}

#about_companyBox:hover .swiper-button-next {
	transition: all 0.3s ease;
	background-image: url('../images/about/about/next1.png');
}

#about_companyBox .swiper-button-prev:after,
.swiper-button-next:after {
	display: none;
}

#about_companyBox .swiper-slide p {
	position: relative;
	/* padding-left: 40px; */
}

#about_companyBox .swiper-slide p:before {
	position: absolute;
	top: 10px;
	left: 0px;
	content: '';
	display: inline-block;
	width: 8px;
	height: 8px;
	background: #FFFFFF;
	border-radius: 50%;
	margin-right: 6px;
}

.swiper-slide-left {
	border: 1px dashed #E0E9FF;
	float: left;
	position: relative;
	margin-left: 5px;
	display: none;
}

/* .swiper-slide-left::before{
    position: absolute;
    top: -1px;
    left: -3px;
    content: '';
    display: inline-block;
    width: 6px;
    height: 35px;
    background: #E0E9FF;
}
.swiper-slide-left::after{
    position: absolute;
    bottom: -1px;
    left: -5px;
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #E0E9FF;
    border-radius: 50%;
    z-index: 3;
} */
.swiper-slide-right {
	margin-left: 30px;
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom: 8.3%;
}

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

.swiper-pagination {
	text-align: center;
}

.swiper-pagination-bullet {
	/* opacity: 1;
	width: 24px;
	height: 24px;
	background: url(../images/dot.png) no-repeat left top; */
	opacity: 1;
	width: 40px;
	height: 4px;
	border-radius: 2px;
	background-color: #797B80;
}

.swiper-pagination-bullet-active {
	/* background: url(../images/dot-cur.png) no-repeat left top; */
	background-color: #fff;
}

.txt-center {
	text-align: center;
}


/*==============首页*/
#yhl-banner {
	width: 100%;
	height: 642px;
	position: absolute;
	top: 0;
	overflow: hidden;
}

.swiper-banner {
	width: 100%;
	height: 100%;
}

#yhl-banner .bg-img {}

#yhl-banner .txt-content {
	width: 100%;
	margin: 0 auto 35px;
	position: relative;
	height: 35px;
	overflow: hidden;
}

.txt-content2 {
	margin-bottom: 30px;
	white-space: nowrap;
}

.txt-content2 span {
	display: inline-block;
	font-size: 18px;
	color: #fff;
	margin-right: 25px;
	opacity: 0.7;
	border: 1px solid #fff;
	padding: 5px 10px;
	margin-bottom: 10px;
}

.txt-content2 span:nth-last-child {
	margin-right: 0;
}

#list-wrapper {
	position: relative;
	top: 0;
}

#list-wrapper ul {
	list-style: none;
	text-align: center;
	padding: 0 20px;
}

#list-wrapper li {
	height: 35px;
	font-size: 20px;
	font-family: Source Han Sans CN;
	font-weight: 400;
	line-height: 34px;
	color: #FFFEFE;
	opacity: 0.7;
}

.banner {
	width: 100%;
	height: 642px;
	overflow: hidden;
	position: relative;
	/*background: rgba(29, 54, 107, .75);*/
}



.banner_DownLoad{
	position: absolute;
	left: 8rem;
	top: 24rem;
	width: 8.4rem;
	height: 2.8rem;
	border-radius: 6px;
	background: linear-gradient(45deg, #3f80fd, #4d9bff, #5aa9ff);
	border: none;
	font-size: 1rem;
	color: white;
	z-index: 2000;
	&:hover{
		cursor: pointer; /* 鼠标悬停时变为手形光标 */
	}

}

.banner_text{
	position: absolute;
	left: 8rem;
	top: 16rem;
	font-size: 3rem;
	font-weight: 600;
	height: 7rem;
	line-height: 7rem;
}

.banner_txt{
	position: absolute;
	left: 8rem;
	top: 21rem;
	font-size: 3rem;
	font-weight: 600;
	height: 7rem;
	line-height: 7rem;
}

.banner_txt>span{
	color: #0071F7;
}
.banner_txt1{
	position: absolute;
	left: 8rem;
	top: 20rem;
	font-size: 1.5rem;
	height: 7rem;
	line-height: 7rem;
}
.banner_txt1>span{
	color: #0071F7;
}

.banner1_txt{
	font-size: 1rem;
	position: absolute;
	left: 8rem;
	top: 28rem;
	font-weight: 100;
}
.banner_img{
	position: absolute;
	left: 8rem;
	top: 26rem;
	width: 9rem;
	height: 9rem;
}
.banner_img img	{
	width: 100%;
	height: 100%;
}
.banner1 {
	background: url('../images/index/banner1.jpg')no-repeat;
	background-position: center;
	background-size: cover;
}
.banner2 {
	background: url('../images/index/banner2.jpg')no-repeat;
	background-position: center;
	background-size: cover;
}

.banner3 {
	background: url('../images/index/banner3.jpg')no-repeat;
	background-position: center;
	background-size: cover;
}

.banner4 {
	background: url('../images/index/banner4.jpg')no-repeat;
	background-position: center;
	background-size: cover;
}

.banner5  {
	background: url('../images/index/banner5.jpg')no-repeat;
	background-position: center;
	background-size: cover;
}

.banner6  {
	background: url('../images/index/banner6.jpg')no-repeat;
	background-position: center;
	background-size: cover;
}


/* swiper 滚动条样式 */
.swiper-banner .swiper-pagination-bullet {
	background-color: #fff;
}

.swiper-banner .my-bullet-active {
	background-color: #126FEE;
}

#home-video {
	position: absolute;
	min-width: 100%;
	min-height: 100%;
	/*max-width: 100%;*/
	/*max-height: 100%;*/
	/*object-fit: fill;*/
	height: auto;
	width: auto;
	right: 0;
	left: 0;
	top: 0;
	bottom: 0;
	z-index: -10;
}
.banner{
	position: relative;
}

.banner-content {
	position: absolute;
	top: 50%;
	left: 34%;

	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.banner-txt1 {
	font-size: 60px;
	font-family: "PingFang SC", sans-serif;
	font-weight: 600;
	line-height: 80px;
	color: #000;
}

.banner-txt2 {
	white-space: nowrap;
	font-size: 30px;
	font-family: "PingFang SC", sans-serif;
	font-weight: 600;
	color: #000;
	line-height: 80px;
}

.banner-txt2-lightblue {
	color: #2A68E1;
}

.banner-txt3 {
	font-size: 24px;
	font-family: PingFangSC, PingFang SC;
	font-weight: 400;
	color: #333;
	line-height: 72px;
}

.banner-txt4 {
	margin: 5px 0 35px 0;
	font-size: 20px;
	font-family: Source Han Sans CN;
	font-weight: 400;
	line-height: 34px;
	color: #FFFEFE;
	opacity: 0.7;
}

.banner-content1 {
	max-width: 800px;
	text-align: left;
	position: absolute;
	top: 30%;
	left: 10%;
}

.banner-txt5 {
	font-size: 28px;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: #333333;
	line-height: 54px;
}

.banner-txt6 {
	font-size: 252px;
	font-family: SourceHanSansCN-Regular, SourceHanSansCN;
	font-weight: 400;
	color: #333333;
	line-height: 38px;
}

.banner3 .btn {
	margin-top: 20px;
	width: 100px;
	height: 35px;
	background: #0076EA;
	font-size: 14px;
	font-family: PingFangSC-Medium, PingFang SC;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 28px;
	border: none;
}

.banner-content .banner-ipt {
	width: 280px;
	padding: 0 20px;
	height: 46px;
	line-height: 46px;
	border: 1px solid #9498A4;
	position: relative;
	right: -7px;
	top: -1px;
	border-right: none;
}

.banner-content .btn {
	font-size: 16px;
	font-family: PingFangSC-Medium, PingFang SC;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 46px;
	width: 178px;
	height: 48px;
	color: #FFFFFF;
	/* background: #0076EA; */
	border: 1px solid rgba(255, 255, 255, 1);
	/*border-radius: 25px;*/
	background-color: rgba(67, 80, 165, 0);
	position: relative;
}

.video-icon {
	font-size: 34px;
	position: absolute;
	left: 10px;
}

.banner-content .btn-right {
	margin-left: 30px;
}

/* 首页-产品服务 */
#yhl-service {
	width: 100%;
	text-align: center;
	margin-top: 578px;
	color: #333;
	background: #F5F8FF;
	padding: 74px 0;
}

.service-content {
	max-width: 1180px;
	margin: 0 16%;
}

.service-title {
	font-family: PingFangSC, PingFang SC;
	font-weight: 600;
	font-size: 25px;
	color: #1D2129;
	text-align: center;
}

.service-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin-top: 34px;
}

.service-card {
	width: 32%;
	min-width: 200px;
	max-width: 33%;
	padding: 26px;
	box-sizing: border-box;
	background: #FFFFFF;
	border-radius: 6px;
	margin-bottom: 15px;
	margin-right: 2%;
	transition: 0.3s;
}

.service-card:hover {
	transform: translateY(-8px);
}

.service-card:nth-child(3n) {
	margin-right: 0;
}

.service-card img {
	width: 44px;
	margin-bottom: 15px;
}

.service-card-title {
	font-family: PingFangSC, PingFang SC;
	font-weight: 600;
	font-size: 16px;
	color: #000000;
	line-height: 30px;
	margin-bottom: 7px;
}

.service-des {
	height: 80px;
	font-family: PingFangSC, PingFang SC;
	font-weight: 400;
	font-size: 12px;
	color: #333333;
	line-height: 20px;
}

.service-detail {
	width: 144px;
	height: 46px;
	margin: 0 auto;
	text-align: center;
	line-height: 46px;
	box-sizing: border-box;
	font-weight: 400;
	font-size: 12px;
	color: #333333;
	border-radius: 2px;
	border: 1px solid #D7D7D7;
}

.service-detail a {
	text-decoration: none;
	color: inherit;
}

.service-card:hover .service-detail {
	color: #126FEE;
	background: #F4F9FF;
	border: 1px solid #126FEE;
}

/* 首页-Deloris */
#yhl-deloris {
	width: 100%;
	text-align: center;
	color: #333;
	background: #fff;
	padding: 74px 0;
}

.deloris-desc {
	font-family: PingFangSC, PingFang SC;
	font-weight: 400;
	font-size: 16px;
	color: #666666;
	margin-top: 10px;
}

.deloris-content {
	width: 779px;
	margin-top: -30px;
}

/* 首页-行业方案 */
#yhl-solution {
	width: 100%;
	text-align: center;
	color: #333;
	padding: 74px 0;
	background-color: #f5f8ff;
}

.swiper-solution {
	width: 100%;
	position: relative;
	overflow: hidden;
	padding-top: 70px;
}

/* 轮播图 箭头 */
.swiper-solution .swiper-button-prev,
.swiper-button-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 40px;
	/* 根据图片大小调整 */
	height: 40px;
	/* 根据图片大小调整 */
	background-size: contain;
	/* 使背景图片适应容器大小 */
	background-repeat: no-repeat;
	/* 不重复背景图片 */
	cursor: pointer;
	/* 鼠标悬停时变为手型 */
	border: none;
	/* 去除边框 */
	outline: none;
	/* 去除轮廓线 */
}

.swiper-solution .swiper-button-prev {
	left: 250px;
	/* 左箭头位置 */
	background-image: url('../images/about/about/prev.png');
}

.swiper-solution .swiper-button-next {
	right: 250px;
	/* 右箭头位置 */
	background-image: url('../images/about/about/next.png');
	transition: all 0.3s ease;
}

.swiper-solution .swiper-button-prev:hover {
	transition: all 0.3s ease;
	background-image: url('../images/about/about/prev1.png');
}

.swiper-solution .swiper-button-next:hover {
	transition: all 0.3s ease;
	background-image: url('../images/about/about/next1.png');
}

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

/* 轮播图 透明度 */
#swiper-wrapper-solution .swiper-slide {
	opacity: 0.5;
	transition: opacity 0.3s;
}

#swiper-wrapper-solution .swiper-slide-active {
	opacity: 1;
	/* 活动幻灯片透明度为1 */
}

/* 轮播图 pagenation todo*/
.swiper-solution .swiper-pagination2 {
	display: flex;
	justify-content: center;
	position: absolute;
	top: 20px;
	height: 30px !important;
}

.swiper-pagination2 li {
	height: 30px !important;
	padding: 10px 10px;
	margin: 0 5px;
	font-size: 16px;
	color: #666666;
	cursor: pointer;
}

.swiper-pagination2 li a {
	color: #666666;
}

.swiper-pagination2 li a:hover {
	text-decoration: underline;
	text-underline-offset: 10px;
}

.swiper-pagination2 .swiper-pagination-bullet-active {
	color: #126FEE;
	background: transparent;
}


.selected-content {
	background-color: #f0f0f0; /* 选中背景色 */
	color: #333; /* 选中文字颜色 */
  }
  
  .selected-content .sop_advan_left_desc {
	color: #555; /* 选中时描述文字颜色 */
  }



.solution {
	height: 383px;
	border-radius: 6px;
	margin: 0 auto;
	background: linear-gradient(90deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
	padding: 110px 54px;
	box-sizing: border-box;
	text-align: left;
}

.solution h3 {
	font-family: PingFang-SC, PingFang-SC;
	font-weight: bold;
	font-size: 25px;
	color: #FFFFFF;
	line-height: 34px;
}

.solution p {
	width: 100%;
	max-width: 315px;
	margin-top: 10px;
	font-family: PingFang-SC, PingFang-SC;
	font-weight: 500;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 24px;
}

.solution div {
	width: 79px;
	padding: 7px 0;
	margin-top: 20px;
	background: #126FEE;
	border-radius: 2px;
	font-weight: 400;
	font-size: 10px;
	text-align: center;
}

.solution div a {
	text-decoration: none;
	color: white;
}

.solution1 {
	background: linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0)), url('../images/index/xin.jpg')no-repeat;
	background-position: center;
	background-size: cover;
}

.solution2 {
	background: linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0)), url('../images/index/qi.jpg')no-repeat;
	background-position: center;
	background-size: cover;
}

.solution3 {
	background: linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0)), url('../images/index/ling.jpg')no-repeat;
	background-position: center;
	background-size: cover;
}

.solution4 {
	background: linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0)), url('../images/index/zhuang.jpg')no-repeat;
	background-position: center;
	background-size: cover;
}

.solution5 {
	background: linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0)), url('../images/index/gao.jpg')no-repeat;
	background-position: center;
	background-size: cover;
}

.solution6 {
	background: linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0)), url('../images/index/kuai.jpg')no-repeat;
	background-position: center;
	background-size: cover;
}

.solution_option > .item:nth-child(1),.solution_option > .item:nth-child(2){
	background: linear-gradient(to right, transparent 9%, #EAEAEA 10%, #EAEAEA 95%, transparent 95%);
    background-size: 100% 0.5px; 
    background-repeat: no-repeat;
    background-position: bottom; 
}

.solution_option .item {
  width: 50%;
  display: flex;
  align-items: center;
  padding: 10px 36px;
  box-sizing: border-box;
}

.solution_option .item.item:nth-child(2n - 1){
    border-right: 0.5px solid #EAEAEA;
}

/* .solution_option > .item:nth-child(3){
	background: linear-gradient(to bottom, transparent 10%, rgb(146, 141, 141) 10%, rgb(161, 156, 156) 90%, transparent 90%);
    background-size: 100% 0.5px; 
    background-repeat: no-repeat;
    background-position: right; 
} */









/* 首页-应用价值 */
#yhl-value {
	width: 100%;
	text-align: center;
	color: #333;
	/* background: url('../images/index/value_back.jpg')no-repeat; */
	padding: 74px 0;
}

.value-content {
	max-width: 1180px;
	margin: 0 21% 20px 21%;
	padding: 35px;
	display: flex;
	justify-content: center;
	height: 300px;
}

.value-content-left {
	box-sizing: border-box;
	padding: 0 50px 0 100px;
	border-right: 1px solid #CCD7F1;
}

.value-num-item {
	margin-bottom: 49px;
}

.value-num-item .num-title {
	font-family: Arial, Arial;
	font-size: 49px;
	font-weight: 600;
	color: #126FEE;
	line-height: 57px;
}

.value-num-item span {
	font-size: 20px;
	font-weight: 600;
	color: #126FEE;
}

.num-desc {
	font-weight: 400;
	font-size: 14px;
	color: #000000;
}

.value-content-right {
	display: flex;
	text-align: left;
	font-size: 14px;
	color: #000000;
	padding-left: 58px;
	line-height: 28px;
}

.value-right-text {
	line-height: 35px;
}

.value-right-text p {
	font-weight: 400;
	font-size: 14px;
	color: #000000;
	line-height: 38px;
}

.value-right-text span {
	font-weight: 400;
	font-size: 10px;
	color: #666666;
	margin-top: 25px;
}

.value-right-paint {
	margin-top: 5px;
	border-left: 2px solid #666;
}

.progress-container {
	width: 100%;
	min-width: 250px;
	padding: 3px 0;
	margin-bottom: 10px;
}

.progress-bar {
	width: 0%;
	height: 22px;
	background-color: #126FEE;
	text-align: right;
	line-height: 20px;
	/* 使文本垂直居中 */
	color: white;
	padding-right: 10px;
}

.value-bottom {
	display: flex;
	justify-content: space-around;
	margin: 0 21%;
	padding: 34px 58px;
	background: #FFFFFF;
	box-shadow: 0px 1px 9px 0px rgba(178, 182, 195, 0.13);
	border-radius: 12px;
}

.value-bottom-item p {
	margin-bottom: 20px;
	font-weight: 400;
	font-size: 14px;
	color: #000000;
}

.value-bottom-item img {
	width: 100px;
}

#yhl-pa {
	width: 100%;
	text-align: center;
	color: #333;
	background: #F5F8FF;
	padding: 74px 0;
}

#yhl-pa .service-title {
	margin-bottom: 34px;
}

.pa-content {
	margin: 0 21%;
	display: flex;
	justify-content: space-between;
	gap: 15px;
	margin-top: 15px;
}

.pa-card {
	flex: 1;
	padding: 32px;
	background: #fff;
}

.pa-card img {
	width: 66px;
}

.pa-card p {
	font-family: PingFangSC, PingFang SC;
	font-weight: 600;
	font-size: 15px;
	color: #1D2129;
}

.pa-card ul {
	margin-top: 15px;
}

.pa-card ul li {
	list-style-type: disc;
	text-align: left;
	font-weight: 500;
	font-size: 14px;
	color: #333;
	line-height: 25px;
}

#yhl-news {
	width: 100%;
	text-align: center;
	color: #333;
	background: #F5F8FF;
	padding: 74px 0;
}

.news-content {
	display: flex;
	gap: 15px;
	margin: 34px 21%;
}

.news-card {
	flex: 0 0 33%;
	background: #fff;
	border-radius: 6px;
	cursor: pointer;
}

.news-card img {
	width: 100%;
	height: 133px;
	border-radius: 6px 6px 0 0;
	object-fit: cover;
}

.news-card div {
	padding: 15px;
}

.news-card div p:first-child {
	font-weight: 500;
	font-size: 14px;
	color: #000000;
	line-height: 18px;
}

.news-card div p:nth-child(2) {
	font-weight: 400;
	font-size: 10px;
	color: #666666;
	margin-top: 10px;
}

.news-more a {
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 400;
	font-size: 12px;
	color: #126FEE;
}

.news-more a img {
	width: 10px;
	margin-left: 5px;
}



#yhl-superiority {
	width: 100%;
	background: #F8FCFF;
	text-align: center;
}

.spt-content {
	width: 100%;
	padding: 100px 0 100px 0;
	position: relative;
}

.title-group {
	position: relative;
}

.title-group h2 {
	width: 100%;
	height: 58px;
	text-align: center;
	position: relative;
	z-index: 1;
	font-size: 30px;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.8);
	line-height: 45px;
	padding: 100px 0 65px 0;
}

.title-group .small-title {
	position: absolute;
	top: -13px;
	left: 50%;
	font-size: 44px;
	font-family: Source Sans Pro;
	font-weight: 600;
	line-height: 55px;
	color: #E3E3E3;
	z-index: 0;
	text-transform: uppercase;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

.spt-detail {
	max-width: 1180px;
	margin: 70px auto 0;
	display: flex;
	flex-wrap: wrap;
}

.spt-detail .box {
	width: calc(23% - 40px);
	padding: 0 20px;
	height: 350px;
	background: #FFFFFF;
	border: 1px solid #E8E9EB;
	box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.05);
	text-align: left;
	position: relative;
	/* flex:1;
	-ms-flex:1;
	-webkit-flex:1;
	-webkit-box-flex:1;
	align-items: stretch; */
	transition: .328s all 0s ease-in-out;
}

.spt-detail .box:nth-child(2) {
	margin: 0 25px;
}

.spt-detail .box:last-child {
	margin-left: 25px;
}

.spt-detail .box h3 {
	margin-top: 42px;
	height: 58px;
	font-size: 34px;
	font-family: Source Han Sans CN;
	font-weight: 500;
	line-height: 58px;
	color: #172B4D;
	text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
	position: relative;
}

.spt-detail .box h3:before {
	content: '';
	position: absolute;
	top: 55px;
	width: 68px;
	height: 0;
	border: 2px solid #172B4D;
}

.spt-detail .box h4 {
	height: 24px;
	font-size: 24px;
	font-size: 20px;
	font-weight: 400;
	line-height: 30px;
	color: #172B4D;
	margin: 37px 0 29px 0;
	position: relative;
	margin-bottom: 55px;
}

.spt-detail .box h4:before {
	position: absolute;
	content: "";
	width: 40px;
	height: 3px;
	bottom: -45px;
	left: 0;
	background: rgba(0, 0, 0, 0.8);
	z-index: 0;
}

.spt-detail .box p {
	font-size: 14px;
	font-family: Source Han Sans CN;
	font-weight: 400;
	line-height: 24px;
	color: #A8ACB9;
	margin-bottom: 25px;
}

.spt-detail .box:hover {
	background: #0076EA;
	border-right: none;
	box-shadow: 0px 0px 40px rgba(81, 130, 228, 0.6);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.spt-detail .box:hover h3,
.spt-detail .box:hover h4 {
	color: #fff;
}

.spt-detail .box:hover h3:before,
.spt-detail .box:hover h4:before {
	/* border: 2px solid #fff; */
}

.spt-detail .box:hover p {
	color: rgba(255, 255, 255, .6);
}

#yhl-ros {
	width: 100%;
	height: auto;
	/* padding-top:68px; */
	/* padding-bottom: 100px; */
}

.ros-content {
	max-width: 1180px;
	margin: 0 auto;
}

.ros-detail {
	/* height: 475px; */
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 120px;
	/* margin: 48px auto 90px; */
}

.ros-detail1 .left {
	padding: 0 50px 0 0;
}

.ros-detail .left {
	width: 450px;
	/* height: 450px; */
	flex-grow: 1;
	/* padding: 0 50px 0 0 ; */
	/* margin-top: 30px; */
	/* padding-left: 30px; */
}

.ros-detail .left p {
	font-size: 16px;
	font-family: SourceHanSansCN-Regular, SourceHanSansCN;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.8);
	line-height: 32px;
}

.ros-detail .left h3 {
	margin-bottom: 15px;
	/* margin:0px 0 15px 0; */
	font-size: 24px;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.8);
	line-height: 36px;
}

.ros-detail .left .ros-txt {
	/* opacity: 0.64; */
	margin-bottom: 10px;
	padding-left: 20px;
	position: relative;
	margin-left: 10px;
	font-size: 16px;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.5);
	line-height: 32px;

}

.ros-detail .left .ros-txt:before {
	content: '';
	display: inline-block;
	width: 8px;
	height: 8px;
	/* border: 2px solid #0076EA; */
	background: #0074F2;
	border-radius: 50%;
	left: 0;
	top: 11px;
	position: absolute;
}

.percent-box {
	display: flex;
	margin: 25px 0 0 0;
}

.ros-detail .left-info,
.ros-detail .right-info {
	width: 50%;
}

.ros-detail .left-info p,
.ros-detail .right-info p {
	font-size: 28px;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: rgba(18, 111, 238, 1);
	line-height: 42px;

}

.ros-detail .left-info span,
.ros-detail .right-info span {
	display: block;
	font-size: 16px;
	font-family: SourceHanSansCN-Regular, SourceHanSansCN;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.8);
	line-height: 24px;
}

.ros-detail .right {
	width: calc(100% - 500px);
	/* width: 700px; */
	transition: 0.20s;
	overflow: hidden;
	box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.08);
}

/* .ros-detail .right:hover{
	transform: scale(1.1);
} */
.ros-detail .right img {
	width: 100%;
}

.btn-product {
	margin-top: 20px;
	width: 150px;
	height: 50px;
	border: 2px solid #1F75EA;
	font-size: 16px;
	font-family: Source Han Sans CN;
	font-weight: 400;
	line-height: 27px;
	color: #0076EA;
	background: none;
	-webkit-transition: 0.328s all ease-in-out;
	-moz-transition: 0.328s all ease-in-out;
	-ms-transition: 0.328s all ease-in-out;
	-o-transition: 0.328s all ease-in-out;
	transition: 0.328s all ease-in-out;
}

.btn-product:hover {
	background: #0076EA;
	color: #fff;
}

.ros-detail2 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	/* margin: 60px auto 90px; */
}

.ros-detail2 .left {
	padding-left: 50px;
}

#yhl-airline {
	width: 100%;
	height: 1197px;
	padding-top: 120px;
	background: #F8FCFF;
}

#yhl-talk {
	width: 100%;
	height: 620px;
	padding-top: 120px;
	background: #ffffff;
	position: relative;
	overflow: hidden;
}

#yhl-talk h2 {
	width: 100%;
	text-align: center;
	position: relative;
	z-index: 1;
	font-size: 30px;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.8);
	line-height: 45px;
}

#yhl-talk .talk-info {
	width: 871px;
	height: 109px;
	margin: 116px auto 0;
	position: relative;
	font-size: 20px;
	font-family: SourceHanSansCN-Regular, SourceHanSansCN;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.8);
	line-height: 40px;
}

#yhl-talk .talk-info:before {
	content: '';
	display: inline-block;
	background: url("../images/home_icon_quotation_left.png");
	width: 34px;
	height: 29px;
	position: absolute;
	top: -45px;
	left: -99px;
}

#yhl-talk .talk-info:after {
	content: '';
	display: inline-block;
	background: url("../images/home_icon_quotation_right.png");
	width: 34px;
	height: 29px;
	position: absolute;
	right: -99px;
	bottom: -45px;
}

#yhl-talk .talk-info2 {
	display: none;
}

.talk-bg {
	display: inline-block;
	position: absolute;
	right: -15%;
	top: -95%;
	z-index: 0;
}

.tab-group {
	width: 871px;
	display: flex;
	margin: 140px auto 0;
	height: 40px;
	position: relative;
	z-index: 1;
}

.tab-group p {
	width: 50%;
	cursor: pointer;
	text-align: justify;
}

.tab-group p>a:hover {
	color: rgba(18, 111, 238, 1)
}

.tab-group p:nth-child(1)>a {
	color: rgba(18, 111, 238, 1)
}

.tab-group p:last-child {
	text-align: right;
	margin: 0;
}

.tab-group p>a {
	font-size: 20px;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.5);
	line-height: 30px;
}

#yhl-contact {
	width: 100%;
	padding: 70px 0 40px 0;
	background: url("../images/home/footer.png") no-repeat;
	background-size: 100% 100%;
}

#yhl-contact .service-title {
	color: #fff;
}

#customers-wrap {
	background: #ffffff;
	width: 100%;
	padding: 100px 0;
	overflow: hidden;
}

#customers-wrap .service-title {
	margin-bottom: 34px;
}

#customers-wrap .swiper-container {
	width: 100%;
	margin-bottom: 12px;
}

#swiper-wrapper-customers .swiper-slide img {
	display: block;
	width: 100%;
	object-fit: cover;
}

.swiper-two-img {
	margin-left: 25px;
}

#yhl-contact h2 {
	width: 100%;
	text-align: center;
	font-size: 34px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 40px;
}

#yhl-contact p {
	width: 100%;
	text-align: center;
	font-size: 16px;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.5);
	line-height: 22px;
	margin-top: 20px;
}

#yhl-contact input {
	width: 252px;
	height: 40px;
	line-height: 40px;
	border-left: none;
	border-top: none;
	border-right: none;
	border-bottom: 1px solid rgba(255, 255, 255, .7);
	background: none;
	color: #fff;
	font-size: 14px;
	margin-bottom: 15px;
	font-family: Source Han Sans CN;
}



#yhl-contact input::-webkit-input-placeholder {
	/* WebKit browsers */
	color: #fff;
	opacity: 1;
}

#yhl-contact input:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #fff;
	opacity: 1;
}

#yhl-contact input::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #fff;
	opacity: 1;
}

#yhl-contact input:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: #fff;
	opacity: 1;
}

#yhl-contact textarea::-webkit-input-placeholder {
	/* Internet Explorer 10+ */
	color: #fff;
	opacity: 1;
}

#yhl-contact textarea:-moz-placeholder {
	/* Firefox 18- */
	color: #fff;
	opacity: 1;
	/* 修复老版本Firefox的不透明度问题 */
}

#yhl-contact textarea::-moz-placeholder {
	/* Firefox 19+ */
	color: #fff;
	opacity: 1;
	/* 修复Firefox的不透明度问题 */
}

#yhl-contact textarea:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	opacity: 1;
	/* 修复Firefox的不透明度问题 */
	color: #fff;
}

.contact-form {
	width: 530px;
	margin: 40px auto 0;
}

.contact-form input:nth-child(2n) {
	margin-right: 10px;
}

.contact-form textarea {
	margin-top: 15px;
	width: 474px;
	height: 113px;
	color: #fff;
	border: 1px solid #fff;
	background: none;
	font-size: 14px;
	font-family: Source Han Sans CN;
	padding: 15px 28px;
}

.contact-form textarea::placeholder {
	color: #fff;
	opacity: 0.7;
}

.contact-form button {
	width: 246px;
	height: 54px;
	line-height: 54px;
	background: #0076EA;
	border: none;
	font-size: 16px;
	font-family: Source Han Sans CN;
	color: #fff;
	display: block;
	margin: 30px auto 0;
	cursor: pointer;
	-webkit-transition: 0.18s all ease-in-out;
	-moz-transition: 0.18s all ease-in-out;
	-ms-transition: 0.18s all ease-in-out;
	-o-transition: 0.18s all ease-in-out;
	transition: 0.18s all ease-in-out;
}

.submit-button {
	width: 246px;
	height: 54px;
	line-height: 54px;
	/* background: #0076EA; */
	background: #FFFFFF;
	border: none;
	font-size: 18px;
	font-family: Source Han Sans CN;
	font-weight: 600;
	/* color: #fff; */
	color: #126FEE;
	display: block;
	margin: 30px auto 0;
	cursor: pointer;
	-webkit-transition: 0.18s all ease-in-out;
	-moz-transition: 0.18s all ease-in-out;
	-ms-transition: 0.18s all ease-in-out;
	-o-transition: 0.18s all ease-in-out;
	transition: 0.18s all ease-in-out;
	text-align: center;
	box-shadow: 0px 0px 10px 0px rgba(57, 151, 254, 0.5);
	border-radius: 4px;
}

.submit-button:hover {
	/* margin:35px auto 0; */
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15);
}

.contact-form button:hover {
	/* margin:35px auto 0; */
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15);
}

.video-box {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #151515;
	z-index: 1000;
	display: none;
}

#video-detail {
	width: 980px;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;

	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.close-video {
	position: absolute;
	top: 32px;
	right: 32px;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: #585D65;
	cursor: pointer;
}

.close-video:before {
	content: '';
	position: absolute;
	width: 16px;
	height: 2px;
	background: #1D1D1D;
	top: 11px;
	left: 4px;
	transform: rotate(45deg);
	transition: .5s all 0s ease-in-out;
}

.close-video:after {
	content: '';
	position: absolute;
	width: 16px;
	height: 2px;
	background: #1D1D1D;
	top: 11px;
	left: 4px;
	transform: rotate(-45deg);
	transition: .5s all 0s ease-in-out;
}

.close-video:hover {
	background: #fff;
}

.close-video:hover::after {
	transform: rotate(45deg);
}

.close-video:hover::before {
	transform: rotate(-45deg);
}

.yhl-transport {
	width: 100%;
	height: 409px;
	padding-top: 120px;
	background: #F7F9FB;
}

.transport-detail {
	width: 1280px;
	margin: 90px auto 0;
	display: flex;
}

.transport-detail .box {
	flex: 1;
	text-align: center;
	position: relative;
	padding: 0 65px;
}

.transport-ros .box {
	padding: 0 30px;
}

.transport-detail .box:nth-child(2)::before {
	content: '';
	display: block;
	position: absolute;
	top: 20px;
	left: 0;
	width: 0px;
	height: 86px;
	border: 1px solid rgba(0, 0, 0, .15);
}

.transport-detail .box:nth-child(2)::after,
.transport-detail .box:nth-child(3)::after {
	content: '';
	display: block;
	position: absolute;
	top: 20px;
	right: 0;
	width: 0px;
	height: 86px;
	border: 1px solid rgba(0, 0, 0, .15);
}

.transport-detail h3 {
	font-size: 18px;
	font-family: Source Han Sans CN;
	font-weight: 500;
	line-height: 31px;
	color: #0A1220;
	margin-bottom: 20px;
}

.transport-detail p {
	color: rgba(10, 18, 32, .6);
	font-size: 14px;
	font-family: Source Han Sans CN;
	font-weight: 400;
	line-height: 24px;
}

.yhl-transport-Strengths {
	width: 100%;
	height: 540px;
	padding-top: 120px;
	background: #F7F9FB;
}

.customize {
	background: url("../images/customize-bg.png") no-repeat;
	background-size: 100% 100%;
}

.strengths-detail {
	width: 1280px;
	margin: 90px auto 0;
	display: flex;
}

.pa-strengths {
	flex-wrap: wrap;
}

.strengths-detail .box {
	flex: 1;
	text-align: center;
	padding: 0 50px;
	height: 320px;
	background: #FFFFFF;
	border: 1px solid #E8E9EB;
	box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.05);
	transition: .328s all 0s ease-in-out;
}

.customize .box {
	border: none;
	box-shadow: none;
	background: none;
	padding: 0 40px;
}

.customize .box img {
	margin-bottom: 25px;
}

/*.customize img.cst-bg {*/
/*z-index: 0;*/
/*position: absolute;*/
/*}	*/
/*.customize .customize-detail {*/
/*z-index: 1;*/
/*}*/
.plan-Strengths {
	height: 970px;
}

.strengths-detail .box:nth-child(2) {
	margin: 0 78px;
}

.pa-strengths .box {
	flex: 1 0 22%;
	margin-bottom: 30px;
}

.pa-strengths .box:nth-child(3n-1) {
	margin: 0 30px;
}

.customize .box:nth-child(2) {
	margin: 0;
}

.customize-small-title {
	background: linear-gradient(0deg, #2A6DB6 0%, #E8E9EB 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.strengths-detail h3 {
	font-size: 20px;
	font-family: Source Han Sans CN;
	font-weight: 400;
	line-height: 34px;
	color: #172B4D;
}

.customize h3 {
	color: #fff;
}

.strengths-detail p {
	font-size: 14px;
	font-family: Source Han Sans CN;
	font-weight: 400;
	line-height: 24px;
	color: #172B4D;
	margin-top: 25px;
}

.pa-strengths p {
	margin-top: 5px;
}

.customize p {
	color: #fff;
	margin-top: 15px;
}

.icon-circle {
	width: 88px;
	height: 88px;
	border-radius: 50%;
	background: rgba(232, 233, 235, 1);
	margin: 30px auto;
	text-align: center;
	vertical-align: middle;
	transition: .328s all 0s ease-in-out;
}

.pa-strengths .icon-circle {
	background: none;
}

.icon-circle img {
	margin-top: 25px;
}

.strengths-detail .box:hover .icon-circle {
	background: #fff;
}

.pa-strengths .box:hover .icon-circle {
	background: none;
}

pa-strengths .icon-circle img {
	margin-top: 0;
}

.strengths-detail .box:hover h3,
.strengths-detail .box:hover p {
	color: #fff;
}

.strengths-detail .box:hover {
	background: #0076EA;
	box-shadow: 0px 0px 40px rgba(84, 133, 225, 0.6);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.customize .box:hover .icon-circle {
	background: none;
}

.customize .box:hover h3,
.customize .box:hover p {
	color: #fff;
}

.customize .box:hover {
	background: none;
	box-shadow: none;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.success-case {
	width: 100%;
	height: 480px;
	padding: 120px 0;
}

.case-content {
	width: 1280px;
	margin: auto;
	display: flex;
}

.case-content .box:nth-child(1) {
	padding-right: 60px;
	flex: 1;
}

.case-content .box:nth-child(2) {
	width: 481px;
}

.case-content h3 {
	margin-top: 60px;
	font-size: 34px;
	font-family: Source Han Sans CN;
	font-weight: 500;
	line-height: 58px;
	color: #101010;
}

.case-content h4 {
	margin: 30px 0 60px 0;
	font-size: 34px;
	font-family: Source Han Sans CN;
	font-weight: 500;
	line-height: 58px;
	color: #0076EA;
}

.case-content p {
	margin-bottom: 30px;
	padding-right: 100px;
	font-size: 21px;
	font-family: Source Han Sans CN;
	font-weight: 400;
	line-height: 36px;
	color: #0A1220;
}

.yhl-plan-arrange .box:nth-child(3):after {
	display: none;
}

.plan-arrange-box .box {
	padding: 0 30px;
}

.sc-detail .box {
	padding: 0 15px;
}

.down-img {
	position: absolute;
	bottom: 33px;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);

	-webkit-animation: downMove 3s infinite;
	-o-animation: downMove 3s infinite;
	animation: downMove 3s infinite;
}

@keyframes downMove {
	0% {
		bottom: 33px;
	}

	50% {
		bottom: 15px;
	}

	100% {
		bottom: 33px;
	}
}






.btn {
	cursor: pointer;
}

/* .btn:hover {
	background: #0076EA;
	border: none;
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15);
} */


.more-customer {
	text-align: center;
}

.more-customer a {
	display: inline-block;
	font-size: 12px;
	font-family: Source Han Sans CN;
	font-weight: 400;
	line-height: 50px;
	color: #126FEE;
}

.more-customer a img {
	width: 10px;
	height: 10px;
	margin-left: 5px;
}

.swiper-container {
	position: relative;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 0;
}

.swiper-slide {
	/*text-align: center;*/
	font-size: 18px;
	position: relative;
}

.swiper-slide-yhl1 img:nth-child(1) {
	width: 195px;
	position: relative;
	top: 10px;
	left: 20px;
}

.swiper-slide-yhl1 img:nth-child(2) {
	width: 195px;
	position: absolute;
	top: -10px;
	right: 0;
}

.swiper-slide-yhl1 img:nth-child(3) {
	width: 179px;
	position: absolute;
	right: 0;
	top: 116px;
}

.swiper-slide-yhl2 img:nth-child(1) {
	position: relative;
	width: 230px;
	top: 59px;
	left: -25px;
}

.swiper-slide-yhl2 img:nth-child(2) {
	width: 248px;
	position: absolute;
	top: 0;
	right: -50px;
}

.swiper-slide-yhl2 img:nth-child(3) {
	width: 214px;
	position: absolute;
	bottom: 45px;
	right: -50px;
}

.swiper-slide-yhl3 img:nth-child(1) {
	width: 210px;
	position: relative;
	top: 90px;
	left: 20px;
}

.swiper-slide-yhl3 img:nth-child(2) {
	width: 264px;
	position: absolute;
	top: 50px;
	/* left: 120px; */
	right: -80px;
}

.swiper-slide-yhl4 img:nth-child(1) {
	width: 195px;
	position: relative;
	top: 35px;
	left: 50px;
}

.swiper-slide-yhl4 img:nth-child(2) {
	width: 210px;
	position: absolute;
	left: 50px;
	top: 146px;
}

.swiper-slide-yhl4 img:nth-child(3) {
	width: 212px;
	position: absolute;
	left: 230px;
	top: 60px;
}

.swiper-slide-yhl5 img:nth-child(1) {
	width: 172px;
	position: relative;
	left: 40px;
	top: 10px;
}

.swiper-slide-yhl5 img:nth-child(2) {
	width: 218px;
	position: absolute;
	top: 82px;
	left: 36px;
}

.swiper-slide-yhl5 img:nth-child(3) {
	width: 195px;
	position: absolute;
	top: 30px;
	left: 235px;
}

.swiper-slide-yhl6 img:nth-child(1) {
	width: 196px;
	position: relative;
	right: -22px;
	top: 29px;
}

.swiper-slide-yhl6 img:nth-child(2) {
	width: 186px;
	position: absolute;
	top: 134px;
	left: 21px;
}

.swiper-slide-yhl6 img:nth-child(3) {
	width: 231px;
	position: absolute;
	top: 80px;
	left: 192px;
}

.swiper-slide-yhl7 img:nth-child(1) {
	width: 249px;
	position: relative;
	left: 13px;
	top: 20px;
}

.swiper-slide-yhl7 img:nth-child(2) {
	width: 215px;
	position: absolute;
	top: 148px;
	left: 14px;
}

.swiper-slide-yhl7 img:nth-child(3) {
	width: 215px;
	position: absolute;
	top: 90px;
	left: 236px;
}


.swiper-slide-yhl8 img:nth-child(1) {
	width: 265px;
	position: relative;
	left: 39px;
	top: 52px;
}

.swiper-slide-yhl8 img:nth-child(2) {
	width: 188px;
	position: absolute;
	left: 278px;
	top: 20px;
}

.swiper-slide-yhl8 img:nth-child(3) {
	width: 215px;
	position: absolute;
	left: 277px;
	top: 130px;
}

.swiper-slide-yhl9 img:nth-child(1) {
	width: 213px;
	position: relative;
	left: 82px;
	top: 60px;
}

.swiper-slide-yhl9 img:nth-child(2) {
	width: 218px;
	position: absolute;
	top: -18px;
	left: 267px;
}

.swiper-slide-yhl9 img:nth-child(3) {
	width: 218px;
	position: absolute;
	top: 80px;
	left: 267px;
}

.swiper-slide-yhl10 img:nth-child(1) {
	width: 195px;
	position: relative;
	left: 73px;
	top: 20px;
}

.swiper-slide-yhl10 img:nth-child(2) {
	width: 195px;
	position: absolute;
	top: 20px;
	left: 240px;
}

.swiper-slide-yhl10 img:nth-child(3) {
	width: 185px;
	position: absolute;
	top: 124px;
	left: 249px;
}

.swiper-slide-yhl11 img:nth-child(1) {
	width: 195px;
	position: relative;
	left: -200px;
	top: 30px;
}

.swiper-slide-yhl11 img:nth-child(2) {
	width: 195px;
	position: absolute;
	top: 30px;
	left: -30px;
}

.swiper-slide-yhl11 img:nth-child(3) {
	width: 185px;
	position: absolute;
	top: 135px;
	left: -30px;
}

.swiper-slide-next {
	width: 0;
}


.swiper-banner-left {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	max-height: calc(100vh - 64px);
	line-height: 64px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: column;
}

.banner-txt-cn {
	font-size: 30px;
	position: relative;
	padding: 22px 0;
}

.swiper-banner-img img {
	display: block;
	width: 100%;
	height: auto;
}

.swiper-banner-txt {
	color: #010101;
	height: 180px;
	box-sizing: border-box;
	padding: 5px 20px;
	display: -webkit-flex;
	/* Safari */
	display: flex;
	align-items: center;
}

/* @keyframes blink-caret { 50% { background-color: transparent; } }
.banner-txt-cn span{
	display: inline-block;
    animation: blink-caret 1s step-end infinite;
    width: 5px;
    background-color: #fff;
    vertical-align: middle;
    margin-top: -10px;
} */
.banner-txt-cn span.circle {
	display: inline-block;
	width: 6px;
	height: 6px;
	border-radius: 6px;
	background-color: #fff;
	vertical-align: middle;
	margin: 0 15px;
}

.banner-txt-en {
	position: relative;
	font-size: 22px;
	font-family: "SourceHanSansCN-Regular";
	padding-top: 25px;
}

.banner-txt-en em {
	color: #70768b;
	margin: 0 13px;
}

.banner-txt-en::before {
	content: '';
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	max-width: 100%;
	border-top: 4px solid #4c80e6;

}

.home-title {
	text-align: center;
	height: 180px;
	line-height: 180px;
	font-size: 30px;
	padding: 0;
	margin: 0;
	font-weight: bold;
	position: relative;
}

.home-title span {
	position: relative;
	color: #000;
}

.home-title span::after {
	/* content: "";
	position: absolute;
	top: 60px;
	left: 0;
	width: 100px;
	height: 6px;
	top: 60px;
	background: #2e95ff; */
}

.home-title::after {
	content: "";
	position: absolute;
	bottom: -20px;
	left: 50%;
	margin-left: -20px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 20px 0 20px;
	border-color: #ffffff transparent transparent transparent;
}

#yhl-what {
	color: #fff;
	height: 780px;
	background: url(../images/zlbg.jpg) no-repeat center;
	background-size: 100% 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.yhl-what-layer {
	margin: 0 30px;
	max-width: 1000px;
	height: 400px;
	display: flex;
	justify-content: center;
	align-items: center;
	letter-spacing: 2px;
}

#yhl-what-render {
	box-sizing: border-box;
	padding: 20px 43px 50px 43px;
	border: 1px solid #fff;
	text-align: center;
	position: relative;
}

.left-top {
	position: absolute;
	top: -4px;
	left: -1px;
	width: 30px;
	height: 4px;
	background-color: #fff;
}

.left-top::after {
	content: "";
	position: absolute;
	width: 4px;
	height: 35px;
	top: 0;
	left: -4px;
	background-color: #fff;
}

.right-top {
	position: absolute;
	top: -4px;
	right: -1px;
	width: 30px;
	height: 4px;
	background-color: #fff;
}

.right-top::after {
	content: "";
	position: absolute;
	width: 4px;
	height: 35px;
	top: 0;
	right: -4px;
	background-color: #fff;
}

.left-bottom {
	position: absolute;
	bottom: -4px;
	left: -1px;
	width: 30px;
	height: 4px;
	background-color: #fff;
}

.left-bottom::after {
	content: "";
	position: absolute;
	width: 4px;
	height: 35px;
	bottom: 0px;
	left: -4px;
	background-color: #fff;
}

.right-bottom {
	position: absolute;
	bottom: -4px;
	right: -1px;
	width: 30px;
	height: 4px;
	background-color: #fff;
}

.right-bottom::after {
	content: "";
	position: absolute;
	width: 4px;
	height: 35px;
	bottom: 0px;
	right: -4px;
	background-color: #fff;
}

.yhl-what-tit {
	display: inline-block;
	font-size: 30px;
	position: relative;
	top: -42px;
	background: #16376a;
	padding: 0 34px;
}

.yhl-what-txt {
	font-size: 20px;
	line-height: 40px;
	text-align: center;
	opacity: 0.84;
}

#yhl-who {
	/* background: url(../images/pic2.png) no-repeat center #fafafa; */
	background: #F3F5F8;
	background-size: auto 100%;
	display: flex;
	align-items: center;
	padding: 50px 0;
}

.yhl-who-content {
	max-width: 1000px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	color: #000;
}

.yhl-who-content>li {
	text-align: center;
	margin-top: 45px;
}

.yhl-who-content>li:first-child {
	margin-top: 0;
}

.yhl-who-content-tit {
	font-size: 28px;
	margin-bottom: 36px;
}

.yhl-who-content-item {
	text-align: center;
	font-size: 0;
}

.yhl-who-content-item dd {
	display: inline-block;
	width: 33.333%;
	vertical-align: top;
	padding: 0 10px;
	box-sizing: border-box;
}

.yhl-who-content-item dd a {
	display: block;
}

.yhl-who-content-icon {
	height: 116px;
	line-height: 116px;
	background: url("../images/home-who-icon-bg.png") no-repeat center top;
	color: #fff;
	margin-bottom: 25px;
}

.yhl-who-content-icon .iconfont {
	font-size: 44px;
}

.yhl-who-content-txt {
	font-size: 20px;
	color: #000;
	line-height: 30px;
}

.yhl-who-content-item dd:hover .yhl-who-content-icon {
	background: url("../images/home-who-icon-bg-cur.png") no-repeat center top;
	color: #5798EF;
}

.yhl-who-content-item dd:hover .yhl-who-content-txt {
	color: #5798EF;
}


#yhl-advantage {
	background-color: #F5F7F9;
	display: flex;
	justify-content: stretch;
}

#yhl-advantage>div {
	width: 100%;
	color: #000000;
}

#yhl-advantage>div>img {
	display: block;
	width: 100%;
	height: auto;
}

.yhl-advantage-content-wrap {
	text-align: center;
	width: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.yhl-advantage-content-tit {
	font-size: 40px;
	margin: 0;
	margin-bottom: 30px;
}

.yhl-advantage-content li {
	position: relative;
	text-align: left;
	font-size: 24px;
	line-height: 90px;
	padding-left: 90px;
}

.yhl-advantage-content li .iconfont {
	position: absolute;
	left: 0;
	top: 2px;
	color: #5A9AEC;
	font-size: 44px;
}

.yhl-advantage-content-tit {
	font-size: 34px;
	text-align: left;
	margin-bottom: 40px;
}

.yhl-advantage-content li {
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 40px;
	font-weight: 500;
	padding-left: 0;
}

.yhl-advantage-content li p {
	font-family: "Poppins-Medium, Arial, " Source Han Sans CN";

}

.yhl-advantage-content li p:first-child {
	font-size: 22px;
	margin-bottom: 14px;
	font-family: "SourceHanSansCN-Medium, Arial, " Source Han Sans CN"

}



#yhl-footer {
	color: #FFFFFF;
	background: #000000;
}

.yhl-footer-wrap {
	color: #FFFFFF;
	max-width: 1180px;
	margin-left: auto;
	margin-right: auto;
	padding: 45px 20px 0;
}

.footer-logo {
	width: 108px;
}

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

.footer-nav dl {
	min-height: 216px;
}

.footer-nav dl dd {
	/* font-size: 14px;
	font-family: SourceHanSansCN-Regular, SourceHanSansCN;
	font-weight: 400;
	line-height: 26px; */
	color: rgba(255, 255, 255, 0.8);
}

.home_smallLogo {
	width: 17px;
	height: 16px;
	position: absolute;
	top: 4px;
	left: 0;
}

.footer-nav-info dd p {
	font-size: 12px;
	font-family: SourceHanSansCN-Regular, SourceHanSansCN;
	font-weight: 400;
	color: #B9B9B9;
	line-height: 21px;
	margin: 14px 0;
}

.footer-nav-ma {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
	margin-left: -27px;
}

.ma2 {
	margin: 0;
}

.footer-nav-ma img {
	width: 70px;
}

.footer-nav li:last-child dl {
	min-height: auto;
}

.footer-nav dt {
	color: #FFFFFF;
	font-weight: 400;
	font-size: 16px;
}

.footer-nav-tit {
	min-height: 36px;
	margin-bottom: 15px;
	font-size: 18px;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 30px;
}

.footer-nav {
	margin-top: 90px;
	margin-bottom: 15px;
}

.footer-nav>li {
	line-height: 36px;
}

.footer-nav>li a {
	text-decoration: none;
	font-size: 12px;
	font-family: SourceHanSansCN-Regular, SourceHanSansCN;
	font-weight: 400;
	line-height: 26px;
	color: #B9B9B9;
}

.footer-nav>li a:hover {
	color: #5797EE;
}

.footer-nav-info dd {
	line-height: 26px;
	margin-bottom: 10px;
	padding-left: 27px;
	position: relative;
	font-size: 14px;
}

.footer-nav-info dd .iconfont {
	color: #5797EE;
	font-size: 20px;
	position: absolute;
	left: 0;
}

.copy-right {
	border-top: 1px solid #575B6E;
	display: flex;
	justify-content: center;
	align-items: center;
	/* color: #101010; */
	height: 100px;
	letter-spacing: 0;
	font-size: 14px;
	font-family: Helvetica;
	color: #666666;
	line-height: 17px;
}

.copy-right a {
	color: #666666;
}

.copy-right img {
	height: 11px;
	width: auto;
}


#yhl-seek {
	color: #fff;
	background: url(../images/bg.png) repeat-x left top;
}

.yhl-seek-wrap {
	height: 298px;
	background: url(../images/demo-bg.jpg) no-repeat center top;
	background-size: auto 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.yhl-seek-content {
	text-align: center;
}

.yhl-seek-content-txt {
	margin-bottom: 20px;
	font-size: 30px;
}

.yhl-seek-btn {
	display: inline-block;
	width: 180px;
	height: 38px;
	line-height: 38px;
	background: #fff;
	border-radius: 19px;
	color: #000;
	font-size: 16px;
}



.rightFixed {
	color: #fff;
	position: fixed;
	width: 60px;
	left: 0;
	top: 50%;
	margin-top: -66px;
	font-size: 12px;
	z-index: 999;
	/* display: none !important; */
}
.rightFixedMenu{
	position: relative;
	cursor: pointer;
	color: #fff;
	position: fixed;
	width: 78px;
	background: #FFFFFF;
	box-shadow: 0px 4px 10px 0px rgba(18,111,238,0.1);
	border-radius: 6px 6px 6px 6px;
	height: 312px;
	left: 1%;
	top: 50%;
	margin-top: -66px;
	font-size: 12px;
	z-index: 999;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	user-select: none;
}
.menuItemForPhone,.menuItemForVx,.menuItemForVxOfficial,.menuItemForActivity{
	width: 80%;
	height: 25%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	border-bottom: 1px solid #EAEAEA;
}
.left-protrusion {
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 10px solid #ffffff;
	position: absolute;
	left: -10px;
	top: 50%;
	transform: translateY(-50%);
}
.menuItemForActivity{
	border-bottom: none;
}
.iconForMenu-phone,.iconForMenu-vx,.iconForMenu-official,.iconForMenu-activity{
	margin: 0 auto;
	width: 19px;
    height: 19px;
	background: url(../images/home/home_phone-vx.png) no-repeat;
	background-size: 100% 100%;
}
.iconForMenu-vx{
	background: url(../images/home/iconForMenu-vx.png) no-repeat;
	background-size: 100% 100%;
}
.iconForMenu-official{
	background: url(../images/home/iconForMenu-official.png) no-repeat;
	background-size: 100% 100%;
}
.iconForMenu-activity{
	background: url(../images/home/iconForMenu-activity.png) no-repeat;
	background-size: 100% 100%;
}
.contentText{
	font-weight: bold;
	font-size: 12px;
	color: #666666;	
}
.description-container-phone,.description-container-vx
,.description-container-vxOfficial,.description-container-activity{
	position: absolute;
	left: 95px;
	top: 0;
	width: 257px;
    height: 96px;
	background: #FFFFFF;
    /* border-radius: 6px 6px 6px 6px; */
	background: url(../images/phoneForMenu.png) no-repeat;
	background-size: 100% 100%;
	/* box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); */
	display: none;
}
.description-container-vx{
	background: url(../images/vxConsultation.png) no-repeat;
	background-size: 100% 100%;
	top: 25%;
	width: 176px;
    height: 210px;
}
.description-container-vxOfficial{
	top:50%;
	background: url(../images/vxOfficial.png) no-repeat;
	background-size: 100% 100%;
	width: 176px;
    height: 210px;
}
.description-container-activity{
	top:75%;
	background: url(../images/vx-activity.png) no-repeat;
	background-size: 100% 100%;
	width: 176px;
    height: 210px;
}
.menuItemForPhone:hover .description-container-phone {
	display: block;
}
.menuItemForVx:hover .description-container-vx {
	display: block;
}
.menuItemForVxOfficial:hover .description-container-vxOfficial {
	display: block;
}
.menuItemForActivity:hover .description-container-activity {
	display: block;
}



.rightFixed-wrap>div {
	cursor: pointer;
	display: flex;
	align-items: center;
	position: relative;
	justify-content: center;
	z-index: 1;
}

.rightFixed-wrap {
	position: relative;
}

.contact-way {
	width: 60px;
	height: 60px;
	/* line-height: 60px; */
	line-height: 30px;
	padding: 0 7px;
	box-sizing: border-box;
	text-align: center;
	/* background-color: #FFFFFF; */
	background-color: rgba(0, 118, 234, 1);
	white-space: nowrap;
	transition: all 0.6s ease 0s;
}

.contact-way.radio {
	padding: 0;
}

.contact-way.radio .contact-way-layer {
	display: none;
}

.contact-way.radio:hover .contact-way-layer {
	display: block;
}

.contact-way.email {
	padding: 0 15px;
}

.contact-way img {
	width: 24px;
	height: 24px;
	margin-left: 2px;
	display: inline-block;
	vertical-align: middle;
}

.contact-way a {
	color: #FFF;
}

.contact-way a:hover {
	text-decoration: underline;
}

.contact-way:hover p {
	display: none;
}

.contact-way:hover {
	background-color: #1E75EA;
	width: 280px;
	margin-right: -210px;
	text-align: right;
}

.contact-way:hover .contact-way-layer {
	background: #1E75EA;
	opacity: 1;
	visibility: visible;
}

.contact-way:hover .txt {
	display: inline;
}

.contact-way .iconfont {
	font-size: 28px;
	display: inline-block;
	vertical-align: middle;
}

.contact-way .txt {
	display: none;
	font-size: 16px;
	margin-left: 10px;
	transition: all 0.6s ease 0s;
}

.contact-way-layer {
	letter-spacing: 0;
	position: absolute;
	z-index: 0;
	width: 221px;
	height: 136px;
	background: #1E75EA;
	top: 60px;
	right: 0;
	/* opacity: 0;
	visibility: hidden;
	transition: all 0.6s ease 0s; */
}

.contact-way-layer.wechat-layer img {
	margin-left: 15px;
}

.contact-way-layer-top {
	color: #30343F;
	height: 114px;
}

.contact-way-layer-tel {
	font-size: 22px;
}

.contact-way-layer-email {
	margin-bottom: 8px;
}

.wechat-layer-top {
	height: 136px;
}

.wechat-img-wrap {
	text-align: left;
	transform: translateZ(60px);
	margin-left: 20px;
}

.wechat-img-wrap img {
	width: 106px;
	height: 106px;
}

.contact-way-layer-top p {
	text-align: left;
	margin-left: 65px;
}

#goTop {
	cursor: pointer;
	font-size: 12px;
	width: 60px;
	height: 60px;
	line-height: 60px;
	box-sizing: border-box;
	background: #1E75EA;
	padding-left: 18px;
	border-top: 1px solid #363634;
	/* margin-top: 60px; */
	visibility: hidden;
	opacity: 0;
	transition: all 0.5s ease 0s;
}

#goTop .iconfont {
	font-size: 24px;
}

#goTop.show {
	visibility: visible;
	opacity: 1;
	margin-top: 0;
}

#goTop:hover {
	background-color: #5A9AEC;
}



/**************************************************************************    mobile 导航***/
.yhl-navbar-toggle {
	display: none;
	width: 40px;
	height: 40px;
	/* display: flex; */
}

.yhl-navbar-toggle span {
	position: relative;
	display: block;
	margin: auto;
	transition: .3s all ease;
	width: 24px;
	height: 4px;
	background-color: #fff;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	border-radius: 2px;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.yhl-navbar-img {
	width: 30px;
}


.yhl-navbar-toggle span::after,
.yhl-navbar-toggle span::before {
	content: "";
	position: absolute;
	left: 0;
	width: 24px;
	height: 4px;
	background-color: #fff;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	border-radius: 2px;
	transition: .3s all ease;
	-webkit-transform-origin: 1.71429px center;
	transform-origin: 1.71429px center;
	transform-origin: 1.71429px center;
}

.yhl-navbar-toggle span::before {
	top: -8px;
}

.yhl-navbar-toggle span::after {
	top: 8px;
}

.yhl-navbar-toggle.cur span {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}
.yhl-navbar-toggle1 span {
	background-color: #000 !important;
}

.yhl-navbar-toggle1 span::after,
.yhl-navbar-toggle1 span::before {
	background-color: #000 !important;
}

.yhl-navbar-toggle.cur span::before,
.yhl-navbar-toggle.cur span::after {
	top: 0;
	left: 0;
	width: 15px;
}

.yhl-navbar-toggle.cur span::before {
	-webkit-transform: rotate3d(0, 0, 1, -40deg);
	transform: rotate3d(0, 0, 1, -40deg);
}

.yhl-navbar-toggle.cur span::after {
	-webkit-transform: rotate3d(0, 0, 1, 40deg);
	transform: rotate3d(0, 0, 1, 40deg);
}

#nav-mobile {
	position: fixed;
	height: calc(100% - 64px);
	top: 64px;
	left: -270px;
	width: 270px;
	background-color: #0F1118;
	z-index: 998;
	transition: .3s all ease;
	padding-bottom: 78px;
	overflow: hidden;
}

#nav-mobile.cur {
	left: 0;
}

.nav-mobile-inner {
	height: calc(100% - 78px);
	overflow: auto;
}

.nav-mobile-wrap {
	padding: 20px 0;
}

.nav-mobile-wrap a {
	color: #fff;
}

.nav-mobile-wrap>li {
	position: relative;
}

.nav-mobile-wrap>li.cur .nav-mobile-tit a {
	color: #5798ef;
}

.nav-mobile-wrap>li>.nav-mobile-tit a {
	display: block;
	height: 50px;
	line-height: 50px;
	color: #fff;
	font-size: 16px;
	padding: 0 20px;
}

.nav-mobile-wrap .toggle-icon {
	position: absolute;
	right: 0;
	top: 0;
	height: 50px;
	width: 50px;
	text-align: center;
}

.nav-mobile-wrap .toggle-icon img:nth-child(1) {
	display: inline-block;
}

.nav-mobile-wrap .toggle-icon img:nth-child(2) {
	display: none;
}

.nav-mobile-wrap .toggle-icon img {
	margin-top: 22px;
	transition: all 0.5s ease 0s;
}

.nav-mobile-wrap .toggle-icon.active img {
	transform: rotateX(180deg);
}

.nav-mobile-wrap .toggle-icon.active img:nth-child(1) {
	display: none;
}

.nav-mobile-wrap .toggle-icon.active img:nth-child(2) {
	display: inline-block;
}

.yhl-navbar-apply-mobile {
	position: fixed;
	width: 270px;
	bottom: 0;
	text-align: center;
	padding: 20px 0;
	margin-left: 0;
}

.yhl-navbar-subnav-pro-mobile dt {
	color: #fff;
	font-size: 14px;
	line-height: 46px;
	border-bottom: 1px solid #fff;
}

.yhl-navbar-subnav-pro-mobile dd {
	line-height: 40px;
	font-size: 14px;
}

.yhl-navbar-subnav-pro-mobile dd .iconfont,
.yhl-navbar-subnav-pro-mobile dd a {
	color: #fff;
}

.yhl-navbar-subnav-pro-mobile .curMobileNav a {
	color: rgba(0, 118, 234, 1);
}

.yhl-navbar-subnav-pro-mobile dd a {
	padding: 0 10px;
	display: block;
}

.yhl-navbar-subnav-pro-mobile dd .iconfont {
	margin-right: 10px;
}

.yhl-navbar-subnav-mobile dd {
	line-height: 40px;
	font-size: 14px;
}

.yhl-navbar-subnav-mobile dd a {
	display: block;
	padding: 0 30px;
}

.yhl-navbar-subnav-mobile .curMobileNav a {
	color: rgba(0, 118, 234, 1);
}

.yhl-navbar-subnav-com-mobile {
	display: none;
	margin: 0 20px;
}



/*************************************************************************************   online*/
#page-header.inner-header {
	min-height: 64px;
	background-color: transparent;
	position: absolute;
	width: 100%;
}

#online-wrap {
	min-height: 900px;
	background: url(../images/online-bg.jpg) no-repeat left top;
	background-size: cover;
	display: flex;
	justify-content: space-evenly;
	/* align-items: center; */
	padding-bottom: 60px;
	flex-wrap: wrap;
}

.online-produce {
	width: 45%;
	max-width: 658px;
	min-width: 430px;
	margin-top: 140px;
}

.online-produceTitle {
	text-align: center;
	font-weight: bold;
	font-size: 28px;
	color: #333333;
	line-height: 40px;
}

.online-produceSubTitle {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 10px 0;
}

.online-produceSubTitle p {
	font-weight: 500;
	font-size: 21px;
	color: #333333;
	text-align: center;
	margin: 0 5px;
}

.online-produceSubTitle span {
	width: 87px;
	height: 1px;
	opacity: .5;
	border-top: 1px solid #979797;
}

.online-produceList {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
}

.online-produceItem {
	width: calc(50% - 20px);
	height: 90px;
	padding: 7px;
	background: #F3F5FF;
	box-shadow: inset 3px 3px 3px 0px rgba(255, 255, 255, 0.8), inset -1px -1px 3px 0px #FFFFFF;
	border-radius: 4px;
	opacity: 0.8;
	display: flex;
	/* justify-content: start; */
	align-items: center;
}

.online-produceItemLogo {
	width: 32px;
	height: 32px;
	margin-right: 3px;
}

.online-produceItemLogo img {
	width: 100%
}

.online-produceItemText {
	width: calc((100% - 64px));
}

.online-produceItem p {
	font-weight: bold;
	font-size: 18px;
	color: #333333;
	line-height: 25px;
}

.online-produceItem span {
	font-weight: 400;
	font-size: 14px;
	color: #666666;
	line-height: 22px;
	font-style: normal;
}

.online-dataWrap {
	background: #F2F5FF;
	box-shadow: inset 3px 3px 3px 0px rgba(255, 255, 255, 0.6), inset -2px -2px 3px 0px rgba(255, 255, 255, 0.6);
	border-radius: 4px;
	padding: 25px;
	margin-top: 20px;
}

.online-dataList {
	display: flex;
	/* justify-content: space-between; */
	justify-content: space-around;
	align-items: center;
}

.online-dataItem {
	display: flex;
	justify-content: start;
	align-items: center;
}

.online-dataItem p {
	font-weight: 800;
	font-size: 28px;
	color: #0071F7;
	line-height: 40px;
}

.online-dataItem span {
	font-weight: 400;
	font-size: 12px;
	color: #333333;
	line-height: 20px;
}

.online-customerList {
	margin-top: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.online-customerItem {
	/* margin: 5px 0; */
	width: 25%;
	max-width: 142px;
}

.online-customerItem img {
	width: 100%;
	height: 100%;
}

.online_slogan {
	width: 100%;
	height: 132px;
	background: #F2F5FF;
	box-shadow: inset 3px 3px 3px 0px rgba(255, 255, 255, 0.5);
	text-align: center;
	padding: 30px 0 0 0;
}

.online_sloganTitle {
	font-weight: bold;
	font-size: 30px;
	color: #1D2129;
	line-height: 42px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.online_sloganTitle span {
	/* text-decoration: underline; */
	position: relative;
	/* border-bottom: 3px solid #0082FF; */
}

.online_sloganTitle span::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 5px;
	height: 4px;
	/* 下划线粗细 */
	background: #0089FF;
	/* 下划线颜色 */
}

.online_sloganTitle p {
	font-weight: bold;
	font-size: 30px;
	color: #0686FF;
}

.online_sloganSubTitle {
	font-weight: 500;
	font-size: 16px;
	color: #999999;
	margin-top: 10px;

}

.online-form {
	width: 45%;
	max-width: 660px;
	max-height: 739px;
	padding: 30px 60px;
	/* padding: 30px 100px; */
	box-sizing: border-box;
	background: rgba(255, 255, 255, 1);
	box-shadow: 0px 2px 30px 0px rgba(68, 73, 82, 0.15);
	/* margin-left: auto;
	margin-right: auto; */
	margin-top: 140px;
}

.online-form-tit {
	text-align: center;
	color: #000000;
	font-size: 26px;
	font-weight: normal;
	margin-bottom: 10px;
}

.online-form-tit-two {
	text-align: center;
	color: #000000;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 10px;
}

.online-form-tel {
	text-align: center;
	color: #585C61;
	font-size: 16px;
	margin-bottom: 20px;
}

.form-item {
	position: relative;
}

.red-star {
	color: #ff2a04;
}

.form-label {
	display: block;
	font-size: 16px;
	color: #585C61;
	margin-bottom: 10px;
}

.form-input {
	margin-bottom: 10px;
}

.form-input input,
.form-input textarea {
	width: 100%;
	height: 50px;
	background: rgba(255, 255, 255, 1);
	border: 1px solid rgba(230, 230, 230, 1);
	border-radius: 4px;
	padding: 5px 10px;
	box-sizing: border-box;
}

.form-input textarea {
	height: 94px;
	line-height: 24px;
}


.valid-error::-webkit-input-placeholder {
	color: #FC2D1E;
}

.valid-error:-moz-placeholder {
	color: #FC2D1E;
}

.valid-error::-moz-placeholder {
	color: #FC2D1E;
}

.valid-error:-ms-input-placeholder {
	color: #FC2D1E;
}

.form-submit {
	margin-top: 70px;
}

.form-submit a {
	display: inline-block;
	text-align: center;
	width: 100%;
	height: 57px;
	line-height: 57px;
	background: #558AEB;
	border-radius: 29px;
	color: #fff;
}

.form-submit #cancelMsg {
	background: none;
	border: 1px solid #ddd;
	color: #333;
	box-sizing: border-box;
	margin-right: 5px;
}


.inner-wrap {
	max-width: 1180px;
	margin-left: auto;
	margin-right: auto;
}


.validMsg {
	position: absolute;
	right: 0;
	top: 6px;
	color: #ff0000;
	font-size: 12px;
}

.online-layer {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99999;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.2);
	display: flex;
	align-items: center;
	justify-content: center;
}

.online-layer-inner {
	width: 450px;
	min-height: 180px;
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

#valid-msg .online-layer-inner {
	height: auto;
}

.online-layer-header {
	height: 44px;
	line-height: 44px;
	box-sizing: border-box;
	padding: 0 20px;
	border-bottom: 1px solid #ddd;
	position: relative;
	text-align: right;
}

.online-layer-header .close-btn {
	font-size: 14px;
	color: #585C61;
	cursor: pointer;
}

.online-layer-header .close-btn:hover {
	color: #599aec;
}

.online-txt {
	font-size: 14px;
	box-sizing: border-box;
	padding: 30px 30px;
	padding-left: 109px;
	position: relative;
}

.online-txt .iconfont {
	font-size: 38px;
	position: absolute;
	left: 58px;
	top: 17px;
	color: #60CC90;
}

.msg-txt {
	font-size: 14px;
	color: #585C61;
	box-sizing: border-box;
	padding: 40px 20px 20px 40px;
}

.msg-btn {
	text-align: right;
	padding: 20px;
	cursor: pointer;
}

.msg-btn>span {
	display: inline-block;
	width: 80px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	color: #fff;
	background-color: #666666;
	border-radius: 16px;
}

.response-txt {
	margin-bottom: 20px;
	font-weight: bold;
}

.success-txt {
	color: #60CC90;
}

.error-txt {
	color: #adadad;
}

.online-tips {
	line-height: 24px;
	color: #585C61;
}

.online-phone {
	font-size: 24px;
	color: #5A9AEC;
	font-weight: bold;
	font-style: italic;
}

/******************************************内页通用样式*****/
.inner-con-txt {
	font-size: 16px;
	line-height: 44px;
	color: #6F727D;
}

.inner-link {
	color: #6F727D;
}

.inner-link:hover {
	color: #5A9AEC;
	text-decoration: underline;
}









/*************************************************************************************   product-detail*/
.banner-wrap {
	overflow: hidden;
	min-height: 100px;
	position: relative;
	/* height: 440px; */
	/* height: 640px; */
	height: 580px;
}

.banner-cover {
	width: 100%;
	height: 100%;
	background: rgba(29, 54, 107, .87);
	position: absolute;
	top: 0;
	left: 0;
}

/*.banner-wrap img{
	width: 100%;
	height: auto;
	display: block;
}*/
.banner-wrap img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}

#about-banner-wrap video {
	margin: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	visibility: visible;
	opacity: 1;
	width: 100%;
	height: auto;
	z-index: 0;
}

.banner-layer {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 63, 136, .5);
	z-index: 1;
}

#about-banner-wrap .banner-inner {
	z-index: 2;
}

.banner-inner {
	height: 100%;
	width: 100%;
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1;
	color: #fff;
	font-size: 30px;
}
.sop-banner{
	background: url("../images/product/sop/banner.jpg") no-repeat center;
	background-size: cover;
}

.banner-inner p {
	margin-top: 25px;
	font-size: 20px;
	font-family: SourceHanSansCN-Regular, SourceHanSansCN;
	font-weight: 400;
	color: rgba(255, 255, 255, .8);
	line-height: 30px;
	padding: 0 50px;
}

.banner-inner>div {
	width: 90%;
	max-width: 1180px;
}

.about-zzjg {
	text-align: center;
}

.about-zzjg img {
	max-width: 100%;
	height: auto;
}

.pro-banner-back {
	background: url("../images/product/ct/product_ct_banner.jpg") no-repeat center;
	background-size: cover;
}

.pro-banner {
	margin: 0 21%;
}

.pro-banner-tit {
	margin-bottom: 15px;
	font-family: PingFangSC, PingFang SC;
	font-weight: 600;
	font-size: 27px;
	color: #FFFFFF;
	line-height: 120%;
	min-width: 250px;
	white-space: nowrap;
}

.pro-banner-subtit {
	width: 100%;
	font-family: PingFangSC, PingFang SC;
	font-weight: 400;
	font-size: 13px;
	color: #FFFFFF;
	line-height: 25px;
}

.pro-banner-zixun {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 111px;
	margin-top: 20px;
	background: linear-gradient(225deg, #60A6FF 0%, #1F6BFF 100%);
	border-radius: 5px;
}

.pro-banner-zixun a {
	text-decoration: none;
	font-weight: 500;
	font-size: 12px;
	color: #FFFFFF;
	height: 100%;
    width: 100%;
    text-align: center;
	height: 30px;
    line-height: 30px;
}

.pro-banner-link {
	border-bottom: 1px solid #979797;
	font-size: 20px;
	font-family: SourceHanSansCN-Regular, SourceHanSansCN;
	font-weight: 400;
	color: rgba(255, 255, 255, .8);
	line-height: 30px;
}

#pro-detail-banner-wrap .banner-btn {
	text-align: left;
}

.caseBanner::before {
	content: ''; /* 伪元素必须设置 content */
	position: absolute; /* 绝对定位 */
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #003588; /* 蒙层颜色 */
	opacity: 0.6; /* 透明度 60% */
	z-index: 1; /* 确保蒙层在图片上方 */
  }

#pro-detail-banner-wrap .banner-btn a {
	width: 160px;
	height: 55px;
	line-height: 54px;
	border: none;
	background: #5A9AEC;
	border-radius: 19px;
	font-size: 18px;
}

.banner-btn.caseBtn a {
	background: linear-gradient(225deg, #4D9BFF 0%, #1F6BFF 100%) !important;
	border-radius: 4px !important;
}

#product-detail {
	min-height: 800px;
	color: #29293A;
}

.pro-inner-part1,
.pro-inner-part3 {
	background-color: #fff;
	padding: 60px 0;
}

.pro-inner-part2 {
	background-color: #FFF;
	/* padding: 100px 0; */
}

.detail-tit {
	height: 124px;
	line-height: 124px;
	font-size: 36px;
	text-align: center;
}

.detail-top-list,
.detail-top-list1 {
	display: flex;
	justify-content: space-between;
}

.detail-top-list li {
	width: 30%;
	box-sizing: border-box;
	margin: 40px 0;
	box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.05);
	border-radius: 10px;
	border: 2px solid rgba(232, 232, 232, 1);
}

.detail-top-list-gyl li {
	width: 25%;
	margin: 40px 15px;
}

.detail-top-list1 li {
	width: 30%;
	box-sizing: border-box;
	margin: 40px 0;
	text-align: center;
}

.detail-top-list1 li .detail-top-list1-icon {
	height: 133px;
	line-height: 132px;
	color: #5A9AEC;
	background: url("../images/liubg.png") no-repeat center;
	margin-bottom: 25px;
}

.detail-top-list1 li .detail-top-list1-icon .iconfont {
	font-size: 58px;
}

.detail-top-item-body .detail-top-item-list {
	padding: 0;
}

.detail-top-list1-tit {
	font-size: 20px;
	line-height: 30px;
	color: #4C4C4C;
}

.detail-top-item-head {
	background-color: #5A9AEC;
	height: 130px;
	line-height: 130px;
	text-align: center;
	border-radius: 10px 10px 0 0;
	margin: -2px;
}

.detail-top-list-gyl .detail-top-item-head {
	height: 100px;
	line-height: 100px;
}

.detail-top-item-head .iconfont {
	color: #FFF;
	font-size: 52px;
}

.detail-top-list-gyl .detail-top-item-head .iconfont {
	color: #FFF;
	font-size: 44px;
}

.detail-top-item-head .iconfont.icon-scheduling {
	font-size: 68px;
}

.detail-top-item-body {
	border-radius: 0 0 10px 10px;
	padding: 0 25px 25px;
	border-top: none;
}

.detail-top-item-tit {
	text-align: center;
	padding: 25px 0;
	line-height: 22px;
	font-size: 20px;
	min-width: 44px;
}

.detail-top-item-body .detail-top-item-tit {
	height: 44px;
}

.detail-top-item-tit>span {
	display: inline-block;
	text-align: left;
}

.detail-top-item-txt {
	font-size: 12px;
	line-height: 30px;
}

.detail-top-item-list {
	padding: 0 20px 20px;
}

.detail-top-item-list dt {
	position: relative;
	padding-left: 22px;
	line-height: 22px;
	margin-bottom: 8px;
	font-size: 12px;
	background: url("../images/check-icon.png") no-repeat left 4px;
}

.detail-top-part .detail-top-item-list dt {
	background: none;
}

.detail-top-part .detail-top-item-list dt::after {
	content: "";
	position: absolute;
	left: 0;
	top: 8px;
	width: 6px;
	height: 6px;
	border-radius: 12px;
	background-color: #5A9AEC;
}

.detail-top-list-gyl .detail-top-item-list dt {
	background: none;
	padding-left: 15px;
}

.detail-top-list-gyl .detail-top-item-list dt::before {
	content: "";
	position: absolute;
	width: 6px;
	height: 6px;
	border-radius: 10px;
	left: 0;
	top: 8px;
	background-color: #848794;
}

.pro-detail {
	/* padding: 30px 0; */
}

.pro-detail-item {
	overflow: hidden;
	margin-bottom: 100px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.pro-detail-item-img {
	float: right;
	max-width: 55%;
	visibility: hidden;
	margin-top: 250px;
	opacity: 0;
	transition: all 1s ease 0s;
}

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

.pro-detail-item-txt {
	float: left;
	width: 40%;
	/* font-size: 16px;
	color: #4D4D4D;
	line-height: 30px;
	margin-top: 250px; */
	visibility: hidden;
	opacity: 0;
	transition: all 1s ease 0s;
}

.pro-detail-item.show .pro-detail-item-img,
.pro-detail-item.show .pro-detail-item-txt {
	visibility: visible;
	opacity: 1;
	margin-top: 0;
}

.pro-detail-item-tit {
	margin-top: 0;
	font-size: 24px;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: #1F75EA;
	margin-bottom: 20px;
	line-height: 36px;
}

.pro-detail-item-tit span {
	position: relative;
}

/* .pro-detail-item-tit span:after{
	position: absolute;
	content: "";
	width: 30px;
	height: 2px;
	bottom: -13px;
	left: 0;
	background-color: #5798EF;
	z-index: 0;
} */
.pro-detail-item-cn dt {
	margin-bottom: 10px;
	position: relative;
	/* padding-left: 18px; */
	font-size: 16px;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.8);
	line-height: 28px;
}

.pro-detail-item-cn dt span {
	font-weight: 800;
}

/* .pro-detail-item-cn dt::after{
	content: "";
	position: absolute;
	width: 8px;
	height: 8px;
	left: 0;
	top: 11px;
	background-color: #5798EF;
	border-radius: 50%;
} */

.pro-inner-part3 .detail-top-list li {
	width: 22%;
	box-sizing: border-box;
	border: 1px solid #e8e8e8;
	margin: 40px 0;
}

.pro-inner-part3 .detail-top-list .detail-top-item-tit {
	background-color: #5A9AEC;
	color: #fff;
	padding: 0 10px;
	text-align: center;
	height: 100px;
	border-radius: 10px 10px 0 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.pro-inner-part3 .detail-top-item-tit {
	background: none;
	font-weight: normal;
	font-size: 18px;
}

.pro-inner-part3 .iconfont {
	color: #fff;
	margin-right: 8px;
	font-size: 34px;
}

.pro-inner-part3 li:last-child .iconfont {
	font-size: 24px;
}


.pro-detail-online {
	position: relative;
}

.pro-detail-online img {
	width: 100%;
	height: auto;
	display: block;
}

.pro-detail-online-inner {
	height: 100%;
	width: 100%;
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	z-index: 1;
	color: #fff;
	font-size: 50px;
}

.pro-detail-online-txt {
	font-size: 30px;
}

.pro-detail-online-btn {
	display: inline-block;
	width: 180px;
	height: 38px;
	line-height: 38px;
	font-size: 16px;
	background-color: #fff;
	color: #000;
	border-radius: 19px;
}

.pro-detail-online-btn:hover {
	background-color: #5A9AEC;
	color: #fff;
}


.pro-inner-part4 {
	padding: 60px 0;
}

.detail-static-list {
	display: flex;
	justify-content: space-between;
	padding: 40px 0;
}

.detail-static-list li {
	text-align: center;
}

.detail-static-num {
	border-radius: 50%;
	background-color: #5a9aec33;
	padding: 15px;
	border-radius: 50%;
	background-color: #5a9aec33;
	width: 150px;
	height: 150px;
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
}

.detail-static-num-inner {
	background-color: #5A9AEC;
	font-size: 30px;
	width: 120px;
	height: 120px;
	line-height: 120px;
	color: #fff;
	border-radius: 50%;
}

.detail-static-tit {
	font-size: 22px;
	line-height: 80px;
}

/*************************************************************************************   about*/
.about-banner-tit {
	text-align: center;
	font-size: 40px;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 81px;
}

.banner-btn {
	text-align: center;
}

.banner-btn a {
	display: inline-block;
	width: 210px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border: 1px solid #fff;
	border-radius: 25px;
	color: #fff;
	font-size: 14px;
	vertical-align: top;
}

#about-us {
	color: #29293A;
}

.inner-con-common {
	max-width: 1180px;
	margin-left: auto;
	margin-right: auto;
	/* padding: 60px 0; */
	box-sizing: border-box;
}

.about-con-gray .inner-con-common {
	max-width: 1000px;
}

.about-title {
	text-align: center;
	font-size: 30px;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.8);
	margin-bottom: 30px;
}

.about-blue-bg {
	display: inline-block;
	width: 120px;
	height: 120px;
	border-radius: 120px;
	background-color: #5698ef;
	text-align: center;
	vertical-align: middle;
}

.about-list1-icon img {
	width: auto;
	height: 72px;
	display: inline-block;
	vertical-align: middle;
	margin-top: 25px;
}

/******************Data Driven Decision  列表********************************/
.about-list1 {
	display: flex;
	justify-content: space-between;
}

.about-list1-item {
	width: 30%;
	text-align: center;
}

.about-list1-tit {
	font-size: 24px;
	line-height: 60px;
	font-weight: normal;
}

.about-list1-des {
	font-size: 16px;
	color: #6F727D;
	line-height: 28px;
}



.about-con-gray {
	background: #FFFFFF;
	padding: 50px 0;
}

.about-list2 {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.about-list2-item {
	/* width: 48%; */
	/* border: 1px solid #e6e6e6; */
	display: flex;
	justify-content: space-between;
	align-items: center;
	/* margin:0 0 35px 0; */
	background: #ffffff;
	box-shadow: 2px 2px 10px 5px rgba(146, 146, 146, 0.1500);
	/* border-radius: 10px; */
	overflow: hidden;
	position: relative;
	width: 25%;
}

.about-list2-img img {
	display: block;
	width: 100%;
	/* width: auto;
	height: 265px; */
}

.about-list2-txt {
	position: absolute;
	height: 100%;
	width: 100%;
	/* width: calc(100% - 160px); */
	box-sizing: border-box;
	padding: 8px 0 0 15px;
	background: rgba(3, 27, 66, .7);
	/* background: linear-gradient( 90deg, #14243D 0%, rgba(20,36,61,0) 100%); */
	transform: translateY(14.5rem);
	transition: all 0.3s;
}

.about-list2-item:hover .about-list2-txt {
	padding: 30px 15px 0 15px;
	transform: translateY(0);
}

.about-list2-item:hover .about-list2-txt-tit {
	float: left;
	margin-right: 1rem;
}

.about-list2-txt-tit {
	position: relative;
	font-size: 16px;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 600;
	color: #FFFFFF;
	/* line-height: 30px; */
	/* min-height: 30px; */
}

.about-list2-txt-subTit {
	margin-bottom: 10px;
	margin-top: 5px;
	font-size: 12px;
	font-family: SourceHanSansCN-Regular, SourceHanSansCN;
	font-weight: 500;
	color: #FFFFFF;
	opacity: .7;
}

/* .about-list2-txt-tit::after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 30px;
	border-bottom: 2px solid #5798EF;
} */
.about-list2-txt-tit>span {
	display: inline-block;
	vertical-align: top;
	line-height: 22px;
	margin-top: 9px;
}

.about-list2-txt-list {
	font-size: 12px;
	font-family: SourceHanSansCN-Regular, SourceHanSansCN;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 22px;
	/* margin-top: 20px; */
}

.about-list2-txt-list li {
	width: 100%;
}

.about-list2-txt-list li:nth-child(1) {
	opacity: .7;
}

.about-list2-txt-list li:nth-child(2) {
	margin-top: 20px;
}

/* .about-list2-txt-list>li{
	position: relative;
	padding-left: 20px;
} */
.blue-dot {
	position: absolute;
	left: 0;
	top: 11px;
	width: 8px;
	height: 8px;
	background-color: #5798EF;
	border-radius: 50%;
}



.about-list3 {
	display: flex;
	flex-wrap: wrap;
}

.about-list3 li {
	width: 20%;
	height: 105px;
	text-align: center;
	box-sizing: border-box;
	padding: 0 20px;
}

.about-list3 li img {
	max-width: 100%;
	height: auto;
}

.about-certificate-container-wrap {
	max-width: 1180px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	padding-left: 65px;
	padding-right: 65px;
	box-sizing: border-box;
}

.about-certificate-container {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.about-certificate-slide {
	display: block;
}

.about-certificate-slide img {
	width: 100%;
	height: auto;
	display: block;
}

.certificate-txt {
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 60px;
	line-height: 24px;
	font-size: 20px;
	border-bottom: 4px solid #5798ef;
	padding: 0 10px;
}



/* 新闻搜索部分 */
.banner-search {
	width: 50%;
	margin: 20px auto;
	height: 40px;
	border-radius: 20px;
	background: #fff;
	display: flex;
	justify-content: start;
	align-items: center;
	padding: 0 20px;
}

.banner-search p {
	line-height: 33px;
}

.banner-search input {
	font-size: 16px;
	border: none;
	width: calc(100% - 2.5rem);
}

/*************************************************************************************   加入我们*/

#join-us {
	background: #F7F9FB;
}

.join-banner-tit {
	text-align: center;
	margin-bottom: 20px;
	font-size: 40px;
	font-family: PingFangSC-Semibold, PingFang SC;
	font-weight: 600;
	color: #FFFFFF;
	line-height: 75px;
}

.join-banner-tit-desc {
	text-align: center;
	font-size: 24px;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: rgba(255, 254, 254, 0.8);
	line-height: 33px;
}

.join-list {
	width: 100%;
	display: flex;
	flex-flow: wrap;
	margin-bottom: 40px;
}

.join-list li {
	width: 25%;
	border-left: 1px solid #f2f2f2;
	text-align: center;
	color: #6F727D;
	padding: 30px 10px;
	box-sizing: border-box;
}

.join-list li:first-child {
	border-left: none;
}

.join-list-icon {
	margin-bottom: 20px;
	height: 54px;
	overflow: hidden;
}

.join-list-icon .iconfont {
	font-size: 50px;
	color: #5A9AEC;
}

.join-list-desc {
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
}

#job-table {
	display: table;
}

#job-table-mobile {
	display: none;
}


.job-tab-head {
	border-bottom: 1px solid #ddd;
	font-size: 0;
	background: #E3E3E5;
}

.job-tab-head span {
	display: inline-block;
	width: 160px;
	height: 44px;
	line-height: 44px;
	box-sizing: border-box;
	background: #E3E3E5;
	position: relative;
	text-indent: 77px;
	font-size: 18px;
	cursor: pointer;
}

.job-tab-head span::after {
	content: "";
	width: 0;
	height: 0;
	border-bottom: 44px solid #E3E3E5;
	border-right: 44px solid transparent;
	position: absolute;
	right: -44px;
	bottom: 0;
	z-index: 0;
}

.job-tab-head span.cur {
	border-bottom: none;
	background: #5798EF;
	color: #fff;
	font-weight: bold;
}

.job-tab-head span.cur::before {
	content: "";
	width: 0;
	height: 0;
	border-bottom: 44px solid #E3E3E5;
	border-right: 44px solid transparent;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
}

.job-tab-head span.cur::after {
	content: "";
	width: 0;
	height: 0;
	border-bottom: 44px solid #5798EF;
	border-right: 44px solid transparent;
	position: absolute;
	right: -44px;
	bottom: 0;
	z-index: 1;
}

.job-tab-body {
	padding-top: 20px;
}

.job-tab-body li {
	display: none;
}

.job-tab-body li:first-child {
	display: block;
}

.job-img {
	text-align: center;
	/*background: url("../images/xzbg.png") no-repeat left top;*/
	background-size: 100% 100%;
}

.job-img img {
	width: 100%;
	height: auto;
}

.job-table {
	width: 100%;
	border-collapse: collapse;
	text-align: center;
	color: #29293a;
	font-size: 16px;
}

.job-table thead tr {
	border: none;
	background-color: #E3E3E5;
	line-height: 40px;
}

.job-table th:first-child,
.job-table td:first-child {
	text-align: left;
	padding-left: 10px;
}

.job-table td {
	padding: 10px;
	line-height: 24px;
	min-height: 44px;
}

.join-detail-btn {
	cursor: pointer;
	font-size: 30px;
}

.join-detail-btn span {
	display: none;
}

.join-detail-btn span:first-child {
	display: block;
}

.join-detail-btn.minus span {
	display: block;
}

.join-detail-btn.minus span:first-child {
	display: none;
}

.join-detail-btn:hover {
	color: #5A9AEC;
}

.join-desc-tr {
	display: none;
}

.join-desc-tr td {
	padding-bottom: 0;
	padding-top: 0;
}

.join-desc-con-wrap {
	padding: 20px 0;
	font-size: 14px;
	line-height: 24px;
	position: relative;
	min-height: 60px;
	border-top: 1px solid #D9D9D9;
	border-bottom: 1px solid #D9D9D9;
}

.join-apply-btn {
	position: absolute;
	right: 0;
	top: 20px;
	width: 140px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	background-color: #5A9AEC;
	border-radius: 19px;
}


/* 新闻列表新 */
.contentbox {
	max-width: 1180px;
	margin: 0 auto;
	margin-top: 80px;
	margin-bottom: 80px;
	/* height: 25rem; */
	/* background: yellow; */
	display: flex;
	justify-content: space-between;
}

.newsBox {
	width: 70%;
	height: 100%;
	/* background: green; */
}

.newsTitle {
	line-height: 50px;
	height: 50px;
	text-align: left;
	border-bottom: 1px solid #c9cbcb;
	padding-bottom: 30px;
	font-size: 30px;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.8);
}

/* .newsList{
	
} */

/* 分页 */
.page-box {
	margin-top: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.page-btn {
	cursor: pointer;
	width: 75px;
	height: 53px;

}

.page-btnPrev {
	width: 64px;
}

.pageArrow {
	width: 100%;
	height: 100%;
	border-radius: 5px;
	box-shadow: 0 5px 10px 0 rgb(0 0 0 / 5%);
	text-decoration: none;
	transition: all .20s ease-in-out;
}

#pagePrev {
	background: #d4d3d3 url("../images/ico-pagination-arrow-previous.png") no-repeat center center;
}

#pagePrev:hover {
	background: rgba(0, 118, 234, 1) url("../images/ico-pagination-arrow-previous.png") no-repeat 12px center;
}

#pageNext {
	background: #d4d3d3 url("../images/ico-pagination-arrow-next.png") no-repeat center center;
}

#pageNext:hover {
	background: rgba(0, 118, 234, 1) url("../images/ico-pagination-arrow-next.png") no-repeat 40px center;
}


#pagePrev1 {
	background: #999999 url("../images/ico-pagination-arrow-previous.png") no-repeat center center;
}

#pagePrev1:hover {
	background: #ffe900 url("../images/ico-pagination-arrow-previous.png") no-repeat 12px center;
}

#pageNext1 {
	background: #999999 url("../images/ico-pagination-arrow-next.png") no-repeat center center;
}

#pageNext1:hover {
	background: #ffe900 url("../images/ico-pagination-arrow-next.png") no-repeat 40px center;
}

.page-num {
	margin: 0 5px;
	font-size: 16px;
}

.newsItem {
	margin-top: 30px;
	height: 200px;
	display: flex;
	justify-content: start;
	align-items: center;
	position: relative;
}

.newsItem:before {
	position: absolute;
	content: "";
	width: 100%;
	bottom: -15px;
	border-bottom: 1px solid rgba(237, 237, 237, 1);
}

.newsImg {
	width: 360px;
	height: 141px;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	object-fit: cover;
	box-shadow: 0px 2px 30px 0px rgba(68, 73, 82, 0.15);
	/* border: 1px solid rgba(235, 235, 235, .5); */
	transition: transform .3s ease-in-out;
}

.newsImg img {
	max-width: 100%;
	transition: 0.3s;
}

.newsImg img:hover {
	transform: scale(1.1);
}

/* .newsImg:hover{
	transform:scale(1.1)
} */
.newsItemContent {
	cursor: pointer;
	padding: 0 20px;
	width: calc(100% - 330px);
}

.newsItemTitle {
	font-size: 20px;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #333333;
	line-height: 33px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.newsItemTitle:hover {
	color: #0549C2;
}

.newsItemDesc {
	/* margin: 0 0 10px 0; */
	width: 100%;
	height: 80px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	/*超出3行部分显示省略号，去掉该属性 显示全部*/
	-webkit-box-orient: vertical;
	font-size: 14px;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.5);
	line-height: 26px;
}

.newsItemDate {
	margin-top: 15px;
	font-size: 14px;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: rgba(1, 1, 1, 0.5);
	line-height: 20px;
}


/* 推荐部分 */
.recommendBox {
	width: 25%;
	height: 100%;
}

.recommendTitle {
	line-height: 50px;
	height: 50px;
	text-align: left;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.8);
	line-height: 50px;
	margin-bottom: 30px;
	font-size: 30px;
}

.recommendList {
	/* padding: 30px 30px 2px 30px; */
	padding: 30px 10px 2px 20px;
	background: #FFFFFF;
	box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.1);
	border-radius: 8px;
	/* min-height: 200px; */
}

.recommendItemNew {
	width: 100%;
	height: 127px;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	margin-bottom: 30px;
	transition: 0.3s;
	object-fit: cover;
}

.recommendItemNew img {
	width: 100%;
	height: 127px;
}

.recommendItemNew:hover {
	transform: scale(1.1)
}

.recommendItemNew p {
	position: absolute;
	background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, .8));
	width: 100%;
	height: 100%;
	bottom: 0;
}

.recommendItemNew span {
	/* overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical; */
	width: calc(100% - 20px);
	position: absolute;
	/* text-align: center; */
	bottom: 5px;
	left: 0;
	padding: 10px;
	font-size: 12px;
	font-weight: 400;
	color: #FFFFFF;
}

.recommendItem {
	padding: 20px;
}

.recommendItemTitle {
	cursor: pointer;
	font-size: 24px;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #333333;
	line-height: 33px;
}

.recommendItemDesc {
	margin: 20px 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	/*想省略几行就写几*/
	-webkit-box-orient: vertical;
	font-size: 16px;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: rgba(90, 90, 90, 0.9);
	line-height: 30px;
}

.recommendItemDate {
	text-align: right;
	font-size: 14px;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: rgba(1, 1, 1, 0.5);
	line-height: 20px;
}

/*************************************************************************************   签约新闻列表*/
#news-con {
	background-color: #f5f5f5;
}

.news-top-one {
	display: flex;
	background-color: #fff;

	/* visibility: hidden;
	margin-top: 100px;
	opacity: 0;
	transition: all 1s ease 0s; */
}

/* .news-top-one.show{
	visibility: visible;
	opacity: 1;
	margin-top: 0;
} */
.news-top-one-img {
	width: 50%;
	height: 324px;
	overflow: hidden;
}

.news-top-one-img img {
	width: 100%;
	height: auto;
	transition: all 0.5s;
}

.news-top-one:hover img {
	transform: scale(1.1);
}

.news-top-one-con {
	width: 50%;
	box-sizing: border-box;
	padding: 25px 50px;
}

.news-top-one-date {
	font-size: 12px;
	color: #6F727D;
	margin-bottom: 20px;
}

.news-top-one-tit {
	position: relative;
	margin-bottom: 55px;
}

.news-top-one-tit a {
	font-size: 22px;
	color: #29293A;
	line-height: 30px;
}

.news-top-one-tit::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -20px;
	width: 50px;
	height: 2px;
	background-color: #5798EF;
}

.news-top-one-txt {
	line-height: 24px;
	font-size: 12px;
	color: #6F727D;
	margin-bottom: 15px;
}

.news-top-one-btn a {
	display: inline-block;
	width: 120px;
	height: 38px;
	line-height: 38px;
	background-color: #5A9AEC;
	color: #fff;
	border-radius: 19px;
	text-align: center;
	font-size: 14px;
}

.news-list {
	padding-top: 80px;
	display: flex;
	flex-wrap: wrap;
	margin-left: -15px;
	margin-right: -15px;
}

.news-list li {
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
	margin-bottom: 80px;
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	box-sizing: border-box;

	visibility: hidden;
	margin-top: 100px;
	opacity: 0;
	transition: all 1s ease 0s;
}

.news-list li a {
	display: block;
	color: #29293A;
}

.news-list li.show {
	visibility: visible;
	opacity: 1;
	margin-top: 0;
}

.news-item-img {
	display: block;
	overflow: hidden;
	height: 240px;
}

.news-item-img img {
	width: 100%;
	height: 100%;
	display: block;
	transition: all 0.5s;
}

.news-list li:first-child .news-item-img img {
	width: auto;
	height: 100%;
	display: block;
	transition: all 0.5s;
}

.news-item-date {
	position: absolute;
	right: 15px;
	top: -40px;
	background-color: #E3E3E5;
	width: 90px;
	height: 90px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	z-index: 1;
	transition: all 0.5s ease 0s;
}

.news-item-day {
	font-size: 24px;
	line-height: 40px;
}

.news-item-year {
	font-size: 12px;
}

.news-item-tit {
	color: #29293A;
	font-size: 18px;
	height: 40px;
	line-height: 40px;
	margin: 10px 0;
	border-bottom: 1px solid #D7D7D9;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	transition: all 0.5s ease 0s;
}

.news-item-txt {
	font-size: 12px;
	line-height: 24px;
	color: #6F727D;
	height: 48px;
	overflow: hidden;
	margin-bottom: 25px;
}

.news-item-btn a {
	display: inline-block;
	width: 80px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	background: rgba(245, 245, 247, 1);
	border: 1px solid rgba(215, 215, 217, 1);
	border-radius: 12px;
	font-size: 12px;
	color: #6F727D;
	transition: all 0.5s ease 0s;
}

.news-list li:hover .news-item-date {
	background-color: #5798EF;
	color: #fff;
}

.news-list li:hover .news-item-tit {
	color: #5798EF;
}

.news-list li:hover .news-item-btn a {
	background-color: #5798EF;
	border: 1px solid #5798EF;
	color: #fff;
}

.news-list li:hover img {
	transform: scale(1.2);
}

.pagination {
	display: flex;
	justify-content: center;
	align-items: center;
}

.pagination .arrow {
	width: 30px;
	height: 30px;
	cursor: pointer;
}

.pagination .arrow.pre {
	background: url("../images/arrow-left.png") no-repeat center;
}

.pagination .arrow.after {
	background: url("../images/arrow-right.png") no-repeat center;
}

.pagination .arrow.pre:hover {
	background: url("../images/arrow-left-cur.png") no-repeat center;
}

.pagination .arrow.after:hover {
	background: url("../images/arrow-right-cur.png") no-repeat center;
}

.pagination ul {
	display: flex;
	justify-content: center;
	align-items: center;
}

.pagination ul li {
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 50%;
	color: #6F727D;
	text-align: center;
	margin: 0 6px;
	cursor: pointer;
}

.pagination ul li:hover,
.pagination ul li.cur {
	background-color: #5999EC;
	color: #fff;
}


/**************************************************************************新闻详情***/
.inner-con-common-news {
	position: relative;
	padding-right: 380px;
}

.news-detail-wrap {
	width: 100%;
}

#hot-news {
	background-color: #FFF;
	width: 330px;
	min-height: 200px;
	/* border: 1px solid rgba(215, 215, 217, 1); */
	box-sizing: border-box;
	padding: 20px;
	position: absolute;
	right: 0;
	top: 80px;
	color: #666;
	z-index: 1;
}

.hot-news-list {
	border: 1px dashed rgba(215, 215, 217, 1);
	min-height: 100px;
}

.hot-news-tit {
	font-size: 18px;
	line-height: 38px;
	/* border-bottom: 1px solid #EBEBEB; */
	margin-bottom: 6px;
	font-weight: normal;
}

.hot-news-item {
	width: 107px;
	line-height: 18px;
}

.hot-news-list li {
	display: flex;
	justify-content: space-between;
	margin-top: 22px;
	font-size: 12px;
	overflow: hidden;
}

.hot-news-img {
	width: 140px;
	height: 93px;
}

.hot-news-img img {
	width: 100%;
	height: auto;
}

.hot-news-con {
	max-height: 54px;
	overflow: hidden;
	margin-bottom: 10px;
}

.news-detail-tit {
	margin-bottom: 15px;
	text-align: left;
	font-size: 24px;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.8);
	line-height: 36px;
}

.news-detail-info {
	padding: 10px;
	text-align: center;
	border-bottom: 1px dashed rgba(227, 227, 227, 1);
}

.news-detail-info img {
	display: inline-block;
	vertical-align: middle;
}

.news-detail-time {
	margin-right: 30px;
}

.news-detail-inner {
	padding: 20px 0;
	font-size: 14px;
	line-height: 24px;
	min-height: 300px;
}

.news-detail-inner img {
	max-width: 100%;
	height: auto;
}

.news-detail-inner li {
	list-style: disc;
}

.news-bottom {
	border-top: 1px dashed #e3e3e3;
	padding: 15px 0;
	position: relative;
	padding-right: 160px;
}

.news-bottom-list {
	width: 100%;
	line-height: 24px;
	font-size: 14px;
	color: #666666;
}

.news-bottom-list a {
	color: #666666;
}

.news-bottom-list a:hover {
	color: #4B7FCA;
}

.news-bottom-list li span {
	width: 56px;
}

.news-bottom-list li a {
	width: calc(100% - 56px);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.news-bottom-list li span,
.news-bottom-list li a {
	display: inline-block;
	vertical-align: middle;
	height: 24px;
}

.news-back {
	position: absolute;
	right: 0;
	top: 20px;
	width: 140px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	border: 1px solid #d7d7d9;
	border-radius: 19px;
	background-color: #f8f8f9;
	color: #6f727d;
}

.news-back:hover {
	background-color: #5A9AEC;
	border: 1px solid #5A9AEC;
	color: #fff;
}

/*************************************************************************************客户案例*******************/
#case-wrap {
	/* background-color: rgba(245,245,247,1); */
	background: #F5F8FF;
	padding: 20px 0 0 0;
	/* padding: 100px 0; */
}

.case-inner {
	padding: 30px 0 50px 0;
	/* width: 100%; */
}

.case-inner h3 {
	text-align: center;
	margin: 20px 0;
	font-size: 20px;
	color: #333333;

}

#case-wrap .case-inner:nth-child(odd) {
	background: #F5F8FF;
}

#case-wrap .case-inner:nth-child(even) {
	background: #FFFFFF;
}

.case-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-left: -16px;
	margin-right: -16px;
}

.case-list h3 {
	width: 100%;
	text-align: center;
	margin: 15px 0;
}

.case-list .case-Item {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.case-list li {
	max-width: 33%;
	margin-bottom: 32px;
}

.case-list li>div {
	position: relative;
	margin-left: 16px;
	margin-right: 16px;
	border-radius: 4px;
	height: 450px;
	background-color: #fff;
	box-shadow: 0px 1px 10px 3px #F2F6FF;
	box-sizing: border-box;
	padding: 30px;
	padding-bottom: 54px;
	transition: 0.3s;
}

.case-list li:hover>div {
	transform: translateY(-8px);
	/* box-shadow: 0px 10px 16px 0px rgba(0, 0, 0, 0.18); */
}

.case-list li:hover a {
	color: #126FEE;
}

.case-list li>div>a {
	position: absolute;
	bottom: 50px;
	right: 15px;
	padding: 0 15px;
	/* width: 160px; */
	height: 24px;
	text-align: left;
	/* border: 1px solid rgba(215, 215, 217, 1); */
	/* border-radius:12px; */
	font-size: 12px;
	font-family: SourceHanSansCN-Regular, SourceHanSansCN;
	font-weight: 400;
	color: #000000;
	line-height: 24px;
}

.case-list li>div>a:hover {
	/* background-color: #5A9AEC; */
	/* border: 1px solid #5A9AEC; */
	/* color: #fff; */
	color: #126FEE;
}

.case-logo {
	height: 57px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 30px;
}

.case-logo img {
	max-height: 100%;
}

.case-title {
	font-family: PingFangSC, PingFang SC;
	font-weight: 600;
	font-size: 15px;
	color: #000000;
	line-height: 21px;
}

.case-des {
	font-size: 14px;
	font-family: SourceHanSansCN-Regular, SourceHanSansCN;
	font-weight: 400;
	color: #000000;
	/* color: rgba(0,0,0,0.5); */
	line-height: 28px;
}

/*.banner-case-wrap img.case-banner {
	!*width: 100%;*!
	!*height: auto;*!
	min-height: 320px;
}*/



/**********************************************************行业对话******************************/
.layer {
	/* display: none; */
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.7);
	z-index: 999;
}

.conBox {
	background: #fff;
	position: absolute;
	width: 1000px;
	height: 564px;
	top: 50%;
	left: 50%;
	margin-top: -282px;
	margin-left: -500px;
	padding: 20px;
}

#closeVideo {
	position: absolute;
	width: 40px;
	height: 40px;
	cursor: pointer;
	right: -55px;
	top: -35px;
}

.msgBox {
	position: absolute;
	width: 400px;
	height: 150px;
	top: 50%;
	left: 50%;
	margin-top: -75px;
	margin-left: -200px;
	background: #fff;
	border-radius: 3px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	padding: 5px 15px;
	box-sizing: border-box;
}

.msgHeader {
	font-size: 14px;
	height: 42px;
	line-height: 42px;
}

.msgCon {
	font-size: 12px;
	color: #666;
	padding-top: 15px;
}

.warnIcon {
	display: inline-block;
	border-radius: 20px;
	background: #e6a23c;
	color: #fff;
	width: 16px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	margin-right: 10px;
}

.msgFooter {
	text-align: right;
	padding-top: 10px;
}

.msgFooter a {
	display: inline-block;
	font-size: 14px;
	width: 60px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	vertical-align: middle;
	margin-left: 5px;
	color: #333;
}

#msgCancel {
	border: 1px solid #ddd;
	box-sizing: border-box;
}

#msgCancel:hover {
	border: 1px solid #4885EE;
	color: #4885EE;
}

#msgSubmit {
	background: #4885EE;
	color: #fff;
}

#msgSubmit:hover {
	background: #397aea;
	color: #fff;
}

#video-wrap {
	padding: 60px 0;
	background: #f9f9f9;
}

.video-list li {
	padding: 40px 0;
	cursor: pointer;
}

.video-list li:first-child {
	padding-top: 30px;
}

.video-list li>div {
	max-width: 1180px;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	border: 1px solid #e4e4e4;
	display: flex;
	justify-content: stretch;
	background: #fff;
	font-size: 14px;
}

.video-list li:nth-child(even) {
	background: #fff;
}

.video-pic {
	width: 36%;
	margin: -1px;
	position: relative;
}

.video-img {
	width: 100%;
	height: auto;
	display: block;
}

.video-btn {
	position: absolute;
	width: 78px;
	height: auto;
	left: 50%;
	top: 50%;
	margin-left: -39px;
	margin-top: -39px;
	z-index: 1;
}

.video-des {
	flex: 1;
	padding: 3em 4em;
	color: #818181;
}

.video-title {
	font-size: 22px;
	color: #272727;
	margin-bottom: 5px;
	font-weight: 500;
}

.video-txt {
	margin-bottom: 30px;
}

.video-position {
	text-align: right;
	font-size: 12px;
}







/* animate */
@keyframes moveUp {
	from {
		top: 120px;
		opacity: 0;
		filter: alpha(opacity=0);
	}

	to {
		top: 0px;
		opacity: 1;
		filter: alpha(opacity=100);
	}
}

@-webkit-keyframes moveUp {
	from {
		top: 120px;
		opacity: 0;
		filter: alpha(opacity=0);
	}

	to {
		top: 0px;
		opacity: 1;
		filter: alpha(opacity=100);
	}
}

.newscontent {
	max-width: 1180px;
	margin-left: auto;
	margin-right: auto;
	padding: 60px 0;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
}

.newscontentLeft {
	width: 65%;
	/* height: 200px;
	background-color: yellow; */
}

.newscontentLeft img {
	width: 100%;
}

.newscontentRight {
	width: 35%;
	/* height: 200px;
	background-color: green; */
}

.news-detail-inner img {
	width: 100%;
}

/* 博世华域 */


#customer-wrap {
	background: rgba(240, 242, 245, 1);
	padding-bottom: 150px;

}

.customerIncome {
	max-width: 1180px;
	margin: 0 auto;
}

.customerIncome h2 {
	text-align: center;
	font-size: 34px;
	font-weight: 500;
	color: #000000;
	padding: 100px 0 65px 0;
}

.customerIncome_list {
	max-width: 1180px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 80px;
}

.customerIncome_item {
	width: 33%;
	/* width: 280px; */
	display: flex;
	justify-content: center;
	/* justify-content: space-around; */
	align-items: center;
}

.customerIncome_item_img {
	width: 120px;
	height: 120px;
	margin-right: 30px;
	border-radius: 50%;
	background: url("../images/case/customerIncomebg.png") center center no-repeat;
	background-size: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.customerIncome_item_img img {
	/* width: 100%;
	height: 100%;
	border-radius: 50%; */
}

.customerIncome_item_title {
	margin: 10px 0;
	font-size: 24px;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: #126FEE;
	line-height: 36px;
}

.customerIncome_item_content {
	font-weight: 400;
	color: #606060;
}

/* 面临的问题部分 */
#customer_questionBox {
	max-width: 1180px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.customer_question {
	width: 48%;
	height: 350px;
	background: #F3F5F7;
	border-radius: 8px;
}

.customer_question_title {
	text-align: center;
	margin-top: 45px;
	font-size: 24px;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.8);
	line-height: 36px;

}

.customer_question_list {
	margin: 20px 30px 20px 30px;
	font-size: 14px;
	/* font-family: PingFangSC-Regular, PingFang SC; */
	font-weight: 400;
	color: rgba(0, 0, 0, 0.5);
	line-height: 26px;
}

.customer_question_list li {
	line-height: 25px;
}

/* 解决方案 */
.customer_solution {
	width: 48%;
	height: 350px;
	background: linear-gradient(180deg, #ECF3FF 0%, #FFFFFF 100%);
	border-radius: 8px;
}

.customer_solution_title {
	text-align: center;
	margin-top: 50px;
	font-size: 24px;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.8);
	line-height: 36px;

}

.customer_solution_list {
	margin: 20px 30px 20px 30px;
	/* margin: 20px 70px 80px 70px; */
	font-size: 14px;
	font-weight: 400;
	color: rgba(47, 112, 230, 0.8);
	line-height: 26px;
}

.customer_solution_list li {
	line-height: 25px;
}

.customer_solution_list li img {
	vertical-align: middle;
	float: left;
}

.customer_solution_list li p {
	margin-left: 35px;
}

/* 相关推荐 */
#customer_recommend {
	max-width: 1180px;
	margin: 0 auto;
}

.customer_recommend_title {
	text-align: center;
	letter-spacing: 1px;
	font-size: 30px;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.8);
	line-height: 45px;
	letter-spacing: 1px;
	padding: 100px 0 65px 0;
}

.customer_recommend_list {
	/* margin-top: 40px; */
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.customer_recommend_item {
	width: 31%;
	height: 401px;
	background: #FFFFFF;
	box-shadow: 0px 2px 4px 0px rgba(180, 180, 180, 0.5000);
	border-radius: 4px;
	overflow: hidden;
}

.customer_recommend_itemImg {
	height: 209px;
	/* transition: 0.2s; */
	object-fit: cover;
	cursor: pointer;
	overflow: hidden;
}

.customer_recommend_itemImg img {
	width: 100%;
	height: 100%;
	transition: 0.2s;
	/* 填充 */
	object-fit: cover;
}

.customer_recommend_itemImg img:hover {
	transform: scale(1.1);
}

.customer_recommend_itemContent {
	padding: 50px 35px;
}

.customer_recommend_itemContent_title {
	text-align: center;
	font-size: 20px;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: rgba(50, 50, 50, 0.8);
	line-height: 30px;
}

.customer_recommend_itemContent_desc {
	margin-top: 20px;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	line-height: 25px;
	font-size: 14px;
	font-family: SourceHanSansCN-Regular, SourceHanSansCN;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.5);
	line-height: 26px;
}


/* 关于我们 */
#about_wrap {
	/* background: rgba(240,242,245,1); */
	background: rgba(245, 248, 255, 1);
}

/* 技术部分 */
#about_technologyBox {
	max-width: 1180px;
	margin: 0 auto;
	margin-bottom: 60px;
}

.about_technologyBox_title {
	text-align: center;
	padding: 60px 0 30px 0;
	font-size: 30px;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.8);
	/* line-height: 45px; */
}

.about_technology_list {
	/* background: #FFFFFF; */
	/* height: 288px; */
	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-wrap: wrap;
}

.about_technology_item {
	width: calc(20% - 40px);
	/* height: 220px; */
	/* background-color: #fdfeff; */
	display: flex;
	justify-content: center;
	padding: 20px;
	flex-wrap: wrap;
	border-radius: 8px;
	margin-bottom: 30px;
	transition: 0.2s;
}

.about_technology_item h3 {
	width: 100%;
	font-weight: 600;
	font-size: 14px;
	color: #000000;
	text-align: left;
	font-style: normal;
	text-align: center;
	margin: 10px 0 8px 0;

}

.about_technology_item:hover {
	transform: scale(1.1);
}

.about_technology_itemImg {
	width: 35px;
	height: 35px;
}

.about_technology_itemImg img {
	width: 100%;
	height: 100%;
}

.about_technology_itemDesc {
	width: 100%;
	height: 52px;
	line-height: 25px;
	font-size: 12px;
	color: #64666A;
	text-align: center;
	/* text-overflow: -o-ellipsis-lastline;
	overflow: hidden;			
	text-overflow: ellipsis;		
	display: -webkit-box;		
	-webkit-line-clamp: 2;			
	line-clamp: 2;					
	-webkit-box-orient: vertical; */
}

#about_teambox {
	margin-top: 70px;
}

.about_teambox_title {
	font-size: 34px;
	font-weight: 500;
	color: #000000;
	text-align: center;
}

.about_teambox_list {
	margin-top: 70px;
	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-wrap: wrap;
}

.about_teambox_item {
	/* width: 23%; */
	width: 287px;
	margin-bottom: 70px;
	background: #FFFFFF;
	box-shadow: 2px 2px 10px 0px rgba(189, 189, 189, 0.2000);
	border-radius: 8px;
}

.about_teambox_itemImg {
	height: 225px;
}

.about_teambox_itemImg img {
	height: 100%;
	width: 100%;
	/* 图片填充满 */
	object-fit: cover;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

.about_teambox_itemDesc {
	padding: 20px;
	font-size: 14px;
	font-weight: 400;
	color: #64666A;
}

.about_teambox_itemDesc_title {
	font-size: 20px;
	font-weight: 500;
	color: #000000;
}

.about_teambox_itemDesc_job {
	margin: 10px 0;
}

.about_teambox_itemDesc p {
	margin-bottom: 5px;
}

/* 团队介绍 */
#about_teamProduce {
	background: rgba(245, 248, 255, 1);
	padding: 60px 0;
}

.about_teamProduce_title {
	text-align: center;
	/* margin: 100px 0 65px 0; */
	font-size: 30px;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.8);
	line-height: 45px;
}

.about_teamProduce_list {
	max-width: 1000px;
	margin: 50px auto;
	display: flex;
	/* justify-content: space-between; */
	flex-wrap: wrap;
}

.about_teamProduce_item {
	width: 23%;
	margin: 20px 0;
	/* height: 100px; */
	/* width: 48%; */
	/* background:  linear-gradient(180deg, #FFFFFF 0%, #EBEFFF 100%);; */
	/* box-shadow: 2px 2px 10px 5px rgba(146,146,146,0.1500); */
	/* border-radius: 8px; */
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	/* margin-bottom: 50px; */
}

.about_teamProduce_itemImg {
	width: 64px;
	height: 64px;
}

.about_teamProduce_itemImg img {
	width: 100%;
}

.about_teamProduce_itemTitle {
	width: 100%;
	text-align: center;
	font-size: 30px;
	background: linear-gradient(to right, #6AACFF 0%, #1F6BFF 100%);
	/*设置渐变的方向从左到右 颜色从ff0000到ffff00*/
	-webkit-background-clip: text;
	/*将设置的背景颜色限制在文字中*/
	-webkit-text-fill-color: transparent;
	/*给文字设置成透明*/
	margin: 3px 0;
	font-family: Arial, Arial;
}

.about_teamProduce_itemSubTitle {
	font-weight: normal;
	font-size: 14px;
	color: #000000;
	line-height: 15px;
	font-style: normal;
}

.about_teamProduce_itemLeft {
	padding: 50px 30px 30px 30px;
}

.about_teamProduce_itemRight {
	max-width: 198px;
}

.about_teamProduce_itemRight img {
	width: 100%;
}

/* .about_teamProduce_itemTitle{
	margin-bottom: 15px;
	font-size: 24px;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: rgba(0,0,0,0.8);
	line-height: 36px;
} */
.about_teamProduce_itemDesc {
	font-size: 14px;
	font-family: SourceHanSansCN-Regular, SourceHanSansCN;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.5);
	line-height: 26px;
}

/* 关于我们公司历程 */
#about_course {
	/* width: 100%; */
	margin-top: 100px;
}

#about_course_swiper {

	height: 790px;
	background: url("../images/about-banner.jpg") center center no-repeat;
}

#about_course .swiper-container {
	width: 600px !important;
	/* max-width: 1280px!important; */
}

#about_course .swiper-slide {
	width: 30%;
	text-align: center;
	font-size: 18px;
	/* background: #fff; */

	/* 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;
}

#customers-history {
	width: 100%;
	height: 526px;
	padding-top: 120px;
	background: #F8FCFF;
	overflow: hidden;
}

.about_customerHistory_title {
	font-size: 34px;
	font-weight: 500;
	color: #000000;
	text-align: center;
	/* margin: 80px 0; */
}

.box01 {
	height: 250px;
	/* 要箭头就注释掉这个 */
	margin-top: 3%;
}

.compExeBox {
	float: left;
	width: 15%;
	margin-left: 10%;
	display: none
}

.compExeBoxContent {
	width: 100%;
	word-wrap: break-word;
	margin-top: 5%;
}

.currContentBox {
	width: 25%;
}

.compExeBox span {
	font-size: 22px;
	color: white;
}

.currContentBox span {
	font-size: 23px;
	font-weight: 600;
}

/* .jsNav{
	margin-top: 50px;
} */
.jsNav a:nth-child(1) {
	margin-left: 30%;
}

.jsNav a {
	width: 3%;
	font-size: 23px;
	margin-right: 10%;
	display: inline;
	height: 33px;
	line-height: 33px;
	display: block;
	float: left;
	text-align: center;
	color: #fff;
	text-decoration: none;
}

.jsNav a:hover {
	/* background:url(../images/about/bg01.jpg) no-repeat; */
	color: #FF1555;
	text-decoration: none;
}

.jsNav .currSelected {
	text-decoration: underline;
	color: #FF1555;
}

.prevBtn {
	BACKGROUND: url(../images/about/btn01.jpg) no-repeat;
	HEIGHT: 47px;
	WIDTH: 32px;
	display: inline-block;
	top: 120px;
	position: relative;
}

.prevBtn:hover {
	BACKGROUND: url(../images/about/btn01.jpg) no-repeat;
}

.nextBtn {
	BACKGROUND: url(../images/about/btn02.jpg) no-repeat;
	HEIGHT: 47px;
	WIDTH: 32px;
	display: inline-block;
	float: right;
	top: 120px;
	position: relative;
}

.nextBtn:hover {
	BACKGROUND: url(../images/about/btn02.jpg) no-repeat;
}


/* 公里里程部分 */
#about_companyBox {
	overflow: hidden;
	width: 100%;
	/* height: 790px; */
	background: url('../images/about/about/about_companyBg.jpg') center center no-repeat;
	/* background: url('../images/about/about_companyBg.webp') center center no-repeat; */
	background-size: 100% 100%;
	position: relative;
}

#about_company {
	position: relative;
	max-width: 1180px;
	margin: 0 auto;
	margin-top: 30px
}

#about_company .swiper-slide {
	width: 30%;
	margin: 0 50px;
	/* height: 380px; */
	text-align: center;
}

#about_company .swiper-slide h4 {
	margin: 0px 0 20px 10px;
	text-align: left;
	/* padding: 0 20px; */
	font-size: 30px;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: #FFFFFF;
	/* line-height: 45px; */
}

#about_company .swiper-slide p {
	text-align: left;
	padding: 0 22px;
	font-size: 16px;
	font-family: SourceHanSansCN-Regular, SourceHanSansCN;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 28px;
}

/* .about_companyBox_title{
	text-align: center;
	margin: 100px 0 60px 0;
	font-size: 30px;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 45px;
} */
#about_company .swiper-slide-prev {
	opacity: .5;
}

#about_company .swiper-slide-next {
	opacity: .5;
}

#about_company .swiper-pagination {
	position: static;
	display: flex;
	justify-content: space-around;
	font-size: 20px;
	font-weight: 600;
	color: #FFFFFF;
	cursor: pointer;
	line-height: 40px;
	margin: 10% 0;
}

#about_company .pagination_active {
	border-bottom: 2px solid #fff;
}

/* 荣誉资质 */
#about_honor {
	padding: 70px 0;

}

.about_honor_title {
	text-align: center;
	font-size: 34px;
	font-weight: 500;
	color: #000000;
	line-height: 48px;
	margin-bottom: 40px;
}

.about_honor_list {
	max-width: 1180px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.about_honor_item {
	padding: 15px;
	width: calc(23% - 15px);
	height: 346px;
	margin-bottom: 30px;
	background: #FFFFFF;
	box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.15);
	border-radius: 4px;
	position: relative;
	cursor: pointer;
	transition: all .25s ease-in;
}

.about_honor_item:hover {
	transform: translateY(-8px);
}

.about_honor_itemLogo {
	padding: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 194px;
	background: #F5F6F7;
	width: calc(100% - 20px);
}

.about_honor_itemLogo img {
	height: 100%;
}

.about_honor_itemLogo1 {
	padding: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 194px;
	background: #F5F6F7;
	width: calc(100% - 20px);
}

.about_honor_itemLogo1 img {
	width: 100%;
}

.about_honor_item h5 {
	font-size: 16px;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.8);
	line-height: 24px;
}

.about_honor_itemDesc {
	position: absolute;
	bottom: 20px;
	right: 15px;
}

.about_honor_item p {
	font-size: 14px;
	font-family: SourceHanSansCN-Regular, SourceHanSansCN;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.8);
	line-height: 26px;
}

.about_honor_moreBtn {
	margin: 30px 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.about_honor_moreBtn p {
	width: 170px;
	height: 44px;
	background: url("../images/about/about/about_honor_moreBtn.png") center center no-repeat;
	background-size: 100% 100%;
	text-align: center;
	line-height: 44px;
	cursor: pointer;
	font-size: 16px;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #FFFFFF;
	/* background: linear-gradient(180deg, #2F70E6 90%, #2F70E6 70%); */

}

.about_honor_moreBtn p img {
	width: 14px;
	height: 14px;
	margin-left: 10px;
}

/************************* 解决方案 ********************/

/* 大交通 */
#traffic-wrap {
	background: rgba(240, 242, 245);
	padding-bottom: 120px;
}

#traffic_painPointBox {
	padding: 0 0 80px 0;

}

.traffic_painPointBox_title {
	text-align: center;
	padding: 100px 0 65px 0;
	font-size: 30px;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.8);
	line-height: 45px;
}

.traffic_painPoint_list {
	max-width: 1180px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.traffic_painPoint_item {
	width: 32%;
	height: 200px;
	background: #FFFFFF;
	box-shadow: 2px 2px 10px 0px rgba(189, 189, 189, 0.2);
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
	transition: 0.3s ease-in-out;
}

.traffic_painPoint_item:hover {
	transform: scale(1.05);
}

.traffic_painPoint_itemDesc {
	margin-left: 30px;
	font-size: 16px;
	font-weight: 400;
	color: #5F5F5F;
	line-height: 32px;
}

.traffic_painPoint_itemDesc li {
	position: relative;
	padding-left: 15px;
}

.traffic_painPoint_itemDesc li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 12px;
	width: 8px;
	height: 8px;
	border-radius: 12px;
	background-color: rgba(18, 111, 238, 1);
}

.traffic_painPoint_itemDesc img {
	margin-right: 10px;
}

#traffic_solutionBox {
	background: #f7f9fb;
	padding: 100px 0 65px 0;
}

.traffic_solution {
	max-width: 1180px;
	margin: 0 auto;
	position: relative;
	/* background: url('../images/solution/traffic_solution_bg3.png') center center no-repeat; */
	background-size: 100%;
}

.traffic_solution_title {
	font-size: 34px;
	font-weight: 600;
	color: #000000;
	text-align: center;
	padding: 95px 0;
}

.traffic_solution_list {
	max-width: 1180px;
	margin: 0 auto;
	display: flex;
	justify-content: space-around;
	position: relative;
}

.traffic_solution_item {
	width: 128px;
}

.traffic_solution_itemImg {
	width: 99px;
	height: 99px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	background: url('../images/solution/traffic_solution_itemBg.png') center center no-repeat;
}

.traffic_solution_itemTitle {
	font-size: 18px;
	font-family: PingFangSC-Semibold, PingFang SC;
	font-weight: 600;
	color: #3A3939;
	text-align: center;
	margin: 18px 0 10px 0;
}

.traffic_solution_itemDesc {
	text-align: center;
	font-size: 16px;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #5F5F5F;
	line-height: 32px;
}

/* 算法分析 */
#traffic_analysis {
	padding: 100px 0 85px 0;
}

.traffic_analysis_list {
	background: #FFFFFF;
	max-width: 1180px;
	margin: 0 auto;
	margin-top: 65px;
	box-shadow: 2px 2px 10px 0px rgb(189 189 189 / 20%);
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;

}

.traffic_analysis_title {
	text-align: center;
	font-size: 30px;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.8);
	line-height: 45px;
}

.traffic_analysis_item {
	/* background: yellow; */
	width: calc(48% - 90px);
	/* width: 48%; */
	display: flex;
	justify-content: space-around;
	align-items: center;
	padding: 80px 45px;
	position: relative;
	margin-bottom: 20px;
}

.traffic_analysis_list .traffic_analysis_item:nth-child(2) {
	/* padding: 68.5px 90px; */
}

.traffic_analysis_itemDesc {
	width: 180px;
	font-size: 16px;
	font-weight: 400;
	color: #5F5F5F;
	line-height: 32px;
}

.traffic_analysis_item ul li {
	position: relative;
	padding-left: 20px;
}

.traffic_analysis_item li:after {
	content: "";
	position: absolute;
	left: 0;
	top: 12px;
	width: 8px;
	height: 8px;
	border-radius: 12px;
	background-color: rgba(18, 111, 238, 1);
}

.traffic_analysis_itemDesc img {
	margin-right: 20px;
}

.traffic_analysis_list .traffic_analysis_item:nth-child(1)::before {
	content: '';
	display: block;
	position: absolute;
	top: 90px;
	right: 0;
	width: 0px;
	height: 150px;
	/* border-image: linear-gradient(90deg, rgba(0, 216, 247, 0) 0%, #00afed 100%) 2 2 2 2;  */
	/* border: 1px dashed rgba(0, 0, 0, .15); */
	border-right: 2px solid;
	/* border-image: linear-gradient(180deg, rgba(200, 200, 200, 0) 0%,rgba(151, 151, 151, 1) 100%) 2 2 2 2;  */
	/* border-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #979797 100%, rgba(151, 151, 151, 0) 0%) 2 2 2 2; */
	/*首先我们设置边框只显示右侧，宽度为2px的实线。*/
	/* border-right: 2px solid; */
	/*设置线性渐变*/
	border-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #979797 30%, rgba(151, 151, 151, 0) 99%) 2 2 2 2;
	/* border-image: linear-gradient(to right, #8f41e9, #578aef) 1; */
}

/* 达成效果 */
#traffic_result {
	background: #FFFFFF;
	padding: 100px 0 100px 0;
}

.traffic_result_title {
	text-align: center;
	font-size: 30px;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.8);
	line-height: 45px;
}

.traffic_result_itemTitle {
	max-width: 1180px;
	margin: 0 auto;
	margin-top: 65px;
	display: flex;
	align-items: center;
	font-size: 30px;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: #126FEE;
	line-height: 45px;
}

.traffic_result_itemTitle span {
	display: inline-block;
	width: 45px;
	height: 44px;
	text-align: center;
	margin-right: 15px;
	background: linear-gradient(90deg, #0086D1 0%, #126FEE 100%);
	font-size: 30px;
	font-family: PingFangSC-Semibold, PingFang SC;
	font-weight: 600;
	color: #FFFFFF;
	line-height: 42px;
	/* background: url('../images/solution/traffic_result_itemTitlebg.png') center center no-repeat; */
}

.traffic_result_list {
	max-width: 1180px;
	margin: 0 auto;
	margin-top: 50px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.traffic_result_item {
	width: 18%;
	min-width: 213px;
}

.traffic_result_itemPentagon {
	padding: 75px 0;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	background: url('../images/solution/traffic_result_itemPentagonbg.png') center center no-repeat;
}

.traffic_result_itemPentagon img {
	width: 60px;
	height: 60px;
}

.traffic_result_itemPentagon span {
	font-size: 34px;
	font-weight: 600;
	color: #004EA4;
}

.traffic_result_itemPentagon p {
	width: 100%;
	font-size: 34px;
	font-weight: 600;
	color: #004EA4;
	text-align: center;
}

.traffic_result_itemAir {
	position: absolute;
}

.traffic_result_Desc {
	max-width: 1180px;
	margin: 0 auto;
	margin-top: 20px;
}

.traffic_result_Desc img {
	width: 100%;
}




/* 供应链 */
#supplyChain-wrap {
	background: rgb(240, 242, 245);
	padding-bottom: 150px;
}

.supplyChain_title {
	text-align: center;
	padding: 100px 0 65px 0;
	font-size: 30px;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.8);
	line-height: 45px;
}

.supplyChain_subTitle {
	max-width: 1180px;
	margin: 0 auto;
	text-align: center;
	font-size: 18px;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.5);
	line-height: 18px;
	padding-bottom: 65px;
}

#supplyChain_Breach .supplyChain_title {
	padding: 100px 0 20px 0;
}

.supplyChain_challenge_list {
	max-width: 1180px;
	margin: 0 auto;
	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-wrap: wrap;
	padding-bottom: 80px;
}

.supplyChain_challenge_item {
	width: 47%;
	/* min-width: 420px; */
	height: 165px;
	background: #FFFFFF;
	box-shadow: 2px 2px 10px 0px rgba(189, 189, 189, 0.2);
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 30px;
}

.supplyChain_challenge_itemTitle {
	font-size: 20px;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.8);
	line-height: 30px;
}

.supplyChain_challenge_itemContent {
	padding: 0 20px 0 0;
}

.supplyChain_challenge_itemDesc {
	margin-top: 10px;
	font-size: 14px;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.5);
	line-height: 26px;
}

/*智能供应链计划是解决问题的突破口*/
#supplyChain_Breach {
	background: #fff;
	padding: 0 0 60px 0;
}

.supplyChain_Breach_title {
	text-align: center;
	font-size: 30px;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.8);
	line-height: 45px;
}

.supplyChain_Breach_subTitle {
	font-size: 19px;
	font-weight: 400;
	color: #5F5F5F;
	padding: 15px 0 40px 0;
	text-align: center;
}

.supplyChain_Breach_content {
	max-width: 1180px;
	margin: 0 auto;
}

.supplyChain_Breach_content img {
	width: 100%;
}


/* 显著收益 */
#supplyChain_profit {
	width: 100%;
	/* height:482px; */
	background: url("../images/solution/supplyChain_profit_bg.png") center center no-repeat;
	background-size: 100% 100%;
}

.supplyChain_profit_title {
	padding: 100px 0 65px 0;
	text-align: center;
	font-size: 34px;
	font-family: PingFangSC-Semibold, PingFang SC;
	font-weight: 600;
	color: #FFFFFF;
	line-height: 48px;
	letter-spacing: 1px;
}

.supplyChain_profit_list {
	max-width: 1180px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-bottom: 100px;
}

.supplyChain_profit_item {
	/* width: 180px;
    height: 180px;
    border: 1px solid #fff;
	border-radius: 50%; */
	width: 14%;
	height: 0;
	padding-top: 14%;
	border: 1px solid #fff;
	border-radius: 50%;
	position: relative;
	transition: 0.3s ease-in-out;
}

.supplyChain_profit_item:hover {
	transform: scale(1.2);
}

.supplyChain_profit_itemTitle {
	width: 100%;
	position: absolute;
	top: 30%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 30px;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 45px;
}

.supplyChain_profit_itemSubTitle {
	width: 100%;
	position: absolute;
	top: 50%;
	line-height: 60px;
	text-align: center;
	font-size: 16px;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.8);
}

/* 悠桦林解决方案 */
#supplyChain_solution {
	padding: 0 0 75px 0;
}

.supplyChain_solution_title {
	font-size: 34px;
	font-weight: 600;
	color: #000000;
	text-align: center;
}

.supplyChain_solution {
	max-width: 1180px;
	margin: 0 auto;
}

.supplyChain_solution_Desc {
	max-width: 1180px;
	margin: 0 auto;
	margin-top: 70px;
}

.supplyChain_solution_Desc img {
	width: 100%;
}

/* 不同层级计划的组合应用 */
#supplyChain_combination {
	width: 100%;
	background: #fff;
	padding: 0px 0 65px 0;
}

.supplyChain_combination_title {
	font-size: 34px;
	font-weight: 600;
	color: #000000;
	text-align: center;
}

.supplyChain_combination_Desc {
	max-width: 1180px;
	margin: 0 auto;
	margin-top: 70px;
}

.supplyChain_combination_Desc img {
	width: 100%;
}



/* ****************************product产品部分****************************/

/* product公共部分 */
/*  product居中title  */
.product_common_centerTitle {
	text-align: center;
	font-size: 30px;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.8);
	line-height: 45px;
	padding: 100px 0 65px 0;
}

/* SOP */
#sop_wrap {
	margin-top: 578px;
}

.sop_advan {
	display: flex;
	justify-content: center;
	margin-top: 34px;
}

.sop_advan_left_content {
	width: 300px;
	display: flex;
	padding: 19px;
	margin: 0 15px 10px 0;
	text-align: left;
	background: #FFFFFF;
	border-radius: 9px;
	font-weight: 600;
	font-size: 15px;
	color: #000000;
}

.sop_advan_left_content img {
	width: 30px;
	height: 30px;
	margin-right: 10px;
}

.sop_advan_right img {
	width: 552px;
}

.sop_advan_left_desc {
	margin-top: 16px;
	/* margin-bottom: 7%; */
	font-weight: 400;
	font-size: 10px;
	color: #333333;
	line-height: 18px;
	height: 72px;
}

/* 全量 */
#yhl-increment {
	background-color: #F6F8FF;
	padding: 49px 0 34px;
}

.sop_apply_main {
	display: flex;
	justify-content: space-between;
	margin-top: 15px;
}

.sop_apply_main .sop_apply_details {
	width: 49%;
	padding: 20px;
	background-color: #fff;
	box-sizing: border-box;
	border-radius: 9px;
}

.sop_apply_main .sop_apply_details h3 {
	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
	color: #000000;
}

.sop_apply_main .sop_apply_details p {
	font-weight: 400;
	font-size: 12px;
	line-height: 16px;
	color: #333;
	margin-top: 7px;
	min-height: 45px;
}

.sop_apply_top {
	display: flex;
    align-items: center;
	margin-top: 26px;
}

.sop_apply_top_img {
    width: 49%;
}

.sop_apply_top_img img {
	width: 100%;
}

.sop_apply_top_img_add {
	width: 16px;
	height: 16px;
}

.sop_apply_top_img_down {
	width: 15px;
	height: 22px;
	margin-top: 28px;
	margin-left: 24%;
}

.sop_apply_top_img_right {
	width: 22px;
	height: 15px;
}

.sop_apply_bottom {
	display: flex;
	align-items: center;
}

.sop_apply_middle {
	position: relative;
}

.sop_apply_ying .sop_apply_details_text {
	display: inline-block;
	width: 130px;
	font-size: 14px;
	text-align: center;
	color: #666;
	position: absolute;
	left: 27%;
	bottom: 0;
}

.sop_apply_ying .sop_apply_details_text_right {
	display: inline-block;
	width: 130px;
	font-size: 14px;
	text-align: center;
	color: #666;
	position: absolute;
	right: 17%;
	bottom: 0;
}

/* sop 应用场景*/
.sop_apply {
	margin-top: 34px;
	text-align: left;
}

.sop_apply_title {
	display: flex;
	align-items: center;
	margin-bottom: 7px;
	font-weight: 600;
	font-size: 20px;
	color: #000000;
}

.left-icon {
	width: 4px;
	height: 18px;
	margin-right: 7px;
	background: #126FEE;
	border-radius: 2px;
}

.left-icon.more{
	height: 50px;
}

.sop_apply p {
	font-weight: 400;
	font-size: 12px;
	color: #333333;
}

.sop_apply_img {
	margin-top: 34px;
}

.sop_apply_img p {
	font-weight: 600;
	font-size: 16px;
	color: #126FEE;
}

.sop_apply_content {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
}

.sop_apply_content img {
	flex: 0 0 50%;
	width: 330px;
}

/* sop 左右布局 */
.sop_apply_ku {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0px 30px;
	text-align: left;
}

.marginT40 {
	margin-top: 40px;
}

.sop_apply_ku img {
	width: 80%;
}
.sop_apply_ku .planChangeBOx img {
	width: 100%;
}

.sop_apply_ku_text p {
	font-weight: 400;
	font-size: 12px;
	color: #333333;
	line-height: 24px;
}

.sop_chan_bottom {
	width: 100%;
}

/* sop 上下布局 */
.sop_apply_ying {
	text-align: left;
}

.sop_apply_ying_img {
	display: flex;
	width: 100%;
}

.sop_apply_ying_img img {
	min-width: 187px;
	margin: 5px;
}

/* 产品通用案例 */
.sop_anli {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 2px;
	margin-top: 10px;
}

.sop_anli_left {
	width: 40%;
	transition: 0.8s;
}

.sop_anli_left:hover {
	transform: scale(1.2);
}

.sop_anli_right {
	width: 35%;
	padding: 27px 34px;
	text-align: left;
	/* background: #FFFFFF; */
	/* box-shadow: 1px 1px 8px 0px rgba(161, 176, 196, 0.2); */
	border-radius: 8px;
	transition: 0.8s;
}

.sop_anli_right:hover {
	transform: scale(1.2);
}

.sop_anli_right img {
	height: 41px;
}

.sop_anli_right h3 {
	font-weight: 600;
	font-size: 14px;
	color: #000000;
	margin-top: 17px;
}

.sop_anli_right p {
	font-weight: 400;
	font-size: 10px;
	color: #333333;
	line-height: 13px;
	margin: 4px 0 18px 0;
}

/* sop带背景的title */
.product_sop_bgTitle {
	margin: 0 auto;
	margin-bottom: 45px;
	width: 60%;
	height: 58px;
	background: linear-gradient(270deg, rgba(53, 130, 251, 0) 0%, #2F70E6 51%, rgba(47, 112, 230, 0) 100%);
	/* background: url('../images/product/product_sop_TitleBg.png') center center no-repeat; */
	line-height: 58px;
	font-size: 24px;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: #FFFFFF;
}

/* sop图片部分 */
.product_sop_img {
	max-width: 1180px;
	margin: 0 auto;
	transition: 0.2s;
}

.product_sop_img img {
	width: 100%;
}

/* .product_sop_img img:hover{
	box-shadow: 0px 2px 4px 0px rgba(226,226,226,0.5);
} */
/* sop靠左的title */
.product_sop_kpi_leftTitle {
	max-width: 1180px;
	margin: 0 auto;
	margin-bottom: 20px;
	text-align: left;
	font-size: 24px;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.8);
	line-height: 36px;
}

/* sop居中title  */
.product_sop_centerTitle {
	font-size: 34px;
	font-weight: 600;
	color: #000000;
}

/* 蓝色背景标题title  */
.product_itemTitle {
	max-width: 1180px;
	margin: 0 auto;
	/* margin-top: 75px; */
	display: flex;
	align-items: center;
	font-size: 30px;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: #2F70E6;
	line-height: 45px;
}

.product_itemTitle span {
	display: inline-block;
	width: 45px;
	height: 44px;
	text-align: center;
	margin-right: 15px;
	background: linear-gradient(90deg, #0086D1 0%, #126FEE 100%);
	/* background: url('../images/product/product_itemTitleBg.png') center center no-repeat; */
	font-size: 30px;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 600;
	color: #FFFFFF;
	line-height: 42px;
}


/* 有效手段 */
#product_sop_means {
	background: linear-gradient(180deg, rgba(97, 187, 253, 0) 0%, rgba(50, 134, 250, 0.1) 100%);
	/* background: url('../images/product/product_sop_meansBg.png') center center no-repeat; */
	margin: 0 auto;
	text-align: center;
	padding: 0px 0 100px 0;
}

.product_sop_meansTitle {
	padding-bottom: 60px;
	font-size: 34px;
	font-weight: 600;
	color: #3C3C3C;
}

/* 战略管理 */
#product_sop_strategy {
	background: linear-gradient(180deg, rgba(247, 250, 255, 0.46) 0%, #ECF4FF 100%);
	/* background: url('../images/product/product_sop_strategyBg.png') center center no-repeat; */
	margin: 0 auto;
	text-align: center;
	padding: 0 0 100px 0
}

.product_sop_strategyTitle {
	font-size: 34px;
	font-family: PingFangSC-Semibold, PingFang SC;
	font-weight: 600;
	color: #3C3C3C;
	padding-bottom: 57px;
}

.product_sop_strategyImg {
	margin-top: 57px;
}


/* 最优决策 */
#product_sop_decision {
	background: #ffffff;
	margin: 0 auto;
	text-align: center;
	padding: 100px 0 100px 0;
}

.product_sop_decisionImg {
	margin-top: 75px;
}


/* kpi */
#product_sop_kpi {
	/* background: url('../images/product/product_sop_kpiBg.png') center center no-repeat; */
	background: linear-gradient(180deg, #F7FAFF 0%, #ECF4FF 100%);
	box-shadow: 2px 2px 10px 5px rgba(146, 146, 146, 0.15);
	margin: 0 auto;
	text-align: center;
	padding: 60px 0 100px 0;
}

.product_sop_subTitle {
	max-width: 1180px;
	margin: 0 auto;
	padding: 20px 0;
	/* color: #000000; */
	font-size: 16px;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.7);
	line-height: 32px;
}

.product_sop_kpiList {
	max-width: 1180px;
	margin: 0 auto;
	margin-top: 40px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.product_sop_kpiItem {
	background: linear-gradient(360deg, #F7FAFF 0%, #ECF4FF 100%);
	box-shadow: 2px 2px 10px 5px rgb(146 146 146 / 5%);
	width: calc(30% - 100px);
	min-width: 283px;
	height: 145px;
	padding: 40px 50px;
	text-align: left;
	margin-bottom: 20px;
	border-radius: 10px;
}

.product_sop_kpiItem_title {
	font-size: 24px;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.8);
	line-height: 36px;
}

.product_sop_kpiItem_desc {
	margin-top: 13px;
	font-size: 16px;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.5);
	line-height: 30px;
}

.product_sop_kpiDemo {
	max-width: 1180px;
	margin: 0 auto;
	margin-top: 45px;
}

/* 财务指标 */
.product_sop_kpiFinance {
	max-width: 1180px;
	margin: 0 auto;
	margin-top: 60px;

}

.product_sop_kpiFinanceList {
	max-width: 1180px;
	margin: 0 auto;
	margin-top: 15px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.product_sop_kpiFinanceItem {
	background: linear-gradient(180deg, #ECF3FF 0%, #FFFFFF 100%);
	box-shadow: 0px 2px 4px 0px rgba(208, 208, 208, 0.5);
	border-radius: 4px;
	/* background: url('../images/product/product_sop_kpiFinanceItemBg.png') center center no-repeat; */
	/* min-width: 200px; */
	width: 16%;
	padding: 22px 0;
	height: 69px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 15px;
}

.product_sop_kpiFinanceItem p {
	padding: 0;
}

.product_sop_kpiFinanceItem_title {
	width: 100%;
	font-size: 30px;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: #2F70E6;
	line-height: 45px;
}

.product_sop_kpiFinanceItem_desc {
	font-size: 16px;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.7);
	line-height: 27px;
}


/* 能力提升  */
#product_sop_ability {
	padding: 100px 0;
	text-align: center;
	background: url('../images/product/product_sop_abilityBg.png') center center no-repeat;
}


/* 会议机制  */
#product_sop_meeting {
	background: #F4F7FF;
	margin: 0 auto;
	text-align: center;
	padding-top: 0 0 100px 0
}

/* OP计划流程 */
#product_sop_plan {
	background: #ffffff;
	margin: 0 auto;
	text-align: center;
	padding: 0 0 100px 0;
}

#product_sop_plan .product_sop_centerTitle {
	margin-bottom: 70px;
}

/* 产品架构 */
#product_sop_architecture {
	background: #F7F9FB;
	/* background: url('../images/product/product_sop_architectureBg.png')center center no-repeat; */
	margin: 0 auto;
	text-align: center;
	padding: 0 0 100px 0;
}

.product_sop_architectureList {
	max-width: 1180px;
	margin: 0 auto;
	margin-top: 30px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	text-align: left;
}

.product_sop_architectureItem {
	background: linear-gradient(360deg, #F7FAFF 0%, #ECF4FF 100%);
	box-shadow: 2px 2px 10px 5px rgba(146, 146, 146, 0.05);
	border-radius: 2px;
	/* min-width:330px; */
	width: calc(30% - 55px);
	height: 380px;
	padding: 45px 25px 0 30px;
	/* padding-left: 55px;
	padding-top: 45px; */
	margin-bottom: 15px;
	border-radius: 10px;
}

.product_sop_architectureItem_title {
	font-size: 24px;
	font-weight: 500;
	color: #112B50;
	line-height: 33px;
}

.product_sop_architectureItem ul {
	margin-top: 15px;
	line-height: 32px;
}

.product_sop_architectureItem ul img {
	/* margin-right: 10px; */
	/* vertical-align: middle;
    float: left; */
}

.product_sop_architectureItem ul li {
	font-size: 16px;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.6);
	/* color: rgba(17,43,80,0.5); */
	line-height: 30px;
	max-width: 275px;
	position: relative;
	padding-left: 15px;
}

.product_sop_architectureItem ul li:before {
	content: '';
	display: inline-block;
	width: 8px;
	height: 8px;
	/* border: 2px solid #0076EA; */
	background: #1F75EA;
	border-radius: 50%;
	left: 0;
	top: 9px;
	position: absolute;
}

.product_sop_architectureItem ul li p {}


/* 供应链控制塔 */
#product_sop_supplyChain {
	background: #ffffff;
	margin: 0 auto;
	text-align: center;
	padding: 0 0 100px 0;
}

#product_sop_supplyChain .product_sop_subTitle {
	font-weight: 400;
	color: #717477;
	margin-bottom: 60px;
}

/* S&OP最终目的：形成一致计划 */
#product_sop_target {
	background: #F7F9FB;
	margin: 0 auto;
	text-align: center;
	padding: 0 0 100px 0;
}

/* ***************************ocp  ****************/
#ocp-wrap {
	background: #ffffff;
	margin-top: 578px;
}

/* 订单全生命周期的痛点 */
#product_ocp_painPoint {
	padding: 0 0 100px 0;
}

#product_ocp_painPoint .product_sop_img {
	/* margin-top: 58px; */
}

/* 订单交付计划OCP所能解决的问题 */
#product_ocp_solution {
	background: #fff;
	padding: 0 0 100px 0;
}

#product_ocp_solution .product_sop_img {
	margin-top: 30px;
}


/* 订单交付计划OCP流程&能力 */
#product_ocp_process {
	/* padding: 0 0 100px 0; */
}

#product_ocp_process .product_sop_img {
	margin-top: 30px;
	margin-bottom: 48px;
}

.product_sop_ability {
	max-width: 1180px;
	margin: 0 auto;
	background: linear-gradient(360deg, #EDF4FF 0%, #FFFFFF 100%);
	box-shadow: 2px 2px 10px 5px rgba(146, 146, 146, 0.05);
	padding: 30px 35px;
}

.product_sop_abilityList {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 15px 0;
}

.product_sop_abilityTitle {
	font-size: 24px;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.8);
	line-height: 36px;
}

.product_sop_abilityItem {
	vertical-align: middle;
	margin-bottom: 10px;
}

.product_sop_abilityItemDesc {
	font-size: 16px;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.5);
	line-height: 30px;
}

.product_sop_abilityItemDesc:before {
	content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	background: #1F75EA;
	border-radius: 50%;
	margin-right: 6px;
}

/* 订单交付计划OCP的主要功能 */
#product_ocp_masterFunction {
	padding: 50px 0 100px 0;
	background: #ffffff;
}

/* #ocp-wrap .product_sop_subTitle{
	max-width: 1180px;
	margin: 0 auto;
	color:#5F5F5F;
} */

#product_ocp_materialSupplementaryPlan {
	padding: 50px 0 100px 0;
	background: #f7f9fb;
}

/* 有限能力计划 */
#product_ocp_limitedCapacityPlan {
	padding: 50px 0 100px 0;
	background: #ffffff;
}

.product_ocp_arrow {
	margin-top: -86px;
	text-align: center;
	height: 216px;
	margin-bottom: 15px;
	background: url('../images/product/product_ocp_processModel.png') center center no-repeat;
}

.product_ocp_arrow {
	font-size: 30px;
	font-weight: 600;
	color: #F7F9FB;
	line-height: 300px;
	bottom: 20px;
}

#product_ocp_supplyChain {
	padding: 70px 0 100px 0;
	background: #f7f9fb;
}



/* 订单供应路径优化 */

.product_ocp_supplyChainList {
	max-width: 1180px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.product_ocp_supplyChainItem {
	width: 60%;
}

.product_ocp_supplyChainItem:nth-child(1) {
	width: 30%;
}

.product_ocp_supplyChainItemDesc {
	margin-top: 10px;
	/* width: 407px;
	height: 180px; */
	font-size: 16px;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.5);
	line-height: 30px;
}

#product_ocp_supplyChain .product_itemTitle {
	margin-top: 0;
}

/* 模拟仿真 */
#product_ocp_simulation {
	padding: 80px 0 100px 0;
	background: #ffffff;
}

/* mps */
#mps-wrap {
	background: #ffffff;
	margin-top: 578px;
}

.mps_advan {
	display: flex;
	margin-top: 28px;
	gap: 12px;
}

.mps_advan_card {
	flex: 1;
	padding: 46px;
	background: #FFFFFF;
	border-radius: 8px;
	min-width: 60px;
}

.mps_advan_card .highlight {
	display: none;
}

.mps_advan_card img {
	width: 28px;
}

.mps_advan_card h3 {
	font-weight: 600;
	font-size: 16px;
	color: #000000;
	margin: 9px auto 7px auto;
}

.mps_advan_card p {
	text-align: left;
	font-weight: 400;
	font-size: 12px;
	color: #333333;
	line-height: 18px;
}

/* mrp */
.mrp_advan {
	display: flex;
	flex-wrap: wrap;
	text-align: left;
	margin: 31px 0 13px 0;
	gap: 14px;
}

.mrp_advan_card {
	flex: 1 0 27%;
	padding: 14px;
	background-color: #FFFFFF;
	border-radius: 8px;
}

.mrp_advan_card h3 {
	margin-bottom: 3px;
	font-weight: 600;
	font-size: 14px;
	color: #000000;
}

.mrp_advan_card p {
	font-weight: 400;
	font-size: 10px;
	color: #333333;
	line-height: 15px;
	min-height: 30px;
}

.mrp_advan_bottom {
	width: 100%;
}

/* ams  */
#ams-wrap {
	background: #ffffff;
	margin-top: 578px;
}

#ams-wrap .product_common_centerTitle {
	/* margin-bottom: 50px; */
}

#product_ams_whatIsAms {
	padding: 0 0 100px 0;
}

#product_ams_value {
	background: #f7f9fb;
	padding: 0px 0 100px 0;
}

#product_ams_operationFlow {
	padding: 0px 0 100px 0;
}

#product_ams_considerations {
	background: #f7f9fb;
	padding: 0px 0 100px 0;
}

#product_ams_feature {
	padding: 0 0 100px 0;
}

.product_ams_featureList {
	max-width: 1180px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.product_ams_featureItem {
	width: 47%;
	height: 310px;
	background-color: #FFFFFF;
	box-shadow: 2px 2px 10px 5px rgba(146, 146, 146, 0.05);
	border-radius: 10px;
}

.product_ams_featureList .product_ams_featureItem:nth-child(1) {
	background: url("../images/product/product_ams_featureItemBg1.png") no-repeat;
	/* background-position: top right; */
	background-color: #FFFFFF;
	background-position: 90% 10%;
}

.product_ams_featureList .product_ams_featureItem:nth-child(2) {
	background: url("../images/product/product_ams_featureItemBg2.png") no-repeat;
	background-color: #FFFFFF;
	background-position: 90% 10%;
}

.product_ams_featureDescBox {
	margin-top: 20%;
	margin-left: 20%;
}

.product_ams_featureDesc {
	width: 100%;
	font-size: 16px;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.7);
	line-height: 30px;
}

.product_ams_featureDesc:before {
	content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	background: #1F75EA;
	border-radius: 50%;
	margin-right: 10px;
}


/* 功能 */
#product_ams_function {
	padding: 0px 0 100px 0;
	background: #f7f9fb;
}

.product_ams_functionList {
	max-width: 1180px;
	margin: 0 auto;
	/* margin: 10px; */
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
}

.product_ams_functionItem {
	height: 60px;
	width: 18%;
	/* min-width: 222px; */
	background: #DDEAF6;
	text-align: center;
	line-height: 60px;
	margin-bottom: 20px;
	font-size: 20px;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: #1F75EA;
	line-height: 60px;
}

.empty {
	width: 18%;
	height: 0;
}

#ams-wrap .product_sop_subTitle {
	color: #5F5F5F;

}

#product_ams_process {
	padding: 60px 0 100px 0;
}

.product_ams_processList {
	max-width: 1180px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	margin-top: 10px
}

.product_ams_processItem {
	width: 47%;
}

.product_ams_processItem_title {
	font-size: 20px;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.7);
	line-height: 30px;
}

.product_ams_processItem_title:before {
	content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	background: #1F75EA;
	border-radius: 50%;
	margin-right: 10px;
}

.product_ams_processItem_subTitle {
	font-size: 14px;
	color: rgba(0, 0, 0, 0.6);
	line-height: 30px;
	margin-left: 22px;
	margin-bottom: 20px;
}

.product_ams_processList .product_sop_img {
	margin-top: 15px;
}

#ams-wrap .product_itemTitle {
	/* margin-top: 50px; */
}

/* 物料分配与齐套性检查 */
#product_ams_kitting {
	padding: 60px 0 100px 0;
	background: #f7f9fb;
}

/* 资源选择与顺序优化 */
#product_ams_optimization {
	padding: 60px 0 100px 0;
}

.product_ams_optimizationTitle {
	max-width: 1180px;
	margin: 0 auto;
	margin-top: 45px;
	font-size: 24px;
	font-weight: bold;
	color: #126FEE;
	line-height: 36px;
}

.product_ams_optimizationList {
	max-width: 1180px;
	margin: 0 auto;
	margin-bottom: 40px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.product_ams_optimizationItem {
	width: 40%;
}

.product_ams_optimizationList .product_ams_optimizationItem:nth-child(1) {
	width: 55%;
}

.product_ams_optimizationItemDesc dt span {
	font-size: 19px;
	font-weight: bold;
	color: #126FEE;
	line-height: 28px;
}

.product_ams_optimizationItemDesc dt {
	position: relative;
	padding-left: 20px;
	font-size: 19px;
	font-weight: 400;
	color: #5F5F5F;
	line-height: 32px;
	margin: 10px 0;
}

.product_ams_optimizationItemDesc dt:after {
	content: "";
	position: absolute;
	left: 0;
	top: 9px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #126FEE;
}

.product_ams_optimizationDescBox {
	display: flex;
	justify-content: start;
	font-size: 19px;
	font-weight: 400;
	color: #5F5F5F;
	line-height: 32px;
	margin: 10px;
}

.product_ams_optimizationDesc {
	/* min-width: 160px; */
	font-size: 19px;
	font-weight: bold;
	color: #126FEE;
	line-height: 28px;
}

.product_ams_optimizationDesc:before {
	content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	background: #1F75EA;
	border-radius: 50%;
	margin-right: 5px;
}

/* 计划评估与改善 */
#product_ams_planEvaluation {
	padding: 60px 0 100px 0;
	background: #f7f9fb;
}

.product_ams_desc {
	font-size: 16px;
	font-weight: 400;
	color: #5F5F5F;
	line-height: 30px;
}

.product_ams_desc:before {
	content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	background: #1F75EA;
	border-radius: 50%;
	margin-right: 5px;
}

.product_ams_planEvaluationList {
	max-width: 1180px;
	margin: 0 auto;
	margin-top: 10px;
	/* height:100px; */
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.product_ams_planEvaluationItem {
	width: calc(45% - 120px);
	padding: 0 60px;
}

#product_ams_planEvaluation .product_sop_img {
	margin-top: 30px;
}

/* 计划执行跟踪 */
#product_ams_planExecution {
	padding: 60px 0 100px 0;
}

/* 异常处理 */
#product_ams_exceptionHandling {
	background: #f7f9fb;
	padding: 60px 0 100px 0;
}

.product_ams_exceptionHandlingList {
	max-width: 1180px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.product_ams_exceptionHandlingItem:nth-child(1) {
	width: calc(40% - 120px);
}

.product_ams_descBox {
	padding: 0 60px;
}

.product_ams_exceptionHandlingItem:nth-child(2) {
	width: 57%;
}


/* wfp */
#wfp_wrap {
	background: #ffffff;
	margin-top: 578px;
	padding: 60px 0;
	background-color: #f5f8ff;
	display: flex;
	flex-direction: column;
	align-items: center;
}

#wfp_wrap .service-title {
	font-size: 24px;
	font-weight: 600;
	line-height: 28px;
	font-family: PingFangSC, PingFang SC;
	color: #000000;
	line-height: 28px;
	margin-bottom: 28px;
}

#wfp_wrap .wfp_advan {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

#wfp_wrap .wfp_advan_card {
	width: 31%;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 22px 40px 42px;
	box-sizing: border-box;
	background-color: #fff;
	border-radius: 8px;
	margin-bottom: 12px;
	margin-right: 12px;
}

#wfp_wrap .wfp_advan_card:hover {
	background-color: #1872ed;
}

#wfp_wrap .wfp_advan_card:hover .highlight {
    display: block;
}

#wfp_wrap .wfp_advan_card:hover .usually {
    display: none;
}

#wfp_wrap .wfp_advan_card:hover h3 , #wfp_wrap .wfp_advan_card:hover p {
    color: #fff;
}

#wfp_wrap .wfp_advan_card img{
	width: 30px;
}

#wfp_wrap .wfp_advan_card h3{
	font-weight: 600;
	font-size: 16px;
	color: #000000;
	margin: 9px auto 7px auto;
	line-height: 22px;
}

#wfp_wrap .wfp_advan_card p{
	font-weight: 400;
	font-size: 12px;
	color: #333333;
	line-height: 18px;
	min-height: 80px;
}

#wfp_wrap .wfp_advan_card .highlight {
	display: none;
}

#product_wfp_value {
	padding: 0 0 100px 0;
}

.product_wfp_valueList {
	max-width: 1180px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.product_wfp_valueItem {
	padding: 0 30px 0 0;
	width: calc(47% - 30px);
	margin-bottom: 50px;
	height: 271px;
	background-color: #FFFFFF;
	box-shadow: 2px 2px 10px 5px rgba(146, 146, 146, 0.05);
	border-radius: 10px;
	display: flex;
	justify-content: space-around;
	/* align-items: center; */
}

.product_wfp_valueItemImg {
	margin-top: 30px;
}

.product_wfp_valueItemDescbox {
	margin-top: 50px;
}

.product_wfp_valueItemTitle {
	margin-bottom: 15px;
	font-size: 24px;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.8);
	line-height: 36px;
}

.product_wfp_valueItemDesc {
	font-size: 16px;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.5);
	line-height: 28px;
}

/* 产品架构 */
#product_wfp_framework {
	background: #f7f9fb;
	padding: 0px 0 100px 0;
}

#product_wfp_module {
	padding: 0px 0 100px 0;
}

/* #wfp_wrap .product_sop_img{
	margin-top: 50px;
} */




/* ************tos****************/
#tos_wrap {
	background: #ffffff;
}

#product_tos_painPoint {
	padding: 0px 0 100px 0;
}

.product_tos_painPointList {
	max-width: 1180px;
	margin: 0 auto;
	margin-top: 40px;
	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-wrap: wrap;
}

.product_tos_painPointItemBox {
	width: 45%;
	margin-bottom: 60px;
}

.product_tos_painPointItemTitle {
	margin: 15px 0 15px 30px;

	font-size: 24px;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: #2F70E6;
	line-height: 36px;
}

.product_tos_painPointItem {
	padding: 30px 30px 0 30px;
	height: 230px;
	/* padding: 30px; */
	width: calc(100% - 60px);
	background: #F3F8FF;

}

.product_tos_painPointItem li:before {
	content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	background: #2F70E6;
	border-radius: 50%;
	margin-right: 5px;
}

.product_tos_painPointItem dt {
	position: relative;
	padding-left: 20px;
	font-size: 16px;
	font-weight: 400;
	color: rgba(87, 87, 87, 1);
	line-height: 28px;
}

.product_tos_painPointItem dt:after {
	content: "";
	position: absolute;
	left: 0;
	top: 10px;
	width: 8px;
	height: 8px;
	border-radius: 12px;
	background-color: #2F70E6;
}

/* TOS——调度场景中复杂问题的解决方案 */
#product_tos_solution {
	background: #f7f9fb;
	padding: 0 0 100px 0;
}

.product_tos_solutionList {
	max-width: 1180px;
	margin: 0 auto;
	margin-top: 60px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.product_tos_solutionItem img {
	width: 100%;
}

.product_tos_solutionList .product_tos_solutionItem:nth-child(1) {
	width: 65%;
}

.product_tos_solutionList .product_tos_solutionItem:nth-child(2) {
	width: 30%;
}

/* 运输智能调度系统TOS带来的效果提升 */
#product_tos_promote {
	padding: 0 0 100px 0;
}

.product_tos_promoteList {
	max-width: 1180px;
	margin: 0 auto;
	position: relative;
}

.product_tos_promoteItem {
	width: 45%;
	background: #ffffff;
	box-shadow: 2px 2px 10px 5px rgba(146, 146, 146, 0.25);
}

.product_tos_promoteList .product_tos_promoteItem:nth-child(1) {
	margin-top: 100px;
	margin-left: 10%;
}

.product_tos_promoteList .product_tos_promoteItem:nth-child(2) {
	position: absolute;
	top: -50px;
	left: 45%;
}

.product_tos_promoteItemTitle {
	height: 45px;
	width: 100%;
	text-align: center;
	line-height: 45px;
	background: #ededed;
	font-size: 24px;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: #2F70E6;
	line-height: 45px;
}

.product_tos_promoteItem dl {
	padding: 20px 20%;
	height: 310px;
}

.product_tos_promoteItem dt {
	position: relative;
	padding-left: 30px;
	line-height: 30px;
	margin-bottom: 8px;
	background: url("../images/check-icon.png") no-repeat left 8px;
	font-size: 20px;
	font-weight: 400;
	color: rgba(56, 56, 56, 0.8);
}

.product_tos_promoteItem:nth-child(1) dt {
	background: url("../images/product/product_tos_error.png") no-repeat left;
	background-size: 5%;
	color: rgba(0, 0, 0, 0.5);
}


/* 运输智能调度系统TOS的优势 */
#product_tos_advantage {
	background: #F7F9FB;
	padding: 0 0 100px 0;
}

.product_tos_advantageList {
	max-width: 1180px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	/* margin-top: 70px; */
}

.product_tos_advantageItem {
	width: 22%;
	min-height: 350px;
	background: #ffffff;
}

.product_tos_advantageItemTitle {
	height: 40px;
	background: #2F70E6;
	line-height: 40px;
	text-align: center;
	font-size: 20px;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 40px;
}

.product_tos_advantageItem p {
	padding: 40px;
	font-size: 16px;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.8);
	line-height: 28px;
}

.product_tos_advantageItem span {
	color: rgba(45, 128, 240, 0.8);
}

/* 三大亮点 */
#product_tos_highlights {
	padding: 0px 0 100px 0;
}

.product_tos_list {
	max-width: 1180px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.product_tos_highlightsItem {
	width: calc(30% - 80px);
	padding: 40px;
	background: linear-gradient(180deg, #EDF4FF 0%, #FFFFFF 100%);
	box-shadow: 2px 2px 10px 5px rgba(146, 146, 146, 0.05);
	border-radius: 5px;
}

.product_tos_highlightsItem span {
	position: relative;
	font-size: 24px;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.8);
	line-height: 36px;
}

.product_tos_highlightsItem span:after {
	position: absolute;
	content: "";
	width: 40px;
	height: 2px;
	bottom: -20px;
	left: 0;
	background-color: #172B4D;
	z-index: 0;
}

.product_tos_highlightsItem p {
	margin-top: 30px;
	font-size: 14px;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.5);
	line-height: 26px;
}


/* io  */
#io_wrap {
	background: #ffffff;
	margin-top: 578px;
}

.product_io_inner {
	padding: 0 0 100px 0;
}

#io_wrap .product_common_centerTitle {
	/* margin-bottom: 50px; */
}


/* DP  */
#dp-wrap {
	background: #ffffff;
	margin-top: 578px;
}

.product_dp_inner {
	padding: 0 0 100px 0
}

/* .product_dp_inner .product_common_centerTitle{
	padding-bottom: 10px;
} */
.product_dp_list {
	max-width: 1180px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

/* #dp-wrap .product_itemTitle{
	margin-top: 45px;
} */
.product_dp_subTitle {
	max-width: 1180px;
	margin: 0 auto;
	margin-top: 20px;
	font-size: 16px;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.5);
	line-height: 24px;
}

.product_dp_planItem {
	width: 45%;
	display: flex;
	flex-wrap: nowrap;
	margin-bottom: 60px;
}

/* .product_dp_planItemImg{
transition: 0.3s ease-in-out;
}
.product_dp_planItemImg:hover{
	transform: rotate(360deg)
} */
.product_dp_planItemDesc_title {
	margin-bottom: 15px;
	font-size: 24px;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.8);
	line-height: 36px;
}

/* .product_dp_planItemDesc{
	font-size: 16px;
	font-weight: 400;
	color: rgba(0,0,0,0.7);
	line-height: 30px;
} */
.product_dp_planItemDesc dt {
	position: relative;
	padding-left: 20px;
	font-size: 16px;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.5);
	line-height: 30px;
}

.product_dp_planItemDesc dt:after {
	content: "";
	position: absolute;
	left: 0;
	top: 10px;
	width: 8px;
	height: 8px;
	border-radius: 12px;
	background-color: #1F75EA;
}

.product_dp_planItemDesc ul {
	margin-left: 20px;
	font-size: 16px;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.5);
	line-height: 30px;
}

.product_dp_planItemDesc ul li {
	position: relative;
	padding-left: 10px;
}

.product_dp_planItemDesc ul li:before {
	position: absolute;
	content: '';
	display: inline-block;
	width: 5px;
	height: 5px;
	left: 0;
	top: 12px;
	background: #072B53;
	border-radius: 50%;
	margin-right: 5px;
}

.product_dp_list .product_dp_analysisItem:nth-child(1) {
	width: 55%;
}

.product_dp_list .product_dp_analysisItem:nth-child(2) {
	width: 35%;
}

.product_ams_modelItem {
	height: 100px;
	width: 17%;
	min-width: 222px;
	background: #DDEAF6;
	text-align: center;
	margin-bottom: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 20px;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: #1F75EA;
	line-height: 30px;
	transition: 0.2s ease-in-out;
}

.product_ams_modelItem:hover {
	transform: scale(1.1);
}

.product_ams_modelItemEmpty {
	display: none;
	width: 17%;
	height: 0;
}

.product_dp_advantageItem {
	width: calc(47% - 90px);
	padding: 40px 45px 40px 45px;
	/* height: 190px; */
	background: linear-gradient(180deg, #EDF4FF 0%, #FFFFFF 100%);
	box-shadow: 2px 2px 10px 5px rgb(146 146 146 / 5%);
	border-radius: 5px;
}

.product_dp_advantageItem p {
	font-size: 24px;
	/* font-family: PingFangSC-Medium, PingFang SC; */
	font-weight: 500;
	color: #112B50;
	line-height: 33px;
	margin-bottom: 15px;
}

.product_dp_advantageItem dt {
	font-size: 14px;
	/* font-family: PingFangSC-Medium, PingFang SC; */
	font-weight: 500;
	color: rgba(17, 43, 80, 0.5);
	line-height: 30px;
	position: relative;
	padding-left: 15px;
}

.product_dp_advantageItem dt:after {
	content: "";
	position: absolute;
	left: 0;
	top: 10px;
	width: 8px;
	height: 8px;
	border-radius: 12px;
	background-color: #1F75EA;
}

.product_dp_valueItem {
	width: calc(47% - 100px);
	padding: 30px 50px 0 50px;
	height: 280px;
	background: linear-gradient(180deg, #ECF3FF 0%, #FFFFFF 100%);
	box-shadow: 2px 2px 10px 5px rgb(146 146 146 / 5%);
	border-radius: 5px;
	margin-bottom: 20px;
}

.product_dp_valueItem img {
	width: 80px;
	height: 80px;
}

.product_dp_valueItem p {
	margin: 20px 0 10px 0;
	font-size: 24px;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.8);
	line-height: 36px;
}

.product_dp_valueItem span {
	font-size: 16px;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.5);
	line-height: 28px;
}


/* csp */
.product_cspList {
	max-width: 1180px;
	margin: 0 auto;
	/* margin-top: 50px; */
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

#csp_wrap {
	background: #ffffff;
	margin-top: 578px;
}

#product_csp_question {
	padding: 0 0 100px 0;
}

.product_csp_questionItem {
	padding: 35px 15px 0 25px;
	width: calc(32.6% - 40px);
	height: 224px;
	background: linear-gradient(180deg, #EDF4FF 0%, #FFFFFF 100%);
	box-shadow: 0px 2px 4px 0px rgba(226, 226, 226, 0.5);
	transition: 0.3s;
}

.product_csp_questionItem:hover {
	transform: translateY(-8px);
}

.product_csp_questionItem_title {
	font-size: 20px;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.8);
	line-height: 30px;
}

.product_csp_questionItem dl {
	margin-top: 10px;
}

.product_csp_questionItem dt {
	margin-left: 8px;
	position: relative;
	padding-left: 20px;
	display: flex;
	justify-self: start;
	font-size: 14px;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.5);
	line-height: 26px;
}

.product_csp_questionItem dt:after {
	content: "";
	position: absolute;
	left: 0;
	top: 9px;
	width: 8px;
	height: 8px;
	border-radius: 12px;
	background: #1F75EA;
}

/* CSP解决企业以下困扰 */
#product_csp_worry {
	background: #f7f9fb;
	/* padding: 70px 0; */
}

.product_csp_worryItem {
	width: calc(49% - 70px);
	padding: 10px 10px 0 60px;
	height: 227px;
	background: #FFFFFF;
	box-shadow: 2px 2px 10px 5px rgba(0, 0, 0, 0.05);
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 40px;
}

.product_csp_worryItemTitle {
	font-size: 24px;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: #2F70E6;
	line-height: 36px;
}

.product_csp_worryItemDesc {
	width: calc(100% - 151px);
}

.product_csp_worryItemDesc p {
	font-size: 14px;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.5);
	line-height: 28px;
}

.product_csp_worryItemImg {
	width: 151px;
	height: 163px;
}

.product_csp_worryItemImg img {
	width: 100%;
}

/* CSP协同供应计划的价值 */
#product_csp_value {
	padding: 0 0 100px 0;
}

.product_csp_valueItem {
	width: calc(24% - 60px);
	padding: 30px;
	height: 280px;
	background: #FFFFFF;
	box-shadow: 2px 2px 10px 5px rgba(0, 0, 0, 0.05);
	border: 1px solid #126FEE;
	border-bottom: 8px solid rgba(18, 111, 238, 1);
	border-radius: 5px;
	overflow: hidden;
	transition: 0.3s ease-in-out;
}

.product_csp_valueItem:hover {
	/* transform: scale(1.05); */
	transform: translateY(-8px);
}

.product_csp_valueItem p {
	margin-bottom: 50px;
	font-size: 18px;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: #2379EF;
	line-height: 30px;
}

.product_csp_valueItem img {
	width: 100%;
}


/* CSP功能介绍 */
#product_csp_function {
	background: #f7f9fb;
}

#product_csp_function .product_cspList {
	/* margin-top: 60px; */
}

.product_csp_functionItem {
	width: calc(15% - 40px);
	padding: 50px 20px 0 20px;
	height: 300px;
	background: #FFFFFF;
	box-shadow: 2px 2px 10px 5px rgba(146, 146, 146, 0.15);
	border-radius: 8px;
	border-bottom: 8px solid rgba(18, 111, 238, 1);
	position: relative;
	/* overflow: hidden; */
	transition: 0.3s;
}

.product_csp_functionItem:hover {
	transform: translateY(-8px);
}

.product_csp_functionItem:nth-child(2) {
	margin-top: 60px;
}

.product_csp_functionItem:nth-child(4) {
	margin-top: 60px;
}

.product_csp_functionItem:nth-child(6) {
	margin-top: 60px;
}

.product_csp_functionItem h4 {
	text-align: center;
	font-size: 22px;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.8);
	line-height: 32px;
}

.product_csp_functionItem p {
	margin-top: 20px;
	font-size: 16px;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.5);
	line-height: 28px;
}

.product_csp_functionItem span {
	position: absolute;
	width: 38px;
	height: 38px;
	background: #126FEE;
	border-radius: 50%;
	text-align: center;
	top: -19px;
	left: 38%;
	font-size: 28px;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 38px;
}

/* 计划输出 */
#product_csp_plan {
	background: #f7f9fb;
	padding: 100px 0 100px 0;
}

#product_csp_plan .product_cspList {
	margin-top: 20px;
}

#product_cspList_mobile {
	visibility: hidden;
	margin-top: -1000px;
}

.product_csp_planTitle {
	max-width: 1180px;
	margin: 0 auto;
	background: rgba(18, 111, 238, 1);
	width: 100%;
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-size: 24px;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: #FFFFFF;
}

.product_csp_planItem {
	background: rgba(18, 111, 238, 1);
	height: 50px;
	width: 24%;
	text-align: center;
	line-height: 50px;
	font-size: 20px;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: #FFFFFF;
}

.product_csp_planOutItem {
	width: calc(49% - 60px);
	padding: 50px 30px 0 30px;
	height: 360px;
	/* background-color: #FFFFFF; */
	box-shadow: 2px 2px 10px 5px rgba(146, 146, 146, 0.15);
	border-radius: 8px;
	border-bottom: 8px solid rgba(18, 111, 238, 1);

}

.product_csp_planOutItem:nth-child(1) {
	background: url('../images/product/product_csp_planOutItem1.png') center center no-repeat;
	background-position: 85% 85%;
	background-color: #FFFFFF;
}

.product_csp_planOutItem:nth-child(2) {
	background: url('../images/product/product_csp_planOutItem2.png') center center no-repeat;
	background-position: 85% 85%;
	background-color: #FFFFFF;
}

.product_csp_planOutItem p {
	font-size: 24px;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.8);
	line-height: 36px;
}

.product_csp_planOutItem dl {
	margin-top: 20px;

}

.product_csp_planOutItem dl dt {
	position: relative;
	padding-left: 20px;
	font-size: 16px;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.5);
	line-height: 28px;
}

.product_csp_planOutItem dl dt:before {
	content: "";
	position: absolute;
	left: 0;
	top: 10px;
	width: 8px;
	height: 8px;
	border-radius: 12px;
	background-color: #1F75EA;
}

/* CSP主要使用流程 */
#product_csp_process {
	padding: 0 0 100px 0
}

.product_csp_processItem {
	width: calc(31% - 40px);
	padding: 30px 20px 30px 20px;
	height: 220px;
	display: flex;
	justify-content: start;
	/* align-items: center; */
	background: linear-gradient(180deg, #EDF4FF 0%, #FFFFFF 100%);
	box-shadow: 0px 2px 4px 0px rgba(226, 226, 226, 0.5);
	border-radius: 8px;
	margin-bottom: 40px;
	position: relative;
	transition: 0.2s;
}

.product_csp_processItem:hover {
	box-shadow: 0px 10px 16px 0px rgba(0, 0, 0, 0.18);
}



/* 流程箭头 */
.product_csp_processItem1 {
	position: absolute;
	right: -15%;
	top: 43%;
	z-index: 99;
}

#product_csp_processItem1 {
	visibility: hidden;
	margin-top: -250px;
}

#product_csp_processItem4 {
	visibility: hidden;
	margin-top: -250px;
}

.product_csp_processItem2 {
	position: absolute;
	right: -15%;
	top: 43%;
	z-index: 99;
}

.product_csp_processItem3 {
	position: absolute;
	right: 39%;
	top: 99%;
	z-index: 99;
	transform: rotate(90deg);
}

.product_csp_processItem4 {
	position: absolute;
	left: 38%;
	top: -15%;
	z-index: 99;
	transform: rotate(-90deg);
}

.product_csp_processItem5 {
	position: absolute;
	left: -16%;
	top: 43%;
	z-index: 99;
	transform: rotate(180deg);
}

.product_csp_processItem6 {
	position: absolute;
	left: -16%;
	top: 43%;
	z-index: 99;
	transform: rotate(180deg);
}


.product_csp_processItemLogo {
	padding-top: 50px;
	width: 80px;
	height: 80px;
}

.product_csp_processItemLogo img {
	width: 100%;
}

.product_csp_processItemDesc {
	margin-left: 20px;
}

.product_csp_processItemDesc p {
	margin-bottom: 30px;
	font-size: 24px;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.8);
	line-height: 36px;
}

.product_csp_processItemDesc dl dt {
	position: relative;
	padding-left: 20px;
	font-size: 16px;
	font-family: SourceHanSansCN-Regular, SourceHanSansCN;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.5);
	line-height: 28px;
}

.product_csp_processItemDesc dl dt:before {
	content: "";
	position: absolute;
	left: 0;
	top: 10px;
	width: 8px;
	height: 8px;
	border-radius: 12px;
	background-color: #1F75EA;
}


/* 首页补充样式 */
#home_more {
	display: none;
}

/* 首页新闻部分 */
#yhl_home_news {
	background: #F7F9FB;
	padding: 65px 0 100px 0;
}

.yhl_home_newsList {
	max-width: 1180px;
	margin: 0 auto;
	margin-top: 50px;
	display: flex;
	justify-content: space-between;
}

.yhl_home_newsList_left {
	width: 661px;
	height: 280px;
	/* background: rgba(37,37,37,0.5); */
	position: relative;
	overflow: hidden;
	cursor: pointer;
	object-fit: cover;
	/* transition: 0.3s ease-in-out; */
}

.yhl_home_newsList_left img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* .yhl_home_newsList_left:hover{
	transform: scale(1.1);
} */
.yhl_home_newsList_left p {
	position: absolute;
	bottom: 25px;
	padding: 0 20px;
	font-size: 20px;
	font-family: SourceHanSansCN-Regular, SourceHanSansCN;
	font-weight: 400;
	color: rgba(255, 255, 255, .8);
	line-height: 28px;
}

.yhl_home_newsList_left span {
	display: block;
	position: absolute;
	background: rgba(0, 0, 0, .4);
	width: 100%;
	height: 100%;
	bottom: 0;
}

.yhl_home_newsList_right {
	width: calc(100% - 681px);
	/* width: 45%; */
}

.yhl_home_newsList_rightItem {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 50px;
	cursor: pointer;
}

.yhl_home_newsList_rightImg {
	width: 269px;
	height: 115px;
	overflow: hidden;

}

.yhl_home_newsList_rightImg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: 0.3s;
	overflow: hidden;
}

.yhl_home_newsList_rightImg img:hover {
	transform: scale(1.1);
}

.yhl_home_newsList_rightItemDesc {
	width: calc(100% - 309px);
	padding: 0 20px;
}

.yhl_home_newsList_rightItemTitle {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 20px;
	font-family: SourceHanSansCN-Regular, SourceHanSansCN;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.8);
	line-height: 30px;
}

.yhl_home_newsList_rightDesc {
	/* margin-top: 10px; */
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	font-size: 12px;
	font-family: SourceHanSansCN-Regular, SourceHanSansCN;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.5);
	line-height: 23px;
}

.yhl_home_newsList_rightBtn {
	width: 100px;
	height: 30px;
	border: 1px solid rgba(0, 0, 0, 0.5);
	text-align: center;
	margin-top: 8px;
	cursor: pointer;
	font-size: 14px;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.5);
	line-height: 30px;
	transition: background-color .3s ease-in, border-color .3s ease-in;
}

.yhl_home_newsList_rightBtn:hover {
	background-color: #1E9FFF;
	color: #fff;
	border: none;
}

/* 首页优势 */
.home_advantage_list {
	max-width: 1180px;
	margin: 0 auto;
	margin-top: 65px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.home_advantage_item {
	width: calc(24% - 54px);
	padding: 30px 27px 0 27px;
	height: 339px;
	background: linear-gradient(180deg, #EEF5FF 0%, #FFFFFF 100%);
	box-shadow: 0px 2px 4px 0px rgba(226, 226, 226, 0.5);
	text-align: left;
	transition: 0.3s ease-in-out;
}

.home_advantage_item:hover {
	transform: translateY(-8px);
}

.home_advantage_itemTitle {
	font-size: 20px;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.8);
	line-height: 28px;
	position: relative;
}

.home_advantage_itemTitle:after {
	position: absolute;
	content: "";
	width: 40px;
	height: 2px;
	bottom: -24px;
	left: 0;
	background-color: #172B4D;
	z-index: 0;
}

.home_advantage_itemDesc {
	margin-top: 40px;
	font-size: 14px;
	font-family: SourceHanSansCN-Regular, SourceHanSansCN;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.5);
	line-height: 26px;
}


/* 关于我们补充样式 */
/* .about-list2-img{
	transition: 0.2s;
}
.about-list2-img:hover{
	transform: scale(1.1);
} */

#pro-detail-banner-wrap .pro-banner-tit {
	font-size: 40px;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 20px;
	/* line-height: 81px; */
}

#pro-detail-banner-wrap .pro-banner-subtit {
	margin: 0px 0 16px 0;
	font-size: 18px;
	font-weight: 300;
	color: #FFFFFF;
	/* color: rgba(255, 254, 254, 0.8); */
	line-height: 38px;
}


/* 新闻内页样式新 */
#news_detialBox {
	padding: 50px 0;
}

#news_detialBox .newsTitle {
	border: none;
}

.news_detailContentBox {
	background: #FFFFFF;
	box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.1);
	border-radius: 8px;
	padding: 50px 30px;
}

.news_detailContent img {
	width: 100%;
}

.news_detialTitle {
	font-size: 24px;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.8);
	line-height: 36px;
	margin-bottom: 20px;
}

/* #news_detialBox .newsTitle{
	margin-bottom: 40px;
} */
/* #news_detialBox  .recommendTitle{
	margin-bottom: 40px;
} */
#news_detialBox .newsTitle a {
	background: #126FEE;
	border-radius: 8px;
	padding: 5px 10px;
	font-size: 16px;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: #FFFFFF;
}

.news_detialTime {
	font-size: 14px;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.5);
	line-height: 21px;
	margin: 0 0 20px 0;
}

.news_detailContent {
	padding: 35px 0 0 0;
	border-top: 1px solid #EDEDED;
	font-size: 16px;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.8);
	line-height: 28px;
}

/* 当前菜单样式 */
.yhl-navbar-subnav-mullist .curNav a {
	color: #1E75EA;
}

.yhl-navbar-subnav .curNav a {
	color: #1E75EA;
}

/* 活动和培训 */
.activity_contentbox {
	max-width: 1180px;
	margin: 0 auto;
	padding: 0 0 80px 0;
	background: #fff;
}

.activity_typeBox {
	width: 100%;
	height: 45px;
	background: #fff;
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.activity_typeBox div {
	width: 50%;
	height: 100%;
	line-height: 45px;
	text-align: center;
	font-size: 20px;
	font-weight: 500;
	cursor: pointer;
}

.activity_train {
	background: #126FEE;
	color: #fff;
}

.activity_listBox {
	width: 100%;
}

.activity_list {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 70px;
	flex-wrap: wrap;
}

.train_list {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 70px;
	flex-wrap: wrap;
}

.activity_item {
	width: 375px;
	/* width:32.5% ; */
	height: 366px;
	min-width: 315px;
	background: #fff;
	/* background: yellow; */
	margin-bottom: 20px;
	box-shadow: 0px 2px 4px 0px rgba(180, 180, 180, 0.5);
	border-radius: 4px;
	/* flex-wrap: wrap; */
}

.train_list:after {
	content: '';
	width: 32.5%;
	border: 1px solid transparent;
}

.activity_list:after {
	content: '';
	width: 32.5%;
	border: 1px solid transparent;
}

.activity_item:hover {
	box-shadow: 0px 10px 16px 0px rgba(0, 0, 0, 0.18);
}

.activity_itemImg {
	width: 100%;
	height: 209px;
	object-fit: cover;
	cursor: pointer;
	overflow: hidden;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.activity_itemImg img {
	/* width: 100%; */
	height: 100%;
	transition: 0.2s;
	object-fit: cover;
}

.activity_itemDesc {
	font-size: 18px;
	font-weight: 500;
	color: rgba(50, 50, 50, 0.8);
	line-height: 30px;
	min-height: 60px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.activity_itemDescBox {
	padding: 5px 24px;
}

.activity_itemBtn {
	margin: 25px 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.activity_itemBtn p {
	width: 170px;
	height: 44px;
	background: url("../images/about/about_honor_moreBtn.png") center center no-repeat;
	background-size: 100% 100%;
	text-align: center;
	line-height: 44px;
	cursor: pointer;
	font-size: 16px;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #FFFFFF;
	/* background: linear-gradient(180deg, #2F70E6 90%, #2F70E6 70%); */

}

.activity_itemBtn p img {
	width: 14px;
	height: 14px;
	margin-left: 10px;
}

.activity_itemBtn1 {
	margin: 25px 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.activity_itemBtn1 p {
	width: 170px;
	height: 44px;
	/* background: #F7F7F7; */
	background: url("../images/activity/activity_end.png") center center no-repeat;
	background-size: 100% 100%;
	text-align: center;
	line-height: 44px;
	cursor: pointer;
	font-size: 16px;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #001733;
	/* background: linear-gradient(180deg, #2F70E6 90%, #2F70E6 70%); */

}

.activity_itemBtn1 p img {
	width: 14px;
	height: 14px;
	margin-left: 10px;
}

/* 活动培训详情 */
#activity_Box {
	max-width: 1180px;
	padding: 10px 0 50px 0;
	margin: 0 auto;
}

.activity_detailBox {
	background: #F0F2F6;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 50px 60px;
	flex-wrap: wrap;
}

.detailBox_img {
	width: 585px;
	height: 326px;
	overflow: hidden;
	object-fit: cover;
}

.detailBox_img img {
	width: 100%;
}

.detailBox_Desc {
	/* padding: 0 20px; */
	width: calc(100% - 605px);
}

.detailBox_Desc h2 {
	font-size: 24px;
	font-weight: bold;
	color: #2F70E6;
	line-height: 42px;
	margin: 10px 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.detailBox_Desc span {
	display: inline-block;
	font-size: 16px;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.8);
	line-height: 27px;
	margin: 10px 0 30px 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.detailBox_Desc h4 {
	font-size: 20px;
	font-weight: 600;
	color: rgba(0, 0, 0, 0.8);
	margin: 20px 0;
}

.detailBox_Desc p {
	font-size: 16px;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.8);
	line-height: 27px;
}

.activity_detailContent {
	max-width: 1180px;
	padding: 50px;
	margin: 0 auto;
	background: #fff;
	font-size: 20px;
	font-family: SourceHanSansCN-Regular, SourceHanSansCN;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.8);
	line-height: 38px;
}

.activity_detailContent p {
	font-size: 16px;
}

.activity_detailContent li span {
	font-size: 16px;
}

/* 推荐 */
.activity_recommendBox {
	padding: 60px 10px;
}

.activity_recommendTitle {
	font-size: 26px;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.8);
	line-height: 45px;
}

.activity_recommendLine {
	height: 0;
	border: 1px dashed;
	color: #dbd8d8;
	margin: 20px 0;

}

.activity_requirement {
	position: relative;
}

.detailBox_Btn {
	position: absolute;
	/* margin: -35px 0 ; */
	display: flex;
	justify-content: center;
	align-items: center;
	right: 20px;
	bottom: 0px;
	/* float: right; */
}

.detailBox_Btn p {
	width: 140px;
	height: 40px;
	background: url("../images/about/about_honor_moreBtn.png") center center no-repeat;
	background-size: 100% 100%;
	text-align: center;
	line-height: 40px;
	cursor: pointer;
	font-size: 16px;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #FFFFFF;
	/* background: linear-gradient(180deg, #2F70E6 90%, #2F70E6 70%); */

}

.detailBox_Btn p img {
	width: 14px;
	height: 14px;
	margin-left: 10px;
}



.radioClass {
	font-size: 14px;
	font-weight: 400;
	color: #373737;
	line-height: 20px;
	margin-bottom: 10px;
}

.activity_detailContent ul li {
	list-style: disc;
}


.activity_detailContent p {
	margin: 10px 0;
}

.activity_detailContent img {
	margin: 15px 0;
}

.about-banner-desc {
	position: absolute;
	top: 40%;
	left: 15%;
	z-index: 3;
}

.about-banner-subTitle {
	max-width: 80%;
	font-weight: 400;
	font-size: 16px;
	color: #FFFFFF;
	line-height: 22px;
	text-align: justify;
	font-style: normal;
	margin-top: 20px;
}

.about-banner-title {
	font-weight: 600;
	font-size: 24px;
	color: #FFFFFF;
	line-height: 28px;
	text-align: left;
	font-style: normal;
}

@media (max-width: 1300px) {
	.yhl-navbar-nav>li {
		margin-left: 0px!important;
	}
	.yhl-navbar-right {
		padding: 0px;
	}
	.yhl-navbar-right
	.supplyChain_profit_list {
		padding: 0 30px 100px 30px;
	}

	.service-content {
		margin: 0 10%;
	}

	#wfp_applications {
		padding: 27px 120px 20px !important;
	}

	.traffic_result_Desc {
		width: 80%;
	}

	#product_tos_solution {
		background: #f7f9fb;
		padding: 0 30px 100px 30px;
	}

	.product_io_inner {
		padding: 0 30px 100px 30px;
	}

	#product_sop_strategy {
		padding: 0 30px 100px 30px;
	}

	#product_sop_decision {
		padding: 100px 30px 100px 30px;
	}

	#traffic_solutionBox {
		padding: 100px 30px 65px 30px;
	}

	/* .product_sop_img{
		padding: 0 30px;
	} */
	.traffic_result_itemTitle {
		width: 80%;
	}

	.supplyChain_solution_Desc {
		width: 80%;
	}

	.supplyChain_Breach_content {
		width: 80%;
	}

	.supplyChain_combination_Desc {
		width: 80%;
	}

	#product_tos_advantage {
		padding: 0px 30px 100px 30px;
	}

	#product_tos_highlights {
		padding: 0px 30px 100px 30px;
	}

	#product-detail {
		padding: 0 30px;
	}

	#product_sop_plan {
		padding: 0px 30px 100px 30px;
	}

	#product_sop_supplyChain {
		padding: 0px 30px 100px 30px;
	}

	#product_sop_target {
		padding: 0px 30px 100px 30px;
	}

	#product_wfp_framework {
		padding: 0px 30px 100px 30px;
	}

	#product_wfp_module {
		padding: 0px 30px 100px 30px;
	}

	/* .product_sop_kpi_leftTitle{
		width: 80%;
	} */
	/* .product_sop_kpiList{
		width: 80%;
	} */
	/* .product_sop_kpiFinanceList{
		width: 80%;
	} */
	#product_sop_kpi {
		padding: 60px 30px 100px 30px;
	}

	.product_sop_architectureList {
		padding: 0 30px
	}

	.product_dp_inner {
		padding: 0 30px
	}

	.product_sop_ability {
		margin: 0 30px;
	}

	#product_ocp_masterFunction {
		padding: 50px 30px 100px 30px;
	}

	#product_ocp_materialSupplementaryPlan {
		padding: 50px 30px 100px 30px;
	}

	#product_ocp_limitedCapacityPlan {
		padding: 50px 30px 100px 30px;
	}

	#product_ocp_supplyChain {
		padding: 70px 30px 100px 30px;
	}

	#product_ocp_simulation {
		padding: 80px 30px 100px 30px;
	}

	#product_ams_kitting {
		padding: 60px 30px 100px 30px;
		background: #f7f9fb;
	}

	#product_ams_optimization {
		padding: 60px 30px 100px 30px;
	}

}



/* 适配部分 */
@media (max-width: 1200px) {
  .service-content {
    margin: 0 10%;
  }

	.activity_contentbox {
		padding: 0 60px 60px 60px;
	}

	/* .activity_list{
        padding: 0 60px 80px 60px;
    } */
	/*.banner-case-wrap img.case-banner {
		width: auto;
		height: auto;
		!*min-height: 320px;*!
	}*/
	/* .yhl-navbar-inner {
		max-width: 900px;
	} */
	/* .yhl-navbar-right {
		padding-left: 20px;
		padding-right: 20px;
	} */

	.yhl-navbar-toggle {
		display: none;
	}

	.yhl-who-content {
		max-width: 900px;
	}

	.yhl-footer-wrap {
		max-width: 900px;
	}

	.banner-txt-cn {
		font-size: 34px;
	}

	.banner-txt-en {
		font-size: 18px;
	}

	.swiper-banner-txt {
		height: 68px;
	}

	.yhl-advantage-content-tit {
		font-size: 38px;
		margin-bottom: 15px;
	}

	.yhl-advantage-content li {
		font-size: 24px;
		line-height: 60px;
		padding-left: 60px;
	}

	.yhl-advantage-content li .iconfont {
		font-size: 40px;
	}

	.case-list {
		padding: 0 30px;
	}

	.case-list li {
		flex: 0 0 33.33333%;
		max-width: 33.33333%;
		margin-bottom: 20px;
	}

	.case-list li>div {
		margin-left: 10px;
		margin-right: 10px;
		padding: 20px;
	}

	.product_ams_optimizationItem {
		width: 100%;
		margin-bottom: 20px;
	}

	.product_csp_functionItem {
		width: calc(30% - 40px);
	}

	.product_csp_functionItem span {
		left: 42%;
	}

	.product_csp_processItem {
		height: 250px;
	}

	.product_csp_processItemDesc dl dt {
		font-size: 14px;
	}

	.yhl_home_newsList {
		padding: 0 30px;
		flex-wrap: wrap;
	}

	.yhl_home_newsList_left {
		width: 100%;
		/* padding:0 50px; */
		/* width: calc(100% - 100px)!important; */
		height: 17.8125rem;
	}


	.yhl_home_newsList_right {
		/* padding:0  50px; */
		margin-top: 40px;
		width: calc(100% - 20px);
	}

	.product_ams_functionItem {
		width: 23%;
	}

	.product_sop_architectureItem {
		width: calc(47% - 55px);
	}

	.supplyChain_profit_itemTitle {
		font-size: 24px;
	}

	/* .supplyChain_profit_item{
		width: 30%!important;
		padding-top: 30%!important;
	} */
	.contentbox {
		padding: 0 30px;
	}

	.customerIncome_list {
		padding: 20px 0;
	}

	#customer_questionBox {
		padding: 0 20px;
	}

	#customer_recommend {
		padding: 0 20px;
	}

	.traffic_painPoint_list {
		padding: 0 30px;
	}

	.traffic_solutionBox {
		padding: 0 50px;
	}

	#traffic_analysis {
		padding: 100px 30px 85px 30px;
	}

	.traffic_result_box {
		padding: 0 30px;
	}

	.product_wfp_valueList {
		padding: 0 30px;
	}

	.ros-content {
		padding: 0 30px;
	}

	.product_cspList {
		padding: 0 30px;
	}

	.product_csp_planTitle {
		width: calc(100% - 60px);
		margin: 0 30px;
	}

	.product_tos_painPointList {
		padding: 0 30px;
	}

	.product_tos_advantageList {
		/* padding: 0 30px; */
	}

	/* .product_ams_functionList{
		padding: 0 30px;
	} */
	#product_ams_function {
		padding: 0px 30px 100px 30px;
	}

	#product_ams_process {
		padding: 60px 30px 100px 30px;
	}

	#product_ams_optimization {
		padding: 60px 30px 100px 30px;
	}

	#product_ams_planEvaluation {
		padding: 60px 30px 100px 30px;
	}

	#product_ams_planExecution {
		padding: 60px 30px 100px 30px;
	}

	#product_ams_exceptionHandling {
		padding: 60px 30px 100px 30px;
	}

	.product_sop_kpiItem {
		width: calc(47% - 100px);
	}

	.product_ams_optimizationList .product_ams_optimizationItem:nth-child(1) {
		width: 100%;
	}

}

@media (max-width: 1100px) {
	.activity_item {
		margin-bottom: 20px;
	}

	.detailBox_Btn {
		right: 0;
	}

	.detailBox_Desc {
		width: 100%;
	}

	/* .activity_contentbox{
        padding: 0 60px;
    } */
}

@media (max-width: 1024px) {
  .service-content {
    margin: 0 4%;
  }
  .yhl-navbar-link {
	margin-left: 0px!important;
  }

  .yhl-navbar-nav>li>a {
	padding-left: 0px!important;
  }

	.banner-txt2 {
		font-size: 36px;
	}

	.banner-txt3 {
		font-size: 26px;
	}

	.spt-detail {
		width: 980px;
	}

	.spt-detail .box h4 {
		font-size: 20px;
	}

	.ros-detail {
		width: 95%;
	}

	.ros-detail .right {
		width: 60%;
	}

	.ros-detail .right img {
		width: 100%;
	}

	.ros-detail .left h3 {
		margin: 30px 0 35px 0;
	}

	.ros-detail .left .ros-txt {
		font-size: 14px;
	}

	.banner-inner>div {
		width: 90%;
		margin: auto;
	}

	#yhl-ros {
		width: 90%;
		margin: auto;
	}

	.transport-detail {
		width: 90%;
	}

	.transport-ros .box {
		padding: 0 15px;
	}

	.strengths-detail {
		width: 90%;
		margin: 60px auto 0;
	}

	.strengths-detail .box {
		padding: 30px;
	}

	.icon-circle {
		width: 66px;
		height: 66px;
	}

	.icon-circle img {
		margin-top: 15px;
	}

	.pa-strengths .icon-circle img {
		margin-top: 0;
	}

	.case-content {
		width: 90%;
	}

	.traffic_painPoint_item {
		width: 48%;
	}

	.product_ams_exceptionHandlingItem {
		width: 100% !important;
		margin-bottom: 20px;
	}

	.product_tos_painPointItemBox {
		width: 100%;
	}

	.product_tos_painPointItemTitle {
		text-align: center;
	}

	.product_tos_painPointItem {
		height: auto;
		padding-bottom: 40px;
	}

	.product_tos_advantageItem {
		width: 45%;
		margin-bottom: 30px;
	}

	.product_csp_questionItem {
		width: calc(47% - 40px);
		margin-bottom: 20px;
	}

	.product_csp_processItem {
		padding: 30px 0px 30px 20px;
		width: calc(31% - 20px);
	}

	.product_csp_processItemDesc dl dt {
		font-size: 12px;
	}

	.product_csp_processItemDesc p {
		font-size: 18px;
	}

	.traffic_solution {
		/* background: url('../images/solution/traffic_solutionImg.png') center center no-repeat!important; */
	}

	.traffic_solution_list {
		display: none;
	}

	.traffic_solution_title {
		display: none;
	}

	.about_honor_item {
		width: calc(45% - 15px);
		height: 350px;
	}

	.about_honor_itemLogo1 img {
		height: 100%;
		width: auto;
	}

	.spt-detail .box {
		width: calc(47% - 40px);
		margin-bottom: 30px;
	}

	.supplyChain_profit_item {

		/* width: calc(47% - 40px)!important; */
	}

	.supplyChain_profit_itemTitle {
		font-size: 18px;
	}

	.supplyChain_profit_itemSubTitle {
		font-size: 14px;
	}

	.customer_question {
		width: 100%;
		height: auto;
		margin-bottom: 30px;
	}

	.customer_solution {
		width: 100%;
		height: auto;
	}

	.home_advantage_item {
		width: calc(48% - 54px);
		margin-bottom: 40px;
		height: 260px;
	}

	.case-list li {
		flex: 0 0 48%;
		max-width: 48%;
	}

	.product_csp_planItem {
		font-size: 18px;
	}

	.product_sop_kpiList {
		justify-content: center;
	}

	.product_sop_kpiItem {
		width: calc(90% - 100px);
	}

	.product_ams_modelItem {
		width: 30%;
	}

	.product_ams_modelItemEmpty {
		display: block;
		width: 30%
	}

	#about_company {
		/* height: 500px; */
	}

	#about_company .swiper-container {
		padding-bottom: 80px;
	}

	.product_ocp_supplyChainItem {
		width: 100%;
	}

	.product_ocp_supplyChainItem:nth-child(1) {
		width: 100%;
		margin-bottom: 30px;
	}

	.about-list2-txt {
		transform: translateY(14rem);
	}

}

@media (max-width: 900px) {
	.yhl-navbar-a {
		display: block!important;
		position: absolute;
		right: 55px;
		height: 30px;
	} 
	#yhl-footer .footer-nav {
		display: flex;
		justify-content: space-around;
		flex-wrap: wrap;
		position: relative;
		margin-top: 0;
		padding-top: 90px;
	}
	#yhl-footer .footer-nav li:first-child {
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
	}
	.wfp_main {
		flex-direction: column;
		gap: 10px;
	}
	.wfp_details {
		width: auto !important;
	}
	.wfp_details:last-child {
		padding: 0px !important;
	}
  .service-content {
    margin: 0 1%;
  }
	.wfp_advan {
		justify-content: space-between;
	}
	.wfp_advan_card {
		width: calc(50% - 20px)!important;
		min-width: 220px;
	}
	.service-content {
		margin: 0% 5%!important;
	}
	.yhl_applications {
		flex-direction: column;
	}
	.applications_details {
		width: 100%!important;
		max-width: 90%!important;
	}
	.applications_img {
		max-width: 90%!important;
	}
	.sop_anli {
		flex-direction: column;
	}

	.ocp_warp {
		flex-direction: column;
		gap: 10px;
	}
	.ocp_warp_card {
		width: 100% !important;
		flex-direction: row !important;
		gap: 10px;
	}
	.ocp_warp_card_details {
		height: 100% !important;
	}
	.sop_advan {
		flex-direction: column;
		align-items: center;

	}
	.sop_advan_left_content {
		width: auto;
	}
	.sop_advan_right img {
		width: 100%;
	}
	.sop_advan_left_content {
		margin-right: 0px;
	}
	.sop_apply_ying_img {
		flex-wrap: wrap;
		gap: 10px;
	}
	
	body {
		background-color: #fff;
	}

	.activity_list {
		justify-content: center;
	}

	.activity_list:after {
		width: 0;
	}

	.train_list {
		justify-content: center;
	}

	.train_list:after {
		width: 0;
	}

	#nav-default {
		background-color: #0F1118;
	}

	.recommendBox {
		display: none;
	}

	.yhl-navbar-inner {
		padding: 10px 15px;
		box-sizing: border-box;
		width: 95%;
	}

	.swiper-container-horizontal>.swiper-pagination-bullets,
	.swiper-pagination-custom,
	.swiper-pagination-fraction {
		bottom: 15px;
	}

	.swiper-pagination-bullet {
		width: 18px;
		height: 18px;
		background-size: 100% 100%;
	}

	/* .navbar-logo img{
		height: 38px;
		width: auto;
	} */
	.toggle-icon {
		transition: all 0s ease 0s;
	}

	.yhl-navbar-toggle {
		display: flex;
	}

	.yhl-navbar-right {
		display: none;
	}

	.yhl-navbar-apply-pc {
		display: none;
	}

	.swiper-container {
		/* left: 20px; */
	}

	#page-header.inner-header {
		/* min-height: 66px; */
		position: relative;
		z-index: 999;
	}

	#page-header {
		/* min-height: 66px; */
		background-color: #4B7FCA;
	}

	#page-header.inner-header .yhl-navbar-inner {
		/* height: 46px; */
		padding: 10px 15px;
	}

	#banner-wrap .swiper-slide {
		display: block;
		/* padding-top: 120px; */
	}

	#banner-wrap .swiper-banner-left {
		margin-bottom: 20px;
	}

	#banner-wrap .swiper-banner-right {
		height: 100%;
		width: auto;
		/* max-width: calc(100% - 20px);
	    width: calc(100% - 20px);
	    margin-right: 20px; */
	}

	.swiper-wrapper {
		height: calc(100vh - 64px);
	}

	.swiper-banner-img {
		height: 100%;
		text-align: center;
	}

	.swiper-banner-img img {
		height: 100%;
		width: auto;
	}

	.swiper-banner-left {
		/* max-width: calc(100% - 20px); */
		width: calc(100% - 60px);
		/* margin-right: 20px; */
		margin: 0 30px;
	}

	.banner-txt-cn {
		line-height: 36px;
		font-size: 24px;
		margin-bottom: 15px;
	}

	.banner-txt-en {
		font-size: 16px;
		line-height: 28px;
	}

	.swiper-banner-txt {
		height: 50px;
	}

	.home-title {
		font-size: 24px;
		height: 100px;
		line-height: 100px;
	}

	.home-title span::after {
		height: 3px;
		top: 39px;
	}

	#yhl-what {
		background-size: auto 100%;
	}

	.yhl-what-tit {
		font-size: 30px;
	}

	.yhl-what-txt {
		font-size: 18px;
		line-height: 30px;
	}

	#yhl-who {
		height: auto;
		padding: 30px;
	}

	.yhl-who-content {
		display: block;
	}

	.yhl-who-content>li {
		width: 100%;
		margin-bottom: 30px;
	}

	.yhl-who-content-tit {
		font-size: 22px;
		margin-bottom: 10px;
	}

	.yhl-who-content-item dd {
		width: 100%;
		margin-bottom: 30px;
	}

	.yhl-who-content-icon {
		margin-bottom: 10px;
	}

	.yhl-who-content-txt {
		font-size: 16px;
		line-height: 20px;
	}

	#yhl-advantage {
		display: block;
	}

	.yhl-advantage-content-tit {
		font-size: 28px;
	}

	.yhl-advantage-content li {
		font-size: 20px;
		padding-left: 40px;
		line-height: 50px;
	}

	.yhl-advantage-content li .iconfont {
		font-size: 30px;
	}

	.yhl-advantage-content-wrap>div {
		padding: 20px 0;
	}

	.footer-nav {
		display: block;
		overflow: hidden;
	}

	.footer-nav>li {
		float: left;
		width: 18%;
		margin-bottom: 20px;
	}

	.footer-nav>li.footer-nav-info {
		width: 100%;
	}

	.copy-right {
		display: block;
		padding: 20px 0;
	}

	.copy-right a,
	.copy-right a:visited {
		/* color: #000; */
	}


	.banner-wrap {
		height: 400px;
		overflow: hidden;
	}

	.banner-wrap img {
		/* width: auto; */
		height: 100%;
		display: block;
	}

	.banner-inner {
		font-size: 34px;
	}

	.banner-inner>div {
		padding: 0 20px;
	}

	.pro-banner-tit {
		font-size: 30px;
		margin-bottom: 20px;
	}

	.pro-banner-subtit {
		font-size: 14px;
		line-height: 24px;
	}

	.pro-banner-link {
		font-size: 16px;
	}

	#pro-detail-banner-wrap .banner-btn {
		padding-top: 10px;
	}

	#pro-detail-banner-wrap .banner-btn a {
		height: 34px;
		line-height: 34px;
		width: 120px;
	}


	.inner-con-txt {
		margin-bottom: 20px;
	}

	.online-form-tit {
		font-size: 20px;
	}

	.online-form {
		width: calc(100% - 40px);
		padding: 30px;
	}

	.inner-wrap {
		max-width: 100%;
		padding: 20px;
	}

	.pro-detail-item-txt {
		float: auto;
		width: 100%;
	}

	.pro-detail-item {
		display: block;
		margin-bottom: 20px;
	}

	.pro-detail-item-img {
		width: 100%;
		max-width: 100%;
	}

	.pro-inner-part1 {
		padding: 20px 0;
	}

	.detail-tit {
		font-size: 30px;
		height: 60px;
		line-height: 60px;
	}

	.detail-top-list {
		display: block;
	}

	.detail-top-list li,
	.pro-inner-part3 .detail-top-list li {
		width: 100%;
	}

	.detail-top-item-head {
		height: 100px;
		line-height: 100px;
	}

	.detail-top-item-head .iconfont {
		font-size: 40px;
	}

	.detail-top-item-head .iconfont.icon-scheduling {
		font-size: 58px;
	}

	.pro-detail-item-tit {
		font-size: 18px;
	}

	.pro-detail-online {
		height: 200px;
		overflow: hidden;
	}

	.pro-detail-online img {
		width: auto;
		height: 100%;
		display: block;
	}

	.pro-detail-online-txt {
		padding: 0 20px;
		font-size: 24px;
	}

	.pro-detail-online-btn {
		font-size: 14px;
	}

	.detail-static-list {
		display: block;
	}

	.detail-static-list li {
		width: 100%;
	}




	.inner-con-common {
		padding: 30px;
		margin-bottom: 30px;
	}

	.about-con-gray {
		padding: 30px 0;
	}

	.about-list1 {
		display: block;
	}

	.about-list1-item {
		width: 100%;
		margin-bottom: 30px;
	}

	.about-list2-item {
		width: 45%;
	}

	.about-list3 li {
		width: 50%;
	}


	.about-title {
		font-size: 24px;
		height: auto;
		line-height: 30px;
	}

	.about-list1-icon {
		margin-bottom: 20px;
	}

	.about-list1-icon img {
		height: 70px;
		width: auto;
	}

	.about-list2-img {
		width: 100%;
	}

	.about-list2-img img {
		display: block;
		width: 100%;
		height: auto;
	}

	.about-list2-txt {
		width: 100%;
		transform: translateY(23rem);
		/* padding: 15px 30px; */
	}

	.about-banner-tit {
		font-size: 18px;
		line-height: 30px;
	}

	.about-list1-tit {
		font-size: 18px;
		line-height: 24px;
	}

	.banner-btn a {
		font-size: 14px;
		width: 120px;
		height: 35px;
		line-height: 35px;
	}

	.inner-con-txt,
	.about-list1-des {
		font-size: 14px;
		line-height: 22px;
	}

	.about-list3 {
		margin: 0 20px;
	}

	.about-list3 li img {
		max-width: 90%;
	}



	.join-banner-tit {
		font-size: 34px;
		line-height: 30px;
		margin-bottom: 10px;
	}

	.join-banner-tit-desc {
		font-size: 14px;
	}

	.join-list {
		border-bottom: 1px solid #f2f2f2;
	}

	.join-list li {
		width: 50%;
		border-top: 1px solid #f2f2f2;
	}

	.join-list li:nth-child(even) {
		border-left: 1px solid #f2f2f2;
	}

	.join-list li:nth-child(odd) {
		border-left: none;
	}

	.job-table {
		font-size: 12px;
	}

	.join-detail-btn {
		font-size: 20px;
	}

	.join-apply-btn {
		position: static;
		display: inline-block;
		margin-bottom: 20px;
	}


	.news-list li {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.news-top-one {
		flex-wrap: wrap;
	}

	.news-top-one-img,
	.news-top-one-con {
		width: 100%;
		height: auto;
	}

	.news-top-one-img img {
		width: 100%;
		height: auto;
	}

	.news-top-one-con {
		padding: 20px;
	}

	.news-top-one-date {
		margin-bottom: 10px;
	}

	.news-top-one-tit {
		margin-bottom: 35px;
	}

	.news-top-one-tit a {
		font-size: 16px;
		line-height: 26px;
	}

	.news-top-one-tit::after {
		bottom: -16px;
	}

	.news-top-one-txt {
		line-height: 22px;
	}

	.news-item-img {
		height: auto;
	}

	.news-detail-tit {
		font-size: 20px;
		line-height: 30px;
	}

	.news-detail-info>span {
		font-size: 12px;
	}

	.news-bottom {
		padding-right: 0;
	}

	.news-bottom-list {
		margin-bottom: 10px;
	}

	.news-back {
		position: static;
		display: inline-block;
	}

	.case-logo {
		margin-bottom: 10px;
	}

	#traffic_analysis {
		width: 90%;
		margin: 0 auto;
		padding: 100px 0 85px 0;
	}

	.traffic_analysis_item {
		width: 90%;
		padding: 80px 10px;
		/* width: calc(95% - 90px); */
	}

	.traffic_analysis_list .traffic_analysis_item:nth-child(1)::before {
		display: none;
	}

	.traffic_analysis_list .traffic_analysis_item:nth-child(1) {
		border-bottom: 1px dashed rgba(0, 0, 0, .15);
		/* padding: 68.5px 90px; */
	}

	.about_teamProduce_list {
		padding: 0 20px;
	}

	.about_teamProduce_item {
		width: 33%;
	}

	.product_sop_abilityList {
		justify-content: center;
	}

	.product_sop_abilityItem {
		width: 100%;
	}

	.product_ocp_supplyChainItem {
		width: 100%;
		margin-bottom: 10px;
	}

	.product_ocp_supplyChainList {
		justify-content: center;
	}

	.product_wfp_valueItem {
		width: 100%;
		padding: 0;
		height: auto;
	}

	.product_tos_promoteItem {
		width: 100%;
	}

	.product_tos_promoteItem dl {
		height: auto;
	}

	.product_tos_promoteList {
		position: static;
	}

	.product_tos_promoteList {
		padding: 0 30px;
	}

	.product_tos_promoteList .product_tos_promoteItem:nth-child(1) {
		margin-left: 0;
	}

	.product_tos_promoteList .product_tos_promoteItem:nth-child(2) {
		margin-top: 50px;
		position: static;
	}

	.product_dp_planItem {
		width: 100%;
	}

	.about_technology_item {
		width: calc(45% - 60px);
	}

	.product_sop_architectureItem {
		width: calc(90% - 55px);
	}

	/* .product_sop_kpiItem{
		width: calc(90% - 100px);
	} */
	.product_csp_worryItem {
		width: calc(100% - 70px);
	}

	.newsBox {
		width: 100%;
	}

	.product_csp_valueItem {
		width: calc(45% - 60px);
		margin-bottom: 30px;
	}

	.product_csp_planOutItem {
		width: calc(100% - 60px);
		margin-bottom: 30px;
		height: auto;
		padding-bottom: 20px;
		background-position: 90% 90%;
	}

	.product_csp_processItem {
		justify-content: center;
		width: calc(100% - 20px);
	}

	.product_csp_processItem1 {
		right: 45%;
		top: 98%;
		transform: rotate(90deg);
	}

	.product_csp_processItem2 {
		right: 45%;
		top: 98%;
		transform: rotate(90deg);
	}

	.product_csp_processItem3 {
		right: 45%;
		top: 98%;
		transform: rotate(90deg);
	}

	.product_csp_processItem4 {
		right: 45%;
		top: 107%;
		transform: rotate(90deg);
	}

	.product_csp_processItem5 {
		left: 45%;
		top: 98%;
		transform: rotate(90deg);
	}

	.product_csp_processItem6 {
		left: 45%;
		top: 98%;
		transform: rotate(90deg);
	}

	#product_cspList_mobile {
		visibility: visible;
		margin-top: 30px;
	}

	#product_cspList_pc {
		visibility: hidden;
		margin-top: -2100px;
	}

	.customer_recommend_item {
		width: 100%;
		margin-bottom: 30px;
	}

	.product_csp_planItem {
		width: 48%;
		margin-bottom: 20px;
	}

	.product_ams_featureItem {
		width: 100%;
		margin-bottom: 30px;
	}

	.product_ams_featureDescBox {
		margin-top: 10%;
		margin-left: 15%;
	}

	.product_ams_functionItem {
		width: 32%;
	}

	.product_sop_kpiFinanceItem {
		width: 32%;
	}

	.supplyChain_profit_item {
		width: 27%;
		padding-top: 27%;
		margin-bottom: 30px;
	}

	.customerIncome_list {
		padding: 0 20px;
	}

	.customerIncome_item {
		width: 42%;
		margin-bottom: 30px;
	}

	.yhl_home_newsList_left p {
		font-size: 18px;
	}

	.home_advantage_list {
		padding: 0 30px;
	}

	.banner-inner p {
		font-size: 14px;
		padding: 0;
		margin-top: 10px;
	}

	.product_sop_bgTitle {
		width: 90%;
		font-size: 20px;
	}

	.product_sop_subTitle {
		font-size: 14px;
	}

	.product_sop_architectureList {
		justify-content: center;
	}

	.supplyChain_challenge_item {
		width: 98%;
	}

	.about_technology_list {
		justify-content: space-between;
	}
  .about-banner-desc {
    position: absolute;
    top: 10%;
    left: 15%;
    z-index: 3;
  }
  #about_company .swiper-container {
		padding-bottom: 0px;
	}

  .ocp_main {
	flex-wrap: wrap;
	justify-content: space-evenly;
  }

}
/* iPad Air */
@media (max-width: 820px) {
  .about-list2-txt {
    transform: translateY(19rem);
  }
  .footer-nav {
	  position: relative;
  }
}
@media (max-width: 768px) {
  .anli_tabs{
    width: 80% !important;
  }
  .pro-banner-tit {
    font-size: 26px;
  }
	.ct_scene {
		flex-direction: column;
		gap: 10px;
	}
	.scene_details {
		width: 100% !important;
	}
	.train_list {
		justify-content: center;
	}

	.sop_apply_ku {
		flex-direction: column;
		gap: 20px;
	}

	.train_list:after {
		width: 0;
	}

	.activity_list:after {
		width: 0;
	}

	.activity_item {
		margin-bottom: 30px;
	}

	.banner-content {
		width: 100%;
	}

	.spt-detail {
		width: 680px;
		flex-wrap: wrap;
	}

	.spt-detail .box {
		flex: 1 0 25%;
		margin-bottom: 30px;
	}

	.spt-detail .box:nth-child(2) {
		margin: 0 30px 0 25px;
	}

	#yhl-superiority {
		height: 1052px;
	}

	.ros-detail {
		width: 100%;
	}

	#yhl-ros {
		padding-bottom: 0px !important;
	}

	.ros-detail1 {
		flex-wrap: wrap-reverse;
		flex: 1 0 100%;
		/* margin-top: 460px; */
		/* margin-bottom: 0; */
	}

	.ros-detail .right {
		width: 100%;
	}

	.ros-detail .left {
		/* height: 375px; */
	}

	.ros-detail2 {
		flex-wrap: wrap;
		flex: 1 0 100%;
		/* height: 875px; */
	}

	#yhl-airline {
		height: 1997px;
	}

	#yhl-talk .talk-info {
		width: 90%;
	}

	.tab-group {
		width: 90%;
	}

	.ros-detail2 .left {
		padding-left: 0;
		padding: 0 25px;
	}

	.ros-detail2 {
		/* margin: 60px auto 0; */
	}

	#yhl-talk {
		height: 570px;
	}

	#yhl-talk .talk-info {
		height: 220px;
		margin: 60px auto 0;
	}

	.ros-content {
		/* width: 90%; */
		margin: auto;
	}

	.transport-detail {
		flex-wrap: wrap;
		margin: 60px auto 0;
	}

	.transport-ros .box {
		flex: 1 0 30%;
		margin-bottom: 25px;
	}

	.yhl-transport {
		height: 509px;
	}

	.strengths-detail .box:nth-child(2) {
		margin: 0 35px;
	}

	.strengths-detail .box {
		padding: 30px 15px;
	}

	.strengths-detail h3 {
		font-size: 18px;
	}

	.icon-circle {
		margin: 15px auto 30px;
	}

	.case-content {
		flex-wrap: wrap-reverse;
		flex: 1 0 100%;
	}

	.case-content .box:nth-child(2) {
		width: 100%;
		margin: auto;
	}

	.case-content .box:nth-child(2) img {
		width: 100%;
	}

	.success-case {
		height: 1080px;
	}

	.traffic_painPoint_item {
		width: 100%;
	}

	.empty {
		display: none;
	}

	.product_ams_processItem {
		width: 100%;
		margin-bottom: 20px;
	}

	.product_ams_planEvaluationItem {
		width: 100%;
		padding: 0;

	}

	.product_tos_advantageItem {
		width: 100%;
		margin-bottom: 20px;
	}

	.product_tos_highlightsItem {
		width: 100%;
		margin-bottom: 20px;
	}

	.product_dp_advantageItem {
		width: 100%;
		margin-bottom: 20px;
	}

	.product_dp_valueItem {
		width: 100%;
	}

	#about_company {
		height: 40vh;
	}

	#about_company .swiper-slide {
		width: 100%;
	}

	#about_company .swiper-wrapper {
		/* height: 200px!important; */
	}

	.product_csp_questionItem {
		width: calc(100% - 40px);
	}

	.newsItem {
		flex-wrap: wrap;
		margin-bottom: 40px;
		height: auto;
	}

	.newsImg {
		width: 100%;
	}

	.newsItemContent {
		width: 100%;
	}

	.newsItemTitle {
		margin-top: 20px;
	}

	.newsTitle {
		text-align: center;
	}

	.about_honor_item {
		width: calc(100% - 15px);
		height: 350px;
		margin: 20px;
	}

	/* .about_honor_itemLogo1 img{
		height: 100%!important;
		width: auto!important;
	} */
	.product_ams_functionItem {
		width: 47%;
	}

	.customerIncome_item {
		width: 49%;
	}

	.home_advantage_item {
		width: calc(100% - 54px);
		height: 260px;
	}

	.product_sop_bgTitle {
		font-size: 14px;
	}

	.product_sop_subTitle {
		font-size: 12px;
	}
  
  .about-banner-subTitle {
    font-size: 12px;
  }
  .rightFixedMenu{
	width: 63px;
	height: 250px;
  }
  .contentText{
	font-size: 10px;
  }
  
}

@media (max-width: 600px) {
	.online-produceItem {
		width: 100%;
	}
	.online-produce {
		width: 90%;
		min-width: unset;
	}
	.online-produceTitle {
		font-size: 22px;
	}
	.online-produceSubTitle p {
		font-size: 18px;
	}
	.online_sloganSubTitle {
		font-size: 14px;
		transform: scale(0.8);
	}
	.online_sloganTitle {
		font-size: 28px;
		transform: scale(0.8);
	}
	.online-dataList {
		flex-direction: column;
	}
	.sop_apply_top_img_down {
		margin-left: 8%;
	}
	.sop_apply_details_text {
		left: 12% !important;
		transform: scale(0.8);
	}
	.sop_apply_details_text_right {
		right: 8% !important;
		transform: scale(0.8);
	}
	.anli_tabs .tab{
		font-size: 12px !important; 
	}
	.sop_anli_left {
		margin-top: 20px;
	}
	.sop_anli_left,.sop_anli_right {
		width: 80%;
		padding-top: 0px;
	}
	.completeVehicle .pain_content .item {
		width: 100% !important;
	}
	.solution_option .item {
		width: 100% !important;
	}
	.pain_content .item {
		width: 100% !important;
		padding: 20px !important;
	}
	.service-content {
		margin: 0% 5%!important;
	}
	.ocp_warp_card {
		flex-direction: column !important;
	}
	.sop_anli {
		flex-direction: column;
	}
	.mps_advan {
		flex-direction: column;
	}
	.sop_apply_ku {
		flex-direction: column;
	}
	.sop_anli_left,.sop_anli_right {
		width: 80%;
	}
	.sop_anli_right {
		text-align: center;
	}
	.pro-banner-zixun {
		width: 100%;
	}
	#pro-detail-banner-wrap .pro-banner-tit {
		font-size: 28px;
	}

	#pro-detail-banner-wrap .pro-banner-subtit {
		font-size: 16px;
	}

	.inner-con-common {
		padding: 20px;
	}

	.about-list1 {
		display: block;
	}

	.about-list1-item {
		width: 100%;
		margin-bottom: 30px;
	}

	.about-list2-item {
		width: 100%;
		display: block;
	}

	.about-list2-img,
	.about-list2-txt {
		width: 100%;
	}

	.about-list3 li {
		width: 50%;
	}


	.inner-con-common,
	.about-certificate-container-wrap {
		width: 100%;
	}

	.join-list-icon {
		margin-bottom: 10px;
	}

	.job-tab-head span {
		width: calc(50% - 22px);
	}

	.job-img img {
		width: 100%;
		height: auto;
	}

	#job-table {
		display: none;
	}

	#job-table-mobile {
		display: table;
	}

	.job-table-mobile thead tr {
		font-size: 14px;
	}

	.job-table-mobile tbody tr {
		border-bottom: 1px solid #D9D9D9;
	}

	.job-table-mobile-tit {
		font-size: 16px;
	}

	.job-table-mobile-txt {
		font-size: 12px;
		color: #666;
	}

	.join-desc-con-wrap {
		border: none;
	}

	.join-apply-btn {
		margin-bottom: 0;
	}


	.news-list {
		padding-top: 60px;
	}

	.news-list li {
		width: calc(50% - 5px);
		margin-bottom: 60px;
	}

	.news-item-date {
		width: 50px;
		height: 50px;
		top: -25px;
	}

	.news-item-day {
		font-size: 14px;
		line-height: 20px;
	}

	.news-item-year {
		font-size: 10px;
	}

	.news-item-tit {
		font-size: 16px;
		line-height: 30px;
		height: 30px;
	}

	.news-item-txt {
		margin-bottom: 15px;
		line-height: 20px;
		height: 40px;
	}

	#hot-news {
		display: none;
	}

	.case-list li {
		flex: 0 0 100%;
		max-width: 100%;
		margin-bottom: 20px;
	}

	.product_tos_solutionItem {
		margin-bottom: 20px;
		width: 100%;
	}

	.product_dp_analysisItem {
		width: 100%;
		margin-bottom: 30px;
	}

	.about_technology_item {
		width: calc(100% - 60px);
	}

	.product_csp_valueItem {
		width: calc(100% - 60px);
		height: auto;
	}

	.product_csp_functionItem {
		width: calc(100% - 40px);
		margin-bottom: 60px;
		margin-top: 0;
	}

	.product_csp_functionItem:nth-child(2) {
		margin-top: 0px;
	}

	.product_csp_functionItem:nth-child(4) {
		margin-top: 0px;
	}

	.product_csp_functionItem:nth-child(6) {
		margin-top: 0px;
	}

	.product_csp_functionItem span {
		left: 46%;
	}

	.yhl_home_newsList_right {
		width: 100% !important;
	}

	.yhl_home_newsList_rightImg {
		width: 100% !important;
		height: auto !important;
	}

	.yhl_home_newsList_rightItemDesc {
		width: calc(100% - 40px) !important;
	}

	.product_csp_planItem {
		width: 90%;
		margin: 0 auto;
		margin-bottom: 20px;
	}

	.product_ams_functionItem {
		margin: 0 5% 30px 5%;
		width: 90%;

	}

	/* #sop_wrap .product_sop_bgTitle{
		font-size: 16px;
		margin: 15px 0;
	} */
	.supplyChain_profit_item {
		width: 40%;
		padding-top: 40%;
	}

	.supplyChain_profit_list {
		padding: 0 50px;
	}

	.customerIncome_item {
		width: 100%;
		justify-content: start;
	}

	.tab-group p>a {
		font-size: 14px;
	}

	.yhl_home_newsList_left p {
		font-size: 14px;
	}

	.yhl_home_newsList_rightImg img {
		height: 150px;
	}

	.about_technologyBox_title {
		font-size: 24px;
	}

	.about-title {
		font-size: 24px;
	}

	#about_technologyBox {
		padding: 0 20px;
	}

	.product_common_centerTitle {
		padding: 100px 30px 60px 30px;
		font-size: 18px;
	}

	.product_dp_list {
		justify-content: center;
	}

	.product_ams_modelItem {
		width: 90%;
	}

	.product_itemTitle {
		font-size: 20px;
	}

	.product_csp_worryItem {
		height: auto;
		padding: 20px;
	}

	.product_csp_worryItemImg {
		display: none;
	}

	.product_csp_worryItemDesc {
		width: 100%;
	}

	.product_cspList {
		justify-content: center;
	}


	#yhl-banner .banner_text{
		left: 3rem;
		top: 13rem;
		font-size: 1.2rem;
		height: 30px;
		line-height: 30px;
	}
	#yhl-banner .banner_txt{
    left: 3rem;
    top: 16rem;
		font-size: 1.5rem;
	}
	#yhl-banner .banner_txt1{
		left: 3rem;
		top: 13rem;
		font-size: 1rem;
	}
	#yhl-banner .banner1_txt {
		font-size: 1rem;
		position: absolute;
		left: 3rem;
		top: 22rem;
		font-weight: 100;
	}
	.banner_img{
		left: 3rem;
		top: 18rem;
		width: 6rem;
		height: 6rem;
	}
	#yhl-banner .banner_DownLoad {
		left: 50%;
		margin-left: -4.2rem;
	}

	#yhl-service .service-content {
		margin: 0 5%;
	}
	#yhl-service .service-list {
		margin-top: 34px;
    justify-content: space-around;
	}
	#yhl-service .service-card {
		width: 48%;
		max-width: 48%;
		min-width: 48%;
		padding: 16px 5px;
		margin: 2% 0 0;
	}
	#yhl-service .service-card .service-des{
		height: 90px;
	}

	
	#yhl-deloris .deloris-content {
		width: 100%;
	}

	#yhl-solution {
		padding: 10px 0;
	}
	#yhl-solution .swiper-wrapper {
		height: 387px;
	}
	#yhl-solution .swiper-pagination2 li {
		font-size: 14px;
		padding: 10px 2px;
	}

	#yhl-value {
		padding: 20px 0;
	}
	#yhl-value .value-content {
		padding: 0;
		zoom: 0.5;
		margin: 10px 0;
	}
	#yhl-value .value-content-left {
    padding: 0 30px 0 60px;
	}
	#yhl-value .value-bottom {
		margin: 0;
		flex-wrap: wrap;
		padding: 30px;
	}
	#yhl-value .value-bottom-item {
		width: 30%;
	}

	#yhl-pa {
		padding: 50px 0;
	}
	#yhl-pa .pa-content {
		margin: 15px 5% 0;
		display: flex;
		justify-content: space-between;
	}
	#yhl-pa .pa-content .pa-card {
		padding: 21px;
	}
	#yhl-news .news-card {
		flex: 0 0 30%;
	}
	#yhl-news .news-content{
		margin: 20px 0 15px;
		gap: 3%;
	}

	#customers-wrap .swiper-container {
		width: 1870px;
	}
	#customers-wrap .swiper-wrapper {
		height: 70px;
	}
	#swiper-wrapper-customers .swiper-slide img {
		height: 100%;
	}

	#yhl-contact .contact-form {
		width: 90%;
		position: relative;
	}
	#yhl-contact .contact-form textarea {
		width: calc(100% - 56px);
	}
	#yhl-contact input {
		width: 100%;
	}
	#yhl-footer .footer-nav li {
		width: 40%;
	}
	#yhl-footer .footer-nav .footer-nav-info {
		width: 100%;
	}
	.rightFixed {
		top: 40%;
	}
}
/* iPhone 14 Pro Max */
@media (max-width: 430px) {
	.banner_text_txt_phone {
		display: block!important;
		width: 280px;
	}
	.online-form {
		margin-top: 50px;
	}
	.banner_text_txt_phone span{
		color: #0071F7;
	}
	.hidden_in_phone {
		display: none!important;
	}
	.yhl-service-phone {
		margin-top: 180px!important;
	}
	.yhl-banner-index {
		height: 350px !important;
	}
	#yhl-banner {
		height: 440px;
		top: 60px;
	}
	.pro-banner-tit {
		margin-top: 0px!important;
	}
	#yhl-service {
		margin-top: 350px;
	}
	#ams-wrap, #sop_wrap, #mps-wrap, #wfp_wrap, #ocp-wrap, #ct-wrap, .firstSolution {
		margin-top: 430px !important;
	}
	.service-list {
		margin: 0px;
		gap: 2%;
		justify-content: unset!important;
	}
	.value-bottom-item img {
		width: 100%!important;
	}
	.value-right-text p {
		transform: scale(0.8);
	}
	.value-bottom-item p {
		transform: scale(0.6);
	}
	.value-content {
		margin-bottom: 50px!important;
	}
	.deloris-desc {
		font-size: 14px;
	}
	.yhl_home_newsList_right .news-card div {
		height: calc(100% - 163px);
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.value-right-text span {
		transform: scale(0.8);
	}

	.news-card div p:first-child {
		font-size: 12px;
		transform: scale(0.8);
	}
	.yhl-swiper {
		height: 190px !important;
	}
	.swiper-wrapper {
		height: 100%!important;
	}
	.banner1,.banner2,.banner3,.banner4 {
		/* background-size: 100% 100%; */
	}
	.banner {
		height: 100%;
	}
	.banner_text {
		transform: scale(0.8)!important;
	}
	.yhl-swiper .banner_text {
		top: 4rem!important;
		left: -10px!important;
		transform: scale(0.8)!important;
	}
	.yhl-swiper .banner_txt {
		top: 4rem!important;
		left: 0px!important;
		transform: scale(0.8)!important;
	}
	.yhl-swiper .banner_txt1 {
		top: 3rem!important;
		left: -1rem!important;
		transform: scale(0.6)!important;
	}
	.yhl-swiper .banner_img{
		width: 3rem;
		height: 3rem;
		top: 7.5rem!important;
		left: 0.5rem!important;
	}
	.banner1_txt {
		transform: scale(0.6)!important;
		top: 9rem!important;
		left: -55px !important;
	}
	.swiper-pagination-bullet {
		height: 3px;
	}
	.banner_text {
		transform: scale(0.8) !important;
	}
	.solution {
		height: 230px!important;
	}
	.solution p {
		transform: scale(0.8);
	}
	.solution h3 {
		transform: scale(0.8);
	}
	#yhl-banner img {
		height: 100%!important;
	}
	.yhl-swiper .banner_DownLoad {
		top: 8rem;
		left: 5rem !important;
		transform: scale(0.8);
	}
	#yhl-solution .solution {
		padding: 0px 50px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	#yhl-solution .solution p {
		text-indent: 2ch;
	}
	#yhl-pa .pa-content {
		flex-direction: column;
	}
	#yhl-pa .pa-content .pa-card ul {
		margin-left: 20px;
	}
  .pro-banner-tit {
    font-size: 20px;
  }
  .pro-banner-subtit {
    margin-top: 25px;
    font-size: 12px;
  }
  .advantage .solution_content .item:nth-child(2n - 1){
    padding-left: 36px !important;
  }
  .solution_option .item.item:nth-child(2n - 1) {
    border-right: 0px !important;
  }
  .advantage .solution_content .item:nth-child(2n) {
    padding-right: 36px !important;
  }
  .anli_tabs {
    width: 100% !important;
  }
  .anli_tabs .tab {
    font-size: 10px !important;
  }
  .service-title {
    padding-bottom: 20px;
  }
	.about-banner-subTitle {
		font-size: 10px;
	}

	.sop_apply_content img {
		width: 100%;
	}

	.wfp_advan_card {
		width: 80% !important;
	}

	#wfp_applications {
		padding: 27px 30px 20px !important;
	}

	.mobile-terminal-layout {
		width: 100%;
		height: 100%;
	}
	
	.tab-container {
		width: 100%;
		max-width: 600px;
		margin: 0 auto;
	}
	.tab-index-page-buttons {
		display: flex;
		border-bottom: 1px solid #ccc;
		margin: 0px 10px;
	}
	.tab-button {
		flex: 1;
		cursor: pointer;
		border: none;
		background: none;
		font-weight: 600;
		padding: 0px;
		height: 30px;
		color: #000;
	}
	.tab-button.active {
		border-bottom: 2px solid #409EFF;
		color: #409EFF;
	}
	.tab-content {
		min-height: 200px;
		padding: 20px;
		border-top: none;
	}
	.tab-pane {
		display: none;
	}
	.tab-pane.active {
		display: block;
	}
	.tab-img-container {
		display: flex;
		gap: 10px;
		flex-wrap: wrap;
	}
	.tab-img-container img {
		width: calc(33% - 6px);
		animation: growAnimation 0.3s forwards; /* 应用动画，持续1秒，结束后保持在结束状态 */
	}
	
	/* 定义动画 */
	@keyframes growAnimation {
		from {
		  transform: scale(0); /* 初始状态，不放大 */
		}
		to {
		  transform: scale(1); /* 结束状态，放大到两倍 */
		}
	}
	
}
/* iPhone XR */
@media (max-width: 414px) {
	#yhl-airline {
		height: auto;
	}

	.banner-txt2 {
		font-size: 28px;
		line-height: 75px;
	}

	.banner-txt3 {
		font-size: 18px;
		margin: 0 0 15px 0;
		line-height: 35px;
	}

	#list-wrapper li {
		font-size: 16px;
	}

	.spt-content,
	.ros-detail .left,
	.ros-detail {
		height: auto;
	}

	.spt-detail {
		width: 90%;
		margin: 50px auto 0;
	}

	.spt-detail .box:nth-child(2),
	.spt-detail .box:last-child {
		margin: 0;
		margin-bottom: 30px;
	}

	.spt-detail .box {
		flex: 1 0 50%;
		padding: 0 10px;
	}

	.spt-detail .box h3 {
		font-size: 28px;
		margin-top: 20px;
	}

	.spt-detail .box h3:before {
		width: 50px;
	}

	.ros-detail1 {
		margin-top: 48px;
	}

	.contact-form {
		width: 90%;
	}

	.contact-form input:nth-child(2n) {
		margin-left: 0;
	}

	#yhl-contact input {
		width: 100%;
	}

	.contact-form textarea {
		width: 84%;
	}

	#yhl-contact {
		height: 700px;
		background-size: auto 100%;
	}

	#yhl-contact h2 {
		width: 90%;
		font-size: 34px;
		margin: auto;
	}

	#yhl-contact p {
		width: 90%;
		font-size: 16px;
		margin: auto;
	}

	.spt-detail .box h4 {
		font-size: 16px;
		line-height: 18px;
		margin: 25px 0 15px 0;
	}

	.spt-detail .box h4:before {
		top: 60px;
	}

	#yhl-talk h2 {
		font-size: 34px;
	}

	#yhl-talk .talk-info {
		font-size: 16px;
		margin: 45px auto 0;
		color: #535353;
	}

	#yhl-superiority {
		height: auto;
	}

	#yhl-airline {
		height: auto;
		padding-top: 70px;
	}

	#yhl-airline .ros-detail2 {
		height: auto;
	}

	#yhl-airline .ros-detail1 {
		margin-top: 180px;
	}

	.ros-detail .left h3 {
		font-size: 18px;
		margin: 30px 0 20px 0;
	}

	.title-group .small-title {
		font-size: 28px;
	}

	.banner-wrap {
		height: 500px;
	}

	.pro-banner-tit {
		margin-top: 15px;
	}

	.pro-banner-subtit {
		margin-top: 25px;
	}

	.transport-detail .box:nth-child(2)::before {
		border-left: none;
	}

	.transport-detail .box:nth-child(2)::after {
		border: none;
	}

	.transport-detail .box:nth-child(3)::after {
		border-left: none;
	}

	.transport-ros .box {
		flex: 1 0 35%;
		padding: 0 5px;
	}

	.transport-detail {
		width: 95%;
		margin: 30px auto 0;
	}

	.transport-detail p {
		font-size: 14px;
	}

	.ros-detail .left {
		padding-left: 0;
	}

	.title-group h2 {
		font-size: 28px;
	}

	#yhl-ros {
		padding-bottom: 100px;
		/* padding-top: 68px; */
	}

	.strengths-detail {
		flex-wrap: wrap;
	}

	.strengths-detail .box {
		flex: 1 0 75%;
		margin-bottom: 15px;
		height: 240px;
	}

	.customize-detail .box {
		width: 30%;
		flex: 0 0 39%;
		height: 240px;
	}

	.customize-detail {
		margin: 30px auto 0;
	}

	.strengths-detail .box:nth-child(2) {
		margin: 0;
		margin-left: 0;
		margin-bottom: 15px;
	}

	.customize-detail .box:nth-child(4) {
		margin-left: 15px;
	}

	.customize-detail .box:nth-child(2) {
		margin: 0;
		margin-left: 15px;
	}

	.yhl-transport-Strengths {
		height: 1140px;
	}

	.customize {
		height: 790px;
	}

	.transport-detail .box {
		flex: 1 0 50%;
	}

	.plan-arrange-box .box {
		flex: 1 0 50%;
		margin-bottom: 30px;
		padding: 0 15px;
	}

	.transport-detail h3 {
		font-size: 16px;
		margin-bottom: 10px;
	}

	.yhl-plan-arrange {
		height: 600px;
	}

	.ros-detail2 {
		margin: 30px auto 0;
		/* height: 675px; */
	}

	.ros-detail1 {
		margin: 30px auto 0;
	}

	.case-content h3 {
		font-size: 28px;
	}

	.case-content p {
		padding-right: 0;
		font-size: 18px;
	}

	.case-content h4 {
		font-size: 22px;
		margin: 30px 0 15px 0;
	}

	.case-content .box:nth-child(1) {
		padding-right: 0;
	}

	.success-case {
		padding-top: 70px;
		height: 320px;
	}

	.cpfr .transport-detail .box {
		margin-top: 30px;
	}

	.cpfr .transport-detail .box:nth-child(1) {
		margin-top: 0;
	}

	.spt-content {
		padding: 70px 0 0 0;
	}

	#yhl-talk {
		padding-top: 70px;
		height: 530px;
	}

	.tab-group {
		margin: 90px auto 0;
	}

	#customers-wrap {
		padding-top: 70px;
		height: auto;
	}

	#customers-wrap h2:before {
		width: 0;
	}

	#swiper-wrapper-customers {
		margin-top: 30px;
	}

	#yhl-contact {
		padding-top: 70px;
	}

	.yhl-transport {
		padding-top: 70px;
	}

	.yhl-transport-Strengths {
		padding-top: 70px;
	}

	.customize p {
		margin-top: 0;
	}

	.success-case .box-img {
		display: none;
	}

	.case-content h3 {
		margin-top: 0;
	}

	.plan-arrange-box .box:nth-child(2)::before {
		height: 0;
	}

	.cpfr .transport-detail .box:nth-child(2)::before {
		height: 0;
	}

	.cpfr {
		height: 500px;
	}

	.ros-detail-top {
		margin-top: 90px;
	}

	.sc-detail .box {
		flex: 1 0 50%;
		margin-bottom: 30px;
	}

	.sc-content {
		height: 690px;
	}

	.sc-detail .box:nth-child(2)::before {
		height: 0;
	}

	.ros-detail-top2 {
		margin-top: 190px;
	}

	.ros-detail-top3 {
		margin-top: 70px;
	}

	.transport-ros .box:nth-child(2)::before {
		height: 0;
	}

	.ros-yhl {
		height: 690px;
	}

	.plan-Strengths {
		height: 2090px;
	}

	.pa-strengths .box:nth-child(3n-1) {
		margin: 0 0 15px 0;
	}

	#about_company .swiper-pagination {
		display: none;
	}

	#about_company .swiper-container {
		height: 450px;
	}

	.product_csp_processItem1 {
		right: 41%;
		top: 98%;
		transform: rotate(90deg);
	}

	.product_csp_processItem2 {
		right: 41%;
		top: 98%;
		transform: rotate(90deg);
	}

	.product_csp_processItem3 {
		right: 41%;
		top: 98%;
		transform: rotate(90deg);
	}

	.product_csp_processItem4 {
		right: 41%;
		top: 107%;
		transform: rotate(90deg);
	}

	.product_csp_processItem5 {
		left: 35%;
		top: 98%;
		transform: rotate(90deg);
	}

	.product_csp_processItem6 {
		left: 35%;
		top: 98%;
		transform: rotate(90deg);
	}

	.product_sop_kpiFinanceItem {
		width: 48%;
	}

	.product_sop_kpiItem {
		padding: 40px 20px;
	}
  .about_teamProduce_itemSubTitle {
    font-size: 12px;
  }
  
  .about-list2-txt {
    transform: translateY(21rem);
  }
}
/* IPhone 12 pro */
@media (max-width: 390px) {
  .pro-banner-tit {
    font-size: 18px;
  }
  .about_technologyBox_title {
    font-size: 22px;
  }
  .about-list2-txt {
    transform: translateY(20rem);
  }
}
/* iPhone SE */
@media (max-width: 375px) {
	.ros-detail2 {
		height: 600px;
	}

	#yhl-contact h2 {
		font-size: 28px;
	}

	.banner-content {
		width: 95%;
		margin: auto;
	}

	.banner-txt2 {
		font-size: 28px;
	}

	.banner-txt3 {
		font-size: 18px;
	}

	.ros-detail .left h3 {
		font-size: 16px;
	}

	.customize {
		height: 740px;
	}

	.strengths-detail .box {
		padding: 15px 5px 30px;
	}

	.title-group h2 {
		font-size: 26px;
	}

	#yhl-ros {
		padding-bottom: 68x;
	}

	.customize-detail .box {
		flex: 0 0 44%;
	}

	.plan-Strengths {
		height: 2000px;
	}

	.product_ams_functionItem {
		width: 100%;
	}

	.product_ams_featureItem {
		width: 100%;
	}

	.product_ams_modelItem {
		width: 100%;
	}
  .about-banner-title {
    font-size: 21px;
  }
  .about-list2-txt {
    transform: translateY(19rem);
  }
}

.curLanguage {
	color: #1E75EA;
}

.curLanguage1 {
	color: #666;
}

.checkLanguage {
	color: #666;
}

.checkLanguage:hover {
	color: #1E75EA;
}

#page-header.header-fixed .curLanguage {
	color: #1E75EA !important;
}

#page-header.header-fixed .checkLanguage:hover {
	color: #1E75EA !important;
}

#page-header.header-fixed .yhl-navbar-subnav-com a {
	color: #666 !important;
}

#page-header.header-fixed .yhl-navbar-subnav-com a:hover {
	color: #1E75EA !important;
}

#page-header.header-fixed .yhl-navbar-apply>a {
	border: 1px solid rgba(255, 255, 255, .7) !important;
}

.yhl-navbar-nav .yhl-navbar-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative;
	top: 10px;
	padding: 8px 12px;
	margin-left: 15px;
	background: rgba(202, 227, 255, 0.55);
	border-radius: 16px;
}

.yhl-navbar-nav .yhl-navbar-link img {
	width: 20px;
	margin-right: 5px;
}

.yhl-navbar-nav .yhl-navbar-link p {
	font-family: Arial, Arial;
	font-weight: 600;
	font-size: 15px;
	color: #126FEE;
}

.fabu {
	position: fixed;
	bottom: 20px;
	width: 90%;
	left: 5%;
	height: 80px;
	background: #0076EA;
	margin: 0 auto;
	font-size: 18px;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 33px;
	line-height: 80px;
	z-index: 9999999;
	border-radius: 10px;
}

.fabu span {
	display: inline-block;
	width: 100px;
	background: #FFFFFF;
	color: #0076EA;
	line-height: normal;
	padding: 8px 0;
	font-size: 14px;
	border-radius: 5px;
	cursor: pointer;
}

/* 下载报告弹窗 */
.downloadDialog {
	display: none;
	width: 400px;
	height: 400px;
	background-color: #f0f0f0;
	position: absolute;
	top: 150px;
	left: calc(50% - 200px);
	text-align: center;
	font-size: 1.2rem;
	z-index: 99999999;
	/* transition: 0.3s ease-in-out; */
}

.downloadDialog span {
	position: absolute;
	top: 5px;
	right: 10px;
	cursor: pointer;
}

.downloadDialog img {
	width: 400px;
	height: 400px;
}

.dialogBg {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	background: #000000;
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
	display: none;
	z-index: 8888;
}

.no-scroll {
	overflow: hidden;
}


.banner-container {
	margin: 0 auto;
	width: 100vw;
	height: 580px;
	display: flex;
	overflow: hidden;
}

.banner-container .inner {
	background: rgba(67, 67, 69, .5);
}

.banner-container img {
	width: 100%;
}

.banner-container img:hover {
	transition: all 1s;
}

.banner-container .inner {
	overflow: hidden;
	/* transition: all .6s cubic-bezier(.645,.045,.355,1);
     */
	transition: all .7s;
	position: relative;

}

.banner-container .inner:nth-child(1) {
	width: 70%;
	/* background-image: url('../images/about/about/banner1.jpg'); */
}

/* .banner-container .inner:nth-child(1) .banner-layer{
    background: none;
}  */

.banner-container .inner:nth-child(2) {
	width: 30%;
	/* background-image: url('../images/about/about/banner2_2.jpg'); */
}

.banner-container .inner:hover {
	flex-shrink: 0;
}

.banner-container .inner:nth-child(1):hover {
	transition: all .7s;
}

.banner-container .inner:nth-child(2):hover {
	transition: all .7s;
	width: 70%;
	/* background-image: url('../images/about/about/banner2.jpg'); */
}

/* .banner-container .inner:nth-child(2):hover .banner-layer{
    transition: all .7s;
    background: none;
}  */



.about-banner-subTitle.title2 {
	opacity: 0;
}

.about-banner-subTitle.title1 {
	opacity: 1;
}

.banner-container .inner:nth-child(2):hover .about-banner-subTitle.title2 {
	opacity: 1;
	transition: all .7s;
}

.banner-container .inner:nth-child(2):hover .about-banner-subTitle.title1 {
	opacity: 0;
	transition: all .7s;
}

.brand-name1 {
	display: none;
}

.about_companyBox-mask {
	position: absolute;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, #214371 0%, rgba(0, 55, 161, 0.25) 100%);
}

.about_companyBox_title {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 40px;
	z-index: 3;
	font-weight: 600;
	font-size: 30px;
	color: #FFFFFF;
	line-height: 28px;
	font-style: normal;
}

#about_company {
	margin-top: 160px;
}

.banner-telBox {
	color: #FFFFFF;
	width: 126px;
	height: 26px;
	background: rgba(18, 111, 238, 0.7);
	font-size: 12px;
	line-height: 26px;
	text-align: center;
	border-radius: 13px;
	cursor: pointer;
}

.banner-telBox img {
	width: 12px;
	position: relative;
	top: 2px;
	right: 4px
}

#page-header.header-fixed .banner-telBox {
	background: rgba(18, 111, 238, 1);
}

#page-header.header-fixed .yhl-navbar-nav>li:hover>a:after {
	color: #000;
}

#page-header.header-fixed .yhl-navbar-nav>li.cur>a:after {
	color: #000000;
}

.pro-detail-wrap {
	margin-top: 578px;
}

.yhl_applications {
	display: flex;
    align-items: center;
	justify-content: space-between;
}

.applications_details {
	max-width: 40%;
}

.applications_img {
	max-width: 50%;
}

.applications_details.applications_box p {
	font-size: 12px;
	line-height: 20px;
	color: #333;
}

.applications_box {
	flex: 1;
}

.applications_img img {
    width: 100%;
}


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