@font-face {
	font-family: "ny-reg";
	src: ;
	src:  format("embedded-opentype"),  format("woff2"),  format("woff"),  format("truetype"),  format("svg");
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: "ny-li";
	src: ;
	src:  format("embedded-opentype"),  format("woff2"),  format("woff"),  format("truetype"),  format("svg");
	font-weight: normal;
	font-style: normal
}
@font-face {
  font-family: "dinpro-regular_1";
  src:  format("woff2"),
        format("woff"),
        format("truetype"),
        format("embedded-opentype"),
        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: 30px !important
	}
}
@media (min-width: 1440px) {
    html {
        font-size: 34px!important;
    }
}
@media (min-width: 1680px) {
    html {
        font-size: 48px!important;
    }
}

a:hover {
	color: unset
}

.fw-n {
	position: absolute;
	left: 0;
	top: 90px;
	z-index: 3;
	width: 100%
}

.fw-n .w1280 div {
	padding-right: 14px;
	font-size: 14px;
	color: #777
}

.fw-n .w1280 div span {
	font-family: arial, helvetica, sans-serif;
	color: #ba8f5a
}

@media (max-width: 1080px) {
	.fw-n {
		top: 120px
	}
}

@media (max-width: 1024px) {
	.fw-n {
		top: 2.5rem
	}
}

@media (max-width: 1024px) {
	.wx-banner .fw-n {
		top: 2.70833rem
	}
	.wx-banner .fw-n .w1280 {
		width: 86%
	}
}

