@charset "utf-8";
body{
	font-size:14px;
	font-family:"Microsoft Yahei","SimSun";
	color:#333;
}

a,a:hover{
	color:#333;
}

img{
	display: inline-block;
	vertical-align: middle;
	max-width:100%;
	max-height:100%;
}

h1,h2,h3,h4,h5{
	font-family:"Microsoft Yahei","SimHei";
	overflow:hidden;
}

p,li{
	overflow:hidden;
}

.section{
	background-position:center center;
	background-repeat:no-repeat;
	background-size:100% 100%;
}

#page1{ background-image:url(../images/page1.jpg); }
#page2{ background-image:url(../images/page2.jpg); }
#page3{ background-image:url(../images/page2.jpg); }
#page4{ background-image:url(../images/page2.jpg); }
#page5{ background-image:url(../images/page2.jpg); }
#page6{ background-image:url(../images/page2.jpg); }

#page1 .topic{
	position: absolute;
	width: 40.5%;
	height: 70%;
	top: 6.5%;
	left: 22.5%;
	text-align: center;
}

#page1 .mouse{
	position: absolute;
	width: 7.6%;
	height: 6.1%;
	bottom: 14%;
	left: 46.2%;
	text-align: center;
}

.top{
	position: absolute;
	width: 23.9%;
	height: 14.3%;
	top: 0;
	left: 38.2%;
}

.top img{
	vertical-align: top;
}

#page2 .box li{
	display: none;
}

#page2 .box li.on{
	display: block;
}

.tab1 .news{
	position: absolute;
	width: 62.5%;
	left: 18.75%;
	top: 17.3%;
	border-bottom: 1px solid #eee7ef;
	background: url(../images/p2-news.png) no-repeat 13.8% center;
	background-size: 7.9% auto;
	padding-bottom: 25px;
}

.tab1 .news h2{
	font-size: 40px;
	line-height: 50px;
	height: 50px;
	margin: 0px 16% 0px 24%;
}

.tab1 .news h2 a:hover{
	text-decoration: none;
	color: #f94444;
}

.tab1 .news p{
	line-height: 24px;
	height: 48px;
	color: #7c7c7c;
	margin: 10px 16% 0px 24%;
	font-size: 14px;
	overflow: hidden;
}

.tab1 .news p a{
	color: #f94444;
}

@media (max-width: 1450px) {
	.tab1 .news{ padding-bottom: 18px; }
	.tab1 .news h2{ font-size: 28px; line-height: 36px; height: 36px; }
	.tab1 .news p{ line-height: 15px; height: 30px; margin-top: 7px; font-size: 12px; }
}
@media (min-width: 1450px) and (max-width: 1610px) {
	.tab1 .news{ padding-bottom: 20px; }
	.tab1 .news h2{ font-size: 33px; line-height: 42px; height: 42px; }
	.tab1 .news p{ line-height: 20px; height: 40px; margin-top: 8px; font-size: 13px; }
}

.tab1 .main{
	position: absolute;
	width: 56.1%;
	left: 21.95%;
	height: 44%;
	top: 34.3%;
	text-align: center;
}

.tab2{
	position: absolute;
	width: 57.6%;
	left: 21.7%;
	height: 71%;
	top: 11.5%;
	text-align: center;
}

.tab3{
	position: absolute;
	width: 60.1%;
	left: 20.3%;
	height: 56.6%;
	top: 14.7%;
	text-align: center;
}

.tab4{
	position: absolute;
	width: 52.7%;
	left: 23.8%;
	height: 58.8%;
	top: 16.8%;
	text-align: center;
}

.tab5 .main1{
	position: absolute;
	width: 28.4%;
	left: 26%;
	height: 57.8%;
	top: 17.6%;
	text-align: center;
}

.tab5 .main2{
	position: absolute;
	width: 14.8%;
	right: 28.1%;
	height: 56.6%;
	top: 18.1%;
	text-align: center;
}

.tab5 .main2 .code{
	position: absolute;
	width: 46%;
	left: 27%;
	top: 31.8%;
	height: 24.5%;
}

.tab5 .main2 p{
	position: absolute;
	width: 88%;
	left: 6%;
	top: 72.5%;
	font-size: 16px;
}

@media (max-width: 1450px) {
	.tab5 .main2 p{ font-size: 12px; }
}
@media (min-width: 1450px) and (max-width: 1610px) {
	.tab5 .main2 p{ font-size: 14px; }
}

.btn{
	position: absolute;
	width: 100%;
	height: 6px;
	bottom: 15%;
	left: 0px;
	text-align: center;
	z-index: 999;
}

.btn span{
	display: inline-block;
	vertical-align: top;
	width: 32px;
	height: 6px;
	border-radius: 3px;
	cursor: pointer;
	background: #dcdcdc;
	margin: 0px 8px;
}

.btn .current{
	background: #fd6469;
}