@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;
}



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

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

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

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

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

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

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

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






/*css样式添加开始*/
#page7{ background-image:url(../images/page2.jpg); }
#page8{ background-image:url(../images/page2.jpg); }
#page9{ background-image:url(../images/page2.jpg); }
#page10{ background-image:url(../images/page2.jpg); }

.main3{
	width:1200px;
	position:absolute;
	top:19.2%;
	left:50%;
	margin-left:-600px;
}

.title{
	background:url(../images/title.png) no-repeat left center;
	font-size:30px;
	color:#2456d2;
	text-align:center;
	font-weight:bold;
}
.title img{
	display:inline-block;
	margin-right:14px;
}
#page9 .title img{
	margin-right:9px;
}

.list1{
	margin:2% 0 0 -90px;
	zoom:1;
}
.list1 li{
	width:340px;
	float:left;
	display:inline;
	margin:2.5% 0px 0px 90px;
	overflow:hidden;
	height:48px;
}
.list1 li h5{
	width:115px;
	height:40px;
	display:block;
	background:url(../images/h6.png) no-repeat;
	float:left;
	font-size:18px;
	text-align:center;
	color:#fff;
	text-decoration:none;
	line-height:40px;
	font-weight:normal;
}
.list1 li p{
	width:209px;
	float:right;
	font-size:16px;
	line-height:24px;
	max-height:48px;
	color:#333;
	margin-top:-3px;
}




.list2{
	margin-left:-64px;
	zoom:1;
}
.list2 li{
	width:176px;
	float:left;
	display:inline;
	margin:1.5% 0px 0px 64px;
	overflow:hidden;
	text-align:center;
}
.list2 .pic{
	width:176px;
	height:317px;
	background:url(../images/pic.png) no-repeat;
}
.list2 .pic img{
	width:162px;
	height:250px;
	margin:37px 0px 0px 7px;
}
.list2 li p{
	font-size:14px;
	color:#333;
	line-height:20px;
	height:20px;
	margin:4% 0 2% 0;
}
.list2 li h5{
	font-size:16px;
	text-align:center;
	width:90px;
	height:28px;
	background:#fa7051;
	text-align:center;
	line-height:28px;
	border-radius:13px;
	margin-left:40px;
}
.list2 li h5 a{
	color:#fff;
}



.list3{
	margin-left:-42px;
	zoom:1;
}
.list3 li{
	width:204px;
	height:190px;
	border:1px solid #e5e5e5;
	background:#fafafa;
	position:relative;
	float:left;
	display:inline;
	margin:1.5% 0px 0px 42px;
	overflow:hidden;
}
.list3 li .pic img{
	width:204px;
	height:115px;
}
.list3 li .play{
	width:28px;
	height:28px;
	background:url(../images/play.png) no-repeat;
	position:absolute;
	top:49px;
	left:88px;
	cursor:pointer;
}
.list3 li h5{
	font-size:14px;
	line-height:18px;
	max-height:36px;
	margin:8px 11px 3px 11px;
}
.list3 li p{
	font-size:14px;
	color:#666;
	border-top:1px solid #eee;
	line-height:26px;
	max-height:26px;
	margin:0px 11px;
}



#flip{
	text-align:center;
	margin-top:2.6%;
	height:36px;
}

#flip span{
	margin:0px 12px;
	background:url(../images/span1.png) no-repeat;
	font-size:16px;
	padding:7px 14px;
	cursor:pointer;
}
#flip span.current{
	background:url(../images/span2.png) no-repeat;
	color:#fff;
	text-decoration:none;
}

#page7 #flip{margin-top:5%;}
#page8 #flip{margin-top:4%;}

/*css样式添加结束*/


/*20190315开始*/

#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;
}



@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;
}
/*20190315结束*/