.header_add_bg {
	position: fixed;
	top: 90px !important;
	left: 0;
	width: 100%;
	background: #fff;
	height: 0;
	transition: all 0.68s;
	overflow: hidden;
	z-index: 9990;
}

.header_add_bg.on {
	top: 89px !important;
}

.header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99999;
	transition: all 0.48s;
}

.header .inner {
	position: relative;
	border-bottom: 1px solid rgb(255 255 255 / 0.10);
}

.headBox {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.headL img {
	display: block;
	width: 238px;
}

.headL .headLogo_img_r {
	display: none;
}

.headC ul {
	display: inline-block;
	vertical-align: middle;
}

.headC li {
	display: inline-block !important;
	padding: 0 34px;
	/*visibility: hidden;*/
}

.headC li>a {
	position: relative;
	color: #fff;
	display: block;
	line-height: 108px;
	font-size: 16px;
	transition: all 0.68s;
	z-index: 99;
}

.headC li>a:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: #fff;
	transform: scale(0);
}

.headC li:hover>a:after,
.headC li.on>a:after {
	transform: scale(1);
}

.headIco {
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
}

.headIco div {
	position: relative;
	min-width: 108px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

/* .headIco div::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	height: 20px;
	width: 1px;
	background: #fff;
	margin-top: -10px;
	opacity: 0.28;
} */

.headIco a {
	line-height: 108px;
	display: inline-block;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}

.headIco a:last-of-type {
	margin-left: 40px;
}

.headIco svg {
	display: block;
	width: 24px;
	height: 24px;
}

.headIco path {
	fill: #fff;
	transition: all 0.68s;
}


.header.bg {
	background: #fff;
	box-shadow: 0 0 10px 1px #eee;
}

.header.on {
	background: #fff;
	box-shadow: 0 0 10px 1px #eee;
	border-bottom: 1px solid #e8e8e8;
}

.header.on .inner,
.header.bg .inner {
	border-color: transparent;
}

.header.bg .headLogo_img_r,
.header.on .headLogo_img_r {
	display: block;
}

.header.bg .headLogo_img_d,
.header.on .headLogo_img_d {
	display: none;
}

.header.bg .headC li a {
	color: #333;
}

.header.on .headC li {

	visibility: inherit;
}

.header.on .headC li a {
	color: #333;
	line-height: 89px;
}

.header.bg .headIco path,
.header.on .headIco path {
	fill: #291770;
}

.header.on .headIco a {
	line-height: 89px;
}

.header.bg .headIco a,
.header.on .headIco a {
	color: #291770;
}

.header.bg .headIco div::before,
.header.on .headIco div::before {
	background: #999;
}

.header.on .headC li>a:after,
.header.bg .headC li>a:after {
	background: #291770;
}

[v-cloak] {
	display: none;
}

.header.on .headC li {
	visibility: inherit;
}

.header_add_bg {
	position: fixed;
	top: 89px;
	left: 0;
	width: 100%;
	background: #fff;
	height: 0;
	transition: all 0.68s;
	overflow: hidden;
	z-index: 9990;
}


@media(max-width:1480px) {
	.header_add_bg {
		top: 90px !important;
	}
}

.subNav {
	position: absolute;
	top: 108px;
	left: 0;
	opacity: 0;
	visibility: hidden;
	z-index: -1;
	width: 100%;
	padding: 40px 0;
	font-size: 0;
	text-align: center;
	transition: opacity 0.68s;
}



.subNav a {
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 180px;
	margin: 0 10px;
	vertical-align: top;
}



.subNav a img {
	width: 100%;
	transition: all .3s;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	object-fit: cover;
	opacity: 0.8;

}

.subNav a:hover img {
	transform: scale(1.1);
}

.subNav a .subNav_txt {
	font-size: 14px;
	line-height: 1.4;
	color: #333;
	margin-top: 15px;
	text-align: center;
}

.subNav a:hover .subNav_txt {
	color: #291770;
}

.header.on .subNav {
	top: 89px;
}

/* .subNav.on {
opacity: 1;
transform: translateY(0);
z-index: 11;
transition-delay: .18s;
} */


.show .subNav {
	opacity: 1;
	visibility: inherit;
	z-index: 21;
}

@media(max-width:1680px) {
	.subNav a {
		width: 156px;
	}
}

@media(max-width:1480px) {
	.subNav {
		padding: 40px 0;
		top: 89px !important;
	}

	.subNav a {
		padding: 0 14px;
		margin: 0;
		width: 168px;
	}

}

@media(max-width:1280px) {
	.subNav a {
		width: 138px;
		padding: 0 5px;
	}

	.subNav a .subNav_txt {
		font-size: 14px;
	}

}

@media(max-width:1280px) {
	.subNav {
		padding: 40px;
	}
}

/* headMenu */

.headMenu {
	display: none;
	cursor: pointer;
	float: right;
	padding: 3px 0 0;
}

.headMenu span {
	display: block;
	width: 28px;
	height: 2px;
	background: #000;
	margin-top: 6px;
	border-radius: 6px;
	transition: all 0.48s;
}

.headMenu span:first-of-type {
	margin-top: 0;
}

.headMenu.on span {
	background: #000;
}

.headMenu.on .headMenu_span1 {
	transform: rotate(45deg) translate(5px, 6px);
}

.headMenu.on .headMenu_span2 {
	opacity: 0;
}

.headMenu.on .headMenu_span3 {
	transform: rotate(-45deg) translate(5px, -7px);
}

.headMenu_Box {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	height: 100vh;
	background: #fff;
	padding-top: 89px;
	padding-bottom: 38px;
	z-index: 9990;
}

.headMenu_Box.open {
	right: 0;
}

.headMenu_Box>div {
	height: 100%;
	padding: 0 38px;
	overflow: auto;
}

.headMenu_con {
	position: absolute;
	bottom: 20px;
	left: 20px;
	width: calc(100% - 40px);
	background: #F2F7FB;
	text-align: center;
}

.headMenu_con a {
	padding: 12px;
	display: block;
	color: #291770;
	text-align: center;
	font-size: 27px;
	line-height: 2;
	text-transform: capitalize;
}

.headMenu_Box ul {
	position: relative;
}

.headMenu_Box ul:last-of-type {
	border-top: 2px solid #e1e1e1;
	padding-top: 20px;
}

.headMenu_Box ul:last-of-type li {
	margin: 0;
}

.headMenu_Box li {
	line-height: 2.1;
	margin-top: 16px;
	padding-bottom: 16px;
	border-bottom: 1px dotted #eee;
}

.headMenu_Box li>a {
	position: relative;
	line-height: 2;
	font-size: 20px;
	color: #323232;
	text-transform: capitalize;
	text-align: left;
	font-weight: bold;
	display: block;
}

.headMenu_Box .headMenu_li>a {
	background: url(../images/head_l.png) no-repeat right center;
}

.headMenu_a {
	position: relative;
}

.headMenu_a a {
	padding-left: 14px;
	display: block;
	color: #999;
	font-size: 15px;
	text-transform: capitalize;
}

.headMenu_a a.on {
	color: #291770;
	font-weight: bold;
}


@media (max-width: 1024px) {
	.header {
		padding: 14px;
		background: #ffffff;
		-webkit-box-shadow: 0 0 22px rgb(0 0 0 / 15%);
		-moz-box-shadow: 0 0 22px rgba(0, 0, 0, .15);
		box-shadow: 0 0 22px rgb(0 0 0 / 15%);
	}

	/* =================================================================================== header   */
	.header {
		padding: 14px;
		background: #ffffff;
		-webkit-box-shadow: 0 0 22px rgba(0, 0, 0, .15);
		-moz-box-shadow: 0 0 22px rgba(0, 0, 0, .15);
		box-shadow: 0 0 22px rgba(0, 0, 0, .15);
	}

	.header .headLogo_img_d {
		display: none;
	}

	.header .headLogo_img_r {
		display: block;
	}

	.headIco,
	.headC ul {
		display: none;
	}

	.headMenu {
		display: block;
	}

	.headIco {
		margin-left: 0;
		margin-right: 24px;
	}

	.headIco path {
		fill: #333;
	}

	.headIco div::before {
		background: #999;
	}

}

/*banner*/
.tem_banner {
	position: relative
}

.tem_banner>div {
	position: fixed;
}

.tem_banner>div.swiper-container {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

.tem_banner .swiper-slide {
	background: #000;
}

.tem_banner .swiper-slide .img {
	background-position: center;
	background-repeat: no-repeat;
}

.tem_banner .ban_text {
	position: absolute;
	width: 100%;
	padding: 0 15px;
	max-width: 1200px;
	margin: 0 auto;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	transition: all .36s;
}

.tem_banner .ban_text em {
	font-size: 1.4rem;
	color: #FFF;
	text-transform: uppercase;
	opacity: 0;
	transform: translateY(25px);
	transition: all .6s;
	display: inline-block
}

.tem_banner .ban_text h1 {
	font-size: 4.8rem;
	color: #FFF;
	font-weight: bold;
	margin: 20px 0 30px;
	opacity: 0;
	transform: translateY(25px);
	transition: all .6s
}

.tem_banner .ban_text p {
	font-size: 2.2rem;
	color: #FFF;
	margin: 0;
	opacity: 0;
	transform: translateY(25px);
	transition: all .6s
}

.tem_banner .ban_text a {
	display: inline-block;
	margin: 118px 0 0;
	padding: 15px 55px;
	border: 1px solid #FFF;
	font-size: 1.4rem;
	color: #FFF;
	transition: all .6s;
	transform: translateY(25px);
	opacity: 0
}

.tem_banner .swiper-slide.swiper-slide-active .ban_text em {
	opacity: 1;
	transform: none;
	transition-delay: .3s
}

.tem_banner .swiper-slide.swiper-slide-active .ban_text h1 {
	opacity: 1;
	transform: none;
	transition-delay: .5s
}

.tem_banner .swiper-slide.swiper-slide-active .ban_text p {
	opacity: 1;
	transform: none;
	transition-delay: .7s
}

.tem_banner .swiper-slide.swiper-slide-active .ban_text a {
	opacity: 1;
	transform: none;
	transition-delay: .9s
}

.tem_banner .swiper-page {
	right: 15%;
	bottom: 30%;
	z-index: 1
}

.tem_banner .swiper-page>div {
	outline: none;
	width: auto;
	display: inline-block;
	margin: 0 13px;
	font-size: 1.8rem;
	color: #FFF
}

.tem_banner .swiper-page>div span.swiper-pagination-current {
	font-size: 2.4rem
}

.scroll_box {
	width: 100%;
	max-width: 1200px;
	bottom: 65px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
	transition: none;
}

.scroll_box span {
	font-size: 1.4rem;
	color: #FFF;
	cursor: pointer
}

.scroll_box span i {
	font-size: 1.8rem;
	padding-left: 10px
}

/*产品分类*/
.tem_main {
	position: relative;
	background: #FFF;
	z-index: 1
}

.tem_product {
	padding: 125px 0 0;
}

.tem_product .title {
	margin: 0 0 50px;
}

.tem_product .title h1 {
	float: left;
	font-size: 1.8rem;
	color: #3a3a3a;
}

.tem_product .title a.more {
	float: right;
	font-size: 1.4rem;
	color: #868686
}

.tem_product .title a.more i {
	padding-left: 10px;
}

.tem_product .swiper-slide a {
	display: block;
	position: relative
}

.tem_product .swiper-slide .img {
	overflow: hidden
}

.tem_product .swiper-slide .text {
	position: absolute;
	top: 25px;
	left: 25px;
}

.tem_product .swiper-slide .text h2 {
	font-size: 1.4rem;
	color: #000
}

.tem_product .swiper-slide .text p {
	font-size: 1.4rem;
	color: #b7b7b7
}

.tem_product .swiper-slide em {
	position: absolute;
	bottom: 25px;
	left: 25px;
	font-size: 1.4rem;
	color: #767676
}

.tem_product .swiper-slide a:hover img {
	transform: scale(1.1)
}

.other_pronav {
	margin: 105px 0 0;
}

.other_pronav>div {
	padding: 0
}

.other_pronav>div a {
	display: block;
	overflow: hidden;
	position: relative;
}

.other_pronav>div a .info {
	position: absolute;
	bottom: 25%;
	left: 0;
	width: 100%;
	text-align: center;
}

.other_pronav>div a .info h2 {
	font-size: 2.6rem;
	color: #000;
	margin: 0 0 10px;
}

.other_pronav>div a .info p {
	font-size: 1.4rem;
	color: #252525;
	margin: 0
}

.other_pronav>div:last-child a .info h2 {
	color: #ccc
}

.other_pronav>div:last-child a .info p {
	color: #9b9b9b
}

.other_pronav>div a .more {
	position: absolute;
	right: 56px;
	bottom: 0;
	line-height: 56px;
}

.other_pronav>div a .more span {
	opacity: 0;
	transform: translateX(25px);
	background: #21558a;
	color: #FFF;
	text-transform: uppercase;
	padding: 0 25px;
	display: inline-block
}

.other_pronav>div a .more:after {
	content: '+';
	font-size: 2.5rem;
	color: #535353;
	background: #d2d2d2;
	width: 56px;
	height: 56px;
	position: absolute;
	right: -56px;
	top: 0;
	text-align: center;
	transition: all .36s
}

.other_pronav>div a:hover .more span {
	transform: none;
	opacity: 1
}

.other_pronav>div a:hover .more:after {
	background: #21558a;
	color: #FFF
}

/*企业介绍*/
.tem_about {
	background: #f6f6f6;
	padding: 175px 0 95px;
}

.tem_about>div>div {
	padding: 0
}

.tem_about>div>div:last-child {
	padding-left: 45px;
}

.tem_about h1 {
	font-size: 3rem;
	color: #232323;
	font-weight: bold;
	text-transform: capitalize;
	margin: 0 0 20px;
}

.tem_about .editor {
	font-size: 1.4rem;
	color: #868686;
	line-height: 1.6;
	margin: 0 0 75px;
}

.tem_about a.more {
	font-size: 1.4rem;
	color: #2d2d2d;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 5px;
	padding: 15px;
	border: 1px solid #959595;
	display: inline-block;
}

.tem_about .col-xs-6 {
	padding: 0 0 0 8px;
	margin: 0 0 10px;
}

.tem_about .col-xs-6 a {
	display: block;
	overflow: hidden;
	position: relative;
}

.tem_about .col-xs-6 a .more {
	position: absolute;
	right: 48px;
	bottom: 0;
	line-height: 48px;
}

.tem_about .col-xs-6 a .more span {
	opacity: 0;
	transform: translateX(25px);
	background: #313131;
	color: #FFF;
	text-transform: uppercase;
	padding: 0 25px;
	display: inline-block;
	font-size: 1.4rem;
	color: #c1c1c1
}

.tem_about .col-xs-6 a .more:after {
	content: '+';
	font-size: 2.5rem;
	color: #dcdcdc;
	background: #313131;
	width: 48px;
	height: 48px;
	position: absolute;
	right: -48px;
	top: 0;
	text-align: center;
	transition: all .36s
}

.tem_about .col-xs-6 a:hover .more span {
	transform: none;
	opacity: 1
}

.tem_about .col-xs-6 a .info {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	transform: translateY(-50%);
	text-align: center;
	padding: 0 22px;
}

.tem_about .col-xs-6 a .info h2 {
	font-size: 1.8rem;
	color: #FFF;
	margin: 0 0 15px;
	padding: 0 0 10px;
	border-bottom: 1px solid #54799f;
	transform: translateY(-25px);
	opacity: 0
}

.tem_about .col-xs-6 a .info p {
	font-size: 1.4rem;
	color: #78a2cd;
	line-height: 1.8;
	margin: 0;
	transform: translateY(25px);
	opacity: 0
}

.tem_about .col-xs-6 a:before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(9, 52, 96, .8);
	opacity: 0;
	transition: all .3s
}

.tem_about .col-xs-6 a:hover .info h2 {
	opacity: 1;
	transform: none;
	transition-delay: .3s
}

.tem_about .col-xs-6 a:hover .info p {
	opacity: 1;
	transform: none;
	transition-delay: .3s
}

.tem_about .col-xs-6 a:hover:before {
	opacity: 1
}

/*新闻资讯*/
.tem_news {
	background: #f6f6f6;
	position: relative
}

.tem_news .title {
	font-size: 3.8rem;
	color: #232323;
	font-weight: bold;
	margin: 0 0 45px;
}

.tem_news .swiper-slide a {
	display: block;
	overflow: hidden;
	padding: 35px 50px;
	position: relative;
	background: #FFF
}

.tem_news .swiper-slide a .img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 0;
}

