.pageBox{
	opacity: 0.9;
	width: 20%;
	height: 50%;
	position: absolute;
	vertical-align: middle;
	background: white;
	text-align: center;
	padding: 10px;
	box-sizing: border-box;
	display: none;
	
}
.bg{
	transition: background 1s;
}
.lastPic{
	width: 80px;
	height: 110px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top:-55px;
	background: url(../images/lastPic.png) ;
	transition: background 1s;
	display: none;
}
.lastPic:hover{
	background: url(../images/lastPicAct.png);
}
.nextPic{
	width: 80px;
	height: 110px;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top:-55px;
	background: url(../images/nextPic.png);
	display: none;
}
.rightBox{
	top: 25%;
	right: 10%;
}
.leftBox{
	top: 25%;
	left:10%;
}
.pull{
	display: inline-block;
	background: url(images/pull.png);
	background-size: 100%;
	width: 100%;
	height:60%;

}
.pullimg1{
	padding-top: 20%;
	width: 50%;
	height: 60%;
	margin-bottom: 3%;
}
.pageBox b{
	 font-size: 23px;
    color: black;
    display: block;
    margin-top: 36px;

}
.pullTxt{
	width: 80%;
	margin: 3% auto;
	line-height: 150%;
	font-size: 13px;
}
.boxTxt{
	font-weight:100;
	position: absolute;
	left:5%; 
	bottom: 15%;
	font-size: 35px;
	color: white;
}
.point{
	display: inline-block;
	width: 50px;
	height: 50px;
	background: url(../images/yellowPoint.png);
	background-size: cover;
	position: absolute;
	z-index: 10;
	cursor: pointer;
}

.point1{
	right: 8%;
	top: 48%;
}
.point2{
	left: 58%;
	top: 52%;
}
.point3{
	left: 65%;
	top: 45%;
}
.point4{
	left: 41%;
	top: 61%;
}
.point5{
	left: 9%;
	top: 57%;
}
.point6{
	left: 65.5%;
	top: 45%;
}
.navBar{
	width: 50px;
	height: 250px;
	position: absolute;
	right: 1%;
	bottom: 10%;
}
.navBar ul li{
	position: absolute;
	text-align: center;
	line-height: 50px;
	width: 50px;
	height: 50px;
	background: url(../images/CodeBg.png);
}
.navBar ul li img{
	vertical-align:middle;
	margin: auto;  
}
/*以下是page2*/
.pullimg2{
	width: 100%;
	height: 100%;
	margin-bottom: 8%;
	padding-top: 0;

}
.borderBox{
	width: 100%;
	height: 100%;
	border: 1px solid gray;
	z-index: 9999;
	margin: 0;
	padding: 5%;
	box-sizing: border-box;
}
.borderBox div{
	width: 80%;
	margin: 3% auto;
	line-height: 150%;
	font-size: 13px;
}
.page2left{
	left: 9%;
}
.page2right{
	right: 9%;
}
.bd2Content{
	width: 85%;
	height: 65%;
	margin: 10% auto 0;
}
.bd2Content ul {
	width: 100%;
	height: 100%;
}
.bd2Content ul li{
	float: left;
	width: 30%;
	height: 84%;
	margin: 0 1%;
	background: #fff;
}
.bd2Box{
	width: 100%;
	height: 68%;
	background: white;
	padding: 5% 5% 0 5%;
	box-sizing: border-box;
	text-align: center;
}
.bd2Box img{
	max-width: 100%;
	/* height: 85%; */
	margin-bottom: 7%;
}
.bd2Box h1{
	font-size:23px;
	font-weight: 600;
	text-align: center;
	margin-top: 4%;
}
.bd2Tex{
	margin-top: 4%;
	width: 100%;
	padding: 0 7%;
	box-sizing: border-box;
	text-align: center;
	line-height: 24px;
}

@media screen and (max-width: 1446px) {
  .bd2Content ul li{height:auto;padding-bottom: 10px;}
}