/* CSS Document */

body,
div,
ul,
ol,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
p,
form,
fieldset,
legend,
input,
textarea,
th,
tr,
td,
em {
	margin: 0;
	padding: 0;
}

body {
	color: #333;
	font-size: 14px;
	font-family: "Microsoft YaHei", "微软雅黑", "SimHei", "黑体";
	width: 100%;
	margin: 0 auto;
	height: auto;
	background: #F5F7F7;
}

a:link,
a:visited,
a:hover,
a:active {
	text-decoration: none;
	color: #333;
	font-family: "Microsoft YaHei", "微软雅黑", "SimHei", "黑体";
}

img {
	border: 0;
}

a {
	color: #333;
}

a:hover {
	text-decoration: none;
	color: #333;
}

.mainbody {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
.container {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}

.module {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	padding: 30px 0;
	box-sizing: border-box;
	background: #fff;
}

.module-second {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.bg-blue {
	background: rgba(245, 249, 255, 1);
}

.header {
width: 100%;
  height: 78px;
  background: #fff;
  overflow: visible;
  box-shadow: 0 1px 6px #ccc;
  position: fixed;
  top: 0;
  z-index: 99999;	 
}

.header .logo {
	float: left;
	width: 14%;
	height: 78px;
	margin: 0 3% 0 0;
	display: flex;
	/* 启用 Flexbox 布局 */
	justify-content: center;
	/* 水平居中 */
	align-items: center;
	/* 垂直居中 */
	overflow: hidden;
}

.header .logo img {
	width: 157px;
	height: 60px;
	display: block;
}

.header .navbar {
	float: left;
	width: 50%;
	height: 78px;
	line-height: 78px;
}

.header .navbar ul {
	margin: 0 auto;
	overflow: hidden;
}

.header .navbar>ul>li {
	float: left;
	text-align: center;
	list-style: none;
	cursor: pointer;
	color: #444;
	font-size: 16px;
	padding: 0 2.5%;
	box-sizing: border-box;
}
.header .navbar>ul>li:hover >a{
	color: #0F317C;
	cursor: pointer;
	display: block;
}
.header .navbar .submenu {
	position: absolute;
	z-index: 9999;
	left: 0;
	width: 100%;
	margin: 0 auto;
}

.header .navbar .submenu .container {
	width: 1200px;
	margin: 2px auto 0;
	background: rgba(255, 255, 255, 1);
	box-shadow: 0px 2px 18px rgba(0, 0, 0, 0.1);
	display: none;
}
.header .submenu .menu-container {
	display: flex;
	width: 100%;
}

.header .submenu .menu-left {
	width: 200px;
	border-right: 1px solid #ddd;
}

.header .submenu .first-level {
	list-style: none;
	margin: 0;
	padding: 0;
}

.header .submenu .first-level li {
	padding: 10px;
	box-sizing: border-box;
	line-height: 24px;
	cursor: pointer;
	text-align: left;
}

.header .submenu .first-level li.active {
	background: #F5F9FF;
	border-left: 3px solid #0F317C;
}

.header .submenu .menu-right {
	flex: 1;
	padding: 20px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	gap: 20px;
	overflow-y: scroll;
}

.header .submenu .menu-panel {
	display: none;
}

.header .submenu .menu-panel.active {
	display: block;
}

.header .submenu .second-level-item {
	margin-bottom: 20px;
	overflow: hidden;
}

.header .submenu .second-level-item>a {
	float: left;
	width: 140px;
	line-height: 24px;
	color: #333;
	font-size: 15px;
	text-decoration: none;
	text-align: right;
}

.header .submenu .second-level-item>a::after {
	content: ">";
	padding: 0 0 0 5px;
	box-sizing: border-box;
}

.header .submenu .third-level {
	float: right;
	width: 790px;
	display: flex;
	flex-wrap: wrap;
	gap: 5px 10px;
}

.header .submenu .third-level a {
	text-align: left;
	display: inline-block;
	color: #666;
	text-decoration: none;
	font-size: 14px;
	padding: 0 10px;
	box-sizing: border-box;
	height: 26px;
	line-height: 26px;
	white-space: nowrap;
	width: 18ch;
	overflow: hidden;
	text-overflow: ellipsis;
}

.header .navbar a:hover {
	color: #0F317C;
}

.header .navbar ul li.active a {
	color: #0F317C;
}

.header .search {
	float: left;
	width: 18%;
	height: 42px;
	margin: 18px 0;
	background: #F7F7F7;
	overflow: hidden;
}

.header .search input {
	float: left;
	border: none;
	padding: 0 10px;
	box-sizing: border-box;
	width: 80%;
	height: 42px;
	line-height: 42px;
	font-size: 16px;
	color: #B8B8B8;
	outline: none;
	background: #F7F7F7;
}

.header .search button {
	float: right;
	width: 20%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #0F317C;
	border: none;
	cursor: pointer;
	height: 42px;
	white-space: nowrap;
	border-radius: 0 2px 2px 0;
}

.header .search button img {
	width: 25px;
	display: block;
}
.header .tell {
  float: right;
  width: 14%;
  height: 78px;
  padding: 12px 0;
	box-sizing: border-box;
	font-size: 20px;
  font-weight: bold;
  color: #0F317C;
}

.header .tell span {
	display: block;
	height: 26px;
	line-height: 26px;
}	

.banner {
	width: 100%;
	margin-top: 78px;
	background: #fff;
	overflow: hidden;
}

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

.banner .swiper-slide {
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

.banner .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.banner .swiper-pagination span {
	width: 50px;
	height: 4px;
	background-color: #ffffff;
	opacity: 0.5;
	border-radius: 0;
}

.banner .swiper-pagination span.swiper-pagination-bullet-active {
	width: 50px;
	height: 4px;
	opacity: 1;
	background: #fff;
}

.icon-container {
	width: 100%;
	background: #fff;
}

.icon-container .container {
	width: 1200px;
	margin: 0 auto;
	display: flex;
	justify-content: space-around;
	/* 水平均分 */
	align-items: center;
	/* 垂直居中对齐 */
	gap: 20px;
	/* 控制图标之间的间距 */
	flex-wrap: wrap;
	/* 在屏幕小的时候换行 */
}

.icon-item {
	text-align: center;
	padding: 15px;
	box-sizing: border-box;
	margin: 20px 0;
}

.icon-item img {
	width: 64px;
	height: 64px;
	margin-bottom: 5px;
}

.icon-item p {
	font-size: 18px;
	height: 26px;
	line-height: 26px;
	color: rgba(68, 68, 68, 1);
	text-align: center;
	margin: 0;
}

.icon-item a:hover p {
	color: #0F317C;
}

.module .title,
.module-second .title,
.recommend-box .title,
.mainbody .cooperator-box .title h2 {
	height: 42px;
	font-size: 28px;
	line-height: 42px;
	color: rgba(0, 0, 0, 1);
	text-align: center;
	font-weight: 700;
	margin: 0 auto 20px;
}

.module .recommen-pro {
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
}

.recommen-pro .recommen-tab {
	width: 80%;
	height: 42px;
	margin: 0 auto;
	display: flex;
	justify-content: space-around;
	align-items: center;
	gap: 20px;
	flex-wrap: wrap;
}

.recommen-pro .recommen-tab span {
	flex: 1;
	display: block;
	height: 42px;
	line-height: 42px;
	text-align: center;
	cursor: pointer;
	font-size: 16px;
	color: #333;
	background: #fff;
}

.recommen-pro .recommen-tab span.current,
.recommen-pro .recommen-tab span:hover {
	color: #fff;
	border-radius: 2px;
	background: linear-gradient(135deg, rgba(8, 90, 248, 1) 0%, rgba(0, 56, 176, 1) 100%);
}

.recommen-pro .recommen-con {
	width: 100%;
	margin: 20px auto;
	overflow: hidden;
}

.recommen-pro .recommen-con li {
	width: 100%;
	display: none;
	overflow: hidden;
}

.recommen-pro .recommen-con li.current {
	display: block;
}

.recommen-pro li .recommen-box {
	width: 100%;
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(2, 1fr);
	overflow: hidden;
}

.recommen-pro li .img-box {
	width: 100%;
	margin: 0 auto 10px;
	background: #fff;
	padding: 70px 125px;
	box-sizing: border-box;
}

.recommen-pro li .in-img-box {
	padding-top: 70%;
}

.product-side .in-product-side .in-img-box ,
.service-product-list .in-product-side .in-img-box{
	padding-top: 64.5%;
}

.recommen-pro li .in-img-box,
.product-side .in-product-side .in-img-box ,
.service-product-list .in-product-side .in-img-box{
	width: 100%;
	position: relative;
	overflow: hidden;
}

.recommen-pro li .in-img-box img,
.product-side .in-product-side .in-img-box img,
.service-product-list .in-product-side .in-img-box img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	transition: all .6s;
}

.recommen-pro li .in-recommen-con:hover .img-box img,
.module .news-box .news-first:hover .img-box img,
.mainbody .in-subject-box:hover .img-box img,
.product-side .in-product-side:hover .img-box img,
.service-product-list .in-product-side:hover .img-box img {
	cursor: pointer;
	transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
}

.recommen-pro li .txt-box {
	height: 28px;
	font-size: 18px;
	font-weight: 700;
	line-height: 28px;
	color: rgba(68, 68, 68, 1);
	text-align: center;
}

.more {
	margin: 0 auto 40px;
	text-align: center;
}

.more img {
	width: 25px;
	padding: 0 0 0 5px;
	box-sizing: border-box;
}

.more a {
	color: rgba(0, 56, 176, 1);
	font-size: 16px;
	display: flex;
	align-items: center;
	margin: 0 auto;
	width: 90px;
}

.module .news-box,
.module .subject-box,
.module .brand-box {
	width: 100%;
	margin: 0 auto 30px;
	overflow: hidden;
}

.module .news-box .news-first {
	float: left;
	width: 670px;
	height: 380px;
	overflow: hidden;
}

.module .news-box .news-first .img-box {
	width: 670px;
	height: 380px;
	overflow: hidden;
	position: absolute;
	z-index: 8;
}

.module .news-box .news-first .img-box img {
	width: 670px;
	height: 380px;
	transition: all .6s;
}

.module .news-box .news-first .txt-box {
	position: relative;
	z-index: 9;
	width: 670px;
	height: 200px;
	top: 180px;
	overflow: hidden;
	background: url(../images/news-bg.png)no-repeat center bottom;
}

.module .news-box .news-first .txt-box p {
	position: absolute;
	bottom: 0%;
	font-size: 20px;
	line-height: 28px;
	color: rgba(255, 255, 255, 1);
	text-align: left;
	padding: 20px;
	box-sizing: border-box;
}

.module .news-box .news-side {
	width: 520px;
	float: right;
	overflow: hidden;
}

.module .news-box .in-news-side {
	width: 520px;
	height: 120px;
	background: rgba(247, 247, 247, 1);
	padding: 10px 20px 10px 0;
	box-sizing: border-box;
	margin: 0 0 10px 0;
}

.module .news-box .in-news-side:last-child {
	margin: 0;
}

.module .news-box .news-title em {
	float: left;
	width: 4px;
	height: 18px;
	background: rgba(0, 56, 176, 1);
	margin: 3px 10px 0 0;
}

.module .news-box .news-title a {
	float: left;
	width: 480px;
	height: 48px;
	font-size: 16px;
	line-height: 24px;
	color: rgba(68, 68, 68, 1);
	text-align: left;
}

.module .news-box .in-news-side:hover .news-title a {
	color: #0F317C;
	cursor: pointer;
}

.module .news-box .in-news-side p {
	width: 100%;
	clear: left;
	height: 40px;
	font-size: 12px;
	line-height: 20px;
	color: rgba(102, 102, 102, 1);
	text-align: left;
	margin: 10px 0 0 14px;
}

.mainbody .subject-box,
.mainbody .subject-list {
	width: 100%;
	display: grid;
	gap: 40px;
	grid-template-columns: repeat(3, 1fr);
	overflow: hidden;
}

.mainbody .in-subject-box {
	width: 100%;
	overflow: hidden;
	background: #fff;
}

.mainbody .in-subject-box .img-box {
	width: 374px;
	height: 242px;
	overflow: hidden;
}

.mainbody .in-subject-box .img-box img {
	width: 100%;
	object-fit: cover;
	height: 242px;
	transition: all .6s;
}

.mainbody .in-subject-box .txt-box {
	padding: 15px 10px;
	box-sizing: border-box;
}

.mainbody .in-subject-box .txt-box p {
	font-size: 16px;
	color: rgba(68, 68, 68, 1);
	text-align: left;
	height: 48px;
	line-height: 24px;
	overflow: hidden;
}

.module .brand-box .scroll table {
	empty-cells: show;
	border-collapse: collapse;
	border-spacing: 0;
}

.module .brand-box .scroll table tr td {
	vertical-align: top;
}

.module .brand-box .scroll {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.module .brand-box .scroll table tr td .img-box {
	border: 1px solid rgba(247, 247, 247, 1);
	margin: 0 12px;
	width: 180px;
	height: 90px;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.module .brand-box .scroll img {
	max-width: 180px;
	max-height: 90px;
	overflow: hidden;
}

.module .brand-box .scroll img:hover {
	cursor: pointer;
}

.footer {
	width: 100%;
	overflow: hidden;
	background: rgba(56, 56, 56, 1);
	margin: 0 auto;
}

.footer .foot-box {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	padding: 40px 0 0 0;
	box-sizing: border-box;
}

.footer .foot-box .in-foot {
	float: left;
	margin: 0 80px 0 0;
}

.footer .foot-box .in-foot:last-child {
	margin: 0;
}

.footer .foot-title {
	height: 27px;
	font-size: 18px;
	line-height: 28px;
	color: rgba(255, 255, 255, 1);
	text-align: left;
	margin: 0 0 20px 0;
}

.footer .foot-con p {
	width: 100%;
	font-size: 14px;
	line-height: 32px;
	color: rgba(204, 204, 204, 1);
	text-align: left;
	overflow: hidden;
}

.footer .foot-con p img {
	width: 24px;
	height: 24px;
	margin: 4px 8px 4px 0;
	float: left;
}

.footer .foot-con p span {
	float: left;
}

.footer .foot-code {
	height: 120px;
	border-left: 1px solid rgba(69, 69, 69, 1);
	margin: 60px 0 0 0;
	padding: 0 0 0 35px;
	box-sizing: border-box;
}

.footer .foot-code img {
	width: 90px;
	height: 90px;
	display: block;
	margin: 0 auto;
}

.footer .foot-code p {
	height: 32px;
	font-size: 14px;
	line-height: 32px;
	color: rgba(204, 204, 204, 1);
	text-align: center;
}

.footer .foot-bottom {
	border-top: 1px solid rgba(69, 69, 69, 1);
	margin: 25px auto 0;
	font-size: 12px;
	color: rgba(255, 255, 255, 1);
	text-align: center;
	padding: 15px 0;
	box-sizing: border-box;
}

.footer p,
.footer a {
	color: rgba(204, 204, 204, 1);
}

.footer a:hover {
	color: #fff;
}

.crumbs {
	width: 100%;
	margin: 10px auto;
	overflow: hidden;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
}

.crumbs a {
	float: left;
	color: rgba(68, 68, 68, 1);
}

.crumbs a::after {
	content: ">";
	padding: 0 5px;
	box-sizing: border-box;
	color: rgba(153, 153, 153, 1);
}

.crumbs span {
	float: left;
	color: rgba(153, 153, 153, 1);
}

.mainbody .menu-side {
	width: 240px;
	float: left;
	padding: 0 10px;
	box-sizing: border-box;
	overflow: hidden;
	background: #fff;
}

.mainbody .menu-side .title {
	width: 100%;
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid rgba(238, 238, 238, 1);
	font-size: 16px;
	font-weight: 700;
	color: rgba(15, 49, 124, 1);
	text-align: left;
	padding: 0 10px;
	box-sizing: border-box;
}

.mainbody .menu-side .menu-list {
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
}

.mainbody .menu-side .menu-list a {
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	overflow: hidden;
}

.mainbody .menu-side .menu-list img {
	float: left;
	width: 18px;
	height: 18px;
	margin: 11px 5px 0 0;
}

.mainbody .menu-side .menu-list span {
	float: left;
	height: 40px;
	line-height: 40px;
}

.mainbody .menu-side .menu-list a:hover span,
.mainbody .menu-side .menu-list a.active span {
	color: #0F317C;
	cursor: pointer;
}

.mainbody .product-side,
.mainbody .service-side {
	width: 946px;
	float: right;
	overflow: hidden;
}

.mainbody .service-side {
	background: #fff;
}

.mainbody .product-list {
	width: 100%;
	display: grid;
	gap: 20px 10px;
	grid-template-columns: repeat(3, 1fr);
	overflow: hidden;
}


.mainbody .service-product-list {
	width: 946px !important;
	float: right;
	margin: 0 auto 50px;
}

.mainbody .product-side .in-product-side,
.mainbody .service-product-list .in-product-side {
	width: 100%;
	background: #fff;
	overflow: hidden;
}

.mainbody .product-side .in-product-side .img-box,
.mainbody .service-product-list .in-product-side .img-box {
	width: 100%;
	margin: 0 auto;
	padding: 20px;
	box-sizing: border-box;
}

.mainbody .product-side .in-product-side .txt-box,
.mainbody .service-product-list .in-product-side .txt-box {
	padding: 10px;
	box-sizing: border-box;
	overflow: hidden;
	border-top: 2px solid rgba(247, 247, 247, 1);
}

.mainbody .product-side .in-product-side .txt-box p,
.mainbody .service-product-list .in-product-side .txt-box p {
	font-size: 16px;
	height: 48px;
	line-height: 24px;
	color: rgba(68, 68, 68, 1);
	text-align: left;
	overflow: hidden;
}

.page-box {
	align-items: center;
	-webkit-display: flex;
	display: flex;
	justify-content: center;
	margin: 40px auto;
}

.page-box a,
.page-box span {
	background: #fff;

	border: 1px solid rgba(238, 238, 238, 1);
	border-radius: 2px;
	float: left;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	margin: 0 8px 0 0;
	text-align: center;
	width: 30px;
	color: rgba(153, 153, 153, 1);
}

.page-box a.prev-page,
.mainbody .page-box a.next-page {
	width: 60px;
}

.page-box a.current,
.mainbody .page-box a:hover {
	background: #0F317C;
	color: #fff;
	border: 1px solid #0F317C;
}

.mainbody .details-side {
	width: 870px;
	float: left;
	overflow: hidden;
	background: #fff;
	margin: 0 auto 40px;
}

.mainbody .news-details-side {
	width: 1200px !important;
	clear: left;
	background: #fff;
	margin: 0 auto 30px;
}

.mainbody .img-side {
	width: 320px;
	float: right;
	padding: 20px;
	box-sizing: border-box;
	overflow: hidden;
	background: #fff;
}

.mainbody .img-side img {
	width: 100%;
	display: block;
}

.mainbody .main-title {
	width: 100%;
	padding: 26px;
	box-sizing: border-box;
	box-shadow: 0px 1px 0px rgba(238, 238, 238, 1);
	overflow: hidden;
}

.mainbody .service-side {
	margin: 0 auto 40px;
}

.mainbody .news-details-side .main-title,
.mainbody .service-side .main-title {
	padding: 26px 26px 5px 26px;
}

.mainbody .main-title h1 {
	font-size: 26px;
	font-weight: 700;
	line-height: 38px;
	color: rgba(68, 68, 68, 1);
	text-align: left;
	overflow: hidden;
}

.mainbody .main-title .keyword-box {
	width: 100%;
	overflow: hidden;
	margin: 10px auto;
	font-size: 14px;
	line-height: 20px;
	color: rgba(102, 102, 102, 1);
}

.mainbody .details-side .main-title .keyword-box p {
	float: left;
	width: 90%;
	overflow: hidden;
	text-align: left;
}

.mainbody .details-side .main-title .keyword-box span {
	float: right;
	width: 10%;
	overflow: hidden;
	text-align: right;
}

.mainbody .details-con {
	padding: 20px 26px;
	box-sizing: border-box;
	overflow: hidden;
}

.mainbody .details-con p {
	font-size: 16px;
	line-height: 28px;
	color: rgba(85, 85, 85, 1);
	text-align: left;
	margin: 0 auto 20px;
}

.mainbody .details-con p img {
	display: block;
	margin: 0 auto;
	max-width: 70%;
}

.mainbody .adv-box {
	width: 1200px;
	margin: 0 auto 30px;
	overflow: hidden;
}

.mainbody .adv-box img {
	width: 1200px;
	display: block;
}

.mainbody .module-second ul {
	width: 100%;
	overflow: hidden;
	list-style: none;
}

.mainbody .module-second ul li {
	width: 100%;
	background: #fff;
	padding: 20px 26px;
	box-sizing: border-box;
	font-size: 14px;
	font-weight: 400;
	color: rgba(102, 102, 102, 1);
	margin: 0 auto 10px;
	overflow: hidden;

}

.mainbody .module-second ul li .news-title {
	font-size: 20px;
	font-weight: 500;
	line-height: 30px;
	height: 30px;
	color: rgba(68, 68, 68, 1);
	text-align: left;
	margin: 0 auto 10px;
	overflow: hidden;
}

.mainbody .module-second ul li p {
	float: left;
	width: 90%;
	text-align: left;
	line-height: 20px;
	height: 20px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.mainbody .module-second ul li span {
	float: right;
	width: 10%;
	line-height: 20px;
	height: 20px;
	text-align: right;
}

.mainbody .module-second ul li:hover {
	cursor: pointer;
}

.mainbody .module-second ul li:hover .news-title a {
	color: #0F317C;
}

.mainbody .document-box {
	width: 100%;
	overflow: hidden;
}

.mainbody .document-box .in-document {
	width: 100%;
	padding: 20px;
	box-sizing: border-box;
	background: rgba(245, 249, 255, 1);
	overflow: hidden;
}

.mainbody .document-box .in-document img {
	float: left;
	width: 20px;
}

.mainbody .document-box .in-document p,
.mainbody .recommend-box .in-recommend p {
	float: left;
	width: 80%;
	font-size: 18px;
	color: rgba(68, 68, 68, 1);
	text-align: left;
	height: 20px;
	line-height: 20px;
	margin: 0 0 0 15px;
}

.mainbody .document-box .in-document:hover p,
.mainbody .recommend-box .in-recommend:hover p a {
	color: #0F317C;
	cursor: pointer;
}

.mainbody .document-box .download-button {
	float: right;
	width: 5%;
}

.mainbody .document-box .download-button img {
	width: 22px;
}

.mainbody .recommend-box {
	width: 100%;
	overflow: hidden;
	margin: 0 auto 40px;
	padding: 30px 20px;
	box-sizing: border-box;
	background: #fff;
}

.recommend-box .title {
	text-align: left;
}

.recommend-box .recommend-list {
	width: 100%;
	overflow: hidden;
}

.recommend-box .recommend-list .in-recommend {
	width: 100%;
	padding: 20px 26px;
	box-sizing: border-box;
	overflow: hidden;
	background: rgba(245, 249, 255, 1);
	margin: 20px auto 0;
}

.recommend-box .recommend-list .in-recommend img {
	width: 20px;
	float: left;
}

.mainbody .about-box,
.mainbody .cooperator-box {
	width: 100%;
	background: #fff;
	margin: 20px auto 0;
	padding: 50px 30px;
	box-sizing: border-box;
	overflow: hidden;
}

.mainbody .about-box .txt-box {
	width: 45%;
	float: left;
	overflow: hidden;
}

.mainbody .about-box .txt-box h1 {
	height: 38px;
	font-size: 26px;
	font-weight: 700;
	line-height: 38px;
	color: rgba(68, 68, 68, 1);
	text-align: left;
	margin: 0 auto 30px;
}

.mainbody .about-box .txt-box p {
	font-size: 16px;
	line-height: 28px;
	color: rgba(85, 85, 85, 1);
	text-align: justify;
}

.mainbody .about-box .img-box {
	width: 52%;
	float: right;
	overflow: hidden;
}

.mainbody .cooperator-box {
	margin: 20px auto 40px;
}

.mainbody .cooperator-box .title p {
	height: 24px;
	font-size: 16px;
	line-height: 24px;
	color: rgba(102, 102, 102, 1);
	text-align: center;
}

.mainbody .cooperator-box .cooperator-list {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(8, 1fr);
	gap: 47px;
	overflow: hidden;
	margin: 40px auto 0;
}

.mainbody .cooperator-box .in-cooperator {
	text-align: center;
	background: #fff;
}

.mainbody .contact-box {
	width: 100%;
	margin: 0 auto 40px;
	overflow: hidden;
}

.mainbody .contact-box .contact-img {
	width: 1200px;
	height: 300px;
	overflow: hidden;
	position: absolute;
	z-index: 888;
}

.mainbody .contact-box .contact-us {
	width: 1000px;
	background: rgba(255, 255, 255, 1);
	margin: 200px auto 0;
	position: relative;
	padding: 40px 50px 50px 50px;
	box-sizing: border-box;
	overflow: hidden;
	z-index: 999;
}

.mainbody .contact-box .contact-us .title {
	height: 34px;
	font-size: 28px;
	font-weight: bold;
	line-height: 34px;
	color: rgba(15, 49, 124, 1);
	text-align: left;
	margin: 0 auto 30px;
}

.mainbody .contact-box .contact-us .in-contact {
	float: left;
	width: 400px;
	height: 160px;
	background: rgba(245, 249, 255, 1);
	padding: 40px;
	box-sizing: border-box;
}

.mainbody .contact-box .contact-us .in-contact:first-child {
	float: left;
}

.mainbody .contact-box .contact-us .in-contact:last-child {
	float: right;
}

.mainbody .contact-box .contact-us .in-contact img {
	float: left;
	width: 66px;
	height: 66px;
	margin: 7px 0;
}

.mainbody .contact-box .contact-us .in-contact p {
	float: left;
	margin: 0 0 0 15px;
	font-size: 20px;
	line-height: 40px;
	color: rgba(68, 68, 68, 1);
	text-align: left;
}

.mainbody .address-box {
	width: 100%;
	height: 200px;
	background: url(../images/address-bg.png) no-repeat center;
	overflow: hidden;
	margin: 0 auto 50px;
	padding: 30px;
	box-sizing: border-box;
}

.mainbody .address-box .title {
	background: url(../images/icon-address.png)no-repeat left;
	height: 34px;
	line-height: 34px;
	overflow: hidden;
	font-size: 20px;
	font-weight: 400;
	color: rgba(0, 0, 0, 1);
	text-align: left;
	text-indent: 30px;
	margin: 0 auto 10px;
}

.mainbody .address-box p {
	width: 600px;
	font-size: 16px;
	font-weight: 400;
	line-height: 30px;
	color: rgba(85, 85, 85, 1);
	text-align: left;
	margin: 0 0 0 25px;
}

.mainbody .jobs-box {
	width: 100%;
	background: #fff;
	padding: 40px;
	box-sizing: border-box;
	overflow: hidden;
}

.mainbody .jobs-box .title h2 {
	height: 38px;
	font-size: 26px;
	font-weight: bold;
	line-height: 38px;
	color: rgba(68, 68, 68, 1);
	text-align: center;
	margin: 10px auto 30px;
}

.mainbody .jobs-box .title p {
	font-size: 16px;
	font-weight: 400;
	line-height: 28px;
	color: rgba(85, 85, 85, 1);
	text-align: center;
}

.mainbody .jobs-list {
	width: 100%;
	overflow: hidden;
	margin: 30px auto 0;
}

.mainbody .jobs-list ul {
	width: 100%;
	list-style: none;
	overflow: hidden;
}

.mainbody .jobs-list ul li {
	line-height: 68px;
	font-size: 16px;
	cursor: pointer;
	background: rgba(241, 241, 241, 1);
	margin: 0 auto 10px;
}

.mainbody .jobs-list ul li span {
	display: block;
	height: 100%;
	width: 100%;
	position: relative;
	padding: 0 30px;
	box-sizing: border-box;
	font-size: 18px;
	font-weight: 500;
	color: rgba(68, 68, 68, 1);
	text-align: left;
}

.mainbody .jobs-list ul li span i {
	display: block;
	height: 30px;
	width: 30px;
	background: url(../images/arr.png) no-repeat center center;
	background-size: 80% 80%;
	position: absolute;
	right: 30px;
	top: 45%;
	margin-top: -10px;
	transition: all 0.3s ease-out;
	transform: rotate(0deg);
}

.mainbody .jobs-list ul li span i.action {
	transition: all 0.3s ease-out;
	transform: rotate(180deg);
}

.mainbody .jobs-list ul li>dl {
	display: none;
	padding: 20px 30px;
	box-sizing: border-box;
	background: rgba(248, 248, 248, 1);
}

.mainbody .jobs-list ul li>dl dt {
	line-height: 30px;
}

.mainbody .jobs-list ul li>dl .title {
	height: 28px;
	font-size: 16px;
	font-weight: 700;
	line-height: 28px;
	color: rgba(102, 102, 102, 1);
	text-align: left;
	margin: 0 auto 10px;
}

.mainbody .jobs-list ul li>dl .title b {
	float: left;
}

.mainbody .jobs-list ul li>dl .title em {
	float: right;
	font-style: normal;
	color: rgba(255, 100, 0, 1);
}

.mainbody .jobs-list ul li>dl dt p {
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	color: rgba(68, 68, 68, 1);
	text-align: left;
	margin: 0 auto 10px;
}
.mainbody .search-box{
		width: 100%;
		overflow: hidden;
}
.mainbody .search-box h1{
	height: 38px;
	font-size: 26px;
	font-weight: 700;
	line-height: 38px;
	color: rgba(68, 68, 68, 1);
	text-align: center;
}
.mainbody .search-box .search-all{
	width: 65%;
	height: 62px;
	line-height: 62px;
	margin: 30px auto 40px;
	border-radius: 10px;
	background: rgba(255, 255, 255, 1);
}
.mainbody .search-box .search-all .search-txt{
	float: left;
	width: 80%;
	height: 62px;
	line-height: 62px;
	border: none;
	padding: 0 20px;
	box-sizing: border-box;
	font-size: 18px;
	font-weight: 500;
	color: rgba(68, 68, 68, 1);
	border-radius: 10px;
	outline: none;
}
.mainbody .search-box .search-all .search-bt{
	float: right;
	  width: 10%;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  background: #0F317C;
	  border: none;
	  cursor: pointer;
	  height: 62px;
	  white-space: nowrap;
	  border-radius: 0 10px 10px 0;
}
.mainbody .search-box .search-all .search-bt img{
	width: 30px;
	display: block;
}
.mainbody .search-box .search-list{
	width: 100%;
	background: #fff;
	padding:15px 30px;
	box-sizing: border-box;
	overflow: hidden;
	margin: 0 auto 50px;
}
.mainbody .search-box .search-list ul{
	width: 100%;
	list-style: none;
}
.mainbody .search-box .search-list ul li{
	font-size: 18px;
	height: 46px;
	line-height: 46px;
	overflow: hidden;
}
.mainbody .search-box .search-list ul li p{
	float: left;
	width: 80%;
	height: 46px;
	line-height: 46px;
	text-align: left;
	color: rgba(68, 68, 68, 1);
	overflow: hidden;
}
.mainbody .search-box .search-list ul li p em{
	font-style: normal;
	color: rgba(212, 48, 48, 1);
}
.mainbody .search-box .search-list ul li span{
	float: right;
	width: 10%;
	text-align: right;
	color: rgba(68, 68, 68, 1);
}
.mainbody .search-box .search-list ul li:hover p{
	text-decoration: underline;
}
/* 视口宽度最大1399px时应用的样式 */
@media (max-width: 1399px) {}

/* 视口宽度大于等于1400px时应用的样式 */
@media (min-width: 1400px) {}

/* 视口宽度大于等于1400px到1899px时应用的样式 */
@media (min-width: 1400px) and (max-width: 1899px) {}

/* 视口宽度大于等于1900px时应用的样式 */
@media (min-width: 1900px) {}

.mainbody .in-subject-box .img-box {
		width: 374px;
			height: 242px;
				overflow: hidden;
					display: flex;
						align-items: center;
							justify-content: center;
						}

						.mainbody .in-subject-box .img-box img {
							width: auto;
							  height: auto;
							    max-width: 100%;
							      max-height: 100%;
							        object-fit: contain;
								  display: block;
								  	transition: all .6s;
								}


.page-box ul.pagination li{display: inline-block}
.page-box ul.pagination li a{margin: 0px;}
.page-box ul.pagination li.active a{
	background: #0F317C;
	color: #fff;
	border: 1px solid #0F317C;
}