/* css utf-8 编码声明*/
/* 此CSS样式 类名通用加前缀 q_ */
html,
body {
	/*scroll-behavior:smooth;*/
}

html {
    transition: font-size 0.3s ease;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    font-size: 10px;
}

:root {
    --font-size: 2rem;
}

/* 不使用js只用css实现锚点平滑滚动 */
body {
	width: 100%;
	margin: 0 auto;
	min-height: 30rem;
	background-color: #fff;
	font-family: 'Microsoft Yahei', Arial, Verdana, sans-serif;
	font-size: 1.5rem;
	color: #555;
}

ul,
li {
	list-style: none;
}

.clearfix {
	clear: both;
}

img {
	max-width: 100%;
}

body a {
	outline: none;
}

a:hover {
	color: #e87c1f;
}

/* 统一调整字间距 */
div,
a,
span,
p,
ul,
li {
	padding: 0;
	margin: 0;
}

.main1200 {
	width: 100%;
	max-width: 120rem;
	margin: 0 auto;
}

.main1500 {
	width: 100%;
	max-width: 150rem;
	margin: 0 auto;
}

/* 电脑端隐藏 */
@media (min-width:64rem) {
	.pc_hidden {
		display: none;
	}
}

/* 手机端隐藏 */
@media (max-width:64rem) {
	.m_hidden {
		display: none;
	}
}

/* 平板端隐藏 */
@media (min-width:64rem) and (max-width: 100rem) {
	.pb_hidden {
		display: none;
	}
}

@media (max-width: 64rem) {
	.q_banner .swiper_button {
		display: none;
	}
}

/* 返回顶部  开始 */
#toTop {
	width: 5.5rem;
	height: 5.5rem;
	bottom: 10rem;
	right: 1rem;
	position: fixed;
	cursor: pointer;
	z-index: 999999;
}

@media(max-width: 64rem) {
	#toTop {
		width: 3.5rem;
		height: 3.5rem;
		bottom: 7.5rem;
	}
}

@keyframes fadeinup {
	0% {
		opacity: 0;
		transform: translateY(12rem)
	}

	100% {
		opacity: 1;
		transform: translateY(0)
	}
}

@keyframes fadeinup_samll {
	0% {
		opacity: 0;
		transform: translateY(5rem)
	}

	100% {
		opacity: 1;
		transform: translateY(0)
	}
}

.hover:hover img {
	animation-name: fadeinup;
	animation-duration: 1s;
}

