@charset "utf-8";

#mobile_height {
	display: none;
}

@media screen and (max-width:1182px) {
	#mobile_height {
		display: block;
	}
}

.h2_title.page {
	text-align: center;
	text-transform: uppercase;
	font-size: 40.63px;
	line-height: 57px;
}

.h2_title.cn {
	font-size: 35px;
}

*.ptn {
	padding-top: 0 !important;
}


.to-big .img {
	overflow: hidden;
}

.to-big .img img {
	display: block;
	width: 100%;
}

.transOne {
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.transTwo {
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.transAll * {
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.up {
	text-transform: uppercase;
}








/*#banner-page*/

#banner_page img {
	display: block;
	width: 100%;
}


#banner_page {
	position: relative
}

#banner_page img {
	display: block;
	width: 100%;
	height: auto;
	min-height: 120px;
}

/* #banner_page:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	background: rgba(0, 0, 0, 0.1);
	display: block
} */

#banner_page .justify-content {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 200;
	width: 100%;
	height: 100%;
	color: #fff;
	text-align: left;
}

#banner_page .w1510 p {
	font-size: 50px;
	line-height: 60px;
	padding-bottom: 30px;
	font-weight: bold;
}

#banner_page .w1510 span {
	font-size: 24px;
	line-height: 30px;
	transform: unset;
	letter-spacing: 0px;
}

#banner_page .w1510 hr {
	display: inline-block;
	width: 80px;
	background-color: #fff;
	height: 3px;
}

#banner_page .w1510 h2 {
	font-size: 50px;
	font-family: "Gbold";
	letter-spacing: 1px;
	text-align: left;
	position: relative;
	display: inline-block;
	z-index: 1;
}



@media screen and (max-width:1680px) {}

@media screen and (max-width:1440px) {


	#banner_page .w1510 p {
		font-size: 26px;
		line-height: 25px;
	}
}

@media screen and (max-width:1182px) {

	#banner_page .w1510 h2::after {
		height: 20%;
		width: 60%;
		bottom: -10px;
	}
}


@media screen and (max-width:1000px) {


	#banner_page .w1510 h2 {
		font-size: 26px !important;
		line-height: 30px !important;
	}

	#banner_page .w1510 p {
		font-size: 22px;
		line-height: 20px;
	}

}

@media screen and (max-width:600px) {

	#banner_page .w1510 h2 {
		font-size: 23px !important;
	}

	#banner_page .w1510 p {
		font-size: 18px;
		line-height: 20px;
		padding-bottom: 5px;
	}

	#banner_page .w1510 hr {
		display: inline-block;
		width: 40px;
		background-color: #fff;
		height: 2px;
	}
}

@media screen and (max-width:400px) {
	#banner_page .w1510 h2 {
		font-size: 18px !important;
		line-height: 23px !important;
	}
}



/*#banner-page*/


/*#news-page*/

.position a {
	display: inline-block;
	padding: 0 5px;
	font-size: 16px;
	line-height: 25px;
	font-weight: bold;
	color: #fff;
}

.position a:first-child {
	padding-left: 0;
}


/* .position a.home {
	
} */

/* .position a.page {
	font-family: "Gbold";
} */

.top-news a {
	float: left;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 50px;
	border-bottom: 2px solid #e1e1e1;
	transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
}

.top-news a:hover * {
	color: #0F3580;
}

.top-news a:nth-child(3) {
	margin-right: 0;
}

.top-news a .img img {
	display: block;
	width: 100%;
}

.top-news a .t-t {
	padding-top: 25px;
	padding-bottom: 50px;
}

.top-news a .t-t .tit {
	float: left;
	width: 60%;
}

.top-news a .t-t .tit span {
	display: block;
	width: 100%;
	font-size: 18px;
	height: 20px;
	line-height: 18px;
	font-family: "Gbold";
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.top-news a .t-t .time {
	font-size: 16px;
	float: right;

	color: #909090;
}

.top-news a:hover * {
	color: #0F3580;
}

#page_news .news-list,
#page_news .news-content,
#page_news .pro-list {
	float: left;
	width: 70%;
	padding: 55px;
	background-color: #fff;
	border-radius: 15px;
}

#page_news .news-list {
	margin-bottom: 100px;
}

#page_news .news-content>img {
	display: block;
	width: 100%;
}

#page_news .news-list .list {
	margin-bottom: 55px;
	display: block;
}

#page_news .news-list .list .left {
	float: left;
	width: 30%;
}

#page_news .news-list .list .right {
	float: right;
	width: 68%;
}


#page_news .news-list .list .img img {
	display: block;
	width: 100%;
}


#page_news .news-list .list .tit {
	font-size: 22px;
	font-family: "Gbold";
	line-height: 30px;
	color: #454545;
	margin: 0 0 15px;
}

#page_news .news-list .list .tit::after {
	content: "";
	background-color: #999;
	width: 60px;
	height: 4px;
	display: block;
	margin-top: 10px;
}


#page_news .news-list .list .des {
	font-size: 16px;
	line-height: 22px;

	margin-top: 14px;
	color: #676767;
	height: 55px;
	margin-bottom: 40px;
}

#page_news .news-list .list .t-h {
	font-size: 14px;
	line-height: 27px;

	letter-spacing: 0.5px;
}

#page_news .news-list .list .t-h .time {
	float: left;
	color: #676767;
}

#page_news .news-list .list .url {
	float: right;
	font-size: 14px;
	letter-spacing: 0.5px;
	font-weight: bold;
	text-transform: uppercase;
}


#page_news .news-list .list:hover * {
	color: #0F3580;
}

#page_news .news-list .list:hover .t-h .time {
	color: #0F3580;
}

#page_news .news-list .list:hover .tit::after {
	content: "";
	background-color: #0F3580;
}

#page_news .news-cate-box {
	float: right;
	width: 20.8%;
}

#page_news .news-cate-box .search {
	position: relative;
	padding: 0px 0 50px;
}

#page_news .news-cate-box .search #news_sub_text {
	border: 0;
	border-bottom: 2px solid #ccc;
	line-height: 45px;
	height: 45px;
	font-size: 16px;
	padding-left: 15px;
	outline: unset;
	display: block;

	width: 100%;
}

#page_news .news-cate-box .search #news_sub {
	background-image: unset;
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
	background-size: 100% 100%;
	display: block;
	position: absolute;
	right: 10px;
	background-color: unset;
	top: 12px;
	outline: unset;
	border: unset;
}

#cate-list .cate-top-tit {
	font-size: 24px;
	line-height: 35px;
	font-weight: 500;
	margin-bottom: 20px;
	color: #444;
}

#cate-list .cate-top-tit::before {
	content: "";
	display: block;
	width: 4px;
	height: 40px;
	background-color: #0e357f;
	float: left;
	margin-right: 15px;
}


#cate-list .list-box {
	margin: 35px 0 50px;
}

#cate-list .list-box li {
	display: block;
	margin-bottom: 27px;
	position: relative;
}

#cate-list .list-box li>a {
	font-size: 18px;
	line-height: 25px;

	padding-left: 20px;
	position: relative;
	font-weight: bold;
	color: #696969;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

#cate-list.cn .list-box li {
	display: block;
	margin-bottom: 15px;
	position: relative;
}

#cate-list.cn .list-box li>a {
	font-size: 16px;
}

#cate-list .list-box li>a::after {
	content: "";
	background-color: #7e8081;
	background-repeat: no-repeat;
	position: absolute;
	left: 0px;
	top: 10px;
	width: 10px;
	height: 1px;
}

#cate-list .list-box li.active>a,
#cate-list .list-box li:hover>a {
	color: #0F3580;
	font-family: "Gbold";
}

#cate-list .list-box li>a:hover::after {
	color: #0F3580;
}

#cate-list .list-box li .child-box {
	padding: 15px 0px 5px 10px;
	display: none;
	opacity: 0;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

#cate-list .list-box li.active .child-box {
	display: block;
	opacity: 1;
}

#cate-list .list-box li .child-box a {
	display: block;
	margin-top: 10px;
	padding-left: 20px;
	font-size: 17px;
	line-height: 23px;
	position: relative;
	color: #7e8081;

	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

#cate-list.cn .list-box li .child-box a {
	font-size: 14px;
	line-height: 28px;
}

#cate-list .list-box li .child-box a:first-child {
	margin-top: 0;
}


#cate-list .list-box li .child-box a:hover,
#cate-list .list-box li .child-box a.active {
	color: #0F3580;
}



.news-pro-list .pro_top_tit {
	font-size: 28px;
	font-family: "GBold";
	position: relative;
	padding-bottom: 10px;
	padding-left: 40px;
}

.news-pro-list .pro_top_tit::after {
	content: "";
	display: block;
	position: absolute;
	bottom: 5px;
	left: 0;
	width: 4px;
	height: 100%;
	background-color: #0F3580;
}

/* .news-pro-list .pro_top_tit {
	font-size: 20px;
	font-family: "GBold";
	border-bottom: 2px solid #eee;
	position: relative;
	padding-bottom: 15px;
	margin-bottom: 20px;
} */

.news-pro-list a {
	margin-top: 45px;
	display: block;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.news-pro-list a:hover {
	color: #0F3580;
}

.news-pro-list a .img {
	width: 35%;
	margin-right: 5%;
	float: left;
}

.news-pro-list a .con {
	float: right;
	width: 60%;
}

.news-pro-list a .con .author {
	font-size: 14px;
	line-height: 23px;
	margin-bottom: 5px;

}

.news-pro-list a .con .tit {
	font-size: 20px;
	line-height: 23px;
	margin-bottom: 5px;
	font-family: "Gbold";
}

.news-pro-list a .con .des {
	font-size: 14px;
	line-height: 20px;
	color: #8d8d8d;
	margin-bottom: 8px;

}

.news-pro-list a .con .time {
	font-size: 12px;
	color: #8d8d8d;
}

.news-tags .tags_top_tit {
	font-size: 20px;
	font-family: "GBold";
	border-bottom: 2px solid #eee;
	position: relative;
	margin-top: 80px;
	padding-bottom: 15px;
	margin-bottom: 20px;
}

.news-tags .tags-box a {
	display: inline-block;
	border: 1px solid #eee;
	padding: 5px 8px;
	margin-right: 6px;
	margin-bottom: 13px;
	font-size: 16px;
}

@media screen and (max-width:1750px) {
	.top-news a .t-t .tit span {
		font-size: 16px;
	}

	.top-news a .t-t .time {
		font-size: 15px;
	}

	.top-news a .t-t {
		padding-top: 20px;
		padding-bottom: 40px;
	}
}

@media screen and (max-width:1680px) {
	.top-news a .t-t .tit {
		width: 55%;
	}

	.top-news a .t-t .tit span {
		font-size: 15px;
	}

	.top-news a .t-t .time {
		font-size: 13px;
	}

	.top-news a .t-t {
		padding-top: 20px;
		padding-bottom: 35px;
	}

	#page_news .news-list .list .tit {
		font-size: 20px;
	}

	#page_news .news-list .list .des {
		font-size: 14px;
		line-height: 20px;
		margin-top: 14px;
		height: 50px;
		margin-bottom: 30px;
	}

	#cate-list .cate-top-tit {
		font-size: 22px;
	}

	#cate-list .list-box li {
		display: block;
		margin-bottom: 20px;
	}

	#cate-list .list-box li>a {
		font-size: 16px;
		line-height: 21px;
	}
}

@media screen and (max-width:1440px) {
	#page_news .news-list .list .tit {
		font-size: 18px;
		line-height: 25px;
		margin: 0 0 10px;
	}

	#cate-list .cate-top-tit {
		font-size: 20px;
	}

	#page_news .news-list .list .des {
		font-size: 13px;
		line-height: 20px;
		margin-top: 10px;
		height: 40px;
		margin-bottom: 20px;
	}

	#cate-list .list-box li>a {
		font-size: 14px;
		line-height: 21px;
	}

	#page_news .news-list .list .url {
		font-size: 13px;
	}
}

@media screen and (max-width:1280px) {
	#page_news .news-list .list .left {
		float: left;
		width: 36%;
	}

	#page_news .news-list .list .right {
		float: right;
		width: 60%;
	}

	#page_news .news-list .list .tit {
		font-size: 16px;
		line-height: 23px;
		margin: 0 0 10px;
	}

	#cate-list .cate-top-tit {
		font-size: 18px;
		padding-bottom: 10px;
	}

	#page_news .news-list .list .des {
		font-size: 13px;
		line-height: 20px;
		margin-top: 10px;
		height: 40px;
		margin-bottom: 10px;
	}

	#cate-list .list-box li {
		margin-bottom: 13px;
	}

	#page_news .news-list .list .url {
		font-size: 12.5px;
	}
}

@media screen and (max-width:1182px) {
	#page_news .news-list {
		margin-bottom: 30px;
	}

	#cate-list .list-box {
		margin: 25px 0 25px;
	}

	#page_news .news-list .list {
		margin-bottom: 15px;
	}

	#page_news .news-list .list .des {
		height: auto;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		width: 95%;
	}
}

@media screen and (max-width:1000px) {
	.top-news {
		display: none;
	}
}

@media screen and (max-width:900px) {

	#page_news .news-list,
	#page_news .news-content,
	#page_news .pro-list {
		width: 100%;
	}

	#page_news .news-cate-box {
		width: 100% !important;
	}
}

@media screen and (max-width:600px) {
	#page_news .news-list .list .left {
		float: left;
		width: 46.5%;
	}

	#page_news .news-list .list .right {
		float: right;
		width: 49.5%;
	}

	#page_news .news-list .list .des {
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		width: 95%;
		margin: 5px 0;
	}

	#page_news .news-list .list .t-h {
		font-size: 12px;
	}

	#page_news .news-list .list .url {
		display: none;
	}

	#page_news .news-list .list .tit {
		font-size: 14px;
		line-height: 20px;
	}

	#page_news .news-list .list .tit::after {
		width: 45px;
		height: 3px;
		margin-top: 5px;
	}
}


/*#news-page*/



/*#news-content*/

#page_news .news-content .news-tit {
	font-size: 30px;
	line-height: 30px;
	margin: 0 0 80px;
	font-weight: bold;
}

#page_news .news-content {
	padding: 85px;
	border-radius: 0;
}

#page_news .news-content .t-h {
	margin-bottom: 50px;
	padding-bottom: 30px;
	font-size: 14px;
	color: #909090;
	border-bottom: 1px solid #ccc;
}

#page_news .news-content .con {
	position: relative;
}

#page_news .news-content .con span{
display:unset;
}

#page_news .news-content img {
	display: unset;
	max-width: 100%;
}

#page_news .news-content .con .c-style1 {
	font-size: 16px;
	line-height: 25px;
	color: #616161;
	letter-spacing: 0;
	margin-bottom: 65px;
}

#page_news .news-content .con .back {
	font-size: 14px;
	margin-right: 0;
	margin-left: auto;
	width: 160px;
	outline: 1px solid #ccc;
	text-align: center;
	line-height: 35px;
	height: 40px;
	border-radius: 20px;
}


#page_news .news-content .con .back font {
	transform: scale(0.8, 1);
	display: inline-block;
}

#page_news .news-content .con .back a {
	color: #bbb;
	font-size: 16px;
}



@media screen and (max-width:1680px) {
	#page_news .news-content .news-tit {
		font-size: 30px;
		line-height: 40px;
		margin: 20px 0;
	}

	#page_news .news-content .con {
		padding-bottom: 80px;
	}

	#page_news .news-content .con .c-style1 {
		font-size: 17px;
		line-height: 25px;
		margin-bottom: 30px;
	}

	#page_news .news-list,
	#page_news .news-content,
	#page_news .pro-list {
		padding: 40px 45px;
	}

}

@media screen and (max-width:1440px) {
	#page_news .news-content .t-h {
		margin-top: 20px;
	}

	#page_news .news-content .news-tit {
		font-size: 26px;
		line-height: 35px;
		margin: 15px 0;
	}

	#page_news .news-content .con .c-style1 {
		font-size: 15px;
		line-height: 23px;
		margin-bottom: 25px;
	}

}

@media screen and (max-width:1280px) {

	#page_news .news-content .t-h {
		margin-top: 20px;
	}

	#page_news .t-h span {
		font-size: 14px;
		line-height: 20px;
	}

	#page_news .news-content .news-tit {
		font-size: 26px;
		line-height: 35px;
		margin: 15px 0;
	}

	#page_news .news-content .con .c-style1 {
		font-size: 15px;
		line-height: 23px;
		margin-bottom: 25px;
	}

	.relate-news-box .list .desc {
		font-size: 12px;
	}
}

@media screen and (max-width:1000px) {

	#page_news .news-content .news-tit {
		font-size: 23px;
		line-height: 35px;
		margin: 15px 0;
	}

	#page_news .news-content .con .c-style1 {
		font-size: 14px;
		line-height: 20px;
		margin-bottom: 20px;
	}

	#page_news .news-cate-box .search {
		padding: 20px 0;
		padding-top: 0;
	}

	#page_news .news-content .news-tit {
		font-size: 20px;
		line-height: 35px;
	}

	#page_news .news-content .t-h {
		margin-top: 15px;
		margin-bottom: 15px;
	}

	#page_news .news-content {
		padding: 15px;
	}

	#page_news .news-content .con {
		padding-bottom: 0px;
	}
}


@media screen and (max-width:700px) {}

@media screen and (max-width:600px) {


	#page_news .news-content .news-tit {
		font-size: 16px;
		line-height: 25px;
		margin: 10px 0;
	}

	#page_news .news-content .con .c-style1 {
		font-size: 12px;
		line-height: 20px;
		margin-bottom: 18px;
	}


}

/*#news-content*/






/*#pages*/
#pages {
	text-align: center;
	padding: 60px 0;
	padding-bottom: 100px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 auto;
	width: 100%;
}

#pages .a1,
#pages font {
	display: none
}

#pages a.current {
	display: none
}

#pages a.prev,
#pages a.next {
	background: #f2f2f2;
	border: 1px solid #d6d6d6;
	font-size: 24px;
	line-height: 40px;
}

#pages a.prev:hover,
#pages a.next:hover {
	background: #0F3580;
	color: #fff;
	border-color: #0F3580;
}

#pages a,
#pages span,
#pages em {
	width: 45px;
	line-height: 45px;
	height: 45px;
	font-weight: normal;
	display: inline-block;
	margin-left: 5px;
	background: #f2f2f2;
	text-align: center;
	vertical-align: top;
}

#pages a:hover {
	color: #fff;
	background: #0F3580;
}

#pages em {
	font-size: 12px;
	font-style: normal;
	font-weight: normal
}

#pages span {
	background: #0F3580;
	border-color: #0F3580;
	color: #fff;
}



#page-top {
	padding: 80px 0;
	text-align: center;
}

#page-top .tit {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 35px;
}

#page-top .con {
	font-size: 15.35px;
	line-height: 25px;
	max-width: 1050px;
	margin: 0 auto;
	color: #8f8f8f;
}


@media screen and (max-width:1000px) {


	#pages {
		padding: 10px 0;
		padding-bottom: 10px;
	}

	#pages a,
	#pages span,
	#pages em {
		width: 25px;
		line-height: 25px;
		height: 25px;
	}

	#pages a.prev,
	#pages a.next {
		font-size: 20px;
		line-height: 25px;
	}



	#news-bottom .left .list .tit {
		font-size: 16px;
	}

	#news-bottom .left .list .des {
		font-size: 13px;
		line-height: 25px;
		padding: 10px 0;
	}

	#news-bottom .left .list .time,
	#news-bottom .left .list .author,
	#news-bottom .left .list .url {
		font-size: 12px;
	}

	#news-bottom .position {
		margin-top: -10px;
		margin-bottom: 25px;
	}

	#news-bottom .left .con-box {
		padding-bottom: 40px;
	}

	#news-bottom .left .con-box .tit {
		font-size: 18px;
		line-height: 25px;
	}

	#news-bottom .left .con-box .icon {
		padding: 20px 0;
	}

	#news-bottom .left .con-box .content {
		font-size: 13px;
		line-height: 27px;
		padding-top: 15px;
	}

	#news-bottom .left .con-box .url {
		font-size: 13px;
	}



	#page_contact {
		padding-bottom: 20px;
	}


}



@media screen and (max-width:600px) {




	#news-bottom .left .list {
		border-top: 1px solid #eee;
		line-height: 20px;
		font-size: 13px;
		padding-top: 25px;
		margin-top: 25px;
	}


	#news-bottom .left .list .con {
		float: right;
		width: 53%;
		position: relative;
	}


	#news-bottom .left .list .tit {
		font-size: 13px;
		line-height: 23px;
	}

	#news-bottom .left .list .des {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		width: 100%;
		padding: 5px;
		padding-left: 9px;
	}


	#news-bottom .left .list .time,
	#news-bottom .left .list .author {
		display: none;
	}

	#news-bottom .left .list .url {
		font-size: 12px;
		position: relative;
		margin-top: 20px;
		padding-left: 9px;
	}

	#news-bottom .left .list .img {
		float: left;
		width: 44%;
	}

	#news-bottom .left .list .tit::before {
		margin-right: 7px;
	}


	#page_contact .position {
		padding: 20px 0;
	}

	#page_contact .position a {
		font-size: 13.5px;
	}

	#con-tab {
		padding: 30px 0;
	}

	#map img {
		display: block;
		width: 100%;
	}

	#con-tab .tab-box {
		padding: 25px 15px;
	}


}


/*#pages*/





/*about-page*/


/*about-page*/


/*omd-list*/
#pro-page-box {
	padding: 20px 0 100px;
}


#cate-list .cate-list-box {
	margin: 35px 0 50px;
}

#cate-list .cate-list-box li {
	display: block;
	margin-bottom: 15px;
	position: relative;
	padding-left: 20px;
}

#cate-list .cate-list-box li>a {
	font-size: 20px;
	line-height: 30px;
	font-weight: 500;
	margin-bottom: 10px;
	position: relative;
	color: #666;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;

	font-weight: bold;
	color: #4c4c4c;
}

#cate-list .cate-list-box li .sub_menu {
	padding-left: 15px;
	padding-top: 10px;
}

#cate-list .cate-list-box li .sub_menu a {
	display: block;
	font-size: 16px;
	line-height: 23px;
	margin-bottom: 5px;
}


#cate-list .cate-list-box li:hover>a,
#cate-list .cate-list-box li.active>a {
	color: #0F3580;
}

#cate-list .cate-list-box li .sub_menu a:hover {
	color: #0F3580;
}

#cate-list .cate-list-box li:hover::before,
#cate-list .cate-list-box li.active::before {
	background-color: #0F3580;
}

@media screen and (max-width:1680px) {



	#cate-list .cate-list-box li>a {
		font-size: 16px;
		line-height: 25px;
	}
}

@media screen and (max-width:1440px) {}

@media screen and (max-width:1280px) {}

@media screen and (max-width:1182px) {

	#cate-box {
		background-color: #313131;
		padding: 20px 0 20px;
	}

	#cate-box a {
		font-size: 14px;
		margin-bottom: 10px;
	}
}

@media screen and (max-width:600px) {}

/*omd-list*/





/*pro-list*/

#page_news .pro-list .list {
	float: left;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 5%;
	text-align: center;
}

#page_news .pro-list .list:nth-child(3n) {
	margin-right: 0;
}

#page_news .pro-list .list img {
	display: block;
	width: 100%;
}

#page_news .pro-list .list .tit {
	font-size: 16px;

	line-height: 25px;
	margin-top: 15px;
	padding: 0 10px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

#page_news .pro-list .list:hover .tit {
	color: #0F3580;
	font-family: "Gbold";
}

@media screen and (max-width: 900px) {
	#page_news .pro-list {
		width: 100%;
	}
}

