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

@media (max-width: 380px) {
	body{ font-size:14px; }
}

@media (max-width: 325px) {
	body{ font-size:12px; }
}

@media (min-width: 760px) {
	body{ font-size:22px; }
}

a{
	color:#000;
}

img{
	display:block;
	width: 100%;
	height: auto;
}

.fw{
	color: #fff;
}

.fw a{
	color: #fff;
}

.fw a:hover{
	color: #dfdfdf !important;
}

.wrapper{
	width:100%;
	margin:0px auto;
	overflow:hidden;
}

.w1170{
	width:100%;
	margin:0px auto;
}

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

p,li{
	overflow:hidden;
}

#cover{
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background: url(images/cover-bg.jpg);
	background-size: 100% 100%;
	z-index: 9999;
}

#cover .topic{
	position: absolute;
	width: 44%;
	left: 28%;
	height: 60%;
	top: 10%;
	background: url(images/cover-topic.png) no-repeat center center;
	background-size: contain;
}

#cover .btn{
	position: absolute;
	width: 34%;
	height: 6.9%;
	left: 33%;
	bottom: 16%;
	background: url(images/cover-btn.png) no-repeat center center;
	background-size: contain;
}

@-ms-keyframes cover1{
	from{ filter:alpha(opacity=0); opacity:0; top: -10%; transform:scale(0.8,0.8); }
	to{ }
}
@-moz-keyframes cover1{
	from{ filter:alpha(opacity=0); opacity:0; top: -10%; transform:scale(0.8,0.8); }
	to{ }
}
@-o-keyframes cover1{
	from{ filter:alpha(opacity=0); opacity:0; top: -10%; transform:scale(0.8,0.8); }
	to{ }
}
@-webkit-keyframes cover1{
	from{ filter:alpha(opacity=0); opacity:0; top: -10%; transform:scale(0.8,0.8); }
	to{ }
}
@keyframes cover1{
	from{ filter:alpha(opacity=0); opacity:0; top: -10%; transform:scale(0.8,0.8); }
	to{ }
}

#cover .topic{
	animation:'cover1' 0.8s ease-in-out 0s forwards;
	-ms-animation:cover1 0.8s ease-in-out 0s forwards;
	-moz-animation:cover1 0.8s ease-in-out 0s forwards;
	-o-animation:'cover1' 0.8s ease-in-out 0s forwards;
	-webkit-animation:'cover1' 0.8s ease-in-out 0s forwards;
}

@-ms-keyframes cover2{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(1.2,1.2); }
	to{ }
}
@-moz-keyframes cover2{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(1.2,1.2); }
	to{ }
}
@-o-keyframes cover2{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(1.2,1.2); }
	to{ }
}
@-webkit-keyframes cover2{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(1.2,1.2); }
	to{ }
}
@keyframes cover2{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(1.2,1.2); }
	to{ }
}

#cover .btn{
	animation:'cover2' 0.8s ease-in-out 0s forwards;
	-ms-animation:cover2 0.8s ease-in-out 0s forwards;
	-moz-animation:cover2 0.8s ease-in-out 0s forwards;
	-o-animation:'cover2' 0.8s ease-in-out 0s forwards;
	-webkit-animation:'cover2' 0.8s ease-in-out 0s forwards;
}

#header2,#nav,#footer,#erji .tree,#erji .box{
	display: none;
}

#phone-header{
	background: #c82442;
	padding: 1em 3%;
}

#phone-header .icon{
	width: 4.4%;
}

#phone-header .logo{
	width: 42%;
}

#phone-header .icon2{
	width: 17%;
}

#phone-nav{
	position: relative;
	height: 2.2em;
	line-height: 2.2em;
	overflow: hidden;
	width: 100%;
	border-bottom: 1px solid #e5e5e5;
}

#phone-nav ul{
	white-space:nowrap;
	overflow-x: scroll;
}

#phone-nav li{
	display: inline-block;
	font-size: 1.1em;
	margin: 0px 3%;
}

#phone-nav li a{
	color: #666;
}

#phone-nav .current,#phone-nav .current a{
	color: #c82442;
	font-weight: bold;
}

#phone-nav .cover{
	position: absolute;
	width: 4.5%;
	height: 100%;
	right: 0px;
	top: 0px;
	background: #fff;
	z-index: 99;
}

#phone-footer{
	padding: 2.5em 3% 0px 3%;
	background: #f5f5f5;
	text-align: center;
	position: relative;
}

#phone-footer .to-top{
	position: absolute;
	right: 3%;
	top: 2.5em;
	width: 1.9em;
	height: 1.9em;
	background: url(images/to-top.png);
	background-size: 100% 100%;
}

#phone-footer .text{
	border-top: 1px solid #e3e3e3;
	color: #9c9c9c;
	line-height: 1.5em;
	padding: 1em 0px;
}

#phone-footer .text p{
	font-size: 0.94em;
}

#phone-footer .text a{
	color: #9c9c9c;
}

#phone-footer .code{
	width: 60%;
	margin: 0px auto;
	padding-bottom: 1.2em;
}

#phone-footer .code li{
	display: inline-block;
	vertical-align: top;
	width: 5em;
	margin: 0px 5%;
}

#phone-footer .code img{
	width: 5em;
	height: 5em;
}