/* 返回顶部  结束 */
.q_mask {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.q_mask_in {
	width: 100%;
	position: absolute;
	left: 0;
	top: 50%;
	text-align: center;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}

a.img {
	outline: none;
	display: block;
	width: 100%;
}

.img {
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	-moz-transition: all .8s ease 0s;
	-ms-transition: all .8s ease 0s;
	-o-transition: all .8s ease 0s;
	-webkit-transition: all .8s ease 0s;
	transition: all .8s ease 0s;
}

.hover:hover .img {
	-moz-transform: scale(1.15, 1.15);
	-ms-transform: scale(1.15, 1.15);
	-o-transform: scale(1.15, 1.15);
	-webkit-transform: scale(1.15, 1.15);
	transform: scale(1.15, 1.15);
}

.q_row {
	width: 100%;
	margin: 0 auto;
}

.q_row:after {
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
	font-size: 0;
}

.q_n_img {
	width: 100%;
	margin: 2rem auto;
	text-align: center;
}

.clear {
	clear: none;
}

.clear:after {
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
	font-size: 0;
}

/* q_header start! */
.q_header {
	width: 100%;
	background-color: #fff;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 2000 ;
}

.q_header.q_header_fixed {
	box-shadow: 0 0 1rem #ccc;
}

/* q_top */
.q_top {
	padding: 0.5rem 0;
	background-color: #005499;
}

.q_top_l {
	width: 75%;
	float: left;
	font-size: 1.5rem;
	color: #fff;
	line-height: 2.5rem;
}

.q_top_r {
	width: 20%;
	float: right;
	text-align: right;
	font-size: 0;
}

.q_top_r a {
	outline: none;
	display: inline-block;
	margin-left: 2rem;
	font-size: 1.5rem;
	color: #fff;
	line-height: 2.5rem;
}

.q_top_r a:hover {
	color: #e87c1f;
}

/* q_logo */
.q_logo {
	width: 26rem;
	float: left;
}

.q_logo>h1>a {
	outline: none;
	display: block;
	width: 100%;
	padding: 1.5rem 0;
	transition: all .3s;
}

.q_logo>h1>a>img {
	height: 8rem;
}

/* q_nav */
.q_nav {
	width: calc(100% - 30rem);
	float: right;
	font-size: 0;
	text-align: right;
}

.q_nav>li {
	display: inline-block;
	margin-left: 4.5rem;
	position: relative;
}

.q_nav>li>a {
	outline: none;
	display: block;
	width: 100%;
	padding: 3.8rem 0;
	transition: all .3s;
}

.q_nav>li>a>span {
	display: block;
	width: 100%;
	padding: 0 1rem;
	font-size: 1.8rem;
	line-height: 3.4rem;
	height: 3.4rem;
	color: #3e3a39;
}

.q_nav>li.on>a>span,
.q_nav>li:hover>a>span {
	background-color: #e87c1f;
	color: #fff;
}

.q_header.q_header_fixed .q_logo>h1>a {
	padding: 0.5rem 0;
}

.q_header.q_header_fixed .q_nav>li>a {
	padding: 2.8rem 0;
}

/* q_nav_son */
.q_nav_son {
	width: 140%;
	position: absolute;
	top: calc(100% - 1rem);
	left: -20%;
	padding: 1rem 0;
	z-index: 10;
	background-color: #fff;
	display: none;
	box-shadow: 0 0.1rem 0.1rem #ccc;
}

.q_nav_son>li {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

.q_nav_son>li>a {
	outline: none;
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	font-size: 1.5rem;
	text-align: center;
	line-height: 3.6rem;
	color: #555;
}

.q_nav_son>li:hover {
	background-color: #e87c1f;
}

.q_nav_son>li:hover>a {
	color: #fff;
}

/* q_header end! */

/* q_banner start! */
.q_banner {
	width: 100%;
	margin: 14.5rem auto 0;
}

.q_banner .swiper_banner .swiper-slide a {
	outline: none;
	display: block;
	width: 100%;
	padding: 36.25% 0 0;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.q_banner .swiper_banner .swiper_pagination_banner {
	bottom: 5%;
}

.q_banner .swiper_banner .swiper_pagination_banner .swiper-pagination-bullet {
	width: 3rem;
	height: 0.6rem;
	background-color: #fff;
	opacity: 1;
	border-radius: 0;
}

.q_banner .swiper_banner .swiper_pagination_banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #e87c1f;
	opacity: 1;
}

.q_banner .swiper_banner .swiper_button_banner {
	background: none;
	width: 4rem;
	height: 6rem;
	line-height: 5.6rem;
	margin-top: -4rem;
	font-size: 3rem;
	text-align: center;
	border-radius: 0;
	border: 0.1rem solid #fff;
	color: #fff;
	opacity: 1;
	transition: all 0.3s;
}

.q_banner .swiper_banner .swiper_button_banner.swiper_button_banner_prev {
	left: 3%;
}

.q_banner .swiper_banner .swiper_button_banner.swiper_button_banner_next {
	right: 3%;
}

/* q_banner end! */

/* q_hot start! */
.q_hot {
	padding: 1.5rem 0;
	background-color: #f1f1f1;
}

.q_hot_icon {
	width: 3rem;
	float: left;
}

.q_hot_txt {
	width: calc(100% - 5rem);
	float: right;
}

.q_hot .swiper_hot .swiper-slide a {
	outline: none;
	display: block;
	width: 100%;
	font-size: 1.6rem;
	color: #f89898 ;
	line-height: 3rem;
	height: 3rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* q_hot end! */

/* q_section start! */
.q_section {
	padding: 7.5rem 0;
}

.q_section_title {
	text-align: center;
	border-bottom: 0.1rem solid #ccc;
}

.q_section_h2 {
	display: inline-block;
	padding: 1.5rem 3rem;
	background-color: #005499;
	color: #fff;
	font-size: 3rem;
	line-height: 3.8rem;
	letter-spacing: 0.3rem;
}

.q_section_main {
	margin: 5rem auto 0;
}

.q_section_more {
	margin: 5rem auto 0;
	text-align: center;
}

.q_section_more a {
	outline: none;
	display: inline-block;
	border: 0.1rem solid #aaa;
	padding: 0.5rem 1.5rem;
	font-size: 1.6rem;
	color: #555;
	line-height: 2.5rem;
}

.q_section_more a:hover {
	background-color: #005499;
	border: 0.1rem solid #005499;
	color: #fff;
}

/* q_section end! */

/* q_service start! */
.q_section.q_service {
	padding: 10rem 0 2rem;
}

.q_ser_item {
	width: 19%;
	float: left;
	margin: 0 1.25% 0 0;
	position: relative;
}

.q_ser_item:nth-of-type(5n) {
	margin: 0;
}

.q_ser_item_img .img {
	padding: 206% 0 0;
}

a.q_ser_mask {
	outline: none;
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.q_ser_mask_in {
	padding: 35% 5% 0;
	text-align: center;
	color: #fff;
}

.q_ser_item_h_cn {
	font-size: 3.6rem;
	line-height: 5rem;
	letter-spacing: 0.2rem;
	font-weight: 700;
}

.q_ser_item_h_en {
	font-size: 1.5rem;
	line-height: 2.5rem;
	text-transform: uppercase;
}

.q_ser_item_more {
	margin: 15% auto 0;
}

.q_ser_item_more span {
	display: inline-block;
	padding: 0.8rem 2.5rem;
	background-color: #fff;
	color: #53a0ed;
	border-radius: 3rem;
	font-size: 1.8rem;
	line-height: 2.5rem;
}

.q_ser_item_more span i {
	margin-left: 0.5rem;
}

.q_ser_item:nth-of-type(2) .q_ser_item_more span {
	color: #2671c8;
}

.q_ser_item:nth-of-type(3) .q_ser_item_more span {
	color: #f1a637;
}

.q_ser_item:nth-of-type(4) .q_ser_item_more span {
	color: #22a288;
}

.q_ser_item:nth-of-type(5) .q_ser_item_more span {
	color: #f17a63;
}

/* q_service end! */

/* q_notice start! */
.q_section.q_notice {
	background-color: #f8f8f8;
}

.q_notice_main {
	background-color: #fff;
	padding: 4rem 1.5rem;
}

.q_notice .tab .tab-head {
	padding: 0 0 1rem;
	border-bottom: 0.1rem solid #aaa;
}

.q_notice_more {
	width: 25%;
	float: right;
	text-align: right;
}

.q_notice_more a {
	outline: none;
	display: inline-block;
	font-size: 1.8rem;
	color: #555;
	line-height: 3rem;
	height: 3rem;
}

.q_notice_more a:hover {
	color: #e87c1f;
}

.q_notice_nav {
	width: 65%;
	float: left;
}

.q_notice_nav .tab-nav {
	font-size: 0;
}

.q_notice_nav .tab-nav li {
	display: inline-block;
	margin-right: 5rem;
	position: relative;
}

.q_notice_nav .tab-nav li:after {
	position: absolute;
	left: 50%;
	bottom: -1.1rem;
	content: "";
	width: 0;
	height: 0.3rem;
	border-radius: 0.3rem;
	background-color: #2a5e96;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.q_notice_nav .tab-nav li a {
	outline: none;
	display: block;
	width: 100%;
	color: #555;
	border: 0;
	border-radius: 0;
	padding: 0 1rem;
	font-size: 2.2rem;
	line-height: 3rem;
	height: 3rem;
}

.q_notice_nav .tab-nav li:hover,
.q_notice_nav .tab-nav li.active {
	background-color: rgba(255, 255, 255, 0);
}

.q_notice_nav .tab-nav li:hover:after,
.q_notice_nav .tab-nav li.active:after {
	width: 100%;
	transform: translateX(-50%);
}

.q_notice_nav .tab-nav li:hover a,
.q_notice_nav .tab-nav li.active a {
	color: #2a5e96;
}

.q_notice .tab .tab-body {
	border: 0;
	margin: 0 auto;
	padding: 2.5rem 0 0;
}

.q_notice_img {
	width: 47.8rem;
	height: 37.4rem;
	float: right;
	overflow: hidden;
}

.q_notice_img .img {
	height: 100%;
}

.q_notice_list {
	width: calc(100% - 51rem);
	float: left;
}

.q_notice_item {
	padding: 1.8rem 2rem 1.8rem 4rem;
	border-bottom: 0.1rem dashed #aaa;
}

.q_notice_item a {
	outline: none;
	display: block;
	width: 100%;
	margin: 0 auto;
	position: relative;
}

.q_notice_item a:before {
	content: '';
	width: 0.7rem;
	height: 0.7rem;
	background-color: #2a5e96;
	position: absolute;
	left: -2rem;
	top: 0.9rem;
}

.q_notice_item a:after {
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
	font-size: 0;
}

.q_notice_item_date {
	width: 12.5rem;
	float: right;
	font-size: 1.8rem;
	color: #999;
	line-height: 2.5rem;
	height: 2.5rem;
	text-align: right;
}

.q_notice_item_h {
	width: calc(100% - 13rem);
	float: left;
	font-size: 1.8rem;
	color: #555;
	line-height: 2.5rem;
	height: 2.5rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.q_notice_item:hover {
	border-bottom: 0.1rem dashed #2a5e96;
}

.q_notice_item:hover .q_notice_item_date {
	color: #2a5e96;
}

.q_notice_item:hover .q_notice_item_h {
	color: #2a5e96;
}

/* q_notice end! */

/* q_about start! */
.q_section.q_about {
	background: url('../image/q_about_bg.jpg') no-repeat center top;
	padding: 20rem 0 12rem;
}

.q_about_title {
	text-align: right;
	color: #fff;
}

.q_about_title_cn {
	font-size: 3.6rem;
	line-height: 4.2rem;
}

.q_about_title_en {
	font-size: 1.7rem;
	line-height: 2.5rem;
	text-transform: uppercase;
}

.q_about_main {
	margin: 6rem auto 0;
	background-color: #fff;
	padding: 9rem 4.5rem 3.5rem;
	position: relative;
}

.q_about_logo {
	width: 24rem;
	position: absolute;
	left: 4.5rem;
	top: -22rem;
}

.q_about_p {
	font-size: 1.8rem;
	color: #3e3a39;
	text-align: justify;
	line-height: 2.2;
}

.q_about_p p {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	font-size: 1.8rem;
	color: #3e3a39;
	text-align: justify;
	line-height: 2.2;
}

/* q_about end! */

/* q_case start! */
.q_section.q_case {
	padding: 10rem 0;
}

.q_case_item {
	width:32%;
	float: left;
	margin: 0 2% 3rem 0;
	position: relative;
	overflow: hidden;
}

.Case_pages .q_case_item {
	width: 23.5%;
}

.q_case_item:nth-of-type(3n) {
	margin: 0 0 3rem 0;
}

.Case_pages .q_case_item:nth-of-type(4n) {
	margin: 0 0 3rem 0;
}

.Case_pages .q_case_item:nth-of-type(3n) {
	margin: 0 2% 3rem 0;
}

.q_case_item .img {
	padding: 65.72% 0 0;
}

.q_case_item .q_mask {
	transition: all .3s;
}

.q_case_item_h {
	display: inline-block;
	border: 0.5rem solid rgba(255, 255, 255, .5);
	padding: 3rem 4rem;
	opacity: 0;
	transition: all .3s;
}

.q_case_item_h span {
	display: inline-block;
	font-size: 1.8rem;
	line-height: 1.7em;
	color: #fff;
	/* letter-spacing: 1px; */
}

.q_case_item:hover .q_mask {
	background-color: rgba(0, 0, 0, .5);
}

.q_case_item:hover .q_case_item_h {
	opacity: 1;
}

/* q_case end! */

/* q_news start! */
.q_section.q_news {
	padding: 8rem 0;
	background-color: #f8f8f8;
}

.q_news_item {
	width: 24.1%;
	float: left;
	margin: 0 1.2% 0 0;
	position: relative;
	overflow: hidden;
}

.q_news_item:nth-of-type(4n) {
	margin: 0;
}

.q_news_item_img {
	overflow: hidden;
}

.q_news_item_img .img {
	padding: 61% 0 0;
}

.q_news_item_h {
	margin: 1rem auto 0;
}

.q_news_item_h a {
	outline: none;
	display: block;
	width: 100%;
	font-size: 1.8rem;
	color: #333;
	text-align: justify;
	line-height: 3rem;
	height: 3rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	letter-spacing: 0.1rem;
	font-weight: 700;
}

.q_news_item_date {
	margin: 0.5rem auto;
	font-size: 1.4rem;
	color: #888;
	line-height: 2rem;
}

.q_news_item_p {
	margin: 0 auto;
	font-size: 1.4rem;
	color: #555;
	text-align: justify;
	line-height: 2.5rem;
	height: 5rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.q_news_item_more {
	margin: 2rem auto 0;
}

.q_news_item_more a {
	outline: none;
	display: inline-block;
	border: 0.1rem solid #aaa;
	color: #555;
	padding: 0.8rem 2.5rem;
	font-size: 1.4rem;
	line-height: 2rem;
	letter-spacing: 0.1rem;
}
/* q_news end! */

/* q_footer start! */
.q_footer {
	width: 100%;
	margin: 0 auto;
	background: #fff;
}

.q_footer a {
	color: #555;
}

.q_footer a:hover {
	color: #e87c1f;
}

.q_footer_t {
	padding: 7rem 0 5rem;
}

.q_footer_nav {
	width: 72%;
	float: left;
}

.q_footer_item {
	width: 12%;
	float: left;
	margin: 0 2.25% 0 0;
}

.q_footer_item_h {
	width: 100%;
	margin: 0 auto;
}

.q_footer_item_h>a {
	outline: none;
	display: block;
	width: 100%;
	margin: 0 auto;
	font-size: 1.8rem;
	line-height: 2.5rem;
	color: #111;
}

.q_footer_item ul {
	margin: 2rem auto 0;
}

.q_footer_item ul>li {
	width: 100%;
	margin: 0 auto;
}

.q_footer_item ul>li>a {
	outline: none;
	display: block;
	width: 100%;
	margin: 0 auto;
	font-size: 1.4rem;
	line-height: 2.2;
	color: #666;
	opacity: .8;
}

.q_footer_wx {
	width: 26%;
	float: right;
	text-align: right;
	font-size: 0;
}

.q_footer_wx_item {
	display: inline-block;
	width: 40%;
	text-align: center;
}

.q_footer_wx_item:nth-of-type(2) {
	margin-left: 3rem;
}


.q_footer_b {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.q_footer_b .q_footer_main {
	border-top: 0.1rem solid #ccc;
	padding: 3.5rem 15%;
}

.q_footer_b span,
.q_footer_b a {
	margin: 0 0.4rem;
	line-height: 2.5rem;
	font-size: 1.4rem;
	color: #666;
	outline: none;
}

.q_footer_b .q_footer_b_big span,
.q_footer_b .q_footer_b_big a {
	font-size: 1.6rem;
	color: #333;
	line-height: 2.8rem;
}

.q_footer_b_normal {
	margin: 1.5rem auto 0;
}

.q_footer_b a:hover {
	color: #0358a9;
}

.q_footer_b span a {
	margin: 0;
}

.q_footer_b span img {
	display: inline-block;
	width: 2.5rem;
	margin-right: 0.8rem;
}

/* q_footer end! */

/* q_banner_n start! */
.q_banner_n .img {
	padding: 20.83% 0 0;
}

/* q_banner_n end! */

/* q_position start! */
.q_position {
	width: 100%;
	margin: 0 auto;
	padding: 1rem 0;
	background-color: #f5f5f5;
}

.q_position_main {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

.q_position_txt {
	width: 100%;
	color: #666;
	line-height: 2.5rem;
	height: 2.5rem;
	font-size: 1.4rem;
	text-align: right;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.q_position_txt a {
	outline: none;
	color: #666;
}

.q_position_txt a:hover {
	color: #0358a9;
}

/* q_position end! */

/* q_main start! */
.q_main {
	padding: 4rem 0 6rem;
	font-size: 1.6rem;
	color: #555;
	line-height: 2;
	min-height: 36rem;
	border-bottom: 0.1rem solid #ddd;
	background-color: #fafafa
}

.q_main p {
	width: 100%;
	margin: 0 auto;
	font-size: 1.6rem;
	color: #555;
	line-height: 2;
	text-align: justify;
}

.q_main_l {
	width: 30rem;
	float: left;
}

.q_main_l_h {
	padding: 2.2rem 3rem;
	background-color: #0358a9;
	color: #fff;
	font-size: 2.2rem;
	line-height: 3rem;
}

.q_main_l_h i {
	margin-right: 1.5rem;
}

.q_main_l>ul {
	margin: 0.5rem auto 0;
}

.q_main_l>ul>li {
	width: 100%;
	margin: 0 auto 0.5rem;
	background-color: #eee;
}

.q_main_l>ul>li>a {
	outline: none;
	display: block;
	width: 100%;
	padding: 1.5rem 3rem 1.5rem 6.5rem;
	font-size: 1.7rem;
	color: #555;
	line-height: 2.5rem;
}

.q_main_l>ul>li.on,
.q_main_l>ul>li:hover {
	background-color: #e87c1f;
}

.q_main_l>ul>li.on a,
.q_main_l>ul>li:hover a {
	color: #fff;
}

.q_main_l aside {
	margin: 3rem auto 0;
}

.aside_row_h {
	padding: 2rem 3rem;
	background-color: #0358a9;
	color: #fff;
	font-size: 2.2rem;
	line-height: 3rem;
}

.aside_row_h i {
	margin-right: 1.5rem;
}

.q_main .aside_row .q_news_item {
	width: 100%;
	margin: 1.5rem 4% 0 0;
	display: flex;
	align-items: center;
}

.q_main .aside_row .q_news_item .q_news_item_img {
	width: 40%;
}

.q_main .aside_row .q_news_item .q_news_item_txt {
	width: 60%;
	padding-left: 1rem;
	box-sizing: border-box;
}

.q_main .aside_row .q_news_item:nth-of-type(3n) {
	margin: 1.5rem 4% 0 0
}

.q_main .aside_row .q_news_item:nth-of-type(2n) {
	margin: 1.5rem 0 0 0;
}

.q_main .aside_row .q_news_item_h a {
	font-size: 1.4rem;
	line-height: inherit;
	height: auto;
	overflow: visible;
	font-weight: 400;
}

.q_main .aside_row .q_news_item_h a h3 {
	font-size: 1.5rem;
	color: #333;
	margin-bottom: 1rem;
	line-height: 1;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.q_main .aside_row .q_news_item_h a p {
	white-space: wrap;
	font-size: 1.2rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	line-height: 1.6em;
}

.q_main_r {
	width: calc(100% - 36rem);
	float: right;
}

.q_contnet {
	width: 100%;
	margin: 0 auto;
	border-top: 0.1rem dashed #ccc;
	border-bottom: 0.1rem dashed #ccc;
	padding: 2rem 0;
	min-height: 30rem;
}

.q_list {
	width: 100%;
	margin: 0 auto;
	border-top: 0.1rem dashed #ccc;
	min-height: 30rem;
}

.q_list.no_border {
	border-top: 0;
}

.q_main_h {
	width: 90%;
	margin: 0 auto;
	text-align: center;
	font-size: 2.2rem;
	color: #333;
	line-height: 1.8;
	letter-spacing: 0.2rem;
}

.q_main_span {
	width: 90%;
	margin: 1rem auto 1.5rem;
	text-align: center;
	font-size: 0;
}

.q_main_span span {
	display: inline-block;
	font-size: 1.4rem;
	line-height: 2rem;
	color: #666;
	margin: 0 0.5rem;
}

/* q_main end! */

.q_main .q_notice_list {
	width: 100%;
	float: none;
}

.q_main .q_news_item {
	width: 32%;
	margin: 0 2% 4rem 0;
}

/* q_news_list  start!*/
.q_news_list {
	width: 100%;
}

.q_news_list .q_news_item {
	width: 23.5% ;
}

.q_news_list .q_news_item:nth-of-type(4n) {
	margin: 0 0 3rem 0;
}

/* q_news_list  end!*/


.About_company {
	width: 100%;
}

.About_company .out {
	width: 100%;
	display: flex ;
	flex-wrap: wrap ;
	justify-content: space-between ;
	align-items: center ;
}

.About_company .out  .left {
	width: 50% ;
}

.About_company .out  .left .txt {
	width: 100%;
	background: none ;
	box-sizing: border-box ;
}

.About_company .out  .right  {
	width: 45% ;
}

.About_company .out  .left .txt p {
	width: 100%;
	text-indent: 2em;
}

.About_company .out  .right  img {
	display: block;
	width: 100%;
	height: auto;
	float: right;
	display: block;
}

.About_company .out  .left h2 {
	font-size: 3rem;
	font-weight: bold;
	margin-bottom: 1rem;
	color: #333;
}

.About_company .out  .left i {
	width: 9rem;
	height: 0.4rem;
	background: #005499;
	margin-bottom: 2rem;
	display: block;
}

.number_out {
	width: 100% ;
	display: flex ;
	justify-content: space-between  ;
	align-items: center ;
	margin-top: 4rem ;
}

.number_out  .number_box {
	width: 31% ;
	background: #FFF ;
	padding: 3rem 2rem ;
	box-sizing: border-box ;
	text-align: center ;
	border-radius: 0.5rem ;
	display: flex ;
	align-items: center ;
	justify-content: center ;
}

.number_out  .number_box .tit {
	display: flex ;
	align-items: end ;
	justify-content: center ;
}

.number_out  .number_box .tit b{
	font-size: 3rem ;
	font-weight: bold ;
	line-height: 1 ;
	color: #333 ;
}

.number_out  .number_box .tit span {
	font-size: 1.6rem ;
	font-weight: 400 ;
	line-height: 1 ;
	margin-left: 1rem ;
	display: block ;
	transform: translateY(-0.5rem);
}

.number_out  .number_box p{
	font-size: 1.6rem ;
	color: #3e3a39 ;
	line-height: 1.7em ;
	font-weight: 500 ;
	text-align: left ;
	margin-top: 1rem ;
}

.About_culture {
	width: 100%;
	padding: 8rem 0;
	background: #FFF;
	margin: 3rem 0;
}

.About_culture .swiper_culture {
	margin-top: 6rem;
	width: 100%;
	overflow: hidden;
	box-sizing: border-box;
}


.About_culture .swiper_culture .swiper-slide {
	width: 33.333333%;
	display: flex;
	flex-direction: column;
}

.About_culture .swiper_culture .swiper-slide:nth-child(2n) {
	flex-direction: column-reverse;
}

.About_culture .swiper_culture .swiper-slide .img {
	width: 100%;
	padding: 57% 0 0;
}

.About_culture .swiper_culture .swiper-slide .line {
	width: 100%;
	padding: 57% 0 0;
}

.About_culture .swiper_culture .swiper-slide .text {
	width: 100%;
	box-sizing: border-box;
	position: relative;
}

.About_culture .swiper_culture .swiper-slide .text .box {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 2rem 3rem;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.About_culture .swiper_culture .swiper-slide .text h3 {
	font-weight: bold;
	text-align: center;
}

.About_culture .swiper_culture .swiper-slide .text .txt {
	width: 100%;
	height: auto;
	background: none;
	text-align: center;
}

.About_culture .swiper_culture .swiper-slide .text .txt p {
	text-align: center;
}

.About_Honor {
	padding: 6rem 0;
	width: 100%;
}

.About_Honor .out {
	margin-top: 6rem;
	width: 100%;
}

.About_Honor .swiper_Honor {
	width: 100%;
	overflow: hidden;
}

.About_Honor .swiper-slide {
	width: 18.4%;
	background: #FFF;
	border-radius: 0.6rem;
	overflow: hidden;
	margin-right: 2%;
	padding: 3rem 2rem;
	box-sizing: border-box;
}

.About_Honor .swiper-slide .img {
	width: 100%;
	height: 30rem;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}

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

.About_Honor .swiper-slide h3 {
	font-size: 1.6rem;
	text-align: center;
	margin-top: 1rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* 人力资源 start! */
.talentResources {
	padding: 6rem 0;
}

.talentResources.bg-light {
	background-color: #f5f7fa;
}

.talentResources_1 {
	padding-top: 0 ;
}

.talentResources_1 .text {
	width: 50% ;
}

.talentResources_1 .img {
	width: 44% ;
}

.talentResources .grid {
	display: flex;
	flex-wrap: wrap;
	margin-top: 2rem;
	justify-content: space-between ;
}

.talentResources h2 {
	font-size: 2.8rem;
	font-weight: bold;
	color: #1d2129;
	margin-bottom: 2rem;
	position: relative;
	padding-bottom: 1.2rem;
}

.talentResources h2::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 5rem;
	height: 0.3rem;
	background-color: #165dff;
	border-radius: 0.2rem;
}

.talentResources .text-center {
	text-align: center;
}

.talentResources .text_title p {
	text-align: center ;
}

.talentResources_3 .grid .text-center {
	background: #FFF ;
	border-radius: 1rem ;
	padding: 3rem 5rem ;
	box-sizing: border-box ;
	width: 31% ;
}
 
.talentResources .text-center h2::after {
	left: 50%;
	transform: translateX(-50%);
}

.talentResources h3 {
	font-size: 1.8rem;
	font-weight: bold;
	color: #1d2129;
	margin-bottom: 1rem;
}

.talentResources p {
	color: #666;
	margin-bottom: 1.5rem;
	font-size: 1.5rem;
}

.talentResources ul {
	list-style: none;
}

.talentResources li {
	color: #666;
	margin-bottom: 0.8rem;
	font-size: 1.5rem;
}

.talentResources .card {
	background: #fff;
	border-radius: 1.2rem;
	padding: 3rem 2rem;
	box-shadow: 0 0.2rem 1.2rem rgba(0, 0, 0, 0.06);
	transition: all 0.3s ease;
	box-sizing: border-box ;
	
}

.talentResources .card:hover {
	transform: translateY(-0.6rem);
	box-shadow: 0 1.2rem 2.4rem rgba(22, 93, 255, 0.12);
}

.talentResources .card.shadow {
	box-shadow: 0 0.3rem 1.5rem rgba(0, 0, 0, 0.08);
	width: 48% ;
}

.talentResources .icon {
	font-size: 3.2rem;
	margin-bottom: 1.5rem;
	color: #165dff;
}

.talentResources .flex {
	display: flex;
}

.talentResources .justify-between {
	justify-content: space-between;
}

.talentResources .items-center {
	align-items: center;
}

.talentResources .job-tag {
	background-color: rgba(22, 93, 255, 0.1);
	color: #165dff;
	padding: 0.4rem 1rem;
	border-radius: 0.4rem;
	font-size: 1.4rem;
}

.talentResources .primary {
	color: #165dff;
}

.talentResources a {
	color: #165dff;
	text-decoration: none;
	font-weight: 500;
}

.talentResources a:hover {
	text-decoration: underline;
}

.talentResources img {
	width: 100%;
	height: auto;
	border-radius: 1rem;
	object-fit: cover;
}
/* end! 人力资源 */

.Contact_Information .out {
	width: 100% ;
	display: flex ;
	flex-wrap: wrap ;
	align-items: center ;
	justify-content: space-between ;
}

.Contact_Information .out .left {
	width: 45% ;
}

.Contact_Information .out .left h1 {
	font-weight: bold ;
	margin-bottom: 2rem ;
	display: block ;
}

.Contact_Information .out .left .item {
	width: 100% ;
	display: flex ;
	align-items: center ;
	margin-bottom: 2rem ;

}

.Contact_Information .out .left .item:last-child {
	margin-bottom: 0 ;
}

.Contact_Information .out .left .item p{
	line-height: 1.7em  ;
}

.Contact_Information .out .left .item img {
	width: 5rem ;
	margin-right: 2rem ;
	display: block ;
}

.Contact_Information .out  .img {
	width: 50% ;
}

.Contact_Information .out  .img img {
	width: 100% ;
	display: block ;
	height: auto ;
}

.Form_out_body {
	width: 100% ;
	margin: 5rem 0 ;
	margin-top: 7rem ;
}

.Form_out_body h3 {
	font-size: 2.6rem ;
	margin-bottom: 0.5rem  ;
	font-weight: 500  ;
	line-height: 1 ;
}

.Form_out_body form {
	display: flex ;
	flex-wrap: wrap ;
	gap: 2rem 0 ;
	justify-content: space-between ;
	margin-top: 3rem ;
}

.Form_out_body input {
	width: 32% ;
	height: 5rem ;
	background: #FFF ;
	border: 1px solid #55555523 ;
	padding: 1rem 2rem ;
	box-sizing: border-box ;
	font-family: inherit ;
}

.Form_out_body  textarea {
	height: 9rem ;
	width: 100% ;
	border: 1px solid #55555523 ;
	padding: 1rem 2rem ;
	font-family: inherit ;
}

.Form_out_body button {
	width: 23rem ;
	height: 5rem ;
	background: #005499 ;
	margin-top: 3rem ;
	color: #FFF ;
	font-size: 1.6rem ;
}

/* m_footer start! */
.footer_m {
	display: none;
}

@media (max-width: 64rem) {
	.q_footer {
		margin-bottom: 6rem;
	}

	.footer_m {
		display: block;
	}
}

.footer_m {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 6rem;
	z-index: 99;
	padding: 1rem 0;
	background-color: #0358a9;
}

.footer_m:after {
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
	font-size: 0;
}

.footer_m_item {
	width: 33%;
	float: left;
	height: 4rem;
	text-align: center;
}

.footer_m_item a {
	outline: none
}

.footer_m_item_icon {
	width: 100%;
	height: 2rem;
}

.footer_m_item_icon a {
	outline: none;
	display: block;
	width: 100%;
	height: 100%;
	outline: none;
}

.footer_m_item_icon img {
	width: 2rem;
	height: 2rem;
}

.footer_m_item_txt {
	width: 100%;
	height: 2rem;
	line-height: 2rem;
	color: #fff;
	font-size: 1.2rem;
}

/* m_footer end! */

/* pagelist start! */
.pagelist {
	list-style: none;
	margin: 5rem auto 0;
	text-align: center;
	padding: 0.5rem 0;
	font-size: 0;
}

.pagelist>a,
.pagelist>span {
	display: inline-block;
	text-decoration: none;
	outline: none;
	min-width: 4.5rem;
	height: 4rem;
	line-height: 4rem;
	font-size: 1.5rem;
	padding: 0 1rem;
	color: #444;
	border: 1px solid #888;
	margin: 0.3rem 0.3rem;
	border-radius: 0;
	transition: all .2s;
}

.pagelist>span {
	color: #fff;
	background-color: #0358a9;
	border: 1px solid #0358a9;
}

.pagelist>a:hover {
	color: #fff;
	background-color: #0358a9;
	border: 1px solid #0358a9;
}

@media(max-width: 144rem) {
	.pagelist {
		margin: 3.5rem auto 0;
	}

	.pagelist>a,
	.pagelist>span {
		min-width: 4rem;
		height: 3.5rem;
		line-height: 3.5rem;
		font-size: 1.3rem;
		padding: 0 0.8rem;
	}
}

@media(max-width: 64rem) {
	.pagelist {
		margin: 2.5rem auto 0;
	}

	.pagelist>a,
	.pagelist>span {
		min-width: 4rem;
		height: 3rem;
		line-height: 3rem;
		font-size: 1.2rem;
		padding: 0 0.8rem;
		font-weight: normal;
	}
}

@media(max-width: 50rem) {
	.pagelist {
		margin: 2rem auto 0;
	}

	.pagelist>a,
	.pagelist>span {
		min-width: 4rem;
		height: 3rem;
		line-height: 3rem;
		font-size: 1.2rem;
		margin: 0.3rem 0.2rem;
	}
}

/* pagelist end! */

/* page  start! */
.page {
	width: 100%;
	margin: 1rem auto;
	line-height: 2.5rem;
	padding: 0;
}

.page:after {
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

.page_a {
	width: 50%;
	padding: 0;
	float: left;
	color: #888;
	font-size: 1.5rem;
}

.page_a a {
	display: block;
	width: 100%;
	outline: none;
	color: #888;
	font-size: 1.5rem;
	line-height: 2.5rem;
	height: 2.5rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.page_a a:hover {
	color: #ea5514;
}

.page_a a i {
	margin: 0 1rem;
}

.page_next {
	float: right;
	text-align: right;
}

@media (max-width: 1440px ) {
	.page {
		margin: 0.8rem auto 0;
		font-size: 1.4rem;
	}

	.page_a a {
		padding: 0;
		font-size: 1.4rem;
	}

	.page_a a i {
		margin: 0 0.6rem;
	}
}

@media (max-width: 767px) {
	.page {
		margin: 0 auto;
		padding: 0.6rem 1rem;
	}

	.page_a {
		width: 100%;
		float: none;
		font-size: 1.3rem;
		line-height: 3rem;
		height: 3rem;
	}

	.page_next {
		float: none;
		text-align: left;
	}

	.page_a a {
		display: inline;
		padding: 0;
		font-size: 1.3rem;
	}

	.page_a a i {
		margin: 0 0.6rem;
	}
}

.sjj_nav , .sp_header {
	display: none ;
}

/* page  end! */

/* q_aside start! */
.q_aside {
	position: fixed;
	right: 1%;
	bottom: 25%;
	z-index: 100000000000;
}

.q_aside_item {
	width: 5.4rem;
	height: 5.4rem;
	margin: 0 auto 0.2rem;
	background-color: #0358a9;
	border-radius: 0.4rem;
	cursor: pointer;
	position: relative;
	text-align: center;
	padding: 1.2rem;
}

.q_aside_item a {
	outline: none;
	display: block;
}

.q_aside_item_main {
	width: 15rem;
	height: 5.4rem;
	text-align: center;
	line-height: 5.4rem;
	font-size: 1.7rem;
	display: none;
	color: #fff;
	background-color: #0358a9;
	border-radius: 0.4rem;
	position: absolute;
	left: -16rem;
	top: 0;
}

.weixin {
	width: 12rem;
	height: 12rem;
	text-align: center;
	padding: 0;
	display: none;
	overflow: hidden;
	box-shadow: 0 0 1rem #888;
	border-radius: 0.4rem;
	position: absolute;
	left: -13rem;
	top: -3.3rem;
}

.q_aside_item4 {
	display: none;
}

@media(max-width: 767px ) {
	.q_aside {
		right: 1rem;
		bottom: 15%;
	}

	.q_aside_item {
		width: 3.6rem;
		height: 3.6rem;
		padding: 0.7rem;
	}

	.q_aside_item_main {
		width: 12rem;
		height: 3.6rem;
		line-height: 3.6rem;
		font-size: 1.4rem;
		display: none;
		left: -13rem;
		top: 0;
	}

	.weixin {
		width: 10rem;
		height: 10rem;
		display: none;
		left: -11rem;
		top: -3.3rem;
	}

	.q_aside_item1,
	.q_aside_item2,
	.q_aside_item3 {
		display: none;
	}
}
/* q_aside end! */

/* 断点 */
@media (min-width: 1921px) and (max-width: 2560px) {
    html {
        font-size: clamp(10px, calc(100vw / 192), 20px);
    }
}

/* 这个不固定：根据设计图最大宽度进行调整 */
@media (max-width: 1600px) {
    html {
        font-size: clamp(5px, calc(100vw / 160), 10px);
    }
}

@media (max-width: 1440px) {
    html {
        font-size: clamp(5px, calc(100vw / 144), 10px);
    }
}

@media (max-width: 1199px) {
    html {
        font-size: clamp(5px, calc(100vw / 120), 10px);
    }
}

@media (max-width: 992px) {
    html {
        font-size: clamp(5px, calc(100vw / 90), 10px);
    }
}

@media (max-width: 767px) {
    html {
        font-size: clamp(5px, calc(100vw / 76), 10px);
    }
}

@media (max-width: 575px) {
    html {
        font-size: clamp(5px, calc(100vw / 52), 10px);
    }
}