@media screen and (max-width: 600px) {
	#page_news .pro-list .list {
		float: left;
		width: 49%;
		margin-right: 2%;
		margin-bottom: 2%;
		text-align: center;
		background-color: #f3f3f3;
	}

	#page_news .pro-list .list:nth-child(3n) {
		margin-right: 2%;
	}

	#page_news .pro-list .list:nth-child(2n) {
		margin-right: 0;
	}


}

#call-back {
	padding: 100px 0 110px;
	background-color: #f3f3f3;
}

#call-back .pro-top-tit {
	font-size: 24px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #535353;
	font-family: "Gbold";
	color: #535353;
	text-transform: uppercase;
}

#call-back .form-box {}


#call-back .form-box .left {
	float: left;
	width: 48%;
}

#call-back .form-box .left .left-con1 {
	font-size: 19px;
	color: #464646;
	line-height: 25px;
	margin: 44px 0 34px;
	font-family: "Gbold";
}

#call-back .form-box .left .left-con2 {
	font-size: 18px;
	color: #8a8a8a;
	line-height: 25px;
}

#call-back.cn .form-box .left .left-con1 {
	font-size: 18px;
	color: #464646;
	line-height: 30px;
	margin: 44px 0 34px;
}

#call-back.cn .form-box .left .left-con2 {
	font-size: 17px;
	color: #8a8a8a;
	line-height: 30px;
}

#call-back .form-box .right {
	float: right;
	width: 48%;
}

#call-back .form-box .right select {
	display: block;
	width: 100%;
	border: unset;
	border: 0;
	height: 55px;
	line-height: 55px;
	padding-left: 25px;
	margin-top: 20px;
	color: #aaa;
	margin-bottom: 25px;
	font-size: 15px;
	background-color: #fff;

}

#call-back .form-box .right input {
	display: block;
	font-size: 15px;
	float: left;
	outline: unset;
	border: 0;
	width: 50%;
	margin-right: 4%;
	height: 55px;
	line-height: 55px;
	padding-left: 25px;
	color: #454545;
	margin-bottom: 25px;
	background-color: #fff;

}

#call-back .form-box .right input.submit {
	background-color: #0F3580;
	color: #fff;
	padding-left: 0;
	font-family: "Gbold";
}

#call-back .form-box .right input:nth-child(3),
#call-back .form-box .right input:nth-child(5) {
	width: 46%;
	margin-right: 0%;
}

::-webkit-input-placeholder {
	/* WebKit browsers */
	color: #999;
}

::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #999;
}

:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: #999;
}

@media screen and (max-width:1000px) {
	#call-back {
		padding: 30px 0 35px;
	}

	#call-back .form-box .top-tit {
		font-size: 14px;
	}

	#call-back .form-box .left .left-con1 {
		font-size: 14px;
		line-height: 20px;
		margin: 15px 0 25px;
	}

	#call-back .form-box .left .left-con2 {
		font-size: 14px;
		color: #8a8a8a;
		line-height: 20px;
	}

	#call-back .form-box .right select {
		height: 35px;
		line-height: 35px;
		font-size: 14px;
	}

	#call-back .form-box .right input {
		font-size: 14px;
		height: 35px;
		line-height: 35px;
		margin-bottom: 18px;
	}

}


@media screen and (max-width:700px) {

	#call-back .form-box .left,
	#call-back .form-box .right {
		width: 100%;
	}

	#call-back .form-box .left {
		margin-bottom: 15px;
	}

	#call-back .form-box .right select {

		padding-left: 5px;
	}

	#call-back .form-box .right input {
		font-size: 12px;
		padding-left: 5px;
	}
}

/*pro-list*/


/*pro-show*/
#top.black {
	background-color: #313131;
}

#top.black #menu li a,
#top.black.scroll .site-header nav #menu ul li>a {
	color: #fff;
}

#mobile_height.pro {
	display: block;
}

#pro_slick {
	padding: 90px 0 90px;
	float: left;
	width: 100%;
}

.pro_pics {
	float: left;
	width: 49.1%;
}

.thumb_slick {
	float: left;
	width: 16.2%;
	position: relative;
	margin-right: 1%;
	overflow: hidden;
}

.thumb_slick #dobule-slick {
	height: 29.1vw;
}

.thumb_slick .swiper-slide {
	width: 100%;
	/* padding: 5px 0; */
	/* margin-bottom: 25%; */
}

.thumb_slick .swiper-slide span {
	background: #d1d1d1;
	display: flex;
	justify-content: center;
	align-items: center;
	/* height: 100%; */
	width: 100%;
}

.thumb_slick .swiper-slide.swiper-slide-active span {
	background: #fff;
}

.thumb_slick img {
	width: 100%;
	/* height: 54px; */
	display: block;
	margin: 0 auto;
}

.big_slick {
	float: right;
	width: 76%;
	background-color: #fff;
	height: 29.1vw;
	overflow: hidden;
}

.big_slick img {
	/* max-width: 100%; */
	width: 100%;
	height: auto;
}

.slick-initialized .slick-slide span {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 29.1vw;
}

.slick-initialized .slick-slide span img {
	display: block;
	max-width: 100%;
	width: auto;
	max-height: 100%;
	margin: 0 auto;
}

.swipers-button-next {
	background: #fff;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 22px;
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -10px;
	bottom: 0px;
	z-index: 900;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-moz-border-radius: 50%;
}

.swipers-button-next i {
	font-size: 20px;
	color: #bfbfbf;
}

.swipers-button-prev {
	background: #fff;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 22px;
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -10px;
	top: 0px;
	z-index: 900;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-moz-border-radius: 50%;
}

.swipers-button-prev i {
	font-size: 20px;
	color: #bfbfbf;
}

.swiper-button-disabled {
	filter: alpha(opacity=0);
	-webkit-opacity: 0;
	-moz-opacity: 0;
	-khtml-opacity: 0;
	-ms-opacity: 0;
	-o-opacity: 0;
	opacity: 0
}

.pro_desc {
	float: right;
	width: 41.1%;
	min-height: 150px;
	line-height: 1.6;
}

.pro_desc .catename {
	font-size: 19px;

	margin-bottom: 5px;
	color: #0F3580;
}

.pro_desc b {
	font-size: 14px;
	line-height: 1.2;
}

.pro_desc .no {
	font-size: 46px;
	line-height: 55px;
	font-weight: bold;
}

.descinpfo {
	display: block;
	padding: 40px 0;
	font-size: 16px;
	line-height: 30px;
	color: #616161;
}

.descinpfo.cn {
	padding: 30px 0;
	font-size: 14px;
	line-height: 28px;
}

.contact_btn {
	background: #0F3580;

	display: block;
	width: 185px;
	color: #fff;
	font-size: 14px;
	padding: 12px 0;
	text-align: center;
	margin-top: 25px;
	margin-right: 0;
	margin-left: auto;
}


.pro-down ul li {
	border-bottom: 1px solid #eee;
}

.pro-down ul li:first-child div {
	font-size: 18px;
}

.pro-down ul li div.n {
	float: left;
	width: 70%;
	padding: 15px 20px;
	font-size: 16px;
	line-height: 30px;

}

.pro-down ul li div.d,
.pro-down ul li div.down {
	float: left;
	width: 15%;
	padding: 15px 20px;
	font-size: 16px;

	line-height: 30px;
	text-align: center;
}

#pro-des-con .pro-down a {
	padding-left: 0;
	font-size: 18px;
	height: 30px;
	line-height: 60px;
	margin-bottom: 0;

	background-image: url(/images/pdf-icon2.png);
	background-repeat: no-repeat;
	background-size: auto 30px;
	background-position: center;
	display: block;
}

@media screen and (max-width:1182px) {
	#pro_slick {
		padding: 0 0 30px;
	}

	#pro_slick .w1510 {
		width: 100%;
	}

	#pro-des-con {
		padding: 30px 0;
	}

	#pro-des-con .con-height {
		padding: 20px 0 20px;
	}

	#pro-des-con .pro-down a {
		padding-left: 35px;
		font-size: 16px;
		height: 40px;
		line-height: 40px;
		margin-bottom: 5px;
		background-size: auto 30px;
	}


	.pro_desc .no {
		font-size: 28px;
		line-height: 45px;
	}
}

@media screen and (max-width:1000px) {


	.thumb_slick {
		display: none
	}

	.big_slick {
		float: right;
		width: 100%;
		height: 45.1vw;
	}

	.slick-initialized .slick-slide span {
		height: 45.1vw;
	}

	.pro_pics {
		width: 100%
	}

	.pro_desc {
		width: 100%;
		margin-top: 20px
	}

	.contact_btn {
		width: 100%
	}


	.sinfo-1,
	.sinfo-2 {
		width: 100%;
		margin-right: 0
	}

	.pro_sinfo {}

	.sinfo_gg {
		width: 60%;
		margin-top: 35px;
	}

	.pro_sinfo {
		padding: 40px 0
	}

	.h5_title {
		font-size: 25px;
		padding-bottom: 10px;
	}

	#tab_area {
		padding-top: 60px;
	}

	/* .tabon {
					padding-left: 35px;
					padding-right: 35px;
				} */

	.tablist {
		padding: 40px 0;
	}

	.tabon span {
		width: 120px;
		height: 40px;
		line-height: 40px;
		font-size: 14px;
	}

	.tablist li .ps {
		width: 240px;
	}

	.tablist li {
		padding-right: 240px;
	}

	/* #case_hots {
					padding: 40px 35px;
				} */



	.pro_desc .no {
		font-size: 22px;
		line-height: 30px;
	}
}



.slick-dots {
	display: none;
	bottom: -20px;
}

.slick-dots li {
	margin: 0 0px;
}

@media(max-width:800px) {

	.slick-dots {
		display: block
	}

	.big_slick {
		width: 100%
	}

	.descinpfo {
		padding-bottom: 0
	}

	.contact_btn {
		font-size: 14px;
		padding: 8px 0
	}

	/* .position_fixed {
					padding-left: 25px;
					padding-right: 25px;
				} */

	#pro_slick .w1488 {
		max-width: 100%;
		/* padding-left: 25px;
					padding-right: 25px; */
	}

	/* .prodes {
					padding-left: 25px;
					padding-right: 25px;
				} */

	.h5_title {
		font-size: 20px;
		padding-bottom: 10px;
	}

	.snfo_title {
		font-size: 20px;
		margin-bottom: 25px;
	}
}

@media(max-width:600px) {

	#pro-des-con .pro-top-tit {
		font-size: 18px;
		margin-bottom: 10px;
		padding-bottom: 10px;
	}

	.pro-down ul li div.n {
		float: left;
		width: 45%;
		padding: 10px 10px;
		font-size: 13px;
		line-height: 20px;
	}

	.pro-down ul li div.d,
	.pro-down ul li div.down {
		float: left;
		width: 25%;
		padding: 10px 10px;
		font-size: 13px;
		line-height: 20px;
	}

	.pro-down {
		overflow: auto;
	}

	.pro-down ul {
		min-width: 600px;
	}
}

#pro-des-call {
	background: #f3f3f3;
	padding: 100px 0;
}

#pro-des-call .pro-top-tit {
	font-size: 24px;
	font-family: "Gbold";
	line-height: 35px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
	text-transform: uppercase;
}

#pro-des-call .pro-top-con {
	font-size: 16px;
	line-height: 30px;
	color: #282828;

}

#pro-des-call .pro-des {
	margin-bottom: 100px;
}


/*pro-show*/


/*contact and call-back*/


#banner_page.contact .justify-content .h2_title {
	font-weight: normal;
	font-size: 42px;
	line-height: 50px;
	letter-spacing: 0px;
	color: #3e3e3e;
}


#banner_page.contact .justify-content .h2_title::after {
	background-color: #0F3580;
	margin-top: 10px;
	margin-bottom: 20px;
	height: 5px;
	position: unset;
	width: 150px;
}

#about_cate {
	margin-bottom: 65px;
}

#page_contact .top {
	margin-bottom: 80px;
}

#page_contact .top .list {
	float: left;
	width: 32%;
	margin-right: 2%;
	padding: 30px 0;
	box-shadow: 0 0 10px 3px #eee;
	border-radius: 10px;
	transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
}

#page_contact .top .list * {
	transition: all 0.3s;
}

#page_contact .top .list:hover {
	background-color: #0F3580;
}

#page_contact .top .list:nth-child(3) {
	margin-right: 0;
}

#page_contact .top .list .img {
	float: left;
	display: flex;
	align-items: center;
	padding: 0 30px;
	margin-right: 30px;
	text-align: center;
	width: 167px;
	height: 131px;
	border-right: 1px solid #888;
}

#page_contact .top .list:hover .img {
	border-right: 1px solid #fff;
}

#page_contact .top .list .img img {
	display: block;
	margin: 0 auto;
	max-width: 90%;
}

#page_contact .top .list .img img:nth-child(2) {
	display: none;
}


#page_contact .top .list:hover .img img:nth-child(1) {
	display: none;
}

#page_contact .top .list:hover .img img:nth-child(2) {
	display: block;
}

#page_contact .top .list .con {
	padding: 0 15px;
	padding-top: 10px;
}

#page_contact .top .list .con .tit {
	font-size: 26px;
	font-family: "Gbold";
	color: #3e3e3e;
}

#page_contact .top .list .con .des {
	font-size: 14px;

	line-height: 20px;
	margin-top: 10px;
	color: #3e3e3e;
}

#page_contact .top .list:hover .con .tit,
#page_contact .top .list:hover .con .des {
	color: #fff;
}

#map {
	margin-bottom: 100px;
}

#map img {
	display: block;
	width: 100%;
}

#con-tab {
	margin-bottom: 100px;
}

#con-tab .con-tab {
	padding: 45px 55px;
	box-shadow: 0 0 10px 3px #eee;
	border-radius: 10px;
	height: 609px;
	position: relative;
}

#con-tab .txt-inp {
	width: 31%;
	margin-right: 3.265%;
	border: none;
	border-bottom: 1px solid #ccc;
	padding-left: 15px;
	padding-bottom: 15px;
	font-size: 18px;
	display: block;
	float: left;
	font-family: "DR";
}

#con-tab .txt-inp:nth-child(3) {
	margin-right: 0;
}

#con-tab textarea {
	width: 100%;
	display: block;
	padding: 0 15px;
	font-size: 18px;
	line-height: 25px;
	border: none;
	border-bottom: 1px solid #ccc;
	font-family: "DR";
	float: left;
	margin-top: 50px;
}

#con-tab .con-tab #submit_anniu {
	position: absolute;
	right: 55px;
	bottom: 45px;
	width: 220px;
	height: 53px;
	line-height: 53px;
	font-size: 16.7px;
	padding-left: 45px;
	text-align: left;
	background-color: #0F3580;
	color: #fff;
	outline: unset;
	border: none;
	display: block;
	background-image: url(/images/jty.png);
	background-repeat: no-repeat;
	background-position: 75% 53%;
	border-radius: 10px;
	font-family: "DR";
}


#mess-box {
	padding-bottom: 4vw;
	background-color: #f5f5f5;
}

#mess-box .contact-box .list {
	float: left;
	width: 23%;
	margin-right: 2.66%;
	background-color: #fff;
	min-height: 300px;
	position: relative;
	overflow: hidden;
}

#mess-box .contact-box .list:nth-child(4) {
	margin-right: 0;
}

#mess-box .contact-box .list .img {
	height: 180px;
	display: flex;
	align-items: center;
}

#mess-box .contact-box .list .img img {
	max-width: 75px;
	display: block;
	max-height: 70px;
	margin: 0 auto;
}

#mess-box .contact-box .list .tit {
	font-size: 20px;

	text-align: center;
	margin-bottom: 3%;
	font-weight: bold;
}

#mess-box .contact-box .list .des {
	font-size: 14px;
	text-align: center;
	line-height: 1.6rem;
	color: #919191;
	text-transform: uppercase;
}

#mess-box .contact-box .list .flex {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #0F3580;
	color: #000;
	padding: 0 9%;
	font-size: 14px;

	transition: all 0.3s;
	line-height: 27px;
	display: flex;
	align-items: center;
	opacity: 0;
	color: #fff;
	top: 100%;
}

#mess-box .contact-box .list .flex a {
	color: #fff;
}

#mess-box .contact-box .list:hover .flex {
	opacity: 1;
	top: 0;
}

#mess-box .map {
	margin-top: 3vw;
}


#mess-box .map img {
	width: 100%;
}

#mess-box .map .img {
	display: block;
	width: 100%;
}


#form-table {
	padding-bottom: 4vw;
}

.message-box .txt-inp {
	display: block;
	float: left;
	width: 49%;
	margin-right: 2%;
	height: 50px;
	line-height: 50px;
	outline: none;
	border: 0;
	outline: 0;
	padding-left: 20px;
	font-size: 16px;
	margin-bottom: 20px;
}



.message-box .txt-inp:nth-child(2n) {
	margin-right: 0;
}

.message-box .txt-con {
	width: 100%;
	line-height: 1.7rem;
	padding: 15px 10px;
	padding-left: 20px;
	font-size: 14px;
	border: 0;
	outline: 0;
	height: 240px;
}

.subinp {
	width: 180px;
	background-color: #0F3580;
	border: 1px solid #ccc;
	color: #fff;
	text-align: center;
	font-size: 20px;
	padding: 15px 0;
	margin-top: 40px;
	transition: all 0.3s;
	float: right;
	border: none;
}

@media screen and (max-width:1000px) {
	#mess-box .contact-box .list {
		float: left;
		width: 49%;
		margin-right: 2%;
		margin-bottom: 2%;
		padding: 0 2%;
	}

	#mess-box .list:nth-child(2n) {
		margin-right: 0;
	}

}

@media screen and (max-width:600px) {
	#mess-box .contact-box .list {
		width: 100%;
		margin-right: 0;
		min-height: 240px;
	}

	#mess-box .list .img {
		height: 140px;
	}
}

/*contact*/


/*fac*/
#fac {
	margin-bottom: 100px;
}

#fac .left {
	float: left;
	width: 48%;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 449px;
}

#fac .left .con {
	width: 100%;
}

#fac .left .con .tit {
	font-size: 45px;
	line-height: 55px;
	margin-bottom: 40px;
	font-family: "Gbold";
	text-transform: uppercase;
}

#fac .left .con .des {
	font-size: 18px;
	line-height: 30px;

}


#fac .right {
	float: right;
	width: 48%;
	position: relative;
}

#fac .right a {
	position: relative;
	display: block;
	z-index: 1;
}

#fac .right img {
	display: block;
	width: 100%;
}

#fac .right::after {
	content: "";
	display: block;
	margin: 0 auto;
	width: 50px;
	height: 50px;
	background-image: url(/images/play.png);
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	right: 0;
	top: 45%;
	z-index: 2;
}

#fac-box {
	padding: 100px 0;
	background-color: #f3f3f3;
}

#fac-box .list-box a {
	float: left;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 2%;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

#fac-box .list-box a:hover {
	box-shadow: 0 0 7px 3px #cecece;
}

#fac-box .list-box a * {
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

#fac-box .list-box a:hover * {
	color: #fff;
}

#fac-box .list-box a:hover .tit {
	background-color: #0F3580;
}

#fac-box .list-box a:nth-child(3n) {
	margin-right: 0%;
}

#fac-box .list-box a .img img {
	display: block;
	width: 100%;
}

#fac-box .list-box a .tit {
	font-size: 20.74px;

	display: flex;
	justify-content: center;
	align-items: center;
	height: 113px;
	background-color: #fff;
}

#fac-box .list-box a .tit p {
	width: 100%;
	padding: 0 10px;
	text-align: center;
}

/*fac*/



/*about-cul*/

.research {
	position: relative;
	overflow: hidden;
}

.research__headline h3 {
	text-transform: none;
	color: #000;
	font-weight: bold;
	border: none;
	position: relative
}

.research__accordeon__field {
	height: 100%;
	position: relative
}

.research__accordeon__field:first-child {}

.research__accordeon__field--figure {
	overflow: hidden;
	max-width: 100%
}

.research__accordeon__field--figure:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 50%;
	background-image: linear-gradient(transparent, #000);
	opacity: 0.45
}

.research__accordeon__field--figure img {
	width: auto;
	max-width: none
}

.research__top {
	position: absolute;
	top: 36%;
	left: 0;
	width: 100%;
	/* height: 100%; */
	z-index: 2;
	opacity: 1;
	/* background: rgba(0, 0, 0, 0.5); */
	transition: all 0.3s;
}

.research__top .img {
	font-size: 26px;
	line-height: 25px;
	box-sizing: border-box;
	color: #fff;
	margin-bottom: 15px;
	font-weight: bold;
	padding: 0 20%;
}

.research__top .tit {
	font-size: 19px;
	padding: 0 20%;
	line-height: 30px;
	box-sizing: border-box;
	color: #fff;
}

.research__accordeon__field--textPositionHelper {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 5%;
    padding-top: 5%;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
    opacity: 0;
    transition: all 0.3s;
}


.research__accordeon__field:hover .research__accordeon__field--textPositionHelper,
.research__accordeon__field.active .research__accordeon__field--textPositionHelper {
	opacity: 1;
}

.research__accordeon__field:hover .research__top,
.research__accordeon__field.active .research__top {
	opacity: 0;
}

.research__accordeon__field--title {
	position: relative;
	transition: font-size 0.8s ease;
	word-break: break-word
}

.research__accordeon__field--title b {
	font-size: 23px;
	display: block;
	line-height: 1.5;
}

.research__accordeon__field--title font {

	font-size: 0.8vw;
	line-height: 1.5;
}


.research__accordeon__field--title p {
	display: block;
	padding-top: 12px;
	font-size: 16px;
	line-height: 1.5rem;
}


.research__accordeon__field--link {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 100%;
	text-decoration: none;
	border: none;
	background: rgba(34, 45, 67, 0.1);
	z-index: 1;
}

.research__accordeon__field:hover .research__accordeon__field--link {
	background: rgba(34, 45, 67, 0);
}

.research__accordeon__field.hasExternalLink .icon-arrow-right {
	display: none
}



