@import “iconfont.css”;

.w1500 {
	width: 88vw;
	max-width: 1500px;
	margin-left: auto;
	margin-right: auto
}

.ver> {
	display: inline-block;
	vertical-align: middle
}

.table-cell {
	display: table;
	width: 100%
}

.table-cell> {
	display: table-cell;
	vertical-align: middle
}

.row-pv0 {
	margin-left: 0;
	margin-right: 0
}

.row-pv0> {
	padding-left: 0;
	padding-right: 0
}

.mv0 {
	margin-left: 0 !important;
	margin-right: 0 !important
}

.pv0 {
	padding-left: 0 !important;
	padding-right: 0 !important
}

.pt0 {
	padding-top: 0px !important
}

.pb0 {
	padding-bottom: 0px !important
}

.mb0 {
	margin-bottom: 0 !important
}

.mt0 {
	margin-top: 0 !important
}

.bggray {
	background-color: #f8f8f8
}

.c {
	color: #0454A3
}

.c2 {
	color: #f8c47d
}

.bgc {
	background-color: #0454A3
}

.cf {
	color: #fff
}

.hv:hover {
	color: #0454A3
}

.hv2:hover {
	color: #f8c47d
}

.hvf:hover {
	color: #fff
}

.hvbg0:hover {
	background: #000;
	color: #fff
}

.bghover {
	transition: all .3s cubic-bezier(.04, .79, 1, 1) !important
}

.bghover:Hover {
	background-color: #0454A3;
	color: #fff
}

.l {
	border: 1px solid #e9e9e9
}

.lb {
	border-bottom: 1px solid #e9e9e9
}

.lt {
	border-top: 1px solid #e9e9e9
}

.ll {
	border-left: 1px solid #e9e9e9
}

.lr {
	border-right: 1px solid #e9e9e9
}

.coverbox {
	position: relative;
	display: block;
	overflow: hidden
}

.coverbox .coverimg {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	z-index: 1;
	transition: transform .6s ease 0s
}

.coverbox .coverimg.cover {
	background-size: cover
}

.coverbox ._img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: 5;
	transition: transform .6s ease 0s
}

.coverbox ._img.cover {
	object-fit: cover;
	width: 100%;
	height: 100%
}

.coverbox .img {
	transition: transform .6s ease 0s;
	width: 100%
}

.coverbox ._bg {
	width: 100%;
	visibility: hidden;
	display: block
}

@media (min-width:993px) {
	.coverbox.scale:hover .coverimg {
		transform: scale(1.05)
	}

	.coverbox.scale:hover .cover-tip {
		opacity: 1;
		filter: alpha(opacity=1)
	}

	.coverbox.scale:hover .coverimg {
		transform: scale(1.05, 1.05)
	}

	.coverbox.scale:hover ._img {
		transform: scale(1.05, 1.05) translateX(-50%) translateY(-50%)
	}
}

.cover-tip {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: all .4s ease 0s;
	z-index: 55
}

.cover-tip .bgbox {
	display: block;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .6;
	filter: alpha(opacity=60)
}

.cover-tip .bgbox.blue {
	background-color: rgba(0, 161, 230, 0.8)
}

.cover-tip .stit {
	font-size: 16px;
	line-height: 30px;
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -15px;
	color: #fff
}

.cover-tip .stit {
	font-size: 16px;
	line-height: 30px;
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -15px;
	color: #fff
}

.cover-tip .line {
	display: inline-block;
	width: 100px;
	height: 1px;
	background-color: #f2f2f2;
	position: absolute;
	left: 50%;
	margin-left: -50px;
	transition: all .6s ease 0s
}

.cover-tip .linet {
	top: 0
}

.cover-tip .lineb {
	bottom: 0
}

.cover-tip:hover .line {
	width: 6px;
	margin-left: -3px;
	opacity: .6;
	filter: alpha(opacity=60)
}

.cimgbox {
	/*padding-bottom: 100%;*/
	position: relative;
	overflow: hidden;
	display: block
}

.cimgbox .img {
	/*position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);*/
	z-index: 5;
	transition: all 6s cubic-bezier(.04, .79, 1, 1) !important
}

.cimgbox.cover .img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.cimgbox.scale:hover .img {
	/*transform: translateX(-50%) translateY(-50%) scale(1.1)*/
}

.c {
	color: #0454A3
}

.bgc {
	background-color: #0454A3
}

.tc {
	text-align: center
}

.layui-form-selectup dl {
	bottom: auto
}

.medium {
	font-family: medium
}

.bold {
	font-family: bold
}

.layui-form-select dl {
	max-height: 200px !important
}

.iItem {
	transition: all .3s cubic-bezier(.04, .79, 1, 1) !important
}

.cItem:not(.on) {
	display: none
}

.tabInfo .loading {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: 5;
	font-size: 50px;
	display: none
}

@media (min-width:1280px) {
	.fs16 {
		font-size: 16px
	}
}

.fs17 {
	font-size: 17px
}

@media (max-width:1359px) {
	.fs17 {
		font-size: 16px
	}
}

@media (max-width:992px) {
	.fs17 {
		font-size: 15px
	}
}

.fs24 {
	font-size: 2.4rem
}

@media (max-width:1200px) {
	.fs24 {
		font-size: 20px
	}
}

@media (max-width:992px) {
	.fs24 {
		font-size: 18px
	}
}

@media (max-width:640px) {
	.fs24 {
		font-size: 17px
	}
}

.fs30 {
	font-size: 3rem
}

@media (max-width:1280px) {
	.fs30 {
		font-size: 26px
	}
}

@media (max-width:992px) {
	.fs30 {
		font-size: 22px
	}
}

@media (max-width:768px) {
	.fs30 {
		font-size: 20px
	}
}

@media (max-width:639px) {
	.fs30 {
		font-size: 18px
	}
}

.fs36 {
	font-size: 3.6rem
}

@media (max-width:768px) {
	.fs36 {
		font-size: 24px
	}
}

@media (max-width:640px) {
	.fs36 {
		font-size: 22px
	}
}

.fs40 {
	font-size: 4rem
}

@media (max-width:768px) {
	.fs40 {
		font-size: 24px
	}
}

@media (max-width:640px) {
	.fs40 {
		font-size: 22px
	}
}

.fs48 {
	font-size: 4.8rem;
	font-weight: bold;
	line-height: 1
}

@media (max-width:768px) {
	.fs48 {
		font-size: 30px
	}
}

@media (max-width:640px) {
	.fs48 {
		font-size: 24px
	}
}

.fs56 {
	font-size: 5.6rem;
	line-height: 1.2
}

.tit1 {
	font-size: 5rem;
	line-height: 1.2;
	font-weight: bold
}

.tit2 {
	font-size: 3.4rem;
	line-height: 1.2
}

@media (max-width:992px) {
	.tit2 {
		font-size: 3.20rem
	}
}

@media (max-width:992px) and (max-width:768px) {
	.tit2 {
		font-size: 24px
	}
}

@media (max-width:992px) and (max-width:640px) {
	.tit2 {
		font-size: 22px
	}
}

.tit3 {
	line-height: 1.2;
	font-size: 4.3rem;
	font-weight: bold;
	line-height: 1
}

@media (max-width:768px) {
	.tit3 {
		font-size: 30px
	}
}

@media (max-width:640px) {
	.tit3 {
		font-size: 24px
	}
}

header {
	position: fixed;
	z-index: 55555;
	left: 0;
	top: 0;
	right: 0;
	background-color: #fff;
	transition: all .3s cubic-bezier(.04, .79, 1, 1) !important
}

.hd-search {
	width: 700px;
	padding: 50px 50px 70px
}

.hd-search h3 {
	text-align: center;
	font-size: 22px;
	margin-bottom: 40px
}

.hd-search form {
	display: block;
	position: relative
}

.hd-search form input {
	height: 48px;
	line-height: 48px;
	color: #0454A3;
	padding-left: 24px;
	font-size: 18px;
	padding-right: 60px;
	width: 100%
}

.hd-search form input:focus {
	border-color: #0454A3 !important
}

.hd-search form .submit {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 20px;
	width: 48px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	background-color: #0454A3;
	color: #fff;
	cursor: pointer
}

.hd-search form .submit:hover {
	background: #0068e8
}

.head-content {
	padding-left: 27.00rem;
	display: flex;
	justify-content: space-between;
	align-items: center
}

.head-content .head-content-right {
	flex: 1
}

.head-content .logobox {
	display: -webkit-flex;
	display: flex;
	display: box;
	-webkit-align-items: center;
	align-items: center;
	box-align: center
}

@media (min-width:1680px) {
	.head-content .logobox {
		flex: 1
	}
}

.head-content .logobox .logo {
	height: 38px
}

@media (max-width:1360px) {
	.head-content .logobox .logo {
		height: 30px
	}
}

@media (max-width:1200px) {
	.head-content .logobox .logo {
		height: 24px
	}
}

.head-content .logobox .no {
	padding-left: 18.00rem;
	margin-left: 1.80rem;
	border-left: 1px solid #eeeeee;
	height: 70px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	line-height: 1.4
}

.head-content .logobox .no .tit {
	font-size: 14px;
	letter-spacing: 1px;
	display: block
}

.head-content .logobox .no .id {
	font-size: 17px;
	font-weight: bold
}

@media (max-width:1360px) {
	.head-content .logobox .no .tit {
		font-size: 12px
	}

	.head-content .logobox .no .id {
		font-size: 14px
	}
}

.head-content .head-tool {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	font-size: 16px;
	padding-right: 30px
}

@media (max-width:1100px) {
	.head-content .head-tool {
		padding-right: 20px
	}
}

.head-content .head-tool .head_tit {
	cursor: pointer
}

.head-content .head-tool .tel {
	color: #0454A3;
	font-size: 2.16rem;
	font-family: medium
}

@media (max-width:1200px) {
	.head-content .head-tool .tel {
		font-size: 20px
	}
}

@media (max-width:992px) {
	.head-content .head-tool .tel {
		font-size: 18px
	}
}

@media (max-width:640px) {
	.head-content .head-tool .tel {
		font-size: 17px
	}
}

.head-content .head-tool .nav {
	padding: 0 1.26rem 0 0.90rem;
	border-right: 1px solid #e9e9e9;
	height: 70px;
	display: -webkit-flex;
	display: flex;
	display: box;
	-webkit-align-items: center;
	align-items: center;
	box-align: center
}

.head-content .head-tool .nav a {
	font-size: 16px;
	padding: 0 1.08rem
}

.head-content .head-tool .nav a:hover {
	color: #0454A3
}

.head-content .head-tool .nav a+a {
	position: relative
}

.head-content .head-tool .nav a+a::before {
	content: ’‘;
	display: block;
	width: 1px;
	height: 15px;
	background-color: #eeeeee;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 5;
	left: 0
}

.head-content .head-tool .titem {
	margin-left: 2.34rem
}

@media (max-width:1360px) {
	.head-content .head-tool .titem {
		margin-left: 1.44rem
	}
}

.head-content .head-tool .titem a:hover {
	color: #0454A3
}

.head-content .head-tool .search {
	width: 6.30rem;
	text-align: center;
	display: block;
	font-size: 20px;
	line-height: 70px;
	cursor: pointer
}

@media (min-width:1360px) {
	.head-content .head-tool .search {
		margin-left: 24px;
		border-left: 1px solid #eee
	}
}

@media (max-width:1359px) {
	.head-content .head-tool .search {
		font-size: 16px
	}
}

@media (max-width:1100px) {
	.head-content .head-tool .search {
		display: none
	}
}

.head-content .head-tool .search:hover {
	background-color: #0454A3;
	color: #fff
}

.head-nav,
.head-nav-two {
	display: flex;
	align-items: center;
	flex: 1
}

@media (max-width:1679px) {

	.head-nav,
	.head-nav-two {
		justify-content: center
	}
}

.head-nav>.item,
.head-nav-two>.item {
	margin-right: 5.76rem
}

.head-nav>.item:last-child,
.head-nav-two>.item:last-child {
	margin-right: 0
}

@media (max-width:1680px) {

	.head-nav>.item,
	.head-nav-two>.item {
		margin-right: 3.60rem
	}
}

@media (max-width:1100px) {

	.head-nav>.item,
	.head-nav-two>.item {
		margin-right: 2.70rem
	}
}

.head-nav>.item.on .head_tit,
.head-nav-two>.item.on .head_tit,
.head-nav>.item:hover .head_tit,
.head-nav-two>.item:hover .head_tit {
	color: #0454A3
}

.head-nav>.item.on .head_tit::after,
.head-nav-two>.item.on .head_tit::after,
.head-nav>.item:hover .head_tit::after,
.head-nav-two>.item:hover .head_tit::after {
	width: 100%
}

.head-nav .head_tit,
.head-nav-two .head_tit {
	font-size: 18px;
	line-height: 70px;
	cursor: pointer;
	display: block;
	position: relative
}

@media (max-width:1360px) {

	.head-nav .head_tit,
	.head-nav-two .head_tit {
		font-size: 17px
	}
}

.head-nav .head_tit::after,
.head-nav-two .head_tit::after {
	content: ’‘;
	width: 100%;
	height: 3px;
	background-color: #0454A3;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	z-index: 5;
	bottom: 0;
	width: 0;
	border-radius: 2px;
	overflow: hidden;
	transition: all .3s cubic-bezier(.04,
			.79, 1, 1) !important
}

.head-nav-two {
	padding-left: 200px;
	background-color: #f8f8f8;
	display: none
}

header.fixed .head-nav-two {
	position: fixed;
	right: 0;
	top: 0;
	left: 0
}

b {
	font-weight: bold !important
}

.head-pc {
	position: relative;
	z-index: 555;
	border-bottom: 1px solid #e9e9e9
}

.head-pc:hover {
	background: #fff
}

.head-drop {
	line-height: 70px
}

.head-drop:hover .head_tit {
	color: #0454A3
}

.head-drop:hover .head-dropinfo {
	z-index: 555
}

.head-drop.head-drop-self {
	position: relative
}

.head-drop.head-drop-self .head-dropinfo {
	left: 50%;
	transform: translateX(-50%)
}

.head-drop .head-dropinfo {
	height: 0;
	overflow: hidden;
	transition: all .3s cubic-bezier(.04, .79, 1, 1) !important;
	transition: .5s;
	position: absolute;
	top: 100%
}

.head-drop .inner {
	background: #fff
}

.head-drop-self .head-dropinfo .inner {
	min-width: 162px;
	padding: 0px 14px;
	background-color: #f8f8f8
}

.head-drop-self .head-dropinfo .inner a+a {
	border-top: 1px solid #e3e3e3
}

.head-drop-self .head-dropinfo .inner a {
	white-space: nowrap;
	font-size: 16px;
	line-height: 46px;
	display: block;
	position: relative;
	text-align: center;
	padding: 0 20px
}

.head-drop-self .head-dropinfo .inner a:hover {
	color: #0454A3
}

.head-drop-fill .head-dropinfo {
	width: 100vw;
	left: 0;
	border-top: 1px solid #e9e9e9
}

