@import 'iconfont2.css';

.wrap {
	width: 92%;
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto
}

.w1200 {
	width: 92%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto
}

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

.hv-scale {
	overflow: hidden
}

.hv-scale img {
	-webkit-transition: .5s;
	-o-transition: .5s;
	-moz-transition: .5s;
	transition: .5s
}

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

.tran3 {
	transition: .3s
}

.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
}

.bg-gray {
	background: #f9f9f9
}

.c-base {
	color: #002f7b
}

.bg-base {
	background: #002f7b
}

.c-base2 {
	color: #1b8bcc
}

.bg-base2 {
	background: #1b8bcc
}

.hv:hover {
	color: #1b8bcc
}

.hv-f:hover {
	color: #fff
}

.line {
	border: 1px solid #d9dde0
}

.line-b {
	border-bottom: 1px solid #d9dde0
}

.line-t {
	border-top: 1px solid #d9dde0
}

.trans {
	transition: .5s
}

.vcover {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	display: block
}

.vcover ._bg {
	visibility: hidden;
	width: 100%
}

.vcontain {
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	display: block
}

.vcontain ._bg {
	visibility: hidden;
	width: 100%
}

.pt0 {
	padding-top: 0!important
}

.iconfont {
	font-size: inherit
}

.bg-white {
	background: #fff
}

body {
	overflow-x: hidden
}

.swiper-container {
	--swiper-theme-color: #002f7b
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
	opacity: .6s !important
}

.medium {
	font-family: medium
}

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

.vhide {
	visibility: hidden
}

.pb50 {
	padding-bottom: .5rem
}

footer {
	color: #fff;
	background: #1a1a1a;
	overflow: hidden
}

footer a {
	color: #bbb
}

footer a:hover {
	color: #fff
}

footer .content {
	padding: .56rem 0 .9rem
}

footer .ftconcat {
	max-width: 40%
}

footer .ftconcat .icon-jia {
	display: none
}

footer .ftconcat .con-item {
	margin-bottom: 4px;
	padding-left: 32px;
	position: relative
}

footer .ftconcat .ic {
	width: 26px;
	height: 28px;
	position: absolute;
	left: 0;
	top: 0;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	vertical-align: middle
}

footer .ftconcat .ic-addr {
	background-image: url('../image/ic_a82.png')
}

footer .ftconcat .ic-tel {
	background-image: url('../image/ic_a92.png')
}

footer .ftconcat .ic-tel2 {
	background-image: url('../image/ic_a102.png')
}

footer .ft_icons-1 {
	padding-top: 10px
}

footer .ft_icons {
	margin-top: 26px;
	display: -webkit-flex;
	display: flex;
	display: -webkit-box;
	display: box;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-align: center;
	box-align: center
}

footer .ft_icons .icon {
	color: #999;
	margin-right: 8px;
	width: 26px;
	height: 26px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	display: block;
	cursor: pointer
}

footer .ft_icons .icon-dy {
	background-image: url('../image/ic_a12.png')
}

footer .ft_icons .icon-wb {
	background-image: url('../image/ic_a22.png')
}

footer .ft_icons .icon-wx {
	background-image: url('../image/ic_a32.png')
}

footer .ft_icons .icon-zf {
	background-image: url('../image/ic_a42.png')
}

footer .ft_icons .icon-ali {
	background-image: url('../image/ic_a52.png')
}

footer .ft_icons .icon-jd {
	background-image: url('../image/ic_a62.png')
}

footer .ft_icons .icon-tb {
	background-image: url('../image/ic_a72.png')
}

footer .ft_icons .icon:not(.foot-wx):hover {
	opacity: .6;
	border-radius: 3px
}

@media (min-width:993px) {
	footer .content {
		display: -webkit-flex;
		display: flex;
		display: -webkit-box;
		display: box;
		-webkit-box-pack: justify;
		box-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between
	}

	footer .ftnavs {
		width: 60%;
		min-width: 400px
	}

	footer .ftnavs ul {
		display: -webkit-flex;
		display: flex;
		display: -webkit-box;
		display: box;
		-webkit-box-pack: justify;
		box-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between
	}

	footer .ftnavs li {
		width: 33.3%
	}

	footer .ftconcat {
		border-left: 1px solid #313131;
		padding-left: 40px
	}

	footer .ftconcat .con-item {
		line-height: 28px
	}

	footer .navitem {
		border-left: 1px solid #313131;
		padding-left: 40px
	}
}

footer h4 {
	font-size: 16px;
	position: relative;
	margin-bottom: 12px;
	color: #dedede
}

footer .navitem .icon-jia {
	float: right;
	transition: .3s;
	display: none;
	margin-right: 10px
}

footer .navitem .info a {
	color: #dedede;
	display: block;
	line-height: 28px
}

footer .navitem .info a:hover {
	color: #bbb
}

footer .navitem:first-child {
	border-left: 0;
	padding-left: 0
}

footer .friend-links {
	width: 92%;
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
	padding: 16px 0;
	line-height: 1.6;
	color: #666
}

footer .friend-links a {
	margin-right: 6px;
	display: inline-block;
	position: relative;
	color: #666;
	padding-right: .1rem;
	margin-right: .06rem
}

footer .friend-links a:hover {
	color: #fff
}

footer .friend-links a::before {
	content: '';
	display: block;
	width: 1px;
	height: 12px;
	background: #fff;
	opacity: .1;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 5;
	right: 0
}

footer .friend-links a:last-child::before {
	display: none
}

footer .ft-bottom {
	padding: 20px 0;
	width: 92%;
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
	color: #666;
	border-top: 1px solid #313131;
	line-height: 1.76
}

footer .ft-bottom .copyright>*>* {
	display: inline-block;
	vertical-align: middle
}

footer .ft-bottom .copyright a {
	margin-left: 5px;
	color: #666
}

footer .ft-bottom .copyright a:hover {
	color: #fff
}

footer .ft-bottom .copyright .skill {
	color: #999;
	margin-left: 10px
}

footer .ft-bottom .copyright .skill:hover {
	color: #fff
}

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

@media (max-width:992px) {
	footer .ft-bottom {
		text-align: center
	}
}

@media (max-width:640px) {
	footer .ft-bottom .copyright {
		font-size: 12px;
		line-height: 1.8
	}

	footer .ft-bottom .copyright a {
		display: inline-block
	}
}

@media (max-width:992px) {
	footer .navitem {
		float: none;
		width: 100%
	}

	footer .navitem .icon-jia {
		display: block
	}

	footer .navitem h4 {
		position: relative;
		border-bottom: 1px solid rgba(255,255,255,0.3);
		height: 46px;
		line-height: 46px;
		margin: 0
	}

	footer .navitem .info {
		display: none;
		font-size: 15px;
		padding: 10px 30px;
		line-height: 2
	}

	footer .navitem .info a {
		color: rgba(255,255,255,0.8)
	}

	footer .navitem.active .iconfont {
		transform: rotate(135deg)
	}

	footer .content {
		padding: 40px 0
	}

	footer .ftconcat {
		max-width: none;
		padding-top: 20px
	}

	footer .ftconcat h4 {
		border-bottom: 1px solid rgba(255,255,255,0.3);
		height: 46px;
		line-height: 46px;
		position: relative
	}

	footer .ftconcat h4 .icon-jia {
		float: right;
		transition: .3s;
		display: none;
		margin-right: 10px;
		display: block;
		transform: rotate(45deg)
	}

	footer .ftconcat .con-item {
		margin-bottom: 6px;
		line-height: 28px
	}

	footer .ft_icon_box {
		display: -webkit-flex;
		display: flex;
		display: -webkit-box;
		display: box;
		-webkit-align-items: center;
		align-items: center;
		-webkit-box-align: center;
		box-align: center;
		-webkit-box-pack: center;
		box-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		margin-top: 60px
	}

	footer .ft_icon_box .ft_icons {
		margin-top: 0!important;
		padding-top: 0
	}
}

@media (max-width:992px) {
	footer .navitem h4 {
		font-weight: normal
	}

	footer .telbox {
		text-align: center;
		margin-bottom: .5rem
	}

	footer .telbox .logo {
		display: none
	}
}

@media (max-width:768px) {
	footer h4 {
		font-size: 17px
	}

	footer .friend-links {
		width: 92%;
		margin-left: 6%;
		color: #bbb
	}

	footer .friend-links a {
		color: #bbb !important
	}

	footer .ft-bottom {
		color: #bbb
	}

	footer .ft-bottom a {
		color: #bbb !important
	}
}

@media (max-width:480px) {
	footer .ft_icon_box {
		background: #333;
		padding: .2rem;
		padding-left: 18px
	}

	footer .ft_icon_box .ft_icons .icon {
		margin-right: 18px
	}
}

.foot-wx {
	position: relative
}

.foot-wx:hover .code {
	display: block
}

.foot-wx .code {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	z-index: 5;
	top: -160px;
	width: 150px;
	height: 150px;
	display: none;
	max-width: none;
	max-height: none;
	border: 5px solid #fff;
	z-index: 555;
	box-shadow: 0 0 10px rgba(0,0,0,0.1)
}

.foot-wx .code img {
	width: 100%
}

.foot-wx .code::after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top-color: #fff;
	z-index: 55;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	z-index: 5;
	bottom: -22px
}

.menu_btn {
	width: 50px;
	height: 60px;
	z-index: 101;
	cursor: pointer;
	position: absolute;
	right: 0;
	transform-origin: center center;
	top: 50%;
	transform: translateY(-50%) scale(.8);
	-webkit-transform: translateY(-50%) scale(.8);
	-moz-transform: translateY(-50%) scale(.8);
	-ms-transform: translateY(-50%) scale(.8);
	-o-transform: translateY(-50%) scale(.8)
}

.menu_btn i {
	position: absolute;
	width: 26px;
	height: 2px;
	background: #002f7b;
	left: 12px;
	display: block;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out
}

.menu_btn i:nth-of-type(1) {
	top: 20px
}

.menu_btn i:nth-of-type(2) {
	top: 30px
}

.menu_btn i:nth-of-type(3) {
	top: 40px;
	width: 14px
}

.menu_btn.active i:nth-of-type(1) {
	-webkit-transform: rotate(225deg) translate(-7px, -7px);
	-moz-transform: rotate(225deg) translate(-7px, -7px);
	-ms-transform: rotate(225deg) translate(-7px, -7px);
	-o-transform: rotate(225deg) translate(-7px, -7px);
	transform: rotate(225deg) translate(-7px, -7px)
}

.menu_btn.active i:nth-of-type(3) {
	opacity: 0
}

.menu_btn.active i:nth-of-type(2) {
	-webkit-transform: rotate(-225deg) translate(0, 0);
	-moz-transform: rotate(-225deg) translate(0, 0);
	-ms-transform: rotate(-225deg) translate(0, 0);
	-o-transform: rotate(-225deg) translate(0, 0);
	transform: rotate(-225deg) translate(0, 0)
}

.menu_btn:hover i:nth-of-type(3) {
	width: 28px
}

.header-menu {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: 5;
	height: 80px;
	width: 70%
}

.header-menu .head-menu.s1 {
	width: 650px;
	float: left
}

.header-menu .head-menu.s2 {
	width: 400px;
	float: left
}

.header {
	background-color: #fff;
	transition: .3s;
	width: 100%;
	z-index: 9999;
	position: fixed;
	left: 0;
	right: 0;
	top: 0
}

.header .hdinner {
	height: 80px;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	position: relative;
	z-index: 999
}

.header .hdinner::after {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 1px;
	background: #d9dde0;
	bottom: 0;
	left: 0;
	z-index: -1
}

.header .logo img {
	height: 45px;
	margin-left: 50px;
	margin-top: 15px;
}

.header .logo {
	height: 80px;
	width: 23%;
	min-width: 320px;
	background-size: 227px
}

@media (max-width:1200px) {
	.header .logo {
		min-width: 270px;
		background-size: auto 30px
	}
}

@media (max-width:768px) {
	.header .hdinner {
		height: 60px
	}

	.header .logo {
		height: 60px
	}
}

@media (max-width:480px) {
	.header .logo {
		width: 52%!important;
		min-width: auto!important;
		background-size: auto 40px;
		background-position: 20px center
	}
	.header .logo img {
    height: 40px;
    margin-left: 10px;
    margin-top: 10px;
}
}

.pc-menus {
	height: 80px
}

.pc-menus>li {
	float: left;
	transition: .3s;
	position: relative;
	margin: 0 .56rem 0 0
}

.pc-menus>li>.tit {
	white-space: nowrap;
	cursor: pointer;
	font-size: 18px;
	display: block;
	transition: .3s;
	line-height: 80px;
	height: 80px;
	position: relative
}

.pc-menus>li>.tit::after {
	content: '';
	display: block;
	position: absolute;
	width: 0;
	left: 50%;
	bottom: 0;
	height: 4px;
	background: #002f7b;
	transform: translateX(-50%);
	transition: .3s
}

.pc-menus>li .tit.active,.pc-menus>li:hover .tit {
	color: #002f7b
}

.pc-menus>li .tit.active::after,.pc-menus>li:hover .tit::after {
	width: 100%
}

.pc-menus>li .tit-home.active::after,.pc-menus>li:hover .tit-home::after {
	width: 100%
}

.pc-menus>li {
	overflow: hidden
}

.pc-menus>li:hover {
	overflow: visible
}

.pc-menus>li:hover .head-dropinfo {
	height: auto;
	opacity: 1;
	transform: translateY(0);
	z-index: 999;
	border-top: 0;
	border-bottom: 4px solid #002f7b
}

.pc-menus>li:hover .head-dropinfo.cp {
	padding-bottom: 35px
}

@media (max-width:1600px) {
	.pc-menus>li:hover .head-dropinfo.cp {
		padding-bottom: 20px
	}
}

.head-dropinfo {
	height: 0px;
	transform: translateY(100px);
	opacity: 0;
	background: #ffffff8f;
	overflow: hidden;
	position: absolute;
	top: 100%;
	transition: all ease-in .2s;
	transition: .3s;
	z-index: -99;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5
}

.head-dropinfo.s3 {
	left: 50%;
	margin-left: -95px
}

.head-dropinfo.s3 .dropinfo {
	margin-left: 190px
}

.head-dropinfo a {
	display: block;
	transition: .3s
}

.head-dropinfo a:hover {
	color: #002f7b
}

.head-dropinfo .dropnav.tabNav {
	border-right: 1px solid #e5e5e5;
	position: relative;
	right: -1px
}

.head-dropinfo .manual {
	position: absolute;
	right: 0;
	bottom: 0;
	background: #002f7b;
	color: #fff;
	width: 192px;
	height: 42px;
	line-height: 42px;
	z-index: 55;
	padding-left: 34px
}

.head-dropinfo .manual .iconfont,.head-dropinfo .manual a {
	color: #fff
}

.head-dropinfo .manual .icon {
	width: 15px;
	height: 15px;
	background: url(../image/ic_file.png) no-repeat center;
	display: inline-block;
	vertical-align: middle;
	margin-right: 8px;
	margin-top: -1px
}

.head-dropinfo .manual .icon-you {
	position: absolute;
	right: 20px;
	font-size: 12px
}

.head-dropinfo .manual:hover {
	background: #0081c3
}

.head-dropinfo .dropnav {
	width: 190px;
	padding: 20px 0;
	float: left
}

.head-dropinfo .dropnav li {
	margin-bottom: 10px;
	font-size: 16px;
	padding-left: 40px;
	height: 40px;
	line-height: 40px;
	color: #666;
	cursor: pointer;
	position: relative
}

.head-dropinfo .dropnav li a {
	color: #666;
	transition: .3s;
	display: block
}

.head-dropinfo .dropnav li a:hover {
	transform: translateX(5px)
}

.head-dropinfo .dropnav li .iconfont {
	color: #bbb;
	font-size: 12px;
	position: absolute;
	right: 14px;
	top: 50%;
	transform: translateY(-50%)
}

.head-dropinfo .dropnav li::after {
	content: '';
	display: block;
	width: 2px;
	height: 15px;
	position: absolute;
	right: -1px;
	top: 50%;
	transform: translateY(-50%)
}

.head-dropinfo .dropnav li:not(.active):hover {
	color: #002f7b
}

.head-dropinfo .dropnav li:not(.active):hover a {
	color: #002f7b
}

.head-dropinfo .dropnav .active {
	background: #002f7b;
	color: #fff
}

.head-dropinfo .dropnav .active:Hover a,.head-dropinfo .dropnav .active a {
	color: #fff
}

.head-dropinfo .dropnav.s2 {
	padding-bottom: 0
}

.head-dropinfo .dropnav.s2 li {
	padding-left: 30px
}

.head-dropinfo .tc li {
	padding-left: 0
}

.head-dropinfo .dropinfo {
	padding-top: 20px;
	padding-bottom: 36px;
	line-height: 30px
}

.head-dropinfo .dropinfo li {
	width: 330px;
	padding-left: 46px
}

.head-dropinfo .dropinfo a {
	color: #666;
	transition: .3s
}

.head-dropinfo .dropinfo a:hover {
	color: #002f7b;
	transform: translateX(5px)
}

.head-dropinfo .dropinfo .info {
	margin-bottom: .6rem
}

.head-dropinfo .dropinfo .more {
	color: #002f7b;
	font-weight: bold;
	display: inline-block
}

.head-dropinfo .dropinfo .more .iconfont {
	font-size: 12px
}

.head-dropinfo .dropinfo .more:hover {
	background: #002f7b;
	color: #fff;
	padding: 0 10px
}

.head-dropinfo.s2 {
	width: 160px;
	margin-left: -200px;
	padding-right: 70px;
	z-index: -1;
	height: 0px;
	overflow: hidden
}

.head-dropinfo.s2 .dropinfo {
	padding-bottom: 0
}

.head-dropinfo.s2 h3 {
	height: 60px;
	line-height: 60px;
	font-size: 16px;
	color: #002f7b;
	border-bottom: 1px solid #d9dde0;
	margin-bottom: 14px
}

.head-dropinfo.s2 h3 a {
	color: #002f7b
}

.head-dropinfo.s2 h3 .icon-you {
	font-size: 12px;
	color: #999;
	font-weight: bold;
	padding-left: 5px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -1px
}

.head-dropinfo.s2 .ditem {
	float: left;
	width: 26%
}

.head-dropinfo.s2 .ditem.colbox {
	width: 48%
}

.head-dropinfo.s2 .ditem.colbox .col {
	width: 50%
}

.head-dropinfo.s2 .ditem.box:nth-child(2) {
	width: 22%
}