.tem_news .swiper-slide a .img:after {
	content: '';
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .6);
	position: absolute;
	top: 0;
	left: 0
}

.tem_news .swiper-slide a .text {
	position: relative;
	z-index: 1
}

.tem_news .swiper-slide a .text>span {
	display: inline-block;
	font-size: 1.4rem;
	color: #d6d6d6;
	padding: 10px 25px;
	background: #21558a
}

.tem_news .swiper-slide a .text>p.title {
	font-size: 1.8rem;
	color: #000;
	margin: 40px 0 10px;
}

.tem_news .swiper-slide a .text>.info {
	font-size: 1.4rem;
	color: #868686
}

.tem_news .swiper-slide a .text>.info em {
	padding-right: 30px;
}

.tem_news .swiper-slide a .text>.info em:last-child {
	padding-left: 22px;
	background: url(../images/icon2.png) 0 center no-repeat;
}

.tem_news .swiper-slide a.on {
	background: none;
}

.tem_news .swiper-slide a:hover .img {
	opacity: 1
}

.tem_news .swiper-slide a:hover .text>p.title {
	color: #FFF
}

.tem_news .swiper-slide a:hover .text>.info em {
	color: #b8b8b8
}

.tem_news .slide-pagination {
	position: absolute;
	right: 10px;
	top: 30px;
	z-index: 1
}