.head-drop-fill .head-dropinfo .inner {
	background: linear-gradient(90deg, #f8f8f8 386px,
			#fff 386px)
}

@media (max-width:1360px) {
	.head-drop-fill .head-dropinfo .inner {
		background: linear-gradient(90deg, #f8f8f8 318px, #fff 318px)
	}
}

.head-drop-fill .head-dropinfo .inner .wrap {
	width: 100vw;
	max-width: 1920px;
	margin: 0
}

.head-drop-fill .head-dropinfo .content {
	display: flex;
	align-items: stretch
}

.head-drop-fill .head-dropinfo .content .mnav,
.head-drop-fill .head-dropinfo .content .minfo {
	padding: 6.30rem 0 2.70rem
}

.head-drop-fill .head-dropinfo .content .mnav {
	width: 386px;
	background-color: #f8f8f8;
	padding-left: 80px
}

@media (max-width:1360px) {
	.head-drop-fill .head-dropinfo .content .mnav {
		width: 318px
	}
}

.head-drop-fill .head-dropinfo .content .minfo {
	flex: 1;
	padding-left: 5%
}

.head-drop-fill .head-dropinfo .mnav {
	padding-right: 7.20rem
}

.head-drop-fill .head-dropinfo .mnav .tit {
	display: block;
	font-size: 20px;
	margin-bottom: 3.24rem;
	cursor: pointer;
	line-height: 1.4
}

.head-drop-fill .head-dropinfo .mnav .tit:hover {
	color: #0454A3
}

@media (max-width:1360px) {
	.head-drop-fill .head-dropinfo .mnav .tit {
		font-size: 18px
	}
}

.head-drop-fill .head-dropinfo .mnav .tit .iconfont {
	transition: all .3s cubic-bezier(.04, .79, 1, 1) !important;
	width: 10px;
	display: inline-block;
	opacity: 0;
	transform: translateX(10px)
}

.head-drop-fill .head-dropinfo .mnav .tit.on {
	color: #0454A3
}

.head-drop-fill .head-dropinfo .mnav .tit.on .iconfont {
	opacity: 1;
	transform: translateX(0)
}

.head-drop-fill .head-dropinfo .list {
	margin-left: -3% !important;
	margin-right: -3% !important;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch
}

.head-drop-fill .head-dropinfo .list> {
	padding-left: 3% !important;
	padding-right: 3% !important;
	margin-bottom: 6%
}

.head-drop-fill .head-dropinfo .list::before {
	display: none
}

.head-drop-fill .head-dropinfo .list li>.inner,
.head-drop-fill .head-dropinfo .list li>a {
	height: 100%
}

.head-drop-fill .head-dropinfo .list li {
	margin-bottom: 3.60rem
}

.head-drop-fill .head-dropinfo .list .title {
	font-size: 16px;
	display: block;
	line-height: 1;
	margin-bottom: 2.16rem
}

.head-drop-fill .head-dropinfo .list .title:hover {
	color: #0454A3
}

.head-drop-fill .head-dropinfo .list .cimgbox {
	display: block;
	padding-bottom: 69.6%
}

.head-drop-fill .head-dropinfo .list a:hover {
	color: #0454A3
}

.head-drop-fill .head-dropinfo .cinner {
	line-height: 1.6
}

.head-drop-fill .head-dropinfo .cinner .title {
	margin-bottom: 10px
}

.head-drop-fill .head-dropinfo .cinner .info a {
	display: block
}

.head-dropinfo._shop a span {
	transform: translateX(10px);
	display: inline-block;
	transition: all .3s cubic-bezier(.04, .79, 1, 1) !important
}

.head-dropinfo._shop a .iconfont {
	transition: all .3s cubic-bezier(.04, .79, 1, 1) !important;
	width: 10px;
	display: inline-block;
	opacity: 0;
	transform: translateX(10px)
}

.head-dropinfo._shop a:hover span {
	transform: translateX(5px)
}

.head-dropinfo._shop a:hover .iconfont {
	opacity: 1;
	transform: translateX(0)
}

.head-dropinfo._product .tabWrap {
	height: 100vh
}

.head-dropinfo._product .cinner {
	display: flex;
	align-items: flex-start
}

.head-dropinfo._product .img {
	display: block;
	width: 100px;
	margin-right: 14px
}

.head-dropinfo._product .infobox {
	flex: 1
}

.head-dropinfo._product .infobox .title {
	color: #0454A3;
	display: block;
	margin-bottom: 16px;
	font-size: 15px
}

.head-dropinfo._product .info {
	font-size: 14px
}

.head-dropinfo._product .info a {
	padding-left: 16px;
	margin-bottom: 2px;
	position: relative;
	color: #666
}

.head-dropinfo._product .info a:hover {
	color: #0454A3
}

.head-dropinfo._product .info a::before {
	content: ’’;
	display: block;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 5;
	left: 0;
	background-color: #0454A3
}

.head-dropinfo._product .info a .hot {
	background-color: #f00;
	color: #fff;
	border-radius: 3px;
	font-size: 12px;
	line-height: 1;
	display: inline-block;
	padding: 2px 4px;
	font-style: normal;
	text-transform: uppercase;
	transform: scale(.8)
}

.head-dropinfo._product .info a .hot.new {
	background-color: #0454A3
}

.m-menus {
	width: 100%;
	position: fixed;
	top: 65px;
	left: 0;
	height: 0;
	opacity: 0;
	transition: opacity .5s;
	background: #f7f7f7;
	overflow: hidden;
	line-height: 32px;
	font-size: 15px;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	z-index: -999
}

@media (min-width:1200px) {
	.m-menus {
		display: none
	}
}

.m-menus.active {
	opacity: 1;
	height: 100%;
	z-index: 999
}

.m-menus .inner {
	overflow-x: hidden;
	overflow-y: auto;
	height: calc((100vh - 9.00rem));
	padding: 10px 6vw 30px
}

.m-menus .menus {
	min-height: calc((100vh - 9.00rem - 40px));
	padding-bottom: 40px
}

.m-menus .menus._lang_search {
	min-height: calc((100vh - 9.00rem - 170px))
}

.m-menus .menus._lang {
	min-height: calc((100vh - 9.00rem - 120px))
}

.m-menus .menus._search {
	min-height: calc((100vh - 9.00rem - 100px))
}

.m-menus .menus .item {
	cursor: pointer;
	transition: .3s;
	position: relative;
	text-align: center;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	text-align: left
}

.m-menus .menus .item .tt {
	display: block;
	color: #333
}

.m-menus .menus .item .tit {
	display: flex;
	align-items: center
}

.m-menus .menus .item .tit .tt {
	flex: 1;
	display: flex;
	align-items: center
}

.m-menus .menus .item .tit .arr {
	color: inherit;
	margin-left: 20px;
	display: block;
	transition: all .3s cubic-bezier(.04, .79, 1, 1) !important;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center
}

.m-menus .menus .tit-1 {
	line-height: 52px;
	font-size: 15px
}

.m-menus .menus .tit-1 .arr {
	font-size: 24px
}

.m-menus .menus .tit-2 {
	line-height: 34px
}

.m-menus .menus .tit-2 .tt .tag {
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	display: block;
	margin-right: 6px
}

.m-menus .menus .tit-2 .arr {
	font-size: 15px
}

.m-menus .menus .xs-menu-2 {
	margin-left: 26px;
	border-top: 1px solid #0454A3;
	margin-top: 6px;
	line-height: 30px;
	padding-bottom: 16px !important
}

.m-menus .menus .active>.tit-2 .t,
.m-menus .menus .open>.tit-2 .t,
.m-menus .menus .active>.tit-2 .tag,
.m-menus .menus .open>.tit-2 .tag {
	color: #0454A3
}

.m-menus .menus .active>.tit-2 .arr::before,
.m-menus .menus .open>.tit-2 .arr::before {
	content: “”
}

.m-menus .menus .active>.tit-1 a,
.m-menus .menus .open>.tit-1 a {
	color: #0454A3
}

.m-menus .menus .active>.tit-1 .arr,
.m-menus .menus .open>.tit-1 .arr {
	transform: rotate(90deg)
}

.m-menus .menus .active .xs-menu,
.m-menus .menus .open .xs-menu {
	padding: 12px 0 30px
}

.m-menus .xs-menu-1 {
	border-top: 1px solid #0454A3
}

.m-menus .xs-menu {
	display: none;
	text-align: left
}

.m-menus .xs-menu li {
	line-height: 34px;
	font-size: 14px
}

.m-menus .xs-menu.sort {
	overflow: hidden
}

.m-menus .xs-menu.sort li {
	min-width: 50%;
	padding-left: 20px;
	float: left
}

.mobile-btn2222 {
	float: right;
	position: relative;
	width: 28px;
	height: 65px
}

.mobile-btn2222.cf span {
	background: #fff
}

.mobile-btn2222 span {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: 1px;
	margin-left: -14px;
	width: 28px;
	height: 2px;
	background-color: #000;
	-webkit-transition-duration: .5s;
	transition-duration: .5s
}

.mobile-btn2222 span:first-child {
	transform: translateY(-8px)
}

.mobile-btn2222 span:last-child {
	transform: translateY(8px)
}

.mobile-btn2222.on span:first-child {
	transform: rotate(135deg)
}

.mobile-btn2222.on span:nth-child(2) {
	transform: scale(0)
}

.mobile-btn2222.on span:last-child {
	transform: rotate(-135deg)
}

.header-mobile .content {
	border-bottom: 1px solid #e9e9e9;
	height: 65px;
	display: -webkit-flex;
	display: flex;
	display: box;
	-webkit-align-items: center;
	align-items: center;
	box-align: center;
	box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	padding: 0 2.70rem
}

.header-mobile .content .logobox {
	display: -webkit-flex;
	display: flex;
	display: box;
	-webkit-align-items: center;
	align-items: center;
	box-align: center
}

.header-mobile .content .logobox .no {
	padding-left: 2.70rem;
	margin-left: 2.70rem;
	border-left: 1px solid #eeeeee;
	height: 65px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	line-height: 1.2
}

@media (max-width:640px) {
	.header-mobile .content .logobox .no {
		display: none
	}
}

.header-mobile .content .logobox .no .tit {
	font-size: 13px;
	letter-spacing: 1px;
	display: block;
	margin-bottom: 1px
}

.header-mobile .content .logobox .no .id {
	font-size: 16px;
	font-weight: bold
}

@media (max-width:768px) {
	.header-mobile .content .logobox .no .tit {
		font-size: 12px
	}

	.header-mobile .content .logobox .no .id {
		font-size: 14px
	}
}

.header-mobile .content .logobox .logo {
	height: 36px
}

@media (max-width:640px) {
	.header-mobile .content .logobox .logo {
		height: 28px
	}
}

.header-mobile .content .tool {
	font-size: 16px
}

.menu_search {
	background: #fff;
	display: flex
}

.menu_search input {
	border-color: #fff;
	height: 50px;
	font-size: 15px;
	display: block;
	padding: 0 14px;
	flex: 1
}

.menu_search input:focus {
	border-color: #fff !important
}

.menu_search .submit {
	right: 0;
	top: 0;
	color: #fff;
	width: 70px;
	height: 50px;
	text-align: center;
	background: url(../image/search-ico-white.png) no-repeat center #0454A3;
	border-radius: 0 2px 2px 0
}

.menu_search .submit i {
	font-size: 18px
}

.menu_search .submit:hover {
	color: #fff
}

.menu_lang {
	padding: 30px 0 0;
	display: flex;
	justify-content: space-between
}

.menu_lang .litem {
	border-radius: 2em;
	height: 36px;
	line-height: 36px;
	min-width: 36px;
	text-align: center;
	padding: 0 10px;
	background: #fff;
	display: block
}

.menu_lang .litem+.litem {
	margin-left: 10px
}

.menu_lang .lang {
	display: flex
}

.menu_lang .shops {
	display: flex
}

.menu_lang .shops .item {
	width: 36px;
	margin-left: 10px
}

.menu_lang .shops .item i {
	font-size: 28px;
	color: #666
}

.menu_lang .active {
	background-color: #0454A3;
	color: #fff
}

.m-menus999 {
	width: 100%;
	position: fixed;
	top: 65px;
	left: 0;
	height: 0;
	opacity: 0;
	transition: opacity .5s;
	background: #f7f7f7;
	overflow: hidden;
	line-height: 32px;
	font-size: 15px;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	z-index: -999
}

@media (min-width:1200px) {
	.m-menus999 {
		display: none
	}
}

.m-menus999.active {
	opacity: 1;
	height: 100%;
	z-index: 999
}

.m-menus999 .inner {
	overflow-x: hidden;
	overflow-y: auto;
	height: calc((100vh - 9.00rem));
	padding: 10px 6vw 30px
}

.m-menus999 .menus {
	min-height: calc((100vh - 9.00rem - 40px));
	padding-bottom: 40px
}

.m-menus999 .menus._lang_search {
	min-height: calc((100vh - 9.00rem - 170px))
}

.m-menus999 .menus._lang {
	min-height: calc((100vh - 9.00rem - 120px))
}

.m-menus999 .menus._search {
	min-height: calc((100vh - 9.00rem - 100px))
}

.m-menus999 .menus .item {
	cursor: pointer;
	transition: .3s;
	position: relative;
	text-align: center;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	text-align: left
}

.m-menus999 .menus .item a {
	display: block;
	color: #333
}

.m-menus999 .menus .item .tit {
	display: flex;
	align-items: center
}

.m-menus999 .menus .item .tit a {
	flex: 1;
	display: flex;
	align-items: center
}

.m-menus999 .menus .item .tit .arr {
	color: inherit;
	margin-left: 20px;
	display: block;
	transition: .3s;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center
}

.m-menus999 .menus .tit-1 {
	line-height: 52px;
	font-size: 16px
}

.m-menus999 .menus .tit-1 .arr {
	font-size: 24px
}

.m-menus999 .menus .tit-2 {
	line-height: 34px
}

.m-menus999 .menus .tit-2 .t .tag {
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	display: block;
	margin-right: 6px
}

.m-menus999 .menus .tit-2 .arr {
	font-size: 15px
}

.m-menus999 .menus .xs-menu-2 {
	margin-left: 26px;
	border-top: 1px solid #0454A3;
	margin-top: 6px;
	line-height: 30px;
	padding-bottom: 16px !important
}

.m-menus999 .menus .active>.tit-2 .t,
.m-menus999 .menus .open>.tit-2 .t,
.m-menus999 .menus .active>.tit-2 .tag,
.m-menus999 .menus .open>.tit-2 .tag {
	color: #0454A3
}

.m-menus999 .menus .active>.tit-2 .arr::before,
.m-menus999 .menus .open>.tit-2 .arr::before {
	content: “”
}

.m-menus999 .menus .active>.tit-1 a,
.m-menus999 .menus .open>.tit-1 a {
	color: #0454A3
}

.m-menus999 .menus .active>.tit-1 .arr,
.m-menus999 .menus .open>.tit-1 .arr {
	transform: rotate(90deg)
}

.m-menus999 .menus .active .xs-menu,
.m-menus999 .menus .open .xs-menu {
	padding: 12px 0 30px
}

.m-menus999 .xs-menu-1 {
	border-top: 1px solid #0454A3
}

.m-menus999 .xs-menu {
	display: none;
	text-align: left
}

.m-menus999 .xs-menu dd {
	line-height: 34px;
	font-size: 14px
}

.m-menus999 .xs-menu.sort {
	overflow: hidden
}

.m-menus999 .xs-menu.sort dd {
	min-width: 50%;
	padding-left: 20px;
	float: left
}

.mobile-btn {
	float: right;
	position: relative;
	width: 28px;
	height: 65px
}

.mobile-btn span {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: 1px;
	margin-left: -14px;
	width: 28px;
	height: 2px;
	background-color: #000;
	-webkit-transition-duration: .5s;
	transition-duration: .5s
}

.mobile-btn span:first-child {
	transform: translateY(-8px)
}

.mobile-btn span:last-child {
	transform: translateY(8px)
}

.mobile-btn.on span:first-child {
	transform: rotate(135deg)
}

.mobile-btn.on span:nth-child(2) {
	transform: scale(0)
}

.mobile-btn.on span:last-child {
	transform: rotate(-135deg)
}

header.substation .head-nav {
	display: none
}

header.substation .head-nav-two {
	display: flex
}

main {
	padding-top: 70px
}

@media (max-width:1199px) {
	main {
		padding-top: 65px
	}
}

@media (min-width:1200px) {
	.header-site {
		height: 70px
	}
}

.ban-box {
	padding: 20px;
	background-color: #f8f8f8;
	text-align: center
}

@media (max-width:480px) {
	.ban-box img {
		width: 40%
	}
}

footer {
	background-color: #eaecee;
	padding: 46px 0 0
}

footer .ft-top {
	border-bottom: 1px solid #d7d9da;
	padding-bottom: 24px
}

@media (min-width:1200px) {
	footer .ft-top {
		display: flex;
		justify-content: space-between
	}
}

footer .ft-top .lbox {
	margin-right: 2.70rem
}

@media (min-width:768px) {
	footer .ft-top .lbox {
		display: -webkit-flex;
		display: flex;
		display: box;
		-webkit-align-items: center;
		align-items: center;
		box-align: center
	}
}

@media (max-width:1199px) {
	footer .ft-top .lbox {
		margin-bottom: 2.70rem
	}
}

footer .ft-top .logobox {
	display: -webkit-flex;
	display: flex;
	display: box;
	-webkit-align-items: center;
	align-items: center;
	box-align: center;
	margin-right: 2.70rem
}

@media (max-width:767px) {
	footer .ft-top .logobox {
		margin-bottom: 2.70rem
	}
}

footer .ft-top .logobox .logo {
	margin-right: 3.60rem;
	display: block
}

footer .ft-top .logobox .logo img {
	height: clamp(18px, 5.5vw, 28px)
}

footer .ft-top .logobox .icon {
	height: clamp(20px, 6vw, 30px)
}

footer .ft-top .nav {
	font-size: 16px
}

footer .ft-top .nav a:hover {
	color: #0454A3
}

footer .ft-top .nav a+a {
	margin-left: 1.62rem
}

footer .telbox> {
	display: inline-block;
	vertical-align: middle
}

footer .telbox .tit {
	color: #666
}

footer .telbox .tel {
	font-size: clamp(20px, 3vw, 30px);
	font-family: medium;
	color: #0454A3
}

@media (max-width:639px) {
	footer .ft-icons {
		padding-top: 20px
	}
}

footer .ft-icons a {
	padding: 0 15px;
	position: relative;
	color: #666
}

footer .ft-icons a:hover {
	color: #0454A3
}

footer .ft-icons a:first-child {
	padding-left: 0
}

footer .ft-icons a+a::before {
	content: ’‘;
	display: block;
	width: 1px;
	height: 12px;
	background-color: #cbcbcb;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 5;
	left: 0
}

footer .ft-bottom {
	padding: 24px 0;
	line-height: 1.6;
	color: #666;
	text-align: center
}

@media (min-width:1360px) {
	footer .ft-bottom {
		display: -webkit-flex;
		display: flex;
		display: box;
		-webkit-align-items: center;
		align-items: center;
		box-align: center;
		box-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between
	}
}

@media (max-width:1359px) {
	footer .ft-bottom .ft-icons {
		padding-top: 10px
	}
}

footer .ft-bottom a {
	color: #666
}

footer .ft-bottom a:hover {
	color: #0454A3
}

footer .ft-bottom span {
	display: inline-block
}

@media (max-width:480px) {
	footer .ft-bottom {
		line-height: 1.6;
		text-align: left
	}
}

.bgf {
	background: #fff
}

.banner-video {
	width: 90vw;
	max-width: 1422px
}

.banner-video .content {
	position: relative;
	padding-bottom: 56.25%;
	background: #000
}

.banner-video .content video {
	position: absolute;
	width: 100%;
	height: 100%
}

.layer-banner-video {
	width: 90vw;
	max-width: 1200px;
	height: 50vw;
	max-height: 800px;
	background: none !important;
	overflow: visible !important
}

.index_banner {
	position: relative;
	overflow: hidden;
	height: 51.12rem
}

.index_banner .ic-play {
	width: 7.20rem;
	height: 7.20rem;
	background: url(’../image/play.png’) no-repeat center center;
	background-size: contain;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: 5;
	z-index: 556;
	border-radius: 50%;
	cursor: pointer
}

.index_banner .bg {
	display: block;
	height: 100%;
	transition: all 5.6s cubic-bezier(.04, .79, 1, 1) !important;
	transform: scale(1.05);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center
}

.index_banner .bg img {
	visibility: hidden
}

.index_banner video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 555
}

.index_banner .prev {
	font-size: 26px;
	color: #fff;
	font-weight: bold;
	opacity: .5;
	padding: 1.80rem
}

@media (min-width:1680px) {
	.index_banner .prev {
		padding: 4.14rem
	}
}

.index_banner .prev::after {
	font-size: inherit
}

.index_banner .prev:hover {
	opacity: 1
}

.index_banner .swiper-pagination {
	bottom: 3.60rem
}

.index_banner .swiper-pagination-bullet {
	margin: 0 5px !important;
	width: 34px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	background: none;
	font-size: 16px;
	opacity: .5;
	position: relative;
	border-radius: 50%
}

.index_banner .swiper-pagination-bullet em {
	color: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: 5
}

@media (max-width:640px) {
	.index_banner .swiper-pagination-bullet {
		width: 26px;
		height: 26px;
		line-height: 26px;
		text-align: center
	}

	.index_banner .swiper-pagination-bullet em {
		width: 26px;
		height: 26px;
		line-height: 26px;
		text-align: center
	}
}

.index_banner .swiper-pagination-bullet-active {
	opacity: 1;
	border: 1px solid rgba(255, 255, 255, 0.5)
}

.index_banner .swiper-pagination-bullet-active .circle {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: 5;
	clip-path: circle(50px at 0 100px)
}

.index_banner li {
	position: relative
}

.index_banner li .link {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0
}

.index_banner li .content {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: 5;
	padding-bottom: 10%;
	color: #fff
}

.index_banner li .tit {
	font-size: 3.78rem;
	line-height: 1.5;
	font-weight: bold
}

@media (max-width:640px) {
	.index_banner li .tit {
		font-size: 24px
	}
}

.index_banner li .en {
	font-size: 18px
}

@media (max-width:992px) {
	.index_banner li .en {
		font-size: 16px
	}
}

@media (max-width:480px) {
	.index_banner li .en {
		font-size: 14px
	}
}

.index_banner li.swiper-slide-active .bg {
	transform: scale(1)
}

@media (max-width:480px) {
	.index_banner .swiper-pagination {
		bottom: 6%
	}
}

.index_banner .vmore {
	margin-top: 8.10rem
}

.vmore {
	background-color: #0454A3;
	display: inline-block;
	text-align: center;
	min-width: 16.02rem;
	line-height: 3.42rem;
	color: #fff;
	font-size: 16px;
	cursor: pointer
}

@media (min-width:1360px) {
	.vmore {
		line-height: 4.86rem
	}
}

@media (max-width:1359px) {
	.vmore {
		padding: 1.62rem 5.40rem;
		line-height: 1
	}
}

@media (max-width:640px) {
	.vmore {
		padding: 1.5rem 3.5rem;
		font-size: 16px;
		min-width:auto;
	}
}

.vmore:hover {
	color: #fff;
	background-color: #0068e8
}

.vmore.bgf {
	background: #fff;
	color: #333
}

.vmore.bgf:hover {
	background-color: #0454A3;
	opacity: 1;
	color: #fff
}

.vmore.lf {
	background: transparent;
	border: 1px solid #fff;
	color: #fff
}

.vmore.lf:hover {
	background: #fff;
	color: #333;
	color: #0454A3
}

.vmore.lf:hover:hover {
	background-color: #0454A3;
	opacity: 1;
	color: #fff
}

.vmore.gray {
	background: transparent;
	border: 1px solid #f0f0f0;
	color: #f0f0f0
}

.vmore.gray:hover {
	background-color: #0454A3;
	color: #fff;
	border-color: #0454A3
}

@media (min-width:992px) {
	.index_about_map {
		position: absolute;
		max-width: 1920px;
		width: 100%;
		left: 50%;
		padding-bottom: 19.43%;
		transform: translateX(-50%);
		right: 0;
		bottom: 0;
		z-index: 5
	}

	.index_about_map .bg {
		width: 100%;
		display: block
	}

	.index_about_map li {
		position: absolute;
		width: 100px;
		height: 100px
	}

	.index_about_map .txt {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		z-index: 5;
		bottom: 5px;
		font-size: 16px;
		white-space: nowrap
	}

	.index_about_map li:nth-child(1) {
		left: 17.5%;
		bottom: 43.895442%
	}

	.index_about_map li:nth-child(2) {
		left: 15.25%;
		bottom: 26.766756%
	}

	.index_about_map li:nth-child(3) {
		left: 20.25%;
		bottom: 27%
	}

	.index_about_map li:nth-child(4) {
		left: 17.96875%;
		bottom: 13.40482574%
	}

	.index_about_map li:nth-child(5) {
		left: 51.875%;
		bottom: 57.90884718%
	}

	.index_about_map li:nth-child(6) {
		right: 9.083333%;
		bottom: 21.664879%
	}

	.index_about_map li:nth-child(7) {
		right: 3.083333%;
		bottom: 15.69437%
	}

	.index_about_map .line {
		width: 2px;
		position: absolute;
		left: 50%;
		margin-left: -1px;
		bottom: 50%;
		background: linear-gradient(180deg, transparent, #339dff);
		margin-bottom: 3.5px
	}

	.index_about_map .dot {
		width: 10px;
		height: 7px;
		background-color: #339dff;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translateY(-50%) translateX(-50%);
		border-radius: 50%
	}

	.index_about_map .core-dot {
		position: absolute;
		width: 100%;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%)
	}

	.index_about_map .core-dot .ab {
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-animation: h-core-dot 3s ease-out;
		-moz-animation: h-core-dot 3s eae-out;
		animation: h-core-dot 3s ease-out;
		-webkit-animation-iteration-count: infinite;
		-moz-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
		border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-ms-border-radius: 50%;
		-o-border-radius: 50%
	}

	.index_about_map .core-dot.core-dot1 .ab {
		-webkit-animation-delay: 0s;
		animation-delay: 0s
	}

	.index_about_map .core-dot.core-dot2 .ab {
		-webkit-animation-delay: 1.5s;
		animation-delay: 1.5s
	}

	.index_about_map .core-dot.core-dot3 .ab {
		-webkit-animation-delay: 2s;
		animation-delay: 2s
	}

	.index_about_map .core-line {
		position: absolute;
		width: 0;
		height: 0;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		width: 100%;
		height: 100%;
		background: url(http://huanbao.io:8070/public/website/images/about/about-box3-line.png) no-repeat center;
		background-size: 100% 100%;
		-webkit-animation: run 3s infinite linear;
		-moz-animation: run 3s infinite linear;
		animation: run 3s infinite linear
	}

	.index_about_map .core-box {
		width: 12.3%;
		background-color: #075107;
		border-radius: 50%;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%)
	}

	.index_about_map .core-box::before {
		content: ’‘;
		width: 110%;
		height: 110%;
		border-radius: 50%;
		background-color: #075107;
		opacity: .6;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%)
	}

	@keyframes run {
		0% {
			transform: rotate(0deg)
		}

		100% {
			transform: rotate(360deg)
		}
	}

	@keyframes h-core-dot {
		0% {
			width: 0;
			height: 0;
			opacity: 0;
			background-color: #fff
		}

		40% {
			width: 50%;
			height: 50%;
			opacity: .4;
			background-color: #0073ff
		}

		75% {
			width: 91%;
			height: 91%;
			opacity: .07;
			background-color: #c9ecff
		}

		100% {
			width: 100%;
			height: 100%;
			opacity: 0;
			background-color: transparent
		}
	}

	@keyframes h-core-dot2 {
		0% {
			opacity: 0
		}

		30% {
			opacity: 1
		}

		80% {
			opacity: 1
		}

		100% {
			opacity: 0
		}
	}

	.index_about_map .pb {
		width: 100%;
		height: 0;
		padding-bottom: 60%;
		position: relative;
		z-index: 5;
		overflow: hidden
	}

	.index_about_map .ab {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		font-size: 0;
		text-align: center;
		overflow: hidden
	}
}

@media (max-width:991px) {
	.index_about_map {
		display: none
	}
}

.index_about {
	padding: 5.40rem 0 10.80rem;
	position: relative
}

.index_about .iframe-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1
}

.index_about .wrap {
	position: relative;
	z-index: 55
}

@media (min-width:992px) {
	.index_about .wrap {
		display: flex;
		align-items: stretch;
		justify-content: space-between
	}

	.index_about .lbox {
		width: 50%
	}

	.index_about .rbox {
		width: 35%;
		max-width: 556px
	}
}

@media (max-width:1199px) {
	.index_about .lbox {
		margin-bottom: 4.50rem
	}
}

.index_about .lbox .tit {
	font-size: 1.98rem;
	color: #0454A3;
	display: -webkit-flex;
	display: flex;
	display: box;
	-webkit-align-items: center;
	align-items: center;
	box-align: center
}

@media (max-width:640px) {
	.index_about .lbox .tit {
		font-size: 18px
	}
}

.index_about .lbox .tit .tag {
	line-height: 24px;
	background-color: #0454A3;
	color: #fff;
	border-radius: 2em;
	padding: 0 14px;
	display: inline-block;
	font-size: 13px;
	margin-left: 14px
}

.index_about .lbox .title {
	margin: 1.44rem 0 2.16rem
}

.index_about .lbox .title h2 {
	font-size: 4.32rem;
	font-weight: bold
}

@media (min-width:1200px) {
	.index_about .lbox .title h2 {
		line-height: 1.3
	}
}

@media (max-width:1919px) {
	.index_about .lbox .title h2 {
		font-size: 3.60rem
	}
}

