.ovh {
	overflow:hidden
}
html {
	font-size:20px
}
@media only screen and (min-width: 360px) {
	html {
	font-size:26px !important
}
}@media only screen and (min-width: 435px) {
	html {
	font-size:32px !important
}
}@media only screen and (min-width: 500px) {
	html {
	font-size:36px !important
}
}@media only screen and (min-width: 769px) {
	html {
	font-size:40px !important
}
}@media only screen and (min-width: 1025px) {
	html {
	font-size:48px !important
}
}.in-block,.main.pro-info .ex-sub-nav .wrap .left span,.main.pro-info .box1 .banner .wrap .video-btn span,.main.pro-info .box2 .step1 .time-box .time .icon,.main.pro-info .box2 .step1 .time-box .time .num,.main.pro-info .box2 .step1 .time-box .time .num .s1,.main.pro-info .box2 .step1 .time-box .time .num .s2,.main.pro-info .box2 .step1 .time-box .time .num .maoh,.main.pro-info .box2 .step1 .time-box .time .num .ms1,.main.pro-info .box2 .step1 .time-box .time .num .ms2,.main.pro-info .box2 .step2 .text-box .video-btn,.main.pro-info .box2 .step2 .text-box .video-btn span,.main.pro-info .box3 .wrap .btn-box .time-text .icon,.main.pro-info .box3 .wrap .btn-box .time-text .num,.main.pro-info .box3 .wrap .btn-box .time-text .num .s1,.main.pro-info .box3 .wrap .btn-box .time-text .num .s2,.main.pro-info .box3 .wrap .btn-box .time-text .num .s3,.main.pro-info .box3 .wrap .btn-box .time-text .num .s4,.main.pro-info .box3 .wrap .btn-box .time-text .num .maoh,.main.pro-info .box4 .wrap .text-box .icon-box .icon,.main.pro-info .box4 .wrap .text-box .icon-box .line,.main.pro-info .box5 .wrap .right .text-box .text .num,.main.pro-info .box5 .wrap .right .img-box .num-box .num-cont img,.main.pro-info .box5 .wrap .right .img-box .num-box .num-cont .num,.main.pro-info .box7 .wrap .btm .list-box .list,.main.pro-info .box7 .wrap .btm .list-box .line {
	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
}
.img-cover,.main.pro-info .box1 .banner .wrap .video-box .img-box .img,.main.pro-info .box1 .banner .wrap .video-box .img-box .mb-img,.main.pro-info .box2 .step1 .bg,.main.pro-info .box2 .step1 .video-box .img,.main.pro-info .box4,.main.pro-info .box6 .wrap .img-box .img,.main.pro-info .box5 .wrap .left .img {
	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 {
	background-position:center center;
	background-repeat:no-repeat
}
@media (max-width: 1024px) {
	.img-banner {
	background-size:cover
}
}.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 .pc-wrap {
	background-color:#fff
}
.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
}
.main.pro-info .box1 {
	position:relative
}
.main.pro-info .box1 .banner {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding-top:137px;
	box-sizing:border-box;
	overflow:hidden
}
@media (max-width: 1080px) {
	.main.pro-info .box1 .banner {
	padding-top:0
}
}@media (max-width: 1080px) {
	.main.pro-info .box1 .banner {
	/* padding-top:2.29167rem */
}
}.main.pro-info .box1 .banner .wrap {
	position:relative;
	height:100%
}
.main.pro-info .box1 .banner .wrap .video-box {
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden
}
.main.pro-info .box1 .banner .wrap .video-box .img-box {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%
}
.main.pro-info .box1 .banner .wrap .video-box .img-box .img,.main.pro-info .box1 .banner .wrap .video-box .img-box .mb-img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%
}
.main.pro-info .box1 .banner .wrap .video-box video {
	display:block;
	position:absolute;
	left:50%;
	bottom:0;
	object-fit:fill;
	transform:translate(-50%);
	min-width:100%;
	min-height:100%
}
.main.pro-info .box1 .banner .wrap .text-box {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%
}
.main.pro-info .box1 .banner .wrap .text-box .icon-box {
	position:relative;
	width:426px;
	height:120px;
	margin:0 auto
}
.main.pro-info .box1 .banner .wrap .text-box .icon-box img {
	display:block;
	position:absolute;
	opacity:0;
	filter:alpha(opacity=0);
	transform:scale(2) translatex(60%);
	transition:transform 0.8s cubic-bezier(0.42, 0, 1, 0.68),opacity 1s
}
.main.pro-info .box1 .banner .wrap .text-box .icon-box .img1 {
	top:8%;
	left:0
}
.main.pro-info .box1 .banner .wrap .text-box .icon-box .img2 {
	top:28%;
	left:13.4%
}
.main.pro-info .box1 .banner .wrap .text-box .icon-box .img3 {
	top:28%;
	left:30.9%
}
.main.pro-info .box1 .banner .wrap .text-box .icon-box .img4 {
	top:1%;
	left:48.3%
}
.main.pro-info .box1 .banner .wrap .text-box .icon-box .img5 {
	top:19%;
	left:65.3%
}
.main.pro-info .box1 .banner .wrap .text-box .icon-box .img6 {
	top:24.4%;
	left:83.5%
}
.main.pro-info .box1 .banner .wrap .text-box .icon-box .img7 {
	position:absolute;
	top:1%;
	left:16.3%;
	width:152px;
	height:27px;
	max-width:0;
	overflow:hidden;
	transition:all 0.6s cubic-bezier(0.67, 0.04, 0.99, 0.55)
}
.main.pro-info .box1 .banner .wrap .text-box .icon-box .img7 .img-text {
	position:absolute;
	top:0;
	left:0;
	width:152px;
	height:27px;
	background-position:0 0;
	background-size:contain
}
.main.pro-info .box1 .banner .wrap .video-btn {
	display:none;
	position:absolute;
	bottom:24%;
	left:50%;
	transform:translate(-50%, 0)
}
.main.pro-info .box1 .banner .wrap .video-btn span {
	vertical-align:middle;
	font-size:16px;
	color:#fff
}
.main.pro-info .box1 .banner .wrap .video-btn span.icon {
	margin-left:8px
}
.main.pro-info .box1 .banner .wrap .video-btn span.icon img {
	display:block;
	max-width:100%
}
@media (max-width: 1024px) {
	.main.pro-info .box1 .banner .wrap .video-btn span {
	font-size:14px
}
.main.pro-info .box1 .banner .wrap .video-btn span.icon {
	width:26px
}
}.main.pro-info .box1 .banner .wrap .video-btn.black span {
	color:#ba8f5a
}
@media (max-width: 1024px) {
	.main.pro-info .box1 .banner {
	/* padding-top:56px */
}
.main.pro-info .box1 .banner .wrap .text-box .icon-box {
	width:290px;
	height:72px
}
.main.pro-info .box1 .banner .wrap .text-box .icon-box .img1 {
	width:56.7px
}
.main.pro-info .box1 .banner .wrap .text-box .icon-box .img2 {
	width:54px
}
.main.pro-info .box1 .banner .wrap .text-box .icon-box .img3 {
	width:56.7px
}
.main.pro-info .box1 .banner .wrap .text-box .icon-box .img4 {
	width:55.3px
}
.main.pro-info .box1 .banner .wrap .text-box .icon-box .img5 {
	width:59.5px
}
.main.pro-info .box1 .banner .wrap .text-box .icon-box .img6 {
	width:49.7px
}
.main.pro-info .box1 .banner .wrap .text-box .icon-box .img7 {
	width:106.4px
}
.main.pro-info .box1 .banner .wrap .text-box .icon-box .img7 .img-text {
	width:106.4px;
	height:19px
}
}.main.pro-info .box1 .next-view {
	position:absolute;
	display:block;
	bottom:0;
	left:50%;
	margin-left:-18px;
	width:36px;
	height:36px;
	background:url(/uploads/image/bwimg/t.png) no-repeat center center;
	opacity:0
}
.main.pro-info .box1.ism .banner .wrap .video-btn {
	display:block
}
.main.pro-info .box1.animate .banner .wrap .text-box .icon-box img {
	opacity:1;
	filter:alpha(opacity=100);
	transform:scale(1) translatex(0)
}
.main.pro-info .box1.animate .banner .wrap .text-box .icon-box .img1 {
	transition-delay:0.6s
}
.main.pro-info .box1.animate .banner .wrap .text-box .icon-box .img2 {
	transition-delay:0.97s
}
.main.pro-info .box1.animate .banner .wrap .text-box .icon-box .img3 {
	transition-delay:1.3s
}
.main.pro-info .box1.animate .banner .wrap .text-box .icon-box .img4 {
	transition-delay:1.5s
}
.main.pro-info .box1.animate .banner .wrap .text-box .icon-box .img5 {
	transition-delay:1.8s
}
.main.pro-info .box1.animate .banner .wrap .text-box .icon-box .img6 {
	transition-delay:2.1s
}
.main.pro-info .box1.animate .banner .wrap .text-box .icon-box .img7 {
	transition-delay:0.4s;
	max-width:400px
}
.main.pro-info .box1.animate .next-view {
	animation:downico 2s ease-out infinite
}
.main.pro-info .box2 {
	position:relative;
	overflow:hidden
}
.main.pro-info .box2 .step1 {
	position:absolute;
	z-index:10;
	transition:z-index 0.5s 1s;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden
}
.main.pro-info .box2 .step1 .top {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:50%;
	overflow:hidden;
	transform:translatey(-102%);
	transition:all 0.8s ease
}
.main.pro-info .box2 .step1 .center {
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	height:46px;
	margin-top:-23px;
	line-height:46px
}
.main.pro-info .box2 .step1 .center .line {
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	height:10px;
	margin-top:-5px;
	background:#fff;
	transform:scale(0, 1)
}
.main.pro-info .box2 .step1 .center .text-box {
	position:relative;
	width:262px;
	height:100%;
	margin:0 auto;
	font-size:20px;
	border-radius:50px;
	text-align:center;
	color:#3e280c;
	background-color:#fff;
	transform:scale(0)
}
.main.pro-info .box2 .step1 .center .text-box .point {
	position:absolute;
	top:50%;
	width:6px;
	height:6px;
	margin-top:-3px;
	border-radius:50%;
	background-color:#e7a84e
}
.main.pro-info .box2 .step1 .center .text-box .point.l {
	left:12px
}
.main.pro-info .box2 .step1 .center .text-box .point.r {
	right:12px
}
.main.pro-info .box2 .step1 .btm {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:50%;
	overflow:hidden;
	transform:translatey(102%);
	transition:all 0.8s ease
}
.main.pro-info .box2 .step1 .bg {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden;
	background-image:url(/uploads/image/bwimg/pro-info-bg2.png);
	opacity:0;
	filter:alpha(opacity=0);
	transition:opacity 0.6s
}
.main.pro-info .box2 .step1 .video-box {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden
}
.main.pro-info .box2 .step1 .video-box video {
	display:block;
	position:absolute;
	left:50%;
	object-fit:fill;
	transform:translate(-50%);
	top:-65%;
	height:230%
}
.main.pro-info .box2 .step1 .video-box .img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%
}
.main.pro-info .box2 .step1 .time-box {
	text-align:center;
	color:#fff
}
.main.pro-info .box2 .step1 .time-box .time {
	font-size:0;
	margin-bottom:20px
}
.main.pro-info .box2 .step1 .time-box .time .icon {
	vertical-align:middle;
	margin-right:18px;
	min-width:36px
}
.main.pro-info .box2 .step1 .time-box .time .icon img {
	display:block;
	max-width:100%
}
.main.pro-info .box2 .step1 .time-box .time .num {
	vertical-align:middle
}
.main.pro-info .box2 .step1 .time-box .time .num .s1,.main.pro-info .box2 .step1 .time-box .time .num .s2,.main.pro-info .box2 .step1 .time-box .time .num .maoh,.main.pro-info .box2 .step1 .time-box .time .num .ms1,.main.pro-info .box2 .step1 .time-box .time .num .ms2 {
	position:relative;
	vertical-align:middle;
	width:42px;
	height:60px
}
.main.pro-info .box2 .step1 .time-box .time .num .s1 img,.main.pro-info .box2 .step1 .time-box .time .num .s2 img,.main.pro-info .box2 .step1 .time-box .time .num .maoh img,.main.pro-info .box2 .step1 .time-box .time .num .ms1 img,.main.pro-info .box2 .step1 .time-box .time .num .ms2 img {
	position:absolute;
	top:0;
	left:0;
	display:block;
	max-width:100%;
	max-height:100%
}
.main.pro-info .box2 .step1 .time-box .text {
	font-size:26px
}
@media (max-width: 1024px) {
	.main.pro-info .box2 .step1 .center {
	height:40px;
	margin-top:-20px;
	line-height:40px
}
.main.pro-info .box2 .step1 .center .line {
	height:6px;
	margin-top:-3px
}
.main.pro-info .box2 .step1 .center .text-box {
	width:190px;
	font-size:16px
}
.main.pro-info .box2 .step1 .center .text-box .point {
	width:6px;
	height:6px;
	margin-top:-3px
}
.main.pro-info .box2 .step1 .center .text-box .point.l {
	left:12px
}
.main.pro-info .box2 .step1 .center .text-box .point.r {
	right:12px
}
.main.pro-info .box2 .step1 .time-box .time {
	margin-bottom:.41667rem
}
.main.pro-info .box2 .step1 .time-box .time .icon {
	width:.91667rem;
	margin-right:.375rem
}
.main.pro-info .box2 .step1 .time-box .time .num .s1,.main.pro-info .box2 .step1 .time-box .time .num .s2,.main.pro-info .box2 .step1 .time-box .time .num .maoh,.main.pro-info .box2 .step1 .time-box .time .num .ms1,.main.pro-info .box2 .step1 .time-box .time .num .ms2 {
	width:.875rem;
	height:1.25rem;
	min-width:23px;
	min-height:34px
}
.main.pro-info .box2 .step1 .time-box .text {
	font-size:.54167rem
}
}@media (max-width: 500px) {
	.main.pro-info .box2 .step1 .time-box .time .icon {
	margin-right:12px;
	position:relative;
	top:-2px
}
.main.pro-info .box2 .step1 .time-box .text {
	font-size:16px
}
}.main.pro-info .box2 .step1.active {
	z-index:50
}
.main.pro-info .box2 .step1.active .bg {
	opacity:1;
	filter:alpha(opacity=100);
	transition-delay:0.4s
}
.main.pro-info .box2 .step1.active .top,.main.pro-info .box2 .step1.active .btm {
	transform:translatey(0)
}
.main.pro-info .box2 .step1.active .center .line {
	transform:scale(1, 1);
	transition:all 0.8s ease;
	transition-delay:0.8s;
	transform-origin:center
}
.main.pro-info .box2 .step1.active .center .text-box {
	transform:scale(1);
	transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1)
}
.main.pro-info .box2 .step2 {
	display:none;
	position:absolute;
	z-index:8;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden;
	transition:z-index 0.5s 1s
}
.main.pro-info .box2 .step2 .text-box {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden;
	text-align:center;
	transform:translatey(30px);
	opacity:0;
	filter:alpha(opacity=0);
	transition:opacity 1s ease,transform 1s ease
}
.main.pro-info .box2 .step2 .text-box .img img {
	display:block;
	max-width:100%;
	margin:0 auto
}
.main.pro-info .box2 .step2 .text-box .title {
	padding:45px 0 42px;
	font-size:34px;
	font-weight:normal;
	line-height:1.4;
	color:#3e280c
}
.main.pro-info .box2 .step2 .text-box .text {
	font-size:18px;
	line-height:2;
	color:#3e280c
}
.main.pro-info .box2 .step2 .text-box .video-btn {
	padding-top:85px
}
.main.pro-info .box2 .step2 .text-box .video-btn span {
	vertical-align:middle;
	font-size:16px;
	color:#c9995f
}
.main.pro-info .box2 .step2 .text-box .video-btn span.icon {
	margin-left:8px
}
.main.pro-info .box2 .step2 .text-box .video-btn span.icon img {
	display:block;
	max-width:100%
}
.main.pro-info .box2 .step2 .img-box img {
	position:absolute;
	display:block;
	min-width:135px;
	opacity:0;
	filter:alpha(opacity=0);
	transition:opacity 1s ease
}
.main.pro-info .box2 .step2 .img-box .img1 {
	top:3%;
	left:4.8%;
	width:27.968%
}
.main.pro-info .box2 .step2 .img-box .img2 {
	top:45.1%;
	left:-4.4%;
	width:20.937%
}
.main.pro-info .box2 .step2 .img-box .img3 {
	top:57.9%;
	left:18.5%;
	width:21.406%
}
.main.pro-info .box2 .step2 .img-box .img4 {
	top:-17.2%;
	left:67.3%;
	width:21.25%
}
.main.pro-info .box2 .step2 .img-box .img5 {
	top:25.9%;
	left:75.1%;
	width:27.135%
}
.main.pro-info .box2 .step2 .img-box .img6 {
	top:62.4%;
	left:64.8%;
	width:19.218%
}
.main.pro-info .box2 .step2.active {
	z-index:50
}
.main.pro-info .box2 .step2.active .text-box {
	transform:translatey(0);
	opacity:1;
	filter:alpha(opacity=100);
	transition-delay:1.8s
}
.main.pro-info .box2 .step2.active .img-box img {
	opacity:1;
	filter:alpha(opacity=100)
}
.main.pro-info .box2 .step2.active .img-box .img1 {
	transition-delay:.9s
}
.main.pro-info .box2 .step2.active .img-box .img2 {
	transition-delay:1s
}
.main.pro-info .box2 .step2.active .img-box .img3 {
	transition-delay:1.1s
}
.main.pro-info .box2 .step2.active .img-box .img6 {
	transition-delay:1.2s
}
.main.pro-info .box2 .step2.active .img-box .img5 {
	transition-delay:1.3s
}
.main.pro-info .box2 .step2.active .img-box .img4 {
	transition-delay:1.4s
}
@media (max-width: 1024px) {
	.main.pro-info .box2 .step2 .img-box img {
	margin-top:10%
}
.main.pro-info .box2 .step2 .text-box .img img {
	width:2.33333rem
}
.main.pro-info .box2 .step2 .text-box .title {
	padding:.9375rem 0 .875rem;
	font-size:.70833rem
}
.main.pro-info .box2 .step2 .text-box .text {
	font-size:16px
}
.main.pro-info .box2 .step2 .text-box .video-btn {
	padding-top:.83333rem
}
.main.pro-info .box2 .step2 .text-box .video-btn span {
	font-size:14px
}
.main.pro-info .box2 .step2 .text-box .video-btn span.icon {
	width:26px
}
}@media (max-width: 750px) {
	.main.pro-info .box2 .step2 .text-box .title {
	font-size:20px
}
.main.pro-info .box2 .step2 .text-box .video-btn {
	margin-bottom:30px
}
}.main.pro-info .box3 {
	background:url(/uploads/image/bwimg/proinfo-box3-bg.jpg) no-repeat center center;
	background-size:cover
}
.main.pro-info .box3 .wrap {
	position:relative;
	width:1360px;
	height:100%;
	margin:0 auto;
	padding-top:8.59%;
	box-sizing:border-box
}
.main.pro-info .box3 .wrap .cont {
	position:absolute;
	left:0;
	bottom:0;
	width:100%
}
.main.pro-info .box3 .wrap .text-box {
	padding-bottom:9.867%;
	text-align:center;
	transition:transform 0.8s,opacity 0.8s;
	transform:translatey(-30px);
	opacity:0;
	filter:alpha(opacity=0)
}
.main.pro-info .box3 .wrap .text-box .title {
	padding-bottom:18px;
	font-size:34px;
	font-weight:normal;
	color:#3e280c
}
.main.pro-info .box3 .wrap .text-box .text {
	font-size:20px;
	line-height:1.6;
	color:#8b704c
}
@media (max-width: 1024px) {
	.main.pro-info .box3 .wrap .text-box .title {
	padding-bottom:12px;
	font-size:.70833rem
}
.main.pro-info .box3 .wrap .text-box .text {
	font-size:16px
}
}@media (max-width: 750px) {
	.main.pro-info .box3 .wrap .text-box {
	padding-bottom:30px
}
.main.pro-info .box3 .wrap .text-box .title {
	font-size:20px
}
}.main.pro-info .box3 .wrap .btn-box {
	position:relative
}
.main.pro-info .box3 .wrap .btn-box .time-text {
	position:absolute;
	top:5%;
	z-index:60
}
.main.pro-info .box3 .wrap .btn-box .time-text .icon {
	vertical-align:middle;
	margin-right:24px
}
.main.pro-info .box3 .wrap .btn-box .time-text .icon img {
	display:block;
	max-height:100%
}
.main.pro-info .box3 .wrap .btn-box .time-text .num {
	vertical-align:middle
}
.main.pro-info .box3 .wrap .btn-box .time-text .num .s1,.main.pro-info .box3 .wrap .btn-box .time-text .num .s2,.main.pro-info .box3 .wrap .btn-box .time-text .num .s3,.main.pro-info .box3 .wrap .btn-box .time-text .num .s4 {
	position:relative;
	vertical-align:middle;
	width:42px;
	height:60px
}
.main.pro-info .box3 .wrap .btn-box .time-text .num .s1 img,.main.pro-info .box3 .wrap .btn-box .time-text .num .s2 img,.main.pro-info .box3 .wrap .btn-box .time-text .num .s3 img,.main.pro-info .box3 .wrap .btn-box .time-text .num .s4 img {
	position:absolute;
	top:0;
	left:0;
	max-width:100%;
	display:none
}
.main.pro-info .box3 .wrap .btn-box .time-text .num .s1 .t0,.main.pro-info .box3 .wrap .btn-box .time-text .num .s2 .t0,.main.pro-info .box3 .wrap .btn-box .time-text .num .s3 .t0,.main.pro-info .box3 .wrap .btn-box .time-text .num .s4 .t0 {
	display:block
}
.main.pro-info .box3 .wrap .btn-box .time-text .num .maoh {
	position:relative;
	vertical-align:middle;
	width:20px;
	height:60px
}
.main.pro-info .box3 .wrap .btn-box .time-text .num .maoh img {
	position:absolute;
	top:0;
	left:0;
	max-width:100%
}
.main.pro-info .box3 .wrap .btn-box .time-text .num .c3 {
	font-size:20px;
	vertical-align:bottom;
	color:#8b704c
}
.main.pro-info .box3 .wrap .btn-box .l-text {
	left:8%;
	transition:transform 0.8s,opacity 0.8s;
	transform:translatex(-30px);
	opacity:0;
	filter:alpha(opacity=0)
}
.main.pro-info .box3 .wrap .btn-box .r-text {
	right:8%;
	transition:transform 0.8s,opacity 0.8s;
	transform:translatex(30px);
	opacity:0;
	filter:alpha(opacity=0)
}
.main.pro-info .box3 .wrap .btn-box .bg {
	position:absolute;
	top:-18.3%;
	left:0;
	width:100%;
	height:100%;
	background:url(/uploads/image/bwimg/proinfo-box3-img4.png) no-repeat center center;
	background-size:contain;
	opacity:0;
	filter:alpha(opacity=0);
	transition:opacity 0.8s
}
.main.pro-info .box3 .wrap .btn-box .btn-cont {
	transition:transform 0.8s,opacity 0.8s;
	transform:translatey(30px);
	opacity:0;
	filter:alpha(opacity=0)
}
.main.pro-info .box3 .wrap .btn-box .btn-cont .img-box {
	position:relative;
	width:26.544%;
	margin:0 auto
}
.main.pro-info .box3 .wrap .btn-box .btn-cont .img-box .text {
	position:absolute;
	top:0%;
	left:10%;
	font-size:14px;
	color:#8b704c;
	opacity:0;
	filter:alpha(opacity=0);
	transition:opacity 0.8s
}
.main.pro-info .box3 .wrap .btn-box .btn-cont .img-box .img1 {
	display:block;
	max-width:100%;
	margin:0 auto;
	transform:rotate(-16.3deg);
	transition:transform 1.3s
}
.main.pro-info .box3 .wrap .btn-box .btn-cont .img-box .img2 {
	position:absolute;
	top:50%;
	left:50%;
	display:block;
	width:83.379%;
	transform:translate(-50%, -50%)
}
.main.pro-info .box3 .wrap .btn-box .btn-cont .img-box .img3 {
	position:absolute;
	display:block;
	width:175.346%;
	top:5.6%;
	left:12.8%;
	transform-origin:20.853% 23.929%;
	transform:rotate(-16.3deg);
	transition:transform 1.3s
}
@media (max-width: 1390px) {
	.main.pro-info .box3 .wrap {
	width:94%
}
.main.pro-info .box3 .wrap .cont {
	left:50%;
	width:900px;
	margin-left:-450px
}
}@media (max-width: 1024px) {
	.main.pro-info .box3 .wrap .cont {
	width:1360px;
	margin-left:-680px
}
.main.pro-info .box3 .wrap .btn-box .time-text .icon {
	margin-right:.5rem;
	height:.875rem;
	min-height:24px
}
.main.pro-info .box3 .wrap .btn-box .time-text .num .s1,.main.pro-info .box3 .wrap .btn-box .time-text .num .s2,.main.pro-info .box3 .wrap .btn-box .time-text .num .s3,.main.pro-info .box3 .wrap .btn-box .time-text .num .s4 {
	width:.875rem;
	height:1.25rem
}
.main.pro-info .box3 .wrap .btn-box .time-text .num .maoh {
	width:.41667rem;
	height:1.25rem
}
.main.pro-info .box3 .wrap .btn-box .time-text .num .c3 {
	font-size:.41667rem
}
.main.pro-info .box3 .wrap .btn-box .l-text {
	left:24%;
	top:0
}
.main.pro-info .box3 .wrap .btn-box .r-text {
	right:24%;
	top:0
}
}@media (max-width: 820px) {
	.main.pro-info .box3 .wrap .btn-box {
	text-align:center
}
.main.pro-info .box3 .wrap .btn-box .l-text {
	position:static;
	display:inline-block;
	*display:inline;
	*zoom:1;
	margin-right:20px
}
.main.pro-info .box3 .wrap .btn-box .r-text {
	position:static;
	display:inline-block;
	*display:inline;
	*zoom:1;
	margin-left:20px
}
.main.pro-info .box3 .wrap .btn-box .bg {
	top:-6.3%
}
.main.pro-info .box3 .wrap .btn-box .btn-cont {
	margin-top:5%
}
}@media (max-width: 750px) {
	.main.pro-info .box3 .wrap .cont {
	width:800px;
	margin-left:-400px
}
.main.pro-info .box3 .wrap .btn-box .time-text .num .s1,.main.pro-info .box3 .wrap .btn-box .time-text .num .s2,.main.pro-info .box3 .wrap .btn-box .time-text .num .s3,.main.pro-info .box3 .wrap .btn-box .time-text .num .s4 {
	width:.7875rem;
	height:1.125rem
}
.main.pro-info .box3 .wrap .btn-box .time-text .num .maoh {
	width:.375rem;
	height:1.125rem
}
.main.pro-info .box3 .wrap .btn-box .time-text .num .c3 {
	font-size:16px
}
}.main.pro-info .box3.animate .wrap .text-box {
	transform:translatey(0px);
	opacity:1;
	filter:alpha(opacity=100)
}
.main.pro-info .box3.animate .wrap .btn-box .l-text,.main.pro-info .box3.animate .wrap .btn-box .r-text {
	transform:translatex(0px);
	opacity:1;
	filter:alpha(opacity=100);
	transition-delay:0.5s
}
.main.pro-info .box3.animate .wrap .btn-box .bg {
	opacity:1;
	filter:alpha(opacity=100);
	transition-delay:0.3s
}
.main.pro-info .box3.animate .wrap .btn-box .btn-cont {
	transform:translatey(0px);
	opacity:1;
	filter:alpha(opacity=100)
}
.main.pro-info .box3.animate .wrap .btn-box .btn-cont .img-box .text {
	opacity:1;
	filter:alpha(opacity=100);
	transition-delay:1.3s
}
.main.pro-info .box3.animate .wrap .btn-box .btn-cont .img-box .img1 {
	transform:rotate(0deg);
	transition-delay:0.5s
}
.main.pro-info .box3.animate .wrap .btn-box .btn-cont .img-box .img3 {
	transform:rotate(0deg);
	transition-delay:0.5s
}
.main.pro-info .box4 {
	opacity:0;
	filter:alpha(opacity=0);
	transition:opacity 0.5s
}
.main.pro-info .box4.animate {
	opacity:1;
	filter:alpha(opacity=100)
}
.main.pro-info .box4 .wrap {
	position:relative;
	width:100%;
	height:100%;
	background:url(/uploads/image/bwimg/pro-info-bg2.png)
}
.main.pro-info .box4 .wrap .video-box video {
	position:absolute;
	top:50%;
	left:50%;
	display:block;
	min-height:100%;
	min-width:100%;
	object-fit:cover;
	transform:translate(-50%, -50%)
}
.main.pro-info .box4 .wrap .w1280 {
	height:100%
}
.main.pro-info .box4 .wrap .text-box {
	position:relative;
	text-align:center;
	color:#fff
}
.main.pro-info .box4 .wrap .text-box .img {
	padding-bottom:44px;
	opacity:0;
	filter:alpha(opacity=0);
	transform:translatey(-30px);
	transition:all 0.8s
}
.main.pro-info .box4 .wrap .text-box .img img {
	display:block;
	margin:0 auto
}
.main.pro-info .box4 .wrap .text-box h4 {
	padding-bottom:32px;
	font-size:34px;
	font-weight:normal;
	opacity:0;
	filter:alpha(opacity=0);
	transform:translatey(-30px);
	transition:all 0.8s
}
.main.pro-info .box4 .wrap .text-box .text {
	padding-bottom:40px;
	font-size:18px;
	line-height:2;
	opacity:0;
	filter:alpha(opacity=0);
	transform:translatey(-30px);
	transition:all 0.8s
}
.main.pro-info .box4 .wrap .text-box .icon-box {
	text-align:center
}
.main.pro-info .box4 .wrap .text-box .icon-box .icon {
	vertical-align:middle;
	transition:all 0.8s
}
.main.pro-info .box4 .wrap .text-box .icon-box .icon.left {
	opacity:0;
	filter:alpha(opacity=0);
	transform:translatex(-30px)
}
.main.pro-info .box4 .wrap .text-box .icon-box .icon.right {
	opacity:0;
	filter:alpha(opacity=0);
	transform:translatex(30px)
}
.main.pro-info .box4 .wrap .text-box .icon-box .icon .img-box {
	position:relative;
	margin-bottom:22px
}
.main.pro-info .box4 .wrap .text-box .icon-box .icon .img-box .img1 {
	display:block
}
.main.pro-info .box4 .wrap .text-box .icon-box .icon .img-box .img2 {
	position:absolute;
	top:10px;
	display:block
}
.main.pro-info .box4 .wrap .text-box .icon-box .icon .img-box .img2.l {
	left:35px;
	animation:spinner 1s infinite linear
}
.main.pro-info .box4 .wrap .text-box .icon-box .icon .img-box .img2.r {
	right:35px;
	animation:spinner2 1s infinite linear
}
.main.pro-info .box4 .wrap .text-box .icon-box .icon .p {
	font-size:18px
}
.main.pro-info .box4 .wrap .text-box .icon-box .line {
	vertical-align:middle;
	width:1px;
	height:86px;
	margin:0 75px;
	border-right:1px dashed #fff;
	opacity:0;
	filter:alpha(opacity=0);
	transition:all 0.8s
}
@media (max-width: 1024px) {
	.main.pro-info .box4 .wrap .text-box .img {
	padding-bottom:.91667rem
}
.main.pro-info .box4 .wrap .text-box h4 {
	padding-bottom:.66667rem;
	font-size:.70833rem
}
.main.pro-info .box4 .wrap .text-box .text {
	padding-bottom:.83333rem;
	font-size:16px;
	line-height:1.6
}
.main.pro-info .box4 .wrap .text-box .icon-box .icon .img-box {
	margin-bottom:.45833rem
}
.main.pro-info .box4 .wrap .text-box .icon-box .icon .p {
	font-size:16px
}
.main.pro-info .box4 .wrap .text-box .line {
	height:1.79167rem;
	margin:0 1.5625rem
}
}@media (max-width: 750px) {
	.main.pro-info .box4 .wrap .text-box .img img {
	width:2.16667rem
}
.main.pro-info .box4 .wrap .text-box .text {
	font-size:14px
}
.main.pro-info .box4 .wrap .text-box .text p {
	display:inline
}
.main.pro-info .box4 .wrap .text-box .icon-box .icon .img-box .img1 {
	height:52.8px
}
.main.pro-info .box4 .wrap .text-box .icon-box .icon .img-box .img2 {
	top:6.4px;
	width:22.4px
}
.main.pro-info .box4 .wrap .text-box .icon-box .icon .img-box .img2.l {
	left:23px
}
.main.pro-info .box4 .wrap .text-box .icon-box .icon .img-box .img2.r {
	right:25px
}
.main.pro-info .box4 .wrap .text-box .icon-box .icon .p {
	font-size:14px
}
.main.pro-info .box4 .wrap .text-box .icon-box .line {
	height:1.45833rem;
	margin:0 1.14583rem
}
}.main.pro-info .box4.animate .wrap .text-box .img {
	opacity:1;
	filter:alpha(opacity=100);
	transform:translatey(0);
	transition-delay:0.5s
}
.main.pro-info .box4.animate .wrap .text-box h4 {
	opacity:1;
	filter:alpha(opacity=100);
	transform:translatey(0);
	transition-delay:0.5s
}
.main.pro-info .box4.animate .wrap .text-box .text {
	opacity:1;
	filter:alpha(opacity=100);
	transform:translatey(0);
	transition-delay:0.5s
}
.main.pro-info .box4.animate .wrap .text-box .icon-box .icon {
	opacity:1;
	filter:alpha(opacity=100);
	transform:translatex(0);
	transition-delay:0.5s
}
.main.pro-info .box4.animate .wrap .text-box .icon-box .line {
	opacity:.2;
	filter:alpha(opacity=20);
	transition-delay:0.5s
}
.main.pro-info .box6 .wrap {
	width:100%;
	height:100%
}
.main.pro-info .box6 .wrap .top {
	width:100%;
	height:50%
}
.main.pro-info .box6 .wrap .btm {
	position:relative;
	width:100%;
	height:50%;
	opacity:0;
	filter:alpha(opacity=0);
	transform:translatey(30px);
	transition:opacity 0.8s,transform 0.8s
}
.main.pro-info .box6 .wrap .text-box {
	padding-top:125px;
	text-align:center;
	opacity:0;
	filter:alpha(opacity=0);
	transform:translatey(-30px);
	transition:opacity 0.8s,transform 0.8s
}
.main.pro-info .box6 .wrap .text-box h4 {
	padding-bottom:30px;
	font-size:34px;
	font-weight:normal;
	color:#3e280c
}
.main.pro-info .box6 .wrap .text-box .text {
	font-size:18px;
	line-height:2;
	color:#8b704c
}
.main.pro-info .box6 .wrap .btn-box {
	position:absolute;
	width:240px;
	height:70px;
	left:50%;
	top:-70px;
	margin-left:-120px
}
.main.pro-info .box6 .wrap .btn-box .btn {
	position:absolute;
	font-size:14px;
	color:#3e280c;
	top:18px;
	cursor:pointer;
	transition:top 0.4s ease-in-out
}
.main.pro-info .box6 .wrap .btn-box .btn .pos {
	opacity:0;
	filter:alpha(opacity=0);
	transform:translatey(30px);
	transition:opacity 0.8s,transform 0.8s,top 0.5s
}
.main.pro-info .box6 .wrap .btn-box .btn .line {
	display:block;
	width:1px;
	height:40px;
	margin:16px auto 0;
	background-color:#3e280c
}
.main.pro-info .box6 .wrap .btn-box .btn.l {
	left:0
}
.main.pro-info .box6 .wrap .btn-box .btn.r {
	right:0
}
.main.pro-info .box6 .wrap .btn-box .btn.cur {
	top:0;
	color:#8b704c
}
.main.pro-info .box6 .wrap .btn-box .btn.cur .line {
	background-color:#8b704c
}
.main.pro-info .box6 .wrap .img-box {
	position:relative;
	height:100%;
	background-color:#000
}
.main.pro-info .box6 .wrap .img-box .img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0;
	filter:alpha(opacity=0);
	transition:opacity 1s
}
.main.pro-info .box6 .wrap .img-box .img.cur {
	opacity:1;
	filter:alpha(opacity=100)
}
@media (max-width: 1080px) {
	.main.pro-info .box6 .wrap .top {
	height:50%
}
.main.pro-info .box6 .wrap .btm {
	height:50%
}
.main.pro-info .box6 .wrap .text-box {
	padding-top:175px
}
}@media (max-width: 1024px) {
	.main.pro-info .box6 .wrap .text-box {
	padding-top:3.64583rem
}
.main.pro-info .box6 .wrap .text-box h4 {
	padding-bottom:.625rem;
	font-size:.70833rem
}
.main.pro-info .box6 .wrap .text-box .text {
	font-size:16px;
	line-height:1.6
}
.main.pro-info .box6 .wrap .btn-box {
	width:5rem;
	height:1.45833rem;
	top:-1.45833rem;
	margin-left:-2.5rem
}
.main.pro-info .box6 .wrap .btn-box .btn {
	top:.375rem
}
.main.pro-info .box6 .wrap .btn-box .btn .line {
	margin:.33333rem auto 0
}
}@media (max-width: 750px) {
	.main.pro-info .box6 .wrap .text-box {
	padding-top:4.27083rem
}
.main.pro-info .box6 .wrap .text-box .text {
	font-size:14px
}
}.main.pro-info .box6.animate .wrap .btm {
	opacity:1;
	filter:alpha(opacity=100);
	transform:translatey(0px);
	transition-delay:0.3s
}
.main.pro-info .box6.animate .wrap .text-box {
	opacity:1;
	filter:alpha(opacity=100);
	transform:translatey(0px);
	transition-delay:0.3s
}
.main.pro-info .box6.animate .wrap .btn-box .btn.l .pos {
	opacity:1;
	filter:alpha(opacity=100);
	transform:translatey(0px);
	transition-delay:0.5s
}
.main.pro-info .box6.animate .wrap .btn-box .btn.r .pos {
	opacity:1;
	filter:alpha(opacity=100);
	transform:translatey(0px);
	transition-delay:0.6s
}
.main.pro-info .box5 .wrap {
	position:relative;
	width:100%;
	height:100%
}
.main.pro-info .box5 .wrap .left {
	position:relative;
	width:50%;
	height:100%;
	opacity:0;
	filter:alpha(opacity=0);
	transform:translatex(-30px);
	transition:opacity 0.8s,transform 0.8s
}
.main.pro-info .box5 .wrap .left .img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0;
	filter:alpha(opacity=0);
	transition:opacity 0.8s
}
.main.pro-info .box5 .wrap .left .img.img1 {
	opacity:1;
	filter:alpha(opacity=100)
}
.main.pro-info .box5 .wrap .right {
	width:50%;
	height:100%;
	padding-top:56px;
	box-sizing:border-box;
	text-align:center
}
.main.pro-info .box5 .wrap .right .text-box {
	text-align:center;
	opacity:0;
	filter:alpha(opacity=0);
	transform:translatex(30px);
	transition:opacity 0.8s,transform 0.8s
}
.main.pro-info .box5 .wrap .right .text-box h4 {
	padding-bottom:32px;
	font-size:34px;
	font-weight:normal;
	color:#3e280c
}
.main.pro-info .box5 .wrap .right .text-box .text {
	padding-bottom:58px;
	font-size:18px;
	line-height:2;
	color:#8b704c
}
.main.pro-info .box5 .wrap .right .text-box .text .num {
	width:45px;
	height:28px;
	margin:0 6px;
	line-height:28px;
	border-radius:5px;
	background-color:#8b704c;
	color:#fff;
	text-align:center
}
.main.pro-info .box5 .wrap .right .img-box {
	position:relative;
	width:202px;
	margin:0 auto;
	opacity:0;
	filter:alpha(opacity=0);
	transform:translatex(30px);
	transition:opacity 0.8s,transform 0.8s
}
.main.pro-info .box5 .wrap .right .img-box .img1 {
	position:relative;
	display:block;
	max-width:100%
}
.main.pro-info .box5 .wrap .right .img-box .img1.b {
	display:none
}
.main.pro-info .box5 .wrap .right .img-box .img2 {
	position:absolute;
	bottom:3%;
	left:34%;
	width:32.178%;
	height:0;
	overflow:hidden;
	opacity:0;
	filter:alpha(opacity=0);
	transition:opacity 0.8s,height 0.8s linear
}
.main.pro-info .box5 .wrap .right .img-box .img2 img {
	position:absolute;
	left:0;
	bottom:0;
	display:block;
	width:100%
}
.main.pro-info .box5 .wrap .right .img-box .img3 {
	position:absolute;
	bottom:3%;
	left:34%;
	width:32.178%;
	height:38%;
	overflow:hidden;
	opacity:0;
	filter:alpha(opacity=0);
	transition:opacity 0.8s,height 0.8s linear
}
.main.pro-info .box5 .wrap .right .img-box .img3 img {
	position:absolute;
	left:0;
	bottom:0;
	display:block;
	width:100%
}
.main.pro-info .box5 .wrap .right .img-box .img4 {
	position:absolute;
	bottom:3%;
	left:34%;
	width:32.178%;
	height:66%;
	overflow:hidden;
	opacity:0;
	filter:alpha(opacity=0);
	transition:opacity 1s,height 1s linear
}
.main.pro-info .box5 .wrap .right .img-box .img4 img {
	position:absolute;
	left:0;
	bottom:0;
	display:block;
	width:100%
}
.main.pro-info .box5 .wrap .right .img-box .num-box .num-cont {
	position:absolute;
	left:-35%;
	text-align:right;
	opacity:0;
	filter:alpha(opacity=0);
	transition:opacity 0.8s
}
.main.pro-info .box5 .wrap .right .img-box .num-box .num-cont img {
	vertical-align:middle
}
.main.pro-info .box5 .wrap .right .img-box .num-box .num-cont img.b {
	display:none
}
.main.pro-info .box5 .wrap .right .img-box .num-box .num-cont .num {
	position:relative;
	vertical-align:middle;
	width:60px;
	height:54px;
	margin-left:8px;
	line-height:54px;
	border-radius:4px;
	font-size:16px;
	color:#fff;
	text-align:center;
	background-color:#e7a84e
}
.main.pro-info .box5 .wrap .right .img-box .num-box .num-cont .num span {
	position:absolute;
	right:-4px;
	top:50%;
	display:block;
	width:0;
	height:0;
	margin-top:-6px;
	border-left:6px solid #e7a84e;
	border-top:6px solid transparent;
	border-bottom:6px solid transparent
}
.main.pro-info .box5 .wrap .right .img-box .num-box .num-cont.cont1 {
	top:42.6%
}
.main.pro-info .box5 .wrap .right .img-box .num-box .num-cont.cont2 {
	top:20.6%
}
.main.pro-info .box5 .wrap .right .img-box .num-box .num-cont.cont2 .num {
	background-color:#e77f2d
}
.main.pro-info .box5 .wrap .right .img-box .num-box .num-cont.cont2 .num span {
	border-left:6px solid #e77f2d
}
.main.pro-info .box5 .wrap .right .img-box .num-box .num-cont.cont3 {
	top:4.6%
}
.main.pro-info .box5 .wrap .right .img-box .num-box .num-cont.cont3 .num {
	background-color:#e7312d
}
.main.pro-info .box5 .wrap .right .img-box .num-box .num-cont.cont3 .num span {
	border-left:6px solid #e7312d
}
@media (max-width: 1080px) {
	.main.pro-info .box5 .wrap .right {
	padding-top:0
}
}@media (max-width: 1024px) {
	.main.pro-info .box5 .wrap .right .text-box h4 {
	padding-bottom:.66667rem;
	font-size:.70833rem
}
.main.pro-info .box5 .wrap .right .text-box .text {
	padding-bottom:1.20833rem;
	font-size:16px;
	line-height:1.6
}
.main.pro-info .box5 .wrap .right .text-box .text .num {
	width:45px;
	height:28px;
	line-height:28px
}
.main.pro-info .box5 .wrap .right .img-box {
	width:4.20833rem
}
.main.pro-info .box5 .wrap .right .img-box .img2 {
	bottom:3%;
	left:34%;
	width:32.178%
}
.main.pro-info .box5 .wrap .right .img-box .img3 {
	bottom:3%;
	left:34%;
	width:32.178%;
	height:38%
}
.main.pro-info .box5 .wrap .right .img-box .img4 {
	bottom:3%;
	left:34%;
	width:32.178%;
	height:66%
}
.main.pro-info .box5 .wrap .right .img-box .num-box .num-cont {
	position:absolute;
	left:-35%
}
.main.pro-info .box5 .wrap .right .img-box .num-box .num-cont .num {
	width:1.25rem;
	height:1.125rem;
	margin-left:.16667rem;
	line-height:1.125rem;
	font-size:14px
}
}@media (max-width: 750px) {
	.main.pro-info .box5 .wrap .left {
	width:100%
}
.main.pro-info .box5 .wrap .right {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	background-color:rgba(0,0,0,0.2)
}
.main.pro-info .box5 .wrap .right .text-box h4 {
	color:#fff
}
.main.pro-info .box5 .wrap .right .text-box .text {
	color:#fff
}
.main.pro-info .box5 .wrap .right .img-box .img1.f {
	display:none
}
.main.pro-info .box5 .wrap .right .img-box .img1.b {
	display:block
}
.main.pro-info .box5 .wrap .right .img-box .num-box .num-cont {
	left:-50%
}
.main.pro-info .box5 .wrap .right .img-box .num-box .num-cont img {
	height:24px
}
.main.pro-info .box5 .wrap .right .img-box .num-box .num-cont img.f {
	display:none
}
.main.pro-info .box5 .wrap .right .img-box .num-box .num-cont img.b {
	display:inline-block
}
.main.pro-info .box5 .wrap .right .img-box .num-box .num-cont .num {
	width:40px;
	height:36px;
	line-height:36px
}
}.main.pro-info .box5.animate .wrap .left {
	opacity:1;
	filter:alpha(opacity=100);
	transform:translatex(0px);
	transition-delay:0.3s
}
.main.pro-info .box5.animate .wrap .left .img.img2 {
	opacity:1;
	filter:alpha(opacity=100);
	transition-delay:2.2s
}
.main.pro-info .box5.animate .wrap .right .text-box {
	opacity:1;
	filter:alpha(opacity=100);
	transform:translatex(0px);
	transition-delay:0.3s
}
.main.pro-info .box5.animate .wrap .right .img-box {
	opacity:1;
	filter:alpha(opacity=100);
	transform:translatex(0px);
	transition-delay:0.4s
}
.main.pro-info .box5.animate .wrap .right .img-box .img2 {
	height:100%;
	opacity:1;
	filter:alpha(opacity=100);
	transition-delay:0.6s
}
.main.pro-info .box5.animate .wrap .right .img-box .img3 {
	height:100%;
	opacity:1;
	filter:alpha(opacity=100);
	transition-delay:1.4s
}
.main.pro-info .box5.animate .wrap .right .img-box .img4 {
	height:100%;
	opacity:1;
	filter:alpha(opacity=100);
	transition-delay:2.2s
}
.main.pro-info .box5.animate .wrap .right .img-box .num-box.step1 .num-cont.cont1 {
	opacity:1;
	filter:alpha(opacity=100)
}
.main.pro-info .box5.animate .wrap .right .img-box .num-box.step1 .num-cont.cont2 {
	opacity:0;
	filter:alpha(opacity=0)
}
.main.pro-info .box5.animate .wrap .right .img-box .num-box.step1 .num-cont.cont3 {
	opacity:0;
	filter:alpha(opacity=0)
}
.main.pro-info .box5.animate .wrap .right .img-box .num-box.step2 .num-cont.cont1 {
	opacity:0;
	filter:alpha(opacity=0)
}
.main.pro-info .box5.animate .wrap .right .img-box .num-box.step2 .num-cont.cont2 {
	opacity:1;
	filter:alpha(opacity=100)
}
.main.pro-info .box5.animate .wrap .right .img-box .num-box.step2 .num-cont.cont3 {
	opacity:0;
	filter:alpha(opacity=0)
}
.main.pro-info .box5.animate .wrap .right .img-box .num-box.step3 .num-cont.cont1 {
	opacity:0;
	filter:alpha(opacity=0)
}
.main.pro-info .box5.animate .wrap .right .img-box .num-box.step3 .num-cont.cont2 {
	opacity:0;
	filter:alpha(opacity=0)
}
.main.pro-info .box5.animate .wrap .right .img-box .num-box.step3 .num-cont.cont3 {
	opacity:1;
	filter:alpha(opacity=100)
}
.main.pro-info .box7 .wrap {
	position:relative;
	width:100%;
	height:100%
}
.main.pro-info .box7 .wrap .bg {
	opacity:0;
	filter:alpha(opacity=0);
	transform:translatey(-30px);
	transition:opacity 0.8s,transform 0.8s
}
.main.pro-info .box7 .wrap .bg img {
	display:block;
	margin:0 auto;
	max-width:100%
}
@media (max-width: 1280px) {
	.main.pro-info .box7 .wrap .bg img {
	max-width:140%;
	width:140%;
	margin-left:-20%
}
}@media (max-width: 1080px) {
	.main.pro-info .box7 .wrap .bg {
	padding-top:90px
}
}@media (max-width: 1024px) {
	.main.pro-info .box7 .wrap .bg {
	padding-top:2.29167rem
}
}.main.pro-info .box7 .wrap .btm {
	position:absolute;
	left:0;
	bottom:0;
	width:100%
}
.main.pro-info .box7 .wrap .btm .text-box {
	text-align:center;
	opacity:0;
	filter:alpha(opacity=0);
	transform:translatey(-30px);
	transition:opacity 0.8s,transform 0.8s
}
.main.pro-info .box7 .wrap .btm .text-box h4 {
	padding-bottom:30px;
	font-size:34px;
	font-weight:normal;
	color:#3e280c
}
.main.pro-info .box7 .wrap .btm .text-box small,.main.pro-info .box7 .wrap .btm .text-box p {
	display:block;
	font-size:18px;
	line-height:2;
	color:#8b704c
}
.main.pro-info .box7 .wrap .btm .list-box {
	position:relative;
	margin:48px 0 36px;
	text-align:center
}
.main.pro-info .box7 .wrap .btm .list-box .list {
	margin-bottom:20px;
	vertical-align:middle;
	text-align:center;
	opacity:0;
	filter:alpha(opacity=0);
	transform:translatex(-30px);
	transition:opacity 0.8s,transform 0.8s
}
.main.pro-info .box7 .wrap .btm .list-box .list img {
	display:block;
	margin:0 auto
}
.main.pro-info .box7 .wrap .btm .list-box .list .text {
	padding-top:14px;
	font-size:14px;
	color:#c9ae93
}
.main.pro-info .box7 .wrap .btm .list-box .line {
	position:relative;
	top:-22px;
	margin:0 35px;
	vertical-align:middle;
	text-align:center;
	opacity:0;
	filter:alpha(opacity=0);
	transform:translatex(-30px);
	transition:opacity 0.8s,transform 0.8s
}
.main.pro-info .box7 .wrap .btm .list-box .line img {
	display:block;
	margin:0 auto
}
.main.pro-info .box7 .wrap .btm .list-box .cont2 {
	position:absolute;
	top:0;
	left:0;
	width:100%
}
.main.pro-info .box7 .wrap .btm .btn-box {
	position:relative;
	width:152px;
	margin:0 auto 54px;
	opacity:0;
	filter:alpha(opacity=0);
	transform:translatey(30px);
	transition:opacity 0.8s,transform 0.8s
}
.main.pro-info .box7 .wrap .btm .btn-box img {
	display:block;
	max-width:100%;
	opacity:0;
	filter:alpha(opacity=0)
}
.main.pro-info .box7 .wrap .btm .btn-box img.cur {
	opacity:1;
	filter:alpha(opacity=100)
}
.main.pro-info .box7 .wrap .btm .btn-box .f {
	position:absolute;
	top:0;
	left:0
}
.main.pro-info .box7 .wrap .btm .btn-box .btn {
	position:absolute;
	top:0;
	width:50%;
	height:100%;
	cursor:pointer
}
.main.pro-info .box7 .wrap .btm .btn-box .btn.l {
	left:0
}
.main.pro-info .box7 .wrap .btm .btn-box .btn.r {
	right:0
}
@media (max-width: 1080px) {
	.main.pro-info .box7 .wrap .btm .list-box .line {
	margin:0 15px
}
}@media (max-width: 1024px) {
	.main.pro-info .box7 .wrap .btm .text-box h4 {
	padding-bottom:.625rem;
	font-size:.70833rem
}
.main.pro-info .box7 .wrap .btm .text-box small,.main.pro-info .box7 .wrap .btm .text-box p {
	font-size:16px;
	line-height:1.6
}
.main.pro-info .box7 .wrap .btm .list-box {
	margin:1rem 0 .75rem
}
.main.pro-info .box7 .wrap .btm .list-box .list {
	margin-bottom:.41667rem
}
.main.pro-info .box7 .wrap .btm .list-box .list img {
	height:28.2px
}
.main.pro-info .box7 .wrap .btm .list-box .line {
	margin:0 12px;
	top:-.45833rem
}
.main.pro-info .box7 .wrap .btm .list-box .line img {
	height:15.4px
}
.main.pro-info .box7 .wrap .btm .btn-box {
	width:3.16667rem;
	min-width:114px;
	margin:0 auto 1.125rem
}
}@media (max-width: 768px) {
	.main.pro-info .box7 .wrap .btm .text-box small,.main.pro-info .box7 .wrap .btm .text-box p {
	font-size:14px
}
.main.pro-info .box7 .wrap .btm .list-box .list {
	margin-left:10px;
	margin-right:10px
}
.main.pro-info .box7 .wrap .btm .list-box .list img {
	height:23.5px
}
.main.pro-info .box7 .wrap .btm .list-box .line {
	display:none
}
.main.pro-info .box7 .wrap .btm .btn-box {
	margin-bottom:3.125rem
}
}.main.pro-info .box7.animate .wrap .bg {
	opacity:1;
	filter:alpha(opacity=100);
	transform:translatey(0);
	transition-delay:0.3s
}
.main.pro-info .box7.animate .wrap .btm .text-box {
	opacity:1;
	filter:alpha(opacity=100);
	transform:translatey(0);
	transition-delay:0.3s
}
.main.pro-info .box7.animate .wrap .btm .list-box .list-cont.cur .list {
	opacity:1;
	filter:alpha(opacity=100);
	transform:translatex(0);
	transition-delay:0.3s
}
.main.pro-info .box7.animate .wrap .btm .list-box .list-cont.cur .line {
	opacity:1;
	filter:alpha(opacity=100);
	transform:translatex(0);
	transition-delay:0.3s
}
.main.pro-info .box7.animate .wrap .btm .list-box .list-cont.cur .list:nth-child(2),.main.pro-info .box7.animate .wrap .btm .list-box .list-cont.cur .line:nth-child(2) {
	transition-delay:.4s
}
.main.pro-info .box7.animate .wrap .btm .list-box .list-cont.cur .list:nth-child(3),.main.pro-info .box7.animate .wrap .btm .list-box .list-cont.cur .line:nth-child(3) {
	transition-delay:.5s
}
.main.pro-info .box7.animate .wrap .btm .list-box .list-cont.cur .list:nth-child(4),.main.pro-info .box7.animate .wrap .btm .list-box .list-cont.cur .line:nth-child(4) {
	transition-delay:.6s
}
.main.pro-info .box7.animate .wrap .btm .list-box .list-cont.cur .list:nth-child(5),.main.pro-info .box7.animate .wrap .btm .list-box .list-cont.cur .line:nth-child(5) {
	transition-delay:.7s
}
.main.pro-info .box7.animate .wrap .btm .list-box .list-cont.cur .list:nth-child(6),.main.pro-info .box7.animate .wrap .btm .list-box .list-cont.cur .line:nth-child(6) {
	transition-delay:.8s
}
.main.pro-info .box7.animate .wrap .btm .list-box .list-cont.cur .list:nth-child(7),.main.pro-info .box7.animate .wrap .btm .list-box .list-cont.cur .line:nth-child(7) {
	transition-delay:.9s
}
.main.pro-info .box7.animate .wrap .btm .list-box .list-cont.cur .list:nth-child(8),.main.pro-info .box7.animate .wrap .btm .list-box .list-cont.cur .line:nth-child(8) {
	transition-delay:1s
}
.main.pro-info .box7.animate .wrap .btm .list-box .list-cont.cur .list:nth-child(9),.main.pro-info .box7.animate .wrap .btm .list-box .list-cont.cur .line:nth-child(9) {
	transition-delay:1.1s
}
.main.pro-info .box7.animate .wrap .btm .list-box .list-cont.cur .list:nth-child(10),.main.pro-info .box7.animate .wrap .btm .list-box .list-cont.cur .line:nth-child(10) {
	transition-delay:1.2s
}
.main.pro-info .box7.animate .wrap .btm .list-box .list-cont.cur .list:nth-child(11),.main.pro-info .box7.animate .wrap .btm .list-box .list-cont.cur .line:nth-child(11) {
	transition-delay:1.3s
}
.main.pro-info .box7.animate .wrap .btm .list-box .list-cont.cur .list:nth-child(12),.main.pro-info .box7.animate .wrap .btm .list-box .list-cont.cur .line:nth-child(12) {
	transition-delay:1.4s
}
.main.pro-info .box7.animate .wrap .btm .list-box .list-cont.cur .list:nth-child(13),.main.pro-info .box7.animate .wrap .btm .list-box .list-cont.cur .line:nth-child(13) {
	transition-delay:1.5s
}
.main.pro-info .box7.animate .wrap .btm .btn-box {
	opacity:1;
	filter:alpha(opacity=100);
	transform:translatey(0);
	transition-delay:0.3s
}
.main.pro-info .box8 .wrap {
	height:100%
}
.main.pro-info .box8 .wrap .w1280 {
	padding-top:56px
}
@media (max-width: 1080px) {
	.main.pro-info .box8 .wrap .w1280 {
	padding-top:110px
}
}@media (max-width: 1024px) {
	.main.pro-info .box8 .wrap .w1280 {
	padding-top:2.29167rem
}
}.main.pro-info .box8 .wrap .img-box {
	width:35.7%;
	opacity:0;
	filter:alpha(opacity=0);
	transform:translatex(-30px);
	transition:opacity 0.8s,transform 0.8s
}
.main.pro-info .box8 .wrap .img-box img {
	display:block;
	max-width:100%
}
.main.pro-info .box8 .wrap .text-box {
	width:62.5%;
	opacity:0;
	filter:alpha(opacity=0);
	transform:translatex(30px);
	transition:opacity 0.8s,transform 0.8s
}
.main.pro-info .box8 .wrap .text-box .table-box table {
	width:100%
}
.main.pro-info .box8 .wrap .text-box .table-box table .pt14 td {
	padding-top:14px
}
.main.pro-info .box8 .wrap .text-box .table-box table .pb14 td {
	padding-bottom:14px;
	border-bottom:1px solid #f2ece6
}
.main.pro-info .box8 .wrap .text-box .table-box table tr {
	color:#8b704c
}
.main.pro-info .box8 .wrap .text-box .table-box table tr th {
	padding:14px;
	font-size:18px
}
.main.pro-info .box8 .wrap .text-box .table-box table tr td {
	padding:0;
	font-size:16px;
	line-height:2
}
.main.pro-info .box8 .wrap .text-box .table-box table tr td.pb14 {
	border-bottom:1px solid #f2ece6
}
.main.pro-info .box8 .wrap .text-box .table-box table tr td p {
	word-break:keep-all
}
.main.pro-info .box8 .wrap .text-box .table-box table tr:nth-child(1) {
	background-color:#faf8f1
}
.main.pro-info .box8 .wrap .text-box .text {
	max-width:76%;
	padding:20px 20px 0 20px;
	font-size:14px;
	line-height:1.8;
	color:#a4a2a0
}
@media (max-width: 1600px) {
	.main.pro-info .box8 .wrap .text-box .table-box table .pt14 td {
	padding-top:10px
}
.main.pro-info .box8 .wrap .text-box .table-box table .pb14 td {
	padding-bottom:10px
}
.main.pro-info .box8 .wrap .text-box .table-box table tr th {
	padding:14px;
	font-size:16px
}
.main.pro-info .box8 .wrap .text-box .table-box table tr td {
	font-size:14px;
	line-height:1.8
}
.main.pro-info .box8 .wrap .text-box .text {
	padding:14px 14px 0 14px
}
}@media (max-width: 968px) {
	.main.pro-info .box8 .wrap .table {
	display:block
}
.main.pro-info .box8 .wrap .table-cell {
	display:block
}
.main.pro-info .box8 .wrap .img-box {
	float:none;
	width:100%;
	padding-top:25px
}
.main.pro-info .box8 .wrap .img-box img {
	display:block;
	width:130px;
	margin:0 auto 12px
}
.main.pro-info .box8 .wrap .text-box {
	float:none;
	width:100%;
	overflow:hidden
}
.main.pro-info .box8 .wrap .text-box .mcsb_horizontal.mcsb_inside>.mcsb_container {
	margin-bottom:16px
}
.main.pro-info .box8 .wrap .text-box .mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar {
	background:#000 !important
}
.main.pro-info .box8 .wrap .text-box .table-box table {
	min-width:600px
}
.main.pro-info .box8 .wrap .text-box .table-box table .pt14 td {
	padding-top:4px
}
.main.pro-info .box8 .wrap .text-box .table-box table .pb14 td {
	padding-bottom:4px
}
.main.pro-info .box8 .wrap .text-box .table-box table tr th {
	font-size:14px;
	padding:8px 10px
}
.main.pro-info .box8 .wrap .text-box .table-box table tr td {
	font-size:13px;
	line-height:1.4
}
.main.pro-info .box8 .wrap .text-box .text {
	padding:0px 10px 0 10px;
	max-width:100%;
	line-height:1.4
}
}@media (max-width: 450px) {
	.main.pro-info .box8 .wrap .img-box {
	padding-top:15px
}
.main.pro-info .box8 .wrap .text-box .table tr td {
	font-size:12px
}
}.main.pro-info .box8.animate .wrap .img-box,.main.pro-info .box8.animate .wrap .text-box {
	opacity:1;
	filter:alpha(opacity=100);
	transform:translatex(0);
	transition-delay:0.3s
}