.loading-sw {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 44px;
	height: 44px;
	margin: -22px 0 0 -22px;
	background: url(/uploads/image/bwimg/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,
.m-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,
.hasicon-nav .ex-sub-nav .wrap .left span,
.pop-join-nav .link span {
	display: inline-block;
	*display: inline;
	*zoom: 1
}

.text-hide {
	word-break: keep-all;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.user-select {
	moz-user-select: -moz-none;
	-moz-user-select: none;
	-o-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none
}

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

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

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

.img-contain {
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat
}

.img-banner,
.inner-banner .swiper .swiper-wrapper .swiper-slide .img-box .img,
.inner-banner .swiper .swiper-wrapper .swiper-slide .img-box .mb-img {
	background-position: center center;
	background-repeat: no-repeat
}

@media (max-width: 1024px) {
	.img-banner,
	.inner-banner .swiper .swiper-wrapper .swiper-slide .img-box .img,
	.inner-banner .swiper .swiper-wrapper .swiper-slide .img-box .mb-img {
		background-size: cover
	}
}

.is1340 {
	display: block
}

@media (max-width: 1340px) {
	.is1340 {
		display: none
	}

}

.is1300 {
	display: block
}

@media (max-width: 1300px) {
	.is1300 {
		display: none
	}
}

.is1024 {
	display: block
}

@media (max-width: 1024px) {
	.is1024 {
		display: none
	}
}

.bmap_cpyctrl,
.anchorbl {
	display: none
}

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

@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: 750px) {
	.ex-link-e {
		width: 102px;
		height: 28px;
		line-height: 28px
	}
}

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

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

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

@media (max-width: 750px) {
	.ex-link-f {
		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: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 80px;
	z-index: 500;
	background-color: #fff;
}

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

.bocweb-header .bocweb-logo {
	position: relative;
	float: left;
	display: block;
	margin-top: 24px;
	width: 154px;
}

.bocweb-header .bocweb-logo img {
	display: block;
	width: 100%;
}

.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: 40px;
	/* 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 20px;
	font-size: 14px;
	color: #010101;
	line-height: 80px;
	font-weight: bold;
}

@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: 1200px) {
	.bocweb-header .bocweb-nav ul li .link{
		padding: 0 8px;
	}
}

.bocweb-header .icon-box {
	padding-top: 22px;
	font-size: 0;
	position: relative;
	z-index: 3;
}

.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:last-child{
	margin-right: 0;
}
.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: 30px;
	margin-top: 22px;
	margin-left: 20px;
	line-height: 30px
}

.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(/uploads/image/bwimg/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
}
.bocweb-header .lang{
	float: right;
	font-size: 14px;
	color: #000;
	font-weight: bold;
	line-height: 30px;
	margin-top: 22px;
	margin-left: 30px;
	padding-right: 16px;
	background-repeat: no-repeat;
	background-position: 26px center;
	background-image: ;
	background-size: 8px;
}

@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: 40px;
	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(/uploads/image/bwimg/hot.png)
}

.bocweb-header .pc-wrap .hide-nav .w1280 .img-wrap .img-box .new {
	left: 16px;
	background-image: url(/uploads/image/bwimg/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)
} */
.bocweb-header .pc-wrap .navson{
	position: absolute;
	left: 0;
	/* top: 54px; */
	top: 60px;
	width: 100%;
	background-color: #fff;
	padding: 56px 0 76px;
	border-top: 1px solid #dadbdd;
	visibility: hidden;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: all .3s;
	
}
.bocweb-header .pc-wrap .sub-item.cur .navson{
	opacity:1;
	filter: alpha(opacity=100);
	visibility: visible;
	transition: all .3s;
}
/* #pro-page .bocweb-header .pc-wrap .navson,
#proinfo-page .bocweb-header .pc-wrap .navson{
	display: none;
} */

@media (min-width: 1080px){
	/* .bocweb-header .pc-wrap .sub-item:hover .navson{
		visibility: visible;
		opacity: 1;
		filter: alpha(opacity=100);
		
	} */
}
.navson-view{
	/* width: 61.71875%; */
	width: 1185px;
	margin: 0 auto;
}

.bocweb-header .pc-wrap .left-tab-box{
	float: left;
	width: 268px;
}

.bocweb-header .pc-wrap .left-tab{
	position: relative;
}
.bocweb-header .pc-wrap .left-tab>img{
	width: 100%;
}
.bocweb-header .pc-wrap .left-tab .img-tab{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.bocweb-header .pc-wrap .left-tab .img-tab .swiper-slide{
	position: relative;
}
.bocweb-header .pc-wrap .left-tab .img-tab .swiper-slide-active{
	z-index: 3;
}
.bocweb-header .pc-wrap .left-tab .con-box{
	display: block;
}

.bocweb-header .pc-wrap .left-tab .img{
	display: block;
	border-radius: 4px;
	overflow: hidden;
}
.bocweb-header .pc-wrap .left-tab img{
	width: 100%;
}
.bocweb-header .pc-wrap .left-tab-box .btns{
	font-size: 0;
	text-align: center;
	margin-top: 20px;
}
.bocweb-header .pc-wrap .left-tab-box .btns .swiper-pagination-switch{
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 6px;
	height: 6px;
	border-radius: 100%;
	background-color: #d6d6d6;
	margin: 0 7px;
	cursor: pointer;
}
.bocweb-header .pc-wrap .left-tab-box .btns .swiper-active-switch{
	background-color: #ba8f5a;
}
.bocweb-header .pc-wrap .right-list{
	width: 840px;
	float: right;
}
.bocweb-header .pc-wrap .right-list .row{
	margin: 0 -20px;
}
.bocweb-header .pc-wrap .right-list .item{
	width: 25%;
	float: left;
	box-sizing: border-box;
	padding: 0 20px;
}
.bocweb-header .pc-wrap .right-list .con-box{
	display: block;
}
.bocweb-header .pc-wrap .right-list .img{
	border-radius: 4px;
	overflow: hidden;
	background-color: #f3f4f6;
	padding: 30px 0;
}
.bocweb-header .pc-wrap .right-list img{
	/* width: 100%; */
	display: block;
	margin: 0 auto;
	max-width: 80px;
}
.bocweb-header .pc-wrap .right-list .tit{
	font-size: 14px;
	color: #686868;
	line-height: 24px;
	text-align: center;
	margin-top: 10px;
}
.bocweb-header .pc-wrap .right-list .tips{
	font-size: 0;
	margin-top: 8px;
}
.bocweb-header .pc-wrap .right-list .tips span{
	display: inline-block;
	*display: inline;
	zoom: 1;
	font-size: 12px;
	color: #b1b1b1;
	line-height: 20px;
	padding: 0 3px;
	border: 1px solid #f0f0ee;
	margin-right: 4px;
}
.bocweb-header .pc-wrap .right-list .tips span:last-child{
	margin-right: 0;
}

@media (max-width: 1300px){
	.navson-view{
		width: 94%;
	}
	.bocweb-header .pc-wrap .right-list{
		width: 720px;
	}
	.bocweb-header .pc-wrap .right-list .row{
		margin: 0 -10px;
	}
	.bocweb-header .pc-wrap .right-list .item{
		padding: 0 10px;
	}
	.bocweb-header .pc-wrap .right-list .tips span{
		margin-right: 2px;
	}
}

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

.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;
	background:#fff;
}

.bocweb-menu {
	/* position: absolute;
	top: 50%;
	left: 4.16%;
	margin-top: -11px;
	z-index: 110;
	cursor: pointer */
	margin-top: 26px;
	margin-left: 20px;
    position: relative;
    width: 36px;
    height: 20px;
    display: none;
}

.bocweb-menu .line {
	background: #000;
	border-radius: 1px;
	display: block;
	height: 2px;
	top: 0;
	left: 0;
	transition: all 0.3s ease;
	transform-origin: center center;
	width: 100%;
	position: absolute;
}
.bocweb-menu .line1 {
    top: 0;
}
.bocweb-menu .line2 {
    top: 50%;
    margin-top: -1px;
}
.bocweb-menu .line3 {
	top: auto;
    bottom: 0;
}
.bocweb-menu.active .line{
	top: 50%;
    bottom: auto;
    margin-top: -1px;
}
.bocweb-menu.active .line1{
	transform: rotate(45deg);
}
.bocweb-menu.active .line2{
	opacity: 0;
	filter: alpha(opacity=0);
}
.bocweb-menu.active .line3{
	transform: rotate(-45deg);
}

/* .bocweb-menu .line:nth-child(2) {
	margin: 8px 0
}

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

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

.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(/uploads/image/bwimg/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
}

.m-bocweb-nav {
	display: none;
	position: fixed;
	top: 80px;
	left: 0;
	width: 100%;
	height: calc(100% - 80px);
	padding: 0;
	box-sizing: border-box;
	background-color: #fff;
    overflow-y: auto;
    z-index: 400;
    border-top: 1px solid #f8f8f8;
}

.m-bocweb-nav ul {
	background: #fff;

}

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

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

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

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

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

.m-bocweb-nav ul li .hide a span {
	vertical-align: middle
}

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

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

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

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

@media (max-width: 750px) {
	.m-bocweb-nav ul li .link {
		font-size: 18px
	}
	.m-bocweb-nav ul li .hide a {
		font-size: 16px
	}
}

.m-bocweb-nav.h-show 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(/uploads/image/bwimg/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(/uploads/image/bwimg/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
}

.bocweb-header .wrap {
	border-bottom: 1px solid #ebebeb;
	height: 80px;
}
.index-page .bocweb-header .wrap{
	border-bottom: none;
}
.inner-header .bocweb-header .pc-wrap .hide-nav {
	position: absolute
}
.bocweb-footer{
	background-color: #f5f5f5;
}

@media (max-width: 1080px) {

	.bocweb-menu{
		display: block;
	}
	.bocweb-footer .mhide {
		display: none
	}
	 .bocweb-header{
		position: fixed!important;
		height: 80px;
	}
	.bocweb-header .bocweb-nav{
		display: none;
	}
	.clearfixed{
		height: 80px;
	}
	.wx-banner .fw-n{
		position: fixed;
		
	}
}

.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(/uploads/image/bwimg/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: 12px;
	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;
	margin-top: 60px;
	font-size: 0;
}

.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(/uploads/image/bwimg/lang.png) no-repeat center center;
	background-size: contain
}

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

.bocweb-footer .lang-box .lang a,
.bocweb-footer .lang-box .lang span{
	display: inline-block;
	*display: inline;
	zoom: 1;
	font-size: 14px;
	color: #999;
	transition: color 0.5s
}
.bocweb-footer .lang-box .lang span{
	margin: 0 2px;
}

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

@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: #e5e5e5
}



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

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



.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(/uploads/image/bwimg/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
}

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

@media (max-width: 1024px) {
	.inner-banner .swiper {
		height: 12.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%
}

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

.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-weight: normal;
	transform: translatey(30px);
	opacity: 0;
	filter: alpha(opacity=0);
	transition: transform 0.8s, opacity 0.4s;
	transition-delay: 0.1s;
	color: #000
}

.inner-banner .swiper .swiper-wrapper .swiper-slide .text-box .w1280 p {
	font-size: 20px;
	line-height: 1.6;
	color: #000!important;
	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.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: 200;
	/* height: 54px;
	line-height: 54px */
}
.sub-clearfixed{
	height: 54px;
	display: none;
}

@media (max-width: 1024px) {
	.ex-sub-nav {
		display: none;
		height: 0;
		line-height: 0
	}
	.sub-clearfixed{
		height: 0;
	}
}
.ex-sub-nav{
	background: #fff;
	box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.03)
}
.ex-sub-nav .wrap {
	/* height: 54px; */
	/* line-height: 54px; */
	
}

.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 .btns{
	float: right;
	font-size: 0;
	line-height: 1;
	margin-top: 12px;
	margin-left: 60px;
}
.ex-sub-nav .wrap .btns a{
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 86px;
	height: 30px;
	border: 1px solid #e5e5e5;
	line-height: 30px;
	font-size: 12px;
	color: #333;
	border-radius: 16px;
	text-align: center;
	margin-left: 20px;
	transition: all .3s;
}
.ex-sub-nav .wrap .btns a:first-child{
	margin-left: 0;
}
.ex-sub-nav .wrap .right {
	position: relative;
	font-size: 0;
	line-height: 54px;
}

.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 (max-width: 1400px){
	.ex-sub-nav .wrap .btns{
		margin-left: 15px;
	}
	.ex-sub-nav .wrap .btns a{
		margin-left: 15px;
	}
	.ex-sub-nav .wrap .right a{
		margin-left: 15px;
	}

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

.ex-sub-nav .wrap .right .line {
	position: absolute;
	bottom: 0;
	height: 2px;
	margin-left: 28px;
	background-color: #ba8f5a
}
@media (max-width: 1400px){
	.ex-sub-nav .wrap .right .line{
		margin-left: 16px;
	}
}

.ex-sub-nav.isfixed .wrap {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 200;
	background-color: #fff;
}

.main.pro-info {
	min-height: 100vh;
	overflow: hidden
}

.main.pro-info .bocweb-header {
	top: -81px;
	transition: top 0.5s
}

@media (max-width: 1080px) {
	.main.pro-info .bocweb-header {
		top: 0px
	}
}

.main.pro-info .bocweb-header div,
.main.pro-info .bocweb-header a,
.main.pro-info .bocweb-header span,
.main.pro-info .bocweb-header ul,
.main.pro-info .bocweb-header li {
	box-sizing: initial
}

.main.pro-info .bocweb-header .pc-wrap {
	background-color: #fff
}

.main.pro-info .bocweb-header .pc-wrap div,
.main.pro-info .bocweb-header .pc-wrap a,
.main.pro-info .bocweb-header .pc-wrap span,
.main.pro-info .bocweb-header .pc-wrap ul,
.main.pro-info .bocweb-header .pc-wrap li {
	box-sizing: initial
}

.main.pro-info .ex-sub-nav {
	position: fixed;
	top: 81px;
	width: 100%;
	transition: top 0.5s
}

.main.pro-info .ex-sub-nav.fixed {
	top: 0
}

@media (max-width: 1080px) {
	.main.pro-info .ex-sub-nav {
		display: none
	}
}

.main.pro-info .ex-sub-nav .wrap .left span {
	vertical-align: middle
}

.main.pro-info .ex-sub-nav .wrap .left .icon {
	height: 22px;
	margin-right: 12px
}

.main.pro-info .ex-sub-nav .wrap .left .icon img {
	display: block;
	max-height: 100%
}

.main.pro-info #fullpage {
	-webkit-backface-visibility: hidden
}

.ex-link-box {
	font-size: 0;
	line-height: 54px;
}

.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(/uploads/image/bwimg/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(/uploads/image/bwimg/link-arrow2.png) no-repeat center center
}

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

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

.ex-point-box .swiper-pagination-switch {
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 12px;
	height: 12px;
	margin: 0 6px;
	position: relative;
	cursor: pointer;
	border-radius: 100%;
}
.index-page .banner .ex-point-box .swiper-active-switch{
	border: 2px solid transparent;
}
.ex-point-box .swiper-pagination-switch:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 6px;
	height: 6px;
	margin: -3px 0 0 -3px;
	border-radius: 50%;
	background: #a8a6a4;
}