.tem_news .slide-pagination>span {
	width: 8px;
	height: 8px;
	border-radius: 100%;
	background: #bfbfbf;
	outline: none;
	margin: 0 4px;
	opacity: 1;
}

.tem_news .slide-pagination>span.swiper-pagination-bullet-active {
	background: #21558a
}

/*合作伙伴*/
.tem_partner {
	padding: 100px 0 130px;
	background: #f6f6f6
}

.tem_partner h1 {
	font-size: 3rem;
	color: #232323;
	font-weight: bold;
	text-transform: capitalize;
	margin: 0 0 15px;
}

.tem_partner p {
	font-size: 1.4rem;
	color: #868686;
	margin: 0
}

.tem_partner .lists {
	margin: 55px 0 0;
	position: relative;
}

.tem_partner .swiper-container {
	background: #FFF;
	padding: 60px 0
}

.tem_partner .swiper-slide {
	text-align: center;
}

.tem_partner .swiper-slide .item {
	line-height: 75px;
	border-right: 1px solid #e5e5e5;
	overflow: hidden;
	padding: 0 15px;
}

.tem_partner .swiper-slide .item img {
	max-height: 75px;
}

.tem_partner .slide-pagination {
	margin: 35px 0 0;
	text-align: center;
}

.tem_partner .slide-pagination>span {
	width: 8px;
	height: 8px;
	background: #bfbfbf;
	margin: 0 4px;
	border-radius: 100%;
	opacity: 1
}

.tem_partner .slide-pagination>span.swiper-pagination-bullet-active {
	background: #21558a
}

.tem_partner .swiper-slide .item:hover img {
	transform: scale(1.1)
}

/*底部*/
.footer {
	background: #313131;
}

.f-width {
	width: 100%;
	margin: 0 auto;
	max-width: 1600px;
}

.footer .f-logo {
	padding: 45px 0 15px;
	border-bottom: 1px solid #4c4c4c
}

.footer .f-logo .logo {
	width: 230px;
	float: left;
}

.footer .f-logo .f-back {
	float: right;
	font-size: 1.4rem;
	color: #a6a6a6;
	padding-top: 15px;
	cursor: pointer;
}

.footer .f-logo .f-back i {
	width: 22px;
	height: 22px;
	display: inline-block;
	border: 1px solid #707070;
	line-height: 22px;
	text-align: center;
	margin-left: 15px;
	font-size: 1.4rem;
	color: #FFF
}

.f-navlist {
	padding: 40px 0 90px;
}

.f-navlist>div {
	padding: 0
}

.f-navlist .navlists dl {
	display: inline-table;
	padding-right: 90px;
	margin: 0;
	padding-bottom: 0
}

.f-navlist .navlists dl:last-child {
	padding-right: 0
}

.f-navlist .navlists dt {
	margin: 0 0 20px;
}

.f-navlist .navlists dt a {
	font-size: 1.4rem;
	color: #FFF
}

.f-navlist .navlists dd {
	margin: 0 0 15px;
}

.f-navlist .navlists dd a {
	font-size: 1.4rem;
	color: #868686;
}

.copybox {
	background: #2d2d2f;
	padding: 36px 0;
	font-size: 1.4rem;
	color: #878787
}

.copybox .copy {
	float: left;
}

.copybox .supperch {
	float: right;
}

.copybox .supperch a {
	font-size: 1.4rem;
	color: #878787
}

/*-about us-*/
.page_body .st-pusher {
	background: #eee
}

.page_header {
	background: #eee;
	top: 0;
	padding: 15px 75px
}

.page_header .logo a .logo2 {
	opacity: 1
}

.page_header .logo a .logo1 {
	opacity: 0
}

.page_header .logo .stock span {
	color: #3a3a3a
}

.page_header .navlist li a {
	color: #242424
}

.page_header .navlist li.langs a {
	border-color: #2e2e2e;
}

.page_header .navlist li.langs a:after {
	background: url(../images/icon1.png) 0 0 no-repeat;
}

.is_page_header {
	box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);
}

.page_bnnaer {
	position: relative;
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
	padding: 99px 0 0
}

.page_bnnaer .title {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	z-index: 1;
	font-size: 4.2rem;
	color: #FFF;
	font-weight: bold;
	text-transform: capitalize;
	text-align: center;
}

.company {
	padding: 120px 0 0;
	position: relative
}

.about_box h1 {
	font-size: 4.2rem;
	color: #323232;
	font-weight: bold;
	margin: 0 0 45px;
	text-transform: capitalize
}

.company .editor .text {
	font-size: 1.4rem;
	color: #404040;
	line-height: 2;
	position: relative
}

.company .editor .text>div {
	padding: 0;
}

.company .editor .text>div:first-child {
	padding-right: 90px
}

.company .editor .text .item {
	float: left;
	width: 50%;
	padding: 75px 0 75px 35px;
	border: 1px solid #dbdbdb
}

.company .editor .text .item:after {
	content: '';
	display: block;
	clear: both
}

.company .editor .text .item p,
.company .editor .text .item .title {
	float: left;
	margin: 0;
}

.company .editor .text .item .title>em {
	font-size: 1.4rem;
	color: #636363;
	display: block
}

.company .editor .text .item .title>p {
	font-size: 2rem;
	color: #323232;
	margin: 0
}

.company .editor .text .item .title {
	padding-left: 20px;
}

.company .editor .text .item>p {
	transform: translateY(8px)
}

.company .editor .text .item:first-child {
	border-top: 0;
	border-left: 0
}

.company .editor .text .item:first-child+.item {
	border-right: 0;
	border-top: 0;
	border-left: 0
}

.company .editor .text .item:first-child+div+div {
	border-top: 0;
	border-left: 0;
	border-bottom: 0
}

.company .editor .text .item:first-child+div+div+div {
	border: 0
}

.company .editor .text>div:last-child {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%)
}

.company .editor .img {
	margin: 70px 0 0;
}

.company .editor .img>p {
	float: left;
	text-align: center;
	width: 33.33333%;
	padding: 0 10px;
	margin: 0;
	font-size: 1.4rem;
	color: #000;
}

.company .editor .img:after {
	content: '';
	display: block;
	clear: both
}

.company .editor .img>p em {
	margin: 15px 0 0;
	display: inline-block;
}

.culture {
	padding: 145px 0 0
}

.culture .editor {
	font-size: 1.4rem;
	color: #323232;
	line-height: 1.6
}

.honor {
	padding: 145px 0 0;
}

.honor .lists {
	position: relative
}

.honor .swiper-slide a {
	display: block;
	overflow: hidden;
	text-align: center;
}

