* {
	padding: 0;
	margin: 0;
	outline: 0;
	list-style: none;
	box-sizing: border-box;
}
html {
	font-size: 16px;
}

body{
	min-width: 1200px;
}

img {
	object-fit: cover;
	max-width: 100%;
}
/* 清除火狐浏览器无图片时的边框 */
img[src=""],
img:not([src]) {
	opacity: 0;
}

a {
	color: #fff;
	text-decoration: none;
	background-color: transparent;
}

a:hover,
a:focus,
.navbar_nav > li.active > a {
	color: var(--main-color) !important;
	text-decoration: none;
}
:root {
	/* 白色 */
	--color-fff: #fff;
	--color-f3f3f3: #f3f3f3;
	/* 黄色 */
	--color-f3b914: #f3b914;
	--color-232937: #232937;
	--color-202532: #202532;
	--color-999: #999;
	--color-666: #666;
	--color-333: #333;
	--color-f7: #f7f7f7;
	--color-e8: #e8e8e8;
	--color-e6: #e6e6e6;
	--color-ccc: #ccc;
	--color-f2: #f2f2f2;
	--color-d2: #d2d2d2;
	/* 主边框底部颜色 */
	--main-border-bottom-color: #262731;
	/* 顶部背景颜色 */
	--top-bg-color: #0d0f1b;
	/* 主色调颜色 */
	--main-color: #2496f1;
	/* 边框底部颜色 */
	--border-bottom-color: #cbcbcb;
}

.container {
	margin: 0 auto;
	width: 1200px;
	position: relative;
}

/*@media (min-width: 1200px) {*/
/*	.container {*/
/*		max-width: 1200px;*/
/*	}*/
/*}*/

/* 面包屑 start*/

.bread_crumbs_box {
	margin-top: 16px;
	font-size: .875rem;
}
.bread_crumbs_box > a {
	color: var(--main-color);
}
.bread_crumbs_box > span {
	color: var(--color-666);
}
/* 面包屑 end*/