@media screen and (min-width:1000px) {



	.research__accordeon__field.hasExternalLink:hover .research__accordeon__field--title:after,
	.research__accordeon__field.hasExternalLink.active .research__accordeon__field--title:after {
		-webkit-mask-image: url('../fonts/extlink.svg');
		mask-image: url('../fonts/extlink.svg');
		content: "";
		margin-left: 15px;
		display: inline-block;
		width: 20px;
		height: 20px;
		background-color: #ffffff;
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
		-webkit-mask-size: contain;
		mask-size: contain
	}

	.research__headline h3 {
		font-size: 50px;
		line-height: 60px
	}

	.research__accordeon {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: row;
		flex-direction: row;
		width: 100%;
		height: 31vw;
	}

	.research__accordeon__field--title .icon-arrow-right {
		display: none
	}

	.research__accordeon__field {
		-ms-flex: 1;
		flex: 1;
		transition: flex 1.2s ease;
		transition: flex 1.2s ease, -ms-flex 1.2s ease;
	}

	.research__accordeon__field:hover,
	.research__accordeon__field.active {
		-ms-flex: 5.3;
		flex: 5.3;
	}

	.research__accordeon__field--title * {
		-moz-transition: all 0.5s ease-out;
		-o-transition: all 0.5s ease-out;
		-webkit-transition: all 0.5ss ease-out;
		transition: all 0.5s ease-out;
	}

	.research__accordeon__field:hover .research__accordeon__field--title {}

	.research__accordeon__field:hover .research__accordeon__field--title .left,
	.research__accordeon__field.active .research__accordeon__field--title .left {
		float: left;
		width: 45%;
		padding-right: 5%;
		border-right: 2px solid #fff;
	}

	.research__accordeon__field:hover .research__accordeon__field--title .left img,
	.research__accordeon__field.active .research__accordeon__field--title .left img {
		margin-bottom: 20px;
		display: block;
	}

	.research__accordeon__field:hover .research__accordeon__field--title b,
	.research__accordeon__field.active .research__accordeon__field--title b,
	.research__accordeon__field .research__accordeon__field--title b {
		font-size: 20px;
		display: block;
		line-height: 30px;
		color: #fff;
		font-weight: bold;
		padding-left: 80px;
		height: 80px;
		background-position: left top;
	}

	.research__accordeon .research__accordeon__field:nth-child(1) .research__accordeon__field--title b {
		background: url(/images/cult5.png) no-repeat;
	}

	.research__accordeon .research__accordeon__field:nth-child(2) .research__accordeon__field--title b {
		background: url(/images/cult4.png) no-repeat;
	}

	.research__accordeon .research__accordeon__field:nth-child(3) .research__accordeon__field--title b {
		background: url(/images/cult3.png) no-repeat;
	}

	.research__accordeon .research__accordeon__field:nth-child(4) .research__accordeon__field--title b {
		background: url(/images/cult2.png) no-repeat;
	}

	.research__accordeon .research__accordeon__field:nth-child(5) .research__accordeon__field--title b {
		background: url(/images/cult1.png) no-repeat;
	}

	.research__accordeon__field:hover .research__accordeon__field--title font,
	.research__accordeon__field.active .research__accordeon__field--title font {

		font-size: 0.9vw;
	}


	.research__accordeon__field:hover .research__accordeon__field--title p,
	.research__accordeon__field.active .research__accordeon__field--title p {
		display: block;
		padding-top: 5px;
		font-size: 19px;
		line-height: 30px;
		color: #fff;
		float: right;
		width: 100%;
	}

	.research__accordeon__field:hover .research__accordeon__field--title .url,
	.research__accordeon__field.active .research__accordeon__field--title .url {

		font-size: 16px;
		padding-bottom: 8px;
		border-bottom: 2px solid #3259be;
		letter-spacing: 0.5px;
		display: inline-block;
	}

	.research__accordeon__field:hover:not(.hasExternalLink) .research__accordeon__field--title .icon-arrow-right .research__accordeon__field.active:not(.hasExternalLink) .research__accordeon__field--title .icon-arrow-right {
		display: initial
	}

	.research__accordeon__field:hover:not(.hasExternalLink) .research__accordeon__field--title .icon-arrow-right:after .research__accordeon__field.active:not(.hasExternalLink) .research__accordeon__field--title .icon-arrow-right:after {
		bottom: 6px
	}

	.research__accordeon__field--figure {
		position: absolute;
		height: 31vw;
		width: 100%;
	}

	.research__accordeon__field--figure img {
		height: 100%;
	}


}

@media screen and (max-width:1680px) {
	.research__top .img {
		padding: 0 15%;
	}

	.research__top .img img {
		height: 55px;
	}

	.research__top .tit {
		font-size: 18px;
		padding: 0 15%;
		line-height: 25px;
	}

	.research__accordeon__field .research__accordeon__field--title .left img,
	.research__accordeon__field:hover .research__accordeon__field--title .left img,
	.research__accordeon__field.active .research__accordeon__field--title .left img {
		height: 55px;
	}

	.research__accordeon__field--title b {
		font-size: 23px;
		display: block;
		line-height: 1.5;
	}

	.research__accordeon__field .research__accordeon__field--title b,
	.research__accordeon__field:hover .research__accordeon__field--title b,
	.research__accordeon__field.active .research__accordeon__field--title b {
		font-size: 18px;
		display: block;
		line-height: 30px;
		color: #fff;
		font-weight: bold;
	}

	.research__accordeon__field .research__accordeon__field--title p,
	.research__accordeon__field:hover .research__accordeon__field--title p,
	.research__accordeon__field.active .research__accordeon__field--title p {
		display: block;
		padding-top: 12px;
		font-size: 16px;
		line-height: 25px;
	}

	.research__accordeon__field--title {
		word-break: unset !important;
	}
}

@media screen and (max-width:1440px) {
	.research__top .img {
		padding: 0 12%;
	}

	.research__top .img img {
		height: 45px;
	}

	.research__top .tit {
		font-size: 16px;
		padding: 0 12%;
		line-height: 25px;
	}

	.research__accordeon__field .research__accordeon__field--title .left img,
	.research__accordeon__field:hover .research__accordeon__field--title .left img,
	.research__accordeon__field.active .research__accordeon__field--title .left img {
		height: 45px;
	}

	.research__accordeon__field--title b {
		font-size: 16px;
		display: block;
		line-height: 1.5;
	}

	.research__accordeon__field:hover .research__accordeon__field--title b,
	.research__accordeon__field.active .research__accordeon__field--title b {
		font-size: 14px;
		display: block;
		line-height: 20px;
		color: #fff;
		font-weight: bold;
	}

	.research__accordeon__field .research__accordeon__field--title p,
	.research__accordeon__field:hover .research__accordeon__field--title p,
	.research__accordeon__field.active .research__accordeon__field--title p {
		display: block;
		padding-top: 12px;
		font-size: 13px;
		line-height: 19px;
	}

	.research__accordeon__field--title {
		word-break: unset !important;
	}
}


@media screen and (max-width:1182px) {
	#about-cul {
		padding: 30px 0;
	}

	#about-cul .big-tit {
		margin-bottom: 25px;
	}

	.research__headline {
		padding-left: 45px;
		padding-right: 45px
	}

	.research__headline h3 {
		font-size: 32px;
		line-height: 35px
	}

	.research__accordeon__field {
		width: 49.5%;
		margin-left: 0px;
	}


	.research__accordeon__field:hover .research__top,
	.research__accordeon__field.active .research__top {
		opacity: 1;
	}


	.research__top .tit {
		display: none;
	}

	.research__accordeon__field--textPositionHelper {
		opacity: 1;
		bottom: 0;
		width: 100%;
	}

	.research__accordeon__field--title {
		bottom: unset;
	}

	.research__accordeon__field--title b {
		font-size: 15px;
	}


	.research__accordeon__field--title p {
		font-size: 13px;
		line-height: 23px;
		font-weight: normal;
	}

	.research__accordeon__field--title .url {
		font-size: 13px;
		line-height: 19px;
		display: block;
		margin-top: 10px;
	}

	.research__accordeon {
		display: inline-block;
		width: 100%;
		height: 255px;
	}

	.research__accordeon__field {
		display: inline-block
	}

	.research__accordeon__field--figure {
		max-height: 420px;
		height: 100%;
		position: relative
	}

	.research__accordeon__field--figure img {
		min-width: 100%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		height: auto;
	}

	.research__accordeon__field--title .icon-arrow-right:after {
		width: 20px;
		height: 20px
	}

	.research__accordeon__field.hasExternalLink .research__accordeon__field--title:after {
		-webkit-mask-image: url('../fonts/extlink.svg');
		mask-image: url('../fonts/extlink.svg');
		content: "";
		margin-left: 15px;
		display: inline-block;
		width: 20px;
		height: 20px;
		background-color: #ffffff;
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
		-webkit-mask-size: contain;
		mask-size: contain
	}

	.research__accordeon__field--link {
		background: unset;
	}

	.research__top {
		opacity: 0;
	}

	.research__accordeon__field:hover .research__top,
	.research__accordeon__field.active .research__top {
		opacity: 0;
	}

	.research__accordeon__field .research__accordeon__field--title b,
	.research__accordeon__field:hover .research__accordeon__field--title b,
	.research__accordeon__field.active .research__accordeon__field--title b {
		font-size: 15px;
		line-height: 20px;
		margin-top: 10px;
		color: #fff;
	}

	.research__accordeon__field .research__accordeon__field--title p,
	.research__accordeon__field:hover .research__accordeon__field--title p,
	.research__accordeon__field.active .research__accordeon__field--title p {
		color: #fff;
	}
}




@media screen and (max-width:600px) {

	.research__accordeon__field--title b {
		font-size: 15px
	}

	.research__accordeon__field--title p {
		display: block;
		padding-top: 8px;
		font-size: 13px;
		line-height: 25px;
	}

	.research__headline h3 {
		font-size: 28px;
		line-height: 30px
	}

	.research__accordeon__field {
		width: 100%;
		margin-bottom: 10px;
	}

	.research__accordeon__field--figure img {
		min-width: 100%
	}

	.research__accordeon__field--figure img {
		width: 100%;
		min-width: 370px;
	}

	.research__accordeon__field--textPositionHelper {
		padding: 15px 20px;
	}
}


.c-research-topics {
	padding-bottom: 44px
}

.c-research-topics__headline .row h3 {
	border-bottom: none;
	border-left: none;
	clear: none;
	color: #333;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	line-height: 1em;
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
	padding-left: 0;
	text-transform: none;
	font-size: 28px;
	color: #000;
	margin-bottom: 28px
}

.c-research-topics__headline.has-link {
	padding-right: 25px
}

.c-research-topics__headline.has-link:after {
	background-image: url('..../images/extlink__white.svg');
	padding-right: 10px;
	content: "";
	margin-left: 5px;
	margin-right: 3px;
	display: inline-block;
	width: 10px;
	height: 10px;
	background-repeat: no-repeat;
	background-size: contain;
	position: relative;
	right: 0px;
	top: -1px
}

.c-research-topics__headline.has-link--external:after {
	background-image: url('../fonts/arrow-right.svg')
}

.c-research-topics__item {
	position: relative;
	overflow: hidden
}

.c-research-topics__item:not(:last-child) {
	border-bottom: 1px solid #fff
}

.c-research-topics__link {
	color: initial;
	border-bottom: none;
	line-height: inherit;
	padding-bottom: 0;
	transition: none
}

.c-research-topics__link:visited {
	color: initial
}

.c-research-topics__link:focus {
	color: initial
}

.c-research-topics__link:hover {
	color: initial
}

.c-research-topics__link:active {
	color: initial
}

.c-research-topics__link:hover {
	border-bottom-width: 0
}

.c-research-topics__link:active {
	background-color: transparent
}

.c-research-topics__link[target='_blank']::after {
	content: none
}

.c-research-topics__link:hover .c-research-topics__headline {
	text-decoration: underline
}

.c-research-topics__figure {
	z-index: 0;
	height: 266px;
	position: relative
}

.c-research-topics__image {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.c-research-topics__image-gradiant:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 1;
	height: 70%;
	opacity: 0.7;
	background-image: linear-gradient(to bottom, transparent, #000)
}

.c-research-topics__content {
	position: absolute;
	z-index: 2;
	bottom: 0;
	margin: 0 13px 19px 19px
}

.c-research-topics__headline {
	border-bottom: none;
	border-left: none;
	clear: none;
	color: #333;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	line-height: 1em;
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
	padding-left: 0;
	text-transform: none;
	font-size: 21px;
	border: none;
	text-transform: none;
	color: #fff;
	margin-bottom: 12px
}

.c-research-topics__headline .icon-arrow-right:after {
	height: 18px;
	margin-top: 2px
}

.c-research-topics__teaser-text {
	border-bottom: none;
	border-left: none;
	clear: none;
	color: #333;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	line-height: 1em;
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
	padding-left: 0;
	text-transform: none;
	font-size: 20px;
	line-height: 1.3;
	font-weight: normal;
	text-transform: none;
	color: #fff
}

@media screen and (min-width:650px) {
	.c-research-topics {
		border-bottom: 1px solid #e7e7e7
	}

	.c-research-topics__item {
		width: 50%;
		float: left;
		border-left: 1px solid #fff
	}

	.c-research-topics__content {
		margin: 0 44px 44px 44px
	}

	.c-research-topics__headline {
		font-size: 28px
	}

	.c-research-topics__headline .row h3 {
		border-bottom: none;
		border-left: none;
		clear: none;
		color: #333;
		font-size: 14px;
		font-style: normal;
		font-weight: bold;
		line-height: 1em;
		margin-top: 0;
		margin-bottom: 0;
		padding-bottom: 0;
		padding-left: 0;
		text-transform: none;
		font-size: 50px;
		margin-bottom: 25px
	}

	.c-research-topics__headline.has-link:after {
		width: 15px;
		height: 15px;
		position: relative;
		right: 0px;
		top: -4px
	}

	.c-research-topics__headline.has-link--external:after {
		width: 10px;
		height: 18px;
		position: relative;
		right: 0px;
		top: -4px
	}

	.c-research-topics__teaser-text {
		font-size: 20px;
		line-height: 1.18
	}
}

@media screen and (min-width:800px) {
	.c-research-topics__figure {
		height: 450px
	}

	.c-research-topics__image {
		width: auto;
		max-width: none;
		min-width: 100%
	}

	.c-research-topics__headline {
		font-size: 38px
	}

	.c-research-topics__headline .row h3 {
		padding: 0
	}

	.c-research-topics__teaser-text {
		font-size: 28px
	}
}

@media screen and (max-width:1279px) and (min-width:800px) {
	.c-research-topics__headline .row h3 {
		font-size: 32px;
		padding-left: 45px;
		padding-right: 45px
	}

}

/*#about-cul*/


/*application*/
.app-box {
	padding: 73px 0;
}

.app-box.left {
	background-color: #f6f6f6;
}

.app-box .con {
	float: left;
	width: 48%;
	padding-top: 40px;
}

.app-box .con .tit {
	font-size: 26px;
	line-height: 35px;
	margin-bottom: 20px;
	font-weight: bold;
	text-transform: uppercase;
	color: #0F3580;
}

.app-box .con .des {
	font-size: 18px;
	line-height: 30px;

	color: #6e7075;
}

.app-box .img {
	float: right;
	width: 48%;
}

.app-box .img img {
	display: block;
	width: 100%;
}

.app-box.right .con {
	float: right;
}

.app-box.right .img {
	float: left;
}

@media screen and (max-width:1680px) {
	.app-box .con .tit {
		font-size: 22px;
		line-height: 30px;
		margin-bottom: 20px;
	}

	.app-box .con .des {
		font-size: 16px;
		line-height: 27px;
	}
}

@media screen and (max-width:1440px) {}

@media screen and (max-width:1280px) {

	.app-box .con .tit {
		font-size: 19px;
		line-height: 30px;
		margin-bottom: 10px;
	}

	.app-box .con .des {
		font-size: 14px;
		line-height: 25px;
	}
}

@media screen and (max-width:1182px) {
	.app-box .con {
		padding-top: 0;
	}

	.app-box .con .tit {
		font-size: 19px;
		line-height: 30px;
		margin-bottom: 10px;
	}

	.app-box {
		padding: 25px 0;
	}
}

@media screen and (max-width:1000px) {}

@media screen and (max-width:900px) {

	.app-box .con,
	.app-box .img {
		width: 100%;
	}

	.app-box .con {
		margin-bottom: 15px;
	}
}

@media screen and (max-width:600px) {
	.app-box .con .tit {
		font-size: 17px;
		line-height: 25px;
		margin-bottom: 5px;
	}

	.app-box .con .des {
		font-size: 13px;
		line-height: 20px;
	}
}

/*application*/


/*service*/

#lc-back {
	padding: 120px 0 150px;
	background: url(/images/lc-back.png) no-repeat 100% 100%;
}

#lc-back .h2_title {
	color: #fff;
	margin-bottom: 155px;
}

#lc-back img {
	display: block;
	width: 100%;
}

/*service*/


/*faq*/
#faq-page {
	padding: 100px 0 100px;
	background-color: #f5f5f5;
}

#faq-page .list {
	border: 1px solid #ddd;
	margin-bottom: 40px;
}

#faq-page .list .top {
	padding: 0px 55px;
	position: relative;
	transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
}

#faq-page .list .top .tit {
	font-size: 20px;
	line-height: 70px;
	width: 85%;
	font-weight: bold;
	transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
}

#faq-page .list .top .aniu {
	font-size: 22px;
	position: absolute;
	top: 25px;
	right: 40px;
	transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
}


#faq-page .list.active .top {
	background-color: #0F3580;
}

#faq-page .list.active .top .tit,
#faq-page .list.active .top .aniu {
	color: #fff;
}

#faq-page .list .bottom {
	padding: 40px 75px 70px;
	display: none;
	font-size: 18px;
	font-weight: 500;
	line-height: 30px;
	background-color: #f1f1f1;
	color: #737373;
}

@media screen and (max-width:1680px) {}

@media screen and (max-width:1440px) {
	#faq-page .list .top .tit {
		font-size: 16px !important;
		line-height: 25px;
	}

	#faq-page .list .bottom {
		font-size: 16px;
		line-height: 25px;
	}
}

@media screen and (max-width:1280px) {
	#faq-page .list .top {
		padding: 20px 30px;
	}

	#faq-page .list .bottom {
		padding: 35px 45px;
	}

	#faq-page .list .top .aniu {
		top: 25px;
		right: 25px;
	}
}

@media screen and (max-width:1182px) {

	#faq-page .list .top .tit {
		font-size: 14px !important;
		line-height: 23px;
	}

	#faq-page .list .bottom {
		font-size: 14px;
		line-height: 23px;
	}
}

@media screen and (max-width:1000px) {
	#faq-page .list .top {
		padding: 15px 20px;
	}

	#faq-page .list .bottom {
		padding: 15px 30px;
	}

	#faq-page .list .top .aniu {
		top: 20px;
		right: 15px;
	}

}

@media screen and (max-width:900px) {}

@media screen and (max-width:600px) {
	#faq-page .list {
		margin-bottom: 20px;
	}

	#faq-page .list .top .tit {
		font-size: 13px !important;
		line-height: 22px;
	}

	#faq-page .list .bottom {
		font-size: 13px;
		line-height: 22px;
	}
}

/*faq*/






/*page-contact*/
@media screen and (max-width:1680px) {

	#page_contact .top .list .img {
		width: 135px;
		height: 105px;
	}

	#page_contact .top .list .con .tit {
		font-size: 22px;
	}

	#page_contact .top .list .con .des {
		font-size: 13px;
		line-height: 15px;
	}
}

@media screen and (max-width:1440px) {

	#page_contact .top .list .img {
		padding: 0 20px;
		margin-right: 20px;
		width: 105px;
		height: 95px;
	}

	#page_contact .top .list .con .tit {
		font-size: 20px;
	}
}

@media screen and (max-width:1182px) {
	#page_contact .w1510 {
		width: 100%;
	}

	#page_contact .top {
		margin-bottom: 30px;
	}

	#page_contact .top .list .con {
		padding-top: 0;
	}

	#map {
		margin-bottom: 30px;
	}

	#con-tab {
		margin-bottom: 0px;
	}

	#call-back .pro-top-tit {
		font-size: 18px;
		margin-bottom: 10px;
		padding-bottom: 10px;
	}
}


@media screen and (max-width:900px) {
	#page_contact .top .list {
		width: 100%;
		margin-top: 15px;
	}

	#page_contact .top .list .con .tit {
		font-size: 18px;
	}

	#page_contact .top .list .con .des {
		font-size: 12px;
	}

	#page_contact .top .list {
		margin-right: 0%;
		padding: 15px 0;
	}
}


@media screen and (max-width:600px) {

	#page_contact .top .list .img {
		padding: 0 20px;
		margin-right: 20px;
		width: 85px;
		height: 75px;
	}

	#page_contact .top .list .con .tit {
		font-size: 16px;
	}
}

/*page-contact*/




/*news-index*/



#news-index.solution .news-box .left {
	width: 100% !important;
	height: auto;
	position: relative;
	overflow: unset;
}

#news-index.solution .news-box .left .swiper-pagination {
	left: 0;
	right: 0;
	bottom: -25px;
}

#news-index.solution .news-box .left .swiper-pagination span {
	margin: 0 3px;
}

#news-index.solution .news-box .swiper-container {
	padding: 2px;
}

#news-index.solution .news-box .swi-list {
	border: 1px solid #aaa;
	display: block;
}

#news-index.solution .news-box .swi-list .con .tit {
	height: 60px;
	margin-bottom: 0;
}

#news-index.solution .news-box .swi-list .con .time {
	display: flex;
	align-items: center;
	justify-content: center;
}

#news-index.solution .news-box .swi-list .con .time .d {
	font-size: 43px;
	margin-top: 0px;
}

#news-index.solution .news-box .swi-list .con .time .d.type2 {
	font-size: 30px;
}

#news-index.solution .news-box .swi-list .con .time .y-m {
	transform: scale(1, 1.18);
	font-size: 12px;
	margin-top: 5px;
}

@media screen and (max-width:1440px) {

	#news-index.solution .news-box .swi-list .con .time .d {
		font-size: 35px;
		margin-top: 0px;
	}

	#news-index.solution .news-box .swi-list .con .time .d.type2 {
		font-size: 23px;
	}

	#news-index.solution .news-box .swi-list .con .time .y-m {
		transform: scale(0.8, 1.3);
		font-size: 12px;
		margin-top: 3px;
	}
}

/*txc4-end*/
/*page txc*/













/*dt new add*/


/*app-list*/




#about-con2 {
	padding: 85px 0 100px;
	background-color: #f5f5f5;
}

.page_title {
	font-size: 24px;
	line-height: 30px;
	margin-bottom: 30px;
	font-weight: bold;
	color: #3a3a3a;
	text-align: center;
	margin-bottom: 30px;
}

.page_des {
	font-size: 16px;
	line-height: 25px;
	color: #737373;
	text-align: center;
}





#app-research {
	padding: 80px 0;
}

#app-research .page_title {
	margin-bottom: 80px;
}

#app-research .research__top {
	position: absolute;
	top: unset;
	left: 0;
	width: 100%;
	/* height: 100%; */
	z-index: 2;
	opacity: 1;
	/* background: rgba(0, 0, 0, 0.5); */
	transition: all 0.3s;
}

#app-research .research__top .tit {
	font-size: 22px;
	display: block;
	line-height: 30px;
	padding: 0 10%;
	color: #fff;
	font-weight: bold;
}

#app-research .research__accordeon__field:hover .research__top,
#app-research .research__accordeon__field.active .research__top {
	opacity: 0;
}

#app-research .research__accordeon__field--textPositionHelper {
	position: absolute;
	top: unset;
	bottom: 20px;
	left: 0;
	padding: 0 10%;
	padding-top: 30px;
	width: 100%;
	opacity: 0;
	transition: all 0.3s;
	background-color: unset !important;
}

#app-research .research__accordeon__field:hover .research__accordeon__field--textPositionHelper,
#app-research .research__accordeon__field.active .research__accordeon__field--textPositionHelper {
	opacity: 1;
	z-index: 999;
}

@media screen and (min-width: 1000px) {

	#app-research .research__accordeon__field:hover,
	#app-research .research__accordeon__field.active {
		-ms-flex: 1.97;
		flex: 1.97;
	}

	#app-research .research__accordeon__field:hover .research__accordeon__field--title b,
	#app-research .research__accordeon__field.active .research__accordeon__field--title b {
		font-size: 30px;
		line-height: 40px;
		display: block;
		color: #fff;
		font-weight: bold;
	}

	#app-research .research__accordeon__field:hover .research__accordeon__field--title .url,
	#app-research .research__accordeon__field.active .research__accordeon__field--title .url {
		font-size: 20px;
		line-height: 30px;
		padding-bottom: 8px;
		border-bottom: 0;
		letter-spacing: 0;
		margin-top: 15px;
		display: inline-block;
	}

	#app-research .research__accordeon {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: row;
		flex-direction: row;
		width: 100%;
		height: 37.25vw;
	}

	#app-research .research__accordeon__field--figure {
		position: absolute;
		height: 37.25vw;
		width: 100%;
	}
}


@media screen and (max-width: 1182px) {

	#app-research .research__top .tit {
		font-size: 18px;
	}

	#app-research .research__accordeon__field:hover .research__accordeon__field--title b {
		font-size: 24px;
		line-height: 30px;
	}

	#app-research .research__accordeon__field:hover .research__accordeon__field--title .url {
		font-size: 16px;
		line-height: 25px;
	}
}

@media screen and (max-width: 1000px) {

	#app-research .research__top .tit {
		font-size: 16px;
	}
}