.honor .swiper-slide a:hover img {
	transform: scale(1.1)
}

.honor .swiper-page {
	margin: 40px 0 0;
	text-align: center;
}

.honor .swiper-page>div {
	outline: none;
	display: inline-block;
	margin: 0 6px;
	width: auto;
	font-size: 1.4rem;
	color: #6e6e6e
}

.honor .swiper-page>div.slide-button-next,
.honor .swiper-page>div.slide-button-prev {
	width: 26px;
	height: 26px;
	border: 1px solid #969696;
	border-radius: 100%;
	line-height: 26px;
	text-align: center;
	font-size: 1.4rem;
	color: #595959
}

.honor .swiper-page>div span.swiper-pagination-current {
	font-size: 1.8rem;
	color: #000
}

.speech {
	padding: 115px 0 0;
}

.speech .editor {
	font-size: 1.4rem;
	color: #323232;
	line-height: 1.8;
	text-align: justify;
}

.speech .editor>div {
	padding: 0
}

.speech .editor>div:first-child {
	padding-right: 60px;
}

.partner {
	padding: 140px 0 150px;
}

.partner h1 {
	margin: 0 0 10px;
}

.partner .slogan {
	font-size: 1.4rem;
	color: #868686;
	margin: 0 0 55px;
}

.partner .lists {
	position: relative;
}

.partner .swiper-container {
	background: #FFF;
	padding: 25px 0
}

.partner .swiper-slide {
	text-align: center;
}

.partner .swiper-slide .item {
	line-height: 75px;
	border-right: 1px solid #e5e5e5;
	overflow: hidden;
	margin: 40px 0
}

.partner .swiper-slide .item img {
	max-height: 75px;
}

.partner .swiper-container:before {
	content: '';
	width: 92%;
	height: 1px;
	background: #e5e5e5;
	position: absolute;
	left: 4%;
	top: 50%;
}

.partner .swiper-container:after {
	content: '';
	width: 1px;
	height: 100%;
	background: #FFF;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1
}

.partner .swiper-slide .item:hover img {
	transform: scale(1.1)
}

.device {
	padding: 145px 0 55px;
}

.device .lists {
	position: relative
}

.device .swiper-slide a {
	display: block;
	overflow: hidden;
	text-align: center;
}

.device .swiper-slide a:hover img {
	transform: scale(1.1)
}

.device .swiper-page {
	margin: 40px 0 0;
	text-align: center;
}

.device .swiper-page>div {
	outline: none;
	display: inline-block;
	margin: 0 6px;
	width: auto;
	font-size: 1.4rem;
	color: #6e6e6e
}

.device .swiper-page>div.slide-button-next,
.device .swiper-page>div.slide-button-prev {
	width: 26px;
	height: 26px;
	border: 1px solid #969696;
	border-radius: 100%;
	line-height: 26px;
	text-align: center;
	font-size: 1.4rem;
	color: #595959
}

.device .swiper-page>div span.swiper-pagination-current {
	font-size: 1.8rem;
	color: #000
}

/*产品中心*/
.product_box {
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
	position: relative;
	padding: 99px 0 0
}

.product_box>div {
	margin: 0 0 60px;
	position: relative
}

.product_box>div .img {
	position: relative;
}

.product_box>div .img .title {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	max-width: 1200px;
	transform: translateX(-50%) translateY(-50%);
}

.product_box>div .img .title p {
	font-size: 2.4rem;
	color: #FFF;
	text-transform: uppercase;
}

.product_box>div .img .title h1 {
	font-size: 3.6rem;
	color: #FFF;
}

.product_box>div .pro_nav {
	background: #21558a;
	padding: 20px 0;
}

.product_box>div .pro_nav ul {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	display: block;
}

.product_box>div .pro_nav li {
	float: left;
	width: 12.5%;
	text-align: center;
	padding: 10px 0
}

.product_box>div .pro_nav li a {
	font-size: 1.4rem;
	color: #9bb4cd;
}

.product_box>div .pro_nav li#current a,
.product_box>div .pro_nav li a:hover {
	color: #FFF
}

.product_lists,
.proboxlist {
	padding: 45px 0 0;
}

.product_lists li,
.proboxlist li {
	padding: 0 5px;
	margin: 0 0 25px;
}

.product_lists li a,
.proboxlist li a {
	display: block;
	overflow: hidden;
}

.product_lists li img,
.proboxlist li img {
	-webkit-animation-fill-mode: none;
	animation-fill-mode: none;
}

.product_lists li .img,
.proboxlist li .img {
	overflow: hidden
}

.product_lists li p,
.proboxlist li p {
	background: #FFF;
	font-size: 1.4rem;
	color: #000;
	line-height: 65px;
	text-align: center;
}

.product_lists li a:hover img,
.proboxlist li a:hover img {
	transform: scale(1.1)
}

/*产品内页*/
.product_show {
	padding: 99px 0 0;
}

.product_show .imgshow {
	position: relative;
}

.product_show .imgshow .slide-pagination {
	position: absolute;
	z-index: 1;
	bottom: 50px;
	left: 0;
	width: 100%;
	text-align: center;
}

.product_show .imgshow .slide-pagination>span {
	width: 13px;
	height: 13px;
	background: #eee;
	margin: 0 6px;
	opacity: 1;
	border-radius: 0
}

.product_show .imgshow .slide-pagination>span.swiper-pagination-bullet-active {
	background: #21558a
}

.product_show .imgshow .text_info {
	position: absolute;
	top: 50%;
	left: 50px;
	transform: translateY(-50%);
	z-index: 1;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.1)
}

.product_show .imgshow .text_info h1 {
	font-size: 4.8rem;
	color: #FFF;
	font-weight: bold;
	text-transform: uppercase
}

.product_show .imgshow .text_info p {
	font-size: 1.8rem;
	color: #FFF;
	margin: 5px 0 0
}

.product_show .imgshow .back_prev {
	position: absolute;
	top: 75px;
	left: 50px;
	z-index: 1;
}

.product_show .imgshow .back_prev a {
	font-size: 1.4rem;
	color: #FFF;
}

.product_show .imgshow .back_prev i {
	width: 40px;
	height: 40px;
	border: 1px solid #FFF;
	border-radius: 100%;
	line-height: 40px;
	text-align: center;
	margin-right: 15px
}

.product_show .imgshow .back_prev a:hover i {
	margin-right: 25px;
}

.product_main {
	margin: 25px 0 0;
	padding: 40px 55px 35px;
	background: #FFF
}

.product_main h1 {
	font-size: 1.8rem;
	color: #010101;
	margin: 0 0 55px;
}

.product_main .lists>div {
	padding: 0 72px 0 0
}

.product_main .lists .item {
	border-bottom: 1px solid #e5e5e5;
	padding: 0 0 20px;
	margin: 0 0 25px;
	font-size: 1.4rem;
	color: #868686
}

.other_product {
	padding: 50px 0 100px;
}

.other_product h1 {
	font-size: 1.8rem;
	color: #010101;
	margin: 0 0 40px;
	padding: 0 60px;
}

.other_product .lists {
	position: relative;
}

.other_product .swiper-slide a {
	display: block;
	overflow: hidden;
	position: relative
}

.other_product .swiper-slide p {
	position: absolute;
	bottom: -100%;
	left: 0;
	width: 100%;
	font-size: 1.8rem;
	color: #FFF;
	text-align: center;
	margin: 0;
	background: url(../images/icon3.png) center bottom no-repeat;
	min-height: 94px;
	line-height: 100px;
	z-index: 1;
	opacity: 0
}

.other_product .swiper-slide a:hover img {
	transform: scale(1.1)
}

.other_product .swiper-slide a:hover p {
	bottom: 0;
	opacity: 1
}

.other_product .swiper-page>div {
	position: absolute;
	z-index: 1;
	width: 36px;
	height: 86px;
	top: 50%;
	transform: translateY(-50%);
	line-height: 86px;
	text-align: center;
	background: rgba(0, 0, 0, 0.1);
	outline: none;
	left: 0;
	font-size: 1.6rem;
	color: #FFF
}

.other_product .swiper-page>div.slide-button-next {
	left: auto;
	right: 0
}

.other_product .swiper-page>div:hover {
	background: rgba(0, 0, 0, 0.5)
}

