body {
  -webkit-font-smoothing: antialiased;
}
html,
body {
  height: 100%;
}
html {
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}
*,
article,
aside,
audio,
body,
button,
dd,
div,
dl,
dt,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
input,
legend,
li,
menu,
nav,
ol,
p,
pre,
section,
td,
textarea,
th,
ul,
video {
  margin: 0;
  padding: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*,
:after,
:before {
  box-sizing: border-box;
}
ul,
li,
dl,
dt,
dd,
ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
img::-moz-selection {
  background: 0 0;
}
img::selection {
  background: 0 0;
}
img::-moz-selection {
  background: 0 0;
}
address,
caption,
cite,
code,
dfn,
em,
optgroup,
th,
var {
  font-style: inherit;
  font-weight: inherit;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
  line-height: 1.4;
}
input::-webkit-search-cancel-button {
  display: none;
}
button,
input,
select,
textarea {
  margin: 0;
  vertical-align: middle;
  border: none;
  background: none;
}

a,
button {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  border: none;
  color: #333;
  text-decoration: none;
}
a {
  color: #333;
  outline: none;
  outline-offset: 0;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #002f7b;
  outline: none;
  outline-offset: 0;
  text-decoration: none;
}
.cls:after {
  content: '.';
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.cls {
  zoom: 1;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.tl {
  text-align: left;
}
.tc {
  text-align: center;
}
.tr {
  text-align: right;
}
.b {
  font-weight: bold;
}
.iconfont {
  font-size: inherit;
}
html {
  font-size: 100px !important;
}
@media (max-width: 1400px) {
  html {
    font-size: 90px !important;
  }
}
@media (max-width: 1200px) {
  html {
    font-size: 80px !important;
  }
}
@media (max-width: 992px) {
  html {
    font-size: 70px !important;
  }
}
@media (max-width: 768px) {
  html {
    font-size: 60px !important;
  }
}
@media (max-width: 480px) {
}

.com-img{ display:block; overflow:hidden;}
.com-img img{ transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}



.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
}
.bei{margin:0 auto; padding:20px 0;color: #939393;text-align: center;}
.bei a{ color: #939393;}
footer a,.ji {
	color: #bbb
}

footer a:hover {
	color: #fff
}

footer .content {
	padding: .3rem 0 .3rem
}

footer .ftconcat {
	max-width: 40%
}

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

footer .ftconcat .con-item {
	margin-bottom: 4px;
	position: relative
}
footer .ftconcat .con-item p{padding-left: 32px;background: url(../image/7935964f143d98c7f2dad424093b03d1ad2bc2d0.png) no-repeat left center;background-size: 26px;}
footer .ftconcat .con-item p:nth-child(2){background: url(../image/45814a8461734e2b84818e9487b5ee6025de6d32.png) no-repeat left center;background-size: 26px;}
footer .ftconcat .con-item p:nth-child(3){background: url(../image/a324436f5f32560c95ef71de2fc3f3a82f756494.png) no-repeat left center;background-size: 26px;}



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 .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/dc2312e2d379c750bf70d6047698cb408e4d2147.png')
}

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

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

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

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

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

footer .ft_icons .icon-tb {
	background-image: url('../image/011ec54a6594a91188e75e6b2bb443700d4e27f0.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 .ftabout {
		width: 25%;
		min-width: 150px
	}
	footer .ftabout .abtu {
		width:100%;
		height:150px;
	}
	footer .ftabout .abtxt {
		width:100%;
		height:110px;
		overflow:hidden;
		line-height:25px;
	}
	footer .ftnavs {
		width: 40%;
		border-left: 1px solid #313131;
		padding-left: 40px;
		min-width: 200px
	}

	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: 50%
	}

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

	footer .ftconcat .con-item {
		line-height: 28px;
	}
	footer .ftconcat .con-item p {
		margin:20px 0;
	}

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

footer h4 {
	font-size: 18px;
	position: relative;
	margin-bottom: 12px;
	font-weight:600;
	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 {
	height: 80px;
	width: 43%;
	min-width: 480px;
	background-repeat: no-repeat;
	background-position: 30px center;
	background-size: 480px;
}

@media (max-width:1480px) {
	.header .logo {
	height: 60px;
	width: 43%;
	min-width: 330px;
	background-repeat: no-repeat;
	background-position: 30px center;
	background-size: 330px;
}
}

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

	.header .logo {
		height: 60px
	}
}

@media (max-width:480px) {
	.header .logo {
		width: 60%!important;
		min-width: auto!important;
		background-size: auto 26px;
		background-position: 20px center
	}
}

.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: 16px;
	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: #fff;
	overflow: hidden;
	position: absolute;
	top: 97%;
	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 .icon-you{top:14px;}
.manual .icon-you:before {
  content: "";
  width: 8px;
  height: 11px;
  display: block;
  background: url(../image/ebad26e61a527abe17eaf62d26e4967a7204ba53.png) no-repeat center;
}
.head-dropinfo .manual .iconfont,.head-dropinfo .manual a {
	color: #fff
}

.head-dropinfo .manual .icon {
	width: 15px;
	height: 15px;
	background: url(../image/9823e63dbb6c005894f9aa5f9459ae5b443940c6.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:1400px) {
	.head-dropinfo.case {
		margin-left: -300px !important
	}
}

@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 {
	width: 30%
}

@media (min-width:1200px) {
	.head-right {
		color: #fff;
		padding-left: .76rem;
		min-width: 400px;
		background: url(../image/bee7c53d54ae384320bc1a634e063ace800ba064.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 {
		width: 35%
	}

	.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('http://cdn.myxypt.com/oht04r04/t/1/images/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/3805b1ab0a1cb7e714a706f432709ea537aeb076.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/71b4bd900c0b96cb6fc7eb522e58ce8cb45c9c89.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/d6191a54f18a1db324ad32ac7273bb0e93122664.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;
	display: none;
}

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

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

.index-banner .textbox .desc {
	font-size: 24px;
	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/b96384acfa28e3e15346a07cbdeadce104f0b559.png);
}

.index-banner .textbox .basemore .iconfont {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	color: #000;
	z-index: 55;
	font-size: 12px
}
.icon-you:before {
  /* content: "";
  width: 7px;
  height: 11px;
  display: block;
  background: url(//cdn.myxypt.com/cce23310/22/08/086c9c94bbfcf11171d12a5d615993aed116a999.png) no-repeat center; */
}

@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('http://cdn.myxypt.com/oht04r04/t/1/images/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: 1400px;
	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: 70vh
}

@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 .3rem;
}

/*新闻*/
.inx_4{}
.p_90_80{padding: 30px 0;}
.in4_top{text-align: center;margin-bottom: 45px;}
.f_48{font-size: 48px;}
.f_40{font-size: 40px;}
.f_20{font-size: 20px;}
.f_16{font-size: 16px;}
.f_14{font-size: 14px;}
.inx_4 .con{display: flex;justify-content: space-between;}

.inx_4 .con .con_le{width: 42.5%;position: relative;}



.inx_4 .con .con_re{width: 54.4%;}

.inx_4 .con .con_le a{display: block;}

.inx_4 .con .con_le a img{width: 100%;}

.inx_4 .con .con_le .le_img{overflow: hidden;}

.inx_4 .con .con_le .le_txt{background: #f5f5f5;padding: 20px 80px 0 55px;height: 170px;}

.inx_4 .con .con_le .t1{color: #999999;}

.inx_4 .con .con_le .t2{color: #333333;margin:  10px 0;  overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;
	line-height: 30px;
}

.inx_4 .con .con_le .t3{color: #666666;line-height: 25px; word-break: break-all;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2; 

    overflow: hidden;}

.inx_4 .con .con_le:hover img{transform: scale(1.05);}

.inx_4 .con .con_le:hover .t2{color: #003574;}

.inx_4 .con .con_re .li{height: 150px;margin-bottom: 10px;border-radius: 2px 50px 2px 2px;overflow: hidden;}

.inx_4 .con .con_re .li a{display: flex;align-items: center;height: 100%;}

.inx_4 .con .con_re .li a .a_le{display: flex;align-items: flex-end;justify-content: center;color: #999999;width: 160px;position: relative;}

.inx_4 .con .con_re .li a .a_le::after{position: absolute;content: "";width: 1px;height: 40px;background: #dcdcdc;top: 50%;right: 0;transform: translateY(-50%);}

.inx_4 .con .con_re .li a .a_le .sp1{color: #333333;line-height: 32px;}

.inx_4 .con .con_re .li a .a_le .sp2{color: #999999;line-height: 20px;}

.inx_4 .con .con_re .li a .a_re{width: calc(100% - 160px);padding-left: 30px;}

.inx_4 .con .con_re .li a .a_re .re_top{margin-bottom: 15px; overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;line-height: 30px;}

.inx_4 .con .con_re .li a .a_re .re_bot{line-height: 25px; word-break: break-all;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2; 

    overflow: hidden;

	color: #666666;

}


.inx_4 .con .con_re .li:hover{background: url(../image/in4_2.jpg) center no-repeat;background-size: cover;}

.inx_4 .con .con_re .li:hover a .a_re .re_top{color: #fff;}

.inx_4 .con .con_re .li:hover a .a_re .re_bot{color: rgba(255, 255, 255, 0.7);}

.inx_4 .con .con_re .li:hover a .a_le {color: #fff;}


.inx_4 .con .con_re .li:hover a .a_le .sp2{color: #fff;}

.inx_4 .con .con_re .li:hover a .a_le .sp1{color: #fff;}






@media (max-width:768px) {
	.f_12 {font-size: 12px;}
  
    .f_16 {font-size: 14px;}
  
    .f_18 {font-size: 16px;}
  
    .f_20 {font-size: 16px;}
  
    .f_22 {font-size: 16px;}
  
    .f_24 {font-size: 16px;}
  
    .f_26 {font-size: 16px;}
  
    .f_28 {font-size: 18px;}
  
    .f_30 {font-size: 18px;}
  
    .f_32 {font-size: 20px;}
  
    .f_34 {font-size: 20px;}
  
    .f_36 {font-size: 20px;}
  
    .f_38 {font-size: 20px;}
  
    .f_40 {font-size: 22px;}
  
    .f_42 {font-size: 22px;}
  
    .f_44 {font-size: 24px;}

    .f_48 {font-size: 24px;}

    .f_52 {font-size: 28px;}
	.f_54{font-size: 36px;}

	.f_60{font-size: 28px;}
	.inx_4 .con{flex-wrap: wrap;}

	.inx_4 .con .con_le{width: 100%;margin-bottom: 20px;}

	.inx_4 .con .con_re{width: 100%;}

	.inx_4 .con .con_le .le_txt{padding: 20px;height: auto;}

	.inx_4 .con .con_re .li a .a_le{width: 80px;}

	.inx_4 .con .con_re .li a .a_re{width: calc(100% - 80px);padding-left: 20px;}

	.inx_4 .con .con_re .li a .a_re .re_top{margin-bottom: 5px;}

	.inx_4 .con .con_le .le_img img{width: 100%;}

	.in4_top{margin-bottom: 25px;}
	
	.inx_4 .con .con_re .li{height: 105px;}

	.inx_4 .con .con_re .li a .a_le .sp1{line-height: 20px;}

	.inx_4 .con .con_re .li a .a_le .sp2{line-height: 16px;}









}

.index-nav {
	background: #f6f6f6;
	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: 34px;
	font-size:18px;
	font-weight:600;
}

@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: 2rem;
	height: 2rem;
	display: block;
	margin: 0 auto 3px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	background-position: 0 0;
	background-size: 2rem;
	transition: .3s
}

.index-nav .ic1 {
	background-image: url('http://cdn.myxypt.com/oht04r04/t/1/images/icp_1.png')
}

.index-nav .ic2 {
	background-image: url('http://cdn.myxypt.com/oht04r04/t/1/images/icp_2.png')
}

.index-nav .ic3 {
	background-image: url('http://cdn.myxypt.com/oht04r04/t/1/images/icp_3.png')
}

.index-nav .ic4 {
	background-image: url('http://cdn.myxypt.com/oht04r04/t/1/images/icp_4.png')
}

.index-nav .ic5 {
	background-image: url('http://cdn.myxypt.com/oht04r04/t/1/images/icp_5.png')
}

.index-nav .ic6 {
	background-image: url('http://cdn.myxypt.com/oht04r04/t/1/images/icp_6.png')
}

.index-nav .ic7 {
	background-image: url('http://cdn.myxypt.com/oht04r04/t/1/images/icp_7.png')
}

.index-nav .ic8 {
	background-image: url('http://cdn.myxypt.com/oht04r04/t/1/images/icp_8.png')
}

.index-nav .ic8 {
	background-image: url('http://cdn.myxypt.com/oht04r04/t/1/images/icp_8.png')
}

.index-nav .ic9 {
	background-image: url('http://cdn.myxypt.com/oht04r04/t/1/images/icp_9.png')
}

@media (max-width:768px) {
		.index-nav {
	padding: .8rem 0;
}
	.index-nav li {
		width: 48%
	}

	.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(http://cdn.myxypt.com/oht04r04/t/1/images/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(http://cdn.myxypt.com/oht04r04/t/1/images/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(http://cdn.myxypt.com/oht04r04/t/1/images/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('http://cdn.myxypt.com/oht04r04/t/1/images/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('http://cdn.myxypt.com/oht04r04/t/1/images/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(http://cdn.myxypt.com/oht04r04/t/1/images/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
	}
}



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

.col-body {
	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/a81bcb34888709404a5935f4ae31877f66b24073.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/10ec10d415b478387c76f11fd93dc40362019475.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(http://cdn.myxypt.com/oht04r04/t/1/images/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 .1rem
}

@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(http://cdn.myxypt.com/oht04r04/t/1/images/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('http://cdn.myxypt.com/oht04r04/t/1/images/design_bg.jpg') no-repeat center center;
	background-size: cover
}

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

.design-nav .inner {
	background: url(http://cdn.myxypt.com/oht04r04/t/1/images/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(http://cdn.myxypt.com/oht04r04/t/1/images/cover.png) repeat-y center
}

.swiper-zs::before {
	right: 0;
	background: url(http://cdn.myxypt.com/oht04r04/t/1/images/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('http://cdn.myxypt.com/oht04r04/t/1/images/ic_js1.png')
}

.gyl-step .ic2 {
	background-image: url('http://cdn.myxypt.com/oht04r04/t/1/images/ic_js2.png')
}

.gyl-step .ic3 {
	background-image: url('http://cdn.myxypt.com/oht04r04/t/1/images/ic_js3.png')
}

.gyl-step .ic4 {
	background-image: url('http://cdn.myxypt.com/oht04r04/t/1/images/ic_js4.png')
}

.gyl-step .ic5 {
	background-image: url('http://cdn.myxypt.com/oht04r04/t/1/images/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('http://cdn.myxypt.com/oht04r04/t/1/images/scc_1.png')
}

.sc-step .row3 .ic2 {
	background-image: url('http://cdn.myxypt.com/oht04r04/t/1/images/scc_2.png')
}

.sc-step .row3 .ic3 {
	background-image: url('http://cdn.myxypt.com/oht04r04/t/1/images/scc_3.png')
}

.sc-step .row3 .ic4 {
	background-image: url('http://cdn.myxypt.com/oht04r04/t/1/images/scc_4.png')
}

.sc-step .row3 .ic5 {
	background-image: url('http://cdn.myxypt.com/oht04r04/t/1/images/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('http://cdn.myxypt.com/oht04r04/t/1/images/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('http://cdn.myxypt.com/oht04r04/t/1/images/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('http://cdn.myxypt.com/oht04r04/t/1/images/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('http://cdn.myxypt.com/oht04r04/t/1/images/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(http://cdn.myxypt.com/oht04r04/t/1/images/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(http://cdn.myxypt.com/oht04r04/t/1/images/pdf.png) no-repeat 0 center;
	background-size: .32rem
}

.support-list li .ic-down {
	width: .24rem;
	height: .24rem;
	background: url(http://cdn.myxypt.com/oht04r04/t/1/images/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('http://cdn.myxypt.com/oht04r04/t/1/images/ic_contact_1.png')
}

.contact-map .ic-tel {
	background-image: url('http://cdn.myxypt.com/oht04r04/t/1/images/ic_contact_2.png')
}

.contact-map .ic-cz {
	background-image: url('http://cdn.myxypt.com/oht04r04/t/1/images/ic_contact_3.png')
}

.contact-map .ic-email {
	background-image: url('http://cdn.myxypt.com/oht04r04/t/1/images/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('http://cdn.myxypt.com/oht04r04/t/1/images/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('http://cdn.myxypt.com/oht04r04/t/1/images/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(http://cdn.myxypt.com/oht04r04/t/1/images/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('http://cdn.myxypt.com/oht04r04/t/1/images/wx_1.png')
}

.culture-box-1 .inner .ic.ic2 {
	background-image: url('http://cdn.myxypt.com/oht04r04/t/1/images/wx_2.png')
}

.culture-box-1 .inner .ic.ic3 {
	background-image: url('http://cdn.myxypt.com/oht04r04/t/1/images/wx_3.png')
}

.culture-box-1 .inner .ic.ic4 {
	background-image: url('http://cdn.myxypt.com/oht04r04/t/1/images/wx_4.png')
}

.culture-box-1 .inner .ic.ic5 {
	background-image: url('http://cdn.myxypt.com/oht04r04/t/1/images/wx_5.png')
}

.culture-box-1 .inner .ic.ic6 {
	background-image: url('http://cdn.myxypt.com/oht04r04/t/1/images/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('http://cdn.myxypt.com/oht04r04/t/1/images/wx_1_on.png')
}

.culture-box-1 .inner:hover .ic2 {
	background-image: url('http://cdn.myxypt.com/oht04r04/t/1/images/wx_2_on.png')
}

.culture-box-1 .inner:hover .ic3 {
	background-image: url('http://cdn.myxypt.com/oht04r04/t/1/images/wx_3_on.png')
}

.culture-box-1 .inner:hover .ic4 {
	background-image: url('http://cdn.myxypt.com/oht04r04/t/1/images/wx_4_on.png')
}

.culture-box-1 .inner:hover .ic5 {
	background-image: url('http://cdn.myxypt.com/oht04r04/t/1/images/wx_5_on.png')
}

.culture-box-1 .inner:hover .ic6 {
	background-image: url('http://cdn.myxypt.com/oht04r04/t/1/images/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
	}
}
@media (max-width:640px) {
	.ginfo-downloads {
		padding-bottom: 0
	}
}
.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/7fa9d5f63ca5d8826d741a0a0b33bb5e3090335b.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
}
.col-body .content{line-height: 2;}

.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(http://cdn.myxypt.com/oht04r04/t/1/images/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(http://cdn.myxypt.com/oht04r04/t/1/images/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: 768px){
	footer{padding-bottom: 60px;}
}

@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%
}

/*内页左侧样式*/

.page-product-inquiry a{color: #fff;}

.wei{padding-left: 20px;line-height: .7rem;background: url(../image/761bbd83aeb99f79db8dc5be0ca4b07601d40a28.jpg) no-repeat left center;}
.wei:hover{background: url(../image/09892ceabe171d1532520a1b53a18a9815e60e00.jpg) no-repeat left center;}
.fen .xypg-left-nav{
	margin: 0;
	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: 0;
}
.xypg-left-nav > li{border: none;}
.fen .xypg-left-nav > li .first-nav-btn{display: none;}
.fen .xypg-left-nav > li > a{
	    padding: 0 16px;
    color: #666;
    display: inline-block;
    margin-left: 20px;
    position: relative;
    text-align: center;
	line-height: .7rem;
}

.fen .xypg-left-nav > li:hover > a,.fen  .xypg-left-nav > li.clicked > a {
    font-weight: bold;
    color: #002f7b;
}
.fen .xypg-left-nav > li.clicked > a::after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 0.04rem;
    background: #002f7b;
    bottom: 0;
    left: 0;
}
.v-share .social-share{font-size: 0;}
.v-share .social-share .social-share-icon {
	font-family: "iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-size: 20px;
    display: inline-block;
    margin:0 0 0 10px;
	border:none;
	width: 20px;
	line-height: 22px;
	height: 22px;
	color: #333;
}
.v-share .social-share .icon-weibo:before{content: "\e60a";}
.v-share .social-share .social-share-icon:hover{color:#002f7b;background: none;}
.v-share .social-share .icon-wechat:before{content: "\e63e";}
.v-share .social-share .icon-qq:before{content: "\e6fd";}
.v-share .social-share .icon-qzone:before{content: "\e624";}



@media(max-width: 992px){
	.page-banner{margin-top: 60px;}
	.fen{float: none;width: 100%;}
}

@media(max-width: 640px){
	.fen{float: none;width: 100%;}
	.fen .xypg-left-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: center;
		box-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		flex-wrap: wrap;
	}
	.fen .xypg-left-nav > li > a{margin-left: 0;font-size: 14px;padding: 0 10px;}
}
















@font-face {font-family: "iconfont";
  src: url('http://cdn.myxypt.com/oht04r04/t/1/assets/iconfont.eot?t=1593592690158'); /* IE9 */
  src: url('http://cdn.myxypt.com/oht04r04/t/1/assets/iconfont.eot?t=1593592690158') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAwcAAsAAAAAFqAAAAvOAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCGbAqaLJRvATYCJANwCzoABCAFhG0Hghgb4RJRlHJWU7KvDmxTY2F/TK1GVLTVUfFE4/BdDwt/H1/ciYfv117P3X0hAJUUaTz6OmQjmwoJwKpTF1eQADS+/+fp1PfvR7648KCwUpqKHKFORIobgP7vWplZBHuYu5OArEo88AM78HcgZZIEnnzr+nxdHbCQQD0AIBATym0hVBFcyOn3ByZB3eZ16738v11aR+o+iVoSvglSdRZYyWrfHLiriEwmyNv7436pBiCJKbsKV6t+jpO8g1egX6LcFZh02YjKbisAugG6zk1vysmBgHgu7YVy80E+TADlbPWB1qxs7SAZNIoHHXZKrpNMIRNtTFBgWRhDLkwsNAPoWNlE4jJwNPr38R2mggWQoeegHrV287JF5j7Bl214RNeIsvJLcHl5+ahcBHJgEkggax1aEfWAEzYZCc6w7jQUMMpefFvWJ0xxKB4lp1yoXpQ35UcFUGFUJpVD1VJf6l+rXlheUC+3dXXxCaZKz9mjxrV9/Ko+9NBPp6f10P9nngfQgYQQWLh42MSkOBj45CQUMBoZJgElFSE1ETqIYqB9JSA2yroO8AmsNgMEagAIuH7AcAAHVArwQBWAHA5wBpUBLqA6oBeoEfCGWxb4gYqBAFAVEAa3XMgE1QM5oBagBpQDtaAEfAE1Af9IpQR8VqVSDT5bUmkFn9u5cdABqgE6Qe0ARb5ad5wO7T2m0inkAmBFuc0DgKKloHxfAAsRRMfMZ0CRQPfgVITGC6JgJirdGJUMGg1xkNuJh/iIx2PI2WyROTm7mcfjsFUKFU8g6GGnsOKpZgqeNVMojptJ5GKJRGh/LY/HZjfGOQQP+BkX81FjjgfiGJwSMweU6EJaRmHdyO78taoRczgDK0zxACFdQGssrCsQvoSjKR/yEiQEqPQl5WoFY0pzjpGZJEJpuoZhSfNH5dQbZB5GNygccbdDyPiyqN4zI4cMx14UlPwycozmLOem6I/pGky+0SIGWnDcpFZ0duq+6Z5z4HUOaTp/uleovLvgtRXUu+ls3jdP3NOCotL2YFH8cvJGnRYlq59lq8WQFiXFJ9mM2UplqFP9kYA2kk3RAkVpezEPBELrAH5+ZaRTPl7xLlGedEzt/YsSKYapC2+ZYuQ2k33JMPL9YjXDAln3Yrnls9HQZuHCsHyKwYSQknPWKkEn2I3yIPLieT+VNwmweDjUi0SCgWx3EMXw6Z/pngIVL6ahDtyqJlzV2rzEC4lBspD/cRNPjSlGi3sgtMf1o9Unh2TbyC9OE3W1AL8UREoF5rTsa24W5O/866O/BzI7v+lT21/OhxXd6SpYGUbC4dzYLXw9tXPAjb15puWio2CKbUaV/IWOfavXzydbTietlbojqYq5p5hWsAtigWYL/QoRe7GbikcFbV47HI3YFt9LN6QEQtQkD6Uf521kdfNkC+PEn2CMDR8vsUWgmNFDl3m6kGZE+LpjO2Ys3m5xxR13xjPg+Oo+V5pl2S8VW2rFDmELO2h3gs1VPKZl4J60N1qbbjSK3ufqBh1msmc9ulMr/HJYpMugTXo0t6fr98pnf2f0/mvNRPNUzJ7NjTbeIp8BF5yac+JYwu1daOElWxXl90WcafgHZV+Ltw2NaLbJhkruSumROaMzHFYtR4axy7ueaPum5Po/7VbMKu5FQ3W6e/mK2bwKKQH2CtU9aL7l2G85RX/KFdIsWbv9F3uq3dtvI8YhpPJA2YJL1i51yPkZ4JePguZkZ5/y4gYbZb5QNqPM7AwRs4yfM/JmAGPaxlfVErPJN691k7W5y+2729sTCfYhFng+dvD199WRZOcLulTn/GdfIi+xfdND5CH2788zjnekO7M6WIdGQJffEdqfPwnTEUkxZl0q2jNb8Zs3GFOrpBglBk1YU+kb4cNH+hfADSmTqSjYPmywNok4sBS3kMXVwSv73KqJ2YFQfHibhSueTjNn9R3seajn5p6bLufKPOtZ6LL+2wqfjGlGQhH3JApjRU9GNxO6LTkGq/jamcLKgz+SHchZDcmbgfcbvRkLUzmVTDNvu3pVG8XvYRfAvxTr5D9YkKgtbyc59Vnnv70LGMLv+huLIhESb9lTHPd7GGY6VSdW7FdEiAePipvRklB+sw6jZYPJ1ZdWdj+O7RGBFhiSqiqYkDUITCSei+aqQvwq4XtT84DJZkfrEMcklXKwc2xmY16PsTN6uEYJCtqkQ2/k1yab058yDXkueWm7D0zV4/nZKFL8MfeL61N18fnxREQs6l79dHm51G54qrb1psmhv7WPk/uE2ecDdzkvDax/6XwwMNT6PkTzxzIk9n87pjtKifq7c+sJobnV/DweVTlafNUBBEVnamK0hnY60zYh8btYwBcHQKKIjoj4BkqBFUBvbrrZ3U3zvNMYLFvI6/uIMnk3WQ3Fn8ezBOnFkWShs90Fa9Zh8Sh5JYy96XTTTGwPeE37+/fUKp46Y3aDk7GmO+r6eV5zTA0N3vNMs9UNwS8c7jH4tWpCcfy533yJlYTHv3BhgcpRPRHC3u5KK68ds08e7Pw/Cm1lhL1rT2MyPKevnygqTi26hVpOP85ud9YS5E8kTUXEDc1elwQTz/o6afulqxYdGo1e25aUDGg+9xfUfLaUTvplgM6JpOPxEy1kScgqc7YyqYFlr2k5eWpyFrxZ3Nq6QOmonDB8+Er5o/VHYfi5szeKJy1obTX7MyW9rz+6QVOpaNJ0o0wxZl34Tsv30b59S5j2SYpR7mj1mv0Wk3tm5mfnx2z5qAn6j7es/XXjkdUsNLeYhTYio60R7Nc1k7diK7GgmZCDVfESflOP85GdBOC5fvt/vXpd7mZO0Ghh3q4nc8ufREY+slroDv9SPveJweBgmGiln7Gh/+xnaoN6kt4A9b8t7wWC95ZP3nYE5TxtbbVkHkZSfBrXDZYPCpNbNhUrfGEbq8OHv3AXgc9e2d49Pz8hAu9482bHreu842attAhyUz9i796FNkZr1xtX8OzTp2ZhwuWPQsw26wZ/dCBFQ/TBcAufPg2brnLLLq2YoFwwasVAhSZvYuVo3XZgXR94ZXEDfSaMzptQOQY2gPVwm4nat9+nS7GF1tlJ28Ljh8a5XGLakcPTcKDqfUPOne4RNi9MIhKN3r92DKHPsV48yKHB8foK/PwCuZzUHj9Xe550oz+nuZE1551Yd8fkk4Von2tDnD5OxheB0dZsG2RruJAsNNgZbI12Rhhe6PoTFG7aivUARIguNeVzK7AtIc8sc5xwDPuPC5olfrP7w5y6y9+OEF3Io05iE7bjNAugPDFtwMtQjzlRjF7HBmc4pvmMG1CPEVnS2Z6KoNtobexB+3EP9RGxHfVA7AsZ/9E2ykfrxC6RY7ubOE4WHSdqcKnlR6atK7xE4V+4gwOkf5tP5gp9vrG4f5ubnjtWNUjDdlYpRXx6AvwiDkodgHSualBZnak5AXahPkw3FrRrj+00QFpmQLleAn4XS+o93UZz09S6n2ezLCMZJhuSY3F2Sm59SBEuIynG4k/K9RZ6eQVSgziU2ADGjQ0IIrKdEASOEUzkihPN7Qmhk3tHGESBCUdKkDfk6hbluaAA9AgsWjCQlheix0xOlIs7bgOuHD3IG6KoXRCEsprq+ml7G1bBg2AZpzS28IGmJkZLGtClIcHjwHGQ1jVgDcyop6wpqk9oNCXDTu0prHVJTpAA0EU+qYUqcCJtORPysOUjub6/vw3gFIcuGDNiK+0uIBCSKqX7wx9xCqdV4U014rZ0b3QUN6BJ5DPU9g8gFxUi8oGjHYiqG75fDTBFepTNIesmaMRMJdOKnvWb3VtEuPhGVffrDAJhREN0xEBMxEJsxEHcX7JPJEBCJEJiJEEkkiIZkiMFUiIVUiMrZI1sgLZd6gN0B16Z9/coYreGAFWhFD1+UgTNhI6xev9NcmND6nhSyJMKu+n1J9GDZJUMhUzZ3VCdgGShgyHEx/DC2T+hu6k2kFxE6QJw8FihHA9EtWT04u7AeJGShSJUhgOHp+hVCh63FCbljqlGVKHCeBPWExQd8/KTKWZPFqUbhdKPS48QAA==') format('woff2'),
  url('http://cdn.myxypt.com/oht04r04/t/1/assets/iconfont.woff?t=1593592690158') format('woff'),
  url('http://cdn.myxypt.com/oht04r04/t/1/assets/iconfont.ttf?t=1593592690158') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('http://cdn.myxypt.com/oht04r04/t/1/assets/iconfont.svg?t=1593592690158') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-jia2:before {
  content: "\e602";
}

.icon-jian2:before {
  content: "\e603";
}

.icon-jian1:before {
  content: "\e66e";
}

.icon-jia1:before {
  content: "\e66f";
}

.icon-rrou:before {
  content: "\e8ae";
}

.icon-gongzhonghao:before {
  content: "\e63e";
}

.icon-qq:before {
  content: "\e6fd";
}

.icon-tubiaozhizuo-:before {
  content: "\e60a";
}

.icon-qzone:before {
  content: "\e624";
}

.icon-lishi:before {
  content: "\e63b";
}

.icon-shouye:before {
  content: "\e60c";
}

.icon-close:before {
  content: "\e616";
}

.icon-zuo:before {
  content: "\e640";
}

.icon-icon-toright:before {
  content: "\e719";
}

.icon-below-t:before {
  content: "\e7e4";
}

.icon-you:before {
  content: "\e7e6";
}

.icon-jian:before {
  content: "\e625";
}

.icon-jia:before {
  content: "+";
      font-size: 28px;
    font-weight: lighter;
	line-height:1;
}

.icon-dui:before {
  content: "\e601";
}

.icon-double_right:before {
  content: "\e62a";
}

.icon-gengduo:before {
  content: "\e6f3";
}

.icon-right:before {
  content: "\e648";
}

.icon-sousuo:before {
  content: "\e65e";
}

.icon-top:before {
  content: "\e7e1";
}

.icon-down:before {
  content: "\e7e3";
}

.icon-double_left:before {
  content: "\e7e5";
}

.icon-shuaxin:before {
  content: "\e600";
}

.xypg-right-content p img{max-width:100%; height:auto !important;width:auto !important;}