*{padding:0; margin:0}
header,section,footer,aside,nav,main,article,figure{display: block; }
body{font:normal 1em/1.6 Tahoma, Geneva, sans-serif,"宋体"; color:#050202; background-color:#FFFFD9}
h1,h2,h3{font-size:100%}
ul,ol,li{list-style:none}
img{vertical-align:middle}
a{text-decoration:none; color:#333 }
a:hover{text-decoration:underline;}
.wrap {width:96%;margin: 0 auto;max-width:96%}
.flt {float: left;}
.frt {float: right;}
.cl40{height:40px;clear: both;}
.clear{clear: both;}
.clear:after, .clear:before {content: '';clear: both;display: table;}
.w1200{width:94%;margin:auto;clear:both;}
/*----------……----------*/
*, *:after, *:before {
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
}

/*----------header----------*/
.yn_header {background:url(images/top_bei.jpg) repeat-x;position:fixed;top: 0;left: 0;width: 100%;z-index: 1000;}
.yn_footer{background:url(images/top_bei.jpg) right top repeat-x;padding-top:50px; text-align:center;}
.logo {vertical-align: middle;margin-left:30px}
.menu ul li{float:left;width:156px;height:36ppx; line-height:36px;background:url(images/btn.jpg) no-repeat;
text-align:center;
position:relative;}
.menu ul li a{color:#FFF;}
.menu ul li.on a, .menu ul li:hover a {
	color: #000;
}
.full {
	position: fixed;
	top: 50%;
	right: 0;
	z-index: 1001;
}
.full li a {
	display: block;
	width: 52px;
	height: 52px;
	margin-bottom: 1px;
	position: relative;
	background: #00994e;
	z-index: 1;
}
.full li a:hover span, .full li a:hover label {
	background-color: #00994e !important;
}
.full li:last-child a {
	border-bottom: 0;
}
.full li a span {
	display: block;
	width: 52px;
	height: 52px;
	position: relative;
	z-index: 100;
	background-position: center center;
	background-repeat: no-repeat;
}
.full li:nth-child(2) a, .full li:nth-child(1) a {
	z-index: 2;
}
.full li a label {
	display: block;
	width: 100px;
	white-space: nowrap;
	padding: 0 20px;
	position: absolute;
	line-height: 52px;
	color:#fff;
	z-index: -1;
	background: #00994e;
	bottom: 0;
	left: 100%;
	box-sizing: inherit;
	max-width: 300%;
}
.full li a:hover label {
	left: -120px;
}
.full li a .lbl_img {
	padding: 10px;
	height: auto;
	line-height: normal;
}
.full li a span.span1 {
	background-image: url(images/full1.png);
}
.full li a span.span2 {
	background-image: url(images/full2.png);
}
.full li a span.span3 {
	background-image: url(images/full3.png);
}
.full li a span.span4 {
	background-image: url(images/full4.png);
}

@media only screen and (max-width: 1000px) {
.cl40{height:15px;}
.yn_header {line-height: 60px;}
.menu{position:fixed;top:0;left:-110%;width:100%;height:100%;background-color:#FFF}
.menu ul{padding-top:60px;}
.menu ul li {float:none;display:block;margin:10px auto;}
.yn_header .logo {position: relative;z-index: 1001;}
.menu_wrap {
	position: absolute;
	top: 20px;
	width: 40px;
	height: 40px;
	background: url(images/menu.png) no-repeat center center #9d5308;
	background-size: 25px auto;
	right: 5px;
}
.h_menu .menu_wrap {
	background:url(images/menu-1.png) no-repeat center center #9d5308;
	background-size:25px auto;
}
.h_menu .menu {left:0;}
}
.yn_box1{padding:20px 0px;clear:both; overflow:hidden;}
.yn_box_title{margin:10px auto;}
.yn_box_title h3{margin:auto;text-align:center;height:64px; line-height:64px; width:280px; background:url(images/title1.png) no-repeat}
.yn_about img{margin:auto auto auto 10px; float:right; width:200px; height:120px;}
.yn_pro{background:url(images/bg2.jpg);padding:20px 0px;clear:both;overflow:hidden;}
.yn_proimg ul{overflow:hidden;}
.yn_proimg ul li{width:48%;display:inline-block;text-align:center;margin:5px;border:#960 solid 5px;border-radius:25px 10px;overflow:hidden;}
.yn_news li{line-height:2.2; border-bottom:#CCC dotted 1px;}
.yn_news li span{font-size:14px; display:inline}
.yn_subnav{font-size:14px; margin:10px auto 10px auto; border-bottom:#CCC dotted 1px;}
.contentbg{background:url(images/content_bg.jpg) no-repeat top center; padding-bottom:30px; line-height:2}
.contentbg h1{text-align:center;font-size:20px;}
#yn_intro{text-align:center; font-size:14px; margin:10px auto;}
#yn_around{font-size:14px; margin:20px auto;}
#yn_extra{text-align:center;margin:auto auto 10px auto;}

.fenye{margin:0.6em auto;clear:both; display:block; overflow:hidden}
.fenye a,.fenye span{float:left;display:inline-block; background-color:#B72F67; color:#FFF; padding:0.3em 0.5em; margin:auto 0.1em 0.2em auto; line-height:1em}
@media only screen and (max-width:750px) {.full {display: none;}}
@media only screen and (max-width:640px) {
.yn_proimg ul li{width:42%;}
}