.about_banner_title {
	padding-top: 144px;
	text-align: center;
}
.about_banner_title > div:first-child {
	font-size: 38px;
	color: var(--color-fff);
}
.about_banner_title > div:last-child {
	font-size: 16px;
	color: #dadada;
	margin-top: 22px;
}
/*悬浮链接 start*/
.suspension {
	position: fixed;
	z-index: 55;
	right: 0;
	bottom: 85px;
	width: 70px;
	height: 240px;
}
.suspension-box {
	position: relative;
	float: right;
	/* margin-right: 100px; */
}
.suspension .a {
	display: block;
	width: 44px;
	height: 44px;
	background-color: var(--main-color);
	margin-bottom: 4px;
	cursor: pointer;
	outline: none;
}
.suspension .a.active,
.suspension .a:hover {
	background: var(--color-f3b914);
}
.suspension .a .i {
	float: left;
	width: 44px;
	height: 44px;
	background-image: url(../images/side_icon.png);
	background-repeat: no-repeat;
}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i {
	width: 20px;
	height: 20px;
	margin-top: 12px;
	margin-left: 12px;
	background-image: url(../images/suspension-bg.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.suspension .a-service-phone .i {
	width: 20px;
	height: 20px;
	margin-top: 12px;
	margin-left: 12px;
	background-image: url(../images/suspension-bg.png);
	background-repeat: no-repeat;
	background-position: -27px 0;
}
.suspension .a-qrcode .i {
	background-position: -44px 0;
}
.suspension .a-cart .i {
	background-position: -88px 0;
}
.suspension .a-top .i {
	background-position: -132px 0;
}
.suspension .a-top {
	background: #d2d3d6;
	display: none;
}
.suspension .a-top:hover {
	background: #c0c1c3;
}
/*.qrcode-img img{*/
/*	width: 134px;*/
/*	height: 134px;*/
/*}*/
.suspension .d {
	display: none;
	width: 200px;
	background: var(--color-fff);
	position: absolute;
	right: 67px;
	min-height: 75px;
	border: 1px solid #e0e1e5;
	border-radius: 3px;
	box-shadow: 0px 2px 5px 0px rgba(161, 163, 175, 0.11);
}
.suspension .d .arrow {
	position: absolute;
	width: 8px;
	height: 12px;
	background: url(../images/side_bg_arrow.png) no-repeat;
	right: -8px;
	top: 31px;
}
.suspension .d-service {
	top: 0;
}
.suspension .d-service-phone {
	top: 34px;
}
.suspension .d-qrcode {
	top: 78px;
}
.suspension .d .inner-box {
	padding: 5px;
	/*padding: 8px 22px 12px;*/
}
.suspension .d-service-item {
	/*border-bottom: 1px solid #eee;*/
	padding: 10px 0;
}
.suspension .d-service-item::after {
	content: "";
	width: 140px;
	background-color: #eee;
	height: 1px;
	display: block;
	position: absolute;
	top: 40px;
	right:3px;
}
.suspension .d-service .d-service-item:after {
	/*border-bottom: none;*/
	width: 0;
}
.suspension .d-service-item .circle {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	overflow: hidden;
	background: #f1f1f3;
	display: block;
	float: left;
}
.suspension .d-service-item .i-qq {
	width: 44px;
	height: 44px;
	background: url(../images/side_con_icon03.png) no-repeat center 15px;
	display: block;
	transition: all .2s;
	border-radius: 50%;
	overflow: hidden;
}
.suspension .d-service-item:hover .i-qq {
	background-position: center 3px;
}
.suspension .d-service-item .i-tel {
	width: 44px;
	height: 44px;
	background: url(../images/side_con_icon02.png) no-repeat center center;
	display: block;
}
.suspension .d-service-item h3 {
	float: left;
	width: 112px;
	line-height: 44px;
	color: var(--color-333);
	font-size: .9375rem;
	margin-left: 12px;
}
.suspension .d-service-item .text {
	float: left;
	width: 112px;
	line-height:25px;
	/* font-size: 15px; */
	font-size: .9375rem;
	margin-left: 12px;
}
.suspension .d-service-item .text .number {
	font-family: Arial, "Microsoft Yahei", "HanHei SC", PingHei, "PingFang SC", "Helvetica Neue", Helvetica, Arial,
		"Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
}
.suspension .d-service-intro {
	padding-top: 10px;
}
.suspension .d-service-intro p {
	float: left;
	line-height: 27px;
	/* font-size: 12px; */
	font-size: .75rem;
	width: 50%;
	white-space: nowrap;
	color: #888;
}
.suspension .d-service-intro i {
	background: url(../images/side_con_icon01.png) no-repeat center center;
	height: 27px;
	width: 14px;
	margin-right: 5px;
	vertical-align: top;
	display: inline-block;
}
.suspension .d-qrcode {
	text-align: center;
	width: 148px;
}
/*.suspension .d-qrcode .inner-box {*/
/*	padding: 20px 0;*/
/*}*/
.suspension .d-qrcode p {
	/* font-size: 16px; */
	font-size:14px;
	color: #93959c;
	margin-top: -10px;
}
/* 悬浮链接 end */
.product_caption {
	text-align: center;
}
.product_caption > p.title {
	font-size: 1.75rem;
	color: var(--color-333);
}
.product_caption > p.miaoshu {
	font-size: .9375rem;
	color: var(--color-666);
	margin-top: 20px;
	line-height: 25px;
	text-align: left;
	display: flex;
	justify-content: center;
}
/* 头部顶部样式 */
.head_top {
	height: 40px;
	border-bottom: 1px solid var(--main-border-bottom-color);
	background: var(--top-bg-color);
	line-height: 40px;
	color: var(--color-fff);
	font-size: 14px;
}
.head_top .right > img {
	position: relative;
	top: 3px;
	right: 5px;
}
.head_top > .container,
.navbar_box > .navbar_nav,
.navbar > .container {
	display: flex;
	flex-wrap: wrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.navbar {
	position: absolute;
	width: 100%;
	margin-top: 20px;
	z-index: 2;
}
.navbar > .container .log {
	width: 154px;
	height: 45px;
}
.navbar_box {
	width: 60%;
}
.nav_item {
	height: 45px;
	line-height: 45px;
}
.navbar_box > .navbar_nav li.nav_item > a {
	/* font-size: 17px; */
	display: block;
	font-size: 1.0625rem;
}
/*.navbar_box > .navbar_nav .nav_item {*/
/*	position: relative;*/
/*}*/
.news_menu .nav_child {
	top: 60px !important;
}
.nav_child {
	/*width: 184px;*/
	position: absolute;
	background-color: var(--color-fff);
	z-index: 2;
	top:46px;
	/*left: -15px;*/
	padding: 17px 0;
	margin-left: -20px;
	border-top: 3px solid var(--main-color);
	box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, .11);
}

.nav_child::after {
	content: " ";
	border: 8px solid var(--main-color);
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid transparent;
	position: absolute;
	left:26%;
	top: -19px;
}
.nav_child_list {
	width: 100%;
	cursor: pointer;
	line-height: 30px;
	/*margin-bottom: 10px;*/
}
.nav_child_list:last-child {
	margin-bottom: 0;
}
.nav_child_list > a {
	font-size: .875rem;
	color: var(--color-666);
	display: block;
	padding:0 20px;
}
.nav_child_list:hover {
	background-color: var(--color-fff);
}

.banner_description {
	position: relative;
	width: 1920px !important;
	top: -45px;
}
.banner {
	background: url(../images/cpjs_pic.png) no-repeat;
	background-size: cover;
	height: 300px;
}
.banner .banner_desc {
	padding-top: 133px;
}
.banner .banner_desc > .banner_title {
	font-size: 2rem;
	color: #c6d3e8;
	font-family: 'HYe1gj';
}
.banner .banner_desc > .banner_title2 {
	color: var(--color-fff);
}

.banner .banner_desc > .banner_content {
	font-size: 1rem;
	color: #8899b4;
	line-height: 25px;
	margin-top: 30px;
	max-width: 920px;
}
.banner .banner_desc > .banner_content2 {
	color: #c3c6cd;
}
.description_title {
	/* font-size: 38px; */
	font-size: 2.375rem;
	font-family: "HYe1gj";
	color: #c5d7ff;
	width: 550px;
	line-height: 56px;
}
.description_content {
	/* font-size: 20px; */
	font-size: 1.25rem;
	color: #8494b7;
	width: 564px;
	line-height: 38px;
	margin: 44px 0 40px 0;
}
.description_btn {
	position: absolute;
	width: 98px;
	height: 30px;
	background: var(--main-color);

	text-align: center;
	line-height: 30px;
	font-size: 12px;
	top: 68%;
	left: 19%;
}
.description_btn:hover {
	background: rgba(26, 149, 241, 0.8);
}
.bottom_box {
	width: 100%;
	/* height: 90px; */
	height: 95px;
	background: rgba(0, 13, 38, 1);
	position: absolute;
	z-index: 2;
	bottom: 0;
}
.bottom_box > .introduction {
	display: flex;
	justify-content: center;
}

.bottom_box > .introduction > .introduction_item {
	width: 360px;
	height: 90px;
	border-width: 1px;
	border-style: solid;
	border-color: rgba(255, 255, 255, 0.1);
	border-top: 0;
	border-bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 30px;
}
.bottom_box > .introduction > .introduction_item:nth-child(2),
.bottom_box > .introduction > .introduction_item:nth-child(3) {
	border-left: 0;
}
.bottom_box > .introduction > .introduction_item > img {
	margin-right: 20px;
}
.bottom_box > .introduction > .introduction_item > .introduction_text > span {
	font-size: 1rem;
	color: #c5d7ff;
}
.bottom_box > .introduction > .introduction_item > .introduction_text > div {
	font-size: .875rem;
	color: #8494b7;
}

/* 头部顶部样式 */
.caption {
	text-align: center;
}
.caption > p:first-child {
	font-size: 2rem;
	color: #333333;
	margin-bottom: 18px;
}
.caption > p:last-child {
	font-size: 1rem;
	color: var(--color-666);
	margin-bottom: 40px;
}
/* 底部样式 start */

/* 申请合作模块 statr */
.application_box {
	background: url(../images/sqhz_bg.png) center no-repeat;
	width: 100%;
	height: 100px;
	display: flex;
	align-items: center;
	background-size: cover;
}
.application_box > .application_ms {
	display: flex;
	justify-content: center;
	align-items: center;
}
.application_box > .application_ms > div:first-child {
	/* font-size: 32px; */
	font-size: 2rem;
	color: #e5f0ff;
}
.application_box > .application_ms > div:last-child {
	width: 120px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	background-color: var(--color-f3b914);
	/* font-size: 18px; */
	font-size: 1.125rem;
	color: var(--color-fff);
	margin-left: 60px;
	cursor: pointer;
}
/* 查看更多 start*/
.more {
	width: 110px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: var(--color-fff);
	/* background: rgba(26, 149, 241, 0.8); */
	background: var(--main-color);
	cursor: pointer;
	margin-top: 26px;
	font-size: .75rem;
}
.more:hover {
	background: rgba(26, 149, 241, 0.8);
}
.more > a:focus,
.more > a:hover,
.description_btn > a:hover {
	color: var(--color-fff) !important;
}
/* 查看更多 end*/
/* 申请合作模块 end */
/*.footer {*/
/*	height: 390px;*/
/*}*/
.footer > .tops {
	/*height: 326px;*/
	background-color: var(--color-232937);
}
.footer > .tops > .container > div:first-child {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 86px;
	border-bottom: 2px solid #2b3140;
}
.footer > .tops > .container > div:first-child > ul {
	display: flex;
}
.footer > .tops > .container > div:first-child > ul > li > a {
	color: #9a9aa6;
	font-size: .75rem;
}
.footer > .tops > .container > div:first-child > ul li + li:before {
	padding: 10px;
	color: #9a9aa6;
	content: "|";
}
.hotline {
	/* font-size: 16px; */
	font-size: 1rem;
	color: var(--main-color);
	font-weight: bold;
}
.other_box {
	display: flex;
	justify-content: space-between;
	padding: 30px 0;
	/*margin-top: 30px;*/
}

.other_box > .other_item > .other_item_title {
	/* font-size: 14px; */
	color: #d6dae3;
}
.other_item > ul {
	margin-top: 10px;
}
.other_item > ul li {
	line-height: 30px;
}
.other_box > .other_item > ul li a {
	/* font-size: 12px; */
	font-size: .75rem;
	color: #9a9aa6;
	cursor: pointer;
}
.other_box .gzh > div {
	/* font-size: 18px; */
	width: 130px;
	font-size: 1.125rem;
	color: #d6dae3;
}
.other_box .gzh > img {
	width: 130px;
	height: 130px;
	margin-top: 9px;
}
.footer > .bottoms {
	height: 64px;
	background-color: var(--color-202532);
}
.footer > .bottoms > .container {
	text-align: center;
	color: #9a9aa6;
	padding-top: 20px;
	font-size: .75rem;
}
/* 底部样式 end */

/* 二级菜单导航样式 start*/

#nav_keleyi_com {
	display: flex;
	align-items: center;
	position: relative;
	height: 55px;
	top: 0;
	background: var(--color-fff);
	width: 100%;
	border-bottom: 1px solid #e0e0e0;
	z-index: 11;
}
.overview_box {
	display: flex;
}

.overview_box li:first-child > a {
	font-size: .9375rem;
	font-weight: bold;
	margin-right: 60px;
}
.overview_box li > a {
	font-size: .875rem;
	color: var(--color-333);
	margin-right: 48px;
}
/* 二级菜单导航样式 end*/

/* 分页 */
.example_case {
	margin: 26px 0;
	font-size: 14px;
	text-align: center;
}
.page a {
	color: var(--color-333);
}
.page_next,
.page_prev {
	display: inline-block;
	vertical-align: middle;
	min-width: 32px;
	height: 32px;
	line-height: 30px;
	list-style: none;
	text-align: center;
	cursor: pointer;
	color: var(--color-ccc);
	font-family: Arial;
	border: 1px solid var(--color-ccc);
	transition: all .2s ease-in-out;
	background-color: var(--color-fff);
	margin-right: 5px;
}
.page_item {
	display: inline-block;
	vertical-align: middle;
	min-width: 32px;
	height: 32px;
	line-height: 30px;
	margin-right: 4px;
	text-align: center;
	list-style: none;
	background-color: var(--color-fff);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	font-family: Arial;
	border: 1px solid var(--color-ccc);
	transition: border .2s ease-in-out, color .2s ease-in-out;
}
.page_item:hover {
	border-color: var(--main-color);
}
.page_item_active {
	background-color: var(--main-color);
}
.page_item_active:hover a,
.page_item_active a {
	color: #fff !important;
}
.page_total {
	display: inline-block;
	height: 32px;
	line-height: 32px;
	margin-right: 10px;
}
.page_options_elevator {
	height: 24px;
	line-height: 24px;
	display: inline-block;
}
.page_options_elevator input {
	padding: 1px 7px;
	height: 24px;
	width: 44px;
}
.btn {
	display: inline-block;
	margin-bottom: 0;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	user-select: none;
	padding: 0 15px;
	height: 24px;
	border-radius: 4px;
}
.btn_primary {
	color: var(--color-fff);
	background-color: var(--main-color);
	border-color: var(--main-color);
}
.swiper-button-next,
.swiper-button-prev {
	width: 38px;
}