#phone-footer .code p{
	color: #666;
	font-size: 0.94em;
	margin-top: 0.3em;
}

.focus{
	position: relative;
}

.focus p{
	position: absolute;
	width: 100%;
	bottom: 1.5em;
	left: 0px;
	font-size: 0.9em;
	height: 1.8em;
	line-height: 1.8em;
	color: #fff;
	text-align: center;
	z-index: 9;
}

.focus p a{
	color: #fff;
}

.focus .shadow{
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 3.5em;
	background: url(images/shadow1.png) center bottom;
	background-size: auto 100%;
	z-index: 1;
}

.focus .point{
	position: absolute;
	width: 100%;
	left: 0px;
	bottom: 0.5em;
	text-align: center;
	height: 0.4em;
	z-index: 10;
}

.focus .point span{
	display: inline-block;
	vertical-align: top;
	background: #fff;
	border-radius: 0.2em;
	margin: 0px 0.5%;
	height: 0.4em;
	width: 0.4em;
}

.focus .point .current{
	width: 0.7em;
}

.circle{
	margin-top: 1em;
}

.circle li{
	float: left;
	text-align: center;
	width: 25%;
	margin-top: 0.8em;
}

.circle img{
	display: inline-block;
	vertical-align: top;
	width: 56%;
}

.circle p{
	color: #333;
	font-size: 0.82em;
	line-height: 1.2em;
	margin-top: 0.5em;
}

.headline{
	margin-top: 1.5em;
	background: #f5f5f5;
	padding: 1.3em 3% 1em 3%;
	text-align: center;
}

.headline h3{
	font-size: 1.2em;
	line-height: 1.6em;
}

.headline h3 a{
	color: #c72341;
}

.headline p{
	font-size: 0.8em;
	line-height: 1.2em;
	margin-top: 0.5em;
}

.headline p a{
	color: #333;
}

.headline .more{
	font-size: 0.8em;
	line-height: 1.2em;
	margin-top: 1em;
}

.headline .more a{
	color: #a19090;
}

.block{
	border-bottom: 0.94em solid #f5f5f5;
	padding: 1.3em 0px;
}

.title{
	margin: 0px 3%;
	background: url(images/title.png) no-repeat left center;
	background-size: 1.3em 1.3em;
	padding-left: 1.8em;
	line-height: 1.5em;
}

.title span{
	color: #820333;
	font-size: 1.25em;
}

.title span a{
	color: #820333;
}

.list1{
	margin-top: 0.8em;
	overflow: hidden;
}

.list1 li{
	border-top: 1px solid #e8e8e8;
	margin-top: -1px;
	height: 2.4em;
	line-height: 2.4em;
	font-size: 1em;
	padding: 0px 3%;
}

.list2{
	margin: 1em 3% 0px 3%;
}

.list2 li{
	width: 49%;
}

.list2 .photo{
	border-radius: 0.2em;
	overflow: hidden;
	position: relative;
}

.list2 .photo span{
	position: absolute;
	width: 2.4em;
	height: 2.4em;
	left: 50%;
	top: 50%;
	margin: -1.2em 0px 0px -1.2em;
	background: url(images/play.png);
	background-size: 100% 100%;
}

.list2 p{
	font-size: 0.8em;
	color: #333;
	text-align: center;
	line-height: 1.5em;
	margin-top: 0.5em;
}

.list3{
	white-space:nowrap;
	overflow-x: scroll;
	margin-top: 1.5em;
	padding: 0px 2.4%;
}

.list3 li{
	vertical-align: top;
	display: inline-block;
	width: 93%;
	margin: 0px 0.6%;
	border-radius: 0.3em;
	overflow: hidden;
	position: relative;
}

.list3 .shadow{
	position: absolute;
	width: 100%;
	left: 0px;
	bottom: 0px;
	height: 3.9em;
	background: url(images/shadow2.png);
	background-size: auto 100%;
	z-index: 1;
}

.list3 p{
	position: absolute;
	left: 4%;
	width: 92%;
	bottom: 0.8em;
	white-space: normal;
	color: #fff;
	font-size: 0.94em;
	line-height: 1.2em;
	z-index: 9;
}

.headline2{
	margin: 1.5em 3% 0px 3%;
}

.headline2 h3{
	font-size: 1.2em;
	line-height: 1.6em;
}

.headline2 h3 a{
	color: #333;
}

.headline2 p{
	font-size: 0.8em;
	line-height: 1.4em;
	margin-top: 0.5em;
	color: #adadad;
}

.list5{
	white-space:nowrap;
	overflow-x: scroll;
	margin-top: 1.5em;
	padding: 0px 2%;
}

.list5 li{
	vertical-align: top;
	display: inline-block;
	width: 72%;
	margin: 0px 1%;
	padding: 1em 4%;
	border-radius: 0.3em;
	overflow: hidden;
	position: relative;
	border: 1px solid #e5e5e5;
}

.list5 h3{
	white-space: normal;
	height: 2.8em;
	line-height: 1.4em;
	font-weight: normal;
	font-size: 1.1em;
	color: #333;
}

.list5 p{
	white-space: normal;
	font-size: 0.8em;
	line-height: 1.4em;
	color: #adadad;
	margin-top: 0.5em;
	height: 4.2em;
}