@font-face {
	font-family: "NY-REG";
	src: url("../fonts/noway-regular-webfont.eot");
	src: url("../fonts/noway-regular-webfont.eot") format("embedded-opentype"), url("../fonts/noway-regular-webfont.woff2") format("woff2"), url("../fonts/noway-regular-webfont.woff") format("woff"), url("../fonts/noway-regular-webfont.ttf") format("truetype"), url("../fonts/noway-regular-webfont.svg#noway-regular-webfont") format("svg");
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: "NY-LI";
	src: url("../fonts/noway_light.eot");
	src: url("../fonts/noway_light.eot") format("embedded-opentype"), url("../fonts/noway_light.woff2") format("woff2"), url("../fonts/noway_light.woff") format("woff"), url("../fonts/noway_light.ttf") format("truetype"), url("../fonts/noway_light.svg#noway_light") format("svg");
	font-weight: normal;
	font-style: normal
}

.ovh {
	overflow: hidden
}

* {
	-webkit-font-smoothing: antialiased
}

input,
textarea,
a {
	-webkit-tap-highlight-color: transparent
}

textarea {
	-webkit-appearance: none
}

html {
	font-size: 20px
}

@media only screen and (min-width: 360px) {
	html {
		font-size: 26px !important
	}
}

@media only screen and (min-width: 435px) {
	html {
		font-size: 32px !important
	}
}

@media only screen and (min-width: 500px) {
	html {
		font-size: 36px !important
	}
}

@media only screen and (min-width: 769px) {
	html {
		font-size: 40px !important
	}
}

@media only screen and (min-width: 1025px) {
	html {
		font-size: 48px !important
	}
}

a:hover {
	color: unset
}

.loading-sw {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 44px;
	height: 44px;
	margin: -22px 0 0 -22px;
	background: url(../images/loadings.gif) no-repeat center center;
	animation: spinner 1000ms infinite linear;
	z-index: 0;
	zoom: 1
}

.hasloading {
	opacity: 0;
	filter: alpha(opacity=0);
	visible: hidden
}

@keyframes spinner {
	0% {
		transform: rotate(0deg)
	}
	100% {
		transform: rotate(360deg)
	}
}

@keyframes spinner2 {
	0% {
		transform: rotate(0deg)
	}
	100% {
		transform: rotate(-360deg)
	}
}

ul,
li {
	float: none
}

a {
	cursor: pointer
}

.in-block,
.fw-n .w1280 div,
.ex-link-e,
.ex-link-f,
.bocweb-header .icon-box .wechat,
.bocweb-header .icon-box a,
.bocweb-header .pc-wrap .hide-nav .w1280 .text-box ul li .link,
.bocweb-header .mb-wrap .bocweb-nav ul li .hide a span,
.bocweb-footer .hot-line .title,
.bocweb-footer .hot-line .title span,
.bocweb-footer .lang-box .title,
.bocweb-footer .lang-box .title span,
.bocweb-footer .copy-right .back-top,
.bocweb-footer .mb-wrap .nav-box .nav li .icon-box .title,
.bocweb-footer .mb-wrap .nav-box .nav li .icon-box .wechat,
.bocweb-footer .mb-wrap .nav-box .nav li .icon-box a,
.bocweb-footer .mb-wrap .nav-box .nav li .lang-box .lang,
.inner-banner .swiper .swiper-wrapper .swiper-slide .img-box .video-btn span,
.main.pro-info .ex-sub-nav .wrap .left span,
.ex-link-box span,
.ex-point-box span,
.ex-point-box.lg span,
.ex-close span,
.page a,
.pagination a {
	display: inline-block;
	*display: inline;
	*zoom: 1
}

.table {
	display: table;
	width: 100%;
	height: 100%
}

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

.is960 {
	display: block
}

@media (max-width: 960px) {
	.is960 {
		display: none
	}
}

.is800 {
	display: block
}

@media (max-width: 800px) {
	.is800 {
		display: none
	}
}

.is768 {
	display: block
}

@media (max-width: 768px) {
	.is768 {
		display: none
	}
}

.is750 {
	display: block
}

@media (max-width: 750px) {
	.is750 {
		display: none
	}
}

.is680 {
	display: block
}

@media (max-width: 680px) {
	.is680 {
		display: none
	}
}

.is450 {
	display: block
}

@media (max-width: 450px) {
	.is450 {
		display: none
	}
}

.w1280 {
	width: 1280px;
	margin: 0 auto
}

.w1280 .wrap {
	position: relative;
}

@media (max-width: 1300px) {
	.w1280 {
		width: 94%
	}
}

@media (max-width: 750px) {
	.w1280 {
		width: 86.67%
	}
}

@media (max-width: 450px) {
	.w1280 {
		width: 94%
	}
}

button,
input,
textarea {
	border: none;
	border-radius: 0;
	outline: none
}

button:focus,
input:focus,
textarea:focus {
	outline: none
}

.banner,
.box1,
.box2,
.box3,
.box4,
.box5,
.box6,
.box7 {
	/* overflow: hidden */
}

.ex-link-e {
	width: 135px;
	height: 36px;
	line-height: 36px;
	border: 1px solid #9c9b9a;
	border-radius: 40px;
	font-size: 14px;
	text-align: center;
	color: #000;
	transition: color .35s ease, border-color .3s ease, background-color .35s ease
}

@media (min-width: 1025px) {
	.ex-link-e:hover {
		border-color: #333;
		background-color: #f8f8f8
	}
}

@media (max-width: 1024px) {
	.ex-link-e {
		width: 2.8125rem;
		height: .75rem;
		line-height: .75rem
	}
}

@media (max-width: 500px) {
	.ex-link-e {
		width: 102px;
		height: 28px;
		line-height: 28px
	}
}

.h-pc-bg {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .3;
	filter: alpha(opacity=30);
	z-index: 500
}

html,
button,
input,
select,
textarea {
	font-family: "Microsoft YaHei Light", "Microsoft YaHei", "Helvetica Neue", "PingFang SC", Helvetica, Tahoma, sans-serif
}

@media (min-width: 1025px) {
	.js-m .js-m-top,
	.js-m2 .js-m-top,
	.js-m3 .js-m-top {
		opacity: 0;
		filter: alpha(opacity=0);
		transform: translateY(-30px);
		transition: opacity 1s, transform 1s
	}
	.js-m .js-m-btm,
	.js-m2 .js-m-btm,
	.js-m3 .js-m-btm {
		opacity: 0;
		filter: alpha(opacity=0);
		transform: translateY(30px);
		transition: opacity 1s, transform 1s
	}
	.js-m .js-m-left,
	.js-m2 .js-m-left,
	.js-m3 .js-m-left {
		opacity: 0;
		filter: alpha(opacity=0);
		transform: translateX(-30px);
		transition: opacity 1s, transform 1s
	}
	.js-m .js-m-right,
	.js-m2 .js-m-right,
	.js-m3 .js-m-right {
		opacity: 0;
		filter: alpha(opacity=0);
		transform: translateX(30px);
		transition: opacity 1s, transform 1s
	}
	.js-m.animate .js-m-top,
	.js-m.animate .js-m-btm,
	.js-m2.animate .js-m-top,
	.js-m2.animate .js-m-btm,
	.js-m3.animate .js-m-top,
	.js-m3.animate .js-m-btm {
		opacity: 1;
		filter: alpha(opacity=100);
		transform: translateY(0px)
	}
	.js-m.animate .js-m-left,
	.js-m.animate .js-m-right,
	.js-m2.animate .js-m-left,
	.js-m2.animate .js-m-right,
	.js-m3.animate .js-m-left,
	.js-m3.animate .js-m-right {
		opacity: 1;
		filter: alpha(opacity=100);
		transform: translateX(0px)
	}
}

.bocweb-header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	/*height: 80px;*/
	z-index: 9
}

.bocweb-header .wrap {
	height: 100%
}

.bocweb-header .bocweb-logo {
	position: relative;
	display: block;
	height: 100%
}

.bocweb-header .bocweb-logo img {
	display: block;
	height: 41.25%;
	/*margin-top: 16%*/
	margin-top: 8%;
}

.bocweb-header .bocweb-logo .b {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	opacity: 0;
	filter: alpha(opacity=0)
}

.bocweb-header .bocweb-nav {
	height: 100%;
	padding-right: 7.8%;
	line-height: 80px
}

.bocweb-header .bocweb-nav ul {
	height: 100%
}

.bocweb-header .bocweb-nav ul li {
	height: 100%
}

.bocweb-header .bocweb-nav ul li .link {
	display: block;
	height: 100%;
	padding: 0 12px;
	font-size: 14px;
	color: #666
}

@media (min-width: 1025px) {
	.bocweb-header .bocweb-nav ul li .link:hover {
		color: #000
	}
}

@media (max-width: 1100px) {
	.bocweb-header .bocweb-nav ul li .link {
		padding: 0 9px
	}
}

@media (max-width: 1300px) {
	.bocweb-header .bocweb-nav {
		padding-right: 1.5%
	}
}
@media (max-width: 1200px) {
	.bocweb-header .bocweb-nav ul li .link{
		padding: 0 8px;
	}
}

.bocweb-header .icon-box {
	padding-top: 22px;
	font-size: 0
}

.bocweb-header .icon-box .wechat {
	position: relative;
	margin-right: 10px;
	vertical-align: middle;
	cursor: pointer
}

.bocweb-header .icon-box .wechat .show {
	position: relative;
	width: 31px;
	vertical-align: middle
}

.bocweb-header .icon-box .wechat .show img {
	max-width: 100%
}

.bocweb-header .icon-box .wechat .show .b,
.bocweb-header .icon-box .wechat .show .c {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: opacity 0.5s
}