.head-dropinfo.s2 .ditem.box:nth-child(2) .col {
	width: 50%
}

.head-dropinfo.s2 {
	width: 1176px;
	margin-left: -450px
}

.head-dropinfo.s2 li {
	width: 20%;
	float: left
}

.head-dropinfo.s2 .menu1 {
	margin-bottom: 20px
}

.head-dropinfo.s2 .menu1 .info {
	margin-bottom: 0
}

.head-dropinfo.s2 .menu2 {
	padding-bottom: 60px
}

.head-dropinfo.s2 .menu2 li {
	line-height: 48px;
	width: auto;
	padding-left: 0;
	padding-left: 46px
}

.head-dropinfo.s2 .menu2 a {
	color: #002f7b;
	font-size: 16px
}

.head-dropinfo.s2 .menu2 .icon-you {
	font-size: 12px;
	color: #999;
	font-weight: bold;
	padding-left: 5px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -1px
}

.head-dropinfo.cp {
	width: 1600px;
	padding-right: 0;
	margin-left: -510px
}

.head-dropinfo.cp h3 {
	line-height: 22px;
	display: -webkit-flex;
	display: flex;
	display: -webkit-box;
	display: box;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-align: center;
	box-align: center;
	font-size: 15px
}

.head-dropinfo.cp h3 a {
	display: block
}

.head-dropinfo.cp h3 span {
	display: inline-block
}

.head-dropinfo.cp li {
	width: 12.5% !important
}

@media (max-width:1600px) {
	.head-dropinfo.cp {
		width: 1200px;
		margin-left: -460px
	}

	.head-dropinfo.cp h3 {
		font-weight: bold
	}

	.head-dropinfo.cp h3 .iconfont {
		display: none
	}

	.head-dropinfo.cp li {
		width: 25%!important;
		margin-bottom: 30px
	}

	.head-dropinfo.cp li:nth-child(5) {
		clear: both
	}
}

.head-dropinfo.case {
	margin-left: -200px !important
}
@media (max-width:1500px) {
	.head-dropinfo.case {
		margin-left: -300px !important
	}
	.head-right {
		color: #fff;
		padding-left: .76rem;
		min-width: 350px;
		background: url(../image/hdbg.jpg) no-repeat 0 center #002f7b;
		background-size: auto 100%
	}

	.head-right a {
		color: #fff
	}
}
@media (max-width:1400px) {
	.head-dropinfo.case {
		margin-left: -300px !important
	}
	.head-right {
		color: #fff;
		padding-left: .76rem;
		min-width: 350px;
		background: url(../image/hdbg.jpg) no-repeat 0 center #002f7b;
		background-size: auto 100%
	}

	.head-right a {
		color: #fff
	}
}

@media (max-width:1280px) {
	.head-dropinfo.case {
		margin-left: -366px !important
	}
}

.pc-menus-2 {
	float: left
}

.pc-menus-2 .menuitem {
	margin: 0 .5rem 0 0
}

.pc-menus-2 .tit {
	color: #fff;
	margin: 0
}

.pc-menus-2 .tit.active,.pc-menus-2 .menuitem:hover .tit {
	color: #fff
}

.pc-menus-2 .tit.active::after,.pc-menus-2 .menuitem:hover .tit::after {
	background: #fff;
	width: 100%
}

.head-right {
}

@media (min-width:1200px) {
	.head-right {
		color: #fff;
		padding-left: .76rem;
		min-width: 400px;
		background: url(../image/hdbg.jpg) no-repeat 0 center #002f7b;
		background-size: auto 100%
	}

	.head-right a {
		color: #fff
	}
}

@media (max-width:1199px) {
	.head-right {
		margin-right: .5rem;
		width: auto!important;
		min-width: auto!important;
		background: none;
		color: #333
	}

	.head-right a {
		color: #333
	}
}

@media (max-width:768px) {
	.head-right .hd-search .searchbtn,.head-right .hd-language {
		line-height: 60px
	}
}

@media (max-width:640px) {
	.head-right {
		margin-right: .6rem
	}
}

@media (max-width:1768px) {
	.header .logo {
		width: 20%
	}

	.pc-menus-1 .menuitem {
		margin-right: .5rem
	}

	.pc-menus-2 .menuitem {
		margin-right: .4rem
	}
}

@media (max-width:1600px) {
	.head-right {
	
	}

	.pc-menus-1 .menuitem {
		margin-right: .38rem
	}

	.pc-menus-1 .menuitem:last-child {
		margin-right: 0
	}

	.pc-menus-2 .menuitem {
		margin-right: .3rem
	}
}

@media (max-width:1360px) {
	.pc-menus-1 .menuitem {
		margin-right: .26rem
	}

	.pc-menus-2 .menuitem {
		margin-right: .2rem
	}
}

@media (max-width:1280px) {
	.head-right {
		width: 33%
	}

	.head-right .hd-search .searchbtn {
		padding: 0 .2rem
	}

	.pc-menus-1 .menuitem {
		margin-right: .18rem
	}

	.pc-menus-2 .menuitem {
		margin-right: .16rem
	}
}

@media (max-width:1200px) {
	.head-right {
		width: 30%
	}

	.pc-menu .tit {
		font-size: 14px
	}

	.pc-menus-2 .menuitem {
		margin-right: .14rem
	}
}

.hd-search .searchbtn {
	cursor: pointer;
	line-height: 80px;
	padding: 0 .3rem
}

@media (max-width:1199px) {
	.hd-search .searchbtn {
		padding: 0 .4rem !important
	}

	.hd-search .searchbtn .iconfont {
		font-size: .3rem
	}
}

@media (max-width:768px) {
	.hd-search .searchbtn .iconfont {
		font-size: .34rem
	}
}

.hd-language {
	text-transform: uppercase;
	line-height: 80px;
	font-weight: bold;
	font-size: 16px
}

@media (max-width:1199px) {
	.hd-language {
		font-size: 18px;
		font-weight: normal
	}
}

@media (max-width:1300px) {
	._hdcase {
		position: initial!important
	}

	._hdcase .head-dropinfo.case {
		margin-left: 0!important;
		max-width: 1600px;
		width: 96vw;
		left: 2vw
	}
}

@media (max-width:1760px) {
	._hdgood {
		position: initial!important
	}

	._hdgood .head-dropinfo.cp {
		margin-left: 0;
		max-width: 1600px;
		width: 96vw;
		left: 2vw
	}
}

@media (max-width:1600px) {
	._hdgood .head-dropinfo.cp {
		max-width: 1200px;
		left: 1vw
	}
}

.m-menus {
	width: 100%;
	max-width: 600px;
	height: 100vh;
	position: fixed;
	top: 60px;
	right: -100%;
	background: #fff;
	overflow: hidden;
	line-height: 40px;
	font-size: 15px;
	z-index: 999;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease
}

@media (min-width:768px) {
	.m-menus {
		top: 80px
	}
}

.m-menus .inner {
	height: calc((100vh - 60px ));
	overflow-y: auto;
	padding-bottom: 30px
}

.m-menus a {
	color: #333
}

.m-menus.active {
	right: 0
}

.m-menus ul {
	overflow-x: hidden;
	overflow-y: auto;
	border-bottom: 1px solid #e3e3e3
}

.m-menus .item:not(:first-child) {
	border-top: 1px solid #e3e3e3
}

.m-menus .item {
	cursor: pointer;
	transition: .3s;
	position: relative
}

.m-menus .item h5 .iconfont {
	position: absolute;
	right: 8%;
	top: 50%;
	transform: translateY(-50%);
	font-size: 15px;
	color: #999;
	font-weight: bold;
	transition: .3s
}

.m-menus .item>a,.m-menus h5 {
	display: block;
	padding: 0 8%;
	line-height: 46px;
	color: #333;
	position: relative;
	font-size: 16px
}

.m-menus .xs-dropinfo {
	display: none;
	background: rgba(0,0,0,0.02);
	padding: 15px 50px;
	font-size: 14px
}

.m-menus .xs-dropinfo>dd {
	color: #666;
	line-height: 32px
}

.m-menus .xs-dropinfo a {
	display: block;
	color: #666
}

.m-menus .xs-dropinfo-2 {
	padding: 15px 8%
}

.m-menus .xs-memu-nav {
	font-size: 16px
}

.m-menus .xs-memu-nav dd {
	line-height: 50px
}

.m-menus .xs-memu-nav .active {
	color: #002f7b;
	border-bottom: 1px solid #666
}

.m-menus .xs-memu-info {
	border-left: 1px solid #666
}

.m-menus .xs-memu-info dd {
	line-height: 34px;
	height: 34px
}

.m-menus .xs-memu-info .more {
	color: #002f7b;
	margin-top: 10px
}

.m-menus .xs-memu-info .more .iconfont {
	font-size: 12px
}

.m-menus .trans {
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease
}

.m-menus .open h5 {
	background: #002f7b;
	color: #fff;
	border-top: 0
}

.m-menus .open h5 .iconfont {
	color: #fff
}

.m-menus .open h5 .iconfont::before {
	content: "\e625"
}

.m-menus .open h5>a,.m-menus .open h5 p {
	font-weight: bold
}

.m-menus .xs-dropinfo dl.br {
	border-right: 1px solid #ccc
}

.xs-dropinfo-list {
	padding: 15px 8%!important
}

.xs-dropinfo-list>dl>dd {
	line-height: 38px;
	font-size: 15px
}

.xs-dropinfo-list>dl dd+dd {
	border-top: 1px solid #d9dde0
}

.xs-dropinfo-list>dl .title {
	line-height: 34px;
	font-size: 15px
}

.xs-dropinfo-list dd.active .iconfont::before {
	content: "\e7e1"
}

.xs-dropinfo-list .title {
	position: relative
}

.xs-dropinfo-list .title a {
	display: inline-block
}

.xs-dropinfo-list .title .icon-down {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%)
}

.xs-dropinfo-list .active {
	margin-top: 5px
}

.xs-dropinfo-list .active .title {
	color: #002f7b
}

.xs-dropinfo-list .active .title a {
	color: #002f7b
}

.xs-dropinfo-list .info {
	display: none;
	background: rgba(0,0,0,0.1);
	padding: 10px 20px;
	margin-top: 5px;
	margin-bottom: 20px
}

.xs-dropinfo-list .info dd {
	line-height: 30px
}

.xs-dropinfo-list .manual a {
	color: #002f7b
}

.hd-search-box {
	position: fixed;
	left: 0;
	right: 0;
	background: #fff;
	padding: 20px 10px;
	display: none;
	z-index: 555
}

.hd-search-box .inner {
	display: -webkit-flex;
	display: flex;
	display: -webkit-box;
	display: box;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-align: center;
	box-align: center;
	-webkit-box-pack: end;
	box-pack: end;
	-webkit-justify-content: end;
	justify-content: end
}

.hd-search-box form {
	border: 1px solid #002f7b;
	max-width: 500px;
	display: block;
	position: relative;
	border-radius: 3px;
	width: 80%;
	min-width: 500px
}

.hd-search-box .key {
	width: 90%;
	height: 40px;
	line-height: 40px;
	text-indent: 20px
}

.hd-search-box .submit {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	border-left: 1px solid #002f7b;
	text-align: center;
	width: 50px;
	font-size: 20px;
	line-height: 40px;
	height: 40px
}

.hd-search-box .submit .iconfont {
	font-size: 20px
}

.hd-search-box .submit:hover {
	background: #002f7b;
	color: #fff
}

.hd-search-box .close {
	float: right;
	height: 40px;
	line-height: 42px;
	width: 60px;
	text-align: center;
	font-size: 20px
}

.hd-search-box .close:hover {
	color: #1b8bcc
}

@media (min-width:993px) {
	.hd-search-box {
		top: 80px
	}
}

@media (max-width:768px) {
	.hd-search-box {
		padding: 20px 4%;
		top: 60px
	}

	.hd-search-box .inner {
		float: none;
		width: 100%
	}

	.hd-search-box form {
		min-width: auto;
		width: 90%
	}

	.hd-search-box .close {
		position: relative
	}
}

@media (max-width:480px) {
	.hd-search-box {
		bottom: 0;
		height: auto
	}
}

.basemore {
	position: relative;
	width: 140px;
	height: 40px;
	display: block
}