/*新闻中心*/
.news_box {
	padding: 80px 0 125px;
}

.news_box>div>div {
	padding: 0
}

.news_lists {}

.news_lists li {
	margin: 0 0 50px;
}

.news_lists li .text {
	margin: 0 0 20px;
	background: #FFF;
}

.news_lists li .text a {
	display: block;
	padding: 30px 35px;
}

.news_lists li .text span {
	font-size: 1.4rem;
	color: #d6d6d6;
	padding: 10px 30px;
	background: #21558a
}

.news_lists li .text p.title {
	margin: 32px 0 15px;
	font-size: 1.8rem;
	color: #000
}

.news_lists li .text p.desc {
	font-size: 1.4rem;
	color: #868686;
}

.news_lists li .text .click_info {
	margin: 40px 0 0;
	font-size: 1.4rem;
	color: #b8b8b8
}

.news_lists li .text .click_info em {
	padding-right: 25px;
}

.news_lists li .text .click_info em:last-child {
	padding-left: 20px;
	background: url(../images/icon2.png) 0 center no-repeat;
}

.news_lists li .img {
	text-align: center;
	overflow: hidden;
}

.news_lists li .img span img {
	margin: 0 auto;
	-webkit-animation-fill-mode: none;
	animation-fill-mode: none;
}

.news_lists li:hover img {
	transform: scale(0.95)
}

.news_box>div>div:first-child {
	padding-right: 65px
}

.news_column {
	padding: 60px 50px 80px;
	background: #FFF
}

.news_column h1 {
	font-size: 3rem;
	color: #000;
	margin: 0 0 45px;
}

.news_column li {
	position: relative;
}

.news_column li a {
	font-size: 1.4rem;
	color: #616161;
	display: block;
	text-indent: 25px;
	padding: 15px 0
}

.news_column li a:after {
	content: '';
	width: 100%;
	height: 1px;
	background: #ececec;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: all .3s
}

.news_column li.on a:after,
.news_column li a:hover:after {
	background: #21558a;
}

.news_column li.on a,
.news_column li a:hover {
	color: #21558a
}

.on_n_col {
	position: fixed;
	top: 110px;
	z-index: 2
}

.nycontainer {
	padding: 99px 0 0
}

/*科技创新*/
.img_box {}

.innovation {
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
	padding: 115px 0 140px;
}

.innovation .editor {
	font-size: 1.4rem;
	color: #868686;
	line-height: 1.8;
	text-align: center;
}

.innovation .editor h2 {
	font-size: 2.4rem;
	color: #000;
	margin: 0 0 25px;
}

.innovation .lists {
	position: relative;
	margin: 80px 0 0;
}

.innovation .swiper-slide a {
	display: block;
	overflow: hidden;
}

.innovation .swiper-slide a:hover img {
	transform: scale(1.1)
}

.innovation .swiper-page {
	text-align: center;
	margin: 60px 0 0;
}

.innovation .swiper-page>div {
	display: inline-block;
	width: auto;
	outline: none;
	margin: 0 6px;
}

.innovation .swiper-page>div.slide-button-prev,
.innovation .swiper-page>div.slide-button-next {
	width: 26px;
	height: 26px;
	border: 1px solid #989898;
	border-radius: 100%;
	line-height: 26px;
	text-align: center;
	font-size: 1.4rem;
	color: #595959
}

.innovation .swiper-page>div span {
	font-size: 1.4rem;
	color: #6e6e6e;
}

.innovation .swiper-page>div span.swiper-pagination-current {
	font-size: 1.8rem;
	color: #000
}

.certificate {
	background: #FFF;
	padding: 105px 0 80px;
}

.certificate h1 {
	font-size: 3rem;
	color: #000;
	padding: 0 0 15px;
	margin: 0 0 40px;
	border-bottom: 1px solid #e5e5e5
}

.certificate .swiper-slide a {
	display: block;
	overflow: hidden
}

.certificate .swiper-slide a:hover img {
	transform: scale(1.1)
}

/*联系我们*/
.contact_box {
	padding: 0 0 165px;
}

.contact_box .c-info {
	padding: 100px 0 0
}

.contact_box .c-info>div {
	padding: 0
}

.contact_box .c-info>div h1 {
	font-size: 3.6rem;
	color: #000;
	margin: 0 0 55px;
}

.contact_box .c-info>div p {
	font-size: 1.8rem;
	color: #000;
	margin: 0
}

.contact_box .c-info>div p:last-child {
	margin: 20px 0 0;
}

.contact_box .c-info>div p span {
	font-size: 1.4rem;
	color: #000;
	padding-right: 25px;
}

.contact_box .c-info .map {
	position: relative;
	z-index: 1;
	border: 1px solid #e5e5e5
}

.big_info {
	padding: 160px 0 125px;
	position: relative;
}

.big_info>ul>li {
	float: left;
	margin-right: 9px;
}

.big_info>ul>li a {
	display: block;
	width: 400px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	font-size: 1.8rem;
	color: #000;
	border: 1px solid #959595;
}

.big_info>ul>li a:before {
	content: '';
	display: inline-block;
	transition: all .3s;
	transform: translateY(8px);
	margin-right: 20px
}

.big_info>ul>li:first-child a:before {
	width: 27px;
	height: 31px;
	background: url(../images/icon4.png) 0 0 no-repeat;
}

.big_info>ul>li:last-child a:before {
	width: 29px;
	height: 31px;
	background: url(../images/icon4.png) -29px 0 no-repeat;
}

.big_info>ul>li a:hover,
.big_info>ul>li#current a {
	background: #434343;
	color: #FFF
}

.big_info>ul>li:first-child a:hover:before,
.big_info>ul>li:first-child#current a:before {
	background-position: 0 -31px
}

.big_info>ul>li:last-child a:hover:before,
.big_info>ul>li:last-child#current a:before {
	background-position: -29px -31px;
}

.big_info>.mainbox {
	margin: 85px 0 0
}

.message {
	width: 80%
}

.message p.title {
	font-size: 1.6rem;
	color: #000;
	margin: 0 0 25px;
}

.your_info {
	border-top: 1px solid #1b1b1b;
	border-bottom: 1px solid #bfbfbf;
	padding: 40px 35px 40px 0;
}

.your_info .message_list0 li {
	float: left;
	width: 50%;
	margin: 0 0 15px;
	position: relative;
	padding-right: 20px;
}

.your_info .message_list0 li input[type="text"],
.your_info .message_list0 li select {
	width: 100%;
	height: 44px;
	border: 1px solid #c9c9c9;
	padding: 0 15px;
	background: none;
	font-size: 1.4rem;
	color: #333;
}

.your_info .message_list0 li select {
	padding: 0 35px;
	position: relative
}

.your_info .message_list0 li.li1:before {
	content: '';
	background: url(../images/icon13.png) 0 0 no-repeat;
	width: 10px;
	height: 8px;
	position: absolute;
	top: 50%;
	left: 18px;
	z-index: 2;
	margin: -4px 0 0
}

.your_info .message_list0 li.li4 {
	width: 100%
}

.mess_info {
	border-bottom: 1px solid #1b1b1b;
	padding: 40px 135px 40px 0
}

.mess_info .message_list1 li {
	margin: 0 0 15px;
}

.mess_info .message_list1 li.li5 input[type="text"] {
	width: 100%;
	height: 44px;
	border: 1px solid #c9c9c9;
	padding: 0 17px;
	background: none;
	font-size: 1.4rem;
	color: #333
}

.mess_info .message_list1 li textarea {
	width: 100%;
	height: 132px;
	border: 1px solid #c9c9c9;
	padding: 15px;
	background: none;
	font-size: 1.4rem;
	color: #333
}

.mess_info .message_list1 li.verify_code input {
	width: 240px;
	height: 44px;
	border: 1px solid #c9c9c9;
	background: #f8f8f8;
	padding: 0 20px;
	font-size: 1.4rem;
	color: #333
}

.mess_info .message_list1 li.verify_code span {
	color: red;
	font-size: 1.4rem;
	padding: 0 10px;
}

.mess_info .message_list1 li.verify_code a {
	font-size: 1.4rem;
	color: #c7c7c7;
	text-decoration: underline;
	padding-left: 20px
}