#soll-box {
	padding: 80px 0;
	background-color: #f5f5f5;
}

#soll-box .soll-list-box {
	overflow: hidden;
	margin-top: 80px;
}

#soll-box .soll-list-box .list {
	float: left;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 2%;
	background-color: #fff;
}

#soll-box .soll-list-box .list:nth-child(3n) {
	margin-right: 0%;
}

#soll-box .soll-list-box .list .img {
	height: 16.2vw;
}

#soll-box .soll-list-box .list .tit {
	font-size: 24px;
	line-height: 30px;
	color: #303030;
	font-weight: 400;
	margin-bottom: 20px;
	padding: 0 40px;
	padding-top: 20px;
}

#soll-box .soll-list-box .list .des {
	font-size: 16px;
	line-height: 25px;
	color: #8f8f8f;
	padding: 0 40px;
	padding-bottom: 20px;
	height: 71px;
	overflow: hidden;
}

#soll-box .soll-list-box .list:hover .tit {
	color: #0F3580;
}

.soll-list-box .time {
	margin-top: 15px;
	padding: 0 35px;
	margin-bottom: 40px;
}

.soll-list-box .time span {
	display: inline-block;
	margin-right: 25px;
	padding-left: 30px;
	height: 30px;
	line-height: 30px;
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 13px;
	color: #888;
	font-weight: 400;
}

.soll-list-box .time span:nth-child(1) {
	background-image: url(/images/date.png);
}

.soll-list-box .time span:nth-child(2) {
	background-image: url(/images/hit.png);
}


@media screen and (max-width:1680px) {
	#soll-box .soll-list-box .list .tit {
		font-size: 18px;
		line-height: 27px;
	}

	#soll-box .soll-list-box .list .des {
		font-size: 14px;
		line-height: 23px;
		height: 60px;
	}
}

@media screen and (max-width:1440px) {
	#soll-box .soll-list-box .list .tit {
		font-size: 16px;
		line-height: 27px;
	}

	#soll-box .soll-list-box .list .des {
		font-size: 13px;
		line-height: 23px;
	}
}

@media screen and (max-width:1280px) {}

@media screen and (max-width:1182px) {
	#adv-cate a {
		font-size: 14px;
	}


	.page_title {
		font-size: 20px;
		line-height: 25px;
		margin-bottom: 15px;
	}

	.page_des {
		font-size: 13px;
		line-height: 22px;
	}

	#app-research {
		padding: 30px 0;
	}

	#app-research .page_title {
		margin-bottom: 30px;
	}

	#soll-box {
		padding: 30px 0;
	}

	#soll-box .soll-list-box {
		overflow: hidden;
		margin-top: 30px;
	}

	#soll-box .soll-list-box .list {
		width: 49%;
	}

	#soll-box .soll-list-box .list:nth-child(3n) {
		margin-right: 2%;
	}

	#soll-box .soll-list-box .list:nth-child(2n) {
		margin-right: 0;
	}

	#soll-box .soll-list-box .list .img {
		height: 31vw;
	}

	#soll-box .soll-list-box .list .tit,
	#soll-box .soll-list-box .list .des {
		padding: 0 15px;
		padding-bottom: 15px;
	}

	#soll-box .soll-list-box .list .tit {
		height: 45px;
		overflow: hidden;
	}

	.soll-list-box .time {
		margin-top: 15px;
		padding: 0 15px;
		margin-bottom: 20px;
	}
}

@media screen and (max-width:900px) {}

@media screen and (max-width:900px) {
	#app-research .research__accordeon__field:hover .research__accordeon__field--title b {
		font-size: 18px;
		line-height: 27px;
	}

	#app-research .research__accordeon__field:hover .research__accordeon__field--title .url {
		font-size: 13px;
		line-height: 20px;
	}
}

@media screen and (max-width:600px) {
	#adv-cate a {
		font-size: 12px;
	}



	#soll-box .soll-list-box .list .tit {
		font-size: 14px;
		line-height: 25px;
	}

	#soll-box .soll-list-box .list .des {
		font-size: 12px;
		line-height: 19px;
	}
}

/*app-list end*/


/*app-show*/
#page_news .right {
	float: right;
	width: 25.2%;
}

#page_news .right .hot-news .b-tit {
	font-size: 25px;
	font-weight: bold;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #eee;
	text-transform: uppercase;
}

#page_news .b-tit {
	font-size: 25px;
	font-weight: bold;
}

#page_news .right .hot-news a {
	display: block;
	font-size: 20px;
	line-height: 28px;
	padding-left: 40px;
	margin-bottom: 35px;
	font-weight: bold;
	color: #454545;
	position: relative;
}



#page_news .right .hot-news a::before {
	content: "—";
	display: inline-block;
	font-size: 13px;
	left: 5px;
	top: 2px;
	position: absolute;
}

#page_news .news-content {
	box-shadow: 0 0 7px 3px #eee;
	border-radius: 20px;
}

#page_news .news-content .news-tit {
	text-align: center;
	margin-bottom: 50px;
	padding-bottom: 50px;
	border-bottom: 1px solid #ccc;
}

#page_news .news-content.bottom {
	border: 0;
	box-shadow: unset;
	border-radius: unset;
	margin-top: 10px;
	padding: 0;
	margin-top: 40px;
}

#page_news .news-content .back {

	text-align: right;
}

#page_news .news-content .back a {
	color: #0F3580;
	font-size: 16px;
}

#page_news .news-content .back img {
	display: inline-block;
	margin: 0;
	margin-left: 5px;
}

.news-content.bottom .app-pro {
	margin-top: 60px;
}

.news-content.bottom .app-pro .h2_title {
	margin-bottom: 40px;
}

.news-content.bottom .app-pro .p-box {
	position: relative;
}

.news-content.bottom .app-pro .p-box .swiper-button-next {
	margin-right: -85px;
}

.news-content.bottom .app-pro .p-box a {
	display: block;
	padding: 25px;
	border: 1px solid #dedede;
}

.news-content.bottom .app-pro .p-box a .img {
	height: 13.28vw;
	display: flex;
	justify-content: center;
	align-items: center;
}

.news-content.bottom .app-pro .p-box a .tit {
	height: 50px;
	line-height: 25px;
	font-size: 16px;
	margin-top: 10px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}



@media screen and (max-width:1680px) {
	#page_news .right .hot-news a {
	    font-size: 13px;
	    margin-bottom: 20px;
	}
}

@media screen and (max-width:1440px) {
	#page_news .right .hot-news .b-tit {
	    font-size: 18px;
	    font-weight: bold;
	    padding-bottom: 20px;
	    margin-bottom: 20px;
	    border-bottom: 1px solid #eee;
	    text-transform: uppercase;
	}
}

@media screen and (max-width:1280px) {

	#page_news .right .hot-news a {
	    font-size: 12px;
	    margin-bottom: 10px;
	}

}

@media screen and (max-width:1182px) {
	#page_news .news-content .news-tit {
	    text-align: center;
	    margin-bottom: 20px;
	    padding-bottom: 20px;
	    border-bottom: 1px solid #ccc;
	}
	
}

@media screen and (max-width:1000px) {
	#page_news .right .hot-news{
		display: none;
	}
	.news-content.bottom .app-pro .p-box a .img {
	    height: 29.28vw;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	}
	.app-pro .p-box a .img img {
	    max-width: 90%;
	    max-height: 90%;
		width: auto;
	    margin: 0 auto;
	    margin: 15px 0;
	}
}

@media screen and (max-width:900px) {
	#page_news .right {
		display: none;
	}
}

@media screen and (max-width:600px) {}

/*app-show*/



/*pro-list*/
#pro-list-box .pro-box-1,
#pro-list-box .pro-box-2,
#pro-list-box .pro-box-3 {
	padding: 110px 0;
}

#pro-list-box .pro-box-1,
#pro-list-box .pro-box-3 {
	background-color: #f5f5f5;
}

#pro-list-box .list-box {
	margin-top: 80px;
	position: relative;
}

#pro-list-box .list-box .swiper-button-next {
	margin-right: -55px;
	background-color: rgba(0, 0, 0, 0.2);
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-size: 12px;
}

#pro-list-box .list-box a {
	float: left;
	text-align: center;
	display: block;
	width: 100%;
}


#pro-list-box .list-box a p {
	font-size: 26px;
	margin-top: 50px;
	color: #666;
}

#pro-list-box .list-box a:hover p {
	color: #0F3580;
}


@media screen and (max-width:1680px) {}

@media screen and (max-width:1440px) {}

@media screen and (max-width:1280px) {}

@media screen and (max-width:1182px) {
	#pro-list-box .list-box {
		margin-top: 30px;
	}

	#pro-list-box .list-box a p {
		margin-top: 25px;
	}

	#pro-list-box .pro-box-1,
	#pro-list-box .pro-box-2,
	#pro-list-box .pro-box-3 {
		padding: 30px 0px;
	}
}

@media screen and (max-width:1000px) {

	#pro-box-1 .w1510,
	#pro-box-2 .w1510,
	#pro-box-3 .w1510 {
		padding: 0 50px;
	}
}

@media screen and (max-width:770px) {
	#pro-list-box .list-box a img {
		width: 200px;
	}

	#pro-list-box .list-box a p {
		font-size: 14px;
		margin-top: 25px;
	}

	#pro-list-box .list-box .swiper-button-next {
		margin-right: -25px;
		width: 30px;
		height: 30px;
		background-size: 9px;
	}
}

@media screen and (max-width:600px) {}

/*pro-list*/


/*faqs-list*/
#about-con2.ser {
	background-color: #fff;
}

#about-con2.ser .con2-box .list {
	width: 25%;
	margin-right: 0;
	border-left: 1px solid #ddd;
	padding: 70px 0 20px;
}

#about-con2.ser .con2-box .list:nth-child(4) {
	border-right: 1px solid #ddd;
}

#about-con2.ser .con2-box .list .img {
	height: 135px;
}

#about-con2.ser .con2-box .list .tit {
	font-size: 20px;
}

#about-con2.ser .con2-box .list .tit p {
	font-size: 16.29px;
	color: #737373;
	text-transform: uppercase;
	font-weight: normal;
}

#about-con2.ser .con2-box .list:hover .tit p {
	color: #fff;
}

#about-con2.ser .con2-box .list .des {
	color: #737373;
}

#about-con2.ser .con2-box .list:hover .des {
	color: #fff;
}

#faq-page .faq-box {
	margin-top: 50px;
}



@media screen and (max-width:1680px) {}

@media screen and (max-width:1440px) {}

@media screen and (max-width:1280px) {
	#about-con2.ser .con2-box .list {
		padding: 30px 0 20px;
	}

	#about-con2 .con2-box .list .img img {
		width: 50px;
	}

	#about-con2.ser .con2-box .list .tit {
		font-size: 16px;
	}

	#about-con2.ser .con2-box .list .tit p {
		font-size: 14px;
		color: #737373;
	}

	#about-con2 .con2-box .list .des {
		font-size: 12px;
		line-height: 19px;
		height: 90px;
	}
}

@media screen and (max-width:1182px) {
	#faq-page {
		padding: 30px 0 30px;
	}
}

@media screen and (max-width:900px) {
	#about-con2.ser .con2-box .list {
		width: 49%;
		margin-bottom: 2%;
		border: 0;
	}

	#about-con2.ser .con2-box .list:nth-child(4) {
		border-right: 0;
	}

	#about-con2.ser .con2-box .list:nth-child(2n) {
		margin-right: 0;
	}

}

@media screen and (max-width:600px) {

	#about-con2.ser .con2-box .list {
		width: 100%;
		margin-bottom: 2%;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
	}

	#about-con2.ser .con2-box .list .img {
		height: 85px;
	}
}

/*faqs-list* end/		
		
/*page_index_service*/



#ser-idea {
	padding: 100px 0;
}


#ser-idea .idea-box {
	margin-top: 100px;
}

#ser-idea .idea-box .list {
	float: left;
	width: 32.6%;
	margin-right: 1.1%;
	border-radius: 15px;
	position: relative;
}

#ser-idea .idea-box .list:nth-child(3) {
	margin-right: 0;
}

#ser-idea .idea-box .list img {
	display: block;
	width: 100%;
}

#ser-idea .idea-box .list .con {
	text-align: center;
	position: absolute;
	top: 35%;
	left: 0;
	right: 0;
	width: 100%;
}

#ser-idea .idea-box .list .con .tit {
	font-size: 24px;
	margin-bottom: 45px;
	font-weight: bold;
	color: #fff;
}

#ser-idea .idea-box .list .con .des {
	font-size: 18px;
	line-height: 27px;
	color: #fff;
	padding: 0 80px;
}

#idea-contact {
	padding: 115px 0;
	background-color: #f5f5f5;
}

#idea-contact .con {
	text-align: center;
	margin-top: 100px;
}

#idea-contact .con p {
	font-size: 30px;
	margin: 15px 0;
}

#idea-contact .con span {
	font-size: 13.5px;
	line-height: 19px;
}

@media screen and (max-width:1680px) {}

@media screen and (max-width:1440px) {
	#ser-idea .idea-box .list .con .tit {
		font-size: 22px;
		margin-bottom: 30px;
	}

	#ser-idea .idea-box .list .con .des {
		font-size: 16px;
		line-height: 25px;
		color: #fff;
		padding: 0 60px;
	}
}

@media screen and (max-width:1280px) {

	#ser-idea .idea-box .list .con .tit {
		font-size: 20px;
		margin-bottom: 30px;
	}

	#ser-idea .idea-box .list .con .des {
		font-size: 14px;
		line-height: 25px;
		color: #fff;
		padding: 0 50px;
	}
}

@media screen and (max-width:1182px) {
	#ser-idea {
		padding: 30px 0;
	}

	#ser-idea .idea-box {
		margin-top: 30px;
	}

	#ser-idea .idea-box .list .con .tit {
		font-size: 18px;
		margin-bottom: 27px;
	}

	#ser-idea .idea-box .list .con .des {
		font-size: 13px;
		line-height: 25px;
		color: #fff;
		padding: 0 20px;
	}

	#idea-contact {
		padding: 35px 0;
	}

	#idea-contact .con {
		margin-top: 30px;
	}

	#idea-contact .con p {
		font-size: 24px;
		margin: 15px 0;
	}
}

@media screen and (max-width:1000px) {}

@media screen and (max-width:900px) {}

@media screen and (max-width:600px) {

	#ser-idea .idea-box .list {
		width: 100%;
		margin-bottom: 2%;
	}

	#ser-idea .idea-box .list .con {
		top: 15%;
	}
}

/*page_index_service* end/		
		
/*down_list*/

.banner-search {
	margin-top: 40px;
}

.banner-search .b-s-box {
	position: relative;
	width: 431px;
	margin: 0 auto;
}

.banner-search #bannertxt {
	background-color: #fff;
	border-radius: 25px;
	width: 100%;
	outline: unset;
	border: 0;
	padding-left: 55px;
	height: 52px;
	line-height: 52px;
}

.banner-search #bannersub {
	position: absolute;
	outline: unset;
	border: 0;
	background-color: unset;
	background-image: url(/images/search.png);
	background-repeat: no-repeat;
	background-position: center;
	width: 52px;
	height: 52px;
	left: 0;
	top: 0;
	text-indent: -2000px;
}




@media screen and (max-width:600px) {

	.banner-search {
		margin-top: 6px;
	}

	.banner-search .b-s-box {
		width: 300px;
	}
}

/*page-download* end/
			
/*#page-about*/


@media screen and (max-width:1680px) {}

@media screen and (max-width:1440px) {}

@media screen and (max-width:1280px) {}

@media screen and (max-width:1182px) {}

@media screen and (max-width:900px) {}

@media screen and (max-width:600px) {}

/*page-about*/

/*dt new add*/


/*ld add new*/

/*page-pcb*/
#adv-cate {
	border-top: 0;
	border-bottom: 0;
	text-align: center;
	border-bottom: 1px solid #ccc;
}


#adv-cate a.active,
#adv-cate a:hover {
	color: #0F3580;
	background-color: unset;
}

#adv-cate a {
	height: 100px;
	line-height: 100px;
	font-size: 19px;
	margin: 0 40px;
	margin-bottom: -1px;
	display: inline-block;
	font-weight: bold;

}

.left,
.l {
	float: left;
}

.right,
.r {
	float: right;
}

#pcb-content .w1510 {
	background-color: #fff;
	overflow: hidden;
	padding: 0;
}

#pcb-content .l {
	width: 50%;
}

#pcb-content .l img {
	display: block;
	width: 100%;
}

#pcb-content .r {
	width: 50%;
	padding: 75px 60px 0;
}

#pcb-content .r .tit {
	font-size: 30px;
	font-weight: 500;
	margin-bottom: 90px;
}

#pcb-content .r .des {
	font-size: 16px;
	line-height: 25px;
	color: #999;
}

#pcb-ser {
	padding: 100px 0;
	background: url(/images/ys-back.png) no-repeat;
	background-size: 100% 100%;
}

#pcb-ser .h2_title {
	text-align: center;
	position: relative;
}

#pcb-ser .h2_title span {
	position: relative;
	z-index: 1;
}

#pcb-ser .h2_title::after {
	content: "PCB & PCBA For LED";
	position: absolute;
	top: 30px;
	left: 0px;
	width: 100%;
	text-transform: uppercase;
	font-size: 75px;
	font-family: "Gbold";
	font-weight: bold;
	color: #e1e1e1;
	text-align: center;
	z-index: 0;
}

#pcb-ser .top {
	overflow: hidden;
	margin-bottom: 50px;
	margin-top: 100px;
}

#pcb-ser .top .list {
	display: block;
	float: left;
	width: 32%;
	margin-right: 2%;
	position: relative;
}

#pcb-ser .top .list:nth-child(3) {
	margin-right: 0;
}

#pcb-ser .top .list img {
	display: block;
	width: 100%;
}

#pcb-ser .top .list .con {
	position: absolute;
	left: 0;
	top: 0;
	padding: 110px 68px;
	width: 100%;
	height: 100%;
	background-color: rgba(252, 90, 14, 0);
	transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
}

#pcb-ser .top .list .con:hover {
	padding: 65px 68px;
	background-color: rgba(252, 90, 14, 0.8);
}

#pcb-ser .top .list .con .tit {
	font-size: 24px;
	color: #fff;
	line-height: 30px;
	margin-bottom: 10px;
	width: auto;
	display: inline-block;
	margin-bottom: 30px;
	padding-bottom: 15px;
	border-bottom: 2px solid #fff;
}

#pcb-ser .top .list .con .des {
	margin-bottom: 10%;
	color: #fff;
	font-size: 18px;
	line-height: 28px;
	font-weight: 300px;
	opacity: 0;
	transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
}

#pcb-ser .top .list .con:hover .des {
	opacity: 1;
}

#pcb-ser .top .list .con .url {
	text-align: right;
	color: #fff;
	font-size: 16px;
	line-height: 25px;
	font-weight: 300px;
	opacity: 0;
	transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
}

#pcb-ser .top .list .con:hover .url {
	opacity: 1;
}

#pcb-ser .bottom {
	background-color: rgba(252, 90, 14, 0.5);
	padding: 80px 65px 63px;
}

#pcb-ser .bottom .pcb-ys {
	overflow: hidden;
}

#pcb-ser .bottom .pcb-ys .list {
	padding-left: 90px;
	padding-right: 35px;
	float: left;
	width: 23.5%;
	margin-right: 2%;
	position: relative;
}

#pcb-ser .bottom .pcb-ys .list:nth-child(1):before {
	content: url(/images/ysl1.png);
	display: block;
	background-color: #0e357f;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 50%;
	width: 70px;
	height: 70px;
	text-align: center;
	align-items: center;
	display: flex;
	justify-content: center;
}

#pcb-ser .bottom .pcb-ys .list:nth-child(2):before {
	content: url(/images/ysl2.png);
	display: block;
	background-color: #0e357f;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 50%;
	width: 70px;
	height: 70px;
	text-align: center;
	align-items: center;
	display: flex;
	justify-content: center;
}

#pcb-ser .bottom .pcb-ys .list:nth-child(3):before {
	content: url(/images/ysl3.png);
	display: block;
	background-color: #0e357f;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 50%;
	width: 70px;
	height: 70px;
	text-align: center;
	align-items: center;
	display: flex;
	justify-content: center;
}

#pcb-ser .bottom .pcb-ys .list:nth-child(4):before {
	content: url(/images/ysl4.png);
	display: block;
	background-color: #0e357f;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 50%;
	width: 70px;
	height: 70px;
	text-align: center;
	align-items: center;
	display: flex;
	justify-content: center;
}

#pcb-ser .bottom .pcb-ys .list:nth-child(4) {
	margin-right: 0;
}


#pcb-ser .bottom .pcb-ys .list .tit {
	font-size: 22px;
	line-height: 30px;
	margin-bottom: 15px;
	font-weight: 400px;
	color: #fff;
}


#pcb-ser .bottom .pcb-ys .list .des {
	font-size: 18px;
	line-height: 30px;
	overflow: hidden;
	color: #fff;
}

#pcb-ser .bottom .pcb-lc {
	margin-top: 80px;
}

#pcb-ser .bottom .pcb-lc .t-tit {
	text-align: center;
	position: relative;
	z-index: 0;
	/* border-bottom: 2px solid #fff; */
	/* font-size: 20px; */
	margin-bottom: 30px;
}

#pcb-ser .bottom .pcb-lc .t-tit span {
	position: absolute;
	bottom: -10px;
	width: 150px;
	background-color: rgba(252, 90, 14, 0.3);
	z-index: 4;
	left: 0;
	right: 0;
	display: block;
	margin: 0 auto;
	color: #fff;
}


#pcb-ser .bottom .pcb-lc .b-con {
	font-size: 18px;
	text-align: center;
	color: #fff;
}

#about-con2 {
	padding: 130px 0 180px;
	background: url(/images/sj-back.png) no-repeat;
	background-size: 100% 100%;
}

#about-con2 .top .tit {
	font-size: 30px;
	text-align: center;
	font-weight: 600;
	color: #fff;
}

#about-con2 .top .tit::after {
	content: "";
	display: block;
	width: 80px;
	height: 3px;
	background-color: #0e357f;
	margin: 30px auto 80px;
}

#about-con2 .con2-box .list {
	float: left;
	width: 23.5%;
	margin-right: 2%;
	padding: 0 35px;
	text-align: center;
	outline: 1px solid #cfcfcf;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

#about-con2 .con2-box .list:hover {
	background-color: #0e357f;
	outline: 1px solid #0e357f;
}

#about-con2 .con2-box .list * {
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

#about-con2 .con2-box .list:nth-child(4) {
	margin-right: 0;
}

#about-con2 .con2-box .list .img {
	display: flex;
	height: 236px;
	justify-content: center;
	align-items: center;
}

#about-con2 .con2-box .list .img img {
	display: block;
	width: auto;
	margin: 0 auto;
}

#about-con2 .con2-box .list .img img.img2 {
	display: none;
}

#about-con2 .con2-box .list:hover .img img.img1 {
	display: none;
}

#about-con2 .con2-box .list:hover .img img.img2 {
	display: block;
}

#about-con2 .con2-box .list .tit {
	font-size: 20px;
	line-height: 35px;
	margin-bottom: 25px;
}

#about-con2.cn .con2-box .list .tit {
	font-size: 18px;
	line-height: 30px;
	font-weight: bold;
	margin-bottom: 25px;
}

#about-con2 .con2-box .list:hover .tit,
#about-con2 .con2-box .list:hover .des {
	color: #fff;
}

#about-con2 .con2-box .list .des {
	font-size: 16px;
	line-height: 25px;
	height: 150px;
	padding: 0 15%;
	text-align: center;
}

#about-con2.cn .con2-box .list .des {
	font-size: 14px;
	line-height: 28px;
}