@media (max-width:1280px) {
	.index_about .lbox .title h2 {
		font-size: 3.24rem
	}
}

@media (max-width:1280px) and (max-width:768px) {
	.index_about .lbox .title h2 {
		font-size: 24px
	}
}

@media (max-width:1280px) and (max-width:640px) {
	.index_about .lbox .title h2 {
		font-size: 22px
	}
}

.index_about .lbox .txt {
	font-size: 17px;
	line-height: 2.2;
	color: #666;
	max-width: 750px;
	margin-bottom: 2.70rem
}

@media (max-width:1359px) {
	.index_about .lbox .txt {
		font-size: 16px
	}
}

@media (max-width:992px) {
	.index_about .lbox .txt {
		font-size: 15px
	}
}

.index_about .lbox .txt p+p {
	margin-top: .6em
}

@media (max-width:1360px) {
	.index_about .lbox .txt {
		line-height: 2
	}
}

@media (max-width:991px) {
	.datas {
		padding-top: 4.50rem
	}
}

@media (max-width:991px) and (min-width:640px) {
	.datas {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between
	}

	.datas li {
		width: 46%
	}
}

.datas li {
	display: flex;
	justify-content: space-between;
	padding: 2.70rem 0;
	border-top: 1px solid #e9e9e9
}

@media (min-width:992px) {
	.datas li:first-child {
		border-top: none
	}
}

.datas .val {
	color: #0454A3;
	font-family: medium;
	font-size: 5.40rem;
	line-height: .8em;
	min-width: 160px
}

@media (max-width:640px) {
	.datas .val {
		line-height: 1em;
		min-width: 124px
	}
}

.datas .val .xs {
	font-size: 2.16rem
}

@media (max-width:1200px) {
	.datas .val .xs {
		font-size: 20px
	}
}

@media (max-width:992px) {
	.datas .val .xs {
		font-size: 18px
	}
}

@media (max-width:640px) {
	.datas .val .xs {
		font-size: 17px
	}
}

.datas .txt {
	width: 66%;
	color: #666;
	line-height: 24px
}

@media (min-width:992px) {
	.datas .txt {
		max-width: 270px
	}
}

@media (max-width:991px) {
	.datas .txt {
		width: 70%
	}
}

@media (max-width:639px) {
	.datas .txt {
		width: 76%
	}
}

.index_nav {
	max-width: 1920px;
	margin: 0 auto
}

@media (min-width:640px) {
	.index_nav {
		display: flex;
		align-items: stretch
	}

	.index_nav .item {
		width: 50%
	}
}

.index_nav .item {
	position: relative;
	overflow: hidden
}

@media (max-width:639px) {
	.index_nav .item {
		margin-bottom: 2px
	}
}

.index_nav .item .bg {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: absolute;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	transition: all .6s cubic-bezier(.04, .79, 1, 1) !important;
	z-index: 1
}

.index_nav .item:hover .bg {
	transform: scale(1.1)
}

.index_nav .inner {
	position: relative;
	z-index: 2
}

.index_nav .top {
	padding: 27.00rem 5% 6.12rem 6vw;
	color: #fff;
	display: block
}

@media (min-width:1920px) {
	.index_nav .top {
		padding-left: 160px
	}
}

.index_nav .top .tit {
	font-size: 3.78rem;
	margin-bottom: 1.80rem;
	line-height: 1.1;
	transition: all .5s cubic-bezier(.04, .79, 1, 1) !important
}

@media (max-width:640px) {
	.index_nav .top .tit {
		font-size: 24px
	}
}

.index_nav .top .desc {
	transition: all .5s cubic-bezier(.04, .79, 1, 1) !important
}

@media (min-width:992px) {
	.index_nav .top .desc {
		font-size: 17px
	}
}

@media (min-width:992px) and (max-width:1359px) {
	.index_nav .top .desc {
		font-size: 16px
	}
}

@media (min-width:992px) and (max-width:992px) {
	.index_nav .top .desc {
		font-size: 15px
	}
}

.index_nav .top:hover .tit {
	transform: translateY(-12px)
}

.index_nav .top:hover .desc {
	transform: translateY(-10px)
}

.index_nav .bottom {
	display: flex;
	align-items: stretch
}

.index_nav .bottom li {
	width: 50%;
	font-size: 2.70rem
}

@media (max-width:1280px) {
	.index_nav .bottom li {
		font-size: 26px
	}
}

@media (max-width:992px) {
	.index_nav .bottom li {
		font-size: 22px
	}
}

@media (max-width:768px) {
	.index_nav .bottom li {
		font-size: 20px
	}
}

@media (max-width:639px) {
	.index_nav .bottom li {
		font-size: 18px
	}
}

.index_nav .bottom li a {
	height: 8.8vw;
	max-height: 15.30rem;
	min-height: 50px;
	display: -webkit-flex;
	display: flex;
	display: box;
	-webkit-align-items: center;
	align-items: center;
	box-align: center;
	box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	color: #fff;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.3);
	transition: all .3s cubic-bezier(.04, .79, 1, 1) !important
}

.index_nav .bottom li a:hover {
	background-color: rgba(6, 109, 235, 0.6)
}

.index_nav .bottom li+li {
	border-left: 1px solid rgba(255, 255, 255, 0.3)
}

@media (max-width:639px) {
	.index_vision {
		padding: 4.50rem 0
	}
}

@media (min-width:640px) {
	.index_vision ol {
		display: flex
	}

	.index_vision ol li {
		flex: 1;
		padding: 7.56rem 0
	}

	.index_vision ol li+li {
		margin-left: 6.93rem
	}
}

@media (max-width:639px) {
	.index_vision ol li {
		padding: 3.60rem 0
	}
}

.index_vision .hd {
	border-bottom: 1px solid #e9e9e9;
	padding-bottom: 1.80rem;
	margin-bottom: 2.70rem;
	position: relative
}

.index_vision .hd .ic1 {
	background: url(’../image/ic_a1.png’) no-repeat center center
}

.index_vision .hd .ic2 {
	background: url(‘../image/ic_a2.png’) no-repeat center center
}

.index_vision .hd .ic3 {
	background: url(‘../image/ic_a3.png’) no-repeat center center
}

.index_vision .hd .icon {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 6.30rem;
	height: 6.30rem;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center
}

.index_vision .hd .en {
	color: #0454A3;
	text-transform: uppercase;
	font-size: 3.24rem;
	font-weight: bold
}

@media (max-width:768px) {
	.index_vision .hd .en {
		font-size: 24px
	}
}

@media (max-width:640px) {
	.index_vision .hd .en {
		font-size: 22px
	}
}

.index_vision .hd .tit {
	font-size: 2.70rem
}

@media (max-width:1280px) {
	.index_vision .hd .tit {
		font-size: 26px
	}
}

@media (max-width:992px) {
	.index_vision .hd .tit {
		font-size: 22px
	}
}

@media (max-width:768px) {
	.index_vision .hd .tit {
		font-size: 20px
	}
}

@media (max-width:639px) {
	.index_vision .hd .tit {
		font-size: 18px
	}
}

.index_vision .desc {
	font-size: 17px;
	color: #666
}

@media (max-width:1359px) {
	.index_vision .desc {
		font-size: 16px
	}
}

@media (max-width:992px) {
	.index_vision .desc {
		font-size: 15px
	}
}

.index_news {
	padding: 5.04rem 0 5.94rem
}

.index_news .hd {
	display: -webkit-flex;
	display: flex;
	display: box;
	-webkit-align-items: center;
	align-items: center;
	box-align: center;
	box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-bottom: 4.50rem
}

.swiper_news {
	padding-bottom: 5.94rem
}

.pagination02 {
	bottom: 0
}

.pagination02 .swiper-pagination-bullet {
	width: 13px;
	height: 5px;
	background-color: #bcbcbc;
	opacity: 1;
	border-radius: 1em;
	transition: all .3s cubic-bezier(.04, .79, 1, 1) !important
}

.pagination02 .swiper-pagination-bullet-active {
	background-color: #0454A3 !important;
	width: 5.40rem
}

.pagination02.cf .swiper-pagination-bullet {
	background: #fff
}

.pagination03 {
	bottom: 0;
	display: -webkit-flex;
	display: flex;
	display: box;
	-webkit-align-items: center;
	align-items: center;
	box-align: center;
	box-pack: center;
	-webkit-justify-content: center;
	justify-content: center
}

.pagination03 .swiper-pagination-bullet {
	width: 6px;
	height: 6px;
	background-color: #bcbcbc;
	opacity: 1;
	border-radius: 50%;
	transition: all .3s cubic-bezier(.04, .79, 1, 1) !important;
	margin: 0 0.90rem !important;
	display: block
}

.pagination03 .swiper-pagination-bullet-active {
	background-color: transparent;
	border: 3px solid #0454A3;
	width: 1.80rem;
	height: 1.80rem
}

.news_inner {
	display: block;
	position: relative;
	overflow: hidden
}

.news_inner .cimgbox {
	/*padding-bottom: 72%*/
}

.news_inner .info {
	padding: 2.70rem 7%
}

.news_inner .info .time {
	color: #999
}

.news_inner .info .type {
	color: #0454A3
}

.news_inner .time {
	font-weight: bold
}