.btn_message {
	margin: 68px 0 0
}

.btn_message input {
	width: 172px;
	height: 47px;
	border: 1px solid #dcdcdc;
	font-size: 1.4rem;
	color: #575757;
	background: none;
	margin: 0 8px;
	transition: all .3s
}

.btn_message input:first-child {
	background: #21558a;
	color: #FFF;
	border-color: #21558a
}

.job_lists {
	width: 85%
}

.job_lists li {
	padding: 0 32px 0 0;
	margin: 0 0 35px;
}

.job_lists li a {
	display: block;
	overflow: hidden;
	border: 1px solid #dcdcdc;
	padding: 35px 20px 30px;
	position: relative;
}

.job_lists li h1.title {
	font-size: 1.4rem;
	color: #000;
	margin: 0 0 10px;
	font-weight: bold;
	text-transform: capitalize
}

.job_lists li span.date {
	font-size: 1.2rem;
	color: #868686
}

.job_lists li p.place {
	font-size: 1.4rem;
	color: #868686;
	margin: 25px 0 50px;
}

.job_lists li .editor {
	font-size: 1.4rem;
	color: #868686;
	line-height: 1.6;
	height: 150px;
	overflow: hidden;
	max-height: 150px;
}

.job_lists li .editor p {
	margin: 0
}

.job_lists li em.apply {
	font-size: 1.4rem;
	color: #868686;
	display: block;
	margin: 50px 0 0
}

/**/
.m-header {
	background: #eee;
	box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15)
}

.m-header>.col-xs-6>div {
	color: #333
}

.st-container .st-menu {
	background: #313131
}

.st-container .st-menu ul li a {
	color: rgba(255, 255, 255, 0.8)
}

.st-container .st-menu ul li a:hover,
.st-container .st-menu ul li.active a {
	background: rgba(0, 0, 0, 0.07);
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2)
}

/*子栏目*/
.mobile_navbox .sub-category,
.back-bar {
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: left;
	background: #333;
	position: fixed;
	top: -90px;
	z-index: 2;
	box-shadow: 0 0 5px rgba(0, 0, 0, .3);
	transition: all .4s
}

.sub-category.on,
.back-bar.on {
	top: 50px;
	transition: all 0.5s ease-out 0s;
}

.mobile_navbox .sub-category .title {
	font-size: 1.6rem;
	margin: 0;
	color: #ccc;
	text-indent: 1em;
	display: inline-block;
	font-family: "PingFangSC";
}

.mobile_navbox .sub-category .sub-title {
	color: #999;
	font-size: 1.4rem;
	display: inline-block;
	text-transform: uppercase;
	padding-left: 5px;
}

.mobile_navbox .sub-category i.down {
	position: absolute;
	right: 0px;
	width: 95%;
	height: 32px;
	padding-top: 8px;
	padding-right: 20px;
	text-align: right;
	font-size: 2.4rem;
	color: #ccc;
}

.mobile_navbox .sub-category a {
	display: block;
}

.st-container .st-menu li dl {
	transition: none;
}

.st-container .st-menu li dl dd a {
	color: rgba(255, 255, 255, 0.6);
	padding: 0.7em 1em 0.7em 1.2em
}

.st-container .st-menu li dl dd.on2>a {
	color: #ec3c01;
}

.back-bar a {
	padding-left: 2em;
	line-height: 40px;
	color: #ccc;
	font-size: 16px;
	display: block;
}

.back-bar a:before {
	content: '';
	border-bottom: 2px solid #ccc;
	border-right: 2px solid #ccc;
	box-sizing: content-box;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
	display: block;
	width: 8px;
	height: 8px;
	margin: auto;
	position: absolute;
	top: 15px;
	left: 15px;
}

/***************************/
@media(max-width:1600px) {
	.f-width {
		padding: 0 75px;
	}

	.f-navlist .navlists dl {
		padding-right: 80px
	}
}

@media(max-width:1440px) {
	/* 	.header .navlist li {
		padding: 0 15px;
	} */
}

@media(max-width:1200px) {
	/* 	.header {
		padding-left: 15px;
		padding-right: 15px;
	}

	.header .navlist li {
		padding: 0 10px;
	}

	.f-width {
		padding: 0 15px;
	}

	.header .navlist li .down_nav {
		padding: 35px 15px 15px;
	} */

	.scroll_box {
		padding: 0 15px
	}

	.f-navlist .navlists dl {
		padding-right: 50px
	}

	.other_pronav>div a .info {
		bottom: 18%;
		padding: 0 15px;
	}

	.other_pronav>div a .info p {
		height: 40px;
		line-height: 20px;
	}

	.company .editor .text .item p,
	.company .editor .text .item .title {
		float: none;
	}

	.company .editor .text .item .title {
		padding: 20px 0 0
	}

	.company .editor .text .item {
		padding: 75px 25px;
	}
}

@media(max-width:1150px) {
	/* 	.header .navlist li {
		padding: 0 5px;
	}

	.header .navlist li>a {
		padding: 0 15px;
	} */
}

@media(max-width:1100px) {

	.message,
	.job_lists {
		width: 100%;
		padding: 0 15px;
	}

	.big_info>ul {
		padding: 0 15px;
	}
}

/***********ipad and coomon mobile***************/
@media(max-width:990px) {
	.st-menu {
		display: block;
	}


	.mobile_navbox .sub-category,
	.back-bar {
		top: 60px;
	}

	.page_bnnaer,
	.product_box,
	.product_show {
		padding: 60px 0 0
	}

	.tem_banner .swiper-slide .img {
		background-size: cover;
	}

	.f-navlist .navlists dl {
		padding-right: 20px;
	}

	.company .editor .text>div:first-child {
		padding: 0 15px;
	}

	.company .editor .text .item {
		padding: 45px 10px;
	}

	.company .editor .text .item .title p {
		font-size: 1.8rem
	}

	.company .editor .text .item p,
	.company .editor .text .item .title {
		text-align: center;
	}

	.news_box>div>div:first-child {
		padding-right: 20px
	}

	.news_column {
		padding: 60px 15px 80px;
	}

	.on_n_col {
		top: 65px
	}

	.big_info>ul>li a {
		width: 300px
	}

	.job_lists li {
		padding: 0 10px 0 0
	}

	.nycontainer {
		padding: 60px 0 0
	}
}

/********mobile********/
@media(max-width:767px) {
	.footer .f-logo .logo {
		width: 130px;
		float: left;
	}

	.tem_banner .ban_text h1 {
		font-size: 2.5rem
	}

	.tem_banner .swiper-page {
		right: 15px;
		bottom: 30%
	}

	.other_pronav>div a .info {
		bottom: 15%
	}

	.other_pronav>div a .info h2 {
		font-size: 2.2rem
	}

	.tem_about {
		padding: 55px 0
	}

	.tem_about>div>div:last-child {
		padding: 45px 0 0;
	}

	.tem_about .col-xs-6 {
		padding: 0 4px;
	}

	.tem_about .col-xs-6 a .more span {
		padding: 0 10px
	}

	.tem_about .col-xs-6 a .info p {
		display: none;
	}

	.tem_news .swiper-slide a {
		padding: 35px 15px;
	}

	.tem_news .swiper-slide a .text>p.title {
		font-size: 1.6rem
	}

	.f-navlist {
		display: none;
	}

	.copybox .copy,
	.copybox .supperch {
		float: none;
		text-align: center;
	}

	.copybox,
	.copybox .supperch a {
		font-size: 1.2rem
	}

	.copybox {
		padding: 15px 0
	}

	.page_bnnaer .title {
		font-size: 2.5rem
	}

	.company {
		padding: 55px 0 0
	}

	.about_box h1 {
		font-size: 3rem
	}

	.company .editor .text>div:last-child {
		position: relative;
		top: 0;
		transform: none;
	}

	.speech .editor>div:first-child {
		padding: 0 5px;
	}

	.product_box>div .img .title p {
		font-size: 2rem;
	}

	.product_box>div .img .title h1 {
		font-size: 2.8rem
	}

	.product_box>div .pro_nav {
		padding: 0
	}

	.product_box>div .pro_nav li {
		width: 33.3333%;
		padding: 0
	}

	.product_box>div .pro_nav li a {
		border: 1px solid rgba(255, 255, 255, 0.07);
		display: block;
		padding: 10px 0;
		border-left: 0;
		border-top: 0
	}

	.product_show .imgshow .back_prev {
		top: 15px;
		left: 15px;
	}

	.product_show .imgshow .back_prev i {
		width: 30px;
		height: 30px;
		line-height: 30px;
	}

	.product_show .imgshow .text_info h1 {
		font-size: 2.4rem
	}

	.product_show .imgshow .text_info p {
		font-size: 1.6rem
	}

	.product_show .imgshow .slide-pagination {
		bottom: 15px
	}

	.product_main {
		padding: 35px 15px;
	}

	.product_main .lists>div {
		padding: 0 15px 0 0
	}

	.news_column {
		display: none;
	}

	.news_box>div>div:first-child {
		padding: 0
	}

	.innovation .editor h2 {
		font-size: 2rem
	}

	.contact_box .c-info {
		padding: 55px 0 0
	}

	.contact_box .c-info>div {
		margin: 0 0 25px;
	}

	#container {
		height: 350px
	}

	.big_info {
		padding: 40px 0 55px;
	}

	.big_info>ul>li {
		width: 50%;
		padding: 0 5px;
		margin: 0
	}

	.big_info>ul>li a {
		width: 100%;
		line-height: 60px;
		height: 60px;
	}

	.your_info {
		padding: 40px 0
	}

	.your_info .message_list0 li {
		padding-right: 10px
	}

	.mess_info {
		padding: 40px 0
	}

	.mess_info .message_list1 li.verify_code input {
		max-width: 100%;
		width: 100%;
		margin: 0 0 10px
	}

	.btn_message input {
		width: 140px;
	}

	.contact_box {
		padding: 0 0 55px;
	}

	.job_message li span {
		padding: 0 5px;
	}
}