.basemore em {
	position: absolute;
	width: 140px;
	height: 40px;
	background-image: url('../image/btnbg.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	color: #fff;
	padding-right: 40px;
	text-align: center;
	line-height: 40px;
	z-index: 22;
	left: 0
}

.basemore::before {
	content: '';
	display: block;
	position: absolute;
	width: 0;
	right: 0;
	top: 0;
	height: 100%;
	transition: .3s;
	z-index: 1;
	background: #fff
}

@media (min-width:992px) {
	.basemore:hover em {
		color: #002f7b
	}

	.basemore:hover::before {
		width: 100%
	}
}

.basemore.s2::before {
	background: #002f7b
}

.basemore.s2 em {
	background-image: url('../image/btnbg2.png');
	color: #002f7b
}

.basemore.s2:hover em {
	color: #fff
}

.index-banner-box {
	background: #000104
}

.index-banner {
	position: relative;
	width: 100% !important;
	height: 8.3rem;
	max-width: 1920px;
	max-height: calc(( 100vh - 80px ))
}

.index-banner .swiper-pagination {
	bottom: .6rem
}

.index-banner .swiper-pagination-bullet {
	width: .2rem;
	height: .2rem;
	background-image: url('../image/dot_on.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	transition: .3s;
	opacity: 1;
	display: inline-block;
	position: relative;
	margin: 0 .5rem !important
}

.index-banner .swiper-pagination-bullet::before {
	content: '';
	display: block;
	position: absolute;
	width: 1rem;
	height: 1px;
	border-bottom: 1px dashed #fff;
	top: 50%;
	left: -1rem;
	color: transparent;
	opacity: .8
}

.index-banner .swiper-pagination-bullet:first-child::before {
	display: none
}

.index-banner .swiper-pagination-bullet-active {
	background-image: url('../image/dot.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center
}

.index-banner .swiper-slide {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat
}

.index-banner .swiper-slide img {
	visibility: hidden
}

.index-banner .content {
	position: absolute;
	left: 50%;
	top: 45%;
	transform: translateX(-50%) translateY(-50%);
	width: 88%;
	max-width: 1400px
}

.index-banner .textbox {
	color: #fff;
	width: 100%
}

.index-banner .textbox h5 {
	font-size: 90px;
	font-weight:bold;
	margin-bottom: 22px;
	color: #fff
}

.index-banner .textbox .desc {
	font-size: 24px;
	font-weight: lighter;
	margin-bottom: 44px;
	padding-left: 1.36rem;
	position: relative
}

.index-banner .textbox .desc ._line {
	display: block;
	width: 1.2rem;
	height: 2px;
	background: #fff;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 5;
	left: 0
}

.index-banner .textbox .basemore {
	background-color: rgba(0,0,0,0.9)
}

.index-banner .textbox .basemore em {
	background-image: url('../image/btnbg_07.png')
}

.index-banner .textbox .basemore .iconfont {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	color: #000;
	z-index: 55;
	font-size: 12px
}

@media (min-width:992px) {
	.index-banner .textbox .basemore:hover {
		background: #fff
	}

	.index-banner .textbox .basemore:hover em {
		color: #002f7b
	}

	.index-banner .textbox .basemore:hover::before {
		width: 100%
	}
}

@media (max-width:1440px) {
	.index-banner {
		max-height: 70vh
	}

	.index-banner .swiper-pagination {
		bottom: .3rem
	}
}

@media (max-width:1200px) {
	.index-banner {
		height: auto
	}

	.index-banner .textbox .desc {
		font-size: .26rem
	}

	.index-banner .textbox h5 {
		font-size: .66rem
	}
}

@media (max-width:992px) {
	.index-banner .swiper-slide {
		padding: .4rem 0
	}
}

@media (max-width:768px) {
	.index-banner .textbox {
		padding: 0 .1rem;
		text-align: center
	}

	.index-banner .textbox h5 {
		font-size: 32px;
		margin-bottom: 10px
	}

	.index-banner .textbox .desc {
		font-size: 14px;
		padding-left: 0
	}

	.index-banner .textbox .desc ._line {
		display: none
	}

	.index-banner .textbox .basemore {
		display: inline-block
	}
}

@media (max-width:480px) {
	.index-banner {
		height: auto
	}

	.index-banner .textbox {
		padding-top: 30px
	}

	.index-banner .textbox .en {
		font-size: 14px;
		padding-bottom: 0rem;
		margin-bottom: 0rem
	}

	.index-banner .textbox h5 {
		font-size: 28px
	}

	.index-banner .textbox .desc {
		margin-bottom: .5rem
	}

	.index-banner .textbox .basemore {
		display: none
	}
}

main {
	margin-top: 80px
}

@media (max-width:768px) {
	main {
		margin-top: 60px
	}
}

.ihd {
	font-size: 30px
}

@media (max-width:992px) {
	.ihd {
		font-size: 26px
	}
}

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

.control {
	position: relative;
	width: 106px;
	height: 40px
}

.control .pnext {
	width: 36px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	background: #fff;
	border-radius: 50%;
	border: 1px solid #e5e5e5;
	color: #666;
	box-shadow: 0 0 5px rgba(0,0,0,0.05);
	transition: .3s
}

.control .pnext::after {
	font-size: 16px
}

.control .pnext:hover {
	background: #002f7b;
	color: #fff
}

@media (max-width:768px) {
	.control {
		width: 98px
	}

	.control .pnext {
		width: 32px;
		height: 32px;
		line-height: 32px;
		text-align: center
	}
}

.hot-goods {
	width: 92%;
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
	padding: .75rem 0
}

@media (max-width:768px) {
	.hot-goods {
		width: 92%
	}
}

.hot-goods .hd {
	display: -webkit-flex;
	display: flex;
	display: -webkit-box;
	display: box;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-align: center;
	box-align: center;
	-webkit-box-pack: justify;
	box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-bottom: .36rem;
	height: 56px
}

.hot-goods ul img {
	display: block;
	width: 100%
}

@media (max-width:768px) {
	.hot-goods ul .img img {
		max-width: 110%;
		width: 110%;
		position: relative;
		margin-left: -5%
	}
}

.hot-goods li {
	margin-bottom: .44rem;
	float: left
}

@media (min-width:993px) {
	.hot-goods li {
		width: 32%;
		margin-right: 1.98%
	}

	.hot-goods li:nth-child(3n) {
		margin-right: 0
	}
}

@media (max-width:992px) {
	.hot-goods li {
		width: 49%;
		margin-right: 0
	}

	.hot-goods li:nth-child(2n) {
		float: right
	}
}

.hot-goods .img {
	overflow: hidden;
	display: block;
	border: 1px solid #f6f6f6;
	border-bottom: 0;
	transition-delay: .3s
}

.hot-goods .img img {
	-webkit-transition: .5s;
	-o-transition: .5s;
	-moz-transition: .5s;
	transition: .5s
}

.hot-goods .img:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1)
}

.hot-goods .name {
	background: #f6f6f6;
	line-height: 48px;
	position: relative;
	padding-right: 80px;
	cursor: default
}

.hot-goods .name::before {
	content: '';
	display: block;
	position: absolute;
	width: 0;
	top: 0;
	height: 100%;
	background: #002f7b;
	transition: .3s;
	z-index: 2;
	right: 0
}

.hot-goods .name::after {
	content: '';
	display: block;
	position: absolute;
	width: 58px;
	height: 100%;
	background: url('../image/arr.png') no-repeat center center;
	background-size: cover;
	right: 0;
	top: 0;
	z-index: 5
}

.hot-goods .name em {
	font-size: 18px;
	position: relative;
	z-index: 66;
	height: 48px;
	display: block;
	margin-left: 18px;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

@media (max-width:768px) {
	.hot-goods .name {
		padding-right: 0
	}

	.hot-goods .name::after {
		display: none
	}

	.hot-goods .name em {
		font-size: 16px;
		margin: 0 6px
	}
}

@media (max-width:640px) {
	.hot-goods .name em {
		font-size: 14px
	}
}

.hot-goods .inner {
	overflow: hidden
}

@media (min-width:992px) {
	.hot-goods .inner:hover .img {
		border-color: #002f7b;
		transition: 3s
	}

	.hot-goods .inner:hover .name::before {
		width: 100%
	}

	.hot-goods .inner:hover .name em {
		color: #fff
	}
}

.igood-box {
	max-width: 1920px;
	clear: both;
	margin-left: auto;
	margin-right: auto
}

.igood-box .row {
	margin-left: 0;
	margin-right: 0;
	position: relative
}

.igood-box .row>* {
	padding-left: 0;
	padding-right: 0
}

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

@media (min-width:768px) {
	.igood-box {
		border-bottom: 4px solid #002f7b
	}
}

.igood-box li {
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	max-height: 80vh
}

@media (max-width:992px) {
	.igood-box li {
		min-height: 500px
	}

	.igood-box li img {
		visibility: hidden
	}
}

@media (min-width:992px) {
	.igood-box li {
		background: #000 !important
	}
}

@media (max-width:768px) {
	.igood-box li {
		min-height: auto;
		background: none!important;
		margin-bottom: 10px
	}

	.igood-box li img {
		height: 300px;
		object-fit: cover;
		visibility: visible
	}

	.igood-box li .content {
		border-top: 3px solid #f7b500
	}

	.igood-box li .desc {
		word-break: break-all;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		overflow: hidden;
		-webkit-line-clamp: 3;
		line-height: 24px!important;
		height: 72px
	}
}

.igood-box .content {
	padding: .4rem .6rem;
	transition: ease-in .3s
}

.igood-box .content::before {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 0;
	background: #f7b500;
	top: 0;
	left: 0;
	transition-delay: .3s;
	transition: .2s
}

@media (max-width:1200px) {
	.igood-box .content {
		padding: .4rem .5rem
	}
}

@media (max-width:992px) {
	.igood-box .content {
		padding: .4rem
	}
}

.igood-box .img {
	transition: .3s
}

.igood-box h3 {
	font-size: 30px;
	color: #fff;
	opacity: 1
}

@media (max-width:992px) {
	.igood-box h3 {
		font-size: 26px
	}
}

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

.igood-box .desc {
	color: #666;
	overflow: hidden;
	transition: .3s
}

@media (min-width:768px) {
	.igood-box .content {
		position: absolute;
		bottom: -4px;
		z-index: 55
	}

	.igood-box .desc {
		line-height: 0
	}

	.igood-box .basemore {
		height: 0px;
		transition: .3s;
		overflow: hidden
	}

	.igood-box li:hover .img {
		transform: scale(1.1);
		opacity: .3;
		filter: blur(1px)
	}

	.igood-box li:hover .content {
		background: #f6f6f6
	}

	.igood-box li:hover .content h3 {
		color: #333
	}

	.igood-box li:hover .content::before {
		height: 4px
	}

	.igood-box li:hover .content .desc {
		line-height: 1.76;
		margin: .2rem 0 .4rem
	}

	.igood-box li:hover .basemore {
		height: 40px
	}
}

@media (max-width:768px) {
	.igood-box .content {
		background: #f6f6f6
	}

	.igood-box .content h3 {
		color: #333
	}

	.igood-box .content .desc {
		line-height: 1.76;
		margin: .2rem 0 .4rem
	}
}

.inews-box {
	width: 92%;
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
	margin: .3rem auto .7rem;
	min-height: 600px
}

.inews-box .row {
	margin-left: -0.3rem;
	margin-right: -0.3rem
}

.inews-box .row>* {
	padding-left: .3rem;
	padding-right: .3rem
}

.inews-box .hd {
	padding-top: .4rem;
	display: -webkit-flex;
	display: flex;
	display: -webkit-box;
	display: box;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-align: center;
	box-align: center;
	-webkit-box-pack: justify;
	box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-bottom: .36rem
}

.inews-box .hd .change {
	cursor: pointer
}

.inews-box .hd .change:hover {
	color: #1b8bcc
}

.inews-box .hd .change .icon-shuaxin {
	margin-right: 10px
}

@media (min-width:1200px) {
	.inews-box {
		position: relative
	}

	.inews-box .leftbox {
		width: 46%
	}

	.inews-box .rightbox {
		width: 50%;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 50%;
		overflow: hidden;
		height: 100%
	}

	.inews-box .rightbox li {
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center
	}
}

.inews-list li {
	display: -webkit-flex;
	display: flex;
	display: -webkit-box;
	display: box;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-align: center;
	box-align: center;
	margin-bottom: .24rem
}

.inews-list li .info {
	min-width: 0;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-webkit-flex-shrink: 1;
	-ms-flex-negative: 1;
	flex-shrink: 1
}

.inews-list li .img {
	width: 176px;
	margin-right: 20px;
	display: block;
	overflow: hidden
}

.inews-list li .img img {
	transition: .3s
}

.inews-list li .tit {
	font-size: 18px;
	display: block;
	word-break: break-all;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-line-clamp: 2;
	position: relative;
	line-height: 24px;
	max-height: 48px;
	text-transform: uppercase
}

.inews-list li .icon-you {
	font-size: 10px;
	color: #002f7b;
	line-height: 26px;
	display: inline-block;
	vertical-align: text-top;
	position: relative;
	top: -2px
}

.inews-list li .desc {
	color: #999;
	margin-top: 14px;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

@media (max-width:640px) {
	.inews-list li {
		border-bottom: 1px solid #e5e5e5;
		padding-bottom: .26rem
	}

	.inews-list li .img {
		width: 120px;
		margin-right: 10px
	}

	.inews-list li .tit {
		font-size: 17px
	}

	.inews-list li .tit .icon-you {
		display: none
	}

	.inews-list li .desc {
		margin-top: 6px
	}
}

.inews-list li:hover .tit {
	color: #002f7b
}

.inews-list li:hover .img img {
	transform: scale(1.2)
}

.swiperNews {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

.swiperNews li {
	position: relative;
	overflow: hidden;
	height: calc(100% - 100px)
}

.swiperNews li .link {
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	transition: .3s
}

.swiperNews li img {
	transition: .3s;
	visibility: hidden
}

@media (max-width:1199px) {
	.swiperNews li img {
		visibility: visible;
		width: 100%
	}
}

.swiperNews li:hover .link {
	transform: scale(1.1)
}

.swiperNews .tit {
	position: absolute;
	line-height: 24px;
	display: block;
	left: .2rem;
	right: .2rem;
	bottom: .4rem;
	width: auto;
	z-index: 55;
	color: #fff;
	font-size: 20px;
	text-transform: uppercase
}

.swiperNews .tit .icon-you {
	font-size: 10px;
	vertical-align: middle;
	margin-right: 2px;
	position: relative;
	top: -2px
}

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

.index-nav {
	background: #f6f6f6;
	border-top: 2px solid #002f7b;
	padding: .4rem 0;
	overflow: hidden
}

@media (min-width:992px) {
	.index-nav ul {
		display: -webkit-flex;
		display: flex;
		display: -webkit-box;
		display: box;
		-webkit-box-pack: justify;
		box-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between
	}

	.index-nav li {
		min-width: 0;
		-webkit-box-flex: 1;
		-webkit-flex-grow: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		-webkit-flex-shrink: 1;
		-ms-flex-negative: 1;
		flex-shrink: 1
	}

	.index-nav li:last-child {
		border-right: none
	}
}

.index-nav ul {
	text-align: center;
	width: 92%;
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto
}

.index-nav li {
	margin: .1rem 0;
	position: relative;
	border-left: 1px dashed #d9d9d9
}

.index-nav li:first-child {
	border-left: none
}

.index-nav li a {
	transition: .3s;
	display: block
}

.index-nav li a:hover {
	transform: translateY(-5px)
}

.index-nav li a:hover .ic {
	background-position: 0 bottom
}

.index-nav li em {
	height: 34px;
	display: -webkit-flex;
	display: flex;
	display: -webkit-box;
	display: box;
	-webkit-box-orient: vertical;
	box-orient: vertical;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-pack: center;
	box-pack: center;
	-webkit-box-align: center;
	box-align: center;
	-webkit-align-items: center;
	align-items: center;
	line-height: 17px
}

@media (max-width:992px) {
	.index-nav li {
		border: 1px dashed #d9d9d9 !important;
		position: relative;
		margin: -1px 0 0 -1px;
		width: 20%;
		float: left;
		background: #fff;
		padding: .2rem 0
	}

	.index-nav li em {
		display: block;
		line-height: 34px
	}

	.index-nav .s2 em {
		line-height: 17px
	}

	.index-nav li:nth-child(6) {
		clear: both
	}
}

.index-nav .ic {
	width: .7rem;
	height: .7rem;
	display: block;
	margin: 0 auto 3px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	background-position: 0 0;
	background-size: .7rem;
	transition: .3s
}

.index-nav .ic1 {
	background-image: url('../image/icp_12.png')
}

.index-nav .ic2 {
	background-image: url('../image/icp_22.png')
}

.index-nav .ic3 {
	background-image: url('../image/icp_32.png')
}

.index-nav .ic4 {
	background-image: url('../image/icp_42.png')
}

.index-nav .ic5 {
	background-image: url('../image/icp_52.png')
}

.index-nav .ic6 {
	background-image: url('../image/icp_62.png')
}

.index-nav .ic7 {
	background-image: url('../image/icp_72.png')
}

.index-nav .ic8 {
	background-image: url('../image/icp_82.png')
}

.index-nav .ic8 {
	background-image: url('../image/icp_82.png')
}

.index-nav .ic9 {
	background-image: url('../image/icp_92.png')
}

@media (max-width:768px) {
	.index-nav li {
		width: 33.3%
	}

	.index-nav li:nth-child(3n+1) {
		clear: both
	}

	.index-nav li:nth-child(6) {
		clear: none
	}
}

@media (max-width:380px) {
	.index-nav em {
		font-size: 12px
	}
}

.banner {
	height: 4.2rem;
	background: #fff;
	position: relative
}

.banner .img {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 36%;
	box-sizing: content-box;
	padding-left: 280px;
	background-position: 0 center;
	background-size: auto 100%;
	background-repeat: no-repeat;
	z-index: 1
}

.banner .img img {
	visibility: hidden
}

.banner .w1200 {
	height: 4.2rem;
	max-width: 1200px;
	display: -webkit-flex;
	display: flex;
	display: -webkit-box;
	display: box;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-align: center;
	box-align: center
}

.banner .textbox {
	position: relative;
	z-index: 2
}

.banner .textbox h2 {
	font-size: 36px;
	color: #002f7b
}

.banner .textbox ._line {
	width: 20px;
	height: 4px;
	background-color: #1b8bcc;
	display: block;
	margin: 15px 0
}

.banner .textbox .desc {
	font-size: 18px;
	color: #666
}

.banner .textbox ._logo {
	padding-left: 130px;
	background: url(../image/ban_logo.png) no-repeat 0 center;
	background-size: auto 42px
}

.banner .textbox ._logo em {
	display: inline-block;
	border-left: 1px solid #999;
	padding-left: 16px;
	height: 40px;
	line-height: 40px
}

@media (max-width:1600px) {
	.banner .img {
		width: 35%
	}
}

@media (max-width:1400px) {
	.banner .img {
		padding-left: 253px
	}
}

@media (max-width:1280px) {
	.banner .img {
		width: 65%;
		padding-left: 0
	}
}

@media (max-width:768px) {
	.banner .img {
		width: 110%;
		background-position: center right
	}

	.banner .img2 {
		background-position: center
	}

	.banner .textbox {
		background: rgba(255,255,255,0.7);
		padding: .3rem .5rem .5rem;
		margin: 0 auto;
		width: 70vw
	}

	.banner .textbox .title {
		transform: scale(.6);
		transform-origin: 0 bottom
	}

	.banner .textbox .desc {
		font-size: 16px;
		color: #333
	}

	.banner .textbox.s2 {
		padding-bottom: .3rem;
		text-align: center
	}

	.banner .textbox.s2 ._line {
		margin: 10px auto
	}
}

@media (max-width:639px) {
	.banner.s2 .textbox {
		width: 90vw
	}
}

@media (max-width:414px) {
	.banner.s2 h2 {
		font-size: 30px
	}
}

@media (max-width:410px) {
	.banner.s2 h2 {
		font-size: 30px
	}

	.banner.s2 .textbox {
		padding: .3rem .2rem .5rem
	}

	.banner.s2 ._logo {
		padding-left: 124px
	}
}

.banner2 {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	color: #fff
}

.banner2 .textbox {
	height: 3.6rem;
	display: table-cell;
	vertical-align: middle
}

.banner2 .desc {
	max-width: 630px;
	font-size: 16px;
	line-height: 1.8
}

.banner2 .title {
	font-size: 30px;
	margin-bottom: 10px
}

@media (max-width:768px) {
	.banner2 .title {
		font-size: 22px
	}

	.banner2 .desc {
		font-size: 14px
	}
}

.crumbs {
	color: #999
}

.crumbs a {
	color: #999;
	display: inline-block;
	padding: 0 2px
}

.crumbs a:hover {
	color: #1b8bcc
}

.base-nav {
	margin-bottom: .48rem;
	background: #fff;
	border-bottom: 1px solid #d9dde0
}

.base-nav .w1200 {
	height: .7rem;
	line-height: .7rem
}

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

.base-nav .navs {
	display: -webkit-flex;
	display: flex;
	display: -webkit-box;
	display: box;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-align: center;
	box-align: center;
	font-size: 16px
}

.base-nav .navs a {
	padding: 0 16px;
	color: #666;
	display: inline-block;
	margin-left: 20px;
	position: relative;
	text-align: center
}

.base-nav .navs a:hover {
	color: #1b8bcc
}

.base-nav .navs .active {
	font-weight: bold;
	color: #002f7b
}

.base-nav .navs .active::after {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: .04rem;
	background: #002f7b;
	bottom: 0;
	left: 0
}

@media (max-width:768px) {
	.base-nav .w1200 {
		height: 1rem;
		line-height: 1rem
	}

	.base-nav .navs.s2 {
		display: -webkit-flex;
		display: flex;
		display: -webkit-box;
		display: box;
		-webkit-align-items: center;
		align-items: center;
		-webkit-box-align: center;
		box-align: center;
		-webkit-box-pack: justify;
		box-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between
	}

	.base-nav .navs.s2 a {
		display: block;
		margin-left: 0;
		padding: 0;
		min-width: 0;
		-webkit-box-flex: 1;
		-webkit-flex-grow: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		-webkit-flex-shrink: 1;
		-ms-flex-negative: 1;
		flex-shrink: 1
	}
}

@media (max-width:480px) {
	.base-nav .navs {
		display: -webkit-flex;
		display: flex;
		display: -webkit-box;
		display: box;
		-webkit-align-items: center;
		align-items: center;
		-webkit-box-align: center;
		box-align: center;
		-webkit-box-pack: center;
		box-pack: center;
		-webkit-justify-content: center;
		justify-content: center
	}

	.base-nav .navs a:first-child {
		margin-left: 0
	}
}

@media (max-width:380px) {
	.base-nav .navs a {
		padding: 0 11px
	}
}

@media (max-width:480px) {
	.base-nav.zc .navs {
		display: flex;
		justify-content: space-between
	}

	.base-nav.zc .navs a {
		margin: 0;
		padding: 0 8px
	}
}

@media (max-width:480px) {
	.base-nav.s2 .w1200 {
		width: 100vw
	}
}

@media (max-width:640px) {
	.base-nav.s2 .navs a {
		margin: 0 0 0 .2rem
	}
}

@media (max-width:480px) {
	.base-nav.s2 .navs {
		width: auto;
		white-space: nowrap;
		overflow-x: auto
	}

	.base-nav.s2 .navs a {
		margin-left: 0;
		padding: 0 10px
	}
}

@media (max-width:479px) {
	.base-nav.s2 .navs {
		font-size: 14px
	}

	.base-nav.s2 .navs a {
		padding: 0 6px
	}
}

.top-wb-box {
	width: 92%;
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
	max-width: 1200px;
	position: relative;
	margin-bottom: .3rem
}

.top-wb-box a {
	position: relative;
	display: block;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center
}

@media (min-width:993px) {
	.top-wb-box a {
		transition: .3s
	}

	.top-wb-box .swiper-slide,.top-wb-box .inner {
		overflow: hidden
	}

	.top-wb-box .swiper-slide:hover a,.top-wb-box .box:hover a {
		transform: scale(1.1)
	}

	.top-wb-box ._bg {
		visibility: hidden;
		width: 100%
	}

	.top-wb-box .leftbox {
		width: 65%
	}

	.top-wb-box .rightbox {
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		width: 35%;
		padding-left: .2rem
	}

	.top-wb-box .rightbox .box {
		height: 50%;
		padding-bottom: .1rem
	}

	.top-wb-box .rightbox .inner {
		position: relative;
		height: 100%
	}

	.top-wb-box .rightbox .box:nth-child(2) {
		padding: .1rem 0 0 0
	}

	.top-wb-box .rightbox .txt {
		height: .7rem;
		line-height: .7rem
	}
}

.top-wb-box .txt {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	color: #fff;
	font-size: 16px;
	padding-left: .36rem;
	height: 1rem;
	z-index: 5;
	line-height: 1.3rem;
	background: url(../image/linear.png) repeat-x center;
	background-size: contain;
	padding-right: .2rem
}

.top-wb-box .txt span {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.top-wb-box .swiper-slide .txt {
	padding-left: .36rem;
	height: 1rem;
	line-height: 1.3rem;
	font-size: .24rem
}

.top-wb-box .pnext {
	width: .6rem;
	height: .6rem;
	background: #fff;
	border-radius: 50%;
	transition: .3s
}

.top-wb-box .pnext::after {
	font-size: .2rem
}

.top-wb-box .pnext:hover {
	background: #002f7b;
	color: #fff
}

@media (max-width:992px) {
	.top-wb-box .rightbox {
		margin-top: 10px
	}

	.top-wb-box .rightbox .box {
		width: 50%;
		float: left;
		padding-right: 5px
	}

	.top-wb-box .rightbox .box:nth-child(2) {
		padding: 0 0 0 5px
	}
}

.cover-box {
	position: relative;
	display: block;
	overflow: hidden
}

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

.cover-box ._bg {
	width: 100%;
	visibility: hidden;
	display: block
}

@media (min-width:993px) {
	.cover-box:hover .cover-tip {
		opacity: 1;
		filter: alpha(opacity=1)
	}

	.cover-box:hover .coverimg {
		transform: scale(1.05, 1.05)
	}
}

.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: 3
}

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

.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)
}

.pagination.m0 {
	margin: 0
}

.pagination {
	text-align: center;
	margin-top: .5rem;
	display: block;
	margin-bottom: 1rem;
	font-size: 16px;
	font-family: medium
}

.pagination li {
	margin: 0 2px
}

@media (max-width:480px) {
	.pagination li {
		margin: 0 2px
	}

	.pagination li>* {
		padding: 5px 12px
	}
}

.pagination li:first-child a,.pagination li:last-child a {
	border: 1px solid #002f7b
}

.pagination li.disabled {
	display: none
}

.pagination .active>a,.pagination .active>span,.pagination .active>a:hover,.pagination .active>span:hover,.pagination .active>a:focus,.pagination .active>span:focus {
	background: #002f7b;
	color: #fff
}

.pagination li>a,.pagination li>span {
	float: none;
	display: inline-block;
	cursor: pointer;
	color: #333;
	border-radius: 0!important;
	border: 1px solid #fdfdfd;
	background: #fdfdfd;
	padding: 6px 12px
}

.goods-list+.pagination {
	margin-top: 0
}

.top-news-box {
	margin-bottom: .4rem
}

.top-news-box .row {
	margin-left: -0.2rem;
	margin-right: -0.2rem
}

.top-news-box .row>* {
	padding-left: .2rem;
	padding-right: .2rem
}

.top-news-box .item {
	margin-bottom: .2rem
}

.top-news-box .inner {
	position: relative;
	overflow: hidden
}

.top-news-box .inner .img {
	position: absolute;
	display: block;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	left: 0;
	top: 0;
	width: 100%;
	transition: .5s
}

.top-news-box .inner:hover .img {
	transform: scale(1.1)
}

.top-news-box .txt {
	height: 1rem;
	line-height: 1.4rem;
	padding: 0 .2rem;
	background: url(../image/linear2.png) repeat-x center;
	background-size: contain;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 555;
	color: #fff
}

.top-news-box .txt span {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	font-size: 18px
}

.top-news-box .txt a {
	color: #fff
}

@media (max-width:992px) {
	.top-news-box .txt {
		height: 60px;
		line-height: 60px;
		font-size: 18px
	}
}

.news-list li+li {
	border-top: 1px solid #d9dde0
}

.news-list li {
	background: #fff;
	padding: .4rem .3rem .4rem .4rem
}

@media (min-width:993px) {
	.news-list li {
		position: relative
	}

	.news-list li::after {
		content: '';
		display: block;
		position: absolute;
		bottom: -1px;
		left: 0;
		height: 1px;
		background: #002f7b;
		width: 0;
		z-index: 5;
		transition: .5s ease-in
	}

	.news-list li:hover .title {
		color: #002f7b
	}

	.news-list li:hover::after {
		width: 100%
	}
}

.news-list .img {
	width: 272px;
	height: 168px;
	float: left
}

.news-list .title {
	display: block;
	font-size: 18px;
	line-height: 50px;
	border-bottom: 1px solid #d9dde0
}

@media (min-width:769px) {
	.news-list .title {
		overflow: hidden;
		white-space: nowrap;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis
	}
}

.news-list .info {
	margin-left: 300px;
	line-height: 26/14
}

.news-list .info .desc {
	line-height: 26px;
	height: 50px;
	word-break: break-all;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-line-clamp: 2;
	color: #999;
	margin: .2rem 0;
	padding-right: .3rem
}

.news-list .info .time {
	color: #999
}

@media (max-width:992px) {
	.news-list .img {
		width: 30%;
		height: auto
	}

	.news-list .info {
		margin-left: 30%;
		padding-left: .3rem
	}

	.news-list .info .title {
		line-height: .5rem
	}

	.news-list .info .desc {
		margin: .1rem 0
	}
}

@media (max-width:768px) {
	.news-list .img {
		float: none;
		margin-bottom: .2rem;
		width: auto;
		height: auto
	}

	.news-list .info {
		margin-left: 0
	}

	.news-list .info .title {
		line-height: 1.6;
		padding-bottom: .16rem;
		padding-right: .2rem
	}

	.news-list .info .desc {
		margin: .2rem 0
	}
}

@media (max-width:640px) {
	.news-list li {
		padding: 0 0 .3rem;
		margin-bottom: .2rem;
		border-bottom: 0
	}

	.news-list .info .title {
		font-size: 16px
	}
}

.news-list2 {
	width: 92%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto
}

@media (min-width:769px) {
	.news-list2 li {
		display: -webkit-flex;
		display: flex;
		display: -webkit-box;
		display: box;
		-webkit-align-items: center;
		align-items: center;
		-webkit-box-align: center;
		box-align: center;
		-webkit-box-pack: justify;
		box-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between
	}

	.news-list2 .info {
		min-width: 0;
		-webkit-box-flex: 1;
		-webkit-flex-grow: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		-webkit-flex-shrink: 1;
		-ms-flex-negative: 1;
		flex-shrink: 1
	}

	.news-list2 .img {
		width: 176px;
		height: 110px;
		margin-left: 1rem
	}
}

.news-list2 li+li {
	border-top: 1px solid #d9dde0
}

.news-list2 li {
	background: #fff;
	padding: .4rem
}

@media (min-width:993px) {
	.news-list2 li {
		position: relative
	}

	.news-list2 li::after {
		content: '';
		display: block;
		position: absolute;
		bottom: -1px;
		left: 0;
		height: 1px;
		background: #002f7b;
		width: 0;
		z-index: 5;
		transition: .5s ease-in
	}

	.news-list2 li:hover .title {
		color: #002f7b
	}

	.news-list2 li:hover::after {
		width: 100%
	}
}

.news-list2 .title {
	display: block;
	font-size: 18px;
	padding-left: .2rem;
	position: relative;
	line-height: 30px
}

.news-list2 .title .iconfont {
	font-size: 12px;
	color: #002f7b;
	position: absolute;
	top: 0;
	left: 0;
	line-height: 30px
}

@media (min-width:769px) {
	.news-list2 .title {
		overflow: hidden;
		white-space: nowrap;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis
	}
}

.news-list2 .info .desc {
	line-height: 20px;
	height: 40px;
	word-break: break-all;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-line-clamp: 2;
	color: #999;
	margin: 10px 0
}

.news-list2 .info .time {
	color: #999
}

@media (max-width:768px) {
	.news-list2 .img {
		width: 30%;
		height: auto
	}

	.news-list2 .info .desc {
		margin: .1rem 0
	}
}

@media (max-width:768px) {
	.news-list2 {
		width: 100%
	}

	.news-list2 li {
		padding-left: 4%;
		padding-right: 4%;
		border-top: 0!important;
		margin-bottom: .2rem
	}

	.news-list2 .xs-img {
		display: block;
		margin-bottom: .3rem
	}

	.news-list2 .xs-img img {
		width: 100%
	}

	.news-list2 .info {
		margin-left: 0
	}

	.news-list2 .info .desc {
		margin: .2rem 0
	}
}

@media (max-width:640px) {
	.news-list2 li {
		margin-bottom: .2rem
	}
}

.video-list {
	padding: .6rem .36rem 0
}

.video-list li {
	margin-bottom: .52rem
}

.video-list li .inner {
	transition: .3s
}

.video-list li:hover .inner {
	box-shadow: 0 0 15px rgba(0,0,0,0.1)
}

.video-list li .play {
	width: 48px;
	height: 48px;
	background-image: url('../image/play.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: 5
}

.video-list li .info {
	padding: .2rem
}

.video-list li .title {
	font-size: 16px;
	line-height: 24px;
	height: 48px;
	word-break: break-all;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-line-clamp: 2
}

.video-list.s2 {
	padding: 0;
	margin-left: -0.14rem;
	margin-right: -0.14rem
}

.video-list.s2>* {
	padding-left: .14rem;
	padding-right: .14rem
}

@media (min-width:769px) {
	.video-nav {
		display: -webkit-flex;
		display: flex;
		display: -webkit-box;
		display: box;
		-webkit-align-items: center;
		align-items: center;
		-webkit-box-align: center;
		box-align: center;
		-webkit-box-pack: justify;
		box-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		height: 80px;
		line-height: 80px;
		border-bottom: 2px solid #002f7b;
		padding: 0 .4rem
	}
}

.video-nav h3 {
	font-size: 24px
}

.video-nav .info a {
	display: inline-block;
	padding: 0 .26rem;
	height: 36px;
	line-height: 36px;
	color: #666
}

.video-nav .info a:hover {
	color: #1b8bcc
}

.video-nav .info .active {
	background: #002f7b;
	color: #fff
}

@media (max-width:768px) {
	.video-nav {
		text-align: center
	}

	.video-nav h3 {
		padding: .4rem 0
	}
}

@media (max-width:640px) {
	.video-nav h3 {
		font-size: 20px
	}

	.video-nav .info a {
		padding: 0 5px
	}
}

.zh-list {
	margin-left: -0.12rem;
	margin-right: -0.12rem
}

.zh-list>* {
	padding-left: .12rem;
	padding-right: .12rem
}

.zh-list li {
	margin-bottom: .24rem
}

.zh-list li .inner {
	transition: .3s;
	background: #fff
}

.zh-list li:hover .inner {
	box-shadow: 0 0 15px rgba(0,0,0,0.1)
}

.zh-list li .play {
	width: 48px;
	height: 48px;
	background-image: url('../image/play.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: 5
}

.zh-list li .info {
	padding: .2rem .2rem .3rem;
	position: relative
}

.zh-list li .title {
	display: block;
	font-size: 16px;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	text-transform: uppercase;
	margin-bottom: 8px;
	background: url(../image/ic_arr.png) no-repeat 0 center;
	padding-left: .26rem
}

.zh-list li .tag {
	color: #999;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	padding-left: .26rem
}

@media (max-width:768px) {
	.zh-list li .info {
		padding: 16px
	}

	.zh-list li .tag,.zh-list li .title {
		padding-left: 16px
	}
}

.crumbs2 {
	padding: 20px 0
}

@media (max-width:640px) {
	.crumbs2 {
		font-size: 12px
	}
}

.col-body {
	margin-bottom: 1.3rem;
	width: 92%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto
}

.col-body .col-main {
	margin-bottom: .2rem
}

@media (min-width:992px) {
	.col-body {
		display: -webkit-flex;
		display: flex;
		display: -webkit-box;
		display: box
	}

	.col-body .col-main {
		min-width: 0;
		-webkit-box-flex: 1;
		-webkit-flex-grow: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		-webkit-flex-shrink: 1;
		-ms-flex-negative: 1;
		flex-shrink: 1;
		margin-right: .3rem
	}

	.col-body .col-sub {
		width: 280px
	}
}

@media (max-width:640px) {
	.col-body .col-sub {
		width: 92%;
		max-width: 1400px;
		margin-left: auto;
		margin-right: auto
	}
}

.sub-adv-box {
	margin-bottom: .2rem
}

.sub-adv-box img {
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
	display: block
}

.sub-box {
	background: #fff;
	margin-bottom: 20px;
	border-top: .04rem solid #002f7b;
	padding: 26px 20px 20px
}

.sub-box .hd {
	font-weight: bold;
	margin-bottom: 20px;
	border-left: 4px solid #1b8bcc;
	padding-left: .16rem;
	line-height: 20px;
	font-size: 20px
}

.sub-news li {
	line-height: 30px;
	color: #666;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	padding-left: .2rem;
	position: relative
}

.sub-news li a:hover {
	color: #1b8bcc
}

.sub-news li::before {
	content: '';
	display: block;
	width: 5px;
	height: 5px;
	background-color: #1b8bcc;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 5;
	left: 0
}

.news-info {
	padding: .4rem
}

.news-info.touzi {
	margin-bottom: 1rem;
	background: #fff
}

.news-info.touzi .article {
	border-bottom: 0
}

.news-info .hd {
	margin-bottom: .38rem
}

.news-info h2 {
	font-size: .3rem;
	margin-bottom: 15px
}

.news-info .data {
	color: #999;
	padding-bottom: 20px;
	border-bottom: 1px solid #d9dde0
}

.news-info .data .info span {
	display: inline-block;
	margin-right: .2rem
}

.news-info .share .iconfont {
	font-size: 20px;
	display: inline-block;
	margin-left: 10px
}

.news-info .share .iconfont:hover {
	color: #1b8bcc
}

.news-info video {
	width: 100%;
	object-fit: cover
}

@media (min-width:1300px) {
	.news-info video {
		width: 800px;
		height: 450px;
		display: block;
		margin: 0 auto 20px
	}
}

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

@media (max-width:992px) {
	.news-info h2 {
		font-size: 24px
	}
}

@media (max-width:640px) {
	.news-info {
		font-size: 12px
	}

	.news-info h2 {
		font-size: 22px
	}

	.news-info .info {
		margin-bottom: 5px
	}

	.news-info .share .iconfont {
		font-size: 16px
	}
}

.news-info .desc {
	background: #f9f9f9;
	margin-bottom: .3rem;
	padding: .3rem .2rem;
	line-height: 1.76;
	color: #999;
	font-family: "Microsoft YaHei",'微软雅黑'
}

.news-info .article {
	color: #666;
	font-size: 16px;
	line-height: 30px;
	border-bottom: 1px solid #d9dde0;
	padding-bottom: 60px;
	font-family: "Microsoft YaHei",'微软雅黑'
}

.news-info .article p+p {
	margin-top: 1.5em
}

.news-info .article img {
	display: block;
	margin: 0 auto
}

.news-info .pnext {
	padding: .3rem 0;
	font-size: 14px
}

.news-info .pnext a {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	width: 80%;
	margin-bottom: .2rem
}

.news-info .videobox {
	margin-bottom: .4rem
}

.main-about-box {
	margin-top: .4rem;
	border-top: 4px solid #002f7b;
	padding: .4rem;
	background: #fff
}

.main-about-box h2 {
	font-size: 24px;
	margin-bottom: .4rem
}

.main-about-box.s2 {
	padding-bottom: 0
}

@media (max-width:992px) {
	.main-about-box h2 {
		font-size: 22px
	}
}

.about-news-list {
	padding-bottom: .4rem
}

.about-news-list li {
	padding: .36rem 0;
	border-bottom: 1px solid #d9dde0;
	margin-bottom: 0
}

.about-news-list li .img {
	width: 158px;
	height: 98px;
	margin-right: .2rem
}

.about-news-list li .tit {
	line-height: 30px;
	height: 60px;
	max-height: 60px;
	margin-bottom: 15px
}

.about-news-list li .time {
	color: #999
}

@media (max-width:640px) {
	.about-news-list li .img {
		width: 120px;
		height: auto
	}

	.about-news-list li .tit {
		font-size: 16px;
		line-height: 24px;
		max-height: 46px;
		height: auto
	}
}

.sub-video-list {
	padding: 0
}

.comment-form {
	position: relative;
	display: block;
	margin-bottom: .4rem
}

.comment-form textarea {
	background: #f9f9f9;
	border: 1px solid #e5e5e5;
	display: block;
	width: 100%;
	height: 90px;
	padding: 14px 110px 14px 20px
}

.comment-form .submit {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	background: #002f7b;
	color: #fff;
	width: 90px;
	text-align: center;
	font-size: 16px;
	cursor: pointer
}

.comment-form .submit em {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: 5
}

.comment-list h3 {
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #d9dde0;
	padding-bottom: 10px;
	margin-bottom: .1rem
}

.comment-list li {
	padding: 24px 0;
	border-bottom: 1px solid #d9dde0;
	padding-left: 70px;
	position: relative;
	font-size: 16px
}

.comment-list li .pic {
	object-fit: cover;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 24px
}

.comment-list li .name {
	color: #000
}

.comment-list li .desc {
	margin: 3px 0 7px;
	color: #666;
	line-height: 1.6
}

.comment-list li .time {
	font-size: 14px;
	color: #999
}

.comment-list .more {
	padding: 20px 0;
	color: #1b8bcc;
	text-align: center;
	cursor: pointer
}

.comment-list .more:hover em {
	display: inline-block;
	border-bottom: 1px solid #1b8bcc
}

.goods-list {
	margin-left: -0.12rem;
	margin-right: -0.12rem;
	padding-top: .2rem
}

.goods-list>* {
	padding-left: .12rem;
	padding-right: .12rem
}

.goods-list li {
	margin-bottom: .5rem
}

.goods-list li .inner {
	transition: .3s;
	background: #fff;
	border: 1px solid #d9dde0
}

.goods-list li .tit {
	padding: 0 24px;
	font-size: .2rem;
	line-height: 22px;
	height: 44px;
	text-align: center;
	margin: 8px 0;
	display: flex;
	align-items: center;
	justify-content: center
}

.goods-list li .tit span {
	display: block;
	max-height: 44px;
	word-break: break-all;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-line-clamp: 2
}

.goods-list li:hover .inner {
	box-shadow: 0 0 15px rgba(0,0,0,0.1)
}

@media (max-width:1200px) {
	.goods-list li .tit {
		font-size: 18px
	}
}

@media (max-width:768px) {
	.goods-list li .tit {
		font-size: 16px;
		line-height: 22px;
		height: 44px
	}
}

.good-list {
	padding-top: .2rem;
	margin-left: -0.08rem;
	margin-right: -0.08rem
}

.good-list>* {
	padding-left: .08rem;
	padding-right: .08rem
}

.good-list li .inner {
	background-color: #f6f6f6;
	border: 1px solid #d9dde0;
	margin-bottom: .3rem
}

.good-list img {
	width: 100%;
	display: block
}

.good-list .tit {
	height: 46px;
	position: relative;
	padding: 5px .4rem 5px .2rem;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center
}

.good-list .tit::after {
	content: '';
	display: block;
	position: absolute;
	width: 6px;
	top: 0;
	background-image: url('../image/ic_arr.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	right: .16rem;
	height: 100%
}

.good-list .tit span {
	max-height: 36px;
	line-height: 18px;
	display: block;
	word-break: break-all;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-line-clamp: 2
}

.good-list .inner:hover {
	background: #002f7b;
	color: #fff;
	border-color: #002f7b;
	box-shadow: 0 0 20px rgba(0,0,0,0.2)
}

.good-list .inner:hover .tit::after {
	background-image: url('../image/ic_arr2.png')
}

.case-banner {
	width: 92%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	height: 3.6rem;
	padding-left: .4rem;
	position: relative;
	margin-bottom: .36rem;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center
}

.case-banner .textbox {
	width: 50%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 5;
	color: #fff;
	padding-bottom: 45px
}

.case-banner .textbox h2 {
	font-size: .36rem;
	margin-bottom: 10px
}

.case-banner .textbox .desc {
	font-size: .24rem;
	line-height: 1.3
}

.case-banner .share {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: .48rem;
	line-height: .48rem;
	text-align: right;
	padding-right: 20px;
	background-color: rgba(255,255,255,0.8)
}

.case-banner .share .iconfont {
	font-size: 18px;
	display: inline-block;
	margin-left: 10px
}

@media (max-width:640px) {
	.case-banner {
		width: 100%;
		background-position: center right
	}

	.case-banner .textbox {
		width: 80%
	}
}

.case-info {
	padding: .4rem;
	background: #fff;
	border-top: 4px solid #002f7b
}

.case-info h2 {
	font-size: 24px;
	margin-bottom: .2rem
}

.case-info .desc {
	font-size: 16px;
	line-height: 1.7;
	color: #666
}

@media (max-width:640px) {
	.case-info {
		padding-left: 4vw;
		padding-right: 4vw
	}
}

.case-list-2 li {
	padding: .4rem 0;
	overflow: hidden
}

.case-list-2 li .img {
	width: 3rem;
	float: left
}

.case-list-2 li .info {
	margin-left: 3.3rem
}

@media (max-width:640px) {
	.case-list-2 li .img {
		width: 100%;
		float: none;
		margin-bottom: .3rem
	}

	.case-list-2 li .info {
		margin-left: 0
	}
}

.case-list-2 li+li {
	border-top: 1px solid #d9dde0
}

.case-list-2 .tit {
	font-size: 20px;
	color: #1b8bcc;
	display: block;
	margin-bottom: 15px
}

.case-list-2 .txt {
	color: #999;
	line-height: 24px
}

@media (max-width:768px) {
	.case-list-2 .tit {
		font-size: 18px;
		margin-bottom: 10px
	}
}

@media (max-width:640px) {
	.xs-full {
		width: 100vw;
		left: -4vw;
		position: relative
	}
}

.good-top {
	padding: .4rem 0;
	margin-bottom: .5rem;
	position: relative
}

.good-top h2 {
	font-size: .3rem;
	margin-bottom: .2rem
}

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

.good-top .info {
	font-size: 16px;
	color: #666;
	line-height: 1.76;
	margin-bottom: .4rem
}

.good-top .down {
	width: 180px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	background: #002f7b;
	color: #fff;
	display: block;
	font-size: 16px
}

.good-top .down em {
	display: inline-block;
	padding-left: 30px;
	background: url(../image/ic_pdf.png) no-repeat 0 center
}

.good-top .swiper {
	max-width: 520px
}

.good-top .swiper-top {
	margin-bottom: .3rem
}

.good-top .swiper-top img {
	width: 100%;
	display: block
}

.good-top .swiper-thumbs .vcover {
	border: 1px solid #d9dde0
}

.good-top .swiper-thumbs .swiper-slide {
	padding: 1px
}

.good-top .swiper-thumbs .swiper-slide-thumb-active .vcover {
	border-color: #002f7b
}

@media (min-width:641px) {
	.good-top .v-share {
		position: absolute;
		right: 15px;
		bottom: .5rem
	}
}

@media (max-width:992px) {
	.good-top .swiper {
		margin-bottom: .4rem;
		max-width: none
	}
}

@media (max-width:640px) {
	.good-top .v-share {
		margin: 15px
	}
}

.v-share {
	font-size: 14px
}

.v-share .iconfont {
	font-size: 20px;
	display: inline-block;
	margin-left: 10px
}

.v-share a {
	cursor: pointer
}

.navs2 {
	display: -webkit-flex;
	display: flex;
	display: -webkit-box;
	display: box;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-align: center;
	box-align: center;
	border-bottom: 1px solid #d9dde0
}

.navs2 a {
	height: 65px;
	line-height: 65px;
	font-size: 18px;
	margin-right: .7rem;
	position: relative;
	display: block
}

.navs2 .active {
	color: #1b8bcc
}

.navs2 .active::after {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	bottom: -1px;
	height: 2px;
	background: #1b8bcc
}

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

	.navs2 a {
		margin-right: 0;
		text-align: center;
		min-width: 0;
		-webkit-box-flex: 1;
		-webkit-flex-grow: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		-webkit-flex-shrink: 1;
		-ms-flex-negative: 1;
		flex-shrink: 1;
		font-size: 16px;
		height: 40px;
		line-height: 40px
	}
}

.good-tab-box {
	background: #fff;
	border-top: 4px solid #002f7b;
	padding: .2rem .4rem
}

@media (max-width:640px) {
	.good-tab-box {
		padding-left: 4%;
		padding-right: 4%;
		width: 100%
	}
}

.good-tab-box .box {
	margin-top: 40px;
	line-height: 28px;
	color: #666
}

.good-tab-box .box h2 {
	font-size: 24px;
	margin-bottom: 20px;
	color: #333
}

@media (max-width:640px) {
	.good-tab-box .box h2 {
		font-size: 20px
	}
}

.good-tab-box .box1 li {
	margin-bottom: 7px;
	position: relative;
	line-height: 24px;
	padding-left: .34rem
}

.good-tab-box .box1 li::before {
	content: '';
	display: block;
	position: absolute;
	width: .1rem;
	height: .28rem;
	background: url(../image/ic_check.png) no-repeat center;
	background-size: contain;
	left: 0;
	top: 0
}

.good-tab-box .box2 dl {
	padding-left: .3rem;
	position: relative;
	margin-bottom: 20px
}

.good-tab-box .box2 dl::before {
	content: '';
	display: block;
	position: absolute;
	width: .07rem;
	height: .07rem;
	border-radius: 50%;
	background: #002f7b;
	left: 5px;
	top: 7px
}

.good-tab-box .box2 dl dd {
	padding-left: 20px;
	line-height: 28px;
	margin-top: 5px
}

@media (max-width:768px) {
	.good-tab-box .box2 dl dd {
		line-height: 1.6
	}
}

.good-tab-box .box3 li {
	margin-bottom: 7px;
	line-height: 22px
}

@media (max-width:768px) {
	.good-tab-box .box3 li {
		line-height: 1.6
	}
}

.good-tab-box .box3 li p {
	padding-left: .34rem
}

.good-tab-box .box3 li p:first-child {
	position: relative
}

.good-tab-box .box3 li p:first-child::before {
	content: '';
	display: block;
	position: absolute;
	width: .07rem;
	height: .07rem;
	border-radius: 50%;
	background: #002f7b;
	left: 5px;
	top: 11px;
	margin-top: -0.04rem
}

.good-tab-box .box4 {
	padding-bottom: .4rem
}

.good-tab-box .box4 table {
	border: 1px solid #d9dde0;
	width: 100%
}

.good-tab-box .box4 table tr:nth-child(1) td {
	background: #1b8bcc;
	color: #fff
}

.good-tab-box .box4 table tr:nth-child(2n+1) {
	background-color: #f9f9f9
}

.good-tab-box .box4 table td {
	border: 0;
	padding-left: .24rem
}

@media (max-width:640px) {
	.good-tab-box .box4 table {
		font-size: 12px
	}

	.good-tab-box .box4 table td:not(:first-child) {
		padding-left: 0;
		text-align: center
	}
}

.good-form input,.good-form textarea {
	border: 1px solid #d9dde0;
	display: block;
	width: 100%
}

.good-form input:focus,.good-form textarea:focus {
	border-color: #1b8bcc
}

.good-form input {
	height: 40px;
	line-height: 40px;
	padding-left: 15px
}

.good-form textarea {
	padding: 15px;
	height: 142px
}

.good-form .item {
	margin-bottom: .24rem
}

.good-form .submit {
	width: 140px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	background: #002f7b;
	color: #fff;
	margin: 0 0 0 auto;
	cursor: pointer
}

.good-form .submit:hover {
	background: #1b8bcc
}

.base-box {
	width: 92%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: .36rem;
	background: #fff;
	padding: .4rem .4rem .7rem
}

.base-box h2 {
	font-size: 24px;
	margin-bottom: .3rem;
	padding-left: 18px;
	font-weight: bold;
	position: relative
}

.base-box h2::before {
	content: '';
	display: block;
	position: absolute;
	width: .04rem;
	height: 70%;
	top: 15%;
	line-height: 1;
	background: #002f7b;
	left: 0
}

.base-box h2 .more {
	color: #1b8bcc;
	font-size: 14px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%)
}

.base-box h2 .more:hover {
	color: #002f7b
}

.base-box .txt {
	font-size: 16px;
	color: #666;
	line-height: 1.76
}

@media (max-width:640px) {
	.base-box {
		width: 100%
	}

	.base-box h2 {
		padding-left: 12px;
		font-size: 22px;
		margin-bottom: .2rem
	}
}

.design-nav {
	height: 784px;
	position: relative;
	margin-top: .4rem;
	background: url('../image/design_bg.jpg') no-repeat center center;
	background-size: cover
}

@media (max-width:1110px) {
	.design-nav {
		display: none
	}
}

.design-nav .inner {
	background: url(../image/design.png) no-repeat center;
	height: 100%;
	min-width: 1120px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	z-index: 5
}

.design-nav .icon-rrou {
	bottom: 228px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	z-index: 5;
	color: #fff;
	line-height: 1;
	font-size: 50px;
	cursor: pointer
}

.design-nav .icon-rrou:hover {
	color: #1b8bcc;
	background: #fff;
	border-radius: 50%
}

.design-nav .imgs {
	position: absolute;
	top: 416px;
	left: 50%;
	transform: translateX(-50%) translateY(-50%)
}

.design-nav .imgs li {
	display: none;
	position: relative
}

.design-nav .imgs a {
	display: block
}

.design-nav .imgs a img {
	transition: .5s
}

.design-nav .imgs a:hover img {
	transform: scale(1.1)
}

.design-nav .imgs p {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: 5;
	margin-top: -40px;
	text-align: center;
	width: 360px;
	color: #fff;
	font-size: 48px
}

.design-nav .imgs .active {
	display: block
}

.design-nav .nav li {
	position: absolute;
	text-align: center
}

.design-nav .nav li::after {
	content: '';
	display: block;
	position: absolute;
	width: 10px;
	height: 10px;
	background: #002f7b;
	border: 2px solid #fff;
	border-radius: 50%;
	box-sizing: content-box;
	transform-origin: center;
	transition: .3s
}

.design-nav .nav a {
	border-radius: 2em;
	border: 1px solid #fff;
	height: 44px;
	line-height: 44px;
	padding: 0 10px;
	min-width: 144px;
	font-size: 16px;
	position: relative;
	cursor: pointer;
	color: #fff
}

.design-nav .nav a:hover {
	background: #002f7b
}

.design-nav .nav li:nth-child(1) {
	left: 50%;
	top: 65px
}

.design-nav .nav li:nth-child(1) a {
	transform: translateX(-50%)
}

.design-nav .nav li:nth-child(1)::after {
	left: -8px;
	top: 107px
}

.design-nav .nav li:nth-child(2) {
	right: 839px;
	top: 176px
}

.design-nav .nav li:nth-child(2)::after {
	left: 265px;
	top: 50px
}

.design-nav .nav li:nth-child(3) {
	right: 884px;
	top: 349px
}

.design-nav .nav li:nth-child(3)::after {
	left: 228px;
	top: 20px
}

.design-nav .nav li:nth-child(4) {
	right: 856px;
	top: 510px
}

.design-nav .nav li:nth-child(4)::after {
	left: 230px;
	top: 18px
}

.design-nav .nav li:nth-child(5) {
	right: 768px;
	bottom: 87px
}

.design-nav .nav li:nth-child(5)::after {
	left: 267px;
	top: -21px
}

.design-nav .nav li:nth-child(6) {
	left: 772px;
	bottom: 87px
}

.design-nav .nav li:nth-child(6)::after {
	left: -132px;
	top: -21px
}

.design-nav .nav li:nth-child(7) {
	left: 862px;
	top: 510px
}

.design-nav .nav li:nth-child(7)::after {
	left: -99px;
	top: 15px
}

.design-nav .nav li:nth-child(8) {
	left: 884px;
	top: 349px
}

.design-nav .nav li:nth-child(8)::after {
	left: -98px;
	top: 16px
}

.design-nav .nav li:nth-child(9) {
	left: 842px;
	top: 176px
}

.design-nav .nav li:nth-child(9)::after {
	left: -134px;
	top: 50px
}

.design-nav .nav li:hover a,.design-nav .nav li.active a {
	background: #002f7b
}

.design-nav .nav li:hover::after,.design-nav .nav li.active::after {
	width: 18px;
	height: 18px;
	transform: translateX(-4px) translateY(-4px)
}

.swiper-design {
	margin-top: .4rem
}

@media (min-width:1110px) {
	.swiper-design {
		display: none
	}
}

.swiper-design .pnext {
	border: 1px solid #002f7b;
	width: .6rem;
	height: .6rem;
	border-radius: 50%;
	transition: .3s
}

.swiper-design .pnext::after {
	font-size: .3rem
}

.swiper-design .pnext:hover {
	background: #002f7b;
	color: #fff
}

.swiper-design .pnext .swiper-button-next {
	right: 0
}

.swiper-design .pnext .swiper-button-prev {
	left: 0
}

@media (max-width:640px) {
	.swiper-design .pnext {
		width: .5rem;
		height: .5rem
	}
}

.swiper-design .swiper-button-prev {
	left: 5%
}

.swiper-design .swiper-button-next {
	right: 5%
}

@media (max-width:640px) {
	.swiper-design .swiper-button-prev {
		left: 3vw
	}

	.swiper-design .swiper-button-next {
		right: 3vw
	}
}

.swiper-design li a {
	display: block;
	width: 70%;
	margin: 0 auto
}

.swiper-design li a img {
	width: 100%
}

.swiper-design li p {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: 5;
	text-align: center;
	width: 90%;
	color: #fff;
	font-size: .48rem
}

.swiper-design-box {
	padding-left: 0;
	padding-right: 0
}

.swiper-design-box .topper {
	margin-left: .4rem;
	margin-right: .4rem
}

.swiper-zs-box {
	padding-left: 0;
	padding-right: 0
}

.swiper-zs-box h2 {
	margin-left: .4rem;
	margin-bottom: .4rem
}

.swiper-zs {
	padding-bottom: .5rem;
	position: relative
}

.swiper-zs::before,.swiper-zs::after {
	content: '';
	display: block;
	position: absolute;
	width: 18%;
	height: 100%;
	top: 0;
	bottom: 0;
	background-size: 100%;
	z-index: 5
}

.swiper-zs::after {
	background: url(../image/cover.png) repeat-y center
}

.swiper-zs::before {
	right: 0;
	background: url(../image/cover.png) repeat-y center;
	transform: rotate(180deg)
}

.swiper-zs .pnext {
	border: 1px solid #002f7b;
	width: .6rem;
	height: .6rem;
	border-radius: 50%;
	transition: .3s;
	margin-top: -0.8rem;
	border-color: #fff;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	color: #fff;
	background: rgba(0,0,0,0.1);
	z-index: 555
}

.swiper-zs .pnext::after {
	font-size: .3rem
}

.swiper-zs .pnext:hover {
	background: #002f7b;
	color: #fff
}

.swiper-zs .pnext .swiper-button-next {
	right: 0
}

.swiper-zs .pnext .swiper-button-prev {
	left: 0
}

@media (max-width:640px) {
	.swiper-zs .pnext {
		width: .5rem;
		height: .5rem
	}
}

.swiper-zs .swiper-button-prev {
	left: 5%
}

.swiper-zs .swiper-button-next {
	right: 5%
}

@media (max-width:640px) {
	.swiper-zs {
		padding-bottom: .2rem
	}

	.swiper-zs .swiper-button-prev {
		left: 2vw
	}

	.swiper-zs .swiper-button-next {
		right: 2vw
	}
}

.swiper-zs .tit {
	text-align: center;
	font-size: .18rem;
	color: #666;
	padding-top: .2rem
}

@media (max-width:640px) {
	.swiper-zs .tit {
		font-size: 14px
	}
}

.swiper-zs .swiper-slide {
	transition: .3s
}

.swiper-zs .swiper-slide img {
	width: 94%;
	display: block;
	margin: 0 auto
}

.swiper-zs .swiper-slide .tit {
	opacity: 0;
	transition: .3s
}

.swiper-zs .swiper-slide-active {
	z-index: 55
}

.swiper-zs .swiper-slide-active .tit {
	opacity: 1
}

.shadow {
	box-shadow: 0 0 10px rgba(0,0,0,0.1)
}

.sys-info-box {
	padding-bottom: 1rem
}

.sys-info-box .txt {
	margin-top: .4rem
}

.sys-info-box .swiper-sys .pnext {
	border: 1px solid #002f7b;
	width: .6rem;
	height: .6rem;
	border-radius: 50%;
	transition: .3s;
	width: .52rem;
	height: .52rem;
	background: #fff;
	color: #002f7b;
	border: 0;
	box-shadow: 0 0 10px rgba(0,0,0,0.1)
}

.sys-info-box .swiper-sys .pnext::after {
	font-size: .3rem
}

.sys-info-box .swiper-sys .pnext:hover {
	background: #002f7b;
	color: #fff
}

.sys-info-box .swiper-sys .pnext .swiper-button-next {
	right: 0
}

.sys-info-box .swiper-sys .pnext .swiper-button-prev {
	left: 0
}

@media (max-width:640px) {
	.sys-info-box .swiper-sys .pnext {
		width: .5rem;
		height: .5rem
	}
}

.gyl-stepbox {
	overflow: hidden;
	position: relative;
	padding-bottom: .6rem
}

.gyl-box .img {
	display: block;
	margin: .4rem auto
}

.gyl-box .logos {
	text-align: center
}

.gyl-box .logos li {
	width: 20%;
	float: left;
	margin-bottom: .2rem;
	padding: 0 5%
}

@media (max-width:480px) {
	.gyl-box .logos {
		width: 110%;
		position: relative;
		left: -5%
	}

	.gyl-box .logos li {
		width: 25%
	}
}

.gyl-step {
	width: 106%;
	position: relative;
	left: -3%
}

.gyl-step::before {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 1px;
	border-bottom: 1px dotted #002f7b;
	top: 50%
}

.gyl-step li {
	float: left;
	width: 20%;
	color: #999;
	font-size: .24rem;
	text-align: center;
	position: relative
}

.gyl-step .ic {
	width: .5rem;
	height: .5rem;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	display: block;
	margin: 0 auto
}

.gyl-step .tit {
	line-height: .5rem
}

.gyl-step .round {
	display: block;
	height: .5rem;
	position: relative
}

.gyl-step .round::before {
	content: '';
	display: block;
	width: .18rem;
	height: .18rem;
	border-radius: 50%;
	border: 1px solid #002f7b;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: 5;
	background: #fff
}

.gyl-step .round::after {
	content: '';
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-left-color: #002f7b;
	right: 0;
	top: 50%;
	margin-top: -6px
}

.gyl-step li:last-child .round::after {
	display: none
}

.gyl-step .ic1 {
	background-image: url('../image/ic_js1.png')
}

.gyl-step .ic2 {
	background-image: url('../image/ic_js2.png')
}

.gyl-step .ic3 {
	background-image: url('../image/ic_js3.png')
}

.gyl-step .ic4 {
	background-image: url('../image/ic_js4.png')
}

.gyl-step .ic5 {
	background-image: url('../image/ic_js5.png')
}

@media (max-width:768px) {
	.gyl-step .round::after {
		display: none
	}
}

@media (max-width:480px) {
	.gyl-step .ic {
		background-size: .4rem
	}

	.gyl-step .tit {
		font-size: 13px
	}
}

.cs-box {
	padding: .4rem .4rem .06rem
}

.cs-box .bd {
	display: none
}

.cs-box h2 {
	position: relative;
	cursor: pointer
}

.cs-box h2 .iconfont {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	color: #002f7b;
	cursor: pointer;
	font-weight: normal;
	font-size: 26px
}

@media (max-width:640px) {
	.cs-box h2 {
		font-size: 20px
	}

	.cs-box h2 .iconfont {
		font-size: 22px
	}
}

.cs-box.open {
	padding-bottom: .4rem
}

.cs-box.open .bd {
	display: block
}

.cs-box.open h2 .iconfont::before {
	content: "\e66e"
}

.cs-box .img-box {
	margin-bottom: .5rem;
	margin-left: -2px;
	margin-right: -2px
}

.cs-box .img-box>* {
	padding-left: 2px;
	padding-right: 2px
}

.cs-box .img-box .imgs-item {
	margin-bottom: 4px
}

.cs-box .img-box .imgs-item img {
	width: 100%
}

.cs-box .cs-nav {
	margin-left: -0.1rem;
	margin-right: -0.1rem;
	margin-top: .4rem;
	text-align: center
}

.cs-box .cs-nav>* {
	padding-left: .1rem;
	padding-right: .1rem
}

.cs-box .cs-nav .cItem {
	text-align: left;
	margin-bottom: .5rem
}

.cs-box .cs-nav .inner {
	border: 1px solid #d9dde0;
	margin-bottom: .2rem;
	padding: .3rem 2%;
	cursor: pointer
}

.cs-box .cs-nav .icon {
	width: .5rem;
	height: .5rem
}

.cs-box .cs-nav h3 {
	font-size: 24px;
	margin: .2rem 0 .06rem
}

.cs-box .cs-nav .en {
	text-transform: uppercase;
	color: #999;
	font-size: 12px
}

.cs-box .cs-nav .active .cItem {
	display: block
}

@media (max-width:992px) {
	.cs-box .cs-nav h3 {
		font-size: 18px
	}
}

.cs-box .active .inner {
	background: #f9f9f9
}

.cs-box .cItem {
	padding-left: .2rem
}

.cs-box .cItem,.cs-box .info {
	padding-left: .2rem;
	color: #666;
	line-height: 1.76
}

.cs-box .cItem h3,.cs-box .info h3 {
	font-size: 18px;
	color: #1b8bcc;
	font-weight: bold;
	margin: 0 0 .1rem;
	line-height: 24px;
	position: relative
}

.cs-box .cItem h3:not(:first-child),.cs-box .info h3:not(:first-child) {
	margin-top: .5rem
}

.cs-box .cItem h3::before,.cs-box .info h3::before {
	content: '';
	display: block;
	position: absolute;
	width: 4px;
	height: 4px;
	background: #1b8bcc;
	border-radius: 50%;
	left: -0.2rem;
	top: 10px
}

@media (max-width:768px) {
	.cs-box .cItem h3,.cs-box .info h3 {
		font-size: 16px
	}
}

.cs-box .imgs img {
	display: block;
	margin: 0 auto .3rem
}

.cs-box .info {
	display: none
}

.sc-step h3 {
	font-size: 24px;
	color: #002f7b;
	padding-top: .4rem;
	margin-bottom: .22rem
}

.sc-step h3 em {
	background: #002f7b;
	color: #fff;
	width: 24px;
	height: 24px;
	line-height: 24px;
	font-size: 16px;
	border-radius: 2px;
	margin-right: .14rem;
	vertical-align: middle;
	text-align: center;
	display: inline-block;
	position: relative;
	top: -2px;
	font-family: medium
}

@media (max-width:640px) {
	.sc-step h3 {
		font-size: 20px
	}

	.sc-step h3 em {
		width: 18px;
		height: 18px;
		line-height: 18px;
		text-align: center;
		font-size: 14px;
		margin-right: .1rem
	}
}

.sc-step .row {
	margin-left: -0.06rem;
	margin-right: -0.06rem
}

.sc-step .row>* {
	padding-left: .06rem;
	padding-right: .06rem
}

.sc-step .row li {
	margin-bottom: .12rem
}

.sc-step .row3 {
	text-align: center;
	padding-top: 10px;
	padding-bottom: .6rem
}

.sc-step .row3 .ic {
	width: .8rem;
	height: .8rem;
	border-radius: 50%;
	background-color: #f9f9f9;
	display: block;
	margin: 0 auto .25rem;
	background-position: center;
	background-repeat: no-repeat;
	background-size: .4rem
}

.sc-step .row3 .ic1 {
	background-image: url('../image/scc_1.png')
}

.sc-step .row3 .ic2 {
	background-image: url('../image/scc_2.png')
}

.sc-step .row3 .ic3 {
	background-image: url('../image/scc_3.png')
}

.sc-step .row3 .ic4 {
	background-image: url('../image/scc_4.png')
}

.sc-step .row3 .ic5 {
	background-image: url('../image/scc_5.png')
}

.sc-step .row3 li {
	font-size: 16px;
	color: #666;
	min-width: 140px
}

@media (min-width:993px) {
	.sc-step .row3 {
		display: -webkit-flex;
		display: flex;
		display: -webkit-box;
		display: box;
		-webkit-align-items: center;
		align-items: center;
		-webkit-box-align: center;
		box-align: center;
		-webkit-box-pack: justify;
		box-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between
	}
}

@media (max-width:992px) {
	.sc-step .row3 {
		overflow: hidden
	}

	.sc-step .row3 li {
		font-size: 14px;
		width: 33.33%;
		float: left;
		margin-bottom: .4rem;
		min-width: auto
	}
}

.zl-box .img {
	margin-top: .4rem;
	text-align: center
}

.zl-box .list {
	text-align: center;
	margin: .3rem 0 .3rem
}

@media (min-width:992px) {
	.zl-box .list {
		display: -webkit-flex;
		display: flex;
		display: -webkit-box;
		display: box;
		-webkit-box-pack: justify;
		box-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between
	}

	.zl-box .list li {
		max-width: 19%
	}
}

.zl-box .list img {
	width: 100%
}

.zl-box .list .info {
	padding: .4rem .2rem;
	border: 1px solid #f2f2f2;
	border-top: 0;
	position: relative
}

.zl-box .list .info::before {
	content: '';
	display: block;
	width: .4rem;
	height: .4rem;
	background-image: url('../image/zl_code.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	z-index: 5;
	top: -0.2rem
}

.zl-box .list h3 {
	font-size: 18px;
	margin-bottom: 5px
}

.zl-box .list p {
	color: #666
}

@media (max-width:991px) {
	.zl-box .list {
		overflow: hidden
	}

	.zl-box .list li {
		width: 31%;
		margin-right: 3%;
		float: left;
		margin-bottom: .3rem
	}

	.zl-box .list li:nth-child(3n) {
		margin-right: 0
	}
}

@media (max-width:768px) {
	.zl-box .list h3 {
		font-size: 16px;
		margin-bottom: 2px
	}

	.zl-box .list li {
		width: 48%;
		margin-right: 4%
	}

	.zl-box .list li:nth-child(3n) {
		margin-right: 4%
	}

	.zl-box .list li:nth-child(2n) {
		margin-right: 0
	}

	.zl-box .list li:nth-child(2n+1) {
		clear: both
	}
}

.zl-box dl {
	clear: both
}

.zl-box dl dd {
	line-height: 32px;
	padding-left: .2rem;
	position: relative
}

.zl-box dl dd::before {
	content: '';
	display: block;
	position: absolute;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #1b8bcc;
	left: 0;
	top: 50%;
	margin-top: -3px
}

.banner3 {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 4.2rem
}

.team-list {
	margin-top: .4rem
}

.team-list li {
	margin-bottom: .4rem
}

.team-list li img {
	width: 100%;
	display: block
}

.team-list li:nth-child(2n+1) {
	clear: both
}

.team-list .info {
	background: #f9f9f9;
	font-size: 18px;
	padding: .3rem .2rem;
	position: relative
}

@media (min-width:1200px) {
	.team-list .tit {
		margin-right: .6rem
	}

	.team-list .info::after {
		content: '';
		display: block;
		width: 13px;
		height: 13px;
		background-image: url('../image/ic2.png');
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		position: absolute;
		right: .3rem;
		top: 50%;
		transform: translateY(-50%)
	}
}

@media (max-width:768px) {
	.team-list .tit {
		font-size: 16px
	}
}

.honner-list {
	text-align: center;
	margin-left: -0.1rem;
	margin-right: -0.1rem;
	padding-bottom: .3rem
}

.honner-list>* {
	padding-left: .1rem;
	padding-right: .1rem
}

.honner-list li {
	margin-bottom: .4rem
}

.honner-list .inner {
	border: 1px solid #d9dde0;
	transition: .3s;
	padding: .3rem;
	background-color: #f9f9f9
}

.honner-list .inner:hover {
	background: #fff;
	box-shadow: 0 5px 10px rgba(0,0,0,0.2)
}

.honner-list .coverimg {
	background-size: contain
}

.honner-list .tit {
	font-size: 16px;
	text-transform: uppercase;
	padding-top: .3rem;
	font-family: medium
}

@media (min-width:1200px) {
	.honner-list .tit {
		overflow: hidden;
		white-space: nowrap;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
		line-height: 48px
	}
}

@media (max-width:1200px) {
	.honner-list .inner {
		padding-bottom: .16rem
	}

	.honner-list .tit {
		word-break: break-all;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		overflow: hidden;
		-webkit-line-clamp: 2;
		height: 40px;
		box-sizing: content-box;
		line-height: 20px
	}
}

@media (max-width:768px) {
	.honner-list .tit {
		font-size: 14px;
		line-height: 18px;
		height: 36px
	}

	.honner-list .inner {
		padding: .3rem .2rem .1rem
	}
}

.swiper-gy {
	padding-left: .3rem;
	padding-right: .3rem
}

.swiper-gy h2 {
	margin-left: .1rem
}

.swiper-gy ._line {
	border-bottom: 1px solid #d9dde0;
	margin: .4rem 0
}

.swiper-gy-one {
	padding-bottom: .6rem
}

.swiper-gy-one .pnext {
	background: #fff;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	width: .52rem;
	height: .52rem;
	border-radius: 50%;
	transition: .3s;
	z-index: 55
}

.swiper-gy-one .pnext::after {
	font-size: .3rem
}

.swiper-gy-one .pnext:hover {
	background: #002f7b;
	color: #fff
}

.swiper-gy-one .swiper-button-next {
	right: 2%
}

.swiper-gy-one .swiper-button-prev {
	left: 2%
}

@media (max-width:640px) {
	.swiper-gy-one .pnext {
		width: .4rem;
		height: .4rem
	}
}

.swiper-gy-one .pnext {
	top: 30%
}

@media (max-width:768px) {
	.swiper-gy-one .pnext {
		display: none
	}
}

.swiper-gy-one li {
	width: 33.33%
}

@media (max-width:992px) {
	.swiper-gy-one li {
		width: 50%
	}
}

.swiper-gy-one .inner {
	margin: 0 .1rem
}

.swiper-gy-one .year {
	color: #002f7b;
	margin: .2rem 0 5px
}

.swiper-gy-one .desc {
	color: #666;
	line-height: 20px;
	height: 40px;
	word-break: break-all;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-line-clamp: 2
}

.swiper-gy-two {
	padding-bottom: .6rem
}

.swiper-gy-two .pnexts {
	position: relative;
	width: 1.8rem;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	z-index: 5;
	bottom: .1rem;
	height: .52rem
}

.swiper-gy-two .pnexts .pnext {
	background: #fff;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	width: .52rem;
	height: .52rem;
	border-radius: 50%;
	transition: .3s;
	z-index: 55
}

.swiper-gy-two .pnexts .pnext::after {
	font-size: .3rem
}

.swiper-gy-two .pnexts .pnext:hover {
	background: #002f7b;
	color: #fff
}

.swiper-gy-two .pnexts .swiper-button-next {
	right: 2%
}

.swiper-gy-two .pnexts .swiper-button-prev {
	left: 2%
}

@media (max-width:640px) {
	.swiper-gy-two .pnexts .pnext {
		width: .4rem;
		height: .4rem
	}
}

.swiper-gy-two .row {
	margin-left: -0.1rem;
	margin-right: -0.1rem
}

.swiper-gy-two .row>* {
	padding-left: .1rem;
	padding-right: .1rem
}

.swiper-gy-two .row li {
	margin-bottom: .5rem
}

.swiper-gy-two .row .year {
	background: #f9f9f9;
	height: .42rem;
	line-height: .42rem;
	padding-left: .18rem;
	color: #002f7b;
	margin-bottom: .16rem
}

.swiper-gy-two .row .info p {
	margin-bottom: 7px;
	padding-left: .32rem;
	position: relative
}

.swiper-gy-two .row .info p::before {
	content: '';
	display: block;
	position: absolute;
	width: 4px;
	height: 4px;
	background: #002f7b;
	border-radius: 50%;
	left: .18rem;
	top: 7px
}

@media (min-width:993px) {
	.swiper-gy-two .row li:nth-child(3n+1) {
		clear: both
	}
}

@media (max-width:992px) {
	.swiper-gy-two .row li:nth-child(2n+1) {
		clear: both
	}
}

.company-video-box .txt p {
	margin-bottom: 1.2em
}

.company-video {
	margin: .3rem 0
}

.company-video .poster {
	width: 100%
}

.company-video .inner {
	position: relative
}

.company-video .inner::before {
	content: '';
	display: block;
	width: 1rem;
	height: 1rem;
	background-image: url('../image/ic_play.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: 5;
	cursor: pointer
}

.company-video.s2 .inner::before {
	width: .7rem
}

.history-nav {
	margin-left: -10px;
	margin-right: -10px
}

.history-nav>* {
	padding-left: 10px;
	padding-right: 10px
}

@media (min-width:769px) {
	.history-nav {
		display: flex
	}

	.history-nav .item {
		flex: 1
	}
}

.history-nav .top {
	border: 1px solid #d9dde0;
	margin-bottom: .4rem;
	cursor: pointer;
	text-align: center;
	padding: .4rem 0
}

.history-nav .top .desc {
	font-size: .24rem
}

@media (min-width:993px) {
	.history-nav .top:hover {
		background-color: #f9f9f9
	}
}

.history-nav .year {
	font-size: .36rem;
	color: #002f7b;
	font-family: medium;
	margin-bottom: 5px;
	line-height: .46rem;
	height: .46rem
}

.history-nav .active .top {
	background-color: #f9f9f9
}

.history-nav .content {
	padding-left: .36rem;
	border-left: 1px solid #d9dde0;
	margin-bottom: .6rem;
	display: none
}

.history-nav .content .year {
	margin-bottom: .2rem;
	position: relative
}

.history-nav .content .year::before {
	content: '';
	display: block;
	width: .16rem;
	height: .16rem;
	border-radius: 50%;
	background: #fff;
	border: 2px solid #002f7b;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 5;
	left: -0.45rem
}

.history-nav .content .list {
	padding-left: .26rem
}

.history-nav .content h4 {
	font-size: 20px;
	margin-top: .3rem;
	margin-bottom: .06rem;
	position: relative
}

.history-nav .content h4::before {
	content: '';
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #002f7b;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 5;
	left: -0.26rem
}

.history-nav .content p {
	color: #999
}

.history-nav .active .content {
	display: block
}

@media (min-width:769px) {
	.history-nav .active .content {
		position: relative;
		width: 300%
	}

	.history-nav .active:nth-child(2) .content {
		left: -100%;
		margin-left: -20px
	}

	.history-nav .active:nth-child(3) .content {
		left: -200%;
		margin-left: -40px
	}

	.history-nav .active:nth-child(4) .content {
		left: -300%;
		margin-left: -60px
	}

	.history-nav .active:nth-child(5) .content {
		left: -400%;
		margin-left: -80px
	}

	.history-nav .active:nth-child(6) .content {
		left: -500%;
		margin-left: -100px
	}
}

@media (max-width:768px) {
	.history-nav .year {
		font-size: 22px
	}

	.history-nav .content {
		margin-left: .16rem
	}

	.history-nav .content h4 {
		font-size: 18px
	}
}

.support-box {
	width: 92%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: .4rem;
	border-top: 4px solid #002f7b
}

@media (max-width:768px) {
	.support-box {
		width: 100%
	}
}

.support-nav {
	background-color: #f5f5f5;
	padding: 0 .4rem .2rem;
	position: relative;
	top: -0.1rem
}

.support-nav a {
	min-width: 1.46rem;
	padding: 0 .2rem;
	line-height: .48rem;
	margin-right: .16rem;
	background: #fff;
	border: 1px solid #d9dde0;
	font-size: 16px;
	display: block;
	text-align: center;
	color: #1b8bcc;
	float: left;
	margin-bottom: .1rem
}

.support-nav a:hover,.support-nav .active {
	background: #1b8bcc;
	color: #fff;
	border-color: #1b8bcc
}

@media (max-width:768px) {
	.support-nav a {
		height: 40px;
		line-height: 40px;
		padding: 0;
		width: 30%
	}
}

@media (max-width:640px) {
	.support-nav {
		padding: .3rem 6vw
	}

	.support-nav a {
		padding: 0 .1rem;
		font-size: 14px
	}
}

.support-top {
	padding: .3rem .4rem;
	overflow: hidden;
	background-color: #f5f5f5
}

@media (min-width:768px) {
	.support-top.s3,.support-top.s2 {
		display: -webkit-flex;
		display: flex;
		display: -webkit-box;
		display: box;
		-webkit-align-items: center;
		align-items: center;
		-webkit-box-align: center;
		box-align: center
	}
}

@media (min-width:993px) {
	.support-top {
		display: -webkit-flex;
		display: flex;
		display: -webkit-box;
		display: box;
		-webkit-align-items: center;
		align-items: center;
		-webkit-box-align: center;
		box-align: center
	}
}

.support-top h2 {
	font-size: 24px;
	padding-left: 18px;
	min-width: 0;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-webkit-flex-shrink: 1;
	-ms-flex-negative: 1;
	flex-shrink: 1;
	line-height: .48rem;
	font-weight: bold;
	position: relative
}

.support-top h2::before {
	content: '';
	display: block;
	position: absolute;
	width: .04rem;
	height: 70%;
	top: 15%;
	line-height: 1;
	background: #002f7b;
	left: 0
}

@media (max-width:640px) {
	.support-top h2 {
		padding-left: 12px;
		font-size: 22px;
		margin-bottom: .2rem
	}
}

.support-top .nav a {
	min-width: 1.46rem;
	padding: 0 .2rem;
	line-height: .48rem;
	margin-right: .16rem;
	background: #fff;
	border: 1px solid #d9dde0;
	font-size: 16px;
	display: block;
	text-align: center;
	color: #1b8bcc
}

.support-top .nav a:hover,.support-top .nav .active {
	background: #1b8bcc;
	color: #fff;
	border-color: #1b8bcc
}

.support-top .nav {
	display: -webkit-flex;
	display: flex;
	display: -webkit-box;
	display: box;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-align: center;
	box-align: center
}

.support-top .form {
	background: #fff;
	height: .48rem;
	border: 1px solid #d9dde0;
	position: relative;
	width: 3.1rem
}

.support-top .form input {
	width: 100%;
	height: .48rem;
	line-height: .48rem;
	display: block;
	padding-left: 16px;
	padding-right: .5rem
}

.support-top .form .submit {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: .48rem;
	height: .48rem;
	line-height: .48rem;
	font-size: .2rem
}

.support-top .form .submit:hover {
	color: #1b8bcc
}

@media (max-width:992px) {
	.support-top h2 {
		margin-bottom: .2rem
	}

	.support-top .nav {
		float: left
	}

	.support-top .form:not(.form2) {
		float: right
	}
}

@media (max-width:768px) {
	.support-top .nav {
		margin-bottom: .2rem
	}

	.support-top .nav,.support-top .form {
		float: none!important
	}

	.support-top .nav a {
		height: 40px;
		line-height: 40px;
		padding: 0;
		width: 30%
	}

	.support-top .nav.column {
		display: -webkit-flex;
		display: flex;
		display: -webkit-box;
		display: box
	}

	.support-top .nav.column::after {
		display: none
	}

	.support-top .nav.column a {
		width: auto;
		min-width: auto;
		min-width: 0;
		-webkit-box-flex: 1;
		-webkit-flex-grow: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		-webkit-flex-shrink: 1;
		-ms-flex-negative: 1;
		flex-shrink: 1;
		padding: 0;
		margin: 0
	}

	.support-top .nav.column a+a {
		margin-left: .1rem
	}

	.support-top .form {
		width: 95%;
		height: 40px
	}

	.support-top .form input {
		height: 40px;
		line-height: 40px
	}
}

@media (max-width:768px) and (max-width:360px) {
	.support-top .nav a {
		font-size: 13px
	}
}

@media (max-width:640px) {
	.support-top {
		padding: .3rem 6vw
	}

	.support-top .nav a {
		padding: 0 .1rem;
		font-size: 14px
	}
}

.support-search {
	position: relative
}

.support-search input {
	width: 100%;
	display: block;
	padding-left: 16px;
	padding-right: .5rem
}

.support-search .layui-input {
	height: 46px
}

.support-search .submit {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: .48rem;
	height: .48rem;
	line-height: .48rem;
	font-size: .2rem
}

.support-search .submit:hover {
	color: #1b8bcc
}

@media (max-width:768px) {
	.support-search .iconfont {
		font-size: 18px;
		width: 40px
	}
}

.layui-form-select dl dd.layui-this {
	background: #1b8bcc
}

.recruit-form {
	width: 70%;
	max-width: 500px
}

@media (min-width:768px) {
	.recruit-form {
		display: -webkit-flex;
		display: flex;
		display: -webkit-box;
		display: box;
		-webkit-align-items: center;
		align-items: center;
		-webkit-box-align: center;
		box-align: center
	}
}

.recruit-form .layui-input {
	height: 46px
}

.recruit-form .item {
	width: 28%;
	margin-right: 2%
}

.recruit-form .support-search {
	width: 100%
}

@media (max-width:992px) {
	.recruit-form {
		width: 100%
	}
}

@media (max-width:768px) {
	.recruit-form .item {
		float: left;
		width: 48%;
		margin-bottom: 10px
	}

	.recruit-form .support-search {
		width: 98%;
		overflow: hidden
	}
}

.support-bd {
	background: #fff;
	clear: both;
	padding: .3rem .4rem 1rem
}

.support-bd dl {
	border-bottom: 1px solid #d9dde0
}

.support-bd dl dt {
	font-size: 16px;
	font-weight: bold;
	cursor: pointer
}

.support-bd dl dt a {
	display: block;
	position: relative;
	padding: .24rem 0;
	line-height: .36rem;
	padding-left: .5rem
}

.support-bd dl dt a::before {
	content: '';
	display: block;
	position: absolute;
	width: .25rem;
	height: .36rem;
	left: 0;
	top: .24rem;
	background-image: url('../image/ic_q.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center
}

@media (min-width:769px) {
	.support-bd dl dt a::after {
		width: 7px;
		height: 36px;
		content: '';
		position: absolute;
		right: .1rem;
		top: .24rem;
		background: url(../image/ic_arr.png) no-repeat center
	}
}

.support-bd dl dt a:hover {
	color: #1b8bcc
}

@media (max-width:640px) {
	.support-bd {
		padding: .3rem 6vw
	}
}

.form-box {
	border-top: 4px solid #002f7b
}

.form-box .row {
	margin-left: -0.1rem;
	margin-right: -0.1rem
}

.form-box .row>* {
	padding-left: .1rem;
	padding-right: .1rem
}

.form-box li {
	margin-bottom: .24rem
}

.form-box li input:not(.submit) {
	padding-left: .14rem;
	border: 1px solid #d9dde0;
	height: 40px;
	line-height: 40px;
	width: 100%;
	display: block
}

.form-box li textarea {
	border: 1px solid #d9dde0;
	padding: .14rem;
	width: 100%;
	display: block;
	height: 142px
}

.form-box li .submit {
	width: 140px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #002f7b;
	color: #fff;
	float: right
}

.form-box li .submit:hover {
	background: #1b8bcc
}

.form-box li .inner {
	position: relative
}

.form-box li .inner .code {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	height: 40px;
	padding: 3px
}

.support-list .hd {
	display: -webkit-flex;
	display: flex;
	display: -webkit-box;
	display: box;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-align: center;
	box-align: center;
	-webkit-box-pack: justify;
	box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	color: #999;
	border-bottom: 1px solid #d9dde0;
	padding-bottom: .2rem
}

.support-list li {
	border-bottom: 1px solid #d9dde0;
	padding: .26rem 0;
	position: relative
}

.support-list li a {
	display: -webkit-flex;
	display: flex;
	display: -webkit-box;
	display: box;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-align: center;
	box-align: center
}

.support-list li .tit {
	height: 34px;
	line-height: 34px;
	font-size: 16px;
	padding-left: .56rem;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	margin-right: 2rem;
	background: url(../image/pdf.png) no-repeat 0 center;
	background-size: .32rem
}

.support-list li .ic-down {
	width: .24rem;
	height: .24rem;
	background: url(../image/ic_down.png) no-repeat right center;
	background-size: contain;
	display: block
}

@media (max-width:768px) {
	.support-list li .tit {
		margin-right: 1rem;
		font-size: 14px;
		padding-left: 26px
	}
}

.support-list.s2 .hd .tit {
	width: 55%
}

.support-list.s2 li .tit {
	width: 55%;
	margin-right: 0
}

.support-list.s2 li .txt {
	text-align: right;
	min-width: 0;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-webkit-flex-shrink: 1;
	-ms-flex-negative: 1;
	flex-shrink: 1
}

@media (max-width:1200px) {
	.support-list.s2 .tit {
		width: 70%
	}
}

@media (max-width:640px) {
	.support-list.s2 li .tit {
		width: 90%
	}

	.support-list.s2 li .info {
		padding-left: .46rem;
		margin-top: 5px;
		font-size: 12px;
		color: #999
	}
}

.recruit-box {
	background: #fff;
	overflow: hidden;
	padding: .6rem .4rem 1rem
}

.recruit-box ol li {
	width: 19%
}

.recruit-box ol li:nth-child(1),.recruit-box ol li:nth-child(4) {
	width: 25%
}

.recruit-box ol li:nth-child(2),.recruit-box ol li:nth-child(5) {
	width: 15%
}

.recruit-box .arrow {
	transition: .3s
}

.recruit-box .item-hd li,.recruit-box .hd-wrap li {
	float: left
}

.recruit-box .hd-wrap {
	background-color: #8f8f8f
}

.recruit-box .hd {
	height: 48px;
	line-height: 48px;
	color: #fff;
	padding: 0 22px
}

.recruit-box .item-hd {
	padding: 13px 0;
	position: relative
}

.recruit-box li {
	padding-left: .22rem
}

.recruit-box li p {
	display: inline-block
}

.recruit-box .item {
	border-bottom: 1px solid #ebebeb
}

.recruit-box .item-hd {
	cursor: pointer;
	line-height: 1.8;
	font-size: 16px
}

.recruit-box .item-hd .tit {
	display: none;
	color: #999;
	font-size: 14px
}

.recruit-box .active .item-hd {
	background-color: #efefef
}

.recruit-box .active .arrow {
	color: #fff !important
}

.recruit-box .active .arrow::before {
	content: "\e728"
}

.recruit-box .arrow {
	float: right;
	font-size: 14px;
	color: #333
}

.recruit-box .item-bd {
	background-color: #e3e3e3;
	display: none;
	padding: 30px 22px 10px
}

.recruit-box .item-bd dt {
	font-size: 16px;
	color: #333;
	margin-bottom: 15px
}

.recruit-box .item-bd dd {
	margin: 5px 0 30px;
	color: #666;
	line-height: 30px
}

.recruit-box .item-bd .send-email {
	text-align: right
}

.recruit-box .item-bd .send-email .email {
	height: 42px;
	line-height: 42px;
	background: #1b8bcc;
	color: #fff;
	padding: 0 30px;
	display: inline-block;
	transition: .3s;
	cursor: pointer
}

.recruit-box .item-bd .send-email .email:hover {
	background: #002f7b
}

@media (max-width:992px) {
	.recruit-box .item-hd li {
		width: 33.33% !important;
		padding: 0 10px
	}

	.recruit-box .item-hd .tit {
		display: block;
		display: inline-block
	}
}

@media (max-width:768px) {
	.recruit-box .item-hd li {
		min-width: 50%!important;
		width: auto!important
	}
}

.contact-list {
	margin-left: -0.15rem;
	margin-right: -0.15rem
}

.contact-list>* {
	padding-left: .15rem;
	padding-right: .15rem
}

.contact-list li {
	margin-bottom: .26rem
}

.contact-list .inner {
	background-color: #f9f9f9;
	transition: .3s;
	padding: .26rem .3rem .4rem
}

.contact-list .inner h3 {
	font-size: 18px;
	margin-bottom: 10px;
	position: relative;
	font-weight: bold
}

.contact-list .inner h3::before {
	content: '';
	display: block;
	width: 3px;
	height: 17px;
	background-color: #000000;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 5;
	left: -0.3rem;
	margin-left: 3px
}

.contact-list .inner .info {
	color: #666;
	line-height: 24px;
	margin-bottom: 24px
}

@media (min-width:769px) {
	.contact-list .inner .info {
		min-height: 96px
	}
}

.contact-list .inner .tomap {
	color: #002f7b;
	transition: .3s;
	display: inline-block
}

.contact-list .inner .tomap:hover {
	color: #1b8bcc;
	transform: translateX(5px)
}

.contact-list .inner .tomap .iconfont {
	font-size: 12px
}

.contact-list .inner:hover {
	background: rgba(0,0,0,0.05)
}

@media (min-width:1200px) {
	.contact-list li:nth-child(3n+1) {
		clear: both
	}
}

@media (max-width:1199px) {
	.contact-list li:nth-child(2n+1) {
		clear: both
	}
}

.bt0 {
	border-top: 0!important
}

.contact-map {
	padding-bottom: 70px;
	border-bottom: 1px solid #d9dde0;
	margin-bottom: 40px
}

.contact-map .mapbox {
	height: 435px;
	padding: 4px;
	border: 1px solid #e6e6e6
}

.contact-map .mapbox .map {
	height: 100%
}

.contact-map dl {
	padding: 24px 0 24px .46rem;
	margin-right: .2rem;
	position: relative;
	border-bottom: 1px solid #d9dde0
}

.contact-map dl dt {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 5px
}

.contact-map dl dd {
	color: #666
}

@media (max-width:992px) {
	.contact-map dl {
		width: 48%;
		margin-right: 2%;
		float: left;
		min-height: 140px
	}

	.contact-map dl:nth-child(2n+1) {
		clear: both
	}

	.contact-map .mapbox {
		margin-top: .5rem
	}
}

@media (max-width:768px) {
	.contact-map dl {
		min-height: auto;
		width: 100%;
		margin-right: 0
	}
}

.contact-map .ic {
	width: .32rem;
	height: .32rem;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	position: absolute;
	top: 28px;
	left: 0
}

.contact-map .ic-location {
	background-image: url('../image/ic_contact_1.png')
}

.contact-map .ic-tel {
	background-image: url('../image/ic_contact_2.png')
}

.contact-map .ic-cz {
	background-image: url('../image/ic_contact_3.png')
}

.contact-map .ic-email {
	background-image: url('../image/ic_contact_4.png')
}

.BMap_cpyCtrl,.anchorBL {
	display: none
}

#map label,#map img {
	max-width: none;
	max-height: none
}

.resume-form,.resume-form-layer {
	max-width: 600px
}

.resume-form-layer {
	width: 90%
}

.resume-form {
	padding: .48rem .74rem .88rem .3rem;
	display: none;
	width: 100%
}

.resume-form h2 {
	text-align: center;
	padding-left: .44rem;
	font-size: 24px;
	padding-bottom: .4rem
}

.resume-form .layui-form-label {
	width: 93px;
	padding: 9px .15rem
}

.resume-form .submit {
	width: 140px;
	background: #002f7b;
	height: 48px;
	line-height: 48px;
	display: block;
	margin: .4rem auto 0
}

.resume-form .upfile {
	text-align: center;
	border: 1px dashed #bbb;
	padding: .3rem .2rem .2rem;
	cursor: pointer
}

.resume-form .upfile em {
	display: block;
	color: #d5d6d5;
	padding-top: .8rem;
	background-image: url('../image/add.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center top;
	background-size: .6rem
}

.resume-form .upfile .success {
	display: none
}

.resume-form .upfile .success .name {
	color: #000
}

.resume-form .upfile .success .ic-file {
	width: .5rem;
	height: .5rem;
	display: block;
	margin: 0 auto .14rem;
	background-image: url('../image/ic_files.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center
}

.resume-form .upfile .success .reset {
	color: #002f7b;
	margin-top: 2px;
	font-size: 12px
}

.resume-form .getsms {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 100px;
	text-align: center;
	color: #002f7b;
	cursor: pointer;
	height: 98%;
	line-height: 38px;
	border-left: 1px solid #e6e6e6
}

@media (max-width:768px) {
	.resume-form .getsms {
		width: 90px
	}
}

@media (max-width:768px) {
	.resume-form {
		padding: .4rem .4rem .6rem 0;
		border-radius: 6px
	}

	.resume-form h2 {
		font-size: 20px;
		padding-left: .4rem;
		padding-bottom: .4rem
	}

	.resume-form .layui-form-label {
		padding-left: 0
	}

	.resume-form .layui-input-block {
		margin-left: 96px
	}

	.resume-form .submit {
		height: 42px;
		line-height: 42px
	}
}

.layui-input:focus,.layui-textarea:focus {
	border-color: #002f7b !important
}

@media (max-width:768px) {
	.lx-form {
		padding-right: .6rem
	}

	.lx-form .layui-form-label {
		width: 80px
	}
}

.good-sub-menu {
	position: fixed;
	left: 0;
	top: 150px;
	z-index: 9999
}

@media (max-width:1180px) {
	.good-sub-menu {
		display: none
	}
}

@media (max-width:1280px) {
	.good-sub-menu {
		top: 100px
	}
}

.good-sub-menu .menu-btn {
	text-align: center;
	background: #002f7b;
	color: #fff;
	width: 48px;
	cursor: pointer;
	transition: .3s
}

.good-sub-menu .menu-btn:hover {
	opacity: .94
}

.good-sub-menu .menu-btn .icon-arr {
	height: 36px;
	line-height: 36px;
	display: block;
	background: #0081c3
}

.good-sub-menu .menu-btn .icon-arr .iconfont {
	display: block;
	transition: .3s
}

.good-sub-menu .menu-btn span {
	font-size: 16px;
	display: block;
	line-height: 1.6;
	padding: 16px 10px
}

.good-sub-menu .menu-btn.open .iconfont {
	transform: rotate(180deg)
}

.good-sub-content {
	position: absolute;
	left: 48px;
	top: 0;
	display: none;
	background: #002f7b;
	width: 300px;
	height: 50px
}

.good-sub-content .item+.item {
	border-top: 1px solid #335995
}

.good-sub-content h3 {
	height: 60px;
	line-height: 60px;
	background: #002f7b;
	color: #fff;
	transition: .3s;
	padding-left: 20px;
	font-size: 16px;
	position: relative;
	cursor: pointer
}

.good-sub-content h3 .iconfont {
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 14px
}

.good-sub-content h3 a {
	color: #fff;
	display: block
}

.good-sub-content h3 a .iconfont {
	opacity: .8
}

.good-sub-content h3:hover {
	background: #053c95
}

@media (max-width:1280px) {
	.good-sub-content h3 {
		height: 50px;
		line-height: 50px
	}
}

.good-sub-content .info {
	display: none;
	background: #fff;
	padding: 14px 0 14px 20px;
	max-height: 200px;
	overflow-y: auto
}

.good-sub-content .info::-webkit-scrollbar {
	width: 5px;
	height: 5px
}

.good-sub-content .info::-webkit-scrollbar-thumb {
	background: #1b8bcc
}

.good-sub-content .info::-webkit-scrollbar-track {
	background: #c8c8c8
}

.good-sub-content .info a {
	display: block;
	height: 30px;
	line-height: 30px;
	color: #666
}

.good-sub-content .info a:hover {
	color: #1b8bcc
}

.good-sub-content .open h3 {
	background: #053c95
}

.good-sub-content .open .iconfont::before {
	content: "\e603"
}

.sc-videobox {
	position: relative
}

.sc-videobox li .tit {
	color: #fff;
	transition: ease-in .5s;
	font-size: 16px
}

.sc-videobox li .tit span {
	display: block;
	position: relative;
	white-space: nowrap
}

.sc-videobox li+li::before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 1px;
	background: rgba(255,255,255,0.2)
}

@media (min-width:992px) {
	.sc-videobox::after {
		content: '';
		display: block;
		position: absolute;
		width: 100%;
		height: 2rem;
		background: url(../image/linear2.png) repeat-x 100%;
		background-size: 100% 2rem;
		bottom: 0;
		left: 0;
		z-index: 2
	}

	.sc-videobox .list {
		position: absolute;
		z-index: 5;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0
	}

	.sc-videobox li {
		width: 16.66%;
		float: left;
		position: relative;
		cursor: pointer;
		height: 100%
	}

	.sc-videobox li .tit {
		position: absolute;
		left: .24rem;
		bottom: .42rem
	}

	.sc-videobox li span {
		padding-top: 18px
	}

	.sc-videobox li span::before {
		content: '';
		display: block;
		position: absolute;
		width: 20px;
		height: 2px;
		background: #fff;
		left: 0;
		top: 0
	}

	.sc-videobox li.on .tit {
		font-size: 24px;
		bottom: 100%
	}

	.sc-videobox li.on .tit span {
		top: 1rem
	}
}

@media (min-width:992px) and (max-width:1200px) {
	.sc-videobox li.on .tit {
		font-size: 20px
	}
}

.sc-videobox .video {
	position: relative
}

.sc-videobox .video video {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	object-fit: cover
}

@media (max-width:991px) {
	.sc-videobox .list {
		margin-bottom: 10px;
		padding-left: .2rem
	}

	.sc-videobox .list li {
		float: left;
		width: 33.33%;
		height: .6rem;
		line-height: .6rem;
		border-bottom: 1px solid #d9dde0;
		padding-left: .18rem;
		position: relative
	}

	.sc-videobox .list li::after {
		content: '';
		display: block;
		width: .06rem;
		height: .06rem;
		background: #002f7b;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		z-index: 5;
		left: 0;
		background: #ccc
	}

	.sc-videobox .list li .tit {
		color: #333
	}

	.sc-videobox .list li.on .tit {
		color: #002f7b
	}

	.sc-videobox .list li.on::after {
		background: #002f7b
	}
}

@media (max-width:991px) and (max-width:640px) {
	.sc-videobox .list li .tit {
		font-size: 14px
	}
}

.bsBox,.bsBox>* {
	box-sizing: content-box
}

@media (max-width:768px) {
	.share,.v-share {
		display: none
	}
}

.gy-list2 li {
	width: 33.3%;
	margin-bottom: 20px;
	float: left
}

@media (min-width:993px) {
	.gy-list2 li:nth-child(3n+1) {
		clear: both
	}
}

@media (max-width:992px) {
	.gy-list2 li {
		width: 50%
	}

	.gy-list2 li:nth-child(2n+1) {
		clear: both
	}
}

.gy-list2 .inner {
	margin: 0 .1rem
}

.gy-list2 .year {
	color: #002f7b;
	margin: .2rem 0 5px
}

.gy-list2 .desc {
	color: #666;
	line-height: 20px;
	height: 40px;
	word-break: break-all;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-line-clamp: 2
}

.culture-box-1 {
	padding-bottom: 0
}

.culture-box-1 ul {
	margin-top: .4rem
}

.culture-box-1 .inner {
	padding: .4rem .4rem .3rem;
	background: #fff;
	cursor: default
}

.culture-box-1 .inner .ic {
	width: 56px;
	height: 56px;
	display: block;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center
}

.culture-box-1 .inner .ic.ic1 {
	background-image: url('../image/wx_1.png')
}

.culture-box-1 .inner .ic.ic2 {
	background-image: url('../image/wx_2.png')
}

.culture-box-1 .inner .ic.ic3 {
	background-image: url('../image/wx_3.png')
}

.culture-box-1 .inner .ic.ic4 {
	background-image: url('../image/wx_4.png')
}

.culture-box-1 .inner .ic.ic5 {
	background-image: url('../image/wx_5.png')
}

.culture-box-1 .inner .ic.ic6 {
	background-image: url('../image/wx_6.png')
}

.culture-box-1 .inner h3 {
	font-size: 24px;
	margin: .16rem 0 .1rem
}

.culture-box-1 .inner .desc {
	font-size: 16px;
	color: #666;
	min-height: 48px;
	line-height: 24px
}

.culture-box-1 .inner:hover {
	background: #002f7b;
	color: #fff
}

.culture-box-1 .inner:hover .desc {
	color: #fff
}

.culture-box-1 .inner:hover .ic1 {
	background-image: url('../image/wx_1_on.png')
}

.culture-box-1 .inner:hover .ic2 {
	background-image: url('../image/wx_2_on.png')
}

.culture-box-1 .inner:hover .ic3 {
	background-image: url('../image/wx_3_on.png')
}

.culture-box-1 .inner:hover .ic4 {
	background-image: url('../image/wx_4_on.png')
}

.culture-box-1 .inner:hover .ic5 {
	background-image: url('../image/wx_5_on.png')
}

.culture-box-1 .inner:hover .ic6 {
	background-image: url('../image/wx_6_on.png')
}

@media (max-width:1200px) {
	.culture-box-1 .inner h3 {
		font-size: 20px
	}

	.culture-box-1 .inner .desc {
		font-size: 14px;
		line-height: 1.6
	}
}

@media (max-width:768px) {
	.culture-box-1 li {
		margin-bottom: 10px
	}

	.culture-box-1 li .inner .desc {
		min-height: auto
	}
}

.culture-box-2 li {
	margin-bottom: .8rem;
	margin-left: -0.24rem;
	margin-right: -0.24rem
}

.culture-box-2 li>* {
	padding-left: .24rem;
	padding-right: .24rem
}

.culture-box-2 .img {
	overflow: hidden
}

.culture-box-2 .img img {
	-webkit-transition: .5s;
	-o-transition: .5s;
	-moz-transition: .5s;
	transition: .5s
}

.culture-box-2 .img:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1)
}

.culture-box-2 .info {
	text-align: left;
	padding-top: 30px
}

.culture-box-2 .info h3 {
	font-size: 24px;
	border-bottom: 3px solid #002f7b;
	display: inline-block;
	padding-bottom: 16px;
	line-height: 1;
	margin-bottom: 24px
}

.culture-box-2 .info .txt {
	font-size: 16px;
	color: #666;
	line-height: 30px
}

@media (max-width:1200px) {
	.culture-box-2 .info h3 {
		padding-bottom: 10px;
		font-size: 20px;
		margin-bottom: 16px
	}

	.culture-box-2 .info .txt {
		font-size: 14px;
		line-height: 1.76
	}
}

@media (max-width:992px) {
	.culture-box-2 .info .txt p+p {
		margin-top: 10px
	}
}

@media (max-width:768px) {
	.culture-box-2 {
		padding-bottom: 0px
	}
}

.hd-more {
	position: relative
}

.hd-more .more {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%)
}

.hd-more .more:hover {
	color: #1b8bcc
}

.sc-videobox li+li::before {
	width: 2px
}

.case-list-2 .tit {
	cursor: pointer
}

.support-box .pagination {
	margin-bottom: 0
}

.good-top .content {
	position: initial
}

@media (min-width:1260px) {
	.ginfo-downloads {
		position: absolute;
		left: 50%;
		margin-left: 15px;
		bottom: .4rem
	}
}

@media (max-width:1259px) {
	.ginfo-downloads {
		padding-bottom: 70px
	}
}

.ginfo-downloads .xz-item {
	float: left;
	width: 100px;
	margin-right: .2rem;
	text-align: center
}

.ginfo-downloads .xz-item .icon {
	width: 40px;
	height: 40px;
	background-image: url('../image/XZ.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	display: block;
	margin: 0 auto .1rem
}

.ginfo-downloads .xz-item .tit {
	font-size: 12px;
	line-height: 18px;
	height: 36px;
	word-break: break-all;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-line-clamp: 2;
	word-break: break-word
}

.cpml-box {
	clear: both
}

@media (max-width:640px) {
	.cpml-list {
		padding-bottom: .5rem
	}
}

@media (min-width:992px) {
	.cpml-list .titbox {
		display: -webkit-flex;
		display: flex;
		display: -webkit-box;
		display: box
	}

	.cpml-list .title {
		min-width: 0;
		-webkit-box-flex: 1;
		-webkit-flex-grow: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		-webkit-flex-shrink: 1;
		-ms-flex-negative: 1;
		flex-shrink: 1
	}
}

.cpml-list .title {
	font-size: 18px;
	line-height: 34px;
	padding-left: .56rem;
	margin-right: 2rem;
	background: url(../image/pdf.png) no-repeat 0 center;
	background-size: .32rem
}

.cpml-list .desc {
	padding-left: .56rem;
	font-size: 14px;
	color: #666;
	margin-top: 2px;
	line-height: 1.76
}

.cpml-list .tool {
	display: -webkit-flex;
	display: flex;
	display: -webkit-box;
	display: box
}

.cpml-list .tool a {
	display: block
}

.cpml-list .tool a .ic-link {
	background: url(../image/ic_eye.png) no-repeat 0 center;
	background-size: contain
}

.cpml-list .tool a+a {
	margin-left: 15px
}

@media (max-width:992px) {
	.cpml-list .tool i {
		width: 20px;
		height: 20px
	}
}

@media (max-width:991px) {
	.cpml-list .tool {
		padding-left: .56rem;
		margin-top: 10px
	}

	.cpml-list .tool i {
		width: 20px;
		height: 20px
	}
}

.tool-list .title,.tool-list .desc {
	padding-left: 0;
	background: #fff
}

.tool-list .title {
	margin-bottom: .02rem;
	margin-right: 1rem
}

@media (max-width:768px) {
	.tool-list .title {
		margin-right: 0;
		line-height: 1.7;
		margin-bottom: .12rem
	}
}

.tz-list {
	background: #fff;
	padding: .2rem .4rem 1rem
}

.tz-list li {
	padding: .38rem 0;
	border-bottom: 1px solid #d9dde0
}

@media (min-width:640px) {
	.tz-list .item {
		display: flex;
		align-items: center
	}

	.tz-list .item .info {
		flex: 1
	}

	.tz-list .item .date {
		width: 84px;
		height: 84px;
		background: #f5f5f5;
		display: block;
		margin-right: .36rem;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		color: #1b8bcc
	}

	.tz-list .item .date .day {
		font-size: .36rem;
		display: block;
		margin-bottom: 2px
	}
}

@media (max-width:639px) {
	.tz-list .item .date {
		color: #999;
		margin: .16rem 0 .2rem
	}
}

.tz-list .item .tit {
	font-size: 16px;
	display: block;
	margin-bottom: .1rem
}

@media (min-width:768px) {
	.tz-list .item .tit {
		overflow: hidden;
		white-space: nowrap;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis
	}
}

.tz-list .item .desc {
	color: #999;
	line-height: 24px;
	height: 48px;
	word-break: break-all;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-line-clamp: 2
}

.contact-dmb {
	margin-bottom: 1rem;
	background: #fff;
	padding: .4rem .4rem .7rem
}

.contact-dmb dl {
	padding: .2rem 0
}

.contact-dmb dt {
	color: #002f7b;
	font-size: 24px;
	font-weight: bold;
	padding-bottom: .1rem;
	border-bottom: 1px solid #d9dde0;
	margin-bottom: .3rem
}

.contact-dmb dd {
	line-height: 36px;
	color: #666;
	font-size: 16px
}

@media (max-width:1200px) and (min-width:992px) {
	.contact-dmb dd {
		font-size: 15px
	}
}

.contact-dmb .txt {
	font-size: 16px;
	color: #666;
	line-height: 1.76
}

@media (max-width:640px) {
	.contact-dmb {
		width: 100%
	}

	.contact-dmb h2 {
		padding-left: 12px;
		font-size: 22px;
		margin-bottom: .2rem
	}
}

.contact-dmb .mapbox {
	height: 435px;
	padding: 4px;
	border: 1px solid #e6e6e6
}

.contact-dmb .mapbox .map {
	height: 100%
}

/*悬浮链接*/
.wuyou-waiter{position: fixed; right:30px; top:50%; margin-top: -110px; width:64px; -webkit-box-shadow: 0 12px 15px 0 rgba(71,71,71,.1),0 20px 60px 0 rgba(71,71,71,.11);box-shadow: 0 12px 15px 0 rgba(71,71,71,.1),0 20px 60px 0 rgba(71,71,71,.11); z-index: 999;border-radius:25px;-moz-border-radius:25px;-webkit-border-radius:25px; background:#fff; padding-bottom:25px;}
.waiter-ul li{position: relative; height:66px; border-bottom: 1px solid #fff; background:#fff;border-radius:25px;-moz-border-radius:25px;-webkit-border-radius:25px;}
.waiter-ul li a{ position: absolute; left: 0; top:0px; z-index: 2; display: block; width: 65px; height:66px; text-align: center; -webkit-transition:all 0.6s;-ms-transition:all 0.6s;-moz-transition:all 0.6s; text-decoration: none; text-align:center; background:#fff; padding-top:20px;}
.waiter-title{position: absolute; right: 0px; top:15px; color: #fff; width:190px; height:54px; line-height:54px; text-align: center;-webkit-transition:all 0.6s;-ms-transition:all 0.6s;-moz-transition:all 0.6s; background-color: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,.3); z-index: 1; opacity: 0;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}
.waiter-ul li a img { width:32px; margin:0 auto}
.waiter-ul li a p {font-size: 12px;color: #474747;padding-top: 4px; text-align:center} 
.waiter-title:before{content: ''; display: block; width: 10px; height: 10px; position: absolute; right: -5px; top: 22px; background-color:#fff; transform:rotate(45deg);}
.waiter-ul li:hover .waiter-title{left: -206px; opacity: 1;}

.waiter-ul li.wuyou-shop a{border-radius:25px 25px 0 0;-moz-border-radius:25px 25px 0 0;-webkit-border-radius:25px 25px 0 0;}
.waiter-ul li.wuyou-shop .waiter-title{background-color:#00307C; }
.waiter-ul li.wuyou-shop .waiter-title:before{background-color:#00307C; }

.waiter-ul li.wuyou-contact a{}
.waiter-ul li.wuyou-contact .waiter-title{background-color:#00307C; }
.waiter-ul li.wuyou-contact .waiter-title:before{background-color:#00307C; }

.waiter-ul li.wuyou-weixin a{}
.waiter-ul li.wuyou-weixin .waiter-title{background-color:#00307C; width:160px; height:160px; padding-top:10px; top:-30px }
.waiter-ul li.wuyou-weixin .waiter-title:before{background-color:#00307C;top:62px; }
.waiter-ul li:hover.wuyou-weixin .waiter-title{left: -174px; opacity: 1;}

.waiter-ul li.wuyou-top a{background-image: -webkit-linear-gradient(left, #333, #666);background-image: -moz-linear-gradient(left, #333, #666);background-image: -ms-linear-gradient(left, #333, #666);}
.waiter-ul li.wuyou-top .waiter-title{background-color:#333; }
.waiter-ul li.wuyou-top .waiter-title:before{background-color:#333; }
.sy_ly{width:100%; padding:13px 0; background-color:rgba(0,0,0,.7); overflow:hidden; position:fixed; left:0; bottom:0; z-index:9999; height:70px}
.sy_ly .gb {width:30px; height:30px; position:absolute; top:20px; right:25%; cursor:pointer;}

.sy_ly .wz{font-size:24px; color:#fff; line-height:40px; float:left;}
.sy_ly .wz span { color:#00307C; display:block}
.sy_ly input.w_z { width:315px; height:44px; font-size:18px; color:#999; line-height:44px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; padding-left:35px; background: url(../image/sjbj.jpg) left center no-repeat; float:left; margin-left:50px;}
.sy_ly .ly{width:200px; float: left; margin-left:60px;}
.sy_ly .ly a{width:200px; line-height:44px; border-radius:4px; background-color:#00307C; text-align:center; color:#fff; font-size:18px; display:block;}

@media only screen and (max-width:768px){
.wuyou-waiter { display:none}
}