.bocweb-header .icon-box .wechat .hide {
	display: none;
	position: absolute;
	top: 102%;
	left: 50%;
	width: 122px;
	margin-left: -61px
}

.bocweb-header .icon-box .wechat .hide img {
	display: block;
	margin: 0 auto;
	max-width: 100%
}

@media (min-width: 1025px) {
	.bocweb-header .icon-box .wechat:hover .show .b {
		opacity: 1;
		filter: alpha(opacity=100)
	}
}

.bocweb-header .icon-box a {
	position: relative;
	width: 31px;
	margin-right: 8px;
	vertical-align: middle
}

.bocweb-header .icon-box a img {
	max-width: 100%
}

.bocweb-header .icon-box a .b,
.bocweb-header .icon-box a .c {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: opacity 0.5s
}

@media (min-width: 1025px) {
	.bocweb-header .icon-box a:hover .b {
		opacity: 1;
		filter: alpha(opacity=100)
	}
}

.bocweb-header .bocweb-search {
	position: relative;
	width: 180px;
	height: 28px;
	margin-top: 22px;
	margin-left: 2px;
	line-height: 28px
}

.bocweb-header .bocweb-search form {
	display: block;
	width: 100%;
	height: 100%
}

.bocweb-header .bocweb-search .input-box {
	width: 100%;
	height: 100%;
	border-radius: 100px;
	border: 1px solid #cfcecd;
	border: 1px solid rgba(0, 0, 0, 0.5);
	overflow: hidden;
	box-sizing: border-box
}

.bocweb-header .bocweb-search .input-box .btn {
	display: block;
	box-sizing: border-box;
	width: 30px;
	height: 100%;
	background-color: transparent;
	background: url(../images/h-search.png) no-repeat left center
}

.bocweb-header .bocweb-search .input-box .text {
	display: block;
	width: 148px;
	height: 100%;
	box-sizing: border-box;
	font-size: 14px;
	text-indent: 1em;
	background-color: transparent
}

.bocweb-header .bocweb-search .input-box .text::-webkit-input-placeholder {
	color: #000
}

.bocweb-header .bocweb-search .input-box .text:-moz-placeholder {
	color: #000
}

.bocweb-header .bocweb-search .input-box .text::-moz-placeholder {
	color: #000
}

.bocweb-header .bocweb-search .input-box .text:-ms-input-placeholder {
	color: #000
}

.bocweb-header .bocweb-search .sear-hide {
	display: none;
	position: absolute;
	top: 99%;
	left: 2%;
	width: 96%
}

.bocweb-header .bocweb-search .sear-hide .hide {
	width: 100%;
	margin-top: 10px;
	background-color: #fff;
	border-radius: 4px;
	box-sizing: border-box;
	padding: 15px 8px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15)
}

.bocweb-header .bocweb-search .sear-hide .hide a {
	display: block;
	font-size: 14px;
	color: #666
}

@media (min-width: 1025px) {
	.bocweb-header .bocweb-search .sear-hide .hide a:hover {
		color: #ba8f5a
	}
}

@media (max-width: 1080px) {
	.bocweb-header .pc-wrap {
		display: none
	}
}

.bocweb-header .pc-wrap .wrap {
	position: relative;
	z-index: 400
}

.bocweb-header .pc-wrap .hide-nav {
	display: none;
	position: absolute;
	top: 79px;
	left: 0;
	width: 100%;
	background: #f8f8f8
}

.bocweb-header .pc-wrap .hide-nav .w1280 {
	height: 396px;
	padding: 50px 0 62px
}

.bocweb-header .pc-wrap .hide-nav .w1280 .text-box {
	max-width: 230px;
	height: 100%;
	opacity: 0;
	filter: alpha(opacity=0);
	transform: translate(0, 8px);
	transition: all 0.4s 0.1s
}

.bocweb-header .pc-wrap .hide-nav .w1280 .text-box .title {
	font-size: 14px;
	color: #666
}

.bocweb-header .pc-wrap .hide-nav .w1280 .text-box ul li {
	position: relative;
	margin-top: 1px;
	transition: all 0.5s
}

.bocweb-header .pc-wrap .hide-nav .w1280 .text-box ul li .link {
	height: 44px;
	font-size: 18px;
	color: #888
}

.bocweb-header .pc-wrap .hide-nav .w1280 .text-box ul li .link .cn {
	display: block;
	padding-right: 8px;
	word-break: keep-all
}

.bocweb-header .pc-wrap .hide-nav .w1280 .text-box ul li .link .en {
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	font-family: "NY-LI";
	opacity: 0;
	filter: alpha(opacity=0);
	transform: translateY(10px);
	word-break: keep-all;
	width: 150px;
	transition: all 0.5s
}

.bocweb-header .pc-wrap .hide-nav .w1280 .text-box ul li .link:hover .en {
	opacity: 1;
	filter: alpha(opacity=100);
	transform: translateY(0)
}

.bocweb-header .pc-wrap .hide-nav .w1280 .text-box ul li.cur {
	transform: translateY(-10px)
}

.bocweb-header .pc-wrap .hide-nav .w1280 .text-box ul li.cur .link {
	color: #000
}

.bocweb-header .pc-wrap .hide-nav .w1280 .img-wrap {
	height: 100%;
	transition: transform 0.5s 0.2s, opacity 0.5s 0.2s;
	transform: translate(0, 10px);
	opacity: 0;
	filter: alpha(opacity=0)
}

.bocweb-header .pc-wrap .hide-nav .w1280 .img-wrap .left {
	height: 100%
}

.bocweb-header .pc-wrap .hide-nav .w1280 .img-wrap .left .img-box {
	overflow: hidden
}

.bocweb-header .pc-wrap .hide-nav .w1280 .img-wrap .left .img-box .img img {
	display: block;
	max-width: 100%;
	max-height: 100%
}

.bocweb-header .pc-wrap .hide-nav .w1280 .img-wrap .left .img-box .name-box {
	position: absolute;
	bottom: 14px;
	left: 0;
	width: 100%;
	transition: all 0.5s;
	text-align: center;
	color: #fff
}

.bocweb-header .pc-wrap .hide-nav .w1280 .img-wrap .left .img-box .name-box .e {
	font-size: 26px;
	font-family: "NY-REG"
}

.bocweb-header .pc-wrap .hide-nav .w1280 .img-wrap .left .img-box .name-box .c {
	font-size: 18px
}

.bocweb-header .pc-wrap .hide-nav .w1280 .img-wrap .right {
	width: 610px;
	height: 100%;
	overflow: hidden
}

.bocweb-header .pc-wrap .hide-nav .w1280 .img-wrap .img-box {
	position: relative;
	display: block;
	background-color: #fff
}

.bocweb-header .pc-wrap .hide-nav .w1280 .img-wrap .img-box .hot,
.bocweb-header .pc-wrap .hide-nav .w1280 .img-wrap .img-box .new {
	position: absolute;
	z-index: 501;
	top: 12px;
	width: 30px;
	height: 30px;
	background-position: center center;
	background-repeat: no-repeat
}

.bocweb-header .pc-wrap .hide-nav .w1280 .img-wrap .img-box .hot {
	right: 16px;
	background-image: url(../images/hot.png)
}

.bocweb-header .pc-wrap .hide-nav .w1280 .img-wrap .img-box .new {
	left: 16px;
	background-image: url(../images/new.png)
}

.bocweb-header .pc-wrap .hide-nav .w1280 .img-wrap .img-box .img {
	position: relative;
	margin: 0 auto;
	top: 26px;
	transition: all 0.5s
}

.bocweb-header .pc-wrap .hide-nav .w1280 .img-wrap .img-box .img img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	max-width: 100%;
	max-height: 100%;
	margin: auto
}

.bocweb-header .pc-wrap .hide-nav .w1280 .img-wrap .img-box.lg {
	width: 450px;
	height: 100%
}

.bocweb-header .pc-wrap .hide-nav .w1280 .img-wrap .img-box.lg .img {
	height: 100%;
	top: 0
}

.bocweb-header .pc-wrap .hide-nav .w1280 .img-wrap .img-box.sm {
	width: 188px;
	height: 190px;
	margin: 0 0 16px 15px
}

.bocweb-header .pc-wrap .hide-nav .w1280 .img-wrap .img-box.sm .img {
	width: 170px;
	height: 120px
}

.bocweb-header .pc-wrap .hide-nav .w1280 .img-wrap .img-box.md {
	width: 392px;
	height: 190px;
	margin-left: 15px
}

.bocweb-header .pc-wrap .hide-nav .w1280 .img-wrap .img-box.md .img {
	width: 385px;
	height: 114px
}

.bocweb-header .pc-wrap .hide-nav .w1280 .img-wrap .img-box .text {
	text-align: center;
	color: #000
}

.bocweb-header .pc-wrap .hide-nav .w1280 .img-wrap .img-box .text .show {
	position: absolute;
	left: 0;
	bottom: 14px;
	width: 100%;
	padding: 0 8px;
	box-sizing: border-box;
	font-size: 18px;
	font-family: "NY-REG";
	transition: all 0.5s
}

.bocweb-header .pc-wrap .hide-nav .w1280 .img-wrap .img-box .text .hide {
	position: absolute;
	left: 0;
	bottom: 14px;
	width: 100%;
	padding: 0 8px;
	box-sizing: border-box;
	font-size: 14px;
	line-height: 1.4;
	transform: translateY(20px);
	opacity: 0;
	filter: alpha(opacity=0);
	transition: all 0.5s
}

.bocweb-header .pc-wrap .hide-nav .w1280 .img-wrap .img-box:hover .img {
	transform: translateY(-14px)
}

