@charset "UTF-8";
.banner {
	width: 100%;
	position: relative;
}

.banner .swiper-banner {
	position: relative;
}

.banner .swiper-banner .banner-slide {
	position: relative;
}

.banner .swiper-banner .banner-slide img {
	width: 100%;
}

.banner .swiper-banner .swiper-button-next::after {
	display: none;
}

.banner .swiper-banner .swiper-button-prev::after {
	display: none;
}

.banner .swiper-banner .swiper-button-next,
.banner .swiper-banner .swiper-button-prev {
	width: 60px;
	height: 90px;
	background-color: white;
	opacity: .7;
	border-radius: 4px;
}

.banner .swiper-banner .swiper-button-next span,
.banner .swiper-banner .swiper-button-prev span {
	font-size: 30px;
	color: #8C8C8F;
}

.banner .swiper-banner .swiper-button-next:hover span,
.banner .swiper-banner .swiper-button-prev:hover span {
	color: #0a92fa !important;
}

.common-use .use-list {
	max-width: 1400px;
	margin: 40px auto;
	width: 100%;
}

.common-use .use-list .use-ul .use-item {
	width: 160px;
	padding: 36px 30px 24px;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
	border-radius: 6px;
	cursor: pointer;
	transition: all .5s;
}

.common-use .use-list .use-ul .use-item:hover {
	margin-top: -10px;
}

.common-use .use-list .use-ul .use-item span {
	display: block;
	margin-bottom: 12px;
}

.common-use .use-list .use-ul .use-item .img-box {
	width: 55px;
	height: 55px;
	background-size: 100% 100%;
}

.common-use .use-list .use-ul .use-item .line {
	width: 20px;
	height: 3px;
	background-color: #234990;
}

.common-use .use-list .use-ul .use-item .name {
	/*color: rgba(0, 0, 0, 0.85);*/
	color: #ffffff;
	font-weight: 600;
	font-size: 22px;
}

.common-use .use-list .use-ul .use-item .explanation {
	font-size: 12px;
}

.common-use .use-list .use-ul .use-item span {
	color: #fff;
}

.common-use .use-list .use-ul .use-item .line {
	background-color: #fff !important;
}

.common-use .use-list .use-ul .use-li1 .img-box {
	background: url("../imgs/icon22.png") no-repeat;
	background-size: 100% 100%;
}

.common-use .use-list .use-ul .use-li1 .line {
	background-color: #234990;
}

.common-use .use-list .use-ul .use-li1 {
	background-color: #234990;
}

.common-use .use-list .use-ul .use-li1 .img-box {
	background: url("../imgs/icon21.png") no-repeat;
	background-size: 100% 100%;
}

.common-use .use-list .use-ul .use-li2 .img-box {
	background: url("../imgs/icon20.png") no-repeat;
	background-size: 100% 100%;
}

.common-use .use-list .use-ul .use-li2 .line {
	background-color: #0673B6;
}

.common-use .use-list .use-ul .use-li2 {
	background-color: #0673B6;
}

.common-use .use-list .use-ul .use-li2 .img-box {
	background: url("../imgs/icon19.png") no-repeat;
	background-size: 100% 100%;
}

.common-use .use-list .use-ul .use-li3 .img-box {
	background: url("../imgs/icon13.png") no-repeat;
	background-size: 100% 100%;
}

.common-use .use-list .use-ul .use-li3 .line {
	background-color: #0398C0;
}

.common-use .use-list .use-ul .use-li3 {
	background-color: #0398C0;
}

.common-use .use-list .use-ul .use-li3 .img-box {
	background: url("../imgs/icon12.png") no-repeat;
	background-size: 100% 100%;
}

.common-use .use-list .use-ul .use-li4 .img-box {
	background: url("../imgs/icon18.png") no-repeat;
	background-size: 100% 100%;
}

.common-use .use-list .use-ul .use-li4 .line {
	background-color: #018F55;
}

.common-use .use-list .use-ul .use-li4 {
	background-color: #018F55;
}

.common-use .use-list .use-ul .use-li4 .img-box {
	background: url("../imgs/icon17.png") no-repeat;
	background-size: 100% 100%;
}

.common-use .use-list .use-ul .use-li5 .img-box {
	background: url("../imgs/icon26.png") no-repeat;
	background-size: 100% 100%;
}

.common-use .use-list .use-ul .use-li5 .line {
	background-color: #67C902;
}

.common-use .use-list .use-ul .use-li5 {
	background-color: #67C902;
}

.common-use .use-list .use-ul .use-li5 .img-box {
	background: url("../imgs/icon25.png") no-repeat;
	background-size: 100% 100%;
}

.common-use .use-list .use-ul .use-li6 .img-box {
	background: url("../imgs/icon15.png") no-repeat;
	background-size: 100% 100%;
}

.common-use .use-list .use-ul .use-li6 .line {
	background-color: #FF9203;
}

.common-use .use-list .use-ul .use-li6 {
	background-color: #FFC904;
}

.common-use .use-list .use-ul .use-li6 .img-box {
	background: url("../imgs/icon14.png") no-repeat;
	background-size: 100% 100%;
}

.common-use .use-list .use-ul .use-li7 .img-box {
	background: url("../imgs/icon9.png") no-repeat;
	background-size: 100% 100%;
}

.common-use .use-list .use-ul .use-li7 .line {
	background-color: #F40A09;
}

.common-use .use-list .use-ul .use-li7 {
	background-color: #FF6203;
}

.common-use .use-list .use-ul .use-li7 .img-box {
	background: url("../imgs/icon8.png") no-repeat;
	background-size: 100% 100%;
}

.news-out-box .news-dynamic {
	max-width: 1400px;
	margin: 60px auto 0;
	align-items: flex-start;
}

.news-out-box .news-dynamic .ul-cnt {
	width: 31%;
}

.news-out-box .news-dynamic .ul-cnt .tit-box {
	margin-bottom: 24px;
}

.news-out-box .news-dynamic .ul-cnt .tit-box span {
	color: #234990;
	font-size: 20px;
	font-weight: 600;
}

.news-out-box .news-dynamic .ul-cnt .tit-box p {
	width: 40px;
	height: 3px;
	background-color: #234990;
	margin: 8px 0;
}

.news-out-box .news-dynamic .ul-cnt li a {
	margin-top: 16px;
}

.news-out-box .news-dynamic .ul-cnt li a p::before {
	content: '·';
	margin-right: 8px;
	font-weight: 600;
}

.news-out-box .news-dynamic .ul-cnt li a p {
	margin-right: 10px;
}

.news-out-box .news-dynamic .ul-cnt li a span {
	color: #D1D1D1;
	white-space: nowrap;
}

.news-out-box .news-dynamic .ul-cnt li a:hover p {
	color: #234990;
}

.news-out-box .news-dynamic .ul-cnt .see-more {
	margin-top: 20px;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	height: 40px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.news-out-box .news-dynamic .ul-cnt .see-more a {
	/*color: #D1D1D1;*/
	color: #999999;
}

.news-out-box .news-dynamic .ul-cnt .see-more a:hover {
	color: #234990;
}