html,
body {
	font-family: "microsoft yahei";
	font-size: 10px;
}

* {
	box-sizing: content-box;
}
.show{
	opacity: 1 !important;
}

.bb1>img {
	display: block;
	width: 100%;
}
.bb1>div>img {
	display: block;
	/*width: 100%;*/	
}

.img-box {
	position: relative;
	text-align: center;
}

img.box-pic {
	width: 100%;
	display: block;
}

.bf-img {
	position: absolute;
	left: 31.7%;
	width: 36.4%;
	cursor: pointer;
}

.sp-box {
	position: absolute;
	left: 31.7%;
	width: 36.4%;
}

.b33 .bf-img,
.b33 .sp-box {
	bottom: 13%;
	height: 51%;
}

.b44 .bf-img,
.b44 .sp-box {
	bottom: 16%;
	height: 63%;
}

.b55 .bf-img,
.b55 .sp-box {
	bottom: 16%;
	height: 64%;
}

.b66 .bf-img,
.b66 .sp-box {
	bottom: 16%;
	height: 64%;
}

.b77 .bf-img,
.b77 .sp-box {
	bottom: 23%;
	height: 58%;
}


.b1-box{
	position: relative;
	overflow: hidden;
}
.x_b1{
	width: 100% !important;
}
.b1b{
	position: absolute;
	top: -35px;
	left: 16%;
	width: auto !important;
}
.b1a{
	width: auto !important;
	position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.b2-box{
	text-align: center;
	padding: 50px 0 80px;
}
.b2-box>p{
	font-size: 1.8rem;
}
.b2-imgs{
	margin-top: 50px;
}
.b2-imgs>img{
	margin-left: 4%;
	opacity: 0;
}

.b8-box{
	text-align: center;
	padding: 50px 0 70px;
}
.b8-imgs>div{
	margin-top: 50px;
}
.b8-imgs>div>img{
	margin-left: 3%;
	opacity: 0;
}

.bg9-11{
	/*9--11共用背景*/
	/*height: 1600px;*/
	background: url(../img/x_bg.jpg) 0 0 repeat;
}
.b9-box{
	text-align: center;
	padding: 50px 0 25px;
}
.b9-title{
	padding-bottom: 30px;
}
.a9-imgs{
	text-align: center;
	margin: 0 auto;
	overflow: hidden;
	width: 1310px;
}
.a9-imgs>img{
	float: left;
	margin-left:9px;
	margin-top: 9px;
	opacity: 0;
}
.a9-imgs>img.a922{
	opacity: 1;
}
.a931,
.a932,
.a935{
	position: relative;
	top: -60px;
}

.b10-box{
	text-align: center;
	padding: 0px 0 80px;
}
.b10-title{
	padding-bottom: 20px;
}
.b10-lc-imgs{
	height: 122px;
    width: 1310px;
    margin: 0 auto;
    background: url(../img/x_b10_lc.png) 28px 100px no-repeat;
    position: relative;
}
.b10-lc-imgs>img{
	position: absolute;
	bottom: 16px;
	opacity: 0;
}
.b10-lc-text>span:nth-of-type(1),.b10-lc-imgs>img:nth-of-type(1){
	left: 6px;
}
.b10-lc-text>span:nth-of-type(2),.b10-lc-imgs>img:nth-of-type(2){
	left: 158px;
	animation-delay:0.2s;
	-webkit-animation-delay:0.2s; /* Safari 和 Chrome */
}
.b10-lc-text>span:nth-of-type(3),.b10-lc-imgs>img:nth-of-type(3){
	left: 312px;
	animation-delay:0.4s;
	-webkit-animation-delay:0.4s; /* Safari 和 Chrome */
}
.b10-lc-text>span:nth-of-type(4),.b10-lc-imgs>img:nth-of-type(4){
	left: 465px;
	animation-delay:0.6s;
	-webkit-animation-delay:0.6s; /* Safari 和 Chrome */
}
.b10-lc-text>span:nth-of-type(5),.b10-lc-imgs>img:nth-of-type(5){
	left: 618px;
	animation-delay:0.8s;
	-webkit-animation-delay:.8s; /* Safari 和 Chrome */
}
.b10-lc-text>span:nth-of-type(6),.b10-lc-imgs>img:nth-of-type(6){
	left: 770px;
	animation-delay:1.0s;
	-webkit-animation-delay:1.0s; /* Safari 和 Chrome */
}
.b10-lc-text>span:nth-of-type(7),.b10-lc-imgs>img:nth-of-type(7){
	left: 924px;
	animation-delay:1.2s;
	-webkit-animation-delay:1.2s; /* Safari 和 Chrome */
}
.b10-lc-text>span:nth-of-type(8),.b10-lc-imgs>img:nth-of-type(8){
	left: 1076px;
	animation-delay:1.4s;
	-webkit-animation-delay:1.4s; /* Safari 和 Chrome */
}
.b10-lc-text>span:nth-of-type(9),.b10-lc-imgs>img:nth-of-type(9){
	left: 1228px;
	animation-delay:1.6s;
	-webkit-animation-delay:1.6s; /* Safari 和 Chrome */
}
.b10-lc-text{
	position: relative;
	width: 1310px;
	height: 40px;
    margin: 0 auto;
}
.b10-lc-text>span{
	position: absolute;
	width: 74px;
	display: inline-block;
	top: 2px;
	color: #fff;
	font-size: 1.6rem;
	text-shadow: 1px 1px 13px #E72DB2;
	opacity: 0;
}
.b11-box{
	text-align: center;
}
.b11-text{
	width: 894px;
    height: 310px;
    margin: 0 auto;
    background: url(../img/x_b11a.png) 0 0 no-repeat;
    color: #fff;
    font-size: 1.6rem;
    text-align: left;
    padding: 49px 95px 0px 110px;
    box-sizing: border-box;
}
.b11-text>p{
	line-height: 24px;
	opacity: 0;
}