.bocweb-header .pc-wrap .hide-nav .w1280 .img-wrap .img-box:hover.lg .img {
	transform: translateY(0)
}

.bocweb-header .pc-wrap .hide-nav .w1280 .img-wrap .img-box:hover.lg .name-box {
	transform: translateY(-14px)
}

.bocweb-header .pc-wrap .hide-nav .w1280 .img-wrap .img-box:hover .text .show {
	opacity: 0;
	filter: alpha(opacity=0);
	transform: translateY(-20px)
}

.bocweb-header .pc-wrap .hide-nav .w1280 .img-wrap .img-box:hover .text .hide {
	opacity: 1;
	filter: alpha(opacity=100);
	transform: translateY(-6px)
}

@media (max-width: 1350px) {
	.bocweb-header .pc-wrap .hide-nav .w1280 {
		width: 990px;
		height: 316.8px;
		padding: 40px 0 49.6px
	}
	.bocweb-header .pc-wrap .hide-nav .w1280 .text-box ul li {
		margin-top: 32px
	}
	.bocweb-header .pc-wrap .hide-nav .w1280 .text-box ul li .link {
		height: 44px;
		font-size: 16px
	}
	.bocweb-header .pc-wrap .hide-nav .w1280 .text-box ul li .link .en {
		width: 150px
	}
	.bocweb-header .pc-wrap .hide-nav .w1280 .img-wrap .right {
		width: 488px
	}
	.bocweb-header .pc-wrap .hide-nav .w1280 .img-wrap .img-box .img {
		top: 16px
	}
	.bocweb-header .pc-wrap .hide-nav .w1280 .img-wrap .img-box.lg {
		width: 360px
	}
	.bocweb-header .pc-wrap .hide-nav .w1280 .img-wrap .img-box.sm {
		width: 150.4px;
		height: 152px;
		margin: 0 0 12.8px 12px
	}
	.bocweb-header .pc-wrap .hide-nav .w1280 .img-wrap .img-box.sm .img {
		width: 136px;
		height: 96px
	}
	.bocweb-header .pc-wrap .hide-nav .w1280 .img-wrap .img-box.md {
		width: 313.6px;
		height: 152px;
		margin-left: 12px
	}
	.bocweb-header .pc-wrap .hide-nav .w1280 .img-wrap .img-box.md .img {
		width: 308px;
		height: 91.2px
	}
	.bocweb-header .pc-wrap .hide-nav .w1280 .img-wrap .img-box .text .show {
		bottom: 10px;
		font-size: 16px
	}
	.bocweb-header .pc-wrap .hide-nav .w1280 .img-wrap .img-box .text .hide {
		bottom: 10px
	}
	.bocweb-header .pc-wrap .hide-nav .w1280 .img-wrap .img-box:hover .text .hide {
		transform: translateY(0)
	}
}

.bocweb-header .pc-wrap .hide-nav.ishow .w1280 .text-box {
	opacity: 1;
	filter: alpha(opacity=100);
	transform: translate(0, 0)
}

.bocweb-header .pc-wrap .hide-nav.ishow .w1280 .img-wrap {
	opacity: 1;
	filter: alpha(opacity=100);
	transform: translate(0, 0)
}

@media (max-width: 1080px) {
	.bocweb-header {
		height: 110px
	}
}

@media (max-width: 1024px) {
	.bocweb-header {
		height: 2.29167rem
	}

	.inner-header .bocweb-header {
		position: fixed !important;
	}
}

.bocweb-header .mb-wrap {
	display: none;
	height: 100%;
	border-bottom: 1px solid #f8f8f8;
	background-color: #fff
}

@media (max-width: 1080px) {
	.bocweb-header .mb-wrap {
		display: block
	}
}

.bocweb-header .mb-wrap .wrap {
	position: relative;
	border-bottom: 1px solid #f8f8f8;
	z-index: 501
}

.bocweb-header .mb-wrap .wrap .bocweb-menu {
	position: absolute;
	top: 50%;
	left: 4.16%;
	margin-top: -11px;
	z-index: 110;
	cursor: pointer
}

.bocweb-header .mb-wrap .wrap .bocweb-menu .line {
	background: #000;
	border-radius: 3px;
	display: block;
	height: 2px;
	position: relative;
	top: 0;
	transition: transform 0.3s ease, top 0.3s ease, width 0.3s ease, opacity 0.3s;
	transform-origin: center center;
	width: 30px
}

.bocweb-header .mb-wrap .wrap .bocweb-menu .line:nth-child(2) {
	margin: 8px 0
}

.bocweb-header .mb-wrap .wrap .bocweb-menu.active .line:nth-child(1) {
	top: 10px;
	transform: rotate(45deg)
}

.bocweb-header .mb-wrap .wrap .bocweb-menu.active .line:nth-child(2) {
	opacity: 0;
	width: 0
}

.bocweb-header .mb-wrap .wrap .bocweb-menu.active .line:nth-child(3) {
	top: -10px;
	transform: rotate(-45deg)
}

.bocweb-header .mb-wrap .wrap .bocweb-logo {
	position: absolute;
	left: 50%;
	top: 50%;
	display: block;
	width: 150px;
	height: 34px;
	margin: -17px 0 0 -75px
}

.bocweb-header .mb-wrap .wrap .bocweb-logo img {
	display: block;
	margin: 0 auto;
	height: 33px
}

.bocweb-header .mb-wrap .wrap .search-btn {
	position: absolute;
	top: 50%;
	right: 4.16%;
	width: 24px;
	height: 24px;
	margin-top: -12px;
	background: url(../images/h-m-sear.png) no-repeat center center
}

.bocweb-header .mb-wrap .bocweb-search {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: auto;
	background: #fff;
	margin: 0;
	text-align: left
}

.bocweb-header .mb-wrap .bocweb-search .s-cont {
	height: auto;
	padding: 15px 10px;
	border-top: 1px solid #f8f8f8
}

.bocweb-header .mb-wrap .bocweb-search .s-cont .sear-hide2 .hide {
	padding: 8px 8px 0
}

.bocweb-header .mb-wrap .bocweb-search .s-cont .sear-hide2 .hide a {
	display: block;
	font-size: 14px;
	text-indent: 0.5em;
	color: #666
}

.bocweb-header .mb-wrap .bocweb-search .input-box {
	height: 32px
}

.bocweb-header .mb-wrap .bocweb-search .input-box .text {
	width: 280px
}

.bocweb-header .mb-wrap .bocweb-nav {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	box-sizing: border-box;
	background-color: #fff
}

.bocweb-header .mb-wrap .bocweb-nav ul {
	padding-top: 110px
}

.bocweb-header .mb-wrap .bocweb-nav ul li {
	padding: 0;
	height: auto;
	margin: 0 4.16%;
	opacity: 0;
	transform: translate3d(0, 10px, 0);
	transition: transform 0.4s ease, opacity 0.4s ease;
	display: block
}

.bocweb-header .mb-wrap .bocweb-nav ul li .link {
	position: relative;
	padding: 28px 0;
	font-size: 28px;
	line-height: 1.2;
	text-align: left;
	border-bottom: 1px solid #f8f8f8;
	color: #000
}

.bocweb-header .mb-wrap .bocweb-nav ul li .link .icon {
	position: absolute;
	top: 50%;
	right: 0;
	display: block;
	width: 16px;
	height: 9px;
	margin-top: -4.5px;
	background: url(../images/arrow-icon.png) no-repeat center center;
	transition: all 0.5s;
	background-size: contain
}

.bocweb-header .mb-wrap .bocweb-nav ul li .hide {
	display: none;
	padding: 18px 0;
	background: transparent;
	border-bottom: 1px solid #f8f8f8
}

.bocweb-header .mb-wrap .bocweb-nav ul li .hide a {
	display: block;
	padding: 18px 70px;
	border-bottom: none;
	font-size: 24px;
	line-height: 1.2;
	color: #666
}

.bocweb-header .mb-wrap .bocweb-nav ul li .hide a span {
	vertical-align: middle
}

.bocweb-header .mb-wrap .bocweb-nav ul li .hide a .icon {
	width: 75px;
	height: 35px;
	margin-right: 20px
}

.bocweb-header .mb-wrap .bocweb-nav ul li .hide a .icon img {
	display: block;
	max-height: 100%;
	max-width: 100%
}

.bocweb-header .mb-wrap .bocweb-nav ul li.cur .link .icon {
	transform: rotate(180deg)
}

@media (max-width: 1024px) {
	.bocweb-header .mb-wrap .bocweb-nav ul {
		padding-top: 2.91667rem
	}
	.bocweb-header .mb-wrap .bocweb-nav ul li .link {
		padding: .58333rem 0;
		font-size: .58333rem
	}
	.bocweb-header .mb-wrap .bocweb-nav ul li .hide {
		padding: .375rem 0
	}
	.bocweb-header .mb-wrap .bocweb-nav ul li .hide a {
		padding: .375rem 1.45833rem;
		font-size: .5rem
	}
	.bocweb-header .mb-wrap .bocweb-nav ul li .hide a .icon {
		width: 1.5625rem;
		height: .72917rem;
		margin-right: .41667rem
	}
}

@media (max-width: 500px) {
	.bocweb-header .mb-wrap .bocweb-nav ul li .link {
		font-size: 18px
	}
	.bocweb-header .mb-wrap .bocweb-nav ul li .hide a {
		font-size: 16px
	}
}

.bocweb-header.h-show .mb-wrap .bocweb-nav li {
	opacity: 1;
	transform: translate3d(0, 0, 0)
}

.bocweb-header.h-pc-show .pc-wrap {
	background-color: #fff
}