.index-page .banner .ex-point-box .swiper-active-switch{
	border-color: #c8a063;
}
.ex-point-box .swiper-active-switch:before{
	opacity: 0;
	filter: alpha(opacity=0);
}

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

@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(/uploads/image/bwimg/next-page.png) no-repeat center center;
	background-color: #fff
}

.ex-more-box {
	padding-top: 5.1%;
	text-align: center
}

.ex-more-box .icon-box {
	position: relative
}

.ex-more-box .icon-box .icon-line {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #e6e5e5
}

.ex-more-box .icon-box .icon {
	position: relative;
	width: 120px;
	margin: 0 auto;
	background-color: #f8f8f8;
	cursor: pointer
}

.ex-more-box .icon-box .icon .img {
	display: block;
	width: 46px;
	height: 46px;
	margin: 0 auto;
	border-radius: 50%;
	box-shadow: 0px 0px 30px rgba(167, 141, 110, 0.2);
	background: url(/uploads/image/bwimg/next-page2.png) no-repeat center center;
	background-color: #fff
}

@media (max-width: 750px) {
	.ex-more-box .icon-box .icon {
		width: 90px
	}
	.ex-more-box .icon-box .icon .img {
		width: 40px;
		height: 40px
	}
}

.ex-more-box .text {
	padding-top: 18px;
	font-size: 14px;
	letter-spacing: 2px;
	color: #000
}

@media (max-width: 750px) {
	.ex-more-box .text {
		padding-top: 10px
	}
}

.ex-more-box.fff .icon-box .icon {
	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
}
.index-body .bocweb-header .bocweb-search .input-box{
	background-color:rgba(201,153,95,0.5);
	border:0;
}
.index-body .bocweb-header .bocweb-search .input-box .text{
	color:#fff;
}
.index-body .bocweb-header .bocweb-search .input-box .text::-webkit-input-placeholder {
	color:#fff;
}

.index-body .bocweb-header .bocweb-search .input-box .text:-moz-placeholder {
	color:#fff;
}

.index-body .bocweb-header .bocweb-search .input-box .text::-moz-placeholder {
	color:#fff;
}