@media screen and (max-width:1680px) {
	.h2_title.page {
		font-size: 34px;
		line-height: 50px;
	}

	#about-con2 .con2-box .list .tit {
		font-size: 18px;
		line-height: 30px;
		margin-bottom: 20px;
	}

	#about-con2 .con2-box .list .des {
		font-size: 14px;
		line-height: 22px;
		height: 130px;
		padding-bottom: 10px;
	}

	#pcb_hb .top .tit {
		font-size: 24px !important;
	}
}

@media screen and (max-width:1440px) {
	.h2_title.page {
		font-size: 28px;
		line-height: 40px;
	}

	#about-con2 .con2-box .list {
		padding: 0 25px;
	}

	#about-con2 .con2-box .list .tit {
		font-size: 16px;
		line-height: 20px;
		height: 35px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 20px;
	}

	#about-con2 .con2-box .list .des {
		font-size: 13px;
		line-height: 22px;
		height: 130px;
		padding-bottom: 10px;
	}

	#lc-back .h2_title {
		margin-bottom: 85px;
	}

	#pcb_hb .top .tit {
		font-size: 22px !important;
	}
}

@media screen and (max-width:1280px) {
	.h2_title.page {
		font-size: 24px;
		line-height: 35px;
	}
}

@media screen and (max-width:1182px) {
	#about-con2 {
		padding: 30px 0 30px;
		background-size: cover;
	}

	.h2_title.page {
		font-size: 18px;
		line-height: 30px;
	}

	#lc-back {
		padding: 30px 0 40px;
	}

	#lc-back .h2_title {
		color: #fff;
		margin-bottom: 25px;
	}

	#pcb_hb {
		padding: 30px 0;
	}


	#pcb_hb .top .tit {
		font-size: 18px !important;
	}

}

@media screen and (max-width:900px) {

	#about-con2 .con2-box .list {
		width: 49%;
		margin-top: 2%;
	}

	#about-con2 .con2-box .list:nth-child(1),
	#about-con2 .con2-box .list:nth-child(2) {
		margin-top: 0;
	}

	#about-con2 .con2-box .list:nth-child(2n) {
		margin-right: 0;
	}
}

@media screen and (max-width:600px) {


	#about-con2 .con2-box .list {
		width: 100%;
		margin-top: 2%;
	}

	#about-con2 .con2-box .list:nth-child(1),
	#about-con2 .con2-box .list:nth-child(2) {
		margin-top: 2%;
	}

	#about-con2 .con2-box .list .tit {
		font-size: 15px;
		line-height: 19px;
		height: auto;
	}

	#about-con2 .con2-box .list .des {
		font-size: 12.5px;
		line-height: 17px;
		height: auto;
	}

	#about-con2 .con2-box .list .img {
		height: 100px;
	}

	#about-con2 .con2-box .list .img img {
		max-width: 50px;
		max-height: 50px;
	}
}


#pcb_hb {
	padding: 100px 0;
}


#pcb_hb .top .tit {
	font-size: 30px;
	text-align: center;
	font-weight: 600;
}

#pcb_hb .top .tit::after {
	content: "";
	display: block;
	width: 80px;
	height: 3px;
	background-color: #0e357f;
	margin: 30px auto 80px;
}

#pcb_hb table {
	width: 100%;
}

#pcb_hb table tbody {
	width: 100%;
}

#pcb_hb table tbody tr {
	width: 100%;
	border-bottom: 1px solid #fff;
}

#pcb_hb table tbody tr td {
	background-color: #e6e9f3;
	font-size: 22px;
	line-height: 50px;
	padding-left: 15px;
}

#pcb_hb table tbody tr td:last-child {
	background-color: #f5f6f8;

}

#pcb_hb table tbody tr.two td:nth-child(1) {
	background-color: #0F3580;
	color: #fff;
	text-align: center;
	padding-left: 0;
}

#pcb_hb table tbody tr.six td:nth-child(1) {
	background-color: #f5f6f8;
	text-align: center;
	padding-left: 0;
}

#scale {
	padding: 154px 0 170px;
}

#scale .top .tit {
	font-size: 30px;
	text-align: center;
	font-weight: 600;
}

#scale .top .tit::after {
	content: "";
	display: block;
	width: 80px;
	height: 3px;
	background-color: #0e357f;
	margin: 30px auto 80px;
}

#scale .des-box {
	float: right;
	width: 58%;
}

#scale .des-box .des1 {
	font-size: 32px;
	line-height: 45px;
	margin-bottom: 20px;
}

#scale .des-box .des2 {
	font-size: 16px;
	line-height: 30px;
	color: #888;
	letter-spacing: 0;
}

.scale-box {
	max-width: 1485px;
	position: relative;
	margin: 0 auto;
}

.scale-box .swiper-slide img {
	display: block;
	width: 100%;
}

.scale-box .swiper-slide .sca-list {
	position: relative;
}

.scale-box .swiper-slide .sca-list .con {
	position: absolute;
	width: 60%;
	height: auto;
	bottom: 0;
	left: 0;
	background-color: #fff;
	padding: 3%;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	visibility: hidden;
}

.scale-box .swiper-slide.swiper-slide-active .sca-list .con {
	visibility: visible;
}


.scale-box .swiper-slide .sca-list .con .tit {
	font-size: 20px;
	font-weight: bold;
	line-height: 30px;
	margin-bottom: 10px;
	color: #0e357f;
}


.scale-box .swiper-slide .sca-list .con .des {
	font-size: 14px;
	line-height: 20px;
	color: #606060;
}

.scale-box .swiper-pagination {
	width: 100%;
	margin-top: 40px;
}


.scale-box .swiper-pagination-bullet {
	border-radius: unset;
	border: 1px solid #bbb;
	padding: 2px;
	width: 12px;
	height: 12px;
	background-color: #fff;
	position: relative;
	margin: 0 5px;
}

.scale-box .swiper-pagination-bullet.swiper-pagination-bullet-active {
	border: 1px solid #0e357f;
}

.scale-box .swiper-pagination-bullet::after {
	content: "";
	position: absolute;
	display: block;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 50%;
	transform: translateY(-50%);
	width: 80%;
	height: 80%;
	background-color: #fff;
	z-index: 1;
}

.scale-box .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
	background-color: #0e357f;
}

.scale-box .swiper-button-prev,
.scale-box .swiper-button-next {
	bottom: 0 !important;
	background-color: #fff;
	width: 44px;
	height: 44px;
	top: unset !important;
}

.scale-box .swiper-button-prev {
	left: 29.4%;
	right: unset;
	background-color: #0e357f;
	background-size: 10px;
}

.scale-box .swiper-button-next {
	right: 0;
	left: unset;
	background-size: 10px;
}






@media screen and (max-width:1680px) {}

@media screen and (max-width:1440px) {




	#scale .top .tit {
		font-size: 44px;
	}

	#scale .des-box .des1 {
		font-size: 26px;
		line-height: 35px;
	}

	#scale .des-box .des2 {
		font-size: 15px;
		line-height: 27px;
	}

	.scale-box .swiper-slide .sca-list .con .tit {
		font-size: 18px;
		line-height: 20px;
	}

	.scale-box .swiper-slide .sca-list .con .des {
		font-size: 12px;
		line-height: 16px;
	}

	#scale .des-box .des2 {
		font-size: 15px;
		line-height: 27px;
	}
}

@media screen and (max-width:1280px) {


	#scale .top .tit {
		font-size: 42px;
	}

	#scale .des-box .des1 {
		font-size: 22px;
		line-height: 30px;
	}

	#scale .des-box .des2 {
		font-size: 14px;
		line-height: 25px;
	}
}

@media screen and (max-width:1000px) {



	#scale .top {
		padding: 35px 0 25px;
	}

	#scale .top .tit {
		width: 100%;
		font-size: 36px;
	}

	#scale .des-box {
		width: 100%;
		margin-top: 20px;
	}

	#scale .des-box .des1 {
		font-size: 18px;
		line-height: 25px;
	}

	#scale .des-box .des2 {
		font-size: 13px;
		line-height: 19px;
	}

	.scale-box {
		min-width: 1000px;
	}

	.scale-box .swiper-pagination {
		width: 100px;
	}

	#scale {
		padding-bottom: 72px;
	}

}

@media screen and (max-width:900px) {}

@media screen and (max-width:600px) {


	#scale .top .tit {
		width: 100%;
		font-size: 28px;
	}

	#scale .des-box .des1 {
		font-size: 15px;
		line-height: 20px;
	}

	#scale .des-box .des2 {
		font-size: 12px;
		line-height: 17px;
	}

}

#pcb-al {
	padding: 100px 0;
}

#pcb-al .top .tit {
	font-size: 30px;
	text-align: center;
	font-weight: 600;
}

#pcb-al .top .tit::after {
	content: "";
	display: block;
	width: 80px;
	height: 3px;
	background-color: #0e357f;
	margin: 30px auto 80px;
}

#pcb-al .al-box .list {
	display: block;
	float: left;
	width: 23.5%;
	margin-right: 2%;
	margin-bottom: 4%;
}

#pcb-al .al-box .list:nth-child(4n) {
	margin-right: 0;
}

#pcb-al .al-box .list .tit {
	height: 50px;
	line-height: 50px;
	padding: 0 10px;
	text-align: center;
	font-size: 18px;
	color: #454545;
}

#pcb-al .al-box .list .img {
	height: 13vw;
	overflow: hidden;
}

#pcb-al .al-box .list img {
	display: block;
}


/*page-pcb*/


/*page-lc,page-sheb*/
#sheb-top {
	padding: 100px 0;
	background-color: #f7f7f7;
}

#sheb-top .l {
	width: 47%;
}

#sheb-top .r {
	width: 50%;
}

#sheb-top .r img {
	display: block;
	width: 100%;
}

#sheb-top.type2 .l {
	float: right;
}

#sheb-top.type2 .r {
	float: left;
}

#sheb-top .l .tit {
	font-size: 26px;
	margin-bottom: 40px;
	text-transform: uppercase;
}

#sheb-top .l .des {
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 40px;
	color: #454545;
}

#sheb-top .l .img-box .list {
	display: inline-block;
	margin-right: 60px;
	text-align: center;
}

#sheb-top .l .img-box p {
	font-size: 16px;
	margin-top: 15px;
	margin-bottom: 0;
	text-transform: uppercase;
	font-weight: bold;
	color: #0E3580;
}

#sheb-top .l a {
	font-weight: bold;
	display: block;
	width: 180px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background-color: #0e357f;
	color: #fff;
	font-size: 16px;
}

#sheb-box {
	padding: 100px 0;
	background-color: #f8f8f8;
}

#sheb-box.type2 {
	background-color: #fff;
}

#sheb-box a {
	display: block;
	float: left;
	width: 32%;
	padding-bottom: 0;
	margin-right: 2%;
	margin-bottom: 4%;
	background-color: #fff;
	transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
}

#sheb-box.type2 a {
	padding: 0;
}

#sheb-box a:nth-child(3n) {
	margin-right: 0;
}


#sheb-box a:hover {
	background-color: #0e357f;
}

#sheb-box a:hover * {
	color: #fff;
}

#sheb-box a .img {
	height: 18vw;
}

#sheb-box a img {
	display: block;
	width: 100%;
}

#sheb-box a p {
	font-size: 18px;
	line-height: 25px;
	font-weight: 500;
	text-align: center;
	padding: 15px 0;
	height: 65px;
	align-items: center;
	display: flex;
	justify-content: center;
}

/**/


/*page-honor*/
#hor-box {
	padding: 100px 0;
}

#hor-box a {
	display: block;
	float: left;
	width: 23.5%;
	margin-right: 2%;
	margin-bottom: 4%;
	background-color: #fff;
}

#hor-box a:nth-child(4n) {
	margin-right: 0;
}



#hor-box a:hover * {
	color: #fff;
}

#hor-box a .img {
	height: 14vw;
	background-color: #eeeeee;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 1;
}


#hor-box a .img::after {
	position: absolute;
	content: url(/images/hor-s.png);
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	width: 100%;
	background-color: rgba(252, 90, 14, 0.5);
	left: 0px;
	top: 0px;
	opacity: 0;
	z-index: 2;
	transition: all 0.15s ease-in;
	-webkit-transition: all 0.15s ease-in;
}


#hor-box a img {
	display: block;
	max-height: 90%;
}

#hor-box a p {
	font-size: 18px;
	line-height: 27px;
	font-weight: 500;
	text-align: center;
	padding: 25px 0;
	background-color: #b5b5b5;
	transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
}

#hor-box a p font {
	display: block;
	font-size: 14px;
	margin-top: 15px;
}


#hor-box a:hover p {
	background-color: #0e357f;
}


#hor-box a:hover .img::after {
	opacity: 1;
}

/**/


/*page-gyl*/


#gyl-top {
	padding: 100px 0 0;
}

#gyl-top .tit {
	font-size: 30px;
	font-weight: 500;
	line-height: 40px;
	margin-bottom: 80px;
	text-align: center;
}

#gyl-top img {
	display: block;
	width: 100%;
}

#about-con2.gyl {
	padding-top: 50px;
	background: unset;
}

#about-con2.gyl .con2-box {
	margin-top: 0px;
}

/**/


/*page-about*/



/*page-about*/



/*cul-show*/
#relate-pro {
	padding: 100px 0;
}

#relate-pro .b {
	font-size: 30px;
	font-weight: 600;
	color: #4a4a4a;
}

#relate-pro .s {
	font-size: 22px;
	margin-top: 15px;
	font-family: "gm";
	font-weight: 600;
	margin-bottom: 60px;
	color: #4a4a4a;
}

#relate-pro .box-list {
	position: relative;
}


#relate-pro .box-list .list {
	padding: 50px 25px 38px;
	background-color: #fff;
	display: block;
}

#relate-pro .box-list .list .img {
	margin-bottom: 40px;
	height: 12vw;
}

#relate-pro .box-list .list .img img {
	width: 100%;
	display: block;
}

#relate-pro .box-list .list .con {
	position: relative;
	height: 46px;
}

#relate-pro .box-list .list .con .l {
	position: absolute;
	left: 0;
	top: 0;
	background-color: #ffede4;
	padding: 15px 6px;
	border: 1px solid #ccc;
	text-align: center;
}

#relate-pro .box-list .list .con .r {
	position: absolute;
	right: 0;
	top: 0;
	width: 70%;
	padding: 15px 10px;
	text-align: center;
}


#page_news.zz .news-content {
	position: relative;
}

#page_news.zz .news-content .news-tit {
	text-align: center;
}

#page_news.zz .news-content .t-h {
	text-align: center;
	border-bottom: 0;
}

#page_news.zz .news-content .t-h span {
	display: inline-block;
	margin-right: 25px;
	padding-left: 30px;
	height: 30px;
	line-height: 30px;
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 13px;
	color: #888;
	font-weight: 400;
}

#page_news.zz .news-content .t-h span:nth-child(1) {
	background-image: url(/images/date.png);
}

#page_news.zz .news-content .t-h span:nth-child(2) {
	background-image: url(/images/hit.png);
}

/*cul-show*/


/*page-mess*/

#mess-box {
	padding-bottom: 73px;
}

#mess-box .l {
	width: 60%;
	margin-top: 80px;
	padding: 30px 100px 0 157px;
	font-size: 21px;
	line-height: 30px;
}

#mess-box .r {
	width: 40%;
	border-left: 1px solid #ccc;
	margin-top: 80px;
	padding: 30px 0;
}

#mess-box .r p {
	height: 60px;
	margin-left: 100px;
	padding-left: 70px;
	background-repeat: no-repeat;
	background-position: left top;
	background-size: auto 30px;
	text-align: left;
}

#mess-box .r p:nth-child(1) {
	font-family: "gbo";
	font-weight: bold;
	font-size: 30px;
	line-height: 40px;
	background-image: url(/images/mess-p.png);
}

#mess-box .r p:nth-child(2) {
	font-size: 20px;
	line-height: 35px;
	background-image: url(/images/mess-e.png);
}

#mess-box .r span {
	font-size: 14px;
	padding-left: 100px;

}


#mess-form {
	background-color: #fff;
	background: url() no-repeat;
	background-size: cover;
	padding: 100px 0;
}

#mess-form .w1510 {
	position: relative;
	width: 70%;
}

#mess-form .t-tit {
	color: #000;
}

#mess-form form {
	display: block;
	margin-top: 80px;
}

#mess-form .input-list {
	float: left;
	width: 47.5%;
	margin-right: 5%;
	height: 40px;
	line-height: 50px;
	font-size: 14px;
	position: relative;
	margin-bottom: 20px;
}


#mess-form .input-list:nth-child(2n) {
	margin-right: 0;
}

#mess-form .input-list span {
	width: 14%;
	text-align: right;
	display: inline-block;
	color: #aaa;
}

#mess-form .input-list span font {
	display: inline-block;
	margin-right: 5px;
	color: red;
}

#mess-form .input-list input {
	display: block;
	position: absolute;
	height: 100%;
	width: 85%;
	right: 0;
	top: 0;
	outline: 0;
	border: 0;
	padding-left: 15px;
	line-height: 40px;
}

#mess-form .area-list {
	clear: both;
	position: relative;
	width: 100%;
	height: 80px;
}

#mess-form .area-list font {
	display: inline-block;
	width: 6.6%;
	font-size: 14px;
	text-align: right;
	color: #aaa;
}

#mess-form .area-list textarea {
	padding-left: 15px;
	line-height: 50px;
	padding-top: 10px;
	display: block;
	position: absolute;
	height: 100%;
	width: 92.9%;
	right: 0;
	top: 0;
	right: 0;
	top: 0;
	outline: 0;
	border: 0;
}

#mess-form input[type=submit] {
	background-color: #0F3580;
	display: inline-block;
	width: 140px;
	font-size: 16px;
	color: #fff;
	text-align: center;
	line-height: 35px;
	height: 35px;
	border-radius: 10px;
	margin-top: 143px;
	margin-left: 20px;
	outline: 0;
	border: 0;
}

#mess-form .code {
	position: absolute;
	bottom: 0;
	right: 0;
	overflow: hidden;
	margin-right: 20px;
}

#mess-form .code img {
	width: 140px;
	padding-right: 0;
	margin-bottom: 10px;
	margin-right: -1px;
}

#mess-form .code p {
	font-size: 14px;
}

/*page-mess*/



/*article-list*/

#top-news {
	padding: 35px 0 65px;
	background-color: rgb(248, 248, 248);
}

#top-news a {
	display: block;
	background-color: #fff;
}

#top-news a .l {
	width: 50%;
}

#top-news a .l img {
	display: block;
	width: 100%;
}

#top-news a .r {
	width: 50%;
	padding: 70px 42px;

}

#top-news a .r .tit {
	font-size: 27px;
	line-height: 35px;
}

#top-news a .r .des {
	font-size: 18px;
	line-height: 27px;
	margin-top: 52px;
	padding-top: 52px;
	border-top: 1px solid #ccc;
	margin-bottom: 52px;
}

#top-news a .r .time-hit {
	text-align: right;
	font-size: 14px;
}

#top-news a .r .time-hit span {
	display: inline-block;
	margin-right: 25px;
	padding-left: 30px;
	height: 30px;
	line-height: 30px;
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 13px;
	color: #888;
	font-weight: 400;
}

#top-news a .r .time-hit span:nth-child(1) {
	background-image: url(/images/date.png);
}

#top-news a .r .time-hit span:nth-child(2) {
	background-image: url(/images/hit.png);
}

#pcb-ser .bottom .pcb-lc .t-tit span {
	display: none;
}

/*@media for pcb*/

@media screen and (max-width:1680px) {
	#pcb-content .r {
		width: 50%;
		padding: 60px 50px 0;
	}

	#pcb-content .r .tit {
		font-size: 26px;
		margin-bottom: 70px;
	}

	#pcb-content .r .des {
		font-size: 14px;
		line-height: 23px;
		color: #999;
	}

	#pcb-ser .h2_title::after {
		top: 20px;
		font-size: 60px;
	}

	#pcb-ser .top .list .con {
		padding: 80px 58px;
	}

	#pcb-ser .top .list .con:hover {
		padding: 45px 58px;
	}

	#pcb-ser .top .list .con .tit {
		font-size: 22px;
		line-height: 30px;
	}

	#pcb-ser .top .list .con .des {
		margin-bottom: 5%;
		font-size: 16px;
		line-height: 25px;
	}

	#pcb-ser .bottom .pcb-ys .list:nth-child(1):before {
		width: 60px;
		height: 60px;
	}

	#pcb-ser .bottom .pcb-ys .list:nth-child(2):before {
		width: 60px;
		height: 60px;
	}

	#pcb-ser .bottom .pcb-ys .list:nth-child(3):before {
		width: 60px;
		height: 60px;
	}

	#pcb-ser .bottom .pcb-ys .list:nth-child(4):before {
		width: 60px;
		height: 60px;
	}

	#pcb-ser .bottom .pcb-ys .list {
		padding-left: 70px;
		padding-right: 25px;
	}

	#pcb-ser .bottom .pcb-ys .list .tit {
		font-size: 20px;
		line-height: 25px;
		margin-bottom: 10px;
	}

	#pcb-ser .bottom .pcb-ys .list .des {
		font-size: 16px;
		line-height: 25px;
	}

	#pcb-ser .bottom .pcb-lc .b-con {
		font-size: 16px;
		line-height: 25px;
	}

	#about-con2 .top .tit {
		font-size: 24px;
	}

	#solutions_carousel .item h1 {
		font-size: 26px;
	}
}

@media screen and (max-width:1440px) {
	#adv-cate a {
		font-size: 16px;
		margin: 0 30px;
		margin-bottom: -1px;
	}

	#pcb-content .r {
		width: 50%;
		padding: 45px 40px 0;
	}

	#pcb-content .r .tit {
		font-size: 22px;
		margin-bottom: 50px;
	}

	#pcb-content .r .des {}

	#pcb-ser .h2_title::after {
		top: 15px;
		font-size: 45px;
	}

	#pcb-ser .top .list .con {
		padding: 60px 48px;
	}

	#pcb-ser .top .list .con:hover {
		padding: 35px 48px;
	}

	#pcb-ser .top .list .con .tit {
		font-size: 18px;
		line-height: 27px;
	}

	#pcb-ser .top .list .con .des {
		margin-bottom: 3%;
		font-size: 14px;
		line-height: 23px;
	}

	#pcb-ser .bottom .pcb-ys .list {
		padding-left: 70px;
		padding-right: 15px;
	}

	#pcb-ser .bottom .pcb-ys .list .tit {
		font-size: 18px;
		line-height: 25px;
		margin-bottom: 10px;
	}

	#pcb-ser .bottom .pcb-ys .list .des {
		font-size: 14px;
		line-height: 23px;
	}

	#pcb-ser .bottom {
		padding: 40px 35px 30px;
	}

	#about-con2 .top .tit {
		font-size: 20px;
	}

	#pcb_hb table tbody tr td {
		font-size: 17px;
		line-height: 35px;
	}


	#solutions_carousel .item h1 {
		font-size: 22px;
	}

}

@media screen and (max-width:1280px) {
	#pcb-content .r {
		width: 50%;
		padding: 35px 30px 0;
	}

	#pcb-content .r .tit {
		font-size: 20px;
		margin-bottom: 30px;
	}

	#pcb-content .r .des {}

	#pcb-ser .h2_title::after {
		top: 15px;
		font-size: 36px;
	}

}