@media (min-width: 1081px) {
	.bocweb-header.fff .bocweb-logo img {
		opacity: 0;
		filter: alpha(opacity=0)
	}
	.bocweb-header.fff .bocweb-logo .b {
		opacity: 1;
		filter: alpha(opacity=100)
	}
	.bocweb-header.fff .bocweb-nav ul li .link {
		color: #fff
	}
}

@media (min-width: 1081px) and (min-width: 1025px) {
	.bocweb-header.fff .bocweb-nav ul li .link:hover {
		color: #ba8f5a
	}
}

@media (min-width: 1081px) {
	.bocweb-header.fff .icon-box .wechat .show .f,
	.bocweb-header.fff .icon-box .wechat .show .b {
		opacity: 0;
		filter: alpha(opacity=0)
	}
	.bocweb-header.fff .icon-box .wechat .show .c {
		opacity: 1;
		filter: alpha(opacity=100)
	}
}

@media (min-width: 1081px) and (min-width: 1025px) {
	.bocweb-header.fff .icon-box .wechat:hover .show .b {
		opacity: 1;
		filter: alpha(opacity=100)
	}
	.bocweb-header.fff .icon-box .wechat:hover .show .c {
		opacity: 0;
		filter: alpha(opacity=0)
	}
}

@media (min-width: 1081px) {
	.bocweb-header.fff .icon-box a .f,
	.bocweb-header.fff .icon-box a .b {
		opacity: 0;
		filter: alpha(opacity=0)
	}
	.bocweb-header.fff .icon-box a .c {
		opacity: 1;
		filter: alpha(opacity=100)
	}
}

@media (min-width: 1081px) and (min-width: 1025px) {
	.bocweb-header.fff .icon-box a:hover .b {
		opacity: 1;
		filter: alpha(opacity=100)
	}
	.bocweb-header.fff .icon-box a:hover .c {
		opacity: 0;
		filter: alpha(opacity=0)
	}
}

@media (min-width: 1081px) {
	.bocweb-header.fff .bocweb-search .input-box {
		border: 1px solid #fff;
		border: 1px solid rgba(255, 255, 255, 0.5)
	}
	.bocweb-header.fff .bocweb-search .input-box .btn {
		background: url(../images/h-search2.png) no-repeat left center
	}
	.bocweb-header.fff .bocweb-search .input-box .text::-webkit-input-placeholder {
		color: #fff
	}
	.bocweb-header.fff .bocweb-search .input-box .text:-moz-placeholder {
		color: #fff
	}
	.bocweb-header.fff .bocweb-search .input-box .text::-moz-placeholder {
		color: #fff
	}
	.bocweb-header.fff .bocweb-search .input-box .text:-ms-input-placeholder {
		color: #fff
	}
	.bocweb-header.fff.h-pc-show .bocweb-nav ul li .link {
		color: #666
	}
}

@media (min-width: 1081px) and (min-width: 1025px) {
	.bocweb-header.fff.h-pc-show .bocweb-nav ul li .link:hover {
		color: #000
	}
}

@media (min-width: 1081px) {
	.bocweb-header.fff.h-pc-show .icon-box .wechat .show .c,
	.bocweb-header.fff.h-pc-show .icon-box .wechat .show .b {
		opacity: 0;
		filter: alpha(opacity=0)
	}
	.bocweb-header.fff.h-pc-show .icon-box .wechat .show .f {
		opacity: 1;
		filter: alpha(opacity=100)
	}
}

@media (min-width: 1081px) and (min-width: 1025px) {
	.bocweb-header.fff.h-pc-show .icon-box .wechat:hover .show .b {
		opacity: 1;
		filter: alpha(opacity=100)
	}
	.bocweb-header.fff.h-pc-show .icon-box .wechat:hover .show .f {
		opacity: 0;
		filter: alpha(opacity=0)
	}
}

@media (min-width: 1081px) {
	.bocweb-header.fff.h-pc-show .icon-box a .c,
	.bocweb-header.fff.h-pc-show .icon-box a .b {
		opacity: 0;
		filter: alpha(opacity=0)
	}
	.bocweb-header.fff.h-pc-show .icon-box a .f {
		opacity: 1;
		filter: alpha(opacity=100)
	}
}

@media (min-width: 1081px) and (min-width: 1025px) {
	.bocweb-header.fff.h-pc-show .icon-box a:hover .b {
		opacity: 1;
		filter: alpha(opacity=100)
	}
	.bocweb-header.fff.h-pc-show .icon-box a:hover .f {
		opacity: 0;
		filter: alpha(opacity=0)
	}
}

@media (min-width: 1081px) {
	.bocweb-header.fff.h-pc-show .bocweb-search .input-box {
		border: 1px solid #cfcecd;
		border: 1px solid rgba(0, 0, 0, 0.5)
	}
	.bocweb-header.fff.h-pc-show .bocweb-search .input-box .btn {
		background: url(../images/h-search.png) no-repeat left center
	}
	.bocweb-header.fff.h-pc-show .bocweb-search .input-box .text::-webkit-input-placeholder {
		color: #000
	}
	.bocweb-header.fff.h-pc-show .bocweb-search .input-box .text:-moz-placeholder {
		color: #000
	}
	.bocweb-header.fff.h-pc-show .bocweb-search .input-box .text::-moz-placeholder {
		color: #000
	}
	.bocweb-header.fff.h-pc-show .bocweb-search .input-box .text:-ms-input-placeholder {
		color: #000
	}
}

.inner-header {
	background-color: #fff
}

.inner-header .bocweb-header {
	position: relative
}

/*.inner-header .bocweb-header .wrap {
	border-bottom: 1px solid #ebebeb
}*/

.inner-header .bocweb-header .pc-wrap .hide-nav {
	position: absolute
}

@media (max-width: 1024px) {
	.bocweb-footer .mhide {
		display: none
	}
}

.bocweb-footer .hot-line {
	font-size: 0;
	text-align: right
}

.bocweb-footer .hot-line .title {
	padding: 10px 29px;
	margin-bottom: 22px;
	border-radius: 100px;
	font-size: 14px;
	color: #fff;
	background-color: #646464;
	transition: background-color 0.5s
}

.bocweb-footer .hot-line .title span {
	vertical-align: middle
}

.bocweb-footer .hot-line .title .icon {
	width: 20px;
	height: 20px;
	margin-right: 6px;
	background: url(../images/hot-line.png) no-repeat center center;
	background-size: contain
}

.bocweb-footer .hot-line .num {
	padding-bottom: 14px;
	font-size: 22px;
	font-family: "NY-REG";
	color: #010101
}

.bocweb-footer .hot-line .tips {
	padding-bottom: 10px;
	font-size: 18px;
	color: #666
}

@media (min-width: 1025px) {
	.bocweb-footer .hot-line .title:hover {
		background-color: #c9995f
	}
}

.bocweb-footer .test-tips {
	font-size: 16px;
	text-align: right;
	padding: 20px 0
}

.bocweb-footer .lang-box {
	text-align: right
}

.bocweb-footer .lang-box .title {
	font-size: 16px;
	color: #333
}

.bocweb-footer .lang-box .title span {
	vertical-align: middle
}

.bocweb-footer .lang-box .title .icon {
	width: 17px;
	height: 17px;
	margin-right: 6px;
	background: url(../images/lang.png) no-repeat center center;
	background-size: contain
}

.bocweb-footer .lang-box .lang {
	padding-top: 6px
}

.bocweb-footer .lang-box .lang a {
	font-size: 14px;
	color: #999;
	transition: color 0.5s
}

@media (min-width: 1025px) {
	.bocweb-footer .lang-box .lang a:hover {
		color: #ba8f5a
	}
}

.bocweb-footer .copy-right {
	padding: 18px 0;
	font-size: 14px;
	color: #777
}

.bocweb-footer .copy-right .line {
	display: inline-block;
	width: 1px;
	height: 14px;
	background: #b9b9b9;
	vertical-align: middle;
	margin: 0 12px;
	position: relative;
	top: -1px
}

.bocweb-footer .copy-right a {
	color: #777;
	transition: color 0.5s
}

@media (min-width: 1025px) {
	.bocweb-footer .copy-right a:hover {
		color: #ba8f5a
	}
}

.bocweb-footer .copy-right .back-top {
	position: relative;
	margin-left: 22px;
	cursor: pointer
}

.bocweb-footer .copy-right .back-top img {
	transition: opacity 0.5s
}

.bocweb-footer .copy-right .back-top .b {
	position: absolute;
	top: 0;
	left: 0;
	max-width: 100%;
	max-height: 100%;
	opacity: 0;
	filter: alpha(opacity=0)
}

@media (min-width: 1025px) {
	.bocweb-footer .copy-right .back-top:hover .f {
		opacity: 0;
		filter: alpha(opacity=0)
	}
	.bocweb-footer .copy-right .back-top:hover .b {
		opacity: 1;
		filter: alpha(opacity=100)
	}
}

.bocweb-footer .copy-right .fl {
	padding-top: 8px;
	max-width: 895px;
	line-height: 1.6;
	color: #fff;
}

@media (max-width: 1300px) {
	.bocweb-footer .copy-right .fl .line {
		display: none
	}
}

@media (max-width: 1100px) {
	.bocweb-footer .copy-right .fl {
		max-width: 500px
	}
}

.bocweb-footer .copy-right .fl .link-box {
	top: 0
}

@media (max-width: 1300px) {
	.bocweb-footer .copy-right .fl .link-wrap {
		display: block
	}
}

@media (max-width: 1100px) {
	.bocweb-footer .copy-right .fl .link-wrap {
		display: inline
	}
}

.bocweb-footer .copy-right .link-box {
	position: relative;
	top: 2px
}