/* 首页产品 */

.product-hot {
	background: url("../images/img-123.png") no-repeat;
	background-size: cover;
	padding-top: 5%;
	padding-bottom: 5%;
}

.product-hot .m-title {
	background: url("../images/img-124.png") no-repeat bottom center;
	padding-top: 15px;
	padding-bottom: 15px;
	line-height: 1.4;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	font-size: 26px;
	margin-bottom: 55px;
}

.product-hot .row {
	margin-left: -10px;
	margin-right: -10px;
}

.product-hot .row .box-w {
	padding-left: 10px;
	padding-right: 10px;
}

.product-hot .box {
	padding: 10px;
	position: relative;
	margin-bottom: 10px;
}

.product-hot .box .pic {
	overflow: hidden;
}

.product-hot .box .pic img {
	display: block;
	width: 100%;
}

.product-hot .box .cont {
	background: #ffffff;
	padding: 10px 30px;
}

.product-hot .box .cont .title {
	display: block;
	height: 42px;
	line-height: 42px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #4c4c4c;
	font-size: 22px;
	font-weight: bold;
}

.product-hot .box .cont .txt {
	font-size: 16px;
	color: #808080;
	line-height: 26px;
	height: 52px;
	overflow: hidden;
}

.product-hot .box .box-info {
	background: #000000;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	padding: 30px;
	opacity: 0;
	z-index: -1;
	transition: all .7s;
}

.product-hot .box .box-info .b-title {
	background: url("../images/img-125.png") no-repeat bottom left;
	height: 87px;
	line-height: 84px;
	color: #ffffff;
	margin-bottom: 25px;
	display: block;
	font-size: 22px;
	font-weight: bold;
}

.product-hot .lxTit {
	text-align: center;
	color: #fff;
}

.product-hot .box .box-info .b-txt {
	color: #ffffff;
	font-size: 16px;
	line-height: 26px;
	height: 130px;
	overflow: hidden;
	border-bottom: 1px solid #ffffff;
	margin-bottom: 30px;
}

.product-hot .box .box-info .a-more {
	display: inline-block;
	border: 2px solid #ffffff;
	width: 140px;
	height: 42px;
	line-height: 38px;
	text-align: center;
	color: #c9c9c9;
	font-size: 14px;
	transition: all .5s;
}

.product-hot .box .box-info .a-more:hover {
	border-color: #ffffff;
	background: #ffffff;
	color: #291770;
}

.product-hot .box:hover .box-info {
	opacity: 1;
	z-index: 9;
}

@media (min-width: 1600px) {
	.product-hot .box-warp {
		padding-left: 10%;
		padding-right: 10%;
	}
}

@media (min-width: 992px) {
	.product-hot .box-warp {
		padding-left: 6%;
		padding-right: 6%;
	}
}

.abAbout {
	position: relative;
}

.lxAbout {
	position: relative;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center left;
	background-size: contain;
	padding: 89px 0;
}

.lxAbout_box {
	position: relative;
}

.lxAbout_info {

	padding: 4% 0;
}

.lxAbout_txt {
	max-width: 58%;
}

.lxAbou_p {
	margin-top: 68px;
	max-width: 80%;
}

.lxAbou_p span {
	font-size: 26px;
	letter-spacing: 2px;
	color: #291770;
	display: block;
	margin-bottom: 14px;
}

.lxAbou_p p {
	font-size: 16px;
	line-height: 2.1;
	color: #666;
	letter-spacing: 1px;
}

.lxAbout_img {
	position: absolute;
	top: 0;
	right: 0;
	width: 42%;
	height: 100%;
	background: #999;
	overflow: hidden;
}

.lxAbout_img::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.46;
}

.lxAbout_img video,
.lxAbout_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.indAb_num {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 68px;
	box-sizing: border-box;
	margin-left: -7%;
}

.indAb_div {
	position: relative;
	text-align: center;
	width: 100%;
}



.indAb_div::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 100%;
	background: #eee;
	transform: rotate(15deg);
}

.indAb_div:first-child:before {
	content: none;
}

.indAb_div>div {
	position: relative;
	display: inline-block;
}

.indAb_div img {
	display: block;
	margin-bottom: 14px;
}

.indAb_num span {
	color: #291770;
	font-size: 58px;
	letter-spacing: 0;
	line-height: 1;
	font-family: 'BEBAS';
	min-width: 66px;
	display: inline-block;
}

.indMore {
	margin-top: 38px;
}

.indMore .more {
	background: #291770;
	color: #fff;
	line-height: 1;
	display: inline-block;
	box-shadow: 0 5px 20px #29177073;
	;
}

.indMore span {
	letter-spacing: 1px;
	padding: 0 48px 0 28px;
}

.lxTit {
	position: relative;
	margin-bottom: 38px;
}

.lxTit_cn {
	font-weight: bold;
	font-size: 38px;
	line-height: 1.2;
	letter-spacing: 2px;
}

.lxTit_en {
	font-weight: bold;
	font-family: 'GOTHIC';
	font-size: 38px;
	text-transform: capitalize;
	line-height: 1.4;
}

.lxTit_line {
	/* display: none; */
	margin-top: 16px;
	overflow: hidden;
}

.lxTit_line span {
	display: block;
	float: left;
	height: 4px;
	background-color: #291770;
	line-height: 1;
}

.lxTit_span1 {
	width: 50px;
}

.lxTit_span2 {
	width: 16px;
	margin-left: 3px;
}

