@charset "utf-8";
/* CSS Document */
*{
	margin:0;
	padding:0;
	outline:none;
	font-family:"思源黑体 CN";
}
li,a{
	list-style:none;
	text-decoration:none;
}
img{
	border:none;
	vertical-align:middle;
}
html{
	font-size:30px;
}
.xxk{
	display:none;
}
.body{
max-width:24rem;
margin:0 auto;
position:relative;
overflow:hidden;
}
.body:after,.body:before{
content:"";
display:block;
clear:both;
}
.fix{
	position:fixed;
	top:0;
	left:0;
	z-index:15;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.top{
	height:3rem;
	width:100%;
	position:relative;
	background:#fff;
}
.top .meun{
	height:3rem;
	width:3rem;
	background:url(../img/line.png) center right no-repeat;
	text-align:center;
	line-height:3rem;
}
.top .meun img{
	display:inline-block;
	width:60%;
	margin-top:0.9rem;
}
.top .logo{
	width:100%;
	height:100%;
	text-align:center;
}
.nav{
	width:100%;
	position:fixed;
	left:0;
	top:3rem;
	height:100%;
	background:rgba(0,0,0,.6);
	z-index:15;
	display:none;
}
.nav ul{
	display:block;
	width:10rem;
	position:absolute;
	top:0;
	left:0;
	background:#fff;
}
.nav ul li:hover .head{
	background:#ffb900;
	color:#fff;
}
.nav ul .head{
	height:2.3rem;
	width:95%;
	padding-left:5%;
	color:#666;
	font-size:0.9rem;
	line-height:2.3rem;
	display:block;
}
.nav ul li .wrap{
	width:90%;
	padding-left:10%;
	display:none;
	background:#f8f8f8;
}
.nav ul li .wrap a:hover{
	color:#ffb900;
}
.nav ul li .wrap a{
	color:#666;
	font-size:0.8rem;
	height:2.3rem;
	line-height:2.3rem;
	display:block;
}
.top .logo img{
	display:inline-block;
	height:80%;
	margin-top:0.3rem;
}
.banner{
	width:100%; 
	height:11.7rem; 
	overflow:hidden; 
	position:relative;
	font-size:0;
}
.b-img{
	height:11.7rem;   
	position:absolute; 
	left:0; 
	top:0;
}
.b-img a{
	display:block; 
	height:11.7rem;  
	float:left;
	background-size:100% 100%;
}
.bar-left{
	position:absolute; 
	z-index:1; 
	display:block; 
	width:100px; 
	height:100%; 
	left:0px; 
	background:none; 
	top:0px; 
}
.bar-right{
	position:absolute;
	z-index:1; 
	display:block; 
	width:100px; 
	height:100%; 
	right:0px; 
	background:none; 
	top:0px;
}
.bar-left em{
	display:block; 
	width:1rem; 
	height:1.7rem; 
	background-image:url(../img/arrow-left.png); 
	margin:0 auto; 
	margin-top:5rem;
	background-size:100% 100%;
	background-repeat:no-repeat;
}
.bar-right em{
	display:block; 
	width:1rem;
	height:1.7rem; 
	background:url(../img/arrow-right.png); 
	margin:0 auto; 
	margin-top:5rem;
	background-size:100% 100%;
	background-repeat:no-repeat;
}
.bar-left .emcss{
	background-position:0px -100px;
}
.bar-right .emcss{
	background-position:-50px -100px;
}
.content{
	width:97%;
	padding:0 1.5%;
}
.content:after{
	content:"";
	display:block;
	clear:both;
}
.content .index_latest{
	position:relative;
	width:100%;
	margin-top:0.7rem;
}
.content .index_latest:after{
	content:"";
	display:block;
	clear:both;
}
.content .index_latest .title{
	width:9.5rem;
	height:2.1rem;
	margin-bottom:0.8rem;
}
.content .index_latest .title img{
	width:100%;
}
.content .index_latest .more{
	position:absolute;
	right:0;
	top:0.8rem;
}
.content .index_latest .more a{
	font-size:1rem;
	color:#999;
}
.content .index_latest ul:after{
	content:"";
	clear:both;
	display:block;
}
.content .index_latest ul li{
	width:11rem;
	height:10.3rem;
	float:left;
	margin-right:0.8rem;
	box-shadow:0px 2px 5px #ddd;
	margin-bottom:0.3rem
}
.content .index_latest ul li img{
	width:100%;
}
.content .index_latest ul li .font{
	width:95%;
	padding:0 2.5%;
	height:2.3rem;
	background:#f8f8f8;
}
.content .index_latest ul li .font p{
	font-size:0.8rem;
	color:#333;
	max-height:1.2rem;
	overflow:hidden;
}
.content .index_latest ul li .font span{
	font-size:0.6rem;
	color:#aaa;
}


.content .index_show{
	position:relative;
	width:100%;
	margin-top:0.7rem;
}
.content .index_show:after{
	content:"";
	display:block;
	clear:both;
}
.content .index_show .title{
	width:9.5rem;
	height:2.1rem;
	margin-bottom:0.8rem;
}
.content .index_show .title img{
	width:100%;
}
.content .index_show .more{
	position:absolute;
	right:0;
	top:0.8rem;
}
.content .index_show .more a{
	font-size:1rem;
	color:#999;
}
.content .index_show ul:after{
	content:"";
	clear:both;
	display:block;
}
.content .index_show ul li{
	width:11rem;
	height:14.666rem;
	float:left;
	margin-right:0.8rem;
	box-shadow:0px 2px 5px #ddd;
	margin-bottom:0.3rem;
	overflow:hidden;
	position:relative;
}
.content .index_show ul li img{
	width:100%;
}
.content .index_show ul li .font{
	width:100%;
	height:2rem;
	padding:0.5rem 0;
	background:rgba(0,0,0,.6);
	position:absolute;
	right:0;
	bottom:-3rem;
	transition:all 0.3s;
	text-align:center;
}
.content .index_show ul li:hover .font{
	bottom:0;
}
.content .index_show ul li .font p{
	font-size:0.9rem;
	color:#fff;
	max-height:1.2rem;
	overflow:hidden;
}
.content .index_show ul li .font span{
	font-size:0.8rem;
	color:#fff;
}
.content .index_film{
	position:relative;
	width:100%;
	margin-top:0.7rem;
}
.content .index_film .title{
	width:100%;
	text-align:center;
	height:2.3rem;
	margin-bottom:1rem;
}
.content .index_film .title img{
	height:100%;
	display:inline-block;
}
.content .index_film .video{
	width:100%;
}
.content .index_about{
	position:relative;
	width:100%;
	margin-top:0.7rem;
}
.content .index_about .title{
	width:100%;
	text-align:center;
	height:2.3rem;
	margin-bottom:1rem;
}
.content .index_about .title img{
	height:100%;
	display:inline-block;
}
.content .index_about ul li{
	width:100%;
	height:14.6rem;
	margin-bottom:0.7rem;
	position:relative;
	overflow:hidden;
}
.content .index_about ul li img{
	width:100%;
}
.content .index_about ul li .font{
	height:2rem;
	padding:0.5rem 0;
	background:rgba(0,0,0,.6);
	text-align:center;
	position:absolute;
	right:0;
	width:100%;
	bottom:-3rem;
	transition:all 0.3s;
}
.content .index_about ul li:hover .font{
	bottom:0rem;
}
.content .index_about ul li .font p{
	font-size:0.8rem;
	color:#fff;
}
.content .index_about ul li .font span{
	color:#fff;
	font-size:0.8rem;
}
.content .index_friend{
	position:relative;
	width:95%;
	margin-top:0.7rem;
	padding:0.3rem 2.5%;
	border:1px solid #ddd;
	margin-bottom:1.5rem;
}
.content .index_friend h2{
	font-size:0.8rem;
	color:#333;
}
.content .index_friend ul:after{
	content:"";
	clear:both;
	display:block;
}
.content .index_friend ul li{
	float:left;
	width:3rem;
	margin-right:2.4rem;
	color:#999;
	font-size:0.7rem;
	margin-top:0.3rem;
}
.content .index_friend ul li a{
	color:#999;
	font-size:0.7rem;
}
.end{
	width:100%;
	padding:0.3rem 0;
	background:#333;
}
.end:after{
	content:"";
	display:block;
	clear:both;
}
.end .font{
	width:14rem;
	padding:0.8rem;
	float:left;
}
.end .font h2{
	font-size:1rem;
	color:#fff;
}
.end .font i{
	display:inline-block;
	height:1.1rem;
	width:1.1rem;
}
.end .font i img{
	height:80%;
}
.end .font li:nth-child(1) i img{
	height:100%;
}
.end .font span{
	font-size:0.7rem;
	color:#fff;
	display:inline-block;
	margin-left:0.2rem;
}
.end .erweima{
	width:6.7rem;
	float:left;
	padding-top:0.8rem;
	text-align:center;
}
.end .erweima img{
	width:100%;
}
.end .erweima p{
	font-size:0.7rem;
	color:#666;
	margin-top:0.2rem;
}
.bottom{
	width:100%;
	background:#282828;
	text-align:center;
	padding:0.3rem 0;
}
.bottom:after{
	content:"";
	display:block;
	clear:both;
}
.bottom p{
	font-size:0.7rem;
	color:#999;
}

/**  stroe **/
.stroe{
	width:100%;
	margin-bottom:1.5rem;
}
.stroe:after{
	content:"";
	clear:both;
	display:block;
}
.stroe .title{
	width:100%;
	height:2rem;
	margin:0.6rem 0;
}
.stroe .title img{
	height:100%;
}
.stroe .name{
	width:100%;
	padding:1rem 0;
	border-top:1px solid #ddd;
}
.stroe .name:after{
	content:"";
	display:block;
	clear:both;
}
.stroe .name ul:after{
	content:"";
	display:block;
	clear:both;
}
.stroe .name li{
	height:2.3rem;
	width:7rem;
	border-radius:1.1rem;
	text-align:center;
	line-height:2.3rem;
	border:1px solid #ddd;
	font-size:1rem;
	color:#aaaaaa;
	float:left;
	margin-left:0.9rem;
	margin-bottom:0.6rem;
}
.stroe .name li:nth-child(4){
	margin-left:0;
}
.stroe .name li:nth-child(1){
	margin-left:0;
}
.stroe .name li.index{
	color:#ffbb07;
	border:1px solid #ffbb07;
}
.stroe .name_con{
	width:100%;
	margin-bottom:1.5rem;
}
.stroe .name_con:after{
	content:"";
	clear:both;
	display:block;
}
.stroe .name_con ul{
	width:100%;
}
.stroe .name_con ul:after{
	content:"";
	clear:both;
	display:block;
}
.stroe .name_con ul li{
	width:11rem;
	height:12.2rem;
	float:left;
	margin-left:1rem;
	margin-bottom:1.3rem;
}
.stroe .name_con ul li img{
	width:100%;
}
.stroe .name_con ul li .font{
	width:98%;
	height:2.1rem;
	background:#f8f8f8;
	padding-top:0.2rem;
	padding-left:2%;
}
.stroe .name_con ul li:nth-child(1){
	margin-left:0;
}
.stroe .name_con ul li:nth-child(3){
	margin-left:0;
}
.stroe .name_con ul li .font p{
	font-size:0.7rem;
	color:#333;
	max-height:1.1rem;
	overflow:hidden;
}
.stroe .name_con ul li .font sub{
	font-size:0.6rem;
	color:#999;
}
.stroe .name_con ul li span{
	display:block;
	width:100%;
	height:1.9rem;
	text-align:center;
	line-height:1.9rem;
	background:#64493a;
	color:#fff;
	font-size:0.7rem;
}
/**  stroe-xq  **/
.stroe .explain{
	width:100%;
	padding:1rem 0;
	border-top:1px solid #ddd;
	text-align:center;
}
.stroe .explain:after{
	content:"";
	display:block;
	clear:both;
} 
.stroe .explain h2{
	font-size:1rem;
	color:#333;
}
.stroe .explain p{
	font-size:0.7rem;
	color:#666;
}
.stroe .pic{
	width:100%;
}
.stroe .pic .pic_nav{
	width:100%;
	padding:1rem 0;
	position:relative;
}
.stroe .pic .pic_nav span{
	display:inline-block;
	font-size:1rem;
	padding:0 0.7rem;
	color:#333;
	position:absolute;
	top:0;
	right:39%;
	background:#fff;
	top:0.2rem;
}
.stroe .pic:after{
	content:"";
	display:block;
	clear:both;
}
.stroe .pic li{
	height:8rem;
	width:11rem;
	float:left;
	margin-right:1rem;
	margin-bottom:0.7rem;
}
.stroe .pic li img{
	width:100%;
}
.stroe .pic_show{
	width:100%;
}
.stroe .pic_show .pic_nav{
	width:100%;
	padding:1rem 0;
	position:relative;
}
.stroe .pic_show .pic_nav span{
	display:inline-block;
	font-size:1rem;
	padding:0 0.7rem;
	color:#333;
	position:absolute;
	top:0;
	right:39%;
	background:#fff;
	top:0.2rem;
}
.stroe .pic_show ul:after{
	content:"";
	clear:both;
	display:block;
}
.stroe .pic_show ul li{
	width:11rem;
	height:14.7rem;
	float:left;
	margin-right:1rem;
	margin-bottom:0.7rem;
	position:relative;
	overflow:hidden;
}
.stroe .pic_show ul li img{
	width:100%;
}
.stroe .pic_show ul li .font{
	width:100%;
	height:2.4rem;
	background:rgba(0,0,0,.6);
	position:absolute;
	right:0;
	padding:0.3rem 0;
	bottom:-3rem;
	transition:all 0.3s;
	text-align:center;
	transition:all 0.3s;
}
.stroe .pic_show ul li:hover .font{
	bottom:0;
}
.stroe .pic_show ul li .font p{
	font-size:0.9rem;
	color:#fff;
}
.stroe .pic_show ul li .font span{
	font-size:0.8rem;
	color:#fff;
}
.map{
	width:100%;
	height:9.7rem;
	margin-bottom:1.5rem;
}
/** new **/
.news{
	width:100%;
	margin-bottom:1.5rem;
}
.news:after{
	content:"";
	clear:both;
	display:block;
}
.news .title{
	width:100%;
	height:2rem;
	margin:0.6rem 0;
}
.news .title img{
	height:100%;
}
.news .name{
	width:100%;
	padding:1rem 0;
	border-top:1px solid #ddd;
}
.news .name:after{
	content:"";
	display:block;
	clear:both;
}
.news .name li{
	height:2.3rem;
	width:7rem;
	border-radius:1.1rem;
	text-align:center;
	line-height:2.3rem;
	border:1px solid #ddd;
	font-size:1rem;
	color:#aaaaaa;
	float:left;
	margin-left:0.9rem;
	margin-bottom:0.6rem;
}
.news .name li:nth-child(4){
	margin-left:0;
}
.news .name li:nth-child(1){
	margin-left:0;
}
.news .name li.index{
	color:#ffbb07;
	border:1px solid #ffbb07;
}
.news .name_con{
	width:100%;
}
.news .name_con li{
	width:98%;
	height:8rem;
	padding-right:2%;
	background:#f8f8f8;
	margin-bottom:0.7rem;
}
.news .name_con ul .bt{
	text-align:center;
	height:1.8rem;
}
.news .name_con ul .bt a{
	display:inline-block;
	height:1.8rem;
	width:1.8rem;
	margin:0 0.3rem;
	text-align:center;
	line-height:1.8rem;
	color:#666;
	font-size:1rem;
	background:#f5f5f5;
	border-radius:50%;
}
.news .name_con ul .bt a.index{
	background:#ffbb07;
	color:#fff;
}
.news .name_con li img{
	float:left;
	height:100%;
	margin-right:0.2rem;
}
.news .name_con li h2{
	font-size:0.8rem;
	color:#333;
	font-weight:normal;
	padding-top:0.5rem;
}
.news .name_con li p{
	font-size:0.7rem;
	color:#666;
	line-height:1.2rem;
	margin:0.3rem 0;
	max-height:3.6rem;
	overflow:hidden;
}
.news .name_con li span{
	font-size:0.6rem;
	color:#999;
	display:inline-block;
}
/** latest   **/
.latest{
	width:100%;
	padding-top:0.5rem;
	border-top:1px solid #ddd;
	margin-bottom:1.5rem;
}
.latest:after{
	content:"";
	clear:both;
	display:block;
}
.latest .title{
	width:100%;
	height:2rem;
	margin:0.6rem 0;
}
.latest .title img{
	height:100%;
}

.latest li{
	 width:11rem;
	 height:10.3rem;
	 box-shadow:0 2px 10px #999;
	 float:left;
	 margin-right:1rem;
	 margin-bottom:1rem;
}
.latest li img{
	width:100%;
}
.latest li .font{
	width:95%;
	padding:0 2.5%;
	height:2.3rem;
	background:#f8f8f8;
}
.latest li .font p{
	font-size:0.8rem;
	max-height:1.2rem;
	overflow:hidden;
	color:#333;
}
.latest li .font span{
	font-size:0.6rem;
	color:#999;
}
.latest .bt{
	text-align:center;
	height:1.8rem;
	clear:both;
}
.latest .bt a{
	display:inline-block;
	height:1.8rem;
	width:1.8rem;
	margin:0 0.3rem;
	text-align:center;
	line-height:1.8rem;
	color:#666;
	font-size:1rem;
	background:#f5f5f5;
	border-radius:50%;
}
.latest .bt a.index{
	background:#ffbb07;
	color:#fff;
}
/** work  **/
.work{
	width:100%;
	margin-bottom:1.5rem;
}
.work:after{
	content:"";
	clear:both;
	display:block;
}
.work .title{
	width:100%;
	height:2rem;
	margin:0.6rem 0;
}
.work .title img{
	height:100%;
}
.work .name{
	width:100%;
	padding:1rem 0;
	border-top:1px solid #ddd;
}
.work .name:after{
	content:"";
	display:block;
	clear:both;
}
.work .name li{
	height:2.3rem;
	width:7rem;
	border-radius:1.1rem;
	text-align:center;
	line-height:2.3rem;
	border:1px solid #ddd;
	font-size:1rem;
	color:#aaaaaa;
	float:left;
	margin-left:0.9rem;
	margin-bottom:0.6rem;
}
.work .name li:nth-child(4){
	margin-left:0;
}
.work .name li:nth-child(1){
	margin-left:0;
}
.work .name li.index{
	color:#ffbb07;
	border:1px solid #ffbb07;
}
.work .name_con li{
	width:11rem;
	height:14.7rem;
	float:left;
	margin-right:1rem;
	margin-bottom:0.7rem;
	overflow:hidden;
	position:relative;
	text-align:center;
}
.work .name_con li img{
	width:100%;
	height:100%;
}
.work .name_con li .font{
	position:absolute;
	height:2.4rem;
	padding:0.3rem 0;
	width:100%;
	background:rgba(0,0,0,.6);
	bottom:-3rem;
	right:0;
	transition:all 0.3s;
}
.work .name_con li:hover .font{
	bottom:0;
}
.work .name_con li .font p{
	font-size:0.9rem;
	color:#fff;
}
.work .name_con li .font span{
	font-size:0.7rem;
	color:#fff;
}
.work .bt{
	text-align:center;
	height:1.8rem;
	clear:both;
}
.work .bt a{
	display:inline-block;
	height:1.8rem;
	width:1.8rem;
	margin:0 0.3rem;
	text-align:center;
	line-height:1.8rem;
	color:#666;
	font-size:1rem;
	background:#f5f5f5;
	border-radius:50%;
}
.work .bt a.index{
	background:#ffbb07;
	color:#fff;
}
/**  work_xq  **/
.work .name_font{
	width:100%;
	padding:0.5rem 0;
	border-top:1px solid #ddd;
	text-align:center;
}
.work .name_font:after{
	content:"";
	display:block;
	clear:both;
}
.work .name_font h2{
	font-size:1rem;
	color:#333;
}
.work .name_font p{
	font-size:0.8rem;
	color:#999;
}
.work .name_font span{
	display:inline-block;
	font-size:0.7rem;
	color:#999;
	margin:0 0.5rem;
}
.work .img{
	width:100%;
}
.work .img img{
	width:100%;
	margin-bottom:0.3rem;
}
.work .img p{
	font-size:0.7rem;
	color:#999;
	margin-bottom:0.3rem;
}
/** about **/
.about{
	width:100%;
	margin-bottom:1.5rem;
}
.about:after{
	content:"";
	clear:both;
	display:block;
}
.about .title{
	width:100%;
	height:2rem;
	margin:0.6rem 0;
}
.about .title img{
	height:100%;
}
.about .name{
	width:100%;
	padding:1rem 0;
	border-top:1px solid #ddd;
}
.about .name:after{
	content:"";
	display:block;
	clear:both;
}
.about .name h2{
	font-size:1.2rem;
	color:#333;
}
.about .name h2 sub{
	display:inline-block;
	font-size:0.9rem;
	margin-left:0.5rem;
	color:#999;
	vertical-align:middle;
}
.about p{
	font-size:0.7rem;
	color:#666;
	margin-bottom:1rem;
}

































@media screen and (min-width:600px){
	html{font-size:30px;}
}
@media screen and (max-width:481px){
	html{font-size:17.2px;}
}
@media screen and (max-width:441px){
	html{font-size:17.13px;}
}
@media screen and (max-width:401px){
	html{font-size:15.60px;}
}
@media screen and (max-width:361px){
	html{font-size:15px;}
}
@media screen and (max-width:321px){
	html{font-size:13.3px;}
}