@charset "utf-8";

.i-header {
	font-weight: bold;
	font-size: 34px;
	color: #323C4B;
	text-align: center;
	margin-bottom: 30px;
}
.i-header-border {
	width: 287px;
	height: 76px;
	border-radius: 65px;
	border: 1px solid #B9C8DA;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 30px;
}
.i-bold {
	font-weight: bold;
}
.i-sub-title {
	font-weight: 400;
	font-size: 17px;
	color: #5D6072;
	text-align: center;
	margin-bottom: 38px;
}
.i-text-left {
	text-align: left;
	text-indent: 40px;
	line-height: 30px;
}
.i-flex-center {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 120px;
}
.i-box-wrap {
	flex:1;
	height: 334px;
	background: #FFFFFF;
	border-radius: 10px;
	border: 1px solid #B9C8DA;
	margin-right: 30px;
	padding: 30px;
}
.i-box-wrap:last-child {
	margin-right: 0;
}
.i-box-wrap .i-box-title {
	font-weight: bold;
	font-size: 30px;
	background-image: linear-gradient(0deg, #005BAC 0%, #5D7881 100%);
	background-clip: text;
	color:transparent;
	margin-bottom: 20px;
}
.i-box-wrap .i-box-content {
	display: flex;
}
.i-box-wrap .i-box-content ul {
	flex-shrink: 0;
	margin-right: 35px;
}
.i-box-wrap .i-box-content ul li {
	list-style: none;
	border-bottom: 1px solid #C9D4E4;;
}
.i-box-wrap .i-box-content ul li:last-child {
	border-bottom: none;
}
.i-box-wrap .i-box-content ul li >img {
	width:30px;
	height: 30px;
	margin-right: 10px;
}

.i-box-wrap .i-box-content ul li span {
	font-weight: 400;
	font-size: 20px;
	color: #000000;
	line-height: 56px;
	text-align: justified;
}
.i-box-wrap .i-box-content .i-content-desc {
	font-weight: 400;
	font-size: 20px;
	color: #5D6072;
	line-height: 40px;
	text-align: justified;
}

.i-box-wrap .i-box-content>img {
	width:183px;
	height: 192px;
	margin-right: 35px;
}

.i-box-wrap .i-box-content .robot-1 {
	width: 144px;
	height: 244px;
}
.i-box-wrap .i-box-content .box-1 {
	width: 224px;
	height: 168px;
}
.i-course-box-wrap {
	border: 1px dashed #51E3D5;
	padding: 70px 20px 40px;
	position: relative;
	margin-bottom: 37px;
}
.i-course-box-wrap.orange {
	border-color: #EDBD58;
}
.i-course-box-wrap .i-course-box-title {
	width:241px;
	height: 60px;
	background: url("/img/product/intelligent/i-4.png");
	background-size: 100% 100%;
	position: absolute;
	top: -30px;
	left: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-left: 40px;
}
.i-course-box-wrap .i-course-box-title.right {
	background: url("/img/product/intelligent/i-5.png");
	left: initial;
	padding-left: initial;
	padding-right: 40px;
	right:8px;
}
.i-course-box-wrap  .i-course-box-title span {
	font-weight: 400;
	font-size: 24px;
	color: #FFFFFF;
	line-height: 40px;
	letter-spacing: 1px;
	text-align: justified;
}
.i-course-box-list {
	display: flex;
	align-items: center;
	justify-content: center;
}
.mb-0 {
	margin-bottom: 0;
}
.mb-20 {
	margin-bottom: 20px;
}
.mb-50 {
	margin-bottom: 50px;
}
.mb-60 {
	margin-bottom: 60px;
}
.mb-80 {
	margin-bottom: 80px;
}
.mb-120 {
	margin-bottom: 120px;
}
.i-course-box-wrap .i-box-item {
	width: 280px;
	height: 62px;
	background: #FFFFFF;
	border-radius: 62px;
	border: 1px solid #C3D5E2;
	margin-right: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.i-course-box-wrap .i-box-item-1 {
	width: 300px;
	height: 62px;
	background: #FFFFFF;
	border-radius: 62px;
	border: 1px solid #C3D5E2;
	margin-right: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.i-course-box-wrap .i-box-item-2 {
	width: 400px;
	height: 62px;
	background: #FFFFFF;
	border-radius: 62px;
	border: 1px solid #C3D5E2;
	margin-right: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.i-course-box-wrap .i-box-item span, .i-course-box-wrap .i-box-item-1 span,.i-course-box-wrap .i-box-item-2 span{
	font-weight: 400;
	font-size: 18px;
	color: #000000;
	line-height: 40px;
	letter-spacing: 1px;
	text-align: justified;
}
.i-course-box-wrap .i-box-item:last-child,.i-course-box-wrap .i-box-item-1:last-child,.i-course-box-wrap .i-box-item-2:last-child {
	margin-right: 0;
}

.slide-container {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 80px;
	margin-top: 80px;
}
.slide-container .left-arrow {
	width: 65px;
	height: 65px;
	margin-right: 50px !important;
	cursor: pointer;
	position: absolute;
	top: 100px;
	left: -100px;
}
.slide-container .right-arrow {
	width: 65px;
	height: 65px;
	margin-left: 50px !important;
	cursor: pointer;
	position: absolute;
	top: 100px;
	right: -100px;
}
.slide-container .slider {
	overflow: hidden;
	display: flex;
	transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.slide-container .slider .book {
	width: 200px;
	height: 269px;
	margin-right: 50px;
	cursor: pointer;
	transition: all 0.4s ease;
}
.slide-container .slider .book:hover {
	transform: scale(1.15);
}
.slide-container .left-arrow:hover {
	transform: scale(1.15);
}
.slide-container .right-arrow:hover {
	transform: scale(1.15);
}
.slide-container .slider .book:last-child {
	margin-right: 0;
}
.i-box2-wrap {
	position: relative;
	margin-bottom: 165px;
}
.scence-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
}
.scene img {
	width: 827px;
	height: 526px;
}
.service-robot-wrap {
	position: absolute;
	left: -155px;
	top: 100px;
}
.logistics-robot-wrap {
	position: absolute;
	top: 100px;
	right: -155px;
}
.service-robot {
	width: 349px;
	height: 349px;
}
.logistics-robot {
	width: 586px;
	height: 386px;
}
.service-robot-title {
	width: 260px;
	height: 72px;
	background: #1044A0;
	border-radius: 56px;
	position: absolute;
	bottom: 0;
	left: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.logistics-robot-title {
	width: 168px;
	height: 65px;
	background: #1044A0;
	border-radius: 56px;
	position: absolute;
	bottom: -20px;
	left: 220px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.service-robot-title span {
	font-weight: 400;
	font-size: 20px;
	color: #FFFFFF;
	text-align: center;
}
.logistics-robot-title span {
	font-weight: 400;
	font-size: 20px;
	color: #FFFFFF;
	text-align: center;
}
.i-recommend-topic {
	height: 88px;
	background: #FFFFFF;
	border-radius: 10px;
	border: 1px solid #B9C8DA;
	padding: 24px 40px;
	display: flex;
	align-items: center;
}
.i-topic-title {
	font-weight: bold;
	font-size: 30px;
	text-align: left;
	background-image: linear-gradient(0deg, #005BAC 0%, #5D7881 100%);
	background-clip: text;
	color: transparent;
	margin-right: 40px;
}
.i-topic-desc {
	font-weight: 400;
	font-size: 20px;
	color: #5D6072;
	line-height: 40px;
	text-align: justified;
}
.i-apply-scence-wrap {
	display: flex;
	align-items: center;
}
.i-apply-scence-wrap .i-apply-scence-item {
	margin-right: 40px;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.i-apply-scence-wrap .i-apply-scence-item:last-child {
	margin-right: 0;
}
.i-apply-scence-wrap .i-apply-scence-item img {
	width:373px;
	height: 240px;
}

.i-apply-scence-wrap .i-apply-scence-item span {
	font-weight: 400;
	font-size: 24px;
	color: #323C4B;
	line-height: 40px;
	text-align: center;
	margin-top: 15px;
}