.indMore_flex {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.indMore_flex div {
	border-left: 1px solid rgb(255 255 255 / 0.18);
	padding: 12px 14px;
}

.indMore_flex svg {
	width: 20px;
	height: 20px;
}

.indMore_flex path {
	fill: #fff;
}


.inner {
	position: relative;
	max-width: 1900px;
	width: 80%;
	margin: 0 auto;
}

.indAb_num i {
	display: inline-block;
	position: absolute;
	top: 8px;
	left: 122%;
	/* right: -54px; */
	color: #291770;
	line-height: 1;
	font-size: 12px;
	text-align: left;
	text-transform: uppercase;
	transform-origin: top left;
	transform: rotate(90deg);
	font-style: inherit;
}

.indAb_num p {
	font-size: 13px;
	color: #999;
	margin-top: 6px;
	letter-spacing: 1px;
}

@media (max-width: 1480px) {
	.headC li {
		display: inline-block !important;
		padding: 0px 27px;
		/* visibility: hidden; */
	}

	.lxAbout_img {
		position: absolute;
		top: 6%;
		right: 0;
		width: 42%;
		height: 90%;
		background: #999;
		overflow: hidden;
	}

	.indAb_num p {
		font-size: 12px;
		letter-spacing: 0;
	}

	.inner {
		width: 90%;
	}

	.indAb_num span {
		font-size: 54px;
	}

	.lxAbout_info {
		padding: 1% 0;
	}

	.lxAbou_p {
		max-width: 90%;
	}
}

@media (max-width: 1024px) {
	.lxAbou_p p {
		font-size: 14px;
	}

	.lxAbou_p span {
		font-size: 22px;
	}

	.lxTit {
		margin-bottom: 28px;
	}

	.indAb_num span {
		font-size: 40px;
	}

	.lxAbout {
		padding: 68px 0;
	}
}


@media (max-width: 900px) {
	.lxAbou_p {
		margin-top: 18px;
		max-width: 100%;
	}

	.lxTit_en,
	.lxTit_cn {
		font-size: 30px;
	}

	.lxAbout_txt {
		max-width: 100%;
	}

	.lxAbout_img {
		display: none;
	}
}

@media (max-width: 680px) {
	.headL img {
		display: block;
		width: 150px;
	}

	.indAb_div {
		width: 50%;
		margin: 14px 0;
	}

	.indAb_num {
		flex-wrap: wrap;
		margin-top: 14px;
		margin-left: -14%;
		margin-right: -7%;
	}

	.conTop_l {
		height: 268px;
	}

	.conInline {
		width: 100%;
	}

	.conP {
		display: none !important;
	}

	.conInline {
		padding: 34px;
	}

	.conTop_r li div {
		background-position: left 20px !important;
		max-width: 100%;
		width: 100%;
		padding: 14px 10px;
		padding-left: 28px;
		border-bottom: 1px solid #e1e1e1;
	}

	.conTop_r li span {
		margin-bottom: 3px;
	}

	.conTop_r li span {
		font-size: 14px;
	}

	.conTop_r li p {
		font-size: 13px;
	}
}


/* 新闻 */

/* news */
.lxNew {
	overflow: hidden;
	padding-top: 108px;
	padding-bottom: 138px;
	padding-left: 10%;
	background-color: #f8f8f8;
	background-image: url(../images/index_newbg.gif);
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

.lxNew_box {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
}

.lxNew_l {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 389px;
	padding: 10px 0 0;
}

.lxNew_l li {
	margin: 18px 0;
	min-height: 42px;
}

.lxNew_l li a {
	position: relative;
	font-size: 16px;
	color: #999;
	letter-spacing: 1px;
	padding-left: 30px;
	display: block;
}

.lxNew_l li a::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -1px;
	height: 2px;
	width: 18px;
	background: #999;
	transition: all 0.68s;
}

.lxNew_l li.on a {
	font-weight: bold;
	font-size: 20px;
	color: #291770;
	transition: all 0.68s;
}

.lxNew_l li.on a::before {
	background: #291770;
	height: 3px;
	margin-top: -1.5px;
}

.lxNew_r {
	width: calc(100% - 438px);
}

.lxNew_a {
	position: relative;
	display: block;

}

.lxNew_img {
	position: relative;
	padding-top: 64%;
	overflow: hidden;
}

.lxNew_img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.48s;
}

.lxNew_img .lxNew_time {
	position: absolute;
	right: 21px;
	top: 21px;
	padding: 8px 16px;
	background: #fff;
	text-align: center;
	color: #291770;
	display: none !important;
}

.lxNew_img .lxNew_time span {
	font-weight: bold;
	font-family: 'BEBAS';
	line-height: 1;
	font-size: 32px;
}

.lxNew_img .lxNew_time p {
	letter-spacing: 0;
	line-height: 1;
	font-size: 10px;
	opacity: 0.5;
}


.lxNew_time {
	line-height: 1;
	font-family: "Arial";
	letter-spacing: 0;
	display: block;
	color: #666;
	margin: 28px 0 20px;
	font-size: 14px;
}

.lxNew_tit {
	color: #333;
	font-size: 20px;
	line-height: 1.6;
	transition: all 0.48s;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 45px;
}

.lxNew_con {
	color: #333;
	font-size: 14px;
	line-height: 1.6;
	transition: all 0.48s;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 45px;
}

.lxNew_p {
	margin-top: 28px;
	color: #999;
	font-size: 14px;
}

.lxNew_p img {
	margin: 0 3px;
}

.lxNew .swiper-container-horizontal>.swiper-scrollbar {
	position: relative;
	margin-top: 48px;
	width: 100%;
	left: 0;
	bottom: 0;
}

.lxNew .swiper-scrollbar-drag {
	background: #291770;
}

@media (max-width: 680px) {
	.lxNew {
		padding: 48px 0 48px 5%;
	}

	.lxNew_box {
		flex-wrap: wrap;
	}

	.lxTit {
		margin-bottom: 24px;
	}

	.lxTit_en,
	.lxTit_cn {
		font-size: 24px;
		letter-spacing: 1px;
	}

	.lxNew_l {
		width: 100%;
	}

	.lxNew_l .indMore {
		display: none;
	}

	.lxNew_l ul {
		width: 90%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		display: none;
	}

	.lxNew_r {
		width: 100%;
	}

	.lxNew_l {
		width: 100%;
	}
}

[v-cloak] {
	display: none;
}

.header_add_bg {
	position: fixed;
	top: 89px;
	left: 0;
	width: 100%;
	background: #fff;
	height: 0;
	transition: all 0.68s;
	overflow: hidden;
	z-index: 9990;
}


@media(max-width:1480px) {
	.header_add_bg {
		top: 90px !important;
	}
}

.subNav {
	position: absolute;
	top: 108px;
	left: 0;
	opacity: 0;
	visibility: hidden;
	z-index: -1;
	width: 100%;
	padding: 40px 0;
	font-size: 0;
	text-align: center;
	transition: opacity 0.68s;
}



.headC li:nth-last-of-type(4) .subNav,
.headC li:nth-last-of-type(3) .subNav,
.headC li:nth-last-of-type(2) .subNav,
.headC li:nth-last-of-type(1) .subNav {
	text-align: center;
}


.subNav a {
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 180px;
	margin: 0 10px;
	vertical-align: top;
}

.subNav .subNav_img {
	border-radius: 2px;
	overflow: hidden;
	padding-top: 62%;
	position: relative;
	background: #000000;
}

.subNav a img {
	width: 100%;
	transition: all .3s;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	object-fit: cover;
	opacity: 0.8;

}

.subNav a:hover img {
	transform: scale(1.1);
}

.subNav a .subNav_txt {
	font-size: 14px;
	line-height: 1.4;
	color: #333;
	margin-top: 15px;
	text-align: center;
}

.subNav a:hover .subNav_txt {
	color: #291770;
}

.header.on .subNav {
	top: 89px;
}

/* .subNav.on {
        opacity: 1;
        transform: translateY(0);
        z-index: 11;
        transition-delay: .18s;
    } */


.show .subNav {
	opacity: 1;
	visibility: inherit;
	z-index: 21;
}

@media(max-width:1680px) {
	.subNav a {
		width: 156px;
	}
}

@media(max-width:1480px) {
	.subNav {
		padding: 40px 0;
		top: 89px !important;
	}

	.subNav a {
		padding: 0 14px;
		margin: 0;
		width: 168px;
	}

}

@media(max-width:1280px) {
	.subNav a {
		width: 138px;
		padding: 0 5px;
	}

	.subNav a .subNav_txt {
		font-size: 14px;
	}

}
.tem_banner .swiper-slide .img img{
  display: none;
}
@media(max-width:1280px) {
    .tem_banner .swiper-slide .img img{
  display: block;
}
    
    .tem_banner .swiper-slide .img {
    margin-top: 67px;}
	.subNav {
		padding: 40px;
	}
	.tem_banner>div {
	position: relative;
}
.swiper-lazy {height:auto !important}
.tem_banner{
    height: auto !important;
}
}

.footer .wechat{
    text-align: center;
}
.footer  .wechat img{
   display: inline-block;
   text-align: center;
   width: 120px;
}
.footer .wechat p{
    text-align: center;
    color: #fff;
    font-size: 14px;
}