@media (max-width: 800px) {
	.bocweb-footer .copy-right .fl {
		max-width: 72%
	}
	.bocweb-footer .copy-right .fr {
		padding-top: 4px
	}
}

.bocweb-footer .pc-wrap .nav-box .nav {
	padding: 5.6% 0 7.8%
}

.bocweb-footer .pc-wrap .nav-box .nav li {
	width: 16.3%
}

.bocweb-footer .pc-wrap .nav-box .nav li .lg-link {
	padding-bottom: 26px
}

.bocweb-footer .pc-wrap .nav-box .nav li .lg-link a {
	font-size: 16px;
	color: #000;
	transition: color 0.5s
}

@media (min-width: 1025px) {
	.bocweb-footer .pc-wrap .nav-box .nav li .lg-link a:hover {
		color: #ba8f5a
	}
}

.bocweb-footer .pc-wrap .nav-box .nav li .sub-link .link {
	padding-bottom: 12px
}

.bocweb-footer .pc-wrap .nav-box .nav li .sub-link .link a {
	font-size: 12px;
	color: #888;
	transition: color 0.5s
}

@media (min-width: 1025px) {
	.bocweb-footer .pc-wrap .nav-box .nav li .sub-link .link a:hover {
		color: #ba8f5a
	}
}

.bocweb-footer .pc-wrap .nav-box .nav li.fr {
	width: auto
}

@media (max-width: 1024px) {
	.bocweb-footer .pc-wrap .nav-box .nav li {
		width: 15%
	}
}

.bocweb-footer .pc-wrap .copy-right {
	background: #9b9b9b
}

@media (max-width: 980px) {
	.bocweb-footer .pc-wrap {
		display: none
	}
}

.bocweb-footer .mb-wrap {
	display: none
}

.bocweb-footer .mb-wrap .fw-n {
	padding: 2% 0 0;
	margin-top: 0
}

@media (max-width: 980px) {
	.bocweb-footer .mb-wrap {
		display: block
	}
}

.bocweb-footer .mb-wrap .nav-box .nav li {
	border-bottom: 1px solid #ebebeb
}

.bocweb-footer .mb-wrap .nav-box .nav li.no-border {
	border: none
}

.bocweb-footer .mb-wrap .nav-box .nav li.last {
	padding-bottom: .875rem
}

.bocweb-footer .mb-wrap .nav-box .nav li .lg-link {
	position: relative
}

.bocweb-footer .mb-wrap .nav-box .nav li .lg-link a {
	display: block;
	padding: .625rem 0 .58333rem;
	font-size: .58333rem;
	color: #000
}

.bocweb-footer .mb-wrap .nav-box .nav li .lg-link .icon {
	position: absolute;
	top: 50%;
	right: 0;
	display: block;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	background: url(../images/arrow-icon.png) no-repeat center center;
	transition: transform 0.5s
}

.bocweb-footer .mb-wrap .nav-box .nav li .sub-link {
	display: none;
	padding-bottom: 12px
}

.bocweb-footer .mb-wrap .nav-box .nav li .sub-link .link a {
	display: block;
	padding-left: 1em;
	padding-bottom: 12px;
	font-size: 16px;
	color: #666
}

.bocweb-footer .mb-wrap .nav-box .nav li .hot-line {
	padding: 1.33333rem 0 .91667rem;
	text-align: left
}

.bocweb-footer .mb-wrap .nav-box .nav li .hot-line .text .tips {
	padding-bottom: 3px;
	font-size: .375rem
}

.bocweb-footer .mb-wrap .nav-box .nav li .hot-line .text .num {
	padding-bottom: 0;
	font-size: .625rem
}

.bocweb-footer .mb-wrap .nav-box .nav li .hot-line .title {
	margin-bottom: 0
}

.bocweb-footer .mb-wrap .nav-box .nav li .hot-line .title .text {
	font-size: .39583rem
}

.bocweb-footer .mb-wrap .nav-box .nav li .copy-right {
	padding: .45833rem 0 .625rem;
	font-size: 16px;
	line-height: 1.4
}

.bocweb-footer .mb-wrap .nav-box .nav li .copy-right .link-box {
	top: 0
}

.bocweb-footer .mb-wrap .nav-box .nav li .icon-box {
	font-size: 0
}

.bocweb-footer .mb-wrap .nav-box .nav li .icon-box .title {
	vertical-align: middle;
	font-size: 16px;
	color: #666
}

.bocweb-footer .mb-wrap .nav-box .nav li .icon-box .wechat {
	position: relative;
	margin-right: 8px;
	vertical-align: middle;
	cursor: pointer
}

.bocweb-footer .mb-wrap .nav-box .nav li .icon-box .wechat .show {
	width: 31px;
	vertical-align: middle
}

.bocweb-footer .mb-wrap .nav-box .nav li .icon-box .wechat .show img {
	max-width: 100%
}

.bocweb-footer .mb-wrap .nav-box .nav li .icon-box .wechat .show .b {
	display: none
}

.bocweb-footer .mb-wrap .nav-box .nav li .icon-box .wechat .hide {
	display: none;
	position: absolute;
	bottom: 102%;
	left: 50%;
	width: 122px;
	margin-left: -61px
}

.bocweb-footer .mb-wrap .nav-box .nav li .icon-box .wechat .hide img {
	display: block;
	margin: 0 auto;
	max-width: 100%
}

.bocweb-footer .mb-wrap .nav-box .nav li .icon-box a {
	width: 31px;
	margin-right: 8px;
	vertical-align: middle
}

.bocweb-footer .mb-wrap .nav-box .nav li .icon-box a img {
	max-width: 100%
}

.bocweb-footer .mb-wrap .nav-box .nav li .icon-box a .b {
	display: none
}

@media (max-width: 680px) {
	.bocweb-footer .mb-wrap .nav-box .nav li .icon-box {
		float: none
	}
}

.bocweb-footer .mb-wrap .nav-box .nav li .test-tips {
	padding: 5px 0 0 10px
}

@media (max-width: 680px) {
	.bocweb-footer .mb-wrap .nav-box .nav li .test-tips {
		float: none;
		text-align: left;
		padding: 10px 0 0
	}
}

.bocweb-footer .mb-wrap .nav-box .nav li .lang-box {
	margin-top: 4px;
	margin-left: 20px;
	padding-top: 0;
	padding-left: 26px;
	border-left: 1px solid #ebebeb
}

.bocweb-footer .mb-wrap .nav-box .nav li .lang-box .title {
	font-size: 16px
}

.bocweb-footer .mb-wrap .nav-box .nav li .lang-box .title .icon {
	width: 22px;
	height: 22px;
	background: none;
	font-size: 0
}

.bocweb-footer .mb-wrap .nav-box .nav li .lang-box .title .icon img {
	max-width: 100%
}

.bocweb-footer .mb-wrap .nav-box .nav li .lang-box .lang {
	padding-top: 0;
	padding-left: 6px;
	vertical-align: middle
}

.bocweb-footer .mb-wrap .nav-box .nav li .lang-box .lang a {
	font-size: 16px
}

@media (max-width: 680px) {
	.bocweb-footer .mb-wrap .nav-box .nav li .lang-box {
		float: none;
		text-align: left;
		margin-left: 0;
		padding-left: 0;
		border: 0
	}
}

.bocweb-footer .mb-wrap .nav-box .nav li.active .lg-link .icon {
	transform: rotate(180deg)
}

@media (max-width: 560px) {
	.bocweb-footer .mb-wrap .nav-box .nav li.last {
		padding-bottom: .875rem
	}
	.bocweb-footer .mb-wrap .nav-box .nav li .lg-link a {
		padding: .625rem 0 .58333rem;
		font-size: 16px
	}
	.bocweb-footer .mb-wrap .nav-box .nav li .lg-link .icon {
		width: 12px;
		height: 12px;
		margin-top: -6px;
		background-size: contain
	}
	.bocweb-footer .mb-wrap .nav-box .nav li .sub-link {
		padding-bottom: 8px
	}
	.bocweb-footer .mb-wrap .nav-box .nav li .sub-link .link a {
		padding-left: 1em;
		padding-bottom: 10px;
		font-size: 14px
	}
	.bocweb-footer .mb-wrap .nav-box .nav li .hot-line {
		padding: .625rem 0 .58333rem
	}
	.bocweb-footer .mb-wrap .nav-box .nav li .hot-line .text .tips {
		padding-bottom: 3px;
		font-size: 14px
	}
	.bocweb-footer .mb-wrap .nav-box .nav li .hot-line .text .num {
		font-size: 18px
	}
	.bocweb-footer .mb-wrap .nav-box .nav li .hot-line .title {
		padding: 8px 23.2px
	}
	.bocweb-footer .mb-wrap .nav-box .nav li .hot-line .title .text {
		font-size: 14px
	}
	.bocweb-footer .mb-wrap .nav-box .nav li .copy-right {
		padding: .66667rem 0 .41667rem;
		font-size: 14px;
		line-height: 1.4;
		text-align: center
	}
	.bocweb-footer .mb-wrap .nav-box .nav li .copy-right .link-box {
		display: block
	}
	.bocweb-footer .mb-wrap .nav-box .nav li .icon-box {
		padding-bottom: 6px;
		float: none;
		text-align: center
	}
	.bocweb-footer .mb-wrap .nav-box .nav li .icon-box .title {
		font-size: 14px
	}
	.bocweb-footer .mb-wrap .nav-box .nav li .icon-box .wechat {
		margin-right: 8px
	}
	.bocweb-footer .mb-wrap .nav-box .nav li .icon-box .wechat .show {
		width: 31px
	}
	.bocweb-footer .mb-wrap .nav-box .nav li .icon-box .wechat .hide {
		bottom: 102%;
		left: 50%;
		width: 122px;
		margin-left: -61px
	}
	.bocweb-footer .mb-wrap .nav-box .nav li .icon-box a {
		width: 31px;
		margin-right: 8px
	}
	.bocweb-footer .mb-wrap .nav-box .nav li .test-tips {
		text-align: center
	}
	.bocweb-footer .mb-wrap .nav-box .nav li .lang-box {
		margin-top: 4px;
		margin-left: 0;
		padding-left: 0;
		border: none;
		float: none;
		text-align: center
	}
	.bocweb-footer .mb-wrap .nav-box .nav li .lang-box .title {
		font-size: 14px
	}
	.bocweb-footer .mb-wrap .nav-box .nav li .lang-box .title .icon {
		width: 22px;
		height: 22px
	}
	.bocweb-footer .mb-wrap .nav-box .nav li .lang-box .lang {
		padding-left: 6px
	}
	.bocweb-footer .mb-wrap .nav-box .nav li .lang-box .lang a {
		font-size: 14px
	}
}

