a {
	text-decoration: none;
	color:#333;
}

a:hover{
	text-decoration:none;
}
.page1 { background: url(images/01.jpg) no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}
.page2 { background: url(images/02.jpg) no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}
.page3 { background: url(images/03.jpg) no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}
.page4 { background: url(images/04.jpg) no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}
.page5 { background: url(images/05.jpg) no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}
.page6 { background: #FEFAD8;}

.page6b1 { background: url(images/case/01.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}
.page6b2 { background: url(images/case/02.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}
.page6b3 { background: url(images/case/03.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}
.page6b4 { background: url(images/case/04.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}
.page6b5 { background: url(images/case/05.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}
.page6b6 { background: url(images/case/06.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}
	
.page7 { background: url(images/07.jpg) no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}

.page1 .title { position: relative; top: 10%; font: 200 53px "Microsoft Yahei"; color: #0F76CA; text-align: center;}
.page1 .logo{position: relative; top: 8%; text-align:center;}
.page1 p {font-family:Arial, Helvetica, sans-serif; font-size:20px; line-height:30px; margin:0 auto; width:67%; position: relative; top:13%; color: #444; text-align:center;}
.scroll {position:relative; top:63%; width:10%; left:95%;}

.page2 .title { position: relative; top: 20%; left:50%; font: 200 53px "Microsoft Yahei"; color: #333; width:50%;}
.page2 .icon { position: relative; top:19%; left:50%; width:50%;}
.page2 ul {position: relative; top: 20%; left:49%; font:200 20px "Microsoft Yahei"; color:#666;}
.page2 ul li {line-height:40px;}

.page3 .title { position: relative; top: 24%; left:50%; font: 200 53px "Microsoft Yahei"; color: #fff; width:50%;}
.page3 ul {position: relative; top: 24%; left:49%; font:200 20px "Microsoft Yahei"; color: #F8FBD5;}
.page3 ul li {line-height:40px;}

.page4 .title { position: relative; top:8%; font: 200 53px "Microsoft Yahei"; color: #000; text-align:center;}
.page4 ul {position: relative; top:5%; font:200 20px "Microsoft Yahei"; color: #333; margin:0 auto; width:50%;}
.page4 ul li {line-height:40px;}

.page5 .title { position: relative; top: 25%; left:9%; font: 200 53px "Microsoft Yahei"; color: #E1B88E; width:40%;}
.page5 ul {position: relative; top: 22%; left:8%; font:200 20px "Microsoft Yahei"; color: #F8FBD5;width:54%;}
.page5 ul li {line-height:40px;}

.page6 .title { position: relative; top:0; font:200 53px "Microsoft Yahei"; color: #900; text-align:center; line-height:40px;}
.page6 ul {margin:0; padding:0;}
.page6 ul li { width:33%;list-style:none;float:left; }
.page6 .redbox { padding:27% 0; display:block; background: #FEFAD8; color: #444; text-align:center; transition: opacity 1s;font: 200 30px "Microsoft Yahei";opacity:0.9;}
.page6 .redbox:hover { opacity:0;}

.page7 .title { font: 200 40px "Microsoft Yahei"; color: #039; text-align:center; padding:1% 0 0.5% 0;}
.page7 ul {margin:0 auto; padding:0; width:50%;}
.page7 ul li {width:50%; float:left; list-style:none; color: #666; text-align:center; transition: opacity 0.5s;font: 200 20px "Microsoft Yahei"; opacity:0.9; border:#FFF 1px solid inset;}
.page7 ul li:hover { opacity:0.5;}
.page7 ul li img {border:#CCC 1px solid;
  width: auto;
  height : auto;
  max-height: 65%;
  max-width: 65%;
}
.p7bottom ul {width:40%;}
.p7bottom ul li {width:50%;}

@media only screen  and (max-width: 1500px) {
.page1 .title {font: 200 40px "Microsoft Yahei";}
.page1 p {line-height:20px; font-size:13px; width:55%;}
.scroll {position:relative; top:45%; width:10%; left:92%;}

.page2 .title {font: 200 40px "Microsoft Yahei";}
.page2 ul {font: 400 16px "Microsoft Yahei";}
.page2 ul li {line-height:25px;}

.page3 .title {font: 200 40px "Microsoft Yahei";}
.page3 ul {font: 400 16px "Microsoft Yahei";}
.page3 ul li {line-height:25px;}

.page4 .title {font: 200 40px "Microsoft Yahei"; top:5%;}
.page4 ul {font:200 16px "Microsoft Yahei";top:3%;}
.page4 ul li {line-height:25px;}

.page5 .title { position: relative; top: 15%; left:9%; font: 200 40px "Microsoft Yahei"; color: #fff; width:40%;}
.page5 ul {position: relative; top: 15%; left:8%; font:200 16px "Microsoft Yahei"; color: #F8FBD5;width:40%;}
.page5 ul li {line-height:25px;}

.page6 .title {font: 200 30px "Microsoft Yahei";}
.page6 .redbox {font: 400 20px "Microsoft Yahei";}

.page7 .title {font: 200 20px "Microsoft Yahei";}
.page7 ul li {font: 200 14px "Microsoft Yahei";}


.page1 { background: url(images/01.jpg) no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}

}