@charset "UTF-8";

.notice-content .notice-nav {
	padding-top: 40px;
	border-bottom: 1px solid #ccc
}

.notice-content .notice-nav ul {
	display: flex
}

.notice-content .notice-nav ul li {
	padding: 30px 50px
}

.notice-content .notice-nav ul li.active {
	border-bottom: 2px solid #ea4258
}

.notice-content .notice-nav ul li a {
	color: #333;
	font-size: 24px
}

.notice-content .notice-list ul li {
	padding: 70px 0 30px 0;
	border-bottom: 1px solid #ccc
}

.notice-content .notice-list ul li .detail-tit {
	margin-bottom: 28px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.notice-content .notice-list ul li .detail-tit .icon {
	display: block;
	width: 94px;
	height: 34px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	line-height: 34px;
	margin-right: 20px;
	float: left
}

.notice-content .notice-list ul li .detail-tit .words {
	line-height: 34px;
	font-size: 24px;
	color: #333
}

.notice-content .notice-list ul li .detail-tit .words a {
	color: #333
}

.notice-content .notice-list ul li .detail-text {
	font-size: 16px;
	color: #666;
	line-height: 30px;
	margin-bottom: 40px
}

.notice-content .notice-list ul li .time-more {
	line-height: 24px
}

.notice-content .notice-list ul li .time-more .time {
	font-size: 16px;
	color: #999;
	float: left
}

.notice-content .notice-list ul li .time-more .time .time-ico {
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-right: 10px;
	margin-bottom: -3px;
	background: url(../images/time.png) no-repeat center/cover
}

.notice-content .notice-list ul li .time-more .more {
	font-size: 14px;
	float: right
}

.notice-content .notice-list ul li .time-more .more .more-ico {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-right: 10px;
	background: url(../images/more.jpg) no-repeat center/cover;
	margin-bottom: -1px
}

.notice-content .notice-list ul li .time-more .more p {
	color: #0170c1;
	text-decoration: none
}

.notice-content .notice-list ul li .time-more .more p a {
	color: #0170c1
}

.notice-contentPage {
	padding-bottom: 70px
}

.notice-contentPage .title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 50px
}

.notice-contentPage .title .title-left {
	width: 94px;
	height: 34px;
	font-size: 14px;
	text-align: center;
	color: #fff;
	line-height: 34px;
	margin-right: 20px
}

.notice-contentPage .title .title-right {
	flex: 1;
	font-size: 24px;
	margin: 0
}

.notice-contentPage .text-time {
	padding: 34px 0 20px 0;
	line-height: 32px;
	font-size: 16px;
	color: #666
}

.notice-contentPage .text-time .timer {
	padding-left: 30px;
	color: #999;
	background: url(../images/time.png) no-repeat
}

.notice-contentPage .text-content {
	width: 100%;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 42px 0 50px 0
}

.notice-contentPage .text-content p {
	font-size: 16px;
	color: #333;
	line-height: 30px
}

.notice-contentPage .text-content .tips {
	line-height: 22px;
	font-size: 14px;
	color: #999
}

.notice-contentPage .text-content .tips a {
	color: #008bda
}

.notice-contentPage .text-bottom {
	padding: 40px 0 0 0;
	display: flex;
	justify-content: space-between
}

.notice-contentPage .text-bottom .bottom-left {
	font-size: 16px;
	color: #666;
	line-height: 30px;
	margin-top: -8px
}

.notice-contentPage .text-bottom .bottom-left a {
	font-size: 16px;
	color: #000;
	line-height: 30px
}

.notice-contentPage .text-bottom .bottom-right {
	width: 130px;
	height: 46px
}

.notice-contentPage .text-bottom .bottom-right a {
	font-size: 16px;
	text-align: center;
	display: block;
	color: #fff;
	line-height: 46px;
	background: #0170c1;
	border-radius: 4px
}

.notice-contentPage .text-bottom .bottom-right a:hover {
	background-color: #005c9f
}