@media screen and (max-width:1182px) {
	#adv-cate a {
		font-size: 14px;
		margin: 0 20px;
		margin-bottom: -1px;
	}

	#pcb-content {
		padding: 30px 0;
	}

	#pcb-content .r {
		width: 50%;
		padding: 25px 20px 0;
	}

	#pcb-content .r .tit {
		font-size: 18px;
		margin-bottom: 15px;
	}

	#pcb-content .r .des {
		font-size: 13px;
		line-height: 20px;
	}

	#pcb-ser {
		padding: 30px 0;
	}

	#pcb-ser .top {
		margin-bottom: 20px;
		margin-top: 30px;
	}

	#pcb-ser .h2_title::after {
		top: 15px;
		font-size: 28px;
	}

	#pcb-ser .top {
		width: 60%;
		margin: 0 auto;
		min-width: 310px;
		margin-bottom: 30px;
	}

	#pcb-ser .top .list {
		width: 100%;
		margin-top: 10px;
	}

	#pcb-ser .top .list:nth-child(1) {
		margin-top: 0;
	}

	#pcb-ser .bottom .pcb-ys .list {
		padding-left: 75px;
		padding-right: 0px;
		width: 100%;
		margin-bottom: 15px;
	}

	#pcb-ser .bottom .pcb-lc {
		margin-top: 30px;
	}

	#pcb-ser .bottom .pcb-lc .b-con {
		font-size: 14px;
		line-height: 22px;
	}

	#about-con2 .top .tit {
		font-size: 18px;
	}

	#pcb_hb {
		padding: 30px 0;
	}


	#about-con2 .top .tit::after {
		content: "";
		width: 60px;
		height: 3px;
		margin: 15px auto 30px;
	}

	#pcb_hb .top .tit::after {
		content: "";
		width: 60px;
		height: 3px;
		margin: 15px auto 30px;
	}

	#scale {
		padding: 34px 0 30px;
	}


	#scale .top .tit::after {
		content: "";
		width: 60px;
		height: 3px;
		margin: 15px auto 30px;
	}

	#ld_solutions .wauto {
		width: 100%;
	}

	#ld_solutions .wauto2 {
		width: 100%;
	}

	#solutions_carousel .item h1 {
		font-size: 18px;
	}

	#solutions_carousel .item h1::after {
		content: "";
		width: 30px;
		height: 2px;
		margin-top: 15px;
		margin-bottom: 15px;
	}

	.sulutions_tabs {
		position: relative;
	}

	#pcb-al {
		padding: 30px 0;
	}

	#pcb-al .top .tit::after {
		content: "";
		width: 60px;
		height: 3px;
		margin: 15px auto 30px;
	}

	#pcb-al .al-box .list {
		width: 49%;
		margin-right: 2%;
	}

	#pcb-al .al-box .list:nth-child(2n) {
		margin-right: 0;
	}

	#pcb-al .al-box .list .img {
		height: 34vw;
	}

	#pcb-al .al-box .list .tit {
		height: 30px;
		line-height: 30px;
		font-size: 14px;
	}
}

@media screen and (max-width:1000px) {
	#pcb-content .l {
		width: 100%;
	}

	#pcb-content .r {
		width: 100%;
		height: auto;
		padding: 15px 10px;
	}

	#pcb-ser .h2_title::after {
		top: 15px;
		font-size: 24px;
	}
}

@media screen and (max-width:900px) {

	#pcb_hb table tbody tr td {
		font-size: 14px;
		line-height: 27px;
	}
}

@media screen and (max-width:600px) {

	#adv-cate a {
		font-size: 14px;
		margin: 0 5px;
		margin-bottom: -1px;
	}

	#pcb-ser .bottom .pcb-lc .b-con {
		font-size: 13px;
		line-height: 20px;
	}


	.pcb-lc .t-tit img {

		display: none;

	}

	#pcb-ser .bottom .pcb-lc .t-tit span {
		display: block;
		position: relative;
		bottom: 0px;
		width: 150px;
	}
	
}

/*@media for pcb*/


/*@media for sheb-list*/

@media screen and (max-width:1680px) {
	#sheb-top .l .tit {
		font-size: 24px;
		margin-bottom: 35px;
	}
}

@media screen and (max-width:1440px) {


	#sheb-top .l .des {
		font-size: 14px;
		line-height: 23px;
		margin-bottom: 50px;
	}

	#sheb-top .l .img-box .list {
		margin-right: 30px;
	}
	
}

@media screen and (max-width:1280px) {
	#sheb-top .l .tit {
		font-size: 20px;
		margin-bottom: 25px;
	}

	#sheb-top .l .img-box .list img {
		height: 30px;
	}
	
	#sheb-top .l .img-box .list>img{
		min-width: 300px;
		max-width:100%;
		height: auto;
		max-height: 100%;
	}
	
	#sheb-top.type2 .l .img-box .list>img{
		min-width: unset;
		max-width: unset;
		max-height:  unset;
	}

	#sheb-top .l .img-box p {
		font-size: 14px;
		margin-top: 13px;
		margin-bottom: 30px;
	}

	#sheb-top .l a {
	    display: block;
	    width: 150px;
	    height: 30px;
	    line-height: 30px;
	    text-align: center;
	    /* border-radius: 10px; */
	    background-color: #0e357f;
	    color: #fff;
	    font-size: 16px;
	}

	#sheb-box a {
		padding: 20px;
	}

	#sheb-box a p {
		font-size: 14px;
		line-height: 25px;
		text-align: center;
		padding: 20px 0;
	}
}

@media screen and (max-width:1182px) {
	#sheb-top {
		padding: 30px 0;
	}

	#sheb-top .l .tit {
		font-size: 18px;
		margin-bottom: 20px;
	}

	#sheb-top .l .des {
		margin-bottom: 20px;
	}

	#sheb-top .l {
		width: 100%;
		margin-bottom: 15px;
	}

	#sheb-top .r {
		width: 100%;
	}

	#sheb-box {
		padding: 30px 0;
	}

	#sheb-box a {
		padding: 20px;
	}
}

@media screen and (max-width:1000px) {

	#sheb-box a {
		padding: 10px;
		width: 49%;
	}

	#sheb-box a:nth-child(3n) {
		margin-right: 2%
	}

	#sheb-box a:nth-child(2n) {
		margin-right: 0%
	}

	#sheb-box a .img {
		height: 31vw;
	}

	#sheb-box a p {
	    font-size: 13px;
	    line-height: 20px;
	    text-align: center;
	    height: 45px;
	    padding: 10px 0;
	}
}

@media screen and (max-width:900px) {


	#sheb-top .l .des {
		font-size: 13px;
		line-height: 20px;
	}
}

@media screen and (max-width:600px) {
	
	#sheb-top .l a {
	    font-size: 13px;
	}
}

/*@media for sheb-list*/


/*@media for hon-list*/

@media screen and (max-width:1680px) {}

@media screen and (max-width:1440px) {
	#hor-box a p {
		font-size: 16px;
		line-height: 25px;
		padding: 15px 0;
	}
}

@media screen and (max-width:1280px) {}

@media screen and (max-width:1182px) {
	#hor-box {
		padding: 30px 0;
	}

	#hor-box a p {
		font-size: 14px;
		line-height: 23px;
		padding: 10px 0;
	}

	#hor-box a p font {
		display: none;
	}


}

@media screen and (max-width:1000px) {
	#hor-box a {
		width: 49%;
	}

	#hor-box a:nth-child(2n) {
		margin-right: 0%;
	}

	#hor-box a .img {
		height: 31vw;
	}
}

@media screen and (max-width:900px) {

	#hor-box a p {
		font-size: 13px;
		line-height: 20px;
		padding: 10px 0;
	}
}

@media screen and (max-width:600px) {}


/*@media for hon-list*/


/*@media for pro-list*/

#mobili_height {
	display: block;
}



@media screen and (max-width:1680px) {}

@media screen and (max-width:1440px) {
	.pro-right {
		width: 22%;
		padding: 22px;
	}
}

@media screen and (max-width:1280px) {}

@media screen and (max-width:1182px) {

	#pro-page-box {
		margin-top: 0px;
		padding-bottom: 20px;
		padding-top: 0px;
	}

	#cate-list .cate-top-tit {
		font-size: 17px;
		padding-bottom: 0px;
	}

	#cate-list .cate-list-box {
		margin: 15px 0 20px;
	}

	#cate-list .cate-list-box li>a {
		font-size: 14px;
		line-height: 20px;
	}

	#cate-list .cate-list-box li .sub_menu a {
		display: block;
		font-size: 13px;
		line-height: 20px;
		margin-bottom: 5px;
	}
}

@media screen and (max-width:1000px) {
	.pro-left {
		width: 100%;
	}

	#page_news .news-content {
		width: 100%;
	}

	.pro-right {
		width: 100%;
	}

	#pro-page-box .list-box a {
		width: 49%;
	}

	#pro-page-box .list-box a:nth-child(3n) {
		margin-right: 2%;
	}

	#pro-page-box .list-box a:nth-child(2n) {
		margin-right: 0%;
	}
}

@media screen and (max-width:900px) {}

@media screen and (max-width:600px) {}


/*@media for pro-list*/


/*@media for page-mess*/

@media screen and (max-width:1680px) {
	#mess-box .l {
		margin-top: 60px;
		padding: 30px 60px 0 77px;
		font-size: 18px;
		line-height: 25px;
	}

	#mess-box .r {
		border-left: 1px solid #ccc;
		margin-top: 60px;
		padding: 20px 0;
	}

	#mess-box .r p:nth-child(1) {
		font-size: 25px;
		line-height: 35px;
	}

	#mess-box .r p:nth-child(2) {
		font-size: 16px;
		line-height: 25px;
	}

	#mess-box .r p {
		height: 45px;
		margin-left: 70px;
		padding-left: 50px;
		background-size: auto 20px;
	}

	#mess-box .r span {
		padding-left: 70px;
	}

	#mess-form .w1510 {
		width: 82%;
	}

	.about .t-tit {
		font-size: 26px;
	}
}

@media screen and (max-width:1440px) {}

@media screen and (max-width:1280px) {
	#mess-box .l {
		margin-top: 30px;
		padding: 15px 20px 0 25px;
		font-size: 14px;
		line-height: 23px;
	}

	#mess-box .r {
		margin-top: 30px;
		padding: 15px 0;
	}


	#mess-box .r p:nth-child(1) {
		font-size: 20px;
		line-height: 30px;
	}

	#mess-box .r p:nth-child(2) {
		font-size: 14px;
		line-height: 23px;
	}

	#mess-box .r p {
		height: 35px;
		margin-left: 40px;
		padding-left: 40px;
		background-size: auto 15px;
	}

	#mess-box .r span {
		padding-left: 40px;
	}

	.about .t-tit {
		font-size: 22px;
	}
}

@media screen and (max-width:1182px) {

	#mess-form {
		padding: 30px 0;
	}

	#mess-form .w1510 {
		width: 100%;
	}

	#mess-form .input-list {
		float: left;
		width: 100%;
		margin-right: 0;
		height: 40px;
		line-height: 40px;
		font-size: 14px;
		position: relative;
		margin-bottom: 10px;
	}

	#mess-form .input-list span {
		width: 100px;
		text-align: left;
	}

	#mess-form .area-list font {
		display: inline-block;
		width: 100px;
		text-align: left;
	}

	#mess-form .area-list {
		height: auto;
	}

	#mess-form .area-list textarea {
		height: 80px;
		width: 100%;
		position: relative;
		margin-top: 10px;
	}

	#mess-form input[type=submit] {
		width: 130px;
		font-size: 14px;
		margin-top: 33px;
		margin-left: 0px;
		line-height: 35px;
		height: 35px;
	}

	#mess-form .code {
		position: relative;
		bottom: 0;
		right: 0;
		margin-right: 20px;
		margin-top: 20px;
	}


	#mess-form form {
		margin-top: 20px;
	}

	#mess-box {
		padding-bottom: 33px;
	}

}

@media screen and (max-width:1000px) {

	#mess-box .l {
		width: 100%;
		padding: 20px 0;
	}

	#mess-box .r {
		margin-top: 15px;
		width: 100%;
		border-left: 0;
	}

	#mess-box .r p {
		margin-left: 0px;
		padding-left: 40px;
	}

	#mess-box .r span {
		padding-left: 0px;
	}

	#mess-form .input-list {
		height: auto;
	}

	#mess-form .input-list input {
		position: relative;
		height: 35px;
		line-height: 35px;
		width: 100%;
	}


	.about .t-tit {
		font-size: 18px;
	}
}

@media screen and (max-width:900px) {}

@media screen and (max-width:600px) {}

/*@media for page-mess*/


/*@media for faq*/

@media screen and (max-width:1182px) {

	#faq-page .faq-box {
		margin-top: 30px;
	}
}

/*@media for faq*/


/*@media for about*/
@media screen and (max-width:1680px) {}

@media screen and (max-width:1440px) {}

@media screen and (max-width:1280px) {}

@media screen and (max-width:1182px) {}

@media screen and (max-width:1000px) {}


@media screen and (max-width:900px) {}

@media screen and (max-width:600px) {}

/*@media for about*/


/*@media for art-list*/


@media screen and (max-width:1680px) {
	#top-news a .r {
		padding: 40px 32px;
		width: 50%;
	}

	#top-news a .r .tit {
		font-size: 23px;
		line-height: 30px;
	}

	#top-news a .r .des {
		font-size: 16px;
		line-height: 24px;
		margin-top: 32px;
		padding-top: 32px;
		margin-bottom: 32px;
	}

}

@media screen and (max-width:1440px) {
	#top-news a .r {
		padding: 30px 25px;
	}

	#top-news a .r .tit {
		font-size: 20px;
		line-height: 30px;
	}

	#top-news a .r .des {
		font-size: 14px;
		line-height: 23px;
		margin-top: 23px;
		padding-top: 23px;
		margin-bottom: 23px;
	}
}

@media screen and (max-width:1280px) {}

@media screen and (max-width:1182px) {


	#top-news {
		padding: 35px 0 35px;
	}
}

@media screen and (max-width:1000px) {

	#top-news a .r,
	#top-news a .l {
		width: 100%;
	}
}

@media screen and (max-width:900px) {}

@media screen and (max-width:600px) {}


/*@media for art-list*/



/*ld add new*/


/*xzd add new 20221119*/
/*#page-about*/
#about-content {
	padding: 100px 0;
}

#about-content .l {
	width: 46%;
}

#about-content .l .h2_s_title.two {
	margin-top: 30px;
}

#about-content .r {
	width: 50%;
}

#about-content .txt {
	font-size: 18px;
	line-height: 27px;
}


#about-content .r .img {
	position: relative;
}



#about-content .r .img img {
	display: block;
	width: 100%;
}

#about-content .r .img .swiper-button-prev {
	bottom: 0;
	top: unset;
	background-color: #fff;
	width: 95px;
	height: 95px;
	right: 95px;
	left: unset;
	background-size: 17px;
}

#about-content .r .img .swiper-button-next {
	bottom: 0;
	top: unset;
	background-color: #fff;
	width: 95px;
	height: 95px;
	right: 0px;
	left: unset;
	background-size: 17px;
}

#about-content .r .con {
	position: relative;
}

#about-content .r .con .tit {
	position: relative;
	bottom: 0;
	left: 0;
	background-color: rgba(15, 53, 128, 0.9);
	height: 95px;
	line-height: 95px;
	padding-left: 20px;
	font-size: 18px;
	color: #fff;
	width: 100%;
	text-transform: uppercase;
	font-weight: bold;
}

#about-content .r .img-box {}

#about-content .r .img-box .list {
	display: inline-block;
	margin-right: 60px;
	text-align: center;
}

#about-content .r .img-box .list:nth-child(4) {
	margin-right: 0;
}

#about-content .r .img-box .list p {
	font-size: 20px;
	line-height: 27px;
	font-weight: bold;
	margin: 10px 0 5px;
	color: #0f3580;
}

#about-content .r .img-box .list span {
	font-size: 13px;
	font-weight: bold;
	color: #0f3580;
}

#about-content .r .txt {
	margin: 40px 0 20px;
	font-weight: bold;
	font-size: 22px;
	line-height: 30px;
	text-transform: uppercase;
}


#about-his .h2_s_title {
	color: #fff;
}

#about-cul {
	padding: 100px 0;
}

#about-cul .l {
	width: 43%;
}

#about-cul .l img {
	display: block;
	width: 100%;
}

#about-cul .r {
	padding-top: 30px;
	width: 50%;
	padding-right: 160px;
}

#about-cul .r .cul-name {
	font-size: 33px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 60px 0 46px;
}

#about-cul .r .cul-name span {
	font-size: 24px;
	text-transform: uppercase;
	display: block;
	padding-left: 40%;
	margin-top: 20px;
}

#about-cul .r .txt {
	font-size: 18px;
	line-height: 27px;
	color: #2a2a2a;
}

#about-cul .r .qm {
	text-align: right;
}

#about-cul .r .qm img {
	margin-right: -100px;
}

#about-cul .cul-two {
	margin: 80px 0;
}

#about-cul .cul-two .txt {
	font-size: 18px;
	line-height: 28px;
	font-weight: bold;
}

.cul-thr .research__top {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.cul-thr .research__accordeon__field:nth-child(1) .research__top {
	background-image: url(/images/cb1.jpg);
	background-repeat: no-repeat;
	background-position: center 0px;
}

.cul-thr .research__accordeon__field:nth-child(2) .research__top {
	background-image: url(/images/cb2.jpg);
	background-repeat: no-repeat;
	background-position: center 0px;
}

.cul-thr .research__accordeon__field:nth-child(3) .research__top {
	background-image: url(/images/cb3.jpg);
	background-repeat: no-repeat;
	background-position: center 0px;
}

.cul-thr .research__accordeon__field:nth-child(4) .research__top {
	background-image: url(/images/cb4.jpg);
	background-repeat: no-repeat;
	background-position: center 0px;
}

.cul-thr .research__accordeon__field:nth-child(5) .research__top {
	background-image: url(/images/cb5.jpg);
	background-repeat: no-repeat;
	background-position: center 0px;
}

.cul-thr .research__top .tit {
	font-size: 22px;
	line-height: 30px;
	box-sizing: border-box;
	color: #fff;
	position: absolute;
	text-align: center;
	top: 240px;
	right: -38%;
	width: 300px;
	height: 25px;
	word-break: break-all;
	transform: rotateZ(90deg);
	text-align: left;
	padding-left: 20px;
	font-weight: bold;
}

.cul-thr .research__top .tit:before {
	position: absolute;
	top: -15px;
	left: -70px;
	right: 0;
	display: inline-block;
	transform: rotateZ(270deg);
	width: 60px;
	height: 60px;
}

.research__accordeon .research__accordeon__field:nth-child(1) .research__top .tit:before {
	content: url(/images/cult5.png);
}

.research__accordeon .research__accordeon__field:nth-child(2) .research__top .tit:before {
	content: url(/images/cult4.png);
}

.research__accordeon .research__accordeon__field:nth-child(3) .research__top .tit:before {
	content: url(/images/cult3.png);
}

.research__accordeon .research__accordeon__field:nth-child(4) .research__top .tit:before {
	content: url(/images/cult2.png);
}

.research__accordeon .research__accordeon__field:nth-child(5) .research__top .tit:before {
	content: url(/images/cult1.png);
}

#result {
	padding: 100px 0;
	background-color: #F7F7F7;
}

#result .w1510 .txt {
	font-size: 18px;
	line-height: 27px;
}

#result .re-box {
	margin-top: 60px;
}

#result .re-box .list {
	float: left;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 2%;
	padding: 75px 80px;
	position: relative;
	background-color: #fff;
	overflow: hidden;
}

#result .re-box .list:nth-child(3n) {
	margin-right: 0;
}

#result .re-box .list .con1 {
	text-align: center;
}

#result .re-box .list .con1 .img {
	margin-bottom: 40px;
	text-align: center;
}

#result .re-box .list .con1 .img img {
	height: 80px;
}

#result .re-box .list .con1 .tit {
	font-size: 20px;
	line-height: 25px;
	margin-bottom: 20px;
	font-weight: bold;
}

#result .re-box .list .con1 .des {
	font-size: 16px;
	line-height: 25px;
	color: #5f5f5f;
	height: 50px;
}

#result .re-box .list .con2 {
	position: absolute;
	left: 0;
	top: 10%;
	background-color: #0f3580;
	width: 100%;
	height: 100%;
	padding: 40px 30px;
	opacity: 0;
	transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
}

#result .re-box .list:hover .con2 {
	opacity: 1;
	top: 0;
}


#result .re-box .list .con2 .over-auto {
	overflow: auto;
}


#result .re-box .list .con2 .over-auto .con2-t-tit {
	font-size: 18px;
	margin-bottom: 15px;
	font-weight: bold;
	color: #fff;
}


#result .re-box .list .con2 .over-auto p {
	overflow: hidden;
	font-size: 15px;
	line-height: 25px;
	color: #fff;
}

#result .re-box .list .con2 .over-auto p span {
	text-transform: uppercase;
	font-size: 15px;
	line-height: 25px;
	font-weight: bold;
	float: left;
	width: 20%;
	color: #fff;
}

#result .re-box .list .con2 .over-auto p font {
	float: right;
	width: 80%;
	font-size: 16px;
	line-height: 25px;
	color: #fff;
}

#about-honor {
	padding: 100px 0;
}

#about-honor .top {
	position: relative;
}

#about-honor .top .swiper-button-box {
	position: absolute;
	top: 50px;
	right: 0;
	width: 30%;
}

#about-honor .top .swiper-button-box .swiper-button-next,
#about-honor .top .swiper-button-box .swiper-button-prev {
	background-color: rgba(200, 200, 200, 0.8);
	border-radius: 50%;
	width: 40px;
	height: 40px;
	background-size: 16px;
}

#about-honor .top .swiper-button-box .swiper-button-prev {

	right: 55px;
	left: unset;
}

#about-honor .top .swiper-button-box .swiper-pagination .swiper-pagination-bullet {
	width: 50px;
	height: 3px;
	display: inline-block;
	border-radius: unset;
}

#about-honor .top .swiper-button-box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #0E3580;
}

#about-honor .bottom {
	padding: 0 40px;
	margin-left: -40px;
}

#about-honor .bottom .img-box {
	padding: 62px 75px 15px;
	background-color: #f7f7f7;
	margin-top: 70px;
}

#about-honor .bottom .img-box .img {
    height: 290px;
    overflow: hidden;
}

#about-honor .bottom .img-box img {
    display: block;
    width: 100%;
    margin: 0 auto;
}

#about-honor .bottom .img-box .img-tit {
	font-size: 16px;
	line-height: 25px;
	color: #5f5f5f;
	text-align: center;
	height: 51px;
	margin: 15px 0;
	display: flex;
	align-items: center;
	text-align: center;
	justify-content: center;
}


#partner .txt {
	font-size: 16px;
	line-height: 25px;
	color: #5f5f5f;
	margin-bottom: 60px;
}

#partner .part-box {
	margin: 25px 0;
	padding-bottom: 25px;
	border-bottom: 2px solid #ddd;
	overflow: hidden;
}

#about-future {
	padding: 150px 0;
	background: url(/images/future-back.jpg) no-repeat;
	background-size: cover;
}

#about-future .h2_title {
	color: #fff;
}

#about-future .txt {
	color: #fff;
	margin-top: 50px;
	font-size: 16px;
	line-height: 25px;
	height: 20vw;
}


