.pro-banner {
	position: relative;
}
.img100 {
	display: block;
	width: 100%;
}
.opa0-img{
	opacity: 0;
}
.box1, .box2, .box3, .box5, .box6, .box7, .box8 {
    background-size: cover !important;
}
.pro-banner-txts{
    position: absolute;
    left: 50%;
    top: 190px;
    width: 73%;
    height: 154px;
    margin-left: -36.5%;
    transform-origin: right top;
}
.banner-txts{
    float: right;
    position: relative;
    left: 50px;
    width: 470px;
    height: 175px;
}
.banner-txts img{
	position: absolute;
}
.banner-txts .pro-cn1{
	top: 5px;
	left: 0;
}
.banner-txts .pro-cn2{
	top: 16px;
	left: 92px;
}
.banner-txts .pro-cn3{
	top: 0;
	left: 152px;
}
.banner-txts .pro-cn4{
	bottom: 0;
	left: 135px;
}
.banner-txts .pro-cn5{
	bottom: 6px;
	left: 210px;
}
.banner-txts .pro-cn6{
	bottom: 10px;
	left: 296px;
}
.banner-txts .pro-cn7{
	bottom: 16px;
	right: 0;
}
.e5z-animate0{
    opacity: 0;
    filter: alpha(opacity=0);
    transform: scale(2) translateX(60%);
    transition: transform 0.6s ease-out,opacity .8s;
}
.e5z-animate0.animate{
    opacity: 1;
    filter: alpha(opacity=100);
    transform: scale(1) translateX(0);
}
.box2{
	padding: 120px 100px 0;
	background: #1d1d1d;
}
.box2 .wrap{
	width: 100%;
	position: relative;
}
.box2 .left{
	width: 62%;
	float: left;
}
.box2 .right{
	right: 0;
	bottom: 26%;
	width: 38%;
	text-align: center;
	position: absolute;
}
.box2 .right .box{
	width: 540px;
	max-width: 100%;
}
.box2 .right .d1{
	font-size: 46px;
	color: #c9995f;
}
.box2 .right .d1 img{
	width: 83px;
}
.box2 .right .d1 span{
	display: inline-block;
	line-height: 1.3;
	vertical-align: bottom;
}
.box2 .right .d2{
	color: #ffffff;
	line-height: 1.8;
	text-align: center;
	margin-top: 36px;
	margin-bottom: 42px;
	font-size: 20px;
}
.box2 .right .d3{
	font-size: 0;
}
.box2 .right .d3 img{
	width: 130px;
	max-width: 48%;
}
.box2 .right .d3 img{
	margin-right: 30px;
}
.box2 .right .d3 img:last-child{
	margin-right: 0;
}
.fadeInUp,
.box8fadeInUp{
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translate(0,50px);
    transition: transform 0.8s ease-out,opacity .8s;
}
.animate .fadeInUp,
.animate.box8fadeInUp{
    opacity: 1;
    filter: alpha(opacity=100);
    transform: translate(0,0);
}
.anix{
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translateX(-90px);
    transition: opacity 1s,transform 1s;
}
.anix.animate{
    opacity: 1;
    filter: alpha(opacity=100);
    transform: translateX(0);
    transition: opacity 1s,transform 1s;
}
.box3{
	padding: 8.3vw 0 0;
	position: relative;
}
.box3 .bgimg{
	position: absolute;
	width: 100%;
	height: 82.24%;
	top: 0;
	left: 0;
	background: #f6f2ef;
	z-index: 0;
}
.box3 .wrap{
	max-width: 70%;
	text-align: center;
	margin: 0 auto;
	position: relative;
	z-index: 2;
}
.box3 .text{
	position: relative;
	z-index: 3;
}
.box3 .text .d1{
	font-size: 34px;
	color: #3e280c;
}
.box3 .text .d2{
	font-size: 20px;
	line-height: 1.8;
	color: #8b704c;
}
.box3 .imgs{
	width: 775px;
	max-width: 100%;
	margin: 0 auto;
}
.box3 .imgs img{
	margin-top: -100px;
}
.box4{
	padding: 10vw 0 4vw;
}
.box4 .wrap{
	width: 1377px;
	max-width: 80%;
	margin: 0 auto;
}
.box4 .text{
	width: 570px;
	text-align: center;
	max-width: 80%;
	margin: 0 auto;
}
.box4 .text .d1{
	font-size: 41px;
	color: #3e280c;
	line-height: 1;
}
.box4 .text .d1 span{
	font-family: 'Arial';
}
.box4 .text .d1 span i{
	display: inline-block;
	font-style: normal;
	position: relative;
	padding-left: 14px;
	margin-left: .2em; 
}
.box4 .text .d1 span i:after{
	content: '';
	position: absolute;
	width: 11px;
	height: 11px;
	background: url('../img_e5z/radio.png') no-repeat center/100% auto;
	left: 0;
	top: 0;
}
.box4 .text .d2{
	font-size: 22px;
	color: #8b704c;
	margin-top: 1em;
	line-height: 1.5;
	padding: .25em 0;
}
.box4 .imgs{
	margin-top: 5.73vw;
}
.box5{
	background-color: #f6f2ef;
	position: relative;
}
.box5 .imgs{
	float: right;
	width: 57.03125%;
}
.fade{
	transform-origin: right top;
	opacity: 0;
	transform: scale(.9);
    transition: transform 0.8s ease-out,opacity .8s;
}
.animate .fade{
	opacity: 1;
	transform: scale(1);
}
.box5 .container{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.box5 .container .wrap{
	width: 1200px;
	max-width: 80%;
	height: 100%;
	margin: 0 auto;
	position: relative;
}
.box5 .container .wrap .text{
	width: 410px;
	max-width: 40%;
	position: absolute;
	top: 55%;
	transform: translate(0, -50%);
	z-index: 5;
}
.box5 .container .wrap .text .d1{
	font-size: 41px;
	color: #3e280c;
}
.box5 .container .wrap .text .d2{
	font-size: 22px;
	color: #8b704c;
	line-height: 1.636;
}
.box5 .container .wrap .text .d3{
	padding-left: 108px;
	position: relative;
	background: url('../img_e5z/ico1.png') no-repeat left center/85px auto;
	min-height: 85px;
	display: table;
	line-height: 1.3;
	margin-top: 70px;
}
.box5 .container .wrap .text .table-cell{
	display: table-cell;
	vertical-align: middle;
}
.box5 .container .wrap .text .d3 span{
	font-size: 24px;
	color: #3e280c;
	display: block;
}
.box5 .container .wrap .text .d3 span + span{
	font-size: 18px;
	color: #8b704c;
}
.box6{
	background: no-repeat center/cover;
	position: relative;
	padding: 11.2vw 0 0;
}
.box6 .imgs{
	width: 71.14%;
	float: left;
}
.box6 .container{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.box6 .container .wrap{
	width: 1424px;
	max-width: 80%;
	margin: 0 auto;
	height: 100%;
	position: relative;
}
.box6 .container .text{
	width: 450px;
	bottom: 32%;	
	right: 0;
	transform: translate(0, 50%);
	position: absolute;
	max-width: 40%;
}
.box6 .container .text .d1{
	font-size: 41px;
	color: #3e280c;
	line-height: 1.5;
	padding: .25em 0;
}
.box6 .container .text .d2{
	font-size: 22px;
	color: #8b704c;
	line-height: 1.636;
}
.fadeInRight{
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
    transition: all .8s ease;
}
.animate .fadeInRight{
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}
.box7{
	background: #fefefe;
	padding: 8.33vw 0 0;
}
.box7 .text{
	width: 420px;
	margin: 0 auto;
	text-align: center;
	max-width: 100%;
}
.box7 .text .d1{
	font-size: 41px;
	color: #3e280c;
}
.box7 .text .d2{
	font-size: 20px;
	color: #8b704c;
	line-height: 1.3;
	margin-top: .5em;
}
.box7 .imgs{
	width: 770px;
	margin: 6.77vw auto 0;
	max-width: 70%;
}
.box8 .htit{
	font-size: 41px;
	color: #3e280c;
	text-align: center;
	padding: 100px 0 64px;
}
.box8 li{
	position: relative;
	height: 480px;
}
.box8 li .imgs{
	width: 50%;
	height: 100%;
	float: left;
	background: no-repeat center/cover;
}
.box8 li:nth-child(2n) .imgs{
	float: right;	
}
.box8 li .text{
	width: 50%;
	height: 100%;
	float: right;
}
.box8 li:nth-child(2n) .text{
	float: left;
}
.box8 li .text .table{
	display: table;
}
.box8 li .text .table-cell{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding: 0 5%;
}
.box8 li .text .table-cell .inline-blk{
	display: inline-block;
	font-size: 30px;
	color: #3e280c;
	position: relative;
	padding: 0 40px;
	line-height: 1.5;
}
.box8 li .text .table-cell .inline-blk:after,
.box8 li .text .table-cell .inline-blk:before{
	content: '';
	position: absolute;
	width: 19px;
	height: 16px;
	background: no-repeat center/100% auto;
	top: 0;
}
.box8 li .text .table-cell .inline-blk:before{
	left: 0;
	background-image: url('../img_e5z/before-ico.png');
}
.box8 li .text .table-cell .inline-blk:after{
	right: 0;
	background-image: url('../img_e5z/after-ico.png');
}
.box8 li .text .d2{
	font-size: 20px;
	color: #8b704c;
	margin-top: .5em;
}
.box9 {
	padding: 11.01979vw 0 11.979vw; 
}
.box9 .text{
	width: 470px;
	margin: 0 auto;
	max-width: 90%;
}
.box9 .d1{
	line-height: 1.2;
}
.box9 .d1 span{
	font-size: 34px;
	display: inline-block;
	vertical-align: bottom;
}
.box9 .d1 img{
	width: 49px;
}
.box9 .d2{
	font-size: 20px;
	color: #8b704c;
	line-height: 1.7;
	margin-top: .6em;
}
.box9 ul{
	width: 1360px;
	max-width: 90%;
	margin: 5.73vw auto 0;
	font-size: 0;
}
.box9 ul li{
	display: inline-block;
	vertical-align: top;
	width: 16.66666%;
}
.box9 ul li .imgs{
	width: 110px;
	max-width: 80%;
	margin: 0 auto;
}
.box9 ul li .li-text{
	width: 220px;
	max-width: 90%;
	margin: 0 auto;
}
.box9 ul li .li-d1{
	font-size: 18px;
	color: #3e280c;
	padding-top: .4em;
}
.box9 ul li .li-d2{
	font-size: 16px;
	color:#8b704c;
	line-height: 1.375;
	margin-top: .5em;
}
.box10 .wrap .w1280 {
	padding-top: 5.73vw;
	padding-bottom: 7.3vw;
}
.box10 .wrap .img-box {
    width: 35.7%;
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translateX(-30px);
    transition: opacity 0.8s,transform 0.8s;
}
.box10 .wrap .text-box {
	width: 62.5%;
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translateX(30px);
    transition: opacity 0.8s,transform 0.8s;
}
.box10.animate .wrap .img-box, .box10.animate .wrap .text-box {
	opacity: 1;
    filter: alpha(opacity=100);
    transform: translateX(0);
    transition-delay: 0.3s;
}
.box10 .wrap .text-box .table-box table {
	width: 100%;
}
.box10 .wrap .text-box .table-box table tr {
    color: #8b704c;
}
.box10 .wrap .text-box .table-box table tr:nth-child(1) {
    background-color: #faf8f1;
}
.box10 .wrap .text-box .table-box table tr th {
    padding: 14px;
    font-size: 18px;
}
.box10 .wrap .text-box .table-box table tr td:first-child {
    border-left: 1px solid #fff;
}
.box10 .wrap .text-box .table-box table tr td {
    padding: 14px 0;
    font-size: 16px;
    line-height: 2.8;
    border-bottom: 1px solid #f2ece6;
    vertical-align: top;
}
.box10 .wrap .text-box .table-box table tr td p {
    word-break: keep-all;
}
.box10 .wrap .text-box .text {
    max-width: 76%;
    padding: 20px 20px 0 20px;
    font-size: 14px;
    line-height: 1.8;
    color: #a4a2a0;
}
.box10 .wrap .text-box .table-box table tr td.td1 {
	width: 190px !important;
}
.delay1 {
	transition-delay: .1s;
}
.delay2 {
	transition-delay: .2s;
}
.delay3 {
	transition-delay: .3s;
}
.delay4 {
	transition-delay: .4s;
}
.delay5 {
	transition-delay: .5s;
}
.delay6 {
	transition-delay: .6s;
}
.delay7 {
	transition-delay: .7s;
}
.delay8 {
	transition-delay: .8s;
}
.delay9 {
	transition-delay: .9s;
}
.delay10 {
	transition-delay: 1s;
}
.delay11 {
	transition-delay: 1.1s;
}
.delay12 {
	transition-delay: 1.2s;
}
.delay13 {
	transition-delay: 1.3s;
}
.delay14 {
	transition-delay: 1.4s;
}
.delay15 {
	transition-delay: 1.5s;
}
.delay16 {
	transition-delay: 1.6s;
}
.delay17 {
	transition-delay: 1.7s;
}
.delay18 {
	transition-delay: 1.8s;
}
.delay19 {
	transition-delay: 1.9s;
}
.delay20 {
	transition-delay: 2s;
}
.delay22 {
	transition-delay: 2.2s;
}
.delay22 {
	transition-delay: 2.2s;
}
.delay23 {
	transition-delay: 2.3s;
}
.delay24 {
	transition-delay: 2.4s;
}
.delay25 {
	transition-delay: 2.5s;
}
@media(max-width: 1700px) {
	.pro-banner-txts{
	    margin-left: -33.5%;
	}
}

@media(max-width: 1600px) {
	.box2 .right .d1{
		font-size: 40px;
	}
	.box2 .right .d1 img{
		width: 72px;
	}
	.box2 .right .d2{
		font-size: 16px;
	    margin: 20px auto 30px;
	}
	.box2 .right .d3 img{
		width: 110px;
	}
}

@media(max-width: 1500px) {
	.pro-banner-txts{
    	transform: scale(.8);
    	top: 120px;
	}
	.box2{
		padding-top: 80px;
	}
	.box8 li{
		height: 32vw;
	}
	.box9 ul li .li-d1{
		font-size: 16px;
	}
	.box9 ul li .li-d2{
		font-size: 14px;
	}
	.box9 .d1 img{
		width: 40px;
	}
	.box9 .d1 span{
		font-size: 28px;
	}
	.box9 .d2{
		font-size: 16px;
	}
}

@media(max-width: 1450px) {
	.box10 .wrap .text-box .table-box table tr td {
		font-size: 14px;
	}
}

@media(max-width: 1300px) {
	.box2 .right .d1 img{
		width: 63px;
	}
	.box2 .right .d1{
		font-size: 36px;
	}
	.box2 .right .d2{
		font-size: 14px;
	}
	.box2 .right .d3 img{
		width: 100px;
	}
}

@media(max-width: 1200px) {
	.pro-banner-txts{
		top: 80px;
		transform: scale(.6);
	}
	.box2 .right .d2 br{
		font-size: 0;
		display: none;
	}
	.box3 .text .d1{
		font-size: 28px;
	}
	.box3 .text .d2{
		font-size: 16px;
	}
	.box3 .imgs{
		max-width: 80%;
	}
	.box3 .imgs img{
		margin-top: -40px;
	}
	.box4 .text .d1{
		font-size: 32px;
	}
	.box4 .text .d2{
		font-size: 18px;
	}
	.box5 .container .wrap .text .d1{
		font-size: 32px;
	}
	.box5 .container .wrap .text .d2{
		font-size: 18px;
	}
	.box5 .container .wrap .text .d3{
		margin-top: 40px;
		padding-left: 88px;
		background-size: 70px auto;
	}
	.box5 .container .wrap .text .d3 span{
		font-size: 20px;
	}
	.box5 .container .wrap .text .d3 span + span{
		font-size: 16px;
	}
	.box6 .container .text .d1{
		font-size: 32px;
	}
	.box6 .container .text .d2{
		font-size: 18px;
	}
	.box7 .text .d1{
		font-size: 32px;
	}
	.box7 .text .d2{
		font-size: 18px;
	}
	.box8 .htit{
		font-size: 32px;
		padding: 70px 0 44px;
	}
	.box8 li .text .table-cell .inline-blk{
		font-size: 24px;
		padding: 0 30px;
	}
	.box8 li .text .d2{
		font-size: 16px;
	}
	.box10 .wrap .text-box .table-box table tr td {
		line-height: 1.8;
	    padding: 10px 14px;
	    font-size: 14px;
	}
}

@media(max-width: 992px) {
	.pro-banner-txts{
		top: 50px;
		transform: scale(.5);
	}
	.box2 .right{
		position: relative;
		margin: 0 auto;
		width: 80%;
	}
	.box2 .right .d2 br{
		display: block;
	}
	.box2 .left{
		float: none;
		margin: 40px auto 0;
	}
	.box2{
	    padding: 100px 30px 0;
	}
	.box5{
		padding: 10vw 0 0;
	}
	.box5 .container .wrap .text .d3{
		margin: 0 auto;
		text-align: left;
	}
	.box5 .container{
		position: relative;
	}
	.box5 .container .wrap .text{
		transform: none;
		position: relative;
		margin: 0 auto;
		text-align: center;
	}
	.box5 .imgs{
		width: 70%;
		margin: 0;
	}
	.box6 .container{
		position: relative;
	}
	.box6 .container .text{
		position: relative;
		transform: none;
		bottom: 0;
		max-width: 100%;
	}
	.box6 .imgs{
		float: none;
		width: 100%;
		margin: 50px auto 0;
	}
	.box9 ul li .li-d1{
		font-size: 14px;
	}
	.box9 ul li .li-d2{
		font-size: 12px;
	}
	.table .table-cell {
		display: block;
	}
	.box10 .wrap .text-box .table-box table {
		min-width: 600px;
	}
	.box10 .wrap .text-box .mCSB_horizontal.mCSB_inside>.mCSB_container {
		margin-bottom: 16px;
	}
	.box10 .wrap .text-box .table-box table tr td {
		line-height: 1.5;
	    padding: 6px 10px;
	    font-size: 13px;
	}
	.box10 .wrap .img-box img {
	    display: block;
	    width: 68%;
	    max-width: 300px;
	    margin: 0 auto 20px;
	}
	.box10 .wrap .text-box .table-box table tr td.td1 {
		width: auto !important;
	}
	.box10 .wrap .table {
		display: block;
	}
	.box10 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
		background: #000 !important;
		width: 134px !important;
	}
	.box10 .wrap .img-box {
		float: none;
	    width: 100%;
	    padding-top: 25px;
	}
	.box10 .wrap .text-box {
		float: none;
	    width: 100%;
	    overflow: hidden;
	}
	.box10 .wrap .text-box .table-box table tr th {
	    font-size: 14px;
	    padding: 8px 10px;
	}
	.box10 .wrap .text-box .text{
	    padding: 0px 10px 0 10px;
	    max-width: 100%;
	    line-height: 1.4;
	}
}

@media(max-width: 750px) {
	.pro-banner-txts{
		top: 50px;
		transform: scale(.3);
	}
	.box8 li .text .table-cell .inline-blk{
		font-size: 16px;
		padding: 0 20px;
	}
	.box8 li .text .table-cell .inline-blk:after, .box8 li .text .table-cell .inline-blk:before{
		width: 12px;
	}
	.box8 li .text .d2{
		font-size: 12px;
	}
	.box9 ul li{
		width: 33.33333%;
		padding-bottom: 16px;
	}
	.box9 ul li .li-d2{
		min-height: 2.7em;
	}
}

@media(max-width: 480px) {
	.box2{
		padding: 50px 20px 0;
	}
	.box2 .right .d1 img{
		width: 40px;
	}
	.box2 .right .d1{
		font-size: 20px;
	}
	.pro-banner{
	    height: 230px;
	}
	.pro-banner-txts{
	    top: 30px;
	    transform: scale(.2);
	}
	.box2 .right{
		width: 100%;
	}
	.box2 .right .d2{
		font-size: 12px;
		margin: 10px 0 16px;
	}
	.box2 .right .d3 img{
		width: 80px;
		margin-right: 14px;
	}
	.box2 .left{
		width: 100%;
		margin-top: 20px;
	}
	.anix{
	    transform: translate(0,90px);
	}
	.anix.animate{
	    transform: translate(0,0px);
	}
	.box3 .wrap{
		max-width: 100%;
		padding: 0 20px;
	}
	.box3 .text .d1{
		font-size: 20px;
	}
	.box3 .text .d2{
		font-size: 12px;
	}
	.box4 .text .d1{
		font-size: 18px;
	}
	.box4 .text .d1 span i:after{
		width: 4px;
		height: 4px;
	}
	.box4 .text .d1 span i{
		padding-left: 4px;
	}
	.box4 .text .d2{
		font-size: 12px;
	}
	.box4 .wrap{
		max-width: 100%;
		padding: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.box5 .container .wrap .text{
		max-width: 100%;
	}
	.box5 .container .wrap .text .d1{
		font-size: 20px;
	}
	.box5 .container .wrap .text .d2{
		font-size: 12px;
	}
	.box5 .container .wrap .text .d3{
	    padding-left: 50px;
	    background-size: 40px auto;
	    min-height: 50px;
	    margin-top: 10px;
	}
	.box5 .container .wrap .text .d3 span{
		font-size: 16px;
	}
	.box5 .container .wrap .text .d3 span + span{
		font-size: 12px;
	}
	.box5 .imgs{
		width: 80%;
		margin: 0;
		float: right;
	}
	.box6 .container .text .d1{
		font-size: 20px;
	}
	.box6 .container .text .d2{
		font-size: 12px;
	}
	.box6 .imgs{
		margin-top: 30px;
	}
	.box7 .wrap{
		max-width: 80%;
		margin: 0 auto;
	}
	.box7 .text .d1{
		font-size: 20px;
	}
	.box7 .text .d2{
		font-size: 12px;
	}
	.box8 .htit{
		font-size: 20px;
		padding: 30px 0 16px;
	}
	.box8 li{
		height: auto;
	}
	.box8 li .imgs{
		width: 100%;
		height: auto;
		float: none;
	}
	.box8 li .text{
		width: 100%;
		height: auto;
		float: none;
		padding: 30px 0;
	}
	.box8 li:nth-child(2n) .imgs,
	.box8 li:nth-child(2n) .text{
		float: none;
	}
	.box9 .d1 img{
		width: 30px;
	}
	.box9 .d1 span{
		font-size: 20px;
	}
	.box9 .d2{
		font-size: 14px;
	}
	.box9 ul li .li-d2{
		font-size: 10px;
		margin-top: 0;
	}
	.box9 ul li .imgs{
		max-width: 70%;
	}
	.box10 .wrap .w1280{
	    padding-top: 21vw;
	    padding-bottom: 12vw;
	}
}

@media(max-width: 415px) {

}

@media(max-width: 380px) {

}

@media(max-width: 321px) {

}