.pt-40 {
	padding-top: 40px
}

.py-70 {
	padding: 70px 0
}

.safety-part .img {
	width: 53.3333333333%
}

.safety-part .img img {
	width: 100%
}

.safety-part .text-box {
	width: 46.6666666667%
}

.safety-part .text-box .text-top {
	padding-left: 30px;
	background: #333
}

.safety-part .text-box .text-top p {
	font-size: 36px;
	color: #fff
}

.safety-part .text-box .text-top p img {
	margin-right: 20px
}

.safety-part .text-box .text-top.bg-top2 {
	background: #0170c1
}

.safety-part .text-box .text-top.bg-top3 {
	background: #d53d4e
}

.safety-part .text-box .text-bottom {
	padding-top: 45px;
	padding-right: 5.3571428571%
}

.safety-part .text-box .text-bottom p {
	line-height: 36px;
	font-size: 18px;
	color: #333;
	position: relative;
	padding-left: 10%;
	margin-bottom: 30px;
	text-align: justify
}

.safety-part .text-box .text-bottom .detail-tit::before {
	position: absolute;
	content: "";
	top: 6px;
	left: 5.3571428571%;
	width: 6px;
	height: 60px;
	background: #ae0a1b
}

.safety-part .text-box .text-bottom .detail-txt::before {
	position: absolute;
	content: "";
	top: 16px;
	left: 5.3571428571%;
	width: 6px;
	height: 6px;
	background: #ae0a1b
}

.advantage-bg-color {
	background-color: #f9f9f9!important
}

.advantage-maxwidth {
	max-width: 1560px
}

.platform-part1 .bg-right {
	position: absolute;
	width: 50%;
	right: 0;
	top: 0;
	bottom: 0;
	background: url(../images/bg.jpg);
	z-index: 1
}

.platform-part2 .bg-left {
	position: absolute;
	width: 50%;
	left: 0;
	top: 0;
	bottom: 0;
	background: url(../images/bg.jpg);
	z-index: 1
}

.platform-part2 .bg-right {
	position: absolute;
	width: 50%;
	right: 0;
	top: 0;
	bottom: 0;
	background: #fff
}

.platform-content {
	z-index: 1;
	display: flex;
	justify-content: flex-start;
	position: relative;
	padding-bottom: 60px
}

.platform-content .main-left {
	position: relative;
	margin-top: 60px;
	background: #3b3b3b;
	width: 57.03125%;
	padding-top: 50.9375%;
	height: 0
}

.platform-content .main-left .left-detail {
	position: absolute;
	left: 7.9452054795%;
	top: 15.0684931507%;
	padding-bottom: 50px
}

.platform-content .main-left .left-detail .img-box {
	width: 48.383562%
}

.platform-content .main-left .left-detail .img-box img {
	width: 100%;
	max-width: 324px
}

.platform-content .main-left .left-detail p {
	font-size: 16px;
	line-height: 36px;
	color: #fff;
	width: 49.383562%;
	padding-top: 6.8493150685%;
	padding-bottom: 4.1095890411%;
	position: relative
}

.platform-content .main-left .left-detail p::after {
	content: "";
	position: absolute;
	width: 90px;
	height: 2px;
	left: 0;
	bottom: 0;
	background: #d53d4e
}

.platform-content .main-right {
	position: absolute;
	right: 0;
	top: 15.4761904762%;
	z-index: 1;
	width: 65.625%
}

.platform-content .main-right .lists {
	display: flex;
	justify-content: flex-start;
	box-shadow: 3px 4px 4px rgba(3,2,2,.1)
}

.platform-content .main-right .lists .table-list {
	position: relative;
	width: 25%;
	padding-top: 59.7619047619%;
	height: 0
}

.platform-content .main-right .lists .table-list:nth-of-type(4) .text .words {
	border-right: none
}

.platform-content .main-right .lists .table-list .text {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	transition: bottom .8s
}