.banner a.text-box {
	display: block
}

.inner-banner {
	position: relative;
	width: 100%;
	/*max-height: 598px*/
	max-height: 311px;
}

.inner-banner .swiper {
	position: relative;
	/*height: 598px*/
	height: 311px;
}

@media (max-width: 1024px) {
	.inner-banner .swiper {
		/*height: 12.45833rem*/
		height: 11.45833rem
	}
}

.inner-banner .swiper .swiper-wrapper {
	height: 100%;
	transition-timing-function: ease-out
}

.inner-banner .swiper .swiper-wrapper .swiper-slide {
	position: relative;
	height: 100%;
	overflow: hidden
}

.inner-banner .swiper .swiper-wrapper .swiper-slide .img-box {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.inner-banner .swiper .swiper-wrapper .swiper-slide .img-box .img {
	width: 100%;
	height: 100%;
	background-position: center;
}

@media (max-width: 750px) {
	.inner-banner .swiper .swiper-wrapper .swiper-slide .img-box .img {
		display: none
	}
}

.inner-banner .swiper .swiper-wrapper .swiper-slide .img-box .mb-img {
	display: none;
	width: 100%;
	height: 100%;
	background-position: center bottom
}

@media (max-width: 750px) {
	.inner-banner .swiper .swiper-wrapper .swiper-slide .img-box .mb-img {
		display: block
	}
}

.inner-banner .swiper .swiper-wrapper .swiper-slide .img-box .video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden
}

.inner-banner .swiper .swiper-wrapper .swiper-slide .img-box .video video {
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	object-fit: cover;
	height: 100%;
	width: 100%;
	margin: auto
}

.inner-banner .swiper .swiper-wrapper .swiper-slide .img-box .video-btn {
	display: none;
	position: absolute;
	bottom: 24%;
	left: 50%;
	transform: translate(-50%, 0)
}

.inner-banner .swiper .swiper-wrapper .swiper-slide .img-box .video-btn span {
	vertical-align: middle;
	font-size: 16px;
	color: #fff
}

.inner-banner .swiper .swiper-wrapper .swiper-slide .img-box .video-btn span.icon {
	margin-left: 8px
}

.inner-banner .swiper .swiper-wrapper .swiper-slide .img-box .video-btn span.icon img {
	display: block;
	max-width: 100%
}

@media (max-width: 1024px) {
	.inner-banner .swiper .swiper-wrapper .swiper-slide .img-box .video-btn span {
		font-size: 14px
	}
	.inner-banner .swiper .swiper-wrapper .swiper-slide .img-box .video-btn span.icon {
		width: 26px
	}
}

.inner-banner .swiper .swiper-wrapper .swiper-slide .text-box {
	position: relative;
	height: 100%
}

.inner-banner .swiper .swiper-wrapper .swiper-slide .text-box .w1280 {
	height: 100%;
	text-align: center;
	color: #fff
}

.inner-banner .swiper .swiper-wrapper .swiper-slide .text-box .w1280 .text {
	/*position: relative;
	top: 40px;
	padding-top: 8.6%*/
	position: relative;
	top: 50%;
	left: 50%;
	-ms-transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
   	-moz-transform:translate(-50%, -50%);
   	transform:translate( -50%, -50%);
}

.inner-banner .swiper .swiper-wrapper .swiper-slide .text-box .w1280 small {
	display: block;
	padding-bottom: 8px;
	font-size: 18px;
	transform: translateY(30px);
	opacity: 0;
	filter: alpha(opacity=0);
	transition: transform 0.8s, opacity 0.4s;
	color: #5f5f5f
}

.inner-banner .swiper .swiper-wrapper .swiper-slide .text-box .w1280 h4 {
	padding-bottom: 14px;
	/*font-size: 36px;*/
	font-size: 40px;
	font-weight: normal;
	transform: translateY(30px);
	opacity: 0;
	filter: alpha(opacity=0);
	transition: transform 0.8s, opacity 0.4s;
	transition-delay: 0.1s;
	/*color: #000;*/
	color: #fff;
	font-weight: 700;
}

.inner-banner .swiper .swiper-wrapper .swiper-slide .text-box .w1280 p {
	/*font-size: 20px;*/
	font-size: 18px;
	line-height: 1.6;
	/*color: #5f5f5f;*/
	color: #fff;
	transform: translateY(30px);
	opacity: 0;
	filter: alpha(opacity=0);
	transition: transform 0.8s, opacity 0.4s;
	transition-delay: 0.2s
}

@media (max-width: 1024px) {
	.inner-banner .swiper .swiper-wrapper .swiper-slide .text-box .w1280 small {
		padding-bottom: 6px;
		font-size: .375rem
	}
	.inner-banner .swiper .swiper-wrapper .swiper-slide .text-box .w1280 h4 {
		padding-bottom: .29167rem;
		font-size: .75rem
	}
	.inner-banner .swiper .swiper-wrapper .swiper-slide .text-box .w1280 p {
		font-size: .41667rem
	}
}

@media (max-width: 750px) {
	.inner-banner .swiper .swiper-wrapper .swiper-slide .text-box .w1280 small {
		padding-bottom: 14px;
		font-size: 16px
	}
	.inner-banner .swiper .swiper-wrapper .swiper-slide .text-box .w1280 h4 {
		padding-bottom: 10px;
		font-size: 20px
	}
	.inner-banner .swiper .swiper-wrapper .swiper-slide .text-box .w1280 p {
		font-size: 14px
	}
	

	.inner-banner .swiper .swiper-wrapper .swiper-slide .text-box .w1280 .text img {
		width:100%;
	}
}

.inner-banner .swiper .swiper-wrapper .swiper-slide.active {
	z-index: 10
}

.inner-banner .swiper .swiper-wrapper .swiper-slide.active .text-box .w1280 h4,
.inner-banner .swiper .swiper-wrapper .swiper-slide.active .text-box .w1280 small,
.inner-banner .swiper .swiper-wrapper .swiper-slide.active .text-box .w1280 p {
	transform: translateY(0px);
	opacity: 1;
	filter: alpha(opacity=100)
}

.inner-banner .swiper .swiper-wrapper .swiper-slide.ism .img-box .video-btn {
	display: block
}

.inner-banner.noswiper .swiper .swiper-slide {
	width: 100%
}

.ex-sub-nav {
	position: relative;
	z-index: 2;
	height: 56px;
	line-height: 56px
}

@media (max-width: 1024px) {
	.ex-sub-nav {
		display: none;
		height: 0;
		line-height: 0
	}
}

.ex-sub-nav .wrap {
	height: 56px;
	line-height: 56px;
	background: #fff;
	box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.03)
}

.ex-sub-nav .wrap .left {
	display: block;
	font-size: 14px;
	color: #000
}

@media (min-width: 1025px) {
	.ex-sub-nav .wrap .left:hover {
		color: #ba8f5a
	}
}

.ex-sub-nav .wrap .right {
	position: relative;
	font-size: 0
}

.ex-sub-nav .wrap .right a {
	display: block;
	min-width: 56px;
	margin-left: 28px;
	font-size: 14px;
	text-align: center;
	color: #000;
	opacity: .6;
	filter: alpha(opacity=60)
}

.ex-sub-nav .wrap .right a.cur {
	color: #ba8f5a;
	opacity: 1;
	filter: alpha(opacity=100)
}

@media (min-width: 1025px) {
	.ex-sub-nav .wrap .right a:hover {
		color: #ba8f5a;
		opacity: 1;
		filter: alpha(opacity=100)
	}
}

.ex-sub-nav .wrap .right .line {
	position: absolute;
	bottom: 0;
	height: 2px;
	margin-left: 28px;
	background-color: #ba8f5a
}

.ex-sub-nav.isFixed .wrap {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 200
}

.ex-link-box {
	font-size: 0
}

.ex-link-box a {
	vertical-align: middle;
	font-size: 14px;
	color: #999
}

.ex-link-box a.cur {
	color: #ba8f5a
}

@media (min-width: 1025px) {
	.ex-link-box a:hover {
		color: #ba8f5a
	}
}

.ex-link-box span {
	position: relative;
	top: -1px;
	vertical-align: middle;
	width: 8px;
	height: 8px;
	margin: 0 5px;
	background: url(../images/link-arrow.png) no-repeat center center
}

.ex-link-box.fff a {
	color: #fff
}

.ex-link-box.fff a.cur {
	color: #ebb572
}

@media (min-width: 1025px) {
	.ex-link-box.fff a:hover {
		color: #ebb572
	}
}

.ex-link-box.fff span {
	background: url(../images/link-arrow2.png) no-repeat center center
}

.ex-point-box {
	position: absolute;
	left: 0;
	bottom: 26px;
	width: 100%;
	text-align: center
}