.news_inner .tit {
	font-size: 18px;
	line-height: 25px;
	margin: 0.90rem 0 4.50rem;
	height: 50px;
	display: -webkit-box;
	overflow: hidden;
	white-space: normal !important;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.news_inner .desc {
	font-size:14px;
	line-height: 20px;
	height: 40px;
	display: -webkit-box;
	overflow: hidden;
	white-space: normal !important;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.news_inner .covertxt {
	background: linear-gradient(180deg, rgba(6, 109, 235, 0.9), #0454A3 50%);
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 5;
	color: #fff;
	padding: 3rem 2rem;
	transform: translateY(50%);
	opacity: 0;
	transition: transform .2s
}

.news_inner .covertxt a {
	color: #fff
}

.news_inner .covertxt .more {
	color: #fff;
	font-size: 16px;
	border: 1px solid rgba(255, 255, 255, 0.5);
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	transition: all .3s cubic-bezier(.04, .79, 1, 1) !important;
	margin-top:2rem;
}

@media (min-width:768px) {
	.news_inner .covertxt .more {
		width: 14.40rem;
		height: 4.86rem
	}
}

@media (max-width:767px) {
	.news_inner .covertxt .more {
		padding: 1.44rem 5.40rem
	}
}

.news_inner .covertxt .more:hover {
	background: #fff;
	color: #0454A3
}

@media (min-width:992px) {
	.news_inner:hover .coverimg {
		transform: scale(1.2)
	}

	.news_inner:hover .covertxt {
		opacity: 1;
		transform: translate(0)
	}
}

.quote_box {
	background: url(‘../image/bg3.jpg’) no-repeat center center;
	background-size: cover;
	padding: 6.30rem 0 8.10rem;
	color: #fff
}

.quote_box .info {
	margin: 1.80rem 0 4.50rem
}

@media (min-width:640px) {
	.quote_box .info {
		display: -webkit-flex;
		display: flex;
		display: box;
		-webkit-align-items: center;
		align-items: center;
		box-align: center;
		box-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between
	}

	.quote_box .info .desc {
		width: 65%;
		max-width: 874px
	}
}

.quote_box .info .desc {
	font-size: 17px;
	line-height: 2
}

@media (max-width:1359px) {
	.quote_box .info .desc {
		font-size: 16px
	}
}

@media (max-width:992px) {
	.quote_box .info .desc {
		font-size: 15px
	}
}

@media (max-width:768px) {
	.quote_box .info .desc {
		line-height: 1.6
	}
}

@media (max-width:639px) {
	.quote_box .info .desc {
		margin-bottom: 3.60rem
	}
}

.quote_box .codes {
	background-color: rgba(6, 109, 235, 0.4);
	border-radius: 10px;
	color: #fff;
	padding: 4.32rem 4.6%
}

@media (min-width:992px) {
	.quote_box .codes {
		display: -webkit-flex;
		display: flex;
		display: box;
		-webkit-align-items: center;
		align-items: center;
		box-align: center;
		box-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between
	}

	.quote_box .codes .lbox {
		width: 40%
	}

	.quote_box .codes .rbox {
		width: 50%
	}

	.quote_box .codes .rbox .inner {
		justify-content: flex-end
	}
}

.quote_box .codes .title {
	font-size: 3.24rem;
	margin-bottom: 2.70rem
}

@media (max-width:768px) {
	.quote_box .codes .title {
		font-size: 24px
	}
}

@media (max-width:640px) {
	.quote_box .codes .title {
		font-size: 22px
	}
}

.quote_box .codes nav {
	display: -webkit-flex;
	display: flex;
	display: box;
	-webkit-align-items: center;
	align-items: center;
	box-align: center
}

@media (max-width:991px) {
	.quote_box .codes nav {
		margin-bottom: 3.60rem
	}
}

.quote_box .codes nav .item {
	font-size: 18px;
	color: #fff;
	opacity: .5;
	padding: 1.26rem 2.70rem;
	line-height: 1;
	border: 1px solid transparent;
	border-radius: 2em;
	display: block;
	cursor: pointer;
	transition: all .3s cubic-bezier(.04, .79, 1, 1) !important
}

@media (min-width:1400px) {
	.quote_box .codes nav .item {
		margin-right: 1.80rem
	}
}

@media (max-width:1360px) {
	.quote_box .codes nav .item {
		font-size: 16px
	}
}

@media (max-width:639px) {
	.quote_box .codes nav .item {
		padding: 1.26rem 1.80rem
	}
}

.quote_box .codes nav .on {
	opacity: 1;
	border-color: #fff
}

.quote_box .codes .rbox .inner {
	display: flex
}

@media (max-width:639px) {
	.quote_box .codes .rbox .inner {
		flex-wrap: wrap;
		justify-content: space-between
	}

	.quote_box .codes .rbox .inner .code-item {
		width: 48%;
		margin-bottom: 4%;
		text-align: center;
		padding: 1.80rem
	}
}

@media (min-width:640px) {
	.quote_box .codes .code-item+.code-item {
		margin-left: 1.80rem
	}
}

@media (min-width:640px) and (max-width:1360px) {
	.quote_box .codes .code-item+.code-item {
		margin-left: 1.44rem
	}
}

.quote_box .codes .code-item {
	text-align: center;
	background: #fff;
	border-radius: 4px;
	color: #333;
	overflow: hidden;
	padding: 2px
}

.quote_box .codes .code-item img {
	width: 94px;
	height: 94px
}

.quote_box .codes .code-item span {
	padding: 2px 0 4px;
	display: block
}

.search-main {
	background: #fff;
	padding: 8.10rem 0 7.74rem;
	text-align: center
}

.search-main .title {
	font-size: 4.32rem;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 3.24rem
}

@media (max-width:768px) {
	.search-main .title {
		font-size: 30px
	}
}

@media (max-width:640px) {
	.search-main .title {
		font-size: 24px
	}
}

.search-main .searchbox {
	position: relative;
	max-width: 952px;
	margin: 0 auto 4.14rem
}

@media (min-width:640px) {
	.search-main .searchbox {
		width: 80%
	}
}

.search-main .searchbox input {
	width: 100%;
	height: 6.12rem;
	border-radius: 2em;
	background-color: #f8f8f8;
	padding-left: 3.60rem;
	font-size: 18px;
	padding-right: 7.20rem
}

.search-main .searchbox .submit {
	width: 7.20rem;
	height: 100%;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 55
}

.search-main .searchbox .submit:hover {
	color: #0454A3
}

.search-main .searchbox .submit .iconfont {
	font-size: 20px
}

@media (max-width:992px) {
	.search-main .searchbox input {
		height: 44px;
		font-size: 16px;
		padding-right: 60px
	}

	.search-main .searchbox .submit {
		width: 60px
	}
}

@media (max-width:640px) {
	.search-main .searchbox input {
		font-size: 15px
	}
}

.search-main .typebox {
	display: -webkit-flex;
	display: flex;
	display: box;
	-webkit-align-items: center;
	align-items: center;
	box-align: center;
	box-pack: center;
	-webkit-justify-content: center;
	justify-content: center
}

.search-main .typebox a {
	border-radius: 2em;
	border: 1px solid #e9e9e9;
	line-height: 5.40rem;
	min-width: 18.00rem;
	display: block;
	padding: 0 12px
}

@media (min-width:1280px) {
	.search-main .typebox a {
		font-size: 16px
	}
}

@media (max-width:768px) {
	.search-main .typebox a {
		line-height: 36px
	}
}

@media (max-width:480px) {
	.search-main .typebox a {
		line-height: 30px
	}
}

.search-main .typebox a.on,
.search-main .typebox a:hover {
	background-color: #0454A3;
	color: #fff;
	border-color: #0454A3
}

.search-main .typebox a+a {
	margin-left: 1.08rem
}

.search-list-main {
	padding: 8.10rem 0;
	background-color: #f9f9f9
}

.product-list {
	margin-left: -1.62rem !important;
	margin-right: -1.62rem !important;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch
}

.product-list> {
	padding-left: 1.62rem !important;
	padding-right: 1.62rem !important;
	margin-bottom: 3.24rem
}

.product-list::before {
	display: none
}

.product-list li>.inner,
.product-list li>a {
	height: 100%
}

@media (max-width:1200px) {
	.product-list {
		margin-left: -1.17rem !important;
		margin-right: -1.17rem !important
	}

	.product-list> {
		padding-left: 1.17rem !important;
		padding-right: 1.17rem !important;
		margin-bottom: 2.34rem
	}
}

@media (max-width:479px) {
	.product-list li {
		width: 100%
	}
}

.info_product {
	display: block;
	background: #fff;
	padding: 4.95rem 5.40rem;
	height: 100%;
	text-align: center
}

@media (max-width:768px) {
	.info_product {
		padding: 4.95rem 2.70rem
	}
}

.info_product .imgwrap {
	margin: 0 auto 2.70rem;
	max-width: 276px
}

@media (max-width:768px) {
	.info_product .imgwrap {
		margin-bottom: 4.50rem
	}
}

.info_product .info {
	font-size: 1.98rem;
	line-height: 1.36
}

.info_product .info:hover {
	color: #0454A3
}

@media (max-width:1200px) {
	.info_product .info {
		font-size: 17px
	}
}

@media (max-width:768px) {
	.info_product .info {
		font-size: 16px
	}
}

.info_product .info .type {
	margin-bottom: 2px
}

.info_product_hv {
	display: block;
	background: #fff;
	padding: 4.95rem 4.50rem;
	height: 100%;
	text-align: center
}

.info_product_hv.transparent {
	background: transparent
}

@media (max-width:768px) {
	.info_product_hv {
		padding: 4.95rem 2.70rem
	}
}

.info_product_hv .cimgbox {
	padding-bottom: 100%
}

.info_product_hv .imgwrap {
	margin: 0 auto 7.20rem;
	padding: 0 10%;
	max-width: 320px
}

@media (max-width:768px) {
	.info_product_hv .imgwrap {
		margin-bottom: 4.50rem;
		padding: 0 20%
	}
}

.info_product_hv .info {
	font-size: 1.80rem;
	line-height: 1.36;
	display: block
}

@media (max-width:1200px) {
	.info_product_hv .info {
		font-size: 17px
	}
}

@media (max-width:768px) {
	.info_product_hv .info {
		font-size: 16px
	}
}

.info_product_hv .info .type {
	transition: transform .3s;
	margin-bottom: 6px;
	font-size: 94%
}

.info_product_hv .info .tit {
	transition: transform .4s
}

.info_product_hv .vmore {
	opacity: 0;
	transition: all .3s cubic-bezier(.04, .79, 1, 1) !important;
	transform: translateY(20px)
}

.info_product_hv:hover {
	background: linear-gradient(0deg, #0454A3, #9fc8fb 40%, #f8f8f8)
}

.info_product_hv:hover .tit,
.info_product_hv:hover .type {
	color: #fff;
	transform: translateY(-30px)
}

.info_product_hv:hover .vmore {
	opacity: 1;
	transform: translateY(0)
}

.fixed_box_xs {
	position: fixed;
	right: 0px;
	top: 30vh;
	z-index: 555;
	background-color: #0454A3;
	color: #fff;
	width: 30px;
	text-align: center;
	padding: 16px 4px;
	cursor: pointer;
	transition: all .3s cubic-bezier(.04, .79, 1, 1) !important;
	border-radius: 4px 0 0 4px;
	transform: translateX(40px)
}

.fixed_box_xs i {
	display: block
}

.fixed_box_xs.open {
	transform: translateX(0)
}

.fixed_box {
	width: 166px;
	position: fixed;
	right: 6px;
	top: 90px;
	transform: translateX(200px);
	z-index: 999999;
	background: #fff;
	border: 1px solid #0454A3;
	border-radius: 4px;
	box-shadow: 0 0 38.22px 10.78px rgba(0, 0, 0, 0.09);
	padding: 12px 12px 6px;
	text-align: center;
	transition: all .3s cubic-bezier(.04, .79, 1, 1) !important
}

.fixed_box.open {
	transform: translateX(0)
}

.fixed_box .closebtn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 5;
	left: -16px;
	font-size: 16px;
	background-color: #0454A3;
	width: 16px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	color: #fff;
	cursor: pointer;
	border-radius: 4px 0 0 4px;
	padding-right: 2px
}

.fixed_box .closebtn:hover {
	background-color: #0068e8;
	color: #fff
}

.fixed_box li {
	padding-bottom: 10px
}

.fixed_box .logo {
	max-width: 80%;
	max-height: 26px;
	display: block;
	margin: 16px auto 22px
}

.fixed_box .title {
	color: #0454A3;
	font-size: 18px
}

.fixed_box .telbox {
	display: block;
	border: 1px solid #0454A3;
	border-radius: 4px;
	padding: 12px 0;
	transition: all .3s cubic-bezier(.04, .79, 1, 1) !important
}

.fixed_box .telbox .tel {
	margin-top: 2px;
	font-size: 16px
}

.fixed_box .telbox .icon-kefu {
	color: #0454A3;
	font-size: 26px;
	display: inline-block;
	transform: translateY(2px)
}

.fixed_box .telbox:hover {
	background-color: #0454A3
}

.fixed_box .telbox:hover {
	color: #fff
}

.fixed_box .codebox {
	display: block;
	margin-top: 6px
}

.fixed_box .codebox .code {
	width: 97px
}

.fixed_box .totop {
	margin-top: 4px;
	display: inline-block;
	width: 4.86rem;
	height: 4.86rem;
	line-height: 4.86rem;
	border: 1px solid #0454A3;
	border-radius: 50%;
	cursor: pointer;
	transition: all .3s cubic-bezier(.04, .79, 1, 1) !important;
	color: #0454A3
}

@media (max-width:992px) {
	.fixed_box .totop {
		width: 40px;
		height: 40px;
		line-height: 40px;
		text-align: center
	}
}

.fixed_box .totop .iconfont {
	font-size: 2.16rem
}

@media (max-width:1200px) {
	.fixed_box .totop .iconfont {
		font-size: 20px
	}
}

@media (max-width:992px) {
	.fixed_box .totop .iconfont {
		font-size: 18px
	}
}

@media (max-width:640px) {
	.fixed_box .totop .iconfont {
		font-size: 17px
	}
}

.fixed_box .totop:hover {
	background-color: #0454A3;
	color: #fff
}

.contact_fiexd {
	width: 502px;
	height: 253px;
	background: url(“../image/bg4.png”) no-repeat center;
	position: fixed;
	right: 6px;
	bottom: 6px;
	z-index: 555;
	box-sizing: border-box;
	color: #fff;
	padding: 30px;
	border-radius: 4px;
	overflow: hidden;
	transition: all .3s cubic-bezier(.04, .79, 1, 1) !important;
	transform: translateY(300px)
}

.contact_fiexd.open {
	transform: translateY(0)
}

.contact_fiexd .txt {
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 14px
}

.contact_fiexd .tel {
	font-size: 2.88rem;
	line-height: 1.4;
	margin-bottom: 16px
}

.contact_fiexd .tel em {
	font-size: 14px;
	display: block
}

.contact_fiexd .btns {
	font-size: 15px;
	overflow: hidden;
	padding-right: 18px;
	display: -webkit-flex;
	display: flex;
	display: box;
	-webkit-align-items: center;
	align-items: center;
	box-align: center
}

.contact_fiexd .btns .item {
	width: 76px;
	line-height: 32px;
	text-align: center;
	border-radius: 4px;
	display: block;
	border: 1px solid #fff;
	float: left;
	text-decoration: none;
	cursor: pointer
}

.contact_fiexd .btns a.item {
	background: #fff;
	color: #0454A3;
	font-weight: bold
}

.contact_fiexd .btns .item:hover {
	border-color: #000;
	background-color: #000;
	color: #fff
}

.contact_fiexd .btns .item+.item {
	margin-left: 3px
}

.banner_img {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 32.40rem;
	position: relative;
	z-index: 55
}

@media (max-width:640px) {
	.banner_img {
		height: 23.40rem
	}
}

.crumbs {
	padding: 2.70rem 0 0;
	color: #999
}

.crumbs> {
	display: inline-block;
	vertical-align: middle
}

@media (max-width:640px) {
	.crumbs {
		display: none
	}
}

.crumbs a {
	color: #999
}

.crumbs a:hover {
	color: #0454A3
}

.crumbs .icon-right {
	font-size: 12px;
	padding: 0 .05em
}

.crumbs span {
	color: #333
}

.crumbs.cf {
	color: #fff
}

.crumbs.cf a {
	color: #fff
}

.crumbs.cf span {
	color: #fff
}

.company-main {
	padding: 5.40rem 0
}

.company-main .videobox {
	margin-bottom: 5.40rem
}

@media (min-width:992px) {
	.company-main .videobox {
		display: flex;
		align-items: center
	}

	.company-main .videobox .video {
		width: 53%
	}

	.company-main .videobox .info {
		flex: 1;
		padding-left: 6.5%
	}
}

.company-main .videobox .video {
	max-width: 100%
}

@media (max-width:991px) {
	.company-main .videobox .video {
		margin-bottom: 5.40rem
	}
}

.company-main .videobox .info .tit2 {
	margin-bottom: 2.16rem
}

.company-main .rjvideo {
	text-align: center;
	max-width: 1000px;
	margin: 0 auto
}

@media (min-width:640px) {
	.company-main .rjvideo {
		width: 80%
	}
}

.company-main .list {
	padding-top: 6.30rem
}

.company-main .list li {
	margin-bottom: 6.30rem
}

@media (min-width:768px) {
	.company-main .list li {
		display: flex
	}

	.company-main .list li .tit2 {
		width: 30%
	}

	.company-main .list li .vtxt {
		flex: 1
	}
}

.company-main .list li .tit2 {
	margin-bottom: 2.70rem
}

.company-main .list li .vtxt img {
	display: block;
	margin: 0.90rem auto
}

.vtxt {
	line-height: 1.76;
	color: #666
}

@media (min-width:1280px) {
	.vtxt {
		font-size: 16px
	}
}

.skill-main {
	padding: 7.20rem 0 14.40rem
}

.skill-main .tit2 {
	margin-bottom: 4.14rem
}

.skill-main .vtxt p {
	margin-bottom: 1em
}

.skill-main .vtxt .img {
	margin: 1.80rem auto;
	display: block
}

.fixed_nav_box.mb {
	margin-bottom: 4.50rem
}

.fixed_nav_box.fixed .inner {
	position: fixed;
	left: 0;
	right: 0;
	top: 70px;
	z-index: 55;
	background: #fff
}

@media (max-width:1199px) {
	.fixed_nav_box.fixed .inner {
		top: 65px
	}
}

.fixed_nav_box .wrap {
	position: relative
}

@media (min-width:1280px) {
	.fixed_nav_box .wrap {
		font-size: 16px
	}
}

@media (max-width:640px) {
	.fixed_nav_box .wrap {
		width: 100vw;
		height: 50px
	}

	.fixed_nav_box .wrap .fixed_nav {
		padding-left: 6vw;
		padding-right: 6vw;
		overflow-x: auto
	}
}

.fixed_nav_box.one {
	height: 5.40rem
}

@media (max-width:768px) {
	.fixed_nav_box.one {
		height: 50px
	}
}

.fixed_nav.one {
	color: #0454A3;
	display: -webkit-flex;
	display: flex;
	display: box;
	-webkit-align-items: center;
	align-items: center;
	box-align: center;
	box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	padding: 10px 0
}

.fixed_nav.one a {
	border-radius: 2em;
	display: block;
	box-sizing: content-box;
	text-align: center;
	transition: all .3s cubic-bezier(.04, .79, 1, 1) !important;
	min-width: 18.00rem;
	font-size: 16px;
	line-height: 5.40rem;
	padding: 0 1.80rem;
	border: 1px solid #e9e9e9
}

@media (max-width:768px) {
	.fixed_nav.one a {
		padding: 1.44rem 3.42rem;
		line-height: 34px;
		padding: 0 3.42rem
	}
}

@media (max-width:480px) {
	.fixed_nav.one a {
		padding: 0 16px
	}
}

.fixed_nav.one a+a {
	margin-left: 0.90rem
}

.fixed_nav.one a.on,
.fixed_nav.one a:hover {
	background-color: #0454A3;
	color: #fff;
	border-color: #0454A3
}

.fixed_nav_box.two {
	height: 7.20rem
}

@media (max-width:768px) {
	.fixed_nav_box.two {
		height: 50px
	}
}

.lb {
	border-bottom: 1px solid #e9e9e9
}

.fxc {
	display: -webkit-flex;
	display: flex;
	display: box;
	-webkit-align-items: center;
	align-items: center;
	box-align: center;
	box-pack: center;
	-webkit-justify-content: center;
	justify-content: center
}

.fl {
	float: left
}

.fr {
	float: right
}

.fixed_nav.two {
	color: #0454A3;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

@media (min-width:768px) {
	.fixed_nav.two {
		min-height: 7.20rem;
		padding: 1.35rem 0
	}
}

.fixed_nav.two.fill {
	max-width: 100% !important;
	flex-wrap: nowrap
}

.fixed_nav.two a {
	display: block;
	text-align: center;
	transition: all .3s cubic-bezier(.04, .79, 1, 1) !important;
	white-space: nowrap;
	font-size: 18px;
	line-height: 4.50rem;
	position: relative;
	color: #666;
	font-weight:bold;
}

.fixed_nav.two a:hover {
	color: #0454A3
}

@media (max-width:1200px) {
	.fixed_nav.two a {
		font-size: 16px
	}
}

@media (max-width:768px) {
	.fixed_nav.two a {
		line-height: 50px
	}
}

.fixed_nav.two a::after {
	content: ’‘;
	width: 0;
	height: 3px;
	background-color: #0454A3;
	bottom: -1.35rem;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	z-index: 5;
	transition: all .3s cubic-bezier(.04, .79, 1, 1) !important
}

.fixed_nav.two.s2 a::after {
	bottom: 0
}

.fixed_nav.two a:last-child {
	margin-right: 0 !important
}

.fixed_nav.two a {
	margin-right: 9.90rem
}

@media (max-width:1360px) {
	.fixed_nav.two a {
		margin-right: 8.10rem
	}
}

.fixed_nav.two.news a {
	margin-right: 5.40rem
}

@media (max-width:1360px) {
	.fixed_nav.two.news a {
		margin-right: 2.70rem
	}
}

.fixed_nav.two a.on,
.fixed_nav.two a:hover {
	color: #0454A3;
	border-color: #0454A3
}

.fixed_nav.two a.on::after,
.fixed_nav.two a:hover::after {
	width: 100%
}

.contact-main {
	padding: 6.30rem 0 9.00rem
}

.contact-main .hd {
	text-align: center
}

.contact-main .hd .title {
	font-weight: bold;
	font-size: 3.24rem;
	margin-bottom: 2.70rem
}

@media (max-width:768px) {
	.contact-main .hd .title {
		font-size: 24px
	}
}

@media (max-width:640px) {
	.contact-main .hd .title {
		font-size: 22px
	}
}

.contact-main .fixed_nav_box {
	padding-bottom: 1.80rem
}

.site-list {
	padding-top: 3.60rem
}

.site-list li {
	margin-bottom: 2.70rem
}

@media (min-width:992px) {
	.site-list li {
		display: flex;
		align-items: stretch
	}

	.site-list li .map {
		width: 61%
	}

	.site-list li .content {
		min-height: 50.94rem;
		flex: 1;
		display: -webkit-flex;
		display: flex;
		display: box;
		box-orient: vertical;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-justify-content: center;
		justify-content: center;
		box-pack: center;
		max-width: 594px
	}
}

.site-list .map {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center
}

@media (max-width:991px) {
	.site-list .map {
		height: 45.00rem
	}
}

.site-list .content {
	background-color: #0454A3;
	padding: 5.40rem 5.40rem 5.40rem 6.2%;
	color: #fff
}

@media (max-width:1200px) {
	.site-list .content {
		padding: 5.40rem
	}
}

@media (max-width:480px) {
	.site-list .content {
		padding: 5.40rem 5vw
	}
}

.site-list .content .title {
	font-size: 3.24rem
}

@media (max-width:768px) {
	.site-list .content .title {
		font-size: 24px
	}
}

@media (max-width:640px) {
	.site-list .content .title {
		font-size: 22px
	}
}

.site-list .content .desc {
	font-size: 1.80rem;
	margin: 1.44rem 0 2.70rem
}

@media (max-width:1200px) {
	.site-list .content .desc {
		font-size: 16px
	}
}

@media (max-width:768px) {
	.site-list .content .desc {
		font-size: 15px
	}
}

.site-list .content .info {
	line-height: 1.76
}

@media (min-width:1280px) {
	.site-list .content .info {
		font-size: 16px
	}
}

.site-list .content .info a {
	color: #fff;
	text-decoration: underline
}

.product-main .hd {
	padding: 7.20rem 0 9.90rem
}

.product-main .hd .tit2 {
	margin-bottom: 2.16rem
}

.product-channel-list {
	padding: 9.00rem 0
}

@media (max-width:1199px) {
	.product-channel-list .w1500 {
		display: flex;
		flex-wrap: wrap
	}

	.product-channel-list .w1500 li {
		width: 32%;
		margin-left: 2%
	}

	.product-channel-list .w1500 li:nth-child(3n+1) {
		margin-left: 0
	}
}

@media (max-width:767px) and (min-width:481px) {
	.product-channel-list .w1500 li {
		width: 46%;
		margin-left: 2% !important
	}

	.product-channel-list .w1500 li:nth-child(2n+1) {
		margin-left: 0 !important
	}
}

@media (max-width:480px) {
	.product-channel-list .w1500 li {
		width: 100%
	}
}

.product-channel-list li {
	background: #fff;
	margin-bottom: 3.60rem;
	position: relative
}

@media (min-width:1200px) {
	.product-channel-list li {
		display: flex;
		align-items: stretch
	}

	.product-channel-list li .info_product {
		width: 37.3%
	}

	.product-channel-list li .videosbox {
		flex: 1
	}
}

@media (min-width:1200px) and (max-width:992px) {
	.product-channel-list li .info_product {
		width: 50%
	}
}

.product-channel-list .info_product {
	padding: 3.60rem
}

@media (max-width:1199px) {
	.product-channel-list .info_product {
		padding-bottom: 5.40rem
	}
}

.product-channel-list .info_product .img {
	margin-bottom: 2.70rem !important
}

@media (max-width:1200px) {
	.product-channel-list .info_product .img {
		margin-bottom: 1.80rem
	}
}

.product-channel-list .info_product .imgwrap {
	max-width: 220px
}

.product-channel-list .info_product .info {
	display: block;
	font-size: 18px;
	margin-bottom: 2.70rem
}

@media (max-width:1280px) {
	.product-channel-list .info_product .info {
		font-size: 16px
	}
}

@media (max-width:992px) {
	.product-channel-list .info_product .info {
		font-size: 15px
	}
}

@media (max-width:1199px) {
	.product-channel-list .videosbox {
		display: none
	}
}

.product-channel-list .videosbox .img {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	object-fit: contain
}

@media (max-width:639px) {
	.product-channel-list .videosbox {
		display: none
	}
}

.product-channel-list .play2 {
	width: 60px;
	height: 60px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	position: absolute;
	z-index: 55
}

@media (min-width:640px) {
	.product_top {
		color: #fff;
		background-repeat: no-repeat;
		background-position: center
	}

	.product_top .w1500 {
		min-height: 66.60rem;
		display: flex;
		flex-direction: column
	}

	.product_top .content {
		flex: 1;
		display: -webkit-flex;
		display: flex;
		display: box;
		box-orient: vertical;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-justify-content: center;
		justify-content: center;
		box-pack: center;
	}
}

@media (max-width:1920px) {
	.product_top {
		background-size: cover
	}
}

@media (max-width:1200px) {
	.product_top {
		background-position: 10% center
	}
}

@media (max-width:992px) {
	.product_top {
		background-position: 30% center
	}
}

@media (max-width:768px) {
	.product_top {
		background-position: 60% center
	}
}

@media (max-width:639px) {

	.product_top .img {
		display: block !important;
		margin: 0 auto 3.60rem
	}
}

.product_top .crumbs {
	margin-bottom: 2.70rem;
	color: #fff
}

.product_top .crumbs a {
	color: #fff
}

.product_top .crumbs a:hover {
	color: #0454A3
}

.product_top .crumbs span {
	color: #fff
}

.product_top .content {
	padding: 5.40rem 0 9.00rem
}

.product_top .content .tag {
	margin-bottom: 10px
}

.product_top .content h1 {
	font-size: 4.50rem;
	margin-bottom: 3.60rem;
	line-height: 1.2;
	font-weight:bold;
}

@media (max-width:480px) {
	.product_top .content h1 {
		font-size: 3.2rem;
		line-height: 1.4
	}
}

.product_top .content .txt {
	line-height: 1.76;
	margin-bottom: 6.30rem
}

@media (max-width:639px) {
	.product_top .content .txt {
		font-size: 15px;
		margin-bottom:3rem;
	}
}

@media (min-width:640px) {
	.product_top .content .txt {
		min-height: calc((5 * 1.76 * 16px))
	}
}

@media (min-width:640px) and (min-width:1280px) {
	.product_top .content .txt {
		font-size: 16px
	}
}

.product_top .content .txt p+p {
	margin-top: 1em
}

.product_top .btns .shop {
	background-color: #e11111
}

.product_top .btns a+a {
	margin-left: 1.80rem
}

@media (max-width:640px) {
	.proinfo-table {
		overflow-x: auto;
		width: 94vw
	}
}

.proinfo-table table {
	width: 100% !important;
	background: #fff;
	margin-bottom:1rem;
}

@media (max-width:640px) {
	.proinfo-table table {
		width: 570px !important;
		margin-right: 5vw
	}
}

.proinfo-table td {
	padding: 10px 5px;
	border: 1px solid #e9e9e9;
	border-collapse: collapse;
	color: #666;
	text-align: center;
	word-break: break-all;
}
.proinfo-table td:nth-of-type(1) {width: 200px;}

@media (min-width:1280px) {
	.proinfo-table td {
		font-size: 16px
	}
}

@media (max-width:640px) {
	.proinfo-table td {
		height: auto;
		padding: 10px 5px
	}
}

.probox {
	padding-top:7rem;
	/* padding-bottom:9rem; */
}

.probox .tit2 {
	margin-bottom: 3.24rem;
	font-weight:bold;
}

.probox-news .vmore {
	margin-top: -10px
}

.pt20 {
	padding-top: 20px
}

@media (min-width:768px) {
	.probox-data {
		display: flex;
		align-items: stretch
	}

	.probox-data .videosbox {
		width: 70%
	}

	.probox-data .videosbox .inner {
		position: relative;
		padding-bottom: 51.8%
	}

	.probox-data .videosbox .inner img {
		position: absolute;
		width: 100%;
		left: 0;
		top: 0;
		bottom: 0;
		object-fit: cover
	}

	.probox-data .downloadbox {
		flex: 1;
		margin-left: 2.34rem;
		display: -webkit-flex;
		display: flex;
		display: box;
		box-orient: vertical;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-justify-content: center;
		justify-content: center;
		box-pack: center;
		text-align: center;
		align-items: center
	}
}

@media (min-width:768px) and (max-width:1360px) {
	.probox-data .videosbox {
		width: 60%
	}
}

@media (min-width:768px) and (max-width:768px) {
	.probox-data .videosbox {
		width: 55%
	}
}

@media (min-width:768px) and (max-width:1200px) {
	.probox-data .downloadbox {
		margin-left: 1.80rem
	}
}

@media (max-width:639px) {
	.probox-data .videosbox {
		background: none
	}
}

.probox-data .downloadbox {
	background-color: #0454A3;
	color: #fff;
	padding: 5.40rem 2.70rem;
	text-align: center
}

.probox-data .downloadbox .ic-pdf {
	width: 6.66rem;
	height: 6.66rem;
	background: url(’../image/pdf.png’) no-repeat center center;
	background-size: contain;
	display: inline-block
}

@media (max-width:991px) {
	.probox-data .downloadbox .ic-pdf {
		width: 5.40rem;
		height: 5.40rem;
		background-size: contain
	}
}

.probox-data .downloadbox .title {
	font-size: 2.16rem;
	margin: 2.16rem 0 5.04rem;
	line-height: 1.4
}

@media (max-width:1200px) {
	.probox-data .downloadbox .title {
		font-size: 20px
	}
}

@media (max-width:992px) {
	.probox-data .downloadbox .title {
		font-size: 18px
	}
}

@media (max-width:640px) {
	.probox-data .downloadbox .title {
		font-size: 17px
	}
}

@media (max-width:639px) {
	.probox-data .downloadbox .title {
		margin-bottom: 2.70rem
	}
}

.probox-data .downloadbox .vmore:hover {
	background: #000;
	color: #fff
}

.swiper_application {
	padding-bottom: 6.30rem
}

@media (max-width:640px) {
	.swiper_application {
		padding-bottom: 50px
	}
}

.swiper_application.gray .info_product_hv {
	background-color: #f8f8f8
}

.app_inner {
	background: #fff
}

.app_inner .cimgbox {
	padding-bottom: 72%
}

.app_inner .tit {
	padding: 2.70rem 3.60rem;
	font-size: 1.98rem;
	display: block
}

.app_inner .tit:hover {
	color: #0454A3
}

@media (max-width:1200px) {
	.app_inner .tit {
		font-size: 16px
	}
}

.solution-main {
	padding: 6.30rem 0 2.70rem
}

.solution-main .tit2 {
	margin-bottom: 4.50rem
}

.solution-list {
	margin-left: -2.07rem !important;
	margin-right: -2.07rem !important;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	padding-bottom: 4.50rem
}

.solution-list> {
	padding-left: 2.07rem !important;
	padding-right: 2.07rem !important;
	margin-bottom: 4.14rem
}

.solution-list::before {
	display: none
}

.solution-list li>.inner,
.solution-list li>a {
	height: 100%
}

@media (max-width:480px) {
	.solution-list li {
		width: 100%
	}
}

.solution_inner {
	background-color: #f8f8f8;
	display: block;
	position: relative;
	overflow: hidden
}

.solution_inner .cimgbox {
	padding-bottom: 72%
}

.solution_inner .info {
	padding: 3.24rem 7% 4.50rem
}

.solution_inner .tit {
	font-size: 2.16rem;
	line-height: 1.55em;
	margin-bottom: 10px;
	display: block
}

@media (max-width:1200px) {
	.solution_inner .tit {
		font-size: 20px
	}
}

@media (max-width:992px) {
	.solution_inner .tit {
		font-size: 18px
	}
}

@media (max-width:640px) {
	.solution_inner .tit {
		font-size: 17px
	}
}

.solution_inner .desc {
	line-height: 1.7;
	word-break: break-all;
	overflow: hidden;
	-webkit-line-clamp: 2;
	color: #666;
	height: calc((16px1.72))
}

@media (min-width:1280px) {
	.solution_inner .desc {
		font-size: 16px
	}
}

@media (max-width:1279px) {
	.solution_inner .desc {
		max-height: calc((14px1.73));
		height: auto;
		-webkit-line-clamp: 3
	}
}

.solution_inner .covertxt {
	background: linear-gradient(180deg,
			rgba(6, 109, 235, 0.9), #0454A3 50%);
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 5;
	color: #fff;
	padding: 5.40rem 3.60rem;
	transform: translateY(50%);
	opacity: 0;
	transition: transform .2s
}

.solution_inner .covertxt a {
	color: #fff
}

.solution_inner .covertxt .desc {
	-webkit-line-clamp: 3;
	color: #fff;
	height: calc((16px1.73))
}

.solution_inner .covertxt .more {
	color: #fff;
	font-size: 16px;
	border: 1px solid rgba(255, 255, 255, 0.5);
	display: inline-block;
	display: -webkit-flex;
	display: flex;
	display: box;
	-webkit-align-items: center;
	align-items: center;
	box-align: center;
	box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	position: absolute;
	left: 3.60rem;
	bottom: 4.50rem;
	transition: all .3s cubic-bezier(.04, .79, 1, 1) !important
}

@media (min-width:768px) {
	.solution_inner .covertxt .more {
		width: 14.40rem;
		height: 4.86rem
	}
}

@media (max-width:767px) {
	.solution_inner .covertxt .more {
		padding: 1.44rem 5.40rem
	}
}

.solution_inner .covertxt .more:hover {
	background: #fff;
	color: #0454A3
}

@media (min-width:1200px) {
	.solution_inner:hover .coverimg {
		transform: scale(1.2)
	}

	.solution_inner:hover .covertxt {
		opacity: 1;
		transform: translate(0)
	}
}

.solution_top {
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center
}

.solution_top .img {
	display: block;
	margin: 0 auto;
	visibility: hidden
}

@media (min-width:1920px) {
	.solution_top {
		height: 59.76rem
	}
}

.solution_top .crumbsbox {
	position: absolute;
	left: 0;
	bottom: 2.70rem;
	right: 0
}

.solution_top .crumbs {
	color: #fff
}

.solution_top .crumbs a,
.solution_top .crumbs span {
	color: #fff
}

.solution-page .solution-title {
	text-align: center;
	font-size: 4.32rem;
	padding: 5.04rem 0 0
}

.solubox {
	padding: 7.20rem 0 9.00rem
}

.solubox .tit2 {
	margin-bottom: 2.70rem;
	line-height: 1.2
}

.solubox .case-hd {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: clamp(24px, 1.875vw, 36px)
}

.solubox .case-hd .tit2 {
	margin-bottom: 0
}

.solubox-customer {
	margin-left: -1.17rem !important;
	margin-right: -1.17rem !important;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch
}

.solubox-customer> {
	padding-left: 1.17rem !important;
	padding-right: 1.17rem !important;
	margin-bottom: 2.34rem
}

.solubox-customer::before {
	display: none
}

.solubox-customer li>.inner,
.solubox-customer li>a {
	height: 100%
}

@media (max-width:480px) {
	.solubox-customer {
		margin-left: -0.72rem !important;
		margin-right: -0.72rem !important
	}

	.solubox-customer> {
		padding-left: 0.72rem !important;
		padding-right: 0.72rem !important;
		margin-bottom: 1.44rem
	}
}

.solubox-customer li {
	float: left;
	width: 20%;
	display: -webkit-flex;
	display: flex;
	display: box;
	-webkit-align-items: center;
	align-items: center;
	box-align: center;
	box-pack: center;
	-webkit-justify-content: center;
	justify-content: center
}

@media (max-width:992px) {
	.solubox-customer li {
		width: 25%
	}
}

@media (max-width:640px) {
	.solubox-customer li {
		width: 33.33%
	}
}

.case-list {
	margin-left: -1.71rem !important;
	margin-right: -1.71rem !important
}

.case-list> {
	padding-left: 1.71rem !important;
	padding-right: 1.71rem !important;
	margin-bottom: 3.42rem
}

@media (max-width:480px) {
	.case-list li {
		width: 100%
	}
}

.swiper-button-prev {
	left: 0
}

.swiper-button-next {
	right: 0
}

._model .pnext02 {
	transform: translateY(-7.20rem)
}

.pnext02 {
	width: 5.40rem;
	height: 5.40rem;
	border-radius: 50%;
	background-color: #f8f8f8
}

.pnext02::after {
	font-size: 16px;
	font-weight: bold;
	color: #111
}

.pnext02:hover {
	background-color: #0454A3
}

.pnext02:hover::after {
	color: #fff
}

.solubox_case {
	text-align: center;
	padding-top: 0 !important;
	padding-bottom: clamp(70px, 6.25vw, 120px)
}

.solubox_case .vtxt {
	max-width: 1100px;
	margin: 0 auto 3.60rem
}

@media (min-width:640px) {
	.solubox_case .vtxt {
		width: 80%
	}
}

.solubox_case .image {
	padding-bottom: 42.66666667%
}

.solubox_case .swiperbox {
	position: relative
}

.solubox_case .swiperbox .pnext02 {
	transform: translateY(-5.04rem)
}

.solubox_case .swiper .inner {
	display: block
}

.solubox_case .swiper .info {
	opacity: 0;
	transition: all .3s cubic-bezier(.04, .79, 1, 1) !important
}

.solubox_case .swiper .info .tit {
	font-size: 2.16rem;
	padding: 2.70rem 0 10px
}

@media (max-width:1200px) {
	.solubox_case .swiper .info .tit {
		font-size: 20px
	}
}

@media (max-width:992px) {
	.solubox_case .swiper .info .tit {
		font-size: 18px
	}
}

@media (max-width:640px) {
	.solubox_case .swiper .info .tit {
		font-size: 17px
	}
}

.solubox_case .swiper .info .desc {
	max-width: 1100px;
	margin: 0 auto 3.60rem
}

@media (min-width:640px) {
	.solubox_case .swiper .info .desc {
		width: 80%
	}
}

@media (min-width:640px) {
	.solubox_case .swiper-center {
		width: 57%;
		position: relative;
		z-index: 555
	}

	.solubox_case .swiper-right,
	.solubox_case .swiper-left {
		width: 36%;
		position: absolute;
		opacity: .5
	}

	.solubox_case .swiper-left {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		z-index: 5;
		left: 7%
	}

	.solubox_case .swiper-right {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		z-index: 5;
		right: 7%
	}
}

.solubox_case .swiper-center .swiper-slide-active .info {
	opacity: 1
}

.channel-list {
	padding: 7.20rem 0 9.00rem
}

.channel-list .tit2 {
	margin-bottom: 2.70rem;
	line-height: 1.2;
	font-size: 2.70rem
}

.channel-list .tit2 a:hover {
	color: #0454A3
}

.channel-list+.channel-list {
	padding-top: 0
}

.solubox-product .bd {
	position: relative
}

.solubox-product .bd .pnext02 {
	transform: translateY(-6.30rem)
}

@media (min-width:768px) {
	.solubox-product .bd .swiper-button-prev {
		left: -7.56rem
	}

	.solubox-product .bd .swiper-button-next {
		right: -7.56rem
	}
}

.nwes-main {
	padding-bottom: 8.10rem;
	overflow: hidden;
	padding-top: 5.76rem
}

.coverimgs {
	position: relative;
	overflow: hidden;
	display: flex
}

.coverimgs:not(.cover) {
	align-items: center;
	justify-content: center
}

.coverimgs.cover {
	align-items: stretch;
	justify-content: stretch
}

.coverimgs.cover .img {
	display: block;
	object-fit: cover
}

.coverimgs .img {
	transition: all 6s cubic-bezier(.04, .79, 1, 1) !important
}

.coverimgs:hover .img {
	transform: scale(1.2)
}

.news-rec {
	padding-top: 9.00rem;
	padding-bottom: 4.50rem
}

.news-rec .swiper-pagination {
	display: flex;
	bottom: 5.40rem;
	right: 5.40rem;
	justify-content: flex-end;
	width: auto
}

.news-rec .inner {
	background: #fff
}

@media (min-width:640px) {
	.news-rec .inner {
		display: flex;
		align-items: stretch
	}

	.news-rec .cimgbox {
		width: 50%
	}

	.news-rec .cimgbox {
		padding-bottom: 0
	}
}

@media (max-width:639px) {
	.news-rec .cimgbox {
		padding-bottom: 72%
	}
}

.news-rec .info {
	flex: 1;
	padding: 6.30rem 5.40rem 12.60rem;
	position: relative
}

.news-rec .info .time {
	color: #888
}

@media (min-width:1280px) {
	.news-rec .info .time {
		font-size: 16px
	}
}

.news-rec .info .desc {
	color: #666;
	line-height: 1.7em;
	word-break: break-all;
	overflow: hidden;
	-webkit-line-clamp: 2;
	height: calc((30px1.72))
}

@media (min-width:1280px) {
	.news-rec .info .desc {
		font-size: 16px
	}
}

.news-rec .info .tit {
	font-size: 2.70rem;
	line-height: 1.33em;
	margin: 1.80rem 0 2.70rem;
	word-break: break-all;
	overflow: hidden;
	-webkit-line-clamp: 2;
	max-height: calc((30px1.332));
	display: block
}

@media (max-width:1280px) {
	.news-rec .info .tit {
		font-size: 26px
	}
}

@media (max-width:992px) {
	.news-rec .info .tit {
		font-size: 22px
	}
}

@media (max-width:768px) {
	.news-rec .info .tit {
		font-size: 20px
	}
}

@media (max-width:639px) {
	.news-rec .info .tit {
		font-size: 18px
	}
}

.news-rec .info .tit:hover {
	color: #0454A3
}

.news-rec .info .vmore {
	position: absolute;
	left: 5.40rem;
	bottom: 5.40rem
}

.cls {
	clear: both;
	overflow: hidden
}

.news-list {
	margin-left: -2.43rem !important;
	margin-right: -2.43rem !important
}

.news-list> {
	padding-left: 2.43rem !important;
	padding-right: 2.43rem !important;
	margin-bottom: 4.86rem
}

@media (max-width:1200px) {
	.news-list {
		margin-left: -1.80rem !important;
		margin-right: -1.80rem !important
	}

	.news-list> {
		padding-left: 1.80rem !important;
		padding-right: 1.80rem !important;
		margin-bottom: 3.60rem
	}
}

@media (max-width:480px) {
	.news-list li {
		width: 100%
	}
}

@media (min-width:768px) {
	.news-page {
		background-color: #f8f8f8
	}
}

.crumbsbox.bgc {
	background-color: #0454A3
}

.crumbsbox.bgc .crumbs {
	padding-top: 0;
	line-height: 6.30rem
}

.col-news .hd {
	padding: 7.20rem 0 28px
}

@media (min-width:992px) {
	.col-news .hd {
		width: 67.2%
	}
}

.col-news .hd .tit2 {
	line-height: 1.2;
	margin-bottom: 2.70rem
}

.col-news .tool {
	display: flex;
	justify-content: space-between
}

.col-news .data {
	display: -webkit-flex;
	display: flex;
	display: box;
	-webkit-align-items: center;
	align-items: center;
	box-align: center;
	font-size: 16px
}

.col-news .data .time {
	color: #666
}

.col-news .data .type {
	color: #0454A3;
	margin-right: 2.70rem
}

.col-news .share {
	display: -webkit-flex;
	display: flex;
	display: box;
	-webkit-align-items: center;
	align-items: center;
	box-align: center;
	color: #666;
	font-size: 16px
}

.col-news .share a {
	display: block;
	width: 48px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	margin-left: 5px;
	border-radius: 50%;
	border: 1px solid #e9e9e9;
	color: #666
}

.col-news .share a .iconfont {
	font-size: 2.16rem
}

@media (max-width:1200px) {
	.col-news .share a .iconfont {
		font-size: 20px
	}
}

@media (max-width:992px) {
	.col-news .share a .iconfont {
		font-size: 18px
	}
}

@media (max-width:640px) {
	.col-news .share a .iconfont {
		font-size: 17px
	}
}

.col-news .share a:hover {
	border-color: #0454A3;
	background-color: #0454A3;
	color: #fff
}

.col-main {
	padding-bottom: 13.50rem
}

@media (min-width:992px) {
	.col-news-body {
		display: flex;
		justify-content: space-between
	}

	.col-news-body .col-main {
		width: 67.2%
	}

	.col-news-body .col-sub {
		width: 25.8%
	}
}

@media (min-width:992px) and (max-width:1360px) {
	.col-news-body .col-sub {
		width: 30%
	}
}

@media (min-width:640px) {
	.col-news-body .news-content {
		background: #fff;
		padding: 6.30rem
	}
}

.news-content .arctag {
	padding: 5.40rem 0 30px;
	border-bottom: 1px solid #e9e9e9;
	line-height: 1.76
}

.news-content .arctag a {
	color: #0454A3
}

.news-content .arctag a:hover {
	color: #000
}

.article {
	line-height: 1.8;
	color: #666
}

@media (min-width:1280px) {
	.article {
		font-size: 16px
	}
}

.article p {
	margin-bottom: 1.5em
}

.article h3 {
	font-size: 18px;
	color: #111;
	font-weight: bold;
	margin-bottom: .6em
}

@media (max-width:640px) {
	.article h3 {
		font-size: 16px
	}
}

.news-pnext {
	display: -webkit-flex;
	display: flex;
	display: box;
	-webkit-align-items: center;
	align-items: center;
	box-align: center;
	box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	padding-top: 6.30rem;
	font-size: 16px;
	font-weight: bold
}

.news-pnext a:hover {
	color: #0454A3
}

.news-pnext em {
	padding: 0 4px
}

.news-pnext .arr {
	width: 3.60rem;
	height: 3.60rem;
	line-height: 3.60rem;
	text-align: center;
	border-radius: 50%;
	border: 1px solid #e9e9e9;
	display: inline-block;
	font-size: 14px
}

@media (max-width:480px) {
	.news-pnext .arr {
		width: 26px;
		height: 26px;
		line-height: 26px;
		text-align: center
	}
}

.news-pnext .arr::after {
	font-size: inherit
}

.col-sub {
	padding-bottom: 9.00rem
}

@media (max-width:640px) {
	.col-sub {
		background-color: #f8f8f8;
		width: 100vw;
		position: relative;
		left: -6vw;
		padding-left: 5vw;
		padding-right: 5vw
	}
}

@media (max-width:991px) {
	.col-sub {
		padding-top: 4.50rem
	}
}

.col-sub .subbox {
	margin-bottom: 40px
}

.col-sub .title {
	font-size: 2.70rem;
	line-height: 1;
	margin-bottom: 20px
}

@media (max-width:1200px) {
	.col-sub .title {
		font-size: 22px
	}
}

.col-sub .subbox.first {
	position: relative
}

@media (min-width:992px) {
	.col-sub .subbox.first .title {
		line-height: 30px;
		position: absolute;
		left: 0;
		top: -60px
	}
}

@media (min-width:992px) and (max-width:1360px) {
	.col-sub .subbox.first .title {
		top: -54px
	}
}

.col-sub .subbox:not(.first) .title {
	margin-bottom: 20px
}

.swiper_product_sub {
	border-bottom: 1px solid #e9e9e9;
	max-width: 388px;
	padding-bottom: 2.70rem
}

.swiper_product_sub .pnext {
	transform: translateY(-7.20rem);
	color: #111;
	padding: 20px;
	display: block
}

.swiper_product_sub .pnext:hover {
	color: #0454A3
}

.swiper_product_sub .pnext::after {
	font-size: 16px;
	font-weight: bold
}

.swiper_product_sub .imgbox {
	background: #fff;
	padding: 10%
}

.swiper_product_sub .imgbox .img {
	width: 100%
}

.swiper_product_sub .info {
	padding: 2.16rem 0 46px
}

.swiper_product_sub .info .tit {
	font-size: 18px;
	display: block;
	margin-bottom: 10px
}

.swiper_product_sub .info .tit:hover {
	color: #0454A3
}

.swiper_product_sub .info .desc {
	color: #666;
	line-height: 1.4;
	word-break: break-all;
	overflow: hidden;
	-webkit-line-clamp: 2
}

@media (min-width:1280px) {
	.swiper_product_sub .info .desc {
		font-size: 16px
	}
}

.sub-news .bd {
	background: #fff;
	padding: 3.06rem 2.70rem
}

.sub-news li {
	font-size: 18px;
	line-height: 1.4
}

@media (max-width:1360px) {
	.sub-news li {
		font-size: 16px
	}
}

@media (max-width:992px) {
	.sub-news li {
		font-size: 15px
	}
}

.sub-news li a {
	display: block;
	padding-left: 20px;
	position: relative
}

.sub-news li a:hover {
	color: #0454A3
}

.sub-news li a::before {
	content: ’‘;
	position: absolute;
	width: 4px;
	height: 4px;
	background-color: #c0c0c0;
	border-radius: 50%;
	left: 0;
	top: calc((18px * 1.4 - 4px)/2)
}

@media (max-width:1360px) {
	.sub-news li a::before {
		top: calc((16px * 1.4 - 4px)/2)
	}
}

.sub-news li+li {
	margin-top: 1.80rem
}

.sub-case {
	margin: 0 0 7.20rem;
	max-width: 360px
}

.sub-case li {
	margin-bottom: 3.60rem
}

.sub-case li .tit {
	font-size: 18px;
	display: block;
	padding-top: 1.80rem
}

.sub-contact li {
	margin-bottom: 1.80rem
}

.sub-contact a {
	background-color: #0454A3;
	color: #fff;
	font-size: 18px;
	line-height: 6.84rem;
	display: -webkit-flex;
	display: flex;
	display: box;
	-webkit-align-items: center;
	align-items: center;
	box-align: center;
	padding-left: 3.06rem;
	position: relative
}

@media (max-width:992px) {
	.sub-contact a {
		line-height: 50px;
		font-size: 16px
	}
}

.sub-contact a:hover {
	opacity: .9
}

.sub-contact a:hover .iconfont {
	transform: translateX(10px) translateY(-50%)
}

.sub-contact a .iconfont {
	position: absolute;
	right: 5.40rem;
	top: 50%;
	transform: translateY(-50%);
	font-size: 26px;
	transition: all .3s cubic-bezier(.04, .79, 1, 1) !important
}

.sub-contact a .ic-quote {
	background: url(’../image/ic_price.png’) no-repeat center center;
	width: 30px;
	height: 30px;
	display: block;
	margin-right: 1.44rem
}

.sub-contact a .ic-tel {
	background: url(‘../image/ic_tel.png’) no-repeat center center;
	width: 30px;
	height: 30px;
	display: block;
	margin-right: 1.44rem
}

.sub-contact .telbox {
	background: #e11111
}

.department-main {
	padding: 5.40rem 0 5.40rem
}

.department-main .tit2 {
	text-align: center;
	margin-bottom: 4.50rem
}

.department-list {
	margin-left: -2.52rem !important;
	margin-right: -2.52rem !important;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch
}

.department-list> {
	padding-left: 2.52rem !important;
	padding-right: 2.52rem !important;
	margin-bottom: 5.04rem
}

.department-list::before {
	display: none
}

.department-list li>.inner,
.department-list li>a {
	height: 100%
}

@media (max-width:1360px) {
	.department-list {
		margin-left: -1.80rem !important;
		margin-right: -1.80rem !important
	}

	.department-list> {
		padding-left: 1.80rem !important;
		padding-right: 1.80rem !important;
		margin-bottom: 3.60rem
	}
}

@media (max-width:480px) {
	.department-list li {
		width: 100%
	}
}

.department-list .inner {
	background: #fff;
	display: block;
	position: relative;
	overflow: hidden
}

.department-list .inner .info {
	padding: 3.06rem 3.60rem 3.60rem
}

.department-list .inner .tit {
	font-size: 2.34rem;
	line-height: 1.55em;
	margin: 0 0 0.90rem;
	display: block
}

@media (max-width:1200px) {
	.department-list .inner .tit {
		font-size: 2.16rem
	}
}

@media (max-width:1200px) and (max-width:1200px) {
	.department-list .inner .tit {
		font-size: 20px
	}
}

@media (max-width:1200px) and (max-width:992px) {
	.department-list .inner .tit {
		font-size: 18px
	}
}

@media (max-width:1200px) and (max-width:640px) {
	.department-list .inner .tit {
		font-size: 17px
	}
}

.department-list .inner .desc {
	line-height: 1.5;
	margin-bottom: 1.80rem;
	min-height: calc((1.5 16px * 2))
}

@media (min-width:1280px) {
	.department-list .inner .desc {
		font-size: 16px
	}
}

.department-list .inner .txt {
	color: #777
}

@media (min-width:1280px) {
	.department-list .inner .txt {
		font-size: 16px
	}
}

.department-list .inner .txt p {
	line-height: 1.5em;
	min-height: 1em
}

.model-page {
	max-width: 1340px;
	padding: 7.02rem 0
}

.model-page .box {
	margin-bottom: 8.10rem
}

.model-page .hd {
	display: -webkit-flex;
	display: flex;
	display: box;
	-webkit-align-items: center;
	align-items: center;
	box-align: center;
	box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-bottom: 20px
}

.model-page .txt {
	line-height: 2.2;
	color: #666
}

@media (min-width:1280px) {
	.model-page .txt {
		font-size: 16px
	}
}

.model-page iframe {
	width: 100% !important;
	max-width: 1344px;
	height: 70vh !important
}

@media (max-width:640px) {
	.model-page iframe {
		height: 340px !important
	}
}

.model-page iframe+p {
	display: none
}

.good-download-box {
	width: 88vw;
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
	max-width: 1040px;
	padding: 6.30rem 0 11.70rem;
	min-height: calc((100vh - 330px))
}

@media (max-width:992px) {
	.good-download-box {
		padding-top: 50px
	}
}

.good-download-box .layui-form-select dl dd.layui-this {
	background-color: #0454A3
}

.good-download-box h2 {
	text-align: center;
	margin-bottom: 5.40rem
}

.good-download-box .item {
	margin-bottom: 30px
}

.good-download-box .tit {
	font-size: 20px;
	margin-bottom: 1.80rem;
	display: block
}

@media (max-width:1200px) {
	.good-download-box .tit {
		font-size: 18px
	}
}

@media (max-width:992px) {
	.good-download-box .tit {
		font-size: 17px
	}
}

.good-download-box input {
	height: 6.12rem;
	font-size: 16px;
	padding-left: 2.70rem
}

@media (max-width:640px) {
	.good-download-box input {
		min-height: 42px
	}
}

.good-download-box .layui-form-select dl {
	top: 5.76rem;
	font-size: 16px
}

@media (max-width:640px) {
	.good-download-box .layui-form-select dl {
		top: 42px
	}
}

.good-download-box .layui-form-select dl dd.layui-select-tips {
	padding-left: 2.70rem !important
}

.good-download-box .layui-form-select .layui-edge {
	right: 2.70rem
}

.good-download-box .select {
	position: relative
}

.good-download-box .down-box {
	text-align: center;
	padding-top: 2.70rem;
	display: flex;
	justify-content: space-between
}

.good-download-box .down+.down {
	margin-left: 1.80rem
}

.good-download-box .down {
	flex: 1;
	display: -webkit-flex;
	display: flex;
	display: box;
	box-orient: vertical;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	box-pack: center;
	height: 18.00rem;
	background-color: #0454A3;
	overflow: hidden;
	font-size: 20px;
	border-radius: 4px;
	color: #fff
}

.good-download-box .down .ic1 {
	background: url(‘../image/ic_xz_01.png’) no-repeat center center
}

.good-download-box .down .ic2 {
	background: url(‘../image/ic_xz_02.png’) no-repeat center center
}

.good-download-box .down .ic3 {
	background: url(‘../image/ic_xz_03.png’) no-repeat center center
}

@media (max-width:992px) {
	.good-download-box .down {
		font-size: 18px
	}
}

.good-download-box .down .icon {
	display: block;
	margin: 0 auto;
	width: 5.40rem;
	height: 5.40rem;
	margin-bottom: 1.80rem;
	background-size: contain
}

.good-download-box .down:hover {
	opacity: .5
}

.good-download-box .disabled {
	opacity: .5;
	cursor: default;
	border-color: #a9c8f6 !important
}

.good-download-box .disabled:hover {
	border-color: #a9c8f6 !important
}

.download-popup {
	display: none;
	padding: 3.60rem 6.30rem 4.50rem;
	width: 92vw;
	max-width: 1040px
}

@media (max-width:1200px) {
	.download-popup {
		padding: 30px
	}
}

@media (max-width:480px) {
	.download-popup {
		padding: 30px 20px
	}
}

.download-popup .hd {
	margin-bottom: 30px
}

.download-popup .hd h2 {
	font-size: 3.24rem
}

@media (max-width:768px) {
	.download-popup .hd h2 {
		font-size: 24px
	}
}

@media (max-width:640px) {
	.download-popup .hd h2 {
		font-size: 22px
	}
}

.download-popup .row {
	margin-left: -13px !important;
	margin-right: -13px !important
}

.download-popup .row> {
	padding-left: 13px !important;
	padding-right: 13px !important;
	margin-bottom: 26px
}

@media (max-width:480px) {
	.download-popup .row li {
		width: 100%;
		margin-bottom: 16px
	}
}

.download-popup .tit {
	font-size: 18px;
	display: block;
	font-weight: normal;
	margin-bottom: 1.44rem
}

@media (max-width:1360px) {
	.download-popup .tit {
		font-size: 16px
	}
}

.download-popup .inputbox input {
	height: 5.04rem
}

.download-popup .inputbox .layui-form-select dl {
	top: 4.86rem
}

@media (max-width:1200px) {
	.download-popup .inputbox input {
		height: 46px
	}

	.download-popup .inputbox .layui-form-select dl {
		top: 45px
	}
}

.download-popup .btns {
	padding-top: 20px;
	text-align: center
}

.download-popup .btn {
	width: 120px;
	height: 48px;
	font-size: 16px;
	margin-right: 10px
}

.download-popup .submit {
	background: #0454A3
}

.download-popup .submit {
	background: #0454A3
}

.download-popup .jump {
	border-color: #0454A3;
	color: #0454A3
}

.baseform .row {
	margin-left: -13px !important;
	margin-right: -13px !important
}

.baseform .row> {
	padding-left: 13px !important;
	padding-right: 13px !important;
	margin-bottom: 26px
}

@media (max-width:480px) {
	.baseform .row li {
		width: 100%;
		margin-bottom: 16px
	}
}

.baseform .tit {
	font-size: 18px;
	display: block;
	font-weight: normal;
	margin-bottom: 1.44rem
}

@media (max-width:1360px) {
	.baseform .tit {
		font-size: 16px
	}
}

.baseform .inputbox input {
	height: 5.04rem
}

.baseform .inputbox .layui-form-select dl {
	top: 4.86rem
}

@media (max-width:1200px) {
	.baseform .inputbox input {
		height: 46px
	}

	.baseform .inputbox .layui-form-select dl {
		top: 45px
	}
}

.baseform .btns {
	padding-top: 20px;
	text-align: center
}

.baseform .btn {
	width: 120px;
	height: 48px;
	font-size: 16px;
	margin-right: 10px
}

.baseform .submit {
	background: #0454A3
}

.layui-form-select dl dd.layui-this {
	background-color: #0454A3;
	color: #fff
}

.quote-form .quote-info {
	padding-bottom: 50px
}

.quote-form h4 {
	font-size: 16px;
	padding: 30px 0 14px
}

.quote-form .quote-row {
	padding: 70px 0
}

.quote-form .check-box {
	padding: 3.60rem 0;
	margin-bottom: 2.70rem;
	border-bottom: 1px solid #e9e9e9
}

.quote-form .check-box h3 {
	font-size: 2.16rem;
	margin-bottom: 2.70rem
}

@media (max-width:1200px) {
	.quote-form .check-box h3 {
		font-size: 20px
	}
}

@media (max-width:992px) {
	.quote-form .check-box h3 {
		font-size: 18px
	}
}

@media (max-width:640px) {
	.quote-form .check-box h3 {
		font-size: 17px
	}
}

.quote-form .check-box .list {
	display: flex;
	justify-content: space-between;
	font-size: 18px;
	flex-wrap: wrap
}

@media (max-width:1360px) {
	.quote-form .check-box .list {
		font-size: 16px
	}
}

@media (max-width:480px) {
	.quote-form .check-box .list .item {
		width: 50%;
		margin-bottom: 2.70rem;
		font-size: 14px
	}
}

.quote-form .agree-box {
	display: -webkit-flex;
	display: flex;
	display: box;
	-webkit-align-items: center;
	align-items: center;
	box-align: center;
	margin-bottom: 4.50rem;
	font-size: 18px
}

@media (max-width:1360px) {
	.quote-form .agree-box {
		font-size: 16px
	}
}

@media (max-width:480px) {
	.quote-form .agree-box {
		font-size: 14px;
		margin-bottom: 30px
	}
}

.quote-form .agree-box a:hover {
	color: #0454A3
}

.quote-form .vmore {
	cursor: pointer;
	text-align: center;
	display: block;
	margin: 0 auto
}

.layui-form-checked[lay-skin=primary] i {
	border-color: #0454A3 !important;
	background-color: #0454A3
}

.quote-main {
	max-width: 1030px;
	padding-bottom: 9.00rem
}

.quote-main .quote-hd {
	padding: 4.50rem 0 2.70rem;
	margin-bottom: 4.86rem;
	border-bottom: 1px solid #e9e9e9
}

.quote-main .quote-hd .tit2 {
	margin-bottom: 1.80rem
}

.quote-main .quote-hd .desc {
	line-height: 1.76;
	color: #666
}

@media (min-width:1280px) {
	.quote-main .quote-hd .desc {
		font-size: 16px
	}
}

.filter-box {
	margin-bottom: 5.04rem;
	padding: 0 5.40rem 0 0;
	position: relative;
	z-index: 5
}

@media (max-width:1360px) {
	.filter-box {
		padding-right: 3.60rem
	}
}

.filter-box h2 {
	font-size: 2.16rem;
	margin-bottom: 2.70rem
}

@media (max-width:1200px) {
	.filter-box h2 {
		font-size: 20px
	}
}

@media (max-width:992px) {
	.filter-box h2 {
		font-size: 18px
	}
}

@media (max-width:640px) {
	.filter-box h2 {
		font-size: 17px
	}
}

.filter-box .filter-box-item+.filter-box-item {
	margin-top: 20px
}

.filter-box .filter-box-item {
	border-bottom: 1px solid #e9e9e9
}

.filter-box .filter-box-item h4 {
	font-size: 20px;
	color: #0454A3;
	position: relative;
	cursor: pointer;
	margin-bottom: 2.70rem
}

.filter-box .filter-box-item h4 .iconfont {
	font-weight: bold;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	font-size: 20px
}

.filter-box .filter-box-item .check_info {
	padding-bottom: 10px;
	margin-top: 13px;
	display: none
}

.filter-box .filter-box-item.active h4 .iconfont::before,
.filter-box .filter-box-item.open h4 .iconfont::before {
	content: “1e”
}

.filter-box .check_info a {
	display: block;
	line-height: 22px;
	margin-bottom: 1.80rem;
	position: relative;
	padding-left: 30px
}

@media (min-width:1280px) {
	.filter-box .check_info a {
		font-size: 16px
	}
}

.filter-box .check_info a:hover {
	color: #0454A3
}

.filter-box .check_info a::before {
	content: ’‘;
	position: absolute;
	width: 16px;
	height: 16px;
	background: url(’../image/check.png’) no-repeat center center;
	left: 0;
	top: 3px
}

.filter-box .check_info .active::before {
	background-image: url(‘../image/check_on.png’)
}

.filter-main .crumbs {
	position: relative;
	z-index: 5
}

.col-filter {
	padding-bottom: 100px;
	padding-top: 5.40rem
}

@media (min-width:1200px) {
	.col-filter {
		display: flex;
		justify-content: space-around
	}
}

.filter-left {
	width: 29%;
	background: #fff;
	position: relative
}

@media (min-width:1200px) {
	.filter-left::before {
		content: ’‘;
		display: block;
		position: absolute;
		width: 50vw;
		background: #fff;
		right: 0;
		top: -100px;
		bottom: -100px;
		z-index: 1
	}
}

@media (min-width:1200px) {
	.filter-goods {
		flex: 1;
		margin-left: 5%
	}
}

@media (min-width:1200px) and (max-width:1360px) {
	.filter-goods {
		margin-left: 3%
	}
}

.filter-goods-list {
	margin-left: -1.08rem !important;
	margin-right: -1.08rem !important
}

.filter-goods-list> {
	padding-left: 1.08rem !important;
	padding-right: 1.08rem !important;
	margin-bottom: 2.16rem
}

.filter-goods-list li:hover .tit {
	color: #0454A3
}

@media (max-width:480px) {
	.filter-goods-list li {
		width: 100%
	}
}

.filter-goods-list .inner {
	background: #fff
}

@media (max-width:640px) {
	.filter-goods-list .inner {
		padding-bottom: 2.70rem
	}
}

.filter-goods-list .cimgbox {
	padding-bottom: 58.8%
}

.filter-goods-list .info {
	padding: 2.70rem 8% 3.60rem
}

@media (max-width:640px) {
	.filter-goods-list .info {
		padding: 3.24rem
	}
}

.filter-goods-list .tit {
	font-size: 20px;
	display: block;
	margin-bottom: 10px
}

@media (max-width:1360px) {
	.filter-goods-list .tit {
		font-size: 18px
	}
}

.filter-goods-list .desc {
	color: #888;
	line-height: 1.5;
	height: calc((16px1.52));
	word-break: break-all;
	overflow: hidden;
	-webkit-line-clamp: 2
}

@media (min-width:1280px) {
	.filter-goods-list .desc {
		font-size: 16px
	}
}

@media (max-width:1279px) {
	.filter-goods-list .desc {
		height: calc((14px1.52))
	}
}

@media (max-width:640px) {
	.filter-goods-list .desc {
		max-height: calc((14px1.55));
		height: auto;
		-webkit-line-clamp: 5
	}
}

.filter-mobile {
	margin-bottom: 4.50rem
}

.select-box {
	padding-top: 2.70rem
}

.select-box .tit2 {
	margin-bottom: 1.80rem
}

.select-box .layui-form-select {
	margin-bottom: 1.80rem
}

.download-nav {
	padding-top: 3.60rem
}

.download-nav .searchbox {
	position: relative;
	margin-bottom: 0.90rem
}

.download-nav .searchbox input {
	height: 5.40rem;
	padding-right: 50px;
	font-size: 16px;
	padding-left: 20px
}

@media (max-width:1200px) {
	.download-nav .searchbox input {
		height: 46px
	}
}

.download-nav .searchbox .submit {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	color: #0454A3;
	width: 50px;
	text-align: center
}

.download-nav .item {
	padding: 3.60rem 0;
	border-bottom: 1px solid #e9e9e9;
	overflow: hidden
}

.download-nav .item dt {
	position: relative;
	font-size: 2.16rem;
	cursor: pointer
}

@media (max-width:1200px) {
	.download-nav .item dt {
		font-size: 20px
	}
}

@media (max-width:992px) {
	.download-nav .item dt {
		font-size: 18px
	}
}

@media (max-width:640px) {
	.download-nav .item dt {
		font-size: 17px
	}
}

.download-nav .item dt .iconfont {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	color: #0454A3;
	font-weight: bold;
	font-size: 2.16rem
}

@media (max-width:1200px) {
	.download-nav .item dt .iconfont {
		font-size: 20px
	}
}

@media (max-width:992px) {
	.download-nav .item dt .iconfont {
		font-size: 18px
	}
}

@media (max-width:640px) {
	.download-nav .item dt .iconfont {
		font-size: 17px
	}
}

.download-nav .item .open .iconfont::before {
	content: “”
}

.download-nav .item dd {
	padding-top: 1.80rem;
	cursor: pointer
}

@media (max-width:1199px) and (min-width:640px) {
	.download-nav .item dd {
		width: 33.33%;
		float: left
	}
}

@media (max-width:1199px) and (min-width:640px) and (max-width:640px) {
	.download-nav .item dd {
		width: 50%
	}
}

@media (min-width:1280px) {
	.download-nav .item .layui-form-checkbox span {
		font-size: 16px
	}
}

.download-main {
	padding: 7.02rem 0 9.00rem
}

@media (min-width:1200px) {
	.download-body {
		display: flex;
		justify-content: space-between
	}

	.download-body .download-list {
		flex: 1;
		margin-left: 5%
	}

	.download-body .download-nav {
		width: 29%
	}
}

@media (min-width:1200px) and (max-width:1360px) {
	.download-body .download-list {
		margin-left: 3%
	}
}

.download-body .hd {
	display: -webkit-flex;
	display: flex;
	display: box;
	-webkit-align-items: center;
	align-items: center;
	box-align: center;
	box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-bottom: 3.60rem
}

.download-body .bd {
	background-color: #f8f8f8;
	padding: 5.40rem 7%
}

.download-body .bd .top {
	font-size: 18px;
	line-height: 2;
	margin-bottom: 20px;
	word-break: break-all
}

@media (max-width:640px) {
	.download-body .bd .top {
		font-size: 16px
	}
}

.download-body .bd .info {
	line-height: 1.5;
	color: #666
}

@media (min-width:1280px) {
	.download-body .bd .info {
		font-size: 16px
	}
}

.download-body h2 {
	font-size: 40px;
	margin-bottom: 30px
}

.download-list {
	padding-top: 3.60rem
}

.download-list .row {
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	margin-left: -1.35rem !important;
	margin-right: -1.35rem !important
}

.download-list .row> {
	padding-left: 1.35rem !important;
	padding-right: 1.35rem !important;
	margin-bottom: 2.70rem
}

.download-list .row::before {
	display: none
}

@media (max-width:639px) {
	.download-list li {
		width: 100%
	}
}

.download-list li.bg_f .inner {
	background: #fff
}

.download-list .inner {
	display: flex;
	cursor: pointer;
	transition: all .3s cubic-bezier(.04, .79, 1, 1) !important;
	background-color: #f8f8f8;
	padding: 20px;
	height: 100%
}

@media (max-width:992px) {
	.download-list .inner {
		padding: 14px
	}
}

.download-list .inner:hover {
	background-color: #0454A3 !important
}

.download-list .inner:hover .info {
	color: #fff
}

.download-list .inner .img {
	width: 42%;
	display: block;
	background: #fff;
	display: -webkit-flex;
	display: flex;
	display: box;
	-webkit-align-items: center;
	align-items: center;
	box-align: center;
	box-pack: center;
	-webkit-justify-content: center;
	justify-content: center
}

@media (max-width:768px) {
	.download-list .inner .img {
		width: 38%
	}
}

.download-list .inner .cover-box {
	transition: all .3s cubic-bezier(.04,
			.79, 1, 1) !important
}

.download-list .inner .info {
	margin-left: 6%;
	flex: 1;
	position: relative;
	overflow: hidden;
	padding: 1.26rem 0 5.40rem
}

.download-list .inner .type {
	font-size: 20px;
	margin-bottom: 1.98rem
}

@media (max-width:1680px) {
	.download-list .inner .type {
		font-size: 18px
	}
}

@media (max-width:768px) {
	.download-list .inner .type {
		font-size: 17px
	}
}

.download-list .inner .name {
	margin-top: 0.54rem
}

@media (min-width:992px) {
	.download-list .inner .name {
		line-height: 1.4
	}
}

.download-list .inner .tag,
.download-list .inner .name {
	color: #0454A3
}

@media (min-width:1680px) {

	.download-list .inner .tag,
	.download-list .inner .name {
		font-size: 16px
	}
}

.download-list .inner .down {
	font-size: 2.34rem;
	color: #999;
	position: absolute;
	left: 0;
	bottom: 0
}

@media (max-width:1200px) {
	.download-list .inner .down {
		font-size: 18px
	}
}

.download-page {
	padding: 7.20rem 0 9.00rem;
	max-width: 1000px
}

.download-page .hd {
	display: -webkit-flex;
	display: flex;
	display: box;
	-webkit-align-items: center;
	align-items: center;
	box-align: center;
	box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-bottom: 3.60rem
}

.download-page .bd {
	background-color: #f8f8f8;
	padding: 4.50rem 6.84rem
}

@media (max-width:768px) {
	.download-page .bd {
		padding: 4.50rem 3.60rem
	}
}

.download-page .top {
	font-size: 18px;
	padding-bottom: 0.90rem;
	word-break: break-all
}

@media (max-width:992px) {
	.download-page .top {
		font-size: 16px
	}
}

.download-page .top p {
	margin-bottom: 1em
}

.download-page .info {
	color: #666;
	line-height: 1.6
}

@media (min-width:1280px) {
	.download-page .info {
		font-size: 16px
	}
}

.pagebox {
	padding: 6.30rem 0 9.00rem
}

.pagebox .hd {
	text-align: center;
	margin-bottom: 3.60rem
}

.pagebox table {
	width: 100%;
	margin-bottom: 3.60rem
}

.pagebox table td {
	border: 1px solid #ccc;
	padding: 1.80rem;
	vertical-align: top;
	font-size: 14px
}

.pagebox table td p {
	margin-bottom: 0;
	line-height: 1.5
}

.product_list {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	margin-left: -1.71rem !important;
	margin-right: -1.71rem !important
}

.product_list::before {
	display: none
}

.product_list li>.inner,
.product_list li>a {
	height: 100%
}

.product_list> {
	padding-left: 1.71rem !important;
	padding-right: 1.71rem !important;
	margin-bottom: 3.42rem
}

@media (max-width:480px) {
	.product_list li {
		width: 100%
	}
}

.video-layer {
	background: #fff;
	padding: 20px
}

.videosbox {
	position: relative;
	cursor: pointer
}

.videosbox.play .icplay {
	display: none
}

.videosbox.play video {
	display: block
}

.videosbox.play .img {
	visibility: hidden
}

.videosbox.pause video {
	display: block
}

.videosbox video {
	width: 100%;
	height: 100%;
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	object-fit: cover
}

.videosbox img {
	display: block
}

.videosbox .icplay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transition: all .3s cubic-bezier(.04, .79, 1, 1) !important;
	background: url(’../image/play.png’) no-repeat center center;
	background-size: 6.93rem
}

@media (max-width:768px) {
	.videosbox .icplay {
		background-size: 50px
	}
}

.videosbox .icplay:hover {
	transform: scale(.8)
}

@media (min-width:1200px) {
	.good-personality.gy {
		display: flex;
		align-items: flex-start
	}

	.good-personality.gy .navbox {
		width: 37.6%;
		margin-right: 6.6%
	}

	.good-personality.gy .navbox li {
		cursor: pointer
	}

	.good-personality.gy .navbox .desc {
		overflow-y: auto;
		font-size: 16px;
		display: none
	}

	.good-personality.gy .navbox .desc::-webkit-scrollbar {
		width: 4px;
		height: 4px
	}

	.good-personality.gy .navbox .desc::-webkit-scrollbar-thumb {
		border-radius: 5px;
		background-color: #0454A3
	}

	.good-personality.gy .navbox .desc::-webkit-scrollbar-track {
		border-radius: 5px;
		background: #c8c8c8
	}

	.good-personality.gy .navbox li.on .desc {
		display: block
	}

	.good-personality.gy .imgbox {
		flex: 1;
	}
}

@media (min-width:1200px) and (max-width:1360px) {
	.good-personality.gy .navbox .desc {
		font-size: 14px;
		max-height: 105px
	}
}

@media (min-width:1200px) {
	.good-personality:not(.gy) .navbox li {
		display: flex;
		align-items: center;
		justify-content: space-between
	}

	.good-personality:not(.gy) .navbox li .info {
		font-size: 16px
	}

	.good-personality:not(.gy) .navbox li .info .desc {
		line-height: 1.76
	}

	.good-personality:not(.gy) .imgbox,
	.good-personality:not(.gy) .info {
		width: 47%
	}

	.good-personality .navbox li:nth-child(2n) .info {
		order: -1
	}
}

@media (max-width:1199px) and (min-width:640px) {
	.good-personality .navbox li {
		display: flex;
		align-items: center;
		justify-content: space-between
	}

	.good-personality .navbox li .imgbox,
	.good-personality .navbox li .info {
		width: 47%
	}

	.good-personality .navbox li:nth-child(2n) .info {
		order: -1
	}
}

.good-personality .navbox .imgbox {
	margin-bottom: 20px
}

.good-personality .navbox li+li {
	border-top: 1px solid #e9e9e9
}

.good-personality .navbox li {
	padding: 24px 0
}

@media (min-width:1200px) {
	.good-personality .navbox li {
		position: relative
	}

	.good-personality .navbox li::after {
		content: ’‘;
		display: block;
		position: absolute;
		width: 0;
		height: 1px;
		background-color: #0454A3;
		transition: all .3s cubic-bezier(.04, .79,
				1, 1) !important;
		left: 0;
		bottom: 0px
	}
}

.good-personality .navbox .tit {
	font-size: 1.98rem;
	font-weight: bold;
	position: relative
}

@media (max-width:1360px) {
	.good-personality .navbox .tit {
		font-size: 18px
	}
}

@media (min-width:1200px) {
	.good-personality .navbox .tit::before {
		content: ’‘;
		display: block;
		position: absolute;
		width: 5px;
		height: 5px;
		border-radius: 50%;
		background-color: #b5b5b5;
		left: -20px;
		top: 10px
	}
}

.good-personality .navbox .desc {
	margin-top: 6px;
	color: #666;
	line-height: 1.5
}

@media (max-width:639px) {
	.good-personality .navbox .desc {
		margin-top: 12px
	}
}

@media (min-width:1200px) {
	.good-personality .navbox li.on::after {
		width: 100%
	}

	.good-personality .navbox li.on .tit {
		color: #0454A3
	}

	.good-personality .navbox li.on .desc {
		display: block
	}
}

.hide-input {
	width: 0;
	height: 0;
	margin: 0;
	padding: 0
}

.quote-top {
	text-align: center;
	padding: 90px 0 90px
}

.quote-top h2 {
	margin-bottom: 10px
}

@media (min-width:1280px) {
	.quote-top .desc {
		font-size: 16px
	}
}

.quote-top.success {
	padding: 200px 0
}

.relation-box {
	padding: 6.30rem 0 9.00rem
}

.relation-box h2 {
	text-align: center;
	margin-bottom: 3.60rem
}

.relation-box .list {
	margin-bottom: 50px
}

.relation-box .list li {
	padding: 20px 0 20px 50px;
	border-bottom: 1px solid #e9e9e9;
	line-height: 26px;
	transition: all .3s cubic-bezier(.04,
			.79, 1, 1) !important;
	position: relative
}

@media (min-width:640px) {
	.relation-box .list li {
		display: flex
	}
}

@media (max-width:768px) {
	.relation-box .list li {
		padding-left: 40px
	}
}

.relation-box .list li::before {
	content: ’‘;
	display: block;
	position: absolute;
	width: 26px;
	height: 26px;
	background: url(’../image/pdf01.png’) no-repeat center center;
	left: 0;
	top: 20px
}

.relation-box .list li .tit {
	font-size: 16px;
	display: block
}

@media (max-width:1200px) {
	.relation-box .list li .tit {
		font-size: 18px
	}
}

@media (min-width:640px) {
	.relation-box .list li .tit {
		margin-right: 10%;
		flex: 1
	}
}

.relation-box .list li .time {
	color: #666;
	white-space: nowrap
}

@media (max-width:639px) {
	.relation-box .list li .time {
		padding-top: 10px
	}
}

@media (min-width:640px) {
	.relation-box .list li:hover:hover {
		transform: translateX(5px)
	}
}

.relation-box .list li:hover a:hover {
	color: #0454A3
}

.relation-box .list li:hover::before {
	background-image: url(‘../image/pdf_on.png’)
}

.good-personality-2 .item {
	padding-bottom: 7.92rem
}

.good-personality-2 .item:last-child {
	padding-bottom: 0
}

@media (min-width:768px) {
	.good-personality-2 .item {
		display: flex;
		justify-content: space-between;
		align-items: center
	}

	.good-personality-2 .item:nth-child(2n+1) .content {
		order: -1
	}

	.good-personality-2 .item .content,
	.good-personality-2 .item .imgbox {
		width: 47%
	}
}

.good-personality-2 .item h5 {
	font-size: 24px;
	margin-bottom: 10px
}

.good-personality-2 .item .info {
	color: #666;
	line-height: 1.78
}

@media (max-width:767px) {
	.good-personality-2 .imgbox {
		margin-bottom: 2.70rem
	}
}

.good-download .list {
	border-top: 1px solid #e9e9e9
}

.good-download li {
	border-top: 1px solid #e9e9e9;
	padding: 20px 0 20px 25px
}

.good-download li a {
	display: block;
	transition: all .3s cubic-bezier(.04, .79, 1, 1) !important
}

.good-download li a:hover {
	transform: translateX(5px)
}

.tag-newsbox {
	padding: 5.40rem 0 13.50rem
}

@-webkit-keyframes move {
	from {
		transform: rotate(0)
	}

	to {
		transform: rotate(360deg)
	}
}

.special-banner {
	position: relative;
	overflow: hidden;
	height: 51.12rem
}

.special-banner .ic-play {
	width: 7.20rem;
	height: 7.20rem;
	background: url(‘../image/play.png’) no-repeat center center;
	background-size: contain;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: 5;
	z-index: 556;
	border-radius: 50%;
	cursor: pointer
}

.special-banner .bg {
	display: block;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center
}

.special-banner .bg img {
	visibility: hidden
}

.special-banner video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 555
}

.special-banner .prev {
	font-size: 26px;
	color: #fff;
	font-weight: bold;
	opacity: .5;
	padding: 1.80rem
}

@media (min-width:1680px) {
	.special-banner .prev {
		padding: 4.14rem
	}
}

.special-banner .prev::after {
	font-size: inherit
}

.special-banner .prev:hover {
	opacity: 1
}

.special-banner .swiper-pagination {
	bottom: 3.60rem
}

.special-banner .swiper-pagination-bullet {
	margin: 0 5px !important;
	width: 34px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	background: none;
	font-size: 16px;
	opacity: .5;
	position: relative;
	border-radius: 50%;
	background: transparent;
	color: #fff;
	box-sizing: content-box
}

@media (max-width:640px) {
	.special-banner .swiper-pagination-bullet {
		width: 26px;
		height: 26px;
		line-height: 26px;
		text-align: center
	}
}

.special-banner .swiper-pagination-bullet-active {
	opacity: 1;
	border: 1px solid rgba(255, 255, 255, 0.5)
}

.special-banner li {
	position: relative
}

.special-banner li .link {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	z-index: 55;
	top: 0
}

.special-banner li .content {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: 5;
	padding-bottom: 5%;
	color: #fff
}

.special-banner li .inner {
	width: 45%;
	max-width: 550px
}

@media (max-width:480px) {
	.special-banner li .inner {
		width: 80%
	}
}

.special-banner li .tit {
	font-size: 5.40rem;
	line-height: 1.5;
	font-weight: bold
}

@media (max-width:640px) {
	.special-banner li .tit {
		font-size: 22px
	}
}

.special-banner li .subtit {
	font-size: 2.70rem;
	margin-top: .3em;
	margin-bottom: .5em
}

@media (max-width:992px) {
	.special-banner li .subtit {
		font-size: 16px
	}
}

@media (max-width:480px) {
	.special-banner li .subtit {
		font-size: 14px
	}
}

.special-banner li .desc {
	font-size: 16px;
	line-height: 1.7;
	height: 5.1em;
	word-break: break-all;
	overflow: hidden;
	-webkit-line-clamp: 3
}

@media (max-width:992px) {
	.special-banner li .desc {
		font-size: 15px
	}
}

@media (max-width:640px) {
	.special-banner li .desc {
		font-size: 14px
	}
}

@media (max-width:480px) {
	.special-banner .swiper-pagination {
		bottom: 6%
	}
}

.special-banner._center {
	text-align: center
}

.special-banner._center .inner {
	margin-left: auto;
	margin-right: auto
}

.specialbox {
	padding: 8.10rem 0
}

.specialbox .tit3 {
	text-align: center;
	margin-bottom: 4.14rem
}

.news-list-cell {
	margin-left: -2.70rem !important;
	margin-right: -2.70rem !important
}

.news-list-cell> {
	padding-left: 2.70rem !important;
	padding-right: 2.70rem !important;
	margin-bottom: 5.40rem
}

@media (max-width:1200px) {
	.news-list-cell {
		margin-left: -1.80rem !important;
		margin-right: -1.80rem !important
	}

	.news-list-cell> {
		padding-left: 1.80rem !important;
		padding-right: 1.80rem !important;
		margin-bottom: 3.60rem
	}
}

.news-list-cell li {
	margin-bottom: 5.40rem
}

.news-list-cell .inner {
	background: #fff;
	transition: all .3s cubic-bezier(.04, .79, 1, 1) !important
}

@media (min-width:481px) {
	.news-list-cell .inner {
		display: flex;
		align-items: stretch
	}

	.news-list-cell .inner .imgbox {
		width: 39.50456323%
	}
}

.news-list-cell .inner:hover {
	box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.09)
}

@media (min-width:768px) {
	.news-list-cell .imgbox .cimgbox {
		height: 100%;
		padding-bottom: 0
	}
}

@media (max-width:767px) {
	.news-list-cell .imgbox .cimgbox {
		padding-bottom: 74.25742574%
	}
}

.news-list-cell .info {
	flex: 1;
	padding: 2.34rem 3.24rem
}

@media (max-width:480px) {
	.news-list-cell .info {
		padding: 2.70rem 7%
	}
}

.news-list-cell .info .time {
	color: #999
}

@media (min-width:1280px) {
	.news-list-cell .info .time {
		font-size: 16px
	}
}

.news-list-cell .info .tit {
	font-size: 1.80rem;
	line-height: 1.4;
	display: block;
	margin: 1.80rem 0 3.60rem;
	word-break: break-all;
	overflow: hidden;
	-webkit-line-clamp: 2;
	height: 2.8em
}

.news-list-cell .info .tit:hover {
	color: #0454A3
}

@media (max-width:1200px) {
	.news-list-cell .info .tit {
		font-size: 18px
	}
}

.news-list-cell .info .type {
	color: #0454A3
}

@media (min-width:1280px) {
	.news-list-cell .info .type {
		font-size: 16px
	}
}

.swiper-news-one {
	padding-bottom: 6.30rem
}

.swiper-case-one {
	padding-bottom: 6.30rem
}

.special-case-two {
	padding: 0;
	max-width: 1920px;
	margin: 0 auto
}

@media (min-width:768px) {
	.special-case-two {
		display: flex;
		align-items: center
	}

	.special-case-two .content {
		width: 50vw;
		padding-bottom: 6%
	}

	.special-case-two .content .tit3 {
		text-align: left
	}

	.special-case-two .content .inner {
		margin: 0 0 0 auto;
		width: 44vw;
		max-width: 800px
	}

	.special-case-two .swiper {
		width: 50vw
	}
}

.special-case-two .nav {
	margin-left: -0.90rem !important;
	margin-right: -0.90rem !important;
	width: 85%
}

.special-case-two .nav> {
	padding-left: 0.90rem !important;
	padding-right: 0.90rem !important;
	margin-bottom: 1.80rem
}

.special-case-two .nav a {
	background-color: #f8f8f8;
	text-align: center;
	font-size: 16px;
	padding: 4.32rem 1.80rem 3.60rem
}

.special-case-two .nav .icon {
	width: 4.86rem;
	height: 4.86rem;
	display: block;
	margin: 0 auto 24px;
	position: relative;
	overflow: hidden
}

.special-case-two .nav .icon .ic {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain
}

.special-case-two .nav li.on a {
	background-color: #0454A3;
	color: #fff
}

.special-case-two .nav li.on .icon .ic {
	-webkit-filter: drop-shadow(110px 0 0 #fff);
	filter: drop-shadow(110px 0 0 #fff);
	position: absolute;
	left: -110px
}

.swiper-case-two .cimgbox {
	padding-bottom: 97.91666667%
}

.swiper-case-two .link {
	display: block;
	position: relative
}

.swiper-case-two .link .info {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: 5;
	width: 78%;
	height: 80%;
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-bottom: 10%
}

.swiper-case-two .link .tit {
	font-size: 4.32rem;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 3.60rem;
	color: #fff;
	display: inline-block
}

@media (max-width:768px) {
	.swiper-case-two .link .tit {
		font-size: 30px
	}
}

@media (max-width:640px) {
	.swiper-case-two .link .tit {
		font-size: 24px
	}
}

.swiper-case-two .link .desc {
	line-height: 1.875;
	margin-bottom: 6.30rem;
	width: 80%;
	height: 5.625em;
	word-break: break-all;
	overflow: hidden;
	-webkit-line-clamp: 3
}

@media (min-width:1280px) {
	.swiper-case-two .link .desc {
		font-size: 16px
	}
}

.vmoref {
	color: #fff;
	font-size: 16px;
	border: 1px solid rgba(255, 255, 255, 0.5)
}

@media (min-width:992px) {
	.vmoref {
		transition: all .3s cubic-bezier(.04, .79, 1, 1) !important;
		display: -webkit-flex;
		display: flex;
		display: box;
		-webkit-align-items: center;
		align-items: center;
		box-align: center;
		box-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		width: 14.40rem;
		height: 4.86rem
	}
}

@media (max-width:991px) {
	.vmoref {
		padding: 1.44rem 5.40rem;
		display: inline-block
	}
}

.vmoref:hover {
	background: #fff;
	color: #0454A3
}

.special-video-one {
	padding: 8.10rem 0
}

.special-video-one .cimgbox {
	padding-bottom: 45.64254062%
}

.special-video-one .swiper-video-one {
	position: relative
}

.special-video-one .swiper-video-one .pnextbox {
	top: 15.21418021vw
}

@media (max-width:639px) {
	.special-video-one .swiper-video-one .pnextbox {
		height: 22.82127031vw
	}
}

.special-video-one .swiper-slide {
	opacity: .5
}

@media (min-width:640px) {
	.special-video-one .swiper-slide {
		width: 70vw;
		max-width: 122.76rem;
		padding: 0 1.35rem
	}
}

.special-video-one .swiper-slide .inner {
	position: relative
}

.special-video-one .swiper-slide .info {
	display: none
}

.special-video-one .swiper-slide-active {
	opacity: 1
}

.special-video-one .swiper-slide-active .info {
	display: block
}

.special-video-one li .image {
	position: relative
}

.special-video-one li .info {
	padding: 3.60rem 5%;
	text-align: center
}

.special-video-one li .info a:hover {
	color: #0454A3
}

.special-video-one li .tit {
	font-size: 2.16rem;
	margin-bottom: 2.16rem;
	line-height: 1;
	display: inline-block
}

@media (max-width:1200px) {
	.special-video-one li .tit {
		font-size: 20px
	}
}

@media (max-width:992px) {
	.special-video-one li .tit {
		font-size: 18px
	}
}

@media (max-width:640px) {
	.special-video-one li .tit {
		font-size: 17px
	}
}

.special-video-one li .desc {
	display: block;
	line-height: 1.5;
	max-width: 650px;
	margin: 0 auto;
	color: #666
}

@media (min-width:1280px) {
	.special-video-one li .desc {
		font-size: 16px
	}
}

.pnextbox.round {
	z-index: 555;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%)
}

.pnextbox.round div {
	width: 5.40rem;
	height: 5.40rem;
	background: #fff;
	border-radius: 50%;
	color: #000;
	position: absolute;
	top: 0
}

.pnextbox.round div::after {
	font-size: 1.80rem;
	color: inherit
}

.pnextbox.round div:hover {
	background-color: #0454A3;
	color: #fff
}

.pnextbox.round .swiper-button-prev {
	left: 0
}

.pnextbox.round .swiper-button-next {
	right: 0
}

.vic-play {
	width: 7.20rem;
	height: 7.20rem;
	background: url(‘../image/play.png’) no-repeat center center;
	background-size: contain;
	z-index: 556;
	border-radius: 50%;
	cursor: pointer;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: 5
}

.special-video-two .row {
	margin-left: -1.62rem !important;
	margin-right: -1.62rem !important
}

.special-video-two .row> {
	padding-left: 1.62rem !important;
	padding-right: 1.62rem !important;
	margin-bottom: 3.24rem
}

.special-video-two .row li {
	margin-bottom: 3.24rem
}

@media (max-width:480px) {
	.special-video-two .row li {
		width: 100%
	}
}

.special-video-two .row .cimgbox {
	padding-bottom: 54.87179487%
}

.special-video-two .row .info {
	background: #fff;
	padding: 3.60rem 7% 4.50rem
}

.special-video-two .row .tit {
	font-size: 2.16rem;
	margin-bottom: 1.80rem;
	line-height: 1
}

@media (max-width:1200px) {
	.special-video-two .row .tit {
		font-size: 20px
	}
}

@media (max-width:992px) {
	.special-video-two .row .tit {
		font-size: 18px
	}
}

@media (max-width:640px) {
	.special-video-two .row .tit {
		font-size: 17px
	}
}

.special-video-two .row .desc {
	color: #666;
	line-height: 1.5;
	height: 4.5em;
	word-break: break-all;
	overflow: hidden;
	-webkit-line-clamp: 3
}

@media (min-width:1280px) {
	.special-video-two .row .desc {
		font-size: 16px
	}
}

.special-faq-one li {
	border-bottom: 1px solid #eee;
	padding: 2.34rem
}

.special-faq-one li .tit {
	font-size: 20px;
	position: relative;
	cursor: pointer;
	line-height: 1.6;
	padding-right: 3.60rem
}

.special-faq-one li .tit .arr {
	position: absolute;
	right: 0;
	transition: all .3s cubic-bezier(.04, .79, 1, 1) !important;
	top: 0;
	width: 3.60rem;
	text-align: center;
	color: #0454A3;
	font-weight: bold
}

@media (max-width:1200px) {
	.special-faq-one li .tit {
		font-size: 18px
	}
}

@media (max-width:768px) {
	.special-faq-one li .tit {
		font-size: 16px
	}

	.special-faq-one li .tit .arr {
		font-size: 13px
	}
}

.special-faq-one li .desc {
	display: none;
	line-height: 1.875;
	color: #666
}

@media (min-width:1280px) {
	.special-faq-one li .desc {
		font-size: 16px
	}
}

@media (min-width:768px) {
	.special-faq-one li .desc {
		padding-right: 8.10rem
	}
}

.special-faq-one li.on {
	background-color: #f8f8f8;
	padding-bottom: 3.06rem;
	border-bottom: #f8f8f8
}

.special-faq-one li.on .tit {
	font-weight: bold;
	padding-bottom: 1.44rem
}

.special-faq-one li.on .arr {
	transform: rotate(180deg)
}

.special-faq-two {
	padding-bottom: 13.50rem
}

.special-faq-two .row {
	margin-left: -1.35rem !important;
	margin-right: -1.35rem !important
}

.special-faq-two .row> {
	padding-left: 1.35rem !important;
	padding-right: 1.35rem !important;
	margin-bottom: 2.70rem
}

.special-faq-two .inner {
	background-color: #f8f8f8;
	position: relative
}

.special-faq-two .inner .tit {
	padding: 2.34rem;
	font-size: 20px;
	position: relative;
	cursor: pointer;
	line-height: 1.6;
	padding-right: 7.20rem
}

.special-faq-two .inner .tit .arr {
	position: absolute;
	right: 0;
	transition: all .3s cubic-bezier(.04, .79, 1, 1) !important;
	top: 2.34rem;
	width: 7.20rem;
	text-align: center;
	color: #0454A3;
	font-weight: bold
}

@media (max-width:1200px) {
	.special-faq-two .inner .tit {
		font-size: 18px
	}
}

@media (max-width:768px) {
	.special-faq-two .inner .tit {
		font-size: 16px
	}

	.special-faq-two .inner .tit .arr {
		font-size: 13px
	}
}

.special-faq-two .inner .desc {
	display: none;
	padding: 0 2.34rem 3.60rem;
	line-height: 1.875;
	color: #666;
	position: absolute;
	left: 0;
	right: 0;
	top: 90%;
	background-color: #f8f8f8;
	z-index: 55;
	border-bottom: 2.70rem solid #fff
}

@media (min-width:1280px) {
	.special-faq-two .inner .desc {
		font-size: 16px
	}
}

@media (min-width:768px) {
	.special-faq-two .inner .desc {
		padding-right: 5.40rem
	}
}

.special-faq-two li:hover .tit {
	background-color: #f8f8f8;
	font-weight: bold
}

.special-faq-two li:hover .arr {
	transform: rotate(180deg)
}

.special-faq-two li:hover .desc {
	display: block
}

.specialbox._list .news_inner .tit {
	font-size: 2.16rem
}

.specialbox._list .news_inner .desc {
	font-size: 16px;
	line-height: 1.5;
	height: 72px
}

.specialbox._news .news_inner .tit {
	font-size: 1.98rem;
	height: calc(1.98rem 1.52);
	line-height: 1.55
}

.specialbox .info_product_hv .info {
	font-size: 1.98rem
}

.specialbox .info_product_hv .info .type {
	font-size: inherit
}

@media (min-width:640px) {
	.specialbox .swiper-container.tcenter .swiper-wrapper {
		justify-content: center
	}
}

.special-product-two .swiper-product-two {
	padding-bottom: 6.30rem
}

@media (min-width:1200px) {
	.special-product-two .swiper-product-two {
		overflow: visible
	}
}

.special-product-two .swiper-product-two li {
	padding: 0 1.53rem
}

.special-product-two:not(.bggray) .info_product {
	background-color: #f8f8f8
}

.special-product-two:not(.bggray) .info_product .vmore {
	border-color: #666;
	color: #000
}

.special-product-two .info_product .info {
	display: block;
	margin-bottom: 3.60rem
}

.special-product-two .info_product:hover .vmore {
	background-color: #0454A3;
	color: #fff;
	border-color: #0454A3
}

.special-atlas-one {
	padding: 8.10rem 0
}

.special-atlas-one .cimgbox {
	padding-bottom: 45.64254062%
}

.special-atlas-one .swiper-atlas-one {
	position: relative
}

.special-atlas-one .swiper-atlas-one .pnextbox {
	top: 50%
}

@media (min-width:640px) {
	.special-atlas-one .swiper-slide {
		opacity: .5
	}

	.special-atlas-one .swiper-slide .info {
		display: none
	}
}

.special-atlas-one .swiper-slide-active {
	opacity: 1
}

.special-atlas-one .swiper-slide-active .info {
	display: block
}

@media (min-width:640px) {
	.special-atlas-one li {
		width: 70vw;
		max-width: 122.76rem;
		padding: 0 1.35rem
	}
}

.special-atlas-one li .inner {
	position: relative
}

.special-atlas-one li .info {
	padding: 2.16rem 3.24rem;
	font-size: 1.62rem;
	line-height: 1.66666667;
	color: #666
}

@media (min-width:1200px) {
	.special-atlas-one li .info {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 55;
		background-color: rgba(2, 116, 255, 0.8);
		color: #fff
	}
}

@media (max-width:1199px) {
	.special-atlas-one li .info {
		font-size: 15px
	}
}

@media (max-width:768px) {
	.special-atlas-one li .info {
		font-size: 14px
	}
}

@media (min-width:640px) {
	.special-atlas-two .bd {
		padding-right: 18.90rem;
		position: relative
	}

	.special-atlas-two .bd .swiper-atlas-two-img {
		flex: 1
	}

	.special-atlas-two .bd .swiper-atlas-two-img .pagination03 {
		display: none
	}

	.special-atlas-two .bd .navbox {
		position: absolute;
		right: 0;
		top: 0;
		bottom: 0;
		width: 15.30rem
	}

	.special-atlas-two .bd .swiper-atlas-two-nav {
		height: 100%;
		width: 100%
	}

	.special-atlas-two .bd .swiper-atlas-two-nav .pagination03 {
		display: none
	}

	.special-atlas-two .bd .swiper-atlas-two-nav li {
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		opacity: .2;
		cursor: pointer
	}

	.special-atlas-two .bd .swiper-atlas-two-nav .swiper-slide-thumb-active {
		opacity: 1
	}
}

.special-atlas-two .navbox {
	position: relative
}

@media (max-width:639px) {
	.special-atlas-two .navbox {
		display: none
	}
}

.special-atlas-two .navbox .swiper-button-prev,
.special-atlas-two .navbox .swiper-button-next {
	left: 50%;
	transform: translateX(-50%) rotate(90deg);
	text-align: center;
	font-size: 20px
}

.special-atlas-two .navbox .swiper-button-prev::after,
.special-atlas-two .navbox .swiper-button-next::after {
	font-size: inherit
}

.special-atlas-two .navbox .swiper-button-prev {
	top: -20px
}

.special-atlas-two .navbox .swiper-button-next {
	top: auto;
	bottom: -40px
}

.special-atlas-two .swiper-atlas-two-img {
	flex: 1
}

@media (max-width:639px) {
	.special-atlas-two .swiper-atlas-two-img {
		padding-bottom: 5.40rem
	}
}

.special-atlas-two .swiper-atlas-two-img li {
	position: relative
}

.special-atlas-two .swiper-atlas-two-img li .info {
	padding: 2.16rem 3.24rem;
	font-size: 1.62rem;
	line-height: 1.66666667;
	color: #666
}

@media (min-width:1200px) {
	.special-atlas-two .swiper-atlas-two-img li .info {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 55;
		background-color: rgba(2, 116, 255, 0.8);
		color: #fff
	}
}

@media (max-width:1199px) {
	.special-atlas-two .swiper-atlas-two-img li .info {
		font-size: 15px
	}
}

@media (max-width:768px) {
	.special-atlas-two .swiper-atlas-two-img li .info {
		font-size: 14px
	}
}

.special-atlas-two .cimgbox {
	padding-bottom: 46.0982659%
}

.special-manual-one .download-list {
	padding-top: 0
}

@media (min-width:1280px) {
	.special-manual-one .download-list .info {
		font-size: 16px
	}
}

@media (min-width:1200px) {
	.special-manual-one .download-list .info {
		padding-top: 2.70rem
	}
}

.special-manual-one .download-list .type {
	margin-bottom: 0.90rem
}

.special-manual-two .inner {
	border-bottom: 1px solid #e9e9e9;
	display: flex;
	padding: 18px 2.70rem;
	cursor: pointer
}

@media (min-width:640px) {
	.special-manual-two .inner {
		align-items: center
	}
}

@media (max-width:768px) {
	.special-manual-two .inner {
		padding: 15px 10px
	}
}

.special-manual-two .inner .info {
	flex: 1;
	padding-left: 1.80rem
}

@media (min-width:640px) {
	.special-manual-two .inner .info {
		display: flex;
		flex-wrap: wrap;
		align-items: center
	}
}

.special-manual-two .inner .img {
	width: 60px;
	height: 60px
}

.special-manual-two .inner .tit {
	font-size: 20px
}

@media (max-width:1680px) {
	.special-manual-two .inner .tit {
		font-size: 18px
	}
}

@media (max-width:768px) {
	.special-manual-two .inner .tit {
		font-size: 16px
	}
}

.special-manual-two .inner .type {
	flex: 1;
	color: #0454A3
}

@media (min-width:1280px) {
	.special-manual-two .inner .type {
		font-size: 16px
	}
}

@media (min-width:640px) {
	.special-manual-two .inner .type {
		margin: 0 1.80rem
	}
}

@media (max-width:639px) {
	.special-manual-two .inner .type {
		margin: 1.08rem 0
	}
}

.special-manual-two .inner .down {
	font-size: 26px;
	color: #999
}

@media (max-width:640px) {
	.special-manual-two .inner .down {
		font-size: 18px
	}
}

.special-manual-two .inner:hover {
	background-color: #f8f8f8
}

.special-manual-two .inner:hover .down {
	color: #0454A3
}

.special-partner-one .swiper-container:nth-child(2) {
	padding-left: 9.00rem
}

.special-partner-one .swiper-container:nth-child(3) {
	padding-left: 18.00rem
}

.special-partner-one .swiper-wrapper {
	-moz-transition-timing-function: linear;
	-ms-transition-timing-function: linear;
	-o-transition-timing-function: linear;
	transition-timing-function: linear;
	margin: 0 auto
}

.special-partner-one li {
	width: 25.02rem;
	padding: 1.35rem;
	box-sizing: content-box
}

.special-partner-one .cimgbox {
	padding-bottom: 46.76258993%
}

.special-partner-two .list {
	display: flex;
	flex-wrap: wrap;
	max-width: 1530px;
	margin: 0 auto
}

.special-partner-two .list li {
	width: 20%;
	padding: 1.35rem
}

@media (max-width:1200px) {
	.special-partner-two .list li {
		width: 25%
	}
}

@media (max-width:768px) {
	.special-partner-two .list li {
		width: 33.33%
	}
}

@media (max-width:480px) {
	.special-partner-two .list li {
		width: 50%
	}
}

.special-partner-two .list .cimgbox {
	background: #fff;
	padding-bottom: 46.76258993%
}

.special-imgs-one .cimgbox {
	padding-bottom: 41.66666667%
}

.special-imgs-one .swiper-container {
	position: relative
}

.special-imgs-one .swiper-container .pnextbox {
	top: 50%
}

.mx1920 {
	max-width: 1920px;
	margin-left: auto;
	margin-right: auto
}

.special-news-two .tit3 {
	text-align: left
}

@media (min-width:992px) {
	.special-news-two .bd {
		display: flex;
		align-items: stretch;
		justify-content: space-between
	}

	.special-news-two .bd .lbox,
	.special-news-two .bd .rbox {
		width: 47%
	}

	.special-news-two .bd .rbox {
		display: flex;
		flex-direction: column;
		justify-content: space-between
	}
}

.special-news-two .lbox {
	background: #fff
}

@media (min-width:992px) {
	.special-news-two .lbox {
		display: flex;
		flex-direction: column
	}
}

.special-news-two .lbox .cimgbox {
	display: block
}

@media (min-width:992px) {
	.special-news-two .lbox .cimgbox {
		flex: 1;
		padding-bottom: 0
	}
}

@media (max-width:991px) {
	.special-news-two .lbox .cimgbox {
		padding-bottom: 60.92715232%
	}
}

.special-news-two .lbox .info {
	padding: 1.80rem 3.60rem 3.60rem
}

@media (max-width:991px) {
	.special-news-two .lbox .info {
		padding: 2.70rem 3.60rem
	}
}

@media (min-width:992px) {
	.special-news-two .rbox li {
		padding-bottom: 3.60rem
	}

	.special-news-two .rbox .info .tit {
		overflow: hidden;
		white-space: nowrap;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis
	}
}

@media (max-width:991px) {
	.special-news-two .rbox li {
		margin-top: 1px
	}

	.special-news-two .rbox .info {
		background: #fff;
		padding: 2.70rem 3.60rem
	}
}

.special-news-two .info .type {
	color: #0454A3
}

.special-news-two .info .tit {
	font-size: 2.16rem;
	display: block;
	margin: 5px 0 8px
}

@media (max-width:1200px) {
	.special-news-two .info .tit {
		font-size: 20px
	}
}

@media (max-width:992px) {
	.special-news-two .info .tit {
		font-size: 18px
	}
}

@media (max-width:640px) {
	.special-news-two .info .tit {
		font-size: 17px
	}
}

.special-news-two .info .tit:hover {
	color: #0454A3
}

.special-news-two .info .time {
	color: #999
}

@media (min-width:1280px) {
	.special-news-two .info .time {
		font-size: 16px
	}
}

.layer-quote-box {
	padding: 0 4.50rem;
	max-width: 1000px;
	max-height: 88vh;
	overflow-y: auto;
	width: 92vw
}

.layer-quote-box .quote-main {
	width: 100%;
	max-width: 88vw
}

.quote-main .check-box .radio-list {
	justify-content: flex-start !important
}

.quote-main .check-box .radio-list .item {
	width: 25%
}

.quote-main .check-box .radio-list .item .layui-form-radio {
	margin: 0;
	padding-right: 2px
}

.quote-main .layui-form-radio>i {
	font-size: 20px
}

.quote-main .layui-form-radio>i:hover,
.quote-main .layui-form-radioed>i {
	color: #0454A3;
	animation-duration: 0s
}

@media (min-width:768px) {
	.word-box {
		min-height: 51.30rem;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		display: flex;
		align-items: center
	}
}

@media (max-width:1920px) {
	.word-box {
		background-position: right center
	}
}

@media (max-width:640px) {
	.word-box {
		background-position: 60% center
	}
}

.word-box .content {
	color: #fff;
	padding: 60px 0 100px;
	max-width: 660px
}

@media (min-width:768px) {
	.word-box .content {
		min-width: 500px
	}
}

.word-box .content .title {
	font-size: 4.50rem;
	font-weight: bold;
	margin-bottom: 16px
}

.word-box .content .desc {
	font-size: 16px;
	line-height: 1.6;
	margin-bottom: 30px
}

@media (min-width:768px) {
	.word-box .content .desc {
		font-size: 17px
	}
}

.word-box .content .vmore {
	border-radius: 2em
}

.good-downloads {
	padding: 7.02rem 0 13.50rem
}

@media (min-width:992px) {
	.good-downloads {
		display: flex
	}

	.good-downloads .lbox {
		max-width: 384px;
		width: 28.6%;
		padding-right: 5%
	}

	.good-downloads .rbox {
		flex: 1;
		overflow: hidden;
		max-width: 1120px
	}
}

@media (max-width:991px) {
	.good-downloads .lbox {
		margin-bottom: 3.60rem
	}
}

.good-downloads .lbox .title {
	font-size: 4.32rem;
	margin-bottom: 3.60rem
}

.good-downloads .lbox form {
	font-size: 18px
}

.good-downloads .lbox form .tit {
	margin-bottom: 2.70rem;
	display: -webkit-flex;
	display: flex;
	display: box;
	-webkit-align-items: center;
	align-items: center;
	box-align: center;
	box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	user-select: none
}

@media (min-width:1200px) {
	.good-downloads .lbox form .tit {
		font-size: 2.16rem
	}
}

.good-downloads .lbox form .tit i {
	color: #0454A3;
	font-size: 20px
}

@media (min-width:992px) {
	.good-downloads .lbox form .tit i {
		display: none
	}
}

.good-downloads .lbox form .item {
	margin-bottom: 2.34rem;
	color: #666
}

@media (min-width:640px) {
	.good-downloads .lbox form .item .layui-form-checkbox span {
		font-size: 16px
	}
}

.good-downloads .search-box {
	max-width: 430px;
	border-bottom: 2px solid #999999;
	display: flex;
	margin-bottom: 2.70rem;
	font-size: 2.16rem;
	position: relative
}

@media (max-width:1200px) {
	.good-downloads .search-box {
		font-size: 16px
	}
}

.good-downloads .search-box input::-webkit-input-placeholder,
.good-downloads .search-box textarea::-webkit-input-placeholder {
	color: #999
}

.good-downloads .search-box input:-moz-placeholder,
.good-downloads .search-box textarea:-moz-placeholder {
	color: #999
}

.good-downloads .search-box input::-moz-placeholder,
.good-downloads .search-box textarea::-moz-placeholder {
	color: #999
}

.good-downloads .search-box input:-ms-input-placeholder,
.good-downloads .search-box textarea:-ms-input-placeholder {
	color: #999
}

.good-downloads .search-box input {
	height: 6.30rem;
	flex: 1;
	font-size: inherit
}

@media (max-width:1200px) {
	.good-downloads .search-box input {
		height: 40px
	}
}

.good-downloads .search-box .submit {
	width: 3.60rem;
	text-align: center;
	color: #0454A3;
	cursor: pointer;
	font-size: inherit
}

.good-downloads .search-box .submit i {
	font-size: inherit
}

.good-downloads .search-box .related-list {
	position: absolute;
	width: 100%;
	top: 100%;
	background: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	padding: 0 1.80rem;
	overflow-y: auto;
	z-index: 6;
	max-height: 260px;
	border: 1px solid #e9e9e9;
	margin-top: 4px
}

.good-downloads .search-box .related-list::-webkit-scrollbar {
	width: 14px;
	height: 14px
}

.good-downloads .search-box .related-list::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background-color: rgba(139, 139, 139, 0.5)
}

.good-downloads .search-box .related-list::-webkit-scrollbar-track {
	background: #fcfcfc
}

.good-downloads .search-box .related-list li {
	line-height: 48px;
	border-bottom: 1px solid #e9e9e9;
	font-size: 16px;
	cursor: pointer
}

.good-downloads .search-box .related-list li:hover {
	color: #0454A3
}

@media (max-width:640px) {
	.good-downloads .search-box .related-list li {
		line-height: 40px;
		font-size: 14px
	}
}

.good-downloads .tip-box {
	background: linear-gradient(90deg, #148dff 70%, #148dff 70%, #8ac9ff);
	padding: 3.06rem 2.70rem;
	color: #fff;
	line-height: 1.8;
	position: relative;
	margin-bottom: 1.80rem
}

@media (min-width:1200px) {
	.good-downloads .tip-box {
		display: flex;
		align-items: center;
		justify-content: space-between
	}
}

@media (min-width:1360px) {
	.good-downloads .tip-box {
		font-size: 1.44rem
	}
}

@media (max-width:1199px) {
	.good-downloads .tip-box .icon_l {
		float: left
	}

	.good-downloads .tip-box .txt {
		display: inline
	}
}

.good-downloads .tip-box .thumb {
	width: 23px;
	height: 20px;
	background: url(‘../image/xz_icon_tbumb.png’) no-repeat center center;
	background-size: contain;
	display: inline-block;
	vertical-align: middle
}

.good-downloads .tip-box .txt {
	overflow: hidden;
	flex: 1
}

@media (min-width:1200px) {
	.good-downloads .tip-box .txt {
		max-width: 760px;
		position: relative;
		z-index: 5;
		margin-right: 24.30rem
	}
}

@media (min-width:1200px) and (max-width:1680px) {
	.good-downloads .tip-box .txt {
		margin-right: 24%
	}
}

.good-downloads .tip-box .icon_l {
	width: 42px;
	height: 42px;
	background: url(‘../image/xz_icon_ty.png’) no-repeat center center;
	background-size: contain;
	display: block;
	margin-right: 1.80rem
}

@media (max-width:1200px) {
	.good-downloads .tip-box .icon_l {
		width: 3.78rem;
		height: 3.78rem
	}
}

.good-downloads .tip-box .icon_r {
	width: 18.45rem;
	height: 12.69rem;
	background: url(‘../image/xz_icon.png’) no-repeat center center;
	background-size: contain;
	position: absolute;
	right: 2.70rem;
	bottom: 0;
	height: 110%;
	width: 30%;
	background-position: right bottom
}

@media (max-width:1199px) {
	.good-downloads .tip-box .icon_r {
		display: none
	}
}

.good-downloads .pro-list .item {
	background-color: #f8f8f8;
	margin-bottom: 1.80rem;
	padding: 1.80rem 2.70rem;
	cursor: default;
	line-height: 2
}

@media (min-width:640px) {
	.good-downloads .pro-list .item {
		display: flex;
		align-items: center
	}

	.good-downloads .pro-list .item .tit {
		flex: 1;
		overflow: hidden;
		white-space: nowrap;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis
	}
}

@media (max-width:1200px) {
	.good-downloads .pro-list .item {
		padding: 20px
	}
}

.good-downloads .pro-list .item .tit {
	font-size: 20px;
	font-weight: 700;
	margin-right: 2.70rem
}

@media (max-width:1200px) {
	.good-downloads .pro-list .item .tit {
		font-size: 17px
	}
}

.good-downloads .pro-list .item .link {
	color: #0454A3;
	font-size: 16px
}

@media (min-width:640px) {
	.good-downloads .pro-list .item .link {
		margin-left: 1.44rem
	}
}

@media (max-width:639px) {
	.good-downloads .pro-list .item .link {
		margin-right: 16px
	}
}

.good-downloads .pro-list .item .link:hover {
	text-decoration: underline
}

.good-downloads .pro-list .item:hover {
	background-color: #0454A3
}

.good-downloads .pro-list .item:hover {
	color: hsl(0, 0%, 100%)
}

.patent-main {
	padding: 5.40rem 0 9.00rem
}

.patent-main .patent-header {
	margin-bottom: 7.20rem
}

.patent-main .patent-header .patent-title {
	text-align: center;
	margin-bottom: 16px;
	font-weight: bold
}

.patent-main .patent-header .patent-intro {
	line-height: 1.8;
	font-size: clamp(16px, 1.04166667vw, 20px)
}

@media (min-width:1200px) {
	.patent-main .patent-sections {
		display: flex;
		justify-content: space-between
	}

	.patent-main .patent-sections .patent-section {
		width: 45%
	}
}

.patent-main .patent-sections .patent-section {
	margin-bottom: 4.50rem
}

.patent-main .patent-sections .patent-section .section-title {
	font-size: clamp(20px, 1.66666667vw,
			32px);
	margin-bottom: 16px;
	text-align: center
}

.patent-main .patent-sections .patent-section .section-description {
	margin-bottom: 30px;
	line-height: 1.8;
	font-size: clamp(16px, 1.04166667vw,
			20px)
}

.patent-main .patent-sections .patent-section .patent-list {
	display: flex;
	flex-wrap: wrap;
	line-height: 1.8
}

.patent-main .patent-sections .patent-section .patent-list li {
	width: 33.33%
}

@media (max-width:600px) {
	.patent-main .patent-sections .patent-section .patent-list li {
		width: 50%
	}
}

.solution-intro {
	padding-bottom: clamp(40px, 3.125vw, 60px)
}

.solution-intro .intro-nav {
	background-color: #0454A3;
	color: #fff;
	margin-bottom: clamp(10px,
			1.04166667vw, 20px);
	position: sticky;
	top: 70px;
	z-index: 555
}

@media (max-width:1199px) {
	.solution-intro .intro-nav {
		top: 65px
	}
}

.solution-intro .intro-nav .intro-wrap {
	display: flex;
	flex-wrap: wrap;
	gap: clamp(20px, 3.125vw, 60px)
}

.solution-intro .intro-nav .on {
	font-weight: bold;
	position: relative
}

.solution-intro .intro-nav .on::after {
	content: ’’;
	display: block;
	position: absolute;
	inset: auto 0 0 0;
	height: clamp(2px, .20833333vw, 4px);
	background: #fff
}

.solution-intro .intro-nav a {
	line-height: clamp(46px, 3.64583333vw,
			70px);
	display: block;
	color: #fff;
	font-size: clamp(16px, .9375vw, 18px);
	transition: all .3s cubic-bezier(.04, .79, 1, 1) !important
}

.solution-intro .intro-nav a:hover {
	font-weight: bold
}

.solution-intro .intro-cell+.intro-cell {
	border-top: 1px solid #e9e9e9
}

.solution-intro .intro-cell {
	width: 88vw;
	max-width: 1500px;
	margin-left: auto;
	margin-right: auto;
	padding: clamp(35px, 3.64583333vw, 70px) 0
}

.solution-intro .intro-cell .intro-head {
	margin-bottom: clamp(25px,
			2.60416667vw, 50px)
}

.solution-intro .intro-cell .intro-head .title {
	font-size: clamp(24px, 1.45833333vw, 28px);
	color: #0454A3;
	margin-bottom: clamp(10px, .83333333vw, 16px)
}

.solution-intro .intro-cell .intro-head .desc {
	font-size: clamp(14px, .9375vw, 18px);
	color: #666;
	line-height: 1.66
}

.solution-intro .intro-cell .intro-list {
	display: flex;
	flex-direction: column;
	gap: clamp(50px, 3.125vw, 60px)
}

.solution-intro .intro-cell .intro-item .item-wrap {
	display: grid;
	width: 100%;
	gap: clamp(20px, 3.125vw, 60px);
	grid-template-columns: 1fr 1fr
}

@media (max-width:991px) {
	.solution-intro .intro-cell .intro-item .item-wrap {
		grid-template-columns: 1fr
	}
}

.solution-intro .intro-cell .intro-item .row-item {
	overflow: hidden
}

.solution-intro .intro-cell .intro-item .row-item .btn:hover {
	background-color: #0454A3;
	color: #fff !important
}

.solution-intro .intro-cell .intro-item .row-item .cimgbox {
	padding-bottom: 62.13333333%
}

.solution-intro .intro-cell .intro-item .row-item .cimgbox .img {
	transition: all .3s cubic-bezier(.04, .79, 1, 1) !important
}

.solution-intro .intro-cell .intro-item .row-item.content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start
}

.solution-intro .intro-cell .intro-item .row-item.content .title {
	font-size: clamp(20px, 1.5625vw, 30px);
	font-weight: bold;
	margin-bottom: clamp(10px, 1.04166667vw, 20px)
}

.solution-intro .intro-cell .intro-item .row-item.content .vtxt {
	color: #666;
	line-height: 1.5;
	padding-bottom: clamp(10px, .83333333vw,
			16px)
}

.solution-intro .intro-cell .intro-item .row-item.content .vtxt p {
	margin-bottom: 1em
}

.solution-intro .intro-cell .intro-item .row-item.content .vtxt ul {
	list-style-position: outside;
	padding-left: 1.5em;
	margin-bottom: 1em
}

.solution-intro .intro-cell .intro-item .row-item.content .vtxt ul li {
	list-style-type: disc
}

.solution-intro .intro-cell .intro-item .row-item.content .btn {
	line-height: 40px;
	padding: 0 clamp(30px, 2.08333333vw, 40px);
	border-radius: 20px;
	transition: all .3s cubic-bezier(.04, .79, 1, 1) !important;
	display: inline-block;
	font-size: 16px;
	border: 1px solid #0454A3;
	color: #0454A3
}

@media (max-width:991px) {
	.solution-intro .intro-cell .intro-item .row-item.content .btn {
		display: block;
		width: fit-content;
		margin: 0 auto
	}
}

.solution-intro .intro-cell .intro-item .row-item.content .btn:hover {
	background-color: #0454A3;
	color: #fff
}

@media (min-width:992px) {
	.solution-intro .intro-cell .intro-item:nth-child(2n) .row-item.content {
		order: -1
	}
}