@media screen and (max-width:1680px) {
	#about-content .txt {
		font-size: 16px;
		line-height: 24px;
	}

	#about-content .r .con .tit {
		height: 75px;
		line-height: 75px;
		padding-left: 15px;
		font-size: 16px;
	}

	#about-content .r .img .swiper-button-prev {
		width: 75px;
		height: 75px;
		right: 75px;
		left: unset;
		background-size: 12px;
	}

	#about-content .r .img .swiper-button-next {
		width: 75px;
		height: 75px;
		right: 0px;
		left: unset;
		background-size: 12px;
	}

	#about-content .r .txt {
		margin: 35px 0 20px;
		font-size: 19px;
		line-height: 30px;
	}

	#about-content .r .img-box .list img {
		height: 50px;
	}

	#about-content .r .img-box .list:nth-child(4) img {
		height: 65px;
	}

	#about-content .r .img-box .list p {
		font-size: 16px;
		line-height: 24px;
	}

	#about-content .r .img-box .list {
		margin-right: 40px;
	}

	#about-cul .r {
		padding-right: 120px;
	}

	#about-cul .r .cul-name {
		font-size: 28px;
		margin: 50px 0 36px;
	}

	#about-cul .r .cul-name span {
		font-size: 20px;
		padding-left: 30%;
		margin-top: 20px;
	}

	#about-cul .r .txt {
		font-size: 16px;
		line-height: 24px;
		color: #2a2a2a;
	}

	#about-cul .r .qm img {
		margin-right: -75px;
		width: 190px;
	}

	#result .re-box .list {
		padding: 45px 50px;
	}

	#result .re-box .list .con1 .img img {
		height: 65px;
	}

	#result .re-box .list .con1 .img {
		margin-bottom: 30px;
	}

	#result .re-box .list .con1 .tit {
		font-size: 16px;
		line-height: 22px;
		margin-bottom: 15px;
	}

	#result .re-box .list .con1 .des {
		font-size: 14px;
		line-height: 22px;
	}

	#result .re-box .list .con2 .over-auto .con2-t-tit {
		font-size: 16px;
		margin-bottom: 10px;
	}

	#result .re-box .list .con2 .over-auto p span {
		font-size: 13px;
		line-height: 22px;
	}

	#result .re-box .list .con2 .over-auto p font {
		width: 80%;
		font-size: 14px;
		line-height: 22px;
	}

	#result .re-box .list .con2 {
		padding: 20px 24px;
		overflow: auto;
	}

	#result .re-box .list .con2::-webkit-scrollbar {
		width: 10px;
	}

	#result .re-box .list .con2::-webkit-scrollbar-thumb {
		border-radius: 10px;
		box-shadow: inset 0 0 5px rgba(50, 50, 250, 0.9);
		background: rgba(100, 100, 250, 0.9);
	}

	#result .re-box .list .con2::-webkit-scrollbar-track {
		box-shadow: inset 0 0 5px rgba(50, 50, 250, 0.9);
		border-radius: 0px;
		background: rgba(100, 100, 250, 0.1);
	}
}



@media screen and (max-width:1440px) {
	#about-content .txt {
		font-size: 14px;
		line-height: 22px;
	}

	#about-content .r .con .tit {
		height: 65px;
		line-height: 65px;
		padding-left: 15px;
		font-size: 14px;
	}

	#about-content .r .img .swiper-button-prev {
		width: 65px;
		height: 65px;
		right: 65px;
		left: unset;
		background-size: 10px;
	}

	#about-content .r .img .swiper-button-next {
		width: 65px;
		height: 65px;
		right: 0px;
		left: unset;
		background-size: 10px;
	}

	#about-content .r .txt {
		margin: 25px 0 20px;
		font-size: 16px;
		line-height: 25px;
	}

	#about-content .r .img-box .list img {
		height: 40px;
	}

	#about-content .r .img-box .list:nth-child(4) img {
		height: 55px;
	}

	#about-content .r .img-box .list p {
		font-size: 14px;
		line-height: 22px;
	}

	#about-content .r .img-box .list span {
		font-size: 12px;
	}

	#about-content .r .img-box .list {
		margin-right: 20px;
	}


	#about-cul .r {
		padding-right: 90px;
	}

	#about-cul .r .cul-name {
		font-size: 24px;
		margin: 40px 0 30px;
	}

	#about-cul .r .cul-name span {
		font-size: 18px;
		padding-left: 25%;
		margin-top: 20px;
	}

	#about-cul .r .txt {
		font-size: 14px;
		line-height: 23px;
	}

	#about-cul .r .qm img {
		margin-right: -45px;
		width: 160px;
	}

	#result .w1510 .txt {
		font-size: 14px;
		line-height: 25px;
	}

	#about-honor .top .swiper-button-box {
		width: 21%;
	}

	#about-honor .bottom .img-box {
		padding: 42px 55px 15px;
		margin-top: 90px;
	}

}

@media screen and (max-width:1280px) {



	#about-cul .r {
		padding-right: 10px;
	}

	#about-cul .r .qm img {
		margin-right: 0px;
		width: 130px;
	}

	#about-honor .top .swiper-button-box {
		position: absolute;
		top: 100px;
		left: 0;
		width: 100%;
	}

	#about-honor .bottom .img-box {
		padding: 22px 35px 15px;
	}

	#about-honor .bottom .img-box .img-tit {
		font-size: 14px;
		line-height: 22px;
	}
}

@media screen and (max-width:1182px) {
	#adv-cate {
		border-top: 1px solid #ccc;
	}

	#adv-cate a {
		height: 45px;
		line-height: 45px;
	}

	#about-content {
		padding: 30px 0;
	}

	#about-content .r,
	#about-content .l {
		width: 100%;
	}

	#about-content .r {
		margin-top: 20px;
	}

	.position {
		padding: 15px 0;
		margin-top: 0px !important;
		text-align: left !important;
	}

	.position a {
		color: #787878 !important;
		font-size: 13px;
	}

	#about-cul {
		padding: 30px 0;
	}

	#result {
		padding: 30px 0;
	}

	#result .w1510 .txt {
		font-size: 13px;
		line-height: 22px;
	}

	#about-honor {
		padding: 30px 0;
	}

	#about-honor .top .swiper-button-box {
		position: absolute;
		top: 135px;
		left: 0;
		width: 100%;
	}

	#partner {
		padding: 30px 0;
	}

	#partner .txt {
		font-size: 14px;
		line-height: 22px;
		margin-bottom: 20px;
		width: 100% !important;
	}

	#about-future {
		padding: 80px 0;
	}

	#about-future .txt {
		margin-top: 20px;
		font-size: 16px;
		line-height: 25px;
		height: auto;
		width: 100% !important;
	}

	#banner_page .w1510 span {
		font-size: 18px;
		line-height: 27px;
	}
}

@media screen and (max-width:1000px) {

	#about-cul .r,
	#about-cul .l {
		width: 100%;
	}

	#about-cul .l img {
		display: block;
		width: 100%;
		margin: 0 auto;
		padding: 0 20%;
		min-width: 310px;
	}

	#result .re-box .list {
		padding: 25px 15px;
		width: 100%;
	}

}

@media screen and (max-width:900px) {}

@media screen and (max-width:600px) {
	#about-content .r .img-box .list {
		width: 100%;
		text-align: left;
		margin-bottom: 10px;
	}

	#about-content .r .con .tit {
		height: auto;
		line-height: 25px;
		padding-left: 15px;
		font-size: 13px;
	}

	#about-content .r .img .swiper-button-prev {
		width: 25px;
		height: 25px;
		right: 25px;
		background-size: 5px;
	}

	#about-content .r .img .swiper-button-next {
		width: 25px;
		height: 25px;
		right: 0px;
		background-size: 5px;
	}

	#about-content .r .txt {
		font-size: 13px;
	}

	#about-cul .l img {
		padding: 0;
		min-width: unset;
	}

	#banner_page .w1510 span {
		font-size: 14px;
		line-height: 23px;
	}
}

/*#page-about*/


/*#page-adv-team*/
#team-adv {
	padding: 100px 0;
	background-color: #f7f7f7;
}

#team-adv .list {
	float: left;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 2%;
	padding: 48px 46px;
	background-color: #fff;
	background-position: 46px 48px;
	background-size: auto 57px;
	background-repeat: no-repeat;
	transition: all 0.3s ease-in;
}

#team-adv .list:hover {
	background-color: #0e357f;
}

#team-adv .list:nth-child(3n) {
	margin-right: 0;
}

#team-adv .list .h2_s_title {
	margin-top: 85px;
	margin-bottom: 15px;
}

#team-adv .list .txt {
	font-size: 16px;
	line-height: 25px;
	color: #5f5f5f;
	height: 100px;
}

#team-adv .list:nth-child(1) {
	background-image: url(/images/at1.png);
}

#team-adv .list:nth-child(1):hover {
	background-image: url(/images/at11.png);
}

#team-adv .list:nth-child(2) {
	background-image: url(/images/at2.png);
}

#team-adv .list:nth-child(2):hover {
	background-image: url(/images/at22.png);
}

#team-adv .list:nth-child(3) {
	background-image: url(/images/at3.png);
}

#team-adv .list:nth-child(3):hover {
	background-image: url(/images/at33.png);
}

#team-adv .list:nth-child(4) {
	background-image: url(/images/at4.png);
}

#team-adv .list:nth-child(4):hover {
	background-image: url(/images/at44.png);
}

#team-adv .list:nth-child(5) {
	background-image: url(/images/at5.png);
}

#team-adv .list:nth-child(5):hover {
	background-image: url(/images/at55.png);
}

#team-adv .list:nth-child(6) {
	background-image: url(/images/at6.png);
}

#team-adv .list:nth-child(6):hover {
	background-image: url(/images/at66.png);
}

#team-adv .list:hover * {
	color: #fff;
}

#about-honor.team {
	padding-bottom: 0;
}

#about-honor .txt {
	width: 70%;
	font-size: 18px;
	line-height: 25px;
	color: #5f5f5f;
}

#about-honor .bottom.team-box .img-box {
	padding: 0;
	position: relative;
}

#about-honor .bottom.team-box .img-box .img-tit {
	position: absolute;
	height: 77px;
	line-height: 77px;
	background-color: #0e357f;
	color: #fff;
	opacity: 0;
	width: 100%;
	bottom: 0;
	left: 0;
	margin: 0;
	transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
}

#about-honor .bottom.team-box .img-box:hover .img-tit {
	opacity: 1;
}

@media screen and (max-width:1680px) {
	#team-adv .list {
		padding: 35px 35px;
		background-position: 35px 35px;
		background-size: auto 45px;
	}

	#team-adv .list .h2_s_title {
		margin-top: 55px;
		margin-bottom: 15px;
	}

	#team-adv .list .txt {
		font-size: 14px;
		line-height: 22px;
		color: #5f5f5f;
		height: 100px;
	}
}

@media screen and (max-width:1440px) {
	#about-honor .bottom.team-box .img-box {
		margin-top: 30px;
	}

	#about-honor .txt {
		width: 70%;
		font-size: 16px;
		line-height: 25px;
	}
}

@media screen and (max-width:1280px) {
	#team-adv .list {
		padding: 25px 25px;
		background-position: 25px 25px;
		background-size: auto 40px;
	}
}

@media screen and (max-width:1182px) {
	#team-adv {
		padding: 30px 0;
	}

	#team-adv .list {
		padding: 20px 20px;
		background-position: 20px 20px;
		background-size: auto 35px;
	}


	#about-honor .txt {
		width: 100%;
		font-size: 14px;
		line-height: 23px;
	}
}

@media screen and (max-width:1000px) {

	#team-adv .list {
		width: 49%;
	}

	#team-adv .list:nth-child(3n) {
		margin-right: 2%;
	}

	#team-adv .list:nth-child(2n) {
		margin-right: 0%;
	}
}

@media screen and (max-width:900px) {}

@media screen and (max-width:700px) {

	#team-adv .list {
		width: 100%;
	}

	#team-adv .list .txt {
		height: auto;
	}
	
}

@media screen and (max-width:600px) {
	
	#about-honor .txt {
		width: 100%;
		font-size: 13px;
		line-height: 21px;
	}
}

/*page adv team*/



/*page adv cust*/
#sheb-top .bottom {
	position: relative;
}

#sheb-top .bottom .left {
	position: absolute;
	left: 0;
	bottom: 0;
}

#sheb-top .bottom .right.img-box .list {
	display: inline-block;
	margin-right: 60px;
	text-align: center;
}

#sheb-top .bottom .right.img-box .list p {
	font-size: 20px;
	line-height: 27px;
	font-weight: bold;
	margin: 10px 0 5px;
	color: #0f3580;
}

#sheb-top .bottom .right.img-box .list span {
	font-size: 13px;
	font-weight: bold;
	color: #0f3580;
}

#cust-pro {
	padding: 100px 0;
}

#cust-pro .pro-box {
	position: relative;
}

#cust-pro .pro-box .swiper-button-next {

	background-color: #ccc;
	border-radius: 50%;
	background-size: 11px;
	width: 35px;
	height: 35px;
	right: -70px;
}

#cust-pro .pro-box .list {
	padding: 25px;
	display: block;
	border: 1px solid #e1e1e1;
}

#cust-pro .pro-box .list .img {
	height: 13.28vw;
	display: flex;
	justify-content: center;
	align-items: center;
}

#cust-pro .pro-box .list .img img {
	max-height: 95%;
}

#cust-pro .pro-box .list p {
	height: 65px;
	line-height: 27px;
	font-size: 18px;
	color: #5f5f5f;
	font-weight: bold;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}


@media screen and (max-width:1680px){
	
}
@media screen and (max-width:1440px){
	
		#sheb-top .bottom .right.img-box .list {
		    margin-right: 25px;
		}
		
		#sheb-top .bottom .right.img-box .list img{
			height: 55px;
		}
		
		#sheb-top .bottom .right.img-box .list p {
		    font-size: 16px;
		    line-height: 25px;
		}
		
		#sheb-top .bottom .right.img-box .list span {
		    font-size: 12px;
		}
		
		#cust-pro .pro-box .list {
		    padding: 15px;
		}
		#cust-pro .pro-box .list p {
		    height: 60px;
		    line-height: 25px;
		    font-size: 14px;
		}
		
}
@media screen and (max-width:1280px){
	
}
@media screen and (max-width:1182px){
	
	
	#sheb-top .bottom>a.left {
	    position: relative;
	}
	
	#sheb-top .bottom .right.img-box{
		display:none;
	}
	
	#cust-pro {
	    padding: 30px 0;
	}
	
	#cust-pro .pro-box .swiper-button-next{
		right: 0;
	}
}
@media screen and (max-width:1000px){
	#cust-pro .pro-box .list .img {
	    height: 26vw;
	}
}
@media screen and (max-width:900px){}
@media screen and (max-width:600px){
	#cust-pro .pro-box .list .img {
	    height: 81vw;
	}
}
/*page adv cust*/


/*#pro-list*/

.position {
	padding: 35px 0;
	text-align: right;
	margin-top: -95px;
	position: relative;
	z-index: 111;
}

#pro-page-box {
	background-color: #f7f7f7;
}

#pro-page-box .pro-sear-box .top .right .cs {
	display: inline-block;
	margin-left: 25px;
	background-color: #0F3580;
	color: #fff;
	width: 140px;
	text-align: center;
	font-size: 16px;
	height: 40px;
	line-height: 40px;
	border-radius: 10px;
}


#pro-page-box .pro-sear-box .bottom {
	padding: 40px 55px;
	border: 1px solid #ccc;
	margin-top: 20px;
}

#pro-page-box .pro-sear-box .bottom .list {
	padding-bottom: 13px;
	margin-bottom: 33px;
	border-bottom: 1px dashed #ccc;
	overflow: hidden;
}

#pro-page-box .pro-sear-box .bottom .list .l {
	width: 18%;
	min-width: 240px;
	font-size: 20px;
	color: #9d9d9d;
	font-weight: bold;
}

#pro-page-box .pro-sear-box .bottom .list .r {
	width: 81%;
}

#pro-page-box .pro-sear-box .bottom .list .r a {
	display: inline-block;
	font-size: 16px;
	margin-right: 48px;
	margin-bottom: 20px;
	font-weight: bold;
}

#pro-page-box .pro-sear-box .bottom .list .r a:hover,
#pro-page-box .pro-sear-box .bottom .list .r a.active {
	color: #0F3580;
}


#pro-list {
	padding: 100px 0;
}

#pro-list .list {
	display: block;
	float: left;
	width: 23.5%;
	margin-right: 2%;
	margin-bottom: 2%;
	padding: 25px;
	border: 1px solid #dedede;
}

#pro-list .list:nth-child(4n) {
	margin-right: 0;
}

#pro-list .list .img {
	height: 17.28vw;
	display: flex;
	justify-content: center;
	align-items: center;margin-bottom:15px;
}

#pro-list .list .img img {
    max-height: 95%;
    max-width: 95%;width:auto;
}

#pro-list .list .f-box {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	height: 130px;
}

#pro-list .list .f-box .con{
width:100%;
}

#pro-list .list .tit {
	font-size: 20px;
	line-height: 28px;
	height: 65px;
	margin-bottom: 5px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

#pro-list .list:hover .tit {
	color: #0F3580;
}

#pro-list .list .des {
	font-size: 18px;
	line-height: 26px;
	text-align: left;
	height: 0px;
	margin-bottom: -20px;
	overflow: hidden;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

#pro-list .list:hover .des {
	height: 65px;
	margin-bottom: 0px;
}

@media screen and (max-width:1680px) {
	#pro-page-box .pro-sear-box .bottom .list .l {
	    width: 15%;
	    min-width: 200px;
	    font-size: 16px;
	}
	#pro-page-box .pro-sear-box .bottom .list .r a {
	    font-size: 14px;
	    margin-right: 40px;
	    margin-bottom: 20px;
	}
}

@media screen and (max-width:1440px) {
	#pro-list .list .tit {
	    font-size: 16px;
	    line-height: 25px;
	    height: 65px;
	}
	#pro-list .list .des {
	    font-size: 14px;
	    line-height: 24px;
	}
	
	#pro-page-box .pro-sear-box .bottom .list .r {
	    width: 100%;
	    margin-top: 25px;
	}
}

@media screen and (max-width:1280px) {
	
}

@media screen and (max-width:1182px) {
	#pro-list .list .f-box {
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    text-align: center;
	    height: 100px;
	}
	#pro-list .list .tit {
	    font-size: 14px;
	    line-height: 24px;
	    height: 50px;
	}
	#pro-list .list .des {
	    font-size: 12px;
	    line-height: 20px;
	}
	#pro-list .list:hover .des {
	    height: 50px;
	    margin-bottom: 0px;
	}
	#pro-page-box .pro-sear-box .bottom {
	    padding: 20px 25px;
	    border: 1px solid #ccc;
	    margin-top: 10px;
	}
	
	#pro-page-box .pro-sear-box .bottom .list {
	    margin-bottom: 15px;
	}
	
	#pro-page-box .pro-sear-box .bottom .list .r {
	    width: 100%;
	    margin-top: 15px;
	}
	
	#pro-list {
	    padding: 20px 0;
	}
        #pages{padding: 30px 0;}
		
		#pro-page-box .pro-sear-box .bottom .list .l {
		    width: 15%;
		    min-width: 200px;
		    font-size: 13px;
		    line-height: 18px;
		}
		
		
		
		#pro-page-box .pro-sear-box .top .right .cs {
		    font-size: 13px;
		    height: 30px;
		    line-height: 30px;
		}
		
		.onlineurl {
		    margin-top: 10px !important;
		    font-size: 13px !important;
			line-height: 30px !important;
			height: 30px !important;
		}
}

@media screen and (max-width:1000px) {
	#pro-list .list{
		width: 32%;
		padding: 10px;
	}
	
	#pro-list .list:nth-child(4n){
		margin-right:2%;
	}
	
	#pro-list .list:nth-child(3n){
		margin-right:0%;
	}

        #pro-list .list .img {
        height: 28.28vw;}

        #pro-list .list .f-box {
            height: 65px;
        }
}
@media screen and (max-width:600px) {
	#pro-list .list{
		width: 49%;
	}
	
	#pro-list .list .img {
	    height: 39vw;
	    width: 100%;
	}
	
	#pro-list .list:nth-child(3n){
		margin-right:2%;
	}
	
	#pro-list .list:nth-child(2n){
		margin-right:0%;
	}
	
	#pro-list .list .tit{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	#pro-list .list .f-box{
		height: auto;
	}
	
	#pro-list .list .des{
		display: none;
	}
	
	#pro-page-box .pro-sear-box .bottom .list .r a {
	    font-size: 12px;
	    margin-right: 30px;
	    margin-bottom: 10px;
	}
}
@media screen and (max-width:400px) {
	
}
/*pro-list*/



/*pro-show*/
#pro-des-con {
	padding: 80px 0;
	background-color: #f7f7f7;
}

#pro-des-con .con-height {
	padding: 15px 0 75px;
	font-size: 14px !important;
	line-height: 28px !important;
	position: relative;
}

#pro-des-con .con-height * {
	font-size: 14px !important;
	line-height: 28px !important;
}

#pro-des-con .con-height img {
	display: block;
	max-width: 100%;
}

#pro-des-con .pro-tab table {
	width: 100%;
}

#pro-des-con .pro-tab table tr {
	display: inline-table;
}

#pro-des-con .pro-tab img {
	display: block;
	width: 100%;
}

#pro_slick .l {
	width: 46%;
}

#pro_slick .l .keywords {
	margin: 35px 0 55px;
}

#pro_slick .l .keywords span {
	padding: 5px 15px;
	background-color: #dcdcdc;
	color: #808080;
	display: inline-block;
	margin-right: 15px;
	font-size: 12px;
	border-radius: 15px;
	width: auto;
}

#pro_slick .l .para-list {
	overflow: hidden;
}

#pro_slick .l .para-list .list {
	float: left;
	width: 50%;
	padding-right: 2%;
	height: 80px;
	margin-bottom: 20px;
}

#pro_slick .l .para-list .list div {
	font-size: 18px;
	line-height: 26px;
	margin-bottom: 10px;
	font-weight: bold;
}

#pro_slick .l .para-list .list p {
	font-size: 15px;
	line-height: 23px;
	color: #777777;
}


#pro_slick .l .down {
	font-size: 15px;
	color: #0F3580;
	height: 40px;
	line-height: 40px;
	padding: 0px 20px;
	padding-right: 40px;
	width: 310px;
	background: url(/images/downl.png) no-repeat;
	background-position: 270px center;
	border: 1px solid #0F3580;
	display: block;
}


#pro_slick .r {
	width: 46%;
	position: relative;
	margin-top: 10%;
}

#pro_slick .r img {
	display: block;
	width: 65%;
	margin: 0 auto;
}


#pro-des-con .left {
	width: 48%;
}

#pro-des-con .right {
	width: 48%;
}

#pro-des-con .left img,
#pro-des-con .right img {
	max-width: 100%;
	display: block;
}

#about-honor.pro-app .bottom .img-box {
	position: relative;
}

#about-honor.pro-app .bottom .img-box * {
	color: #fff;
	text-align: left;
}

#about-honor.pro-app .bottom .img-box .con {
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    padding: 45px 50px;
    background-color: rgba(0,0,0,0.2);
    height: 100%;
    padding-top: 42%;
}

#about-honor.pro-app .bottom .img-box .img-tit {
	display: block;
}





@media screen and (max-width:1680px) {}

@media screen and (max-width:1440px) {
	#pro_slick .l .para-list .list {
	    float: left;
	    width: 50%;
	    padding-right: 2%;
	    height: 70px;
	    margin-bottom: 15px;
	}
	#pro_slick .l .para-list .list div {
	    font-size: 16px;
	    line-height: 25px;
	    margin-bottom: 5px;
	}
	#pro_slick .l .para-list .list p {
	    font-size: 13px;
	    line-height: 21px;
	}
	
	#about-honor.pro-app .bottom .img-box .con {
	    position: absolute;
	    bottom: 0px;
	    left: 0;
	    width: 100%;
	    padding: 35px 45px;
	    padding-top: 10px;
	}
}

@media screen and (max-width:1280px) {}