@media (max-width: 750px) {
	.ex-point-box {
		bottom: .54167rem
	}
}

.ex-point-box .swiper-pagination-switch {
	width: 12px;
	height: 12px;
	margin: 0 6px;
	position: relative;
	cursor: pointer
}

.ex-point-box .swiper-pagination-switch .point {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 5px;
	height: 5px;
	margin: -2.5px 0 0 -2.5px;
	border-radius: 50%;
	background: #a8a6a4
}

.ex-point-box .swiper-pagination-switch .left {
	width: 6px;
	height: 12px;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	opacity: 0;
	filter: alpha(opacity=0);
	transform: scale(0.5)
}

.ex-point-box .swiper-pagination-switch .right {
	width: 6px;
	height: 12px;
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
	opacity: 0;
	filter: alpha(opacity=0);
	transform: scale(0.5)
}

.ex-point-box .swiper-pagination-switch .circle {
	width: 8px;
	height: 8px;
	border: 2px solid #c8a063;
	border-radius: 50%;
	position: absolute;
	top: 0;
	transform: rotate(45deg)
}

.ex-point-box .swiper-pagination-switch .rcircle {
	border-top: 2px solid #c8c6c4;
	border-right: 2px solid #c8c6c4;
	right: 0
}

.ex-point-box .swiper-pagination-switch .lcircle {
	border-bottom: 2px solid #c8c6c4;
	border-left: 2px solid #c8c6c4;
	left: 0
}

.ex-point-box .swiper-pagination-switch.swiper-active-switch .point,
.ex-point-box .swiper-pagination-switch.cur .point {
	transform: scale(1.05);
	opacity: 0;
	filter: alpha(opacity=0);
	transition: transform 0.5s, opacity 0.5s
}

.ex-point-box .swiper-pagination-switch.swiper-active-switch .left,
.ex-point-box .swiper-pagination-switch.swiper-active-switch .right,
.ex-point-box .swiper-pagination-switch.cur .left,
.ex-point-box .swiper-pagination-switch.cur .right {
	opacity: 1;
	filter: alpha(opacity=100);
	transform: scale(1);
	transition: transform 0.5s, opacity 0.5s
}

.ex-point-box .swiper-pagination-switch.swiper-active-switch .rcircle,
.ex-point-box .swiper-pagination-switch.cur .rcircle {
	animation: circleProgressLoad_right 4s linear forwards
}

.ex-point-box .swiper-pagination-switch.swiper-active-switch .lcircle,
.ex-point-box .swiper-pagination-switch.cur .lcircle {
	animation: circleProgressLoad_left 4s linear forwards
}

.ex-point-box.lg {
	position: static;
	width: 100%;
	text-align: center;
	display: none;
}

@media (max-width: 750px) {
	.ex-point-box.lg {
		bottom: .54167rem
	}
}

.ex-point-box.lg .point-box.swiper-pagination-switch {
	width: 18px;
	height: 18px;
	margin: 0 6px;
	position: relative;
	cursor: pointer
}

.ex-point-box.lg .point-box.swiper-pagination-switch .point {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 8px;
	height: 8px;
	margin: -4px 0 0 -4px;
	border-radius: 50%;
	background: #a8a6a4
}

.ex-point-box.lg .point-box.swiper-pagination-switch .left {
	width: 9px;
	height: 18px;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	opacity: 0;
	filter: alpha(opacity=0);
	transform: scale(0.5)
}

.ex-point-box.lg .point-box.swiper-pagination-switch .right {
	width: 9px;
	height: 18px;
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
	opacity: 0;
	filter: alpha(opacity=0);
	transform: scale(0.5)
}

.ex-point-box.lg .point-box.swiper-pagination-switch .circle {
	width: 14px;
	height: 14px;
	border: 2px solid #c8a063;
	border-radius: 50%;
	position: absolute;
	top: 0;
	transform: rotate(45deg)
}

.ex-point-box.lg .point-box.swiper-pagination-switch .rcircle {
	border-top: 2px solid #e2e2e2;
	border-right: 2px solid #e2e2e2;
	right: 0
}

.ex-point-box.lg .point-box.swiper-pagination-switch .lcircle {
	border-bottom: 2px solid #e2e2e2;
	border-left: 2px solid #e2e2e2;
	left: 0
}

.ex-point-box.lg .point-box.swiper-pagination-switch.cur .point {
	transform: scale(1.05);
	opacity: 0;
	filter: alpha(opacity=0);
	transition: transform 0.5s, opacity 0.5s
}

.ex-point-box.lg .point-box.swiper-pagination-switch.cur .left,
.ex-point-box.lg .point-box.swiper-pagination-switch.cur .right {
	opacity: 1;
	filter: alpha(opacity=100);
	transform: scale(1);
	transition: transform 0.5s, opacity 0.5s
}

.ex-point-box.lg .point-box.swiper-pagination-switch.cur .rcircle {
	animation: circleProgressLoad_right 4s linear forwards
}

.ex-point-box.lg .point-box.swiper-pagination-switch.cur .lcircle {
	animation: circleProgressLoad_left 4s linear forwards
}

@media (max-width: 1024px) {
	.ex-point-box.lg .point-box.swiper-pagination-switch {
		width: 12px;
		height: 12px
	}
	.ex-point-box.lg .point-box.swiper-pagination-switch .point {
		width: 5px;
		height: 5px;
		margin: -2.5px 0 0 -2.5px
	}
	.ex-point-box.lg .point-box.swiper-pagination-switch .left {
		width: 6px;
		height: 12px
	}
	.ex-point-box.lg .point-box.swiper-pagination-switch .right {
		width: 6px;
		height: 12px
	}
	.ex-point-box.lg .point-box.swiper-pagination-switch .circle {
		width: 8px;
		height: 8px
	}
}

.ex-next-page {
	position: absolute;
	top: -23px;
	left: 50%;
	display: block;
	width: 46px;
	height: 46px;
	margin-left: -23px;
	border-radius: 50%;
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
	background: url(../images/next-page.png) no-repeat center center;
	background-color: #fff
}

.ex-close {
	position: absolute;
	cursor: pointer
}

.ex-close span {
	vertical-align: middle
}

.ex-close .icon {
	position: relative;
	width: 45px;
	height: 45px;
	margin-left: 12px
}

.ex-close .icon .circle {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border: 1px solid #000;
	border-radius: 50%;
	transition: all 300ms ease-out;
	transform-origin: center center
}

.ex-close .icon .line {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 14px;
	height: 2px;
	margin: -1px 0 0 -7px;
	background-color: #000;
	transition: all 300ms ease-out
}

@media (min-width: 1025px) {
	.ex-close .icon:hover .circle {
		transform: scale(1.1)
	}
	.ex-close .icon:hover .line.line1 {
		transform: rotate(45deg)
	}
	.ex-close .icon:hover .line.line2 {
		transform: rotate(-45deg)
	}
}

@media (max-width: 1024px) {
	.ex-close .icon .circle {
		transform: scale(1.1)
	}
	.ex-close .icon .line.line1 {
		transform: rotate(45deg)
	}
	.ex-close .icon .line.line2 {
		transform: rotate(-45deg)
	}
}

@media (max-width: 1640px) {
	.ex-close .icon {
		width: 34.2px;
		height: 34.2px;
		margin-left: 9.12px;
		background-size: contain
	}
}

.pop-video-box,
.pop-banner-box {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000;
	width: 100%;
	height: 100%;
	background-color: #000
}

.pop-video-box .pop-cont,
.pop-banner-box .pop-cont {
	width: 100%;
	height: 100%;
	overflow: hidden
}

.pop-video-box .pop-cont .ex-close,
.pop-banner-box .pop-cont .ex-close {
	position: absolute;
	top: 35px;
	right: 35px;
	z-index: 100001
}

@media (max-width: 1024px) {
	.pop-video-box .pop-cont .ex-close,
	.pop-banner-box .pop-cont .ex-close {
		top: .72917rem;
		right: .72917rem
	}
}

.pop-video-box .pop-cont .ex-close .icon .circle,
.pop-banner-box .pop-cont .ex-close .icon .circle {
	border-color: #fff
}

.pop-video-box .pop-cont .ex-close .icon .line,
.pop-banner-box .pop-cont .ex-close .icon .line {
	background-color: #fff
}

.pop-video-box .pop-cont .cont,
.pop-banner-box .pop-cont .cont {
	position: relative;
	z-index: 10000;
	width: 100%;
	height: 100%
}

.pop-video-box .pop-cont .cont video,
.pop-banner-box .pop-cont .cont video {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	object-fit: contain;
	max-height: 100%;
	max-width: 100%;
	margin: auto
}

.pop-video-box .pop-cont .cont img,
.pop-banner-box .pop-cont .cont img {
	position: absolute;
	top: 2%;
	left: 0;
	right: 0;
	bottom: 2%;
	display: block;
	max-height: 96%;
	max-width: 100%;
	margin: auto
}

.page,
.pagination {
	font-size: 0;
	text-align: center
}

.page a,
.pagination a {
	vertical-align: middle;
	width: 35px;
	height: 35px;
	margin: 0 5px;
	border: 1px solid #dcdcdc;
	border-radius: 5px;
	line-height: 35px;
	text-align: center;
	font-family: "arial";
	font-size: 14px;
	color: #666;
	transition: all 0.5s
}

@media (min-width: 1025px) {
	.page a:hover,
	.pagination a:hover {
		border-color: #c09969;
		color: #c09969
	}
}

.page a.active,
.pagination a.active {
	background-color: #c09969;
	border-color: #c09969;
	color: #fff
}

.page a.prev,
.pagination a.prev {
	background: url(../images/page-left1.png) no-repeat center center
}