.index-body .bocweb-header .bocweb-search .input-box .text:-ms-input-placeholder {
	color:#fff;
}
.index-body .bocweb-header .bocweb-search .input-box .btn{
	background: url(/uploads/image/bwimg/h-search2.png) no-repeat left center;
}
body{
	overflow: hidden;
}
@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(/uploads/image/bwimg/page-left1.png) no-repeat center center
}

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

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

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

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

@media (max-width: 1024px) {
	.page a.next,
	.pagination a.next {
		background: url(/uploads/image/bwimg/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
	}
}

.js-scroll-btm {
	will-change: transform
}

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

.fp-viewing-page1 .main.pro-info .bocweb-header,
.fp-viewing-page1 .main.x2_sw .bocweb-header,
.fp-viewing-page1 .main.q5_sw .bocweb-header,
.fp-viewing-page1 .main.x3z_sw .bocweb-header {
	top: 0
}

.hasicon-nav .ex-sub-nav .wrap .left {
	font-size: 0
}

.hasicon-nav .ex-sub-nav .wrap .left span {
	vertical-align: middle;
	font-size: 14px
}

.hasicon-nav .ex-sub-nav .wrap .left .icon {
	height: 22px;
	margin-right: 12px;
	font-size: 0
}

.hasicon-nav .ex-sub-nav .wrap .left .icon img {
	display: block;
	max-height: 100%
}

.pop-join-nav {
	position: fixed;
	top: 30%;
	left: 40px;
	z-index: 400;
	padding: 0 12px;
	border-radius: 5px;
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.05);
	background: #fff
}

@media (max-width: 750px) {
	.pop-join-nav {
		display: none
	}
}

.pop-join-nav .link {
	display: block;
	padding: 16px 10px 15px;
	font-size: 14px;
	color: #999;
	border-bottom: 1px dashed #f1e5d6
}

.pop-join-nav .link span {
	position: relative;
	vertical-align: middle
}

.pop-join-nav .link span img {
	display: block
}

.pop-join-nav .link span .b {
	position: absolute;
	top: 0;
	left: 0;
	max-width: 100%;
	opacity: 0;
	filter: alpha(opacity=0)
}

.pop-join-nav .link .icon {
	margin-right: 6px;
	font-size: 0
}

.pop-join-nav .link.cur span {
	color: #c9995f
}

.pop-join-nav .link.cur span .f {
	opacity: 0;
	filter: alpha(opacity=0)
}

.pop-join-nav .link.cur span .b {
	opacity: 1;
	filter: alpha(opacity=100)
}

@media (min-width: 1025px) {
	.pop-join-nav .link:hover span {
		color: #c9995f
	}
	.pop-join-nav .link:hover span .f {
		opacity: 0;
		filter: alpha(opacity=0)
	}
	.pop-join-nav .link:hover span .b {
		opacity: 1;
		filter: alpha(opacity=100)
	}
}

.pop-join-nav .link.border {
	border-bottom: none
}

@media (max-width: 840px) {
	.pop-join-nav {
		display: none
	}
}

.order-sw {
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%
}

.order-sw.hide-a::after,
.order-sw.hide-a::before {
	height: 0
}

.order-sw.hidetwo .order-one-info {
	-webkit-transition: ease all .5s;
	transition: ease all .5s;
	-webkit-transform: translatey(0);
	-ms-transform: translatey(0);
	transform: translatey(0);
	opacity: 1
}

.order-sw .order-one-info {
	position: absolute;
	position: absolute;
	z-index: 6;
	top: 50%;
	left: 50%;
	box-sizing: border-box;
	width: 1056px;
	height: 686px;
	margin-top: -343px;
	margin-left: -528px;
	padding: 40px 60px;
	-webkit-transition: ease all .5s;
	transition: ease all .5s;
	-webkit-transform: translatey(-40px);
	-ms-transform: translatey(-40px);
	transform: translatey(-40px);
	opacity: 0;
	background: #fff
}

.order-sw .order-one-info .top .h {
	font-family: 'ny-reg';
	font-size: 34px;
	line-height: 1;
	color: #0a0526
}

.order-sw .order-one-info .ulbox {
	height: 530px
}

.order-sw .order-one-info .ulbox .mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar {
	border-radius: 0;
	background: #000
}

.order-sw .order-one-info .top {
	padding-bottom: 30px
}

.order-sw .order-one-info .ul {
	padding: 0 0 50px;
	border-bottom: 1px solid #c6c6c8
}

.order-sw .order-one-info .ul .h-sw {
	font-family: 'ny-reg';
	font-size: 16px;
	line-height: 30px;
	color: #333
}

.order-sw .order-one-info .ul .h-tit {
	font-size: 22px;
	line-height: 1;
	margin-bottom: 15px;
	padding-top: 20px;
	color: #0a0526
}

.order-sw .order-one-info .ul .p {
	font-size: 16px;
	line-height: 1.8;
	color: #666;
	text-align: justify
}

.order-sw .order-one-info .ul .p p,
.order-sw .order-one-info .ul .p strong,
.order-sw .order-one-info .ul .p span {
	font-size: 16px !important;
	line-height: 1.8 !important;
	color: #666 !important
}

.order-sw .order-one-info .ul .p img {
	max-width: 100%
}

.order-sw .order-one-info .ul:last-child {
	border-bottom: none
}

.order-sw .bg-close {
	position: fixed;
	z-index: 4;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	background: rgba(0, 0, 0, 0.6)
}

.order-sw .closex:hover:before {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}