@media screen and (max-width:1182px) {
	#pro_slick .l .keywords {
	    margin: 20px 0 25px;
	}
	#pro_slick .l,#pro_slick .r {
	    width: 100%;
	}
	
	#pro_slick .r img {
	    display: block;
	    width: 80%;
	    margin: 0 auto;
	    max-width: 400px;
	}
	
	#pro-des-con {
	    padding: 25px 0;
	}
	
	#pro-des-con .con-height {
	    padding: 15px 0 35px;
	    font-size: 13px !important;
	    line-height: 24px !important;
	}
	
	#pro-des-con .left{
		width:100%;
	}
	
	#pro-des-con .right{
		width:100%;
		margin-top:20px;
	}
	
	#about-honor.pro-app .top .swiper-button-box .swiper-button-prev {
	    left: 0px;
	}
	
	#about-honor.pro-app .top .swiper-button-box .swiper-button-next{
	    left: 55px;
	}
	
	
	#about-honor.pro-app .bottom .img-box .con {
	    position: absolute;
	    bottom: 0px;
	    left: 0;
	    width: 100%;
	    padding: 15px 20px;
	    padding-top: 10px;
	}
	
	#about-honor .bottom .img-box .h2_s_title{
		margin-bottom:5px;
	}
	
	#about-honor.pro-app .bottom .img-box .img-tit {
	    font-size: 12px;
	    line-height: 20px;
		margin:5px 0;
	}
	
}

@media screen and (max-width:700px) {
	
	#about-honor.pro-app .bottom .img-box .img-tit {
	    display: none;
	}
	
	#about-honor.pro-app .bottom{
		width:85% !important;
	}
}
@media screen and (max-width:600px) {
	
}

@media screen and (max-width:400px) {
	#pro_slick .l .para-list .list {
	    width: 100%;
	    height: auto;
	}
	
	#about-honor.pro-app .bottom{
		width:100% !important;
	}
	
	#about-honor.pro-app .bottom .img-box .con {
	    padding: 5px 10px;
	    padding-top: 10px;
	}
	
	#about-honor.pro-app .bottom .img-box .con .h2_s_title{
	    font-size:12px;
	}
}

/*pro-show*/

/*app-list*/


.app-box.left {
	float: unset;
}

.app-box.right {
	float: unset;
}

.app-box.right .w1510,
.app-box.left .w1510 {
	width: 80%;
	margin: 0 auto;
}

.app-box .con a {
	display: block;
	width: 220px;
	font-size: 16px;
	line-height: 45px;
	height: 45px;
	text-align: center;
	border: 1px solid #0f3580;
	color: #0F3580;
	margin-top: 40px;
	font-weight: bold;
	transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
}

.app-box .con a:hover {
	color: #fff;
	background-color: #0f3580;
}

@media screen and (max-width:1440px) {
	.app-box .con {
	    padding-top: 20px;
	}
	.app-box .con a {
	    width: 180px;
	    font-size: 13px;
	    line-height: 40px;
	    height: 40px;
	    margin-top: 25px;
	}
}


@media screen and (max-width:1182px) {
	.app-box.right .w1510, .app-box.left .w1510 {
	    width: 100%;
	}
	
	.app-box .con {
	    padding-top: 0;
	}
}

/*app-list*/


/*page-ser*/

#ser-top {
	background-color: #f7f7f7;
	padding: 100px 0;
}

#ser-top .icon-list {
	margin: 55px 0;
}

#ser-top .icon-list p {
	font-size: 18px;
	line-height: 30px;
	margin-bottom: 15px;
	height: 30px;
	background-position: left center;
	padding-left: 40px;
	color: #0F3580;
}

#ser-top .icon-list p:nth-child(1) {
	background: url(/images/sticonp.png) no-repeat;
}

#ser-top .icon-list p:nth-child(2) {
	background: url(/images/sticone.png) no-repeat;
}

#ser-top .ser-box {
	overflow: hidden;
}

#ser-top .ser-box .list {
	padding: 55px 55px 30px;
	padding-top: 134px;
	transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	width: 32%;
	margin-right: 2%;
}

#ser-top .ser-box .list:nth-child(1) {
	background: url(/images/sicon1.png) no-repeat;
	background-color: #fff;
	background-position: 55px 55px;
}

#ser-top .ser-box .list:nth-child(2) {
	background: url(/images/sicon2.png) no-repeat;
	background-color: #fff;
	background-position: 55px 55px;
}

#ser-top .ser-box .list:nth-child(3) {
	background: url(/images/sicon3.png) no-repeat;
	background-color: #fff;
	background-position: 55px 55px;
}

#ser-top .ser-box .list:nth-child(1):hover {
	background: url(/images/sicon11.png) no-repeat;
	background-position: 55px 55px;
	background-color: #0F3580;
}

#ser-top .ser-box .list:nth-child(2):hover {
	background: url(/images/sicon22.png) no-repeat;
	background-position: 55px 55px;
	background-color: #0F3580;
}

#ser-top .ser-box .list:nth-child(3):hover {
	background: url(/images/sicon33.png) no-repeat;
	background-position: 55px 55px;
	background-color: #0F3580;
}

#ser-top .ser-box .list:hover {}


#ser-top .ser-box .list .tit {
	font-size: 20px;
	line-height: 28px;
	margin-bottom: 10px;
}

#ser-top .ser-box .list .des {
	font-size: 16px;
	line-height: 25px;
	height: 75px;
}

#ser-top .ser-box .list:hover * {
	color: #fff;
}

#ser-bottom {
	padding: 100px 0 0;
}

#ser-bottom .h2_s_title,
#ser-bottom .h2_title {
	text-align: center;
}

#ser-bottom .ser-b-box {
	margin-top: 60px;
	overflow: hidden;
}

#ser-bottom .ser-b-box .list {
	position: relative;
	float: left;
	width: 16.25%;
	margin-right: 0.5%;
}

#ser-bottom .ser-b-box .list:nth-child(6) {
	margin-right: 0;
}

#ser-bottom .ser-b-box .list img {
	display: block;
	width: 100%;
}

#ser-bottom .ser-b-box .list .con1 {
	position: absolute;
	bottom: 40px;
	left: 0;
	opacity: 1;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	text-align: center;
	width: 100%;
	height: 10%;
}

#ser-bottom .ser-b-box .list .tit {
	font-size: 17px;
	line-height: 24px;
	font-weight: bold;
	opacity: 1;
	color: #fff;
	text-transform: uppercase;
}

#ser-bottom .ser-b-box .list .des {
	font-size: 14px;
	line-height: 23px;
}

#ser-bottom .ser-b-box .list .con2 {
	position: absolute;
	bottom: 40px;
	left: 0;
	opacity: 0;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	text-align: center;
	padding: 0 40px;width: 100%;
}

#ser-bottom .ser-b-box .list .con2 .tit {
	margin-bottom: 20px;
}

#ser-bottom .ser-b-box .list .con2 * {
	color: #fff;
}

#ser-bottom .ser-b-box .list:hover .con1 {
	height: 100%;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.5);
}

#ser-bottom .ser-b-box .list:hover .con1 .tit {
	opacity: 0;
}

#ser-bottom .ser-b-box .list:hover .con2 {
	opacity: 1;
}

@media screen and (max-width:1680px){
	
	#ser-top .ser-box .list {
	    padding: 55px 25px 30px;
	    padding-top: 90px;
	    transition: all 0.3s ease-in;
	    -webkit-transition: all 0.3s ease-in;
	    width: 32%;
	    margin-right: 2%;
	}
	#ser-top .ser-box .list:nth-child(1),
	#ser-top .ser-box .list:nth-child(2),
	#ser-top .ser-box .list:nth-child(3)
	{
	    background-position: 25px 25px;
	    background-size: 40px;
	}
	
	#ser-top .ser-box .list:hover:nth-child(1),
	#ser-top .ser-box .list:hover:nth-child(2),
	#ser-top .ser-box .list:hover:nth-child(3)
	{
	    background-position: 25px 25px;
	    background-size: 40px;
	}
	
	#ser-top .ser-box .list .tit {
	    font-size: 16px;
	    line-height: 25px;
	    margin-bottom: 10px;
	}
	
	#ser-top .ser-box .list .des {
	    font-size: 14px;
	    line-height: 22px;
	    height: 65px;
	}
}
@media screen and (max-width:1440px){
	
	#ser-bottom .ser-b-box .list .con2 {
	    padding: 0 15px;
	}

	#ser-bottom .ser-b-box .list .tit {
	    font-size: 15px;
	    line-height: 22px;
	}
		
	#ser-bottom .ser-b-box .list .des {
	    font-size: 13px;
	    line-height: 20px;
	}
}
@media screen and (max-width:1182px){
	#ser-top {
		padding:30px 0;
	}
	#ser-top .icon-list {
	    margin: 15px 0;
	}
	#ser-bottom {
	    padding: 30px 0 0;
	}
	
	#ser-bottom .ser-b-box {
	    margin-top: 10px;
	}
	
	#ser-bottom .ser-b-box .list {
	    width: 33%;
	    margin-right: 0.5%;
		margin-bottom:0.5%;
	}
	#ser-bottom .ser-b-box .list:nth-child(3n) {
	    margin-right: 0;
	}
	
	#ser-bottom .ser-b-box .list .con1 .tit{
	    opacity: 0;
	}
	#ser-bottom .ser-b-box .list:hover .con1,#ser-bottom .ser-b-box .list .con1{
	    height: 100%;
	    bottom: 0;
	    background-color: rgba(0, 0, 0, 0.5);
	}
	#ser-bottom .ser-b-box .list .con2,#ser-bottom .ser-b-box .list:hover .con2 {
	    opacity: 1;
	}
}
@media screen and (max-width:1000px){
	#ser-top .ser-box .list{
		width:100%;
		margin-top:10px;
	}
	
	#ser-top .ser-box .list .des{
		height:auto;
	}
}	

@media screen and (max-width:600px){	
	
	#ser-bottom .ser-b-box .list {
	    width: 49%;
	    margin-right: 1%;
		margin-bottom:1%;
	}
	#ser-bottom .ser-b-box .list:nth-child(3n) {
	    margin-right: 1%;
	}
	#ser-bottom .ser-b-box .list:nth-child(2n) {
	    margin-right: 0%;
	}
}

/*page-ser*/


/*article-list*/


.top-news a {
	float: unset;
	width: unset;
}

.top-news .r {
	height: 27.5vw;
}

#news-index .top-news .r .n-box a {
	border-bottom: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}

#news-index .top-news .r .n-box a .n-tit {
	width: 100%;
}

#news-index .top-news .r .n-box a .n-time {
	position: relative;
	width: 100%;
}

#news-index .top-news .r>.url {
	position: absolute;
	bottom: 0;
	width: 100%;
	margin-bottom: 0;
}

#news-index .top-news .r .n-box a .n-tit {
	width: 100%;
}

#news-index .top-news .r .n-box a .n-des {
	width: 100%;
}


#news-index .top-news .n-box .n-time {
	background: unset;
	margin-bottom: 40px;
}

#news-index .top-news .n-box .n-time span {
	display: inline-block;
	margin-right: 20px;
	height: 25px;
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 30px;
	line-height: 25px;
	width: auto;
	font-size: 12px;
}

#news-index .top-news .n-box .n-time span:nth-child(1) {
	background-image: url(/images/time.png);
}

#news-index .top-news .n-box .n-time span:nth-child(2) {
	background-image: url(/images/icon_author.png);
}


#sheb-box.news {
	background-color: unset;
	padding-top: 0;
}

#sheb-box.news a {
	position: relative;
}

#sheb-box.news a .catename {
    top: 0;
    left: 0;
    font-size: 20px;
    padding: 10px 30px;
    background-color: #515862;
    display: inline-block;
    position: absolute;
    color: #fff;
    z-index: 1;
}


#sheb-box.news a:hover .catename {
	background-color: #0e357f;
}

#sheb-box.news a {
	background-color: unset;
}

#sheb-box.news a:hover {
	background-color: unset;
}

#sheb-box.news a p {
	text-align: left;
	font-weight: bold;
}

#sheb-box.news a:hover p {
	color: #0e357f
}


#sheb-box.news a .time span {
	display: inline-block;
	margin-right: 20px;
	height: 25px;
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 30px;
	line-height: 25px;
	width: auto;
	font-size: 12px;
	font-weight: bold;
	background-image: url(/images/time.png);
	color: #515862;
}

#sheb-box.news a:hover .time span {
	color: #000;
}

#sheb-box.news a p{
	display: block;
}

@media screen and (max-width:1680px){
	
}
@media screen and (max-width:1440px){
	#sheb-box.news a .catename{
		font-size:16px;
	}
}
@media screen and (max-width:1280px){
	#sheb-box.news a {
	    padding: 0px;
	}
	#sheb-box a p {
	    font-size: 13px;
	    line-height: 20px;
	    text-align: center;
	    height: 51px;
	    overflow: hidden;
	}
}
@media screen and (max-width:1182px){
	#news-index {
	    padding: 0;
	}
}
@media screen and (max-width:900px){
	#sheb-box.news a .catename {
	    font-size: 12px;
	    padding: 5px 5px;
	}
}
@media screen and (max-width:600px){}
@media screen and (max-width:400px){}

/*article-list*/


/*page-contact*/

#form-table {
	background-color: #f5f5f5;
}

#form-table .map {
	width: 48%;
	float: left;
}

#form-table .map img {
	display: block;
	width: 100%;
}

#form-table .table-box {
	float: right;
	width: 48%;
}

#form-table .message-box {
	margin-top: 40px;
}

@media screen and (max-width:1182px) {
	#form-table .message-box {
		margin-top: 30px;
	}


	.subinp {
		width: 100px;
		font-size: 14px;
	}
}

@media screen and (max-width:1000px) {
	#form-table .map {
	    width: 100%;
		margin-bottom:30px;
	}
	
	#form-table .map img{
		max-width:500px;
		margin:0 auto;
		display:block;
	}
	
	#form-table .table-box{
		width:100%;
	}
}
@media screen and (max-width:600px) {


	#form-table .table-box .txt-inp {
		width: 100%;
		margin-top: 10px;
	}

	#form-table .table-box form .txt-inp:nth-child(1) {
		margin-top: 0;
	}
}

#form-table .top-box {
	overflow: hidden;
	padding: 100px 0;
}

#form-table .top-box .list {
    float: left;
    width: 32%;
    margin-right: 2%;
    padding: 30px 40px;
    background-color: #fff;
    border-radius: 10px;
    position: relative;
}

#form-table .top-box .list::after {
	content: "";
	display: block;
	position: absolute;
	width: 0%;
	height: 5px;
	bottom: 2px;
	left: 0;
	background-color: #0F3580;
	border-radius: 0 0 10px 10px;
	transition: all 0.3s;
}

#form-table .top-box .list:hover::after {
	width: 100%;
}

#form-table .top-box .list:nth-child(3) {
	margin-right: 0;
}

#form-table .top-box .list .con1 {
	height: auto;
	overflow: hidden;
}

#form-table .top-box .list .con1 .pos-box {
    padding-top: 0;
    padding-left: 80px;
    background-repeat: no-repeat;
    background-position: left top;
    position: relative;
    top: 0;
    transition: all 0.3s;
}

#form-table .top-box .list:nth-child(1) .con1 .pos-box {
	background-image: url(/images/phones.png);
	background-size: auto 35px;
}

#form-table .top-box .list:nth-child(2) .con1 .pos-box {
	background-image: url(/images/emails.png);
	background-size: auto 30px;
}

#form-table .top-box .list:nth-child(3) .con1 .pos-box {
	background-image: url(/images/adds.png);
	background-size: auto 45px;
}

/* #form-table .top-box .list:hover .con1 .pos-box {
	top: -85px;
} */

#form-table .top-box .list .con1 .pos-box .tit {
	font-size: 20px;
	line-height: 28px;
	margin-bottom: 20px;
	font-weight: bold;
}

#form-table .top-box .list .con1 .pos-box .des {
    color: #868686;
    font-weight: bold;
    font-size: 16px;
    line-height: 25px;
    height: 100px;
}

#fb {
	padding: 100px 0;
}

#fb .txt {
	font-size: 23px;
	line-height: 30px;
	color: #222222;
	margin: 35px 0;
}

#fb .num-box .list {
	display: inline-block;
	margin-right: 30px;
	border: 1px solid #eee;
	border-radius: 7px;
}

#fb .num-box .list div {
	font-size: 45px;
	font-family: "Gbold";
	font-weight: bold;
	padding: 10px 15px;
	text-align: center;
	border-bottom: 1px solid #eee;
	color: #0F3580;
}

#fb .num-box .list p {
	text-align: center;
	padding: 10px 0;
}

#fb .img {
	margin-top: 60px;
}

#fb .img img {
	display: block;
	width: 100%;
}

@media screen and (max-width:1680px){
	#form-table .top-box .list {
	    padding: 45px 40px;
	}
	
	#form-table .top-box .list .con1 .pos-box .tit {
	    font-size: 16px;
	    line-height: 25px;
	}
	#form-table .top-box .list .con1 .pos-box .des {
	    color: #868686;
	    font-weight: bold;
	    font-size: 14px;
	}
}

@media screen and (max-width:1280px){
	#form-table .top-box .list {
	    padding: 45px 40px;
	}
	
	#form-table .top-box .list .con1 .pos-box .tit {
	    font-size: 16px;
	    line-height: 25px;
	}
	#form-table .top-box .list .con1 .pos-box .des {
	    color: #868686;
	    font-weight: bold;
	    font-size: 14px;
	}
}

@media screen and (max-width:1182px){
	#form-table .top-box .list {
	    padding: 20px 20px;
		width:100%;
	}
	
	#form-table .top-box .list .con1 {
	    height: auto;
	}
	
	#form-table .top-box .list:hover .con1 .pos-box {
	    top: 0px;
	}
	
	#form-table .top-box .list::after{
		width:100%;
	}
	#form-table .top-box .list .con1 .pos-box .tit {
	    font-size: 14px;
	    line-height: 25px;
	    margin-bottom: 20px;
	}
	
	#form-table .top-box .list .con1 .pos-box {
	    padding-top: 0;
	}
	
	#form-table .top-box .list .con1 .pos-box .des{
		height: auto;
	}
	
	#form-table .top-box .list:nth-child(1) .con1 .pos-box,
	#form-table .top-box .list:nth-child(2) .con1 .pos-box,
	#form-table .top-box .list:nth-child(3) .con1 .pos-box
	{
	    background-size: auto 35px;
	}
	
	#form-table .top-box .list:nth-child(2) .con1 .pos-box{
		background-size: auto 25px;
	}
}

/*page-contact*/



/*xzd add new*/



/*20230110*/
#pro_slick .l .keywords span{
	margin-bottom: 10px;
}


@media screen and (max-width:1440px){

	#fb .num-box .list div {
	    font-size: 24px;
	}

}

@media screen and (max-width:1182px){
	#about-content .txt {
	    font-size: 13px;
	    line-height: 22px;
	}
	
	.features-item .features-info {
	    padding: 20px 25px;
	}
	
	#about-cul .r .txt {
	    font-size: 13px;
	    line-height: 23px;
	}
	
	#about-cul .cul-two .txt {
	    font-size: 13px;
	    line-height: 23px;
	    font-weight: bold;
	}
	
	#about-cul .cul-two {
	    margin: 20px 0;
	}
	
	#result .re-box .list .con2 {
	    padding: 15px 15px;
	    overflow: auto;
	}
	#result .re-box .list .con2 .over-auto .con2-t-tit {
	    font-size: 14px;
	    margin-bottom: 10px;
	}
	
	#result .re-box .list .con2 .over-auto p span {
	    font-size: 12px;
	    line-height: 22px;
	    width: 15%;
	}
	
	#result .re-box .list .con2 .over-auto p font {
	    width: 85%;
	    font-size: 12px;
	    line-height: 22px;
	}
	
	#result .re-box .list .con1 .img {
	    margin-bottom: 20px;
	}
	
	#result .re-box .list .con1 .img img {
	    height: 50px;
	}
	
	#pro_slick .l .down {
	    font-size: 13px;
	    height: 30px;
	    line-height: 30px;
	    width: 190px;
	    background-position: 150px center;
	    background-size: auto 14px;
	}
	
	.news-content.bottom .app-pro .p-box a{
		padding: 0;
	}
	.news-content.bottom .app-pro .p-box a .img {
	    height: 46.28vw;
	}
	
	
	
	#form-table .top-box {
	    overflow: hidden;
	    padding: 30px 0;
	}
	
	#fb {
	    padding: 30px 0;
	}
	
	#fb .txt {
	    font-size: 16px;
	    line-height: 25px;
	    margin: 25px 0;
	}
	
	#fb .num-box .list div {
	    font-size: 24px;
	    padding: 5px 10px;
	}
	
	#fb .num-box .list {
	    margin-right: 10px;
		margin-bottom: 10px;
	}
	
	#form-table .top-box .list {
	    margin-bottom: 10px;
	}
}
@media screen and (max-width:900px){}
@media screen and (max-width:600px){
	
	#result .re-box .list .con1 .tit {
	    font-size: 15px;
	    line-height: 22px;
	    margin-bottom: 10px;
	}
	
	#result .re-box .list .con1 .des {
	    font-size: 13px;
	    line-height: 22px;
	    height: auto;
	}
	
	#about-honor .top .swiper-button-box .swiper-pagination .swiper-pagination-bullet {
	    width: 30px;
	    height: 3px;
	    display: inline-block;
	    border-radius: unset;
	}
	
	#about-honor .top .swiper-button-box .swiper-button-next, #about-honor .top .swiper-button-box .swiper-button-prev {
	    background-color: rgba(200, 200, 200, 0.8);
	    border-radius: 50%;
	    width: 25px;
	    height: 25px;
	    background-size: 8px;
	}
	
	#partner .w1510 .list {
	    height: 35px;
	    font-size: 12px;
	}
	
	#partner .w1510 .list .img img {
	    max-height: 25px;
	    max-width: 30px;
	}
	
	#partner .part-box {
	    margin: 10px 0;
	    padding-bottom: 10px;
	    border-bottom: 1px solid #ddd;
	    overflow: hidden;
	}
	
	#about-future {
	    padding: 30px 0;
	}
	
	#about-future .txt {
	    font-size: 13px;
	    line-height: 22px;
	}
	
	#pro-page-box .pro-sear-box .bottom .list {
	    margin-bottom: 5px;
	    padding-bottom: 5px;
	}
	
	#form-table .table-box .txt-inp {
	    width: 100%;
	    margin-top: 10px;
	    height: 35px;
	    line-height: 35px;
	    font-size: 13px;
	    margin-bottom: 5px;
	    margin-top: 5px;
	}
	
	.message-box .txt-con {
	    line-height: 1.5rem;
	    font-size: 13px;
	    height: 155px;
	    margin-top: 5px;
	}
	
	.subinp {
	    width: 100px;
	    font-size: 12px;
	    height: 35px;
	    padding: 0;
	    line-height: 35px;
	    margin-top: 15px;
	}
	
	#fb .txt {
	    font-size: 13px;
	    line-height: 21px;
	    margin: 15px 0;
	}
	
	#sheb-top .l .img-box .list {
	    margin-right: 10px;
	}
	
	#sheb-top .l .img-box .list>img {
	    width: 30px;
	}
	
	#sheb-top .l .img-box p {
	    font-size: 12px;
	    margin-top: 10px;
	    margin-bottom: 20px;
	}
	
	#sheb-box a p {
	    font-size: 12px;
	}
	
	#adv-cate a {
	    height: 35px;
	    line-height: 35px;
	    font-size: 13px;
	}
	
	.position {
	    padding: 15px 0;
	}
	
	#cust-pro .pro-box .list p {
	    height: auto;
	    line-height: 25px;
	    font-size: 13px;
	}
	
	#cust-pro .pro-box .swiper-button-next {
	    right: 20px;
	    opacity: 0.5;
	}
	
	#form-table .top-box .list .con1 .pos-box .des {
	    font-weight: bold;
	    font-size: 13px;
	    line-height: 19px;
	}
}
@media screen and (max-width:400px){
	#top .search_form a:nth-child(1) {
	    width: 30px;
	    height: 30px;
	}
}
/*20230110*/