.platform-content .main-right .lists .table-list .text .cover {
	width: 100%;
	background: url(../images/cover.png) no-repeat
}

.platform-content .main-right .lists .table-list .text .cover img {
	width: 100%;
	max-width: 56px
}

.platform-content .main-right .lists .table-list .text .cover .numbers {
	font-size: 20px;
	color: #fff;
	font-weight: 700;
	line-height: 36px;
	padding: 14px 0 15px 0
}

.platform-content .main-right .lists .table-list .text .cover .numbers .num {
	font-size: 30px
}

.platform-content .main-right .lists .table-list .text .words {
	background: #fff;
	font-size: 16px;
	color: #777;
	line-height: 30px;
	padding: 15px 5px 25px 5px;
	border-right: 1px solid #ccc
}

.platform-content .main-right .lists .table-list .text .words .hid {
	display: none
}

@media screen and (max-width:1110px) {
	.platform-content .main-right .lists .table-list .text .words {
		height: 140px
	}
}

.platform-content .main-right .lists .table-list .more {
	position: absolute;
	width: 90%;
	bottom: 8%;
	left: 5%;
	opacity: 0
}

.platform-content .main-right .lists .table-list .more span {
	display: block;
	width: 100%;
	color: #fff;
	font-size: 16px;
	padding-bottom: 15px;
	padding-right: 5px;
	border-bottom: 1px solid #ccc;
	position: relative;
	transition: padding 250ms cubic-bezier(.25,.46,.45,.94)
}

.platform-content .main-right .lists .table-list .more span .stick {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0
}

.platform-content .main-right .lists .table-list .more span:hover {
	text-decoration: none;
	padding-left: 8px
}

.platform-content .main-right .lists .table-list .more span:hover:before {
	width: 11px;
	height: 16px;
	background: url(../images/ico_link_w02.svg) no-repeat;
	right: 8px
}

.platform-content .main-right .lists .table-list .more span:before {
	position: absolute;
	right: 6px;
	top: 3px;
	width: 12px;
	height: 20px;
	background: url(../fonts/ico_dash_w02.svg) no-repeat;
	transition: right 250ms cubic-bezier(.25,.46,.45,.94);
	content: " ";
	pointer-events: none
}

.platform-content .main-right .lists .table-list .more span:after {
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 0;
	height: 1px;
	background: #fff;
	content: " ";
	transition: width 250ms cubic-bezier(.25,.46,.45,.94)
}

.platform-content .main-right .lists .table-list .more span:hover:after {
	width: 100%
}

.platform-content .main-right .lists .table-list:hover .more {
	opacity: 1;
	bottom: 15%;
	transition: all .8s
}

.platform-content .main-right .lists .table-list:hover .text {
	position: absolute;
	height: 100%;
	width: 100%;
	background: rgba(51,51,51,.3);
	text-align: center;
	top: 0;
	bottom: 156px;
	transition: all .8s
}

.platform-content .main-right .lists .table-list:hover .text .cover {
	position: relative;
	width: 100%;
	background: 0 0
}

.platform-content .main-right .lists .table-list:hover .text .cover img {
	margin-top: 45%;
	width: 100%;
	max-width: 56px;
	-webkit-animation: height 1s;
	animation: height 1s
}

@-webkit-keyframes height {
	0% {
		margin-top: 65%
	}

	100% {
		margin-top: 45%
	}
}

@keyframes height {
	0% {
		margin-top: 65%
	}

	100% {
		margin-top: 45%
	}
}

@media screen and (max-width:1500px) and (min-width:1366px) {
	.platform-content .main-right .lists .table-list:hover .text .cover img {
		margin-top: 20%;
		width: 100%;
		max-width: 56px;
		-webkit-animation: height 1s;
		animation: height 1s
	}@	-webkit-keyframes height {
		0%{margin-top: 45%
	}

	100% {
		margin-top: 20%
	}
}

@keyframes height {
	0% {
		margin-top: 45%
	}

	100% {
		margin-top: 20%
	}
}}