.order-sw .closex:hover:after {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.order-sw .closex:hover {
	opacity: 1
}

.order-sw .mcsb_outside .mcsb_scrolltools {
	right: -33px
}

.order-sw .wclosebtn {
	top: 20px;
	right: 20px
}

.order-sw .wclosebtn .icon {
	width: 36px;
	height: 36px;
	margin-left: 0
}

@media (max-width: 768px) {
	.order-sw .mcsb_outside .mcsb_scrolltools {
		right: -17px
	}
	.order-sw .wclosebtn {
		right: 10px
	}
}

@media (max-width: 1280px) {
	.order-two .order-one-info {
		width: 90%;
		margin-left: -45%
	}
	.order-sw .order-one-info .top {
		padding-bottom: 20px
	}
	.order-sw .order-one-info .ul {
		padding: 0 0 30px
	}
	.order-sw .order-one-info {
		width: 90%;
		margin-left: -45%
	}
}

@media (max-width: 1024px) {
	.order-sw .order-one-info .top .h {
		font-size: .70833rem
	}
	.order-sw .order-one-info .ul .p {
		font-size: 14px;
		line-height: 1.8
	}
	.order-sw .order-one-info .ul .p p,
	.order-sw .order-one-info .ul .p strong,
	.order-sw .order-one-info .ul .p span {
		font-size: 14px !important
	}
}

@media (max-width: 768px) {
	.order-sw .order-one-info .ul {
		padding: 0;
		border-bottom: 0
	}
	.order-sw .order-one-info {
		padding: 20px 36px
	}
	.order-sw .order-one-info {
		height: 410px;
		margin-top: -205px
	}
	.order-sw .order-one-info .ulbox {
		height: 300px
	}
}
body,html{
	
}
.ovh-f{
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  overflow: hidden;
}



@media (max-width: 750px){
	.bocweb-header{
		height: 50px;
	}
	.bocweb-header .bocweb-search{
		display: none;
	}
	.bocweb-header .bocweb-logo{
		width: 120px;
		margin-top: 15px;
	}
	.bocweb-menu{
		width: 24px;
		height: 16px;
		margin-top: 18px;
		margin-left: 10px;
	}
	.bocweb-header .lang{
		margin-top: 12px;
		margin-left: 10px;
	}
	.bocweb-header .icon-box{
		padding-top: 0;
		margin-top: 14px;
	}
	.bocweb-header .icon-box a,
	.bocweb-header .icon-box .wechat .show{
		width: 24px;
	}
	.clearfixed{
		height: 50px;
	}
	.m-bocweb-nav{
		top: 50px;
		height: calc(100% - 50px);
	}
	.bocweb-header .wrap{
		height: 50px;
	}
	.bocweb-footer{
		padding: 30px 0 35px;
		box-sizing: border-box;
	}
	.bocweb-footer .pc-wrap .nav-box .nav,
	.bocweb-footer .pc-wrap .copy-right{
		padding: 0;
	}
	.bocweb-footer .pc-wrap .copy-right{
		background-color: transparent;
	}
	.bocweb-footer .pc-wrap .nav-box .nav li{
		float: none;
		width: 100%;
		border-bottom: 1px solid #d1d1d1;
	}
	.bocweb-footer .pc-wrap .nav-box .nav li:last-child{
		border-bottom: none;
		margin-top: 35px;
	}
	.bocweb-footer .pc-wrap .nav-box .nav li .lg-link{
		padding: 0;
		position: relative;
	}
	.bocweb-footer .pc-wrap .nav-box .nav li .lg-link:before{
		content: "";
		position: absolute;
		right: 0;
		top: 50%;
		width: 16px;
		height: 16px;
		margin-top: -8px;
		background-repeat: no-repeat;
		background-position: center;
		background-size: 100%;
		background-image: ;
	}
	.bocweb-footer .pc-wrap .nav-box .nav li .lg-link a{
		display: block;
		padding: 15px 0;
	}
	.bocweb-footer .pc-wrap .nav-box .sub-link{
		display: none;
	}
	.bocweb-footer .hot-line .title,
	.bocweb-footer .lang-box{
		display: none;
	}
	.bocweb-footer .pc-wrap .nav-box .nav li .sub-link .link{
		padding-left: 20px;
	}
	.bocweb-footer .hot-line{
		text-align: center;
	}
	.bocweb-footer .hot-line .num{
		padding-bottom: 10px;
		font-size: 18px;
	}
	.bocweb-footer .hot-line .tips{
		padding-bottom: 0;
	}
	.bocweb-footer .copy-right .fl{
		max-width: 100%;
		float: none;
		text-align: center;
	}
	.bocweb-footer .copy-right .fr{
		float: none;
		width: 100%;
		text-align: center;
	}
	.bocweb-footer .copy-right .back-top{
		display: none;
	}
	.bocweb-footer .copy-right,
	.bocweb-footer .copy-right a{
		font-size: 12px;
		line-height: 20px;
	}
}

.sub-nav {
	position:relative;
	text-align:center;
	background-color: #fff;
	font-size: 0;
}
.sub-nav .sub-li{
	display: inline-block;
	*display: inline;
	zoom: 1;
	margin: 0 20px;
}
.sub-nav .tit-box {
	font-size:0;
	padding:15px 0;
	display: block;
}
.sub-nav .tit-box .icon {
	display: inline-block;
	*display: inline;
	zoom: 1;
	position:relative;
	vertical-align:middle;
	height:32px;
	margin-right:12px
}
.sub-nav .tit-box .icon img {
	display:block;
	height:100%
}
.sub-nav .tit-box .icon .b {
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	filter:alpha(opacity=0);
	transition:opacity 0.5s
}
.sub-nav .tit-box .text {
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align:middle;
	height: 32px;
	line-height: 32px;
}
.sub-nav .tit-box .text .name {
	font-size:14px;
	color:#666
}
@media (min-width:1025px) {
	.sub-nav .sub-item:hover .tit-box .icon .b {
		opacity:1;
		filter:alpha(opacity=100)
	}
	.sub-nav .sub-li:hover .tit-box .text .name ,
	.sub-nav .sub-item:hover .tit-box .text .name {
		color:#ba8f5a
	}
}
.sub-nav .sub-item.cur .tit-box .icon .b {
	opacity:1;
	filter:alpha(opacity=100)
}
.sub-nav .sub-item.cur .text .name {
	color:#ba8f5a
}
.sub-nav .line {
	position:absolute;
	bottom:0;
	height:2px;
	margin-left:22px;
	background-color:#ba8f5a
}
.bocweb-header .bocweb-nav ul li .sec-nav{
	position: absolute;
	left: 0;
	top: 80px;
	width: 100%;
	border-top: 1px solid #dadbdd;
	opacity: 0;
	filter: alpha(opacity=0);
	visibility: hidden;
	transition: all .3s;
}
.bocweb-header .bocweb-nav ul li .sub-item{
	display: inline-block;
	*display: inline;
	zoom: 1;
	margin:0 20px;
}
.bocweb-header .bocweb-nav ul li.cur .sec-nav{
	opacity: 1;
	filter: alpha(opacity=100);
	visibility: visible;
}

/* .bocweb-header .bocweb-nav ul li .sec-nav.cur .navson{
	opacity: 1;
	filter: alpha(opacity=100);
	visibility: visible;
} */
@media (max-width:750px) {
	.sub-nav {
	display:none
}
}
/* #pro-page .bocweb-header  .sec-nav1,
#proinfo-page .bocweb-header .sec-nav1{
	opacity: 1;
	filter: alpha(opacity=100);
	visibility: visible;
}
#proinfo-page .bocweb-header .sec-nav{
	display: none;
}
 */





.table-wrap{
	background-color: #fff;
	padding: 100px 0;
}
.table-wrap .wrap .img-box {
    width: 30.9375%;
    /* opacity: 0;
    filter: alpha(opacity=0);
    transform: translatex(-30px); */
    transition: opacity 0.8s,transform 0.8s;
}
.table-wrap .wrap .img-box img{
	width: 100%;
}
.table-wrap .wrap .text-box {
	width: 62.5%;
    /* opacity: 0;
    filter: alpha(opacity=0);
    transform: translatex(30px); */
    transition: opacity 0.8s,transform 0.8s;
}
.table-wrap.animate .wrap .img-box, .table-wrap.animate .wrap .text-box {
	opacity: 1;
    filter: alpha(opacity=100);
    transform: translatex(0);
    transition-delay: 0.3s;
}
.table-wrap .wrap .text-box .table-box table {
	width: 100%;
}
.table-wrap .wrap .text-box .table-box table tr {
    color: #666666;
}
.table-wrap .wrap .text-box .table-box table tr:nth-child(1) {
    background-color: #faf8f1;
}
.table-wrap .wrap .text-box .table-box table tr th {
    padding: 14px;
    font-size: 18px;
    color: #333;
}
.table-wrap .wrap .text-box .table-box table tr td:first-child {
    border-left: 1px solid #fff;
}
.table-wrap .wrap .text-box .table-box table tr td {
    padding: 24px 0;
    font-size: 16px;
    line-height: 24px;
    border-bottom: 1px solid #f2ece6;
    vertical-align: top;
}
.table-wrap .wrap .text-box .table-box table tr td p {
    word-break: keep-all;
    margin-bottom: 12px;
}
.table-wrap .wrap .text-box .table-box table tr td p:last-child{
	margin-bottom: 0;
}
.table-wrap .wrap .text-box .text {
    max-width: 76%;
    padding: 20px 20px 0 20px;
    font-size: 14px;
    line-height: 1.8;
    color: #a4a2a0;
}
.table-wrap .wrap .text-box .table-box table tr td.td1 {
	width: 190px;
}





.tech-box{
	position: relative;
	z-index: 3;
}
.tech-box li{
	position: relative;
	/* height: 480px; */
	background-color: #f8f8f8;
}
.tech-box li:nth-child(2n){
	background-color: #fff;
}
.tech-box li .imgs{
	width: 50%;
	height: 100%;
	float: right;
	background: no-repeat center/cover;
}
.tech-box li:nth-child(2n) .imgs{
	float: left;	
}
.tech-box li .text{
	width: 50%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.tech-box li:nth-child(2n) .text{
	left: auto;
	right: 0;
}
.tech-box li .text .table{
	display: table;
}
.tech-box li .text .table-cell{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding: 0 5%;
}
.tech-box li .text .table-cell .inline-blk{
	display: inline-block;
	font-size: 40px;
	color: #3e280c;
	position: relative;
	line-height: 50px;
}

.tech-box li .text .d2{
	font-size: 20px;
	line-height: 30px;
	color: #8b704c;
	margin-top: .5em;
}




.main .noise-box{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 110px 0 90px;
}
.main .noise-box .text{
	text-align: center;
	font-size: 0;
}
.main .noise-box .text .tit{
	font-size: 40px;
	line-height: 48px;
	display: inline-block;
	*display: inline;
	zoom: 1;
	padding: 0 34px;
	color: #fff;
	position: relative;
	font-weight: bold;
}
.main .noise-box .text .tit:before,
.main .noise-box .text .tit:after{
	content: "";
	position: absolute;
	top: 0;
	width: 15px;
	height: 12px;
	background-repeat: no-repeat;
	background-position: center;
}
.main .noise-box .text .tit:before{
	left: 0;
	background-image: ;
}
.main .noise-box .text .tit:after{
	right: 0;
	background-image: ;
}
.main .noise-box .text .txt{
	font-size: 18px;
	line-height: 28px;
	margin-top: 30px;
	color: #fff;
}
.main .noise-box .text .txt br{
	display: none;
}
.main .noise-box .text .desc{
	font-size: 16px;
	line-height: 26px;
	color: #616161;
	margin-top: 10px;
}
.main .noise-box .img{
	width: 48.28125%;
	margin: 80px auto 0;
}
.main .noise-box .img img{
	width: 100%;
}

.main .save-box{
	padding: 150px 0 180px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.main .save-box .tit-box{
	text-align: center;
}
.main .save-box .tit-box .pro-tip{
	margin-top: 20px;
	line-height: 36px;
	color: #8b704c;
}
.main .save-box .icon-list{
	margin-top: 120px;
	text-align: center;
	font-size: 0;
}
.main .save-box .icon-list .item{
	width: 15.625%;
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;
}
.main .save-box .icon-list .icon{
	width: 84px;
	margin: 0 auto;
}
.main .save-box .icon-list .icon img{
	width: 100%;
}
.main .save-box .icon-list .tit{
	font-size: 24px;
	line-height: 30px;
	margin-top: 20px;
}
.main .save-box .icon-list .con{
	margin-top: 15px;
	font-size: 16px;
	line-height: 28px;
	color: #9b9b9b;
}
.bg-box{
	height: 100%;
}
.bg-box .bg{
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.bg-box .m-bg{
	display: none;
}

.main .noise-box2 .text .tit:before,
.main .noise-box2 .text .tit:after{
	display: none;
}
.main .noise-box2 .icon-box{
	text-align: center;
	font-size: 0;
	margin-top: 50px;
}
.main .noise-box2 .icon-box .item{
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;
	margin: 0 48px;
}
.main .noise-box2 .icon-box .icon{
	width: 47px;
	margin: 0 auto;
}
.main .noise-box2 .icon-box .icon img{
	width: 100%;
}
.main .noise-box2 .icon-box .txt{
	font-size: 18px;
	line-height: 28px;
	color: #fff;
	margin-top: 8px;
}
.main .patent-box{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
}
.main .patent-box>img,
.main .control-box>img,
.main .system-box>img{
	width: 100%;
}
.adv-text{
	position: absolute;
}
.adv-text .pro-tit{
	display: inline-block;
	*display: inline;
	zoom: 1;
	color: #fff;
	padding-left: 70px;
	background-repeat: no-repeat;
	background-size: 49px;
	background-position: left center;
}
.adv-text .pro-con{
	margin-top: 20px;
}
.adv-text .txt{
	font-size: 18px;
	line-height: 28px;
	color: #fff;
	margin-top: 10px;
}
.main .patent-box .adv-text{
	top: 8.947%;
	left: 0;
	width: 100%;
	text-align: center;
}
.main .control-box{
	position: relative;
}
.main .control-box .adv-text{
	top: 14.21%;
	left: 0;
	width: 100%;
	text-align: center;
}
.main .system-box{
	position: relative;
}
.main .system-box .adv-text{
	left: 0;
	top: 34.7%;
	width: 100%;
}
.main .system-box .text{
	display: inline-block;
	*display: inline;
	zoom: 1;
	text-align: center;
	margin-left: -13%;
}
.burn-box{
	position: relative;
	height: 100vh;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.burn-box>img{
	width: 100%;
}
.burn-box .text-box{
	position: absolute;
	left: 0;
	top: 12.6%;
	width: 100%;
	text-align: center;
}
.main .save-box3{
	padding: 120px 0 90px;
	background-color: #fcfafa;
}
.main .save-box3 .text{
	text-align: center;
}
.main .save-box3 .pro-tit{
	color: #3e280c;
}
.main .save-box3 .pro-con{
	color: #8b704c;
}
.main .save-box3 .icon-box{
	margin-top: 140px;
	text-align: center;
	font-size: 0;
}
.main .save-box3 .icon-box .item{
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 14.0625%;
	vertical-align: top;
	position: relative;
}
.main .save-box3 .icon-box .item:before{
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: 1px;
	height: 110px;
	background-color: #f1ece8;
}
.main .save-box3 .icon-box .item:last-child:before{
	display: none;
}
.main .save-box3 .icon{
	width: 87px;
	padding: 10px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: ;
	background-size: 100% 100%;
	margin: 0 auto;
}
.main .save-box3 .icon img{
	width: 100%;
}
.main .save-box3 .tit{
	font-size: 18px;
	line-height: 28px;
	color: #8e6e4d;
	margin-top: 20px;
	font-weight: bold;
}
.main .save-box3 .con{
	font-size: 16px;
	line-height: 24px;
	color: #8b704c;
	margin-top: 12px;
}

.main .net-box{
	position: relative;
	background-repeat: no-repeat;
	background-position: right center;
	background-size: cover;
	height: 100vh;
}
.main .net-box .img{
	height: 100%;
}
.main .net-box .img img{
	width: auto;
	height: 100%;
}
.main .net-box .text{
	text-align: center;
	position: absolute;
	right: 11.3%;
	bottom: 28.2%;
}
.main .net-box .pro-tit{
	color: #3e280c;
}
.main .net-box .pro-con{
	color: #8b704c;
	margin-top: 20px;
}


@media (max-width: 1600px){
	.main .noise-box .text .tit{
		font-size: 30px;
		line-height: 40px;
	}

	.main .save-box .tit-box .pro-tip{
		font-size: 16px;
		line-height: 26px;
	}
	.main .save-box{
		padding: 100px 0;
	}
	.main .save-box .icon-list .item{
		width: 18%;
	}
	.main .save-box .icon-list .icon{
		width: 70px;
	}
	.main .save-box .icon-list .tit{
		font-size: 20px;
		line-height: 30px;
	}
	.tech-box li .text .table-cell .inline-blk{
		font-size: 30px;
		line-height: 40px;
	}
	.tech-box li .text .d2{
		font-size: 16px;
		line-height: 26px;
	}
	.main .system-box .text{
		margin-left: -12%;
	}
}

@media (max-width: 1200px){
    .table-wrap .wrap .text-box .table-box table tr td{
        font-size: 14px;
        line-height: 24px;
    }
    .table-wrap .wrap .text-box .text{
        max-width: 100%;
    }

    .tech-box li .text .table-cell .inline-blk{
    	font-size: 30px;
    	line-height: 40px;
    }
    .tech-box li .text .d2{
    	font-size: 16px;
    	line-height: 26px;
    }
    .main .net-box{
    	height: 40vh;
    }
    .main .net-box .text{
    	right: 5%;
    }
    .burn-box{
    	height: 50vh;
    }

}
@media (max-width: 992px){
    .table-wrap .wrap .img-box{
        float: none;
        width: 100%;
    }
    .table-wrap .wrap .img-box img {
        display: block;
        width: 68%;
        max-width: 300px;
        margin: 0 auto 20px;
    }

    .table-wrap .wrap .text-box .table-box table tr td.td1 {
        width: auto !important;
    }
    .table-wrap .wrap .table {
        display: block;
    }
    .table-wrap .mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar {
        background: #000;
    }
    .table-wrap .mcsb_scrolltools .mcsb_dragger.mcsb_dragger_ondrag .mcsb_dragger_bar,
    .table-wrap .mcsb_scrolltools .mcsb_dragger:active .mcsb_dragger_bar{
        background: #000;
    }
    .table-wrap .wrap .img-box {
        float: none;
        width: 100%;
        padding-top: 25px;
    }
    .table-wrap .wrap .text-box {
        float: none;
        width: 100%;
        overflow: hidden;
    }
    .table-wrap .wrap .text-box .table-box table tr th {
        font-size: 14px;
        padding: 8px 10px;
    }
    .table-wrap .wrap .text-box .text{
        padding: 0px 10px 0 10px;
        max-width: 100%;
        line-height: 24px;
        margin-top: 20px;
    }

    .tech-box li .text .table-cell .inline-blk{
    	font-size: 24px;
    	line-height: 34px;
    }
    .tech-box li .text .d2{
    	font-size: 14px;
    	line-height: 24px;
    }
    .tech-box li .text .d2 br{
    	display: none;
    }

    .main .noise-box .text .tit{
    	font-size: 24px;
    	line-height: 34px;
    }
    .main .noise-box .text .txt br{
    	display: block;
    }
}

@media (max-width: 480px){
    .table-wrap{
        padding: 50px 0;
    }
    .table-wrap .wrap .img-box{
        padding-top: 0;
    }
    .table-wrap .wrap .text-box .table-box table{
        min-width: 600px;
    }

    .table-wrap .wrap .text-box .table-box table tr td{
        font-size: 13px;
    }
    .table-wrap .wrap .text-box .table-box table tr td p{
        margin-bottom: 6px;
    }

    .tech-box li .imgs,
    .tech-box li:nth-child(2n) .imgs{
    	width: 100%;
    	float: none;
    }
    .tech-box li .text{
    	position: static;
    	width: 100%;
    	padding: 30px 5%;
    	box-sizing: border-box;
    }
    .tech-box li .text .table-cell .inline-blk{
    	font-size: 16px;
    	line-height: 26px;
    }
    .tech-box li .text .d2{
    	font-size: 12px;
    	line-height: 20px;
    }

    .main .noise-box{
    	padding: 50px 0 40px;
    }
    .main .noise-box .text .tit{
    	font-size: 20px;
    	line-height: 30px;
    	padding: 0 20px;
    }
    .main .noise-box .text .tit:before,
    .main .noise-box .text .tit:after{
    	width: 7px;
    	height: 6px;
    	background-size: 100%;
    }
    .main .noise-box .text .txt{
    	font-size: 15px;
    	line-height: 25px;
    	margin-top: 10px;
    }
    
    .main .noise-box .text .desc{
    	font-size: 12px;
    	line-height: 20px;
    }
    .main .noise-box .img{
    	margin-top: 40px;
    	width: 90%;
    }

    .main .save-box{
    	padding: 50px 0;
    }
    .main .save-box .tit-box .pro-tip{
    	font-size: 12px;
    	line-height: 20px;
    	margin-top: 10px;
    }
    .main .save-box .icon-list{
    	margin-top: 30px;
    }
    .main .save-box .icon-list .item{
    	width: 50%;
    	float: left;
    	margin-bottom: .3rem;
    }
    .main .save-box .icon-list .icon{
    	width: 60px;
    }
    .main .save-box .icon-list .tit{
    	font-size: 16px;
    	line-height: 26px;
    }
    .main .save-box .icon-list .con{
    	margin-top: 5px;
    	font-size: 12px;
    	line-height: 20px;
    }

    .bg-box .pc-bg{
    	display: none;
    }
    .bg-box .m-bg{
    	display: block;
    }
    .main .net-box{
    	height: auto;
    }
    .main .net-box .img{
    	width: 100%;
    	height: auto;
    }
    .main .net-box .img img{
    	width: 100%;
    	height: auto;
    }
    .main .net-box .text{
    	position: static;
    	padding: 30px 0;
    }
    .main .net-box .pro-con{
    	margin-top: 10px;
    }
}
.opa0-img{
	width: 100%;
	opacity: 0;
	filter: alpha(opacity=0);
}
.pro-tit{
	font-size: 40px;
	line-height: 50px;
	color: #c9995f;
	font-weight: bold;
}
.pro-con{
	font-size: 26px;
	line-height: 40px;
	margin-top: 15px;
	color: #fff;
}
.pro-tip{
	font-size: 16px;
	line-height: 20px;
    color: #b7803d;
}
.pub-play-btn{
	display: none;
}

@media (max-width: 1600px){
	.pro-tit{
		font-size: 30px;
		/* line-height: 40px; */
	}
	.pro-con{
		font-size: 20px;
		line-height: 30px;
		margin-top: 10px;
	}
	.pro-tip{
		font-size: 14px;
	}
	.main .save-box3 .icon-box .item{
		width: 20%;
	}
	.main .system-box .text{
		margin-left: 0;
	}
	
}
@media (max-width: 1200px){
	.pro-tit{
		font-size: 20px;
		line-height: 30px;
	}
	.pro-con{
		font-size: 18px;
		line-height: 28px;
	}
	.adv-text .txt{
		font-size: 14px;
		line-height: 24px;
		margin-top: 5px;
	}
}
@media (max-width: 1024px){
	.pub-play-btn{
		display: block;
		width: 110px;
		height: 30px;
		line-height: 30px;
		font-size: 16px;
		color: #fff;
		padding-right: 40px;
		box-sizing: border-box;
		background-repeat: no-repeat;
		background-position: right center;
		background-size: 26px;
		background-image: ;
		margin: 0 auto;
	}
	.pub-play-btn:hover{
		color: #fff;
	}
}
@media (max-width: 992px){
	.pro-tit{
		font-size: 24px;
		line-height: 34px;
	}
	.pro-con{
		font-size: 16px;
		line-height: 26px;
	}
	.main .patent-box .adv-text{
		top: 5%;
	}
}
@media (max-width: 480px){
	.pro-tit{
		font-size: 20px;
		line-height: 30px;
	}
	.pro-con{
		font-size: 15px;
		line-height: 25px;
		margin-top: 8px;
	}
	.pro-tip{
		font-size: 12px;
	}
	.main .noise-box{
		padding: 30px 0;
	}
	.main .noise-box2 .icon-box{
		margin-top: 20px;
	}
	.main .noise-box2 .icon-box .item{
		margin: 0 10px;
	}
	.main .noise-box2 .icon-box .icon{
		width: 30px;
	}
	.main .noise-box2 .icon-box .txt{
		font-size: 12px;
		line-height: 20px;
	}
	.main .patent-box .adv-text,
	.main .control-box .adv-text,
	.main .system-box .adv-text{
		position: static;
		padding: 30px 0;
	}
	.main .system-box .text{
		margin: 0;
		width: 100%;
	}

	.adv-text .pro-tit{
		font-size: 16px;
	    line-height: 26px;
	    color: #3e280c;
	    background-size: 28px;
	    padding-left: 40px;
	}
	.adv-text .pro-con{
		color: #8b704c;
		margin-top: .5rem;
		font-size: 12px;
		line-height: 20px;
	}
	.adv-text .txt{
		color: #8b704c;
		font-size: 12px;
		line-height: 20px;
		margin-top: 0;
	}
	.burn-box{
		height: 70vh;
	}
	.main .save-box3{
		padding: 50px 0;
	}
	.main .save-box3 .icon-box{
		margin-top: 40px;
	}
	.main .save-box3 .icon-box .item{
		width: 50%;
		margin-bottom: 20px;
		float: left;
	}
	.main .save-box3 .tit{
		font-size: 16px;
		line-height: 20px;
	}
	.main .save-box3 .con{
		font-size: 12px;
		line-height: 20px;
		height: 40px;
	}
	.pub-play-btn{
		font-size: 14px;
		padding-right: 30px;
	}
}