@media (min-width: 1025px) {
	.page a.prev:hover,
	.pagination a.prev:hover {
		background: url(../images/page-left2.png) no-repeat center center
	}
}

@media (max-width: 1024px) {
	.page a.prev,
	.pagination a.prev {
		background: url(../images/page-left2.png) no-repeat center center
	}
}

.page a.next,
.pagination a.next {
	background: url(../images/page-right1.png) no-repeat center center
}

@media (min-width: 1025px) {
	.page a.next:hover,
	.pagination a.next:hover {
		background: url(../images/page-right2.png) no-repeat center center
	}
}

@media (max-width: 1024px) {
	.page a.next,
	.pagination a.next {
		background: url(../images/page-right2.png) no-repeat center center
	}
}

@media (max-width: 1024px) {
	.page a,
	.pagination a {
		width: .72917rem;
		height: .72917rem;
		line-height: .72917rem
	}
}

@media (max-width: 750px) {
	.page a,
	.pagination a {
		width: 28px;
		height: 28px;
		line-height: 28px
	}
}

@keyframes circleProgressLoad_right {
	0% {
		border-top: 2px solid #e2e2e2;
		border-right: 2px solid #e2e2e2;
		transform: rotate(45deg)
	}
	50% {
		border-top: 2px solid #e2e2e2;
		border-right: 2px solid #e2e2e2;
		border-left: 2px solid #c8a063;
		border-bottom: 2px solid #c8a063;
		transform: rotate(225deg)
	}
	99% {
		border-left: 2px solid #c8a063;
		border-bottom: 2px solid #c8a063;
		transform: rotate(225deg)
	}
	100% {
		border-top: 2px solid #c8a063;
		border-right: 2px solid #c8a063;
		border-bottom: 2px solid #c8a063;
		border-left: 2px solid #c8a063
	}
}

@keyframes circleProgressLoad_left {
	0% {
		border-bottom: 2px solid #e2e2e2;
		border-left: 2px solid #e2e2e2;
		transform: rotate(45deg)
	}
	50% {
		border-bottom: 2px solid #e2e2e2;
		border-left: 2px solid #e2e2e2;
		border-top: 2px solid #c8a063;
		border-right: 2px solid #c8a063;
		transform: rotate(45deg)
	}
	99% {
		border-top: 2px solid #c8a063;
		border-right: 2px solid #c8a063;
		border-bottom: 2px solid #e2e2e2;
		border-left: 2px solid #e2e2e2;
		transform: rotate(225deg)
	}
	100% {
		border-top: 2px solid #c8a063;
		border-right: 2px solid #c8a063;
		border-bottom: 2px solid #c8a063;
		border-left: 2px solid #c8a063
	}
}

@keyframes icon1 {
	0% {
		transform: scale(0.5, 0.5);
		opacity: 0
	}
	5% {
		transform: scale(0.5, 0.5);
		opacity: 100
	}
	100% {
		transform: scale(1.2, 1.2);
		opacity: 0
	}
}

@keyframes downico {
	0% {
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
	35% {
		transform: translate3d(0, 50%, 0);
		opacity: 0
	}
	75% {
		transform: translate3d(0, -50%, 0);
		opacity: 0
	}
	100% {
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
}

@keyframes opacity {
	0% {
		opacity: 1;
		transform: translateY(8px)
	}
	80% {
		opacity: 0;
		transform: translateY(0px)
	}
	90% {
		opacity: 0;
		transform: translateY(8px)
	}
	100% {
		opacity: 1;
		transform: translateY(8px)
	}
}

@keyframes opacity2 {
	0% {
		opacity: 0
	}
	50% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}

@keyframes opacity3 {
	0% {
		opacity: 1
	}
	50% {
		opacity: 0
	}
	100% {
		opacity: 0
	}
}

@keyframes opacity4 {
	0% {
		opacity: 0
	}
	50% {
		opacity: 1
	}
	100% {
		opacity: 1
	}
}

@keyframes x3z_icon1 {
	0% {
		opacity: 0;
		transform: translate(7.5%, -5.55%)
	}
	45% {
		opacity: 1;
		transform: translate(3.75%, -2.775%)
	}
	90% {
		opacity: 0.2;
		transform: translate(0%, 0%)
	}
	96% {
		opacity: 0;
		transform: translate(0%, 0%)
	}
	100% {
		opacity: 0;
		transform: translate(7.5%, -5.55%)
	}
}

@keyframes x3z_icon2 {
	0% {
		opacity: 0;
		transform: translate(1.5%, 7.5%)
	}
	45% {
		opacity: 1;
		transform: translate(.75%, 3.75%)
	}
	90% {
		opacity: 0.2;
		transform: translate(0%, 0%)
	}
	96% {
		opacity: 0;
		transform: translate(0%, 0%)
	}
	100% {
		opacity: 0;
		transform: translate(1.5%, 7.5%)
	}
}

@keyframes x3z_icon3_4 {
	0% {
		opacity: 0;
		transform: translate(-7.5%, 3%)
	}
	45% {
		opacity: 1;
		transform: translate(-3.75%, 1.5%)
	}
	90% {
		opacity: 0.2;
		transform: translate(0%, 0%)
	}
	96% {
		opacity: 0;
		transform: translate(0%, 0%)
	}
	100% {
		opacity: 0;
		transform: translate(-5%, 2%)
	}
}

@keyframes x3z_icon5 {
	0% {
		opacity: 0;
		transform: translate(-1.5%, -7.5%)
	}
	45% {
		opacity: 1;
		transform: translate(-.75%, -3.75%)
	}
	90% {
		opacity: 0.2;
		transform: translate(0%, 0%)
	}
	96% {
		opacity: 0;
		transform: translate(0%, 0%)
	}
	100% {
		opacity: 0;
		transform: translate(-1.5%, -7.5%)
	}
}

@keyframes x3z_icon6_7 {
	0% {
		opacity: 0;
		transform: translate(1.5%, -7.5%)
	}
	45% {
		opacity: 1;
		transform: translate(.75%, -3.75%)
	}
	90% {
		opacity: 0.2;
		transform: translate(0%, 0%)
	}
	96% {
		opacity: 0;
		transform: translate(0%, 0%)
	}
	100% {
		opacity: 0;
		transform: translate(1.5%, -7.5%)
	}
}

@keyframes x3z_icon10 {
	0% {
		opacity: 0;
		transform: translate(7.5%, -2.4%)
	}
	45% {
		opacity: 1;
		transform: translate(3.75%, -1.2%)
	}
	90% {
		opacity: 0.2;
		transform: translate(0%, 0%)
	}
	96% {
		opacity: 0;
		transform: translate(0%, 0%)
	}
	100% {
		opacity: 0;
		transform: translate(7.5%, -2.4%)
	}
}

@keyframes x3z_icon8 {
	0% {
		opacity: 0;
		transform: translate(7.5%, 2.4%)
	}
	45% {
		opacity: 1;
		transform: translate(3.75%, 1.2%)
	}
	90% {
		opacity: 0.2;
		transform: translate(0%, 0%)
	}
	96% {
		opacity: 0;
		transform: translate(0%, 0%)
	}
	100% {
		opacity: 0;
		transform: translate(7.5%, 2.4%)
	}
}

@keyframes x3z_icon9 {
	0% {
		opacity: 0;
		transform: translate(-.6%, 7.5%)
	}
	45% {
		opacity: 1;
		transform: translate(-.3%, 3.75%)
	}
	90% {
		opacity: 0.2;
		transform: translate(0%, 0%)
	}
	96% {
		opacity: 0;
		transform: translate(0%, 0%)
	}
	100% {
		opacity: 0;
		transform: translate(-.6%, 7.5%)
	}
}

@keyframes x3z_icon13 {
	0% {
		opacity: 0;
		transform: translate(-7.5%, 7.5%)
	}
	45% {
		opacity: 1;
		transform: translate(-3.75%, 3.75%)
	}
	90% {
		opacity: 0.2;
		transform: translate(0%, 0%)
	}
	96% {
		opacity: 0;
		transform: translate(0%, 0%)
	}
	100% {
		opacity: 0;
		transform: translate(-7.5%, 7.5%)
	}
}

@keyframes x3z_icon14 {
	0% {
		opacity: 0;
		transform: translate(-9%, 9%)
	}
	45% {
		opacity: 1;
		transform: translate(-4.5%, 4.5%)
	}
	90% {
		opacity: 0.2;
		transform: translate(0%, 0%)
	}
	96% {
		opacity: 0;
		transform: translate(0%, 0%)
	}
	100% {
		opacity: 0;
		transform: translate(-9%, 9%)
	}
}

@keyframes x3z_icon11 {
	0% {
		opacity: 0;
		transform: translate(9%, 9%)
	}
	45% {
		opacity: 1;
		transform: translate(4.5%, 4.5%)
	}
	90% {
		opacity: 0.2;
		transform: translate(0%, 0%)
	}
	96% {
		opacity: 0;
		transform: translate(0%, 0%)
	}
	100% {
		opacity: 0;
		transform: translate(9%, 9%)
	}
}

@keyframes x3z_icon12 {
	0% {
		opacity: 0;
		transform: translate(7.5%, 7.5%)
	}
	45% {
		opacity: 1;
		transform: translate(3.75%, 3.75%)
	}
	90% {
		opacity: 0.2;
		transform: translate(0%, 0%)
	}
	96% {
		opacity: 0;
		transform: translate(0%, 0%)
	}
	100% {
		opacity: 0;
		transform: translate(7.5%, 7.5%)
	}
}

.bocweb-footer {
	background:#eeeeee;
}

.bocweb-header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	/*height: 80px;*/
	z-index: 500
}