.platform-content .main-right .lists .table-list:hover .text .cover .numbers {
	font-size: 20px;
	color: #fff;
	font-weight: 700;
	line-height: 36px;
	padding-top: 14px
}

.platform-content .main-right .lists .table-list:hover .text .cover .numbers .num {
	font-size: 30px
}

.platform-content .main-right .lists .table-list:hover .text .words {
	background: 0 0;
	font-size: 16px;
	color: #fff;
	line-height: 30px;
	padding: 0 5px 25px 5px;
	border-right: none;
	border-bottom: none
}

.platform-content .main-right .lists .table-list:hover .text .words .hid {
	display: inline
}

.platform-content .main-right .lists .table-list .bt-img {
	z-index: 1;
	position: absolute;
	bottom: -5.5%;
	left: 35%;
	width: 55px;
	height: 55px;
	border-radius: 50%;
	background: #fff;
	text-align: center;
	box-shadow: .5px 4px 4px rgba(3,2,2,.1);
	vertical-align: middle
}

.platform-content .main-right .lists .table-list .bt-img img {
	position: absolute;
	width: 30px;
	height: 18px;
	vertical-align: middle;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%)
}

.platform-content .main-right .list1 {
	background-image: url(../images/5.jpg);
	background-size: 100%
}

.platform-content .main-right .list2 {
	background-image: url(../images/6.jpg);
	background-size: 100%
}

.platform-content .main-right .list3 {
	background-image: url(../images/7.jpg);
	background-size: 100%
}

.platform-content .main-right .list4 {
	background-image: url(../images/8.jpg);
	background-size: 100%
}

.platform-content .main-right .list4 .text .words {
	border-right: 1px solid red
}

.platform-part2 .platform-content {
	z-index: 1;
	display: flex;
	justify-content: flex-end;
	position: relative;
	padding-bottom: 60px
}

.platform-part2 .platform-content .main-left {
	position: relative;
	margin-top: 60px;
	background: #3b3b3b;
	width: 57.03125%;
	padding-top: 50.9375%;
	height: 0
}

.platform-part2 .platform-content .main-left .img-box {
	position: absolute;
	top: 15.0684931507%;
	right: 3.945205%;
	width: 48.383562%
}

.platform-part2 .platform-content .main-left .img-box img {
	width: 100%;
	max-width: 324px
}

.platform-part2 .platform-content .main-left .left-detail {
	position: absolute;
	right: 7.9452054795%;
	top: 38.3561643836%;
	text-align: left
}

.platform-part2 .platform-content .main-left .left-detail p {
	float: right;
	font-size: 16px;
	line-height: 36px;
	color: #fff;
	width: 52.602739726%;
	padding-top: 6.8493150685%;
	padding-bottom: 4.1095890411%;
	position: relative
}

.platform-part2 .platform-content .main-left .left-detail p::after {
	content: "";
	position: absolute;
	width: 90px;
	height: 2px;
	left: 0;
	bottom: 0;
	background: #d53d4e
}

.platform-part2 .platform-content .main-right {
	position: absolute;
	left: 0;
	top: 15.4761904762%;
	z-index: 1;
	width: 65.625%
}

.platform-part2 .platform-content .main-right .lists {
	display: flex;
	justify-content: flex-start;
	box-shadow: -3px 4px 4px rgba(3,2,2,.1)
}

.platform-part2 .platform-content .main-right .lists .table-list {
	position: relative;
	width: 25%;
	padding-top: 59.7619047619%;
	height: 0
}

.platform-part2 .platform-content .main-right .lists .table-list:hover .more {
	display: block;
	bottom: 15%
}

.platform-part2 .platform-content .main-right .lists .table-list:hover .text {
	position: absolute;
	height: 100%;
	width: 100%;
	background: rgba(51,51,51,.3);
	text-align: center;
	top: 0;
	bottom: 156px;
	transition: bottom .8s
}

.platform-part2 .platform-content .main-right .lists .table-list:hover .text .cover {
	position: relative;
	width: 100%;
	background: 0 0
}

.platform-part2 .platform-content .main-right .lists .table-list:hover .text .cover img {
	margin-top: 45%;
	width: 100%;
	max-width: 56px;
	-webkit-animation: height 1s;
	animation: height 1s
}

@keyframes height {
	0% {
		margin-top: 65%
	}

	100% {
		margin-top: 45%
	}
}

@media screen and (max-width:1500px) and (min-width:1366px) {
	.platform-part2 .platform-content .main-right .lists .table-list:hover .text .cover img {
		margin-top: 20%;
		width: 100%;
		max-width: 56px;
		-webkit-animation: height 1s;
		animation: height 1s
	}@	-webkit-keyframes height {
		0%{margin-top: 45%
	}

	100% {
		margin-top: 20%
	}
}

@keyframes height {
	0% {
		margin-top: 45%
	}

	100% {
		margin-top: 20%
	}
}}

.platform-part2 .platform-content .main-right .lists .table-list:hover .text .cover .numbers {
	font-size: 20px;
	color: #fff;
	font-weight: 700;
	line-height: 36px;
	padding-top: 14px
}

.platform-part2 .platform-content .main-right .lists .table-list:hover .text .cover .numbers .num {
	font-size: 30px
}

.platform-part2 .platform-content .main-right .lists .table-list:hover .text .words {
	background: 0 0;
	font-size: 16px;
	color: #fff;
	line-height: 30px;
	padding: 0 5px 25px 5px;
	border-right: none;
	border-bottom: none
}

.platform-part2 .platform-content .main-right .lists .table-list:hover .text .words .hid {
	display: inline
}

.platform-part2 .platform-content .main-right .lists .table-list .text {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	transition: bottom .8s
}

.platform-part2 .platform-content .main-right .lists .table-list .text .cover {
	width: 100%;
	background: url(../images/cover.png) no-repeat
}

.platform-part2 .platform-content .main-right .lists .table-list .text .cover img {
	width: 100%;
	max-width: 56px
}

.platform-part2 .platform-content .main-right .lists .table-list .text .cover .numbers {
	font-size: 20px;
	color: #fff;
	font-weight: 700;
	line-height: 36px;
	padding: 14px 0 15px 0
}

.platform-part2 .platform-content .main-right .lists .table-list .text .cover .numbers .num {
	font-size: 30px
}

.platform-part2 .platform-content .main-right .lists .table-list .text .words {
	background: #fff;
	font-size: 16px;
	color: #777;
	line-height: 30px;
	padding: 15px 5px 25px 5px;
	border-right: 1px solid #ccc
}

@media screen and (max-width:1150px) {
	.platform-part2 .platform-content .main-right .lists .table-list .text .words {
		height: 140px
	}
}

.platform-part2 .platform-content .main-right .lists .table-list .more {
	position: absolute;
	width: 90%;
	bottom: 8%;
	left: 5%;
	display: none
}

.platform-part2 .platform-content .main-right .lists .table-list .more a {
	display: block;
	width: 100%;
	color: #fff;
	font-size: 16px;
	padding-bottom: 15px;
	padding-right: 5px;
	border-bottom: 1px solid #ccc;
	position: relative;
	transition: padding 250ms cubic-bezier(.25,.46,.45,.94)
}

.platform-part2 .platform-content .main-right .lists .table-list .more a .stick {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0
}

.platform-part2 .platform-content .main-right .lists .table-list .more a:hover {
	text-decoration: none;
	padding-left: 8px
}

.platform-part2 .platform-content .main-right .lists .table-list .more a:hover:before {
	width: 11px;
	height: 16px;
	background: url(../images/ico_link_w02.svg) no-repeat;
	right: 8px
}

.platform-part2 .platform-content .main-right .lists .table-list .more a:before {
	position: absolute;
	right: 6px;
	top: 3px;
	width: 12px;
	height: 20px;
	background: url(../fonts/ico_dash_w02.svg) no-repeat;
	transition: right 250ms cubic-bezier(.25,.46,.45,.94);
	content: " ";
	pointer-events: none
}

.platform-part2 .platform-content .main-right .lists .table-list .more a:after {
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 0;
	height: 1px;
	background: #fff;
	content: " ";
	transition: width 250ms cubic-bezier(.25,.46,.45,.94)
}

.platform-part2 .platform-content .main-right .lists .table-list .more a:hover:after {
	width: 100%
}

.platform-part2 .platform-content .main-right .lists .table-list .bt-img {
	z-index: 1;
	position: absolute;
	bottom: -5.5%;
	left: 35%;
	width: 55px;
	height: 55px;
	border-radius: 50%;
	background: #fff;
	text-align: center;
	box-shadow: .5px 4px 4px rgba(3,2,2,.1);
	vertical-align: middle
}

.platform-part2 .platform-content .main-right .lists .table-list .bt-img img {
	position: absolute;
	width: 30px;
	height: 18px;
	vertical-align: middle;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%)
}

.platform-part2 .platform-content .main-right .list1 {
	background-size: 100%
}

.platform-part2 .platform-content .main-right .list2 {
	background-size: 100%
}

.platform-part2 .platform-content .main-right .list3 {
	background-size: 100%
}

.platform-part2 .platform-content .main-right .list4 {
	background-size: 100%
}

.licese-box {
	padding-top: 40px;
	margin-bottom: 40px
}

.licence-content {
	border: 1px solid #fff;
	box-sizing: border-box;
	background: #fff
}

.licence-content .licence-title {
	position: relative;
	margin: 70px 0 50px 0;
	line-height: 46px;
	font-size: 36px;
	color: #333;
	padding-left: 20px
}

.licence-content .licence-title::before {
	position: absolute;
	content: "";
	width: 6px;
	height: 60px;
	bottom: -9px;
	left: 0;
	background: #ae0a1b
}

.licence-content .licence-body {
	margin: 0 auto
}

.licence-content .licence-body .licence {
	display: flex;
	justify-content: space-between;
	width: 100%;
	padding: 40px 0 40px 0;
	box-shadow: 0 0 5px 3px rgba(0,0,0,.05);
	margin-bottom: 32px
}

.licence-content .licence-body .licence:last-child {
	margin-bottom: 60px
}

.licence-content .licence-body .licence:nth-of-type(3),.licence-content .licence-body .licence:nth-of-type(4) {
	margin-bottom: 30px
}

.licence-content .licence-body .licence:hover {
	box-shadow: 0 0 5px 3px rgba(0,0,0,.09)
}

.licence-content .licence-body .licence .left {
	width: 30.9375%;
	display: flex;
	align-items: center;
	justify-content: center
}

.licence-content .licence-body .licence .left img {
	width: 80.5063291139%;
	vertical-align: middle;
	box-shadow: 5px 5px 5px rgba(3,2,2,.23),-5px 5px 5px rgba(3,2,2,.23)
}

.licence-content .licence-body .licence .right {
	width: 68.75%;
	border-left: 1px solid #ccc;
	padding-left: 2.8125%;
	padding-right: 2.34375%;
	display: flex;
	align-items: center
}

.licence-content .licence-body .licence .right .title {
	font-weight: 700;
	color: #333;
	font-size: 18px;
	line-height: 30px
}

.licence-content .licence-body .licence .right .title .title-en {
	font-size: 16px;
	color: #333;
	font-weight: 500
}

.licence-content .licence-body .licence .right .des {
	width: 100%;
	font-size: 16px;
	color: #666;
	line-height: 26px;
	margin: 6px 0 0 0;
	overflow: hidden;
	text-align: justify
}