* {

	padding: 0;

	margin: 0;

	font-family: "微软雅黑";

}

body {

	line-height: 1;

	min-width: 1200px !important;

}



body,html{ width:100%; height:100%;}

h2 {

	font-weight: normal;

}

li {

	list-style: none;

}

a {

	text-decoration: none !important;

}

a img{ border:none;}

.s1 img {

	position: absolute;

}

.logo img{

	max-width:100%;

}



.logo{

width:20%;}



.s1 .ad{ position:absolute; width:220px; height:100px; right:24%; bottom:5%; z-index:9999;}

.s1 .ad img:hover{ border:5px #82C41C solid; width:90px; height:90px;}

.s1 .ad a{ float:left; width:100px; height:100px; overflow:hidden; display:block; margin-right:10px;}

.s1 .wm {

	position: absolute;

	width: 100%;

	height: 100%;

	background-image: url(../../images/aoya/wm.png);

	background-repeat: repeat;

	background-position: left top;

}

.s1 .gd {

	width: 49px;

	height: 49px;

	position: absolute;

	left: 50%;

	bottom: 38px;

	margin-left: -24px;

	background-image: url(../../images/aoya/sb2.gif);

	background-repeat: no-repeat;

	background-position: center top;

	z-index: 99999;

	filter:alpha(opacity=50); /*IE滤镜，透明度50%*/

	-moz-opacity:0.5; /*Firefox私有，透明度50%*/

	opacity:0.5;/*其他，透明度50%*/

}

.s1 .gd img {

	margin-left: 0;

	margin-top: 0;

	top: 0;

	left: 13px;

	float: left !important;

	width: 22px;

	height: 34px;

}

.ln .wm {

	position: absolute;

	width: 100%;

	height: 100%;

	background-image: url(../../images/aoya/wm.png);

	background-repeat: repeat;

	background-position: left top;

}

.s1 .tj_new {

	position: absolute;

	right: 2%;

	bottom: 8%;

	z-index: 5000;

	transition: 2s;

	-webkit-transform: translateX(1500px);

	transform: translateX(1500px);

}

.s1.active .tj_new {

	-webkit-transform: translateX(0);

	transform: translateX(0);

}

.s1 .tj_new h3 {

	float: left;

	width: 100%;

}

.s1 .tj_new h3 span {

	float: right;

	color: #FFF;

	font-size: 0.7em;

	border-bottom: 2px #82C41C solid;

	line-height: 1.5em;

}

.s1 .tj_new ul {

	float: left;

}

.s1 .tj_new ul li {

	margin-top: 1em;

	height: 1em;

	line-height: 1em;

	text-align: right;

}

.s1 .tj_new ul li a {

	color: #fff;

	background: rgba(0,0,0,0.6);

	font-size: 0.8em;

	padding: 2px 5px;

}

.s1 .tj_new ul li span {

	padding-right: 5px;

	font-size: 0.8em;

	color: #82C41C;

}

/*公共*/



.section {

	overflow: hidden

}

.s2 {

	background: #111;

	height: 100%;

	position: absolute;

	width: 100%;

}

.s2 .about {

	transition: 2s;

	-webkit-transform: translateY(50px);

	transform: translateY(50px);

}

.s2.active .about {

	-webkit-transform: translateY(0);

	transform: translateY(0);

}

.s2 .about {

	position: absolute;

	border: 10px #939393 solid;

	width: 25%;

	padding: 50px;

	bottom: 10%;

	top: 15%;

	right: 2%;

	z-index: 2;

}

.s2 .about h2 {

	color: #FFF;

	border-bottom: 4px #82C41C solid;

	font-size: 2em;

	float: left;

	margin-left: -110px;

	padding-left: 110px;

	 line-height:1em; padding-bottom:5px;

}

.s2 .about span {

	font-size: 16px;

	color: #666;

	clear: both;

	float: left;

	margin-left: -110px;

	padding-left: 110px;

	padding-top:10px;

}

.s2 .about h2 {

	transition: 4s;

	-webkit-transform: translateX(50px);

	transform: translateX(50px);

}

.s2.active .about h2 {

	-webkit-transform: translateY(0);

	transform: translateY(0);

}

.s2 .ln {

	transition: 2s;

	-webkit-transform: translateY(50px);

	transform: translateY(50px);

}

.s2.active .ln {

	-webkit-transform: translateY(0);

	transform: translateY(0);

}

.s2 .ln {

	position: absolute;

	border: 10px #fff solid;

	width: 25%;

	padding: 50px;

	bottom: 10%;

	top: 15%;

	right: 2%;

	z-index: 2;

}

.s2 .ln img {

	width: 100%;

	height: 100%;

}

.s2 .ln h2 {

	color: #000;

	border-bottom: 4px #82C41C solid;

	font-size: 2em;

	float: left;

	margin-left: -110px;

	padding-left: 110px; line-height:1em; padding-bottom:5px;

}

.s2 .ln span {

	font-size: 16px;

	color: #666;

	clear: both;

	float: left;

	margin-left: -110px;

	padding-left: 110px;

	padding-top:10px;

}

.s2 .ln h2 {

	transition: 4s;

	-webkit-transform: translateX(50px);

	transform: translateX(50px);

}

.s2.active .ln h2 {

	-webkit-transform: translateY(0);

	transform: translateY(0);

}

.s2 .show_l {

	transition: 2s;

	-webkit-transform: translateY(50px);

	transform: translateY(50px);

}

.s2.active .show_l {

	-webkit-transform: translateY(0);

	transform: translateY(0);

}

.s2 .show_l {

	transition: 2s;

	-webkit-transform: translateY(50px);

	transform: translateY(50px);

}

.s2.active .show_l {

	-webkit-transform: translateY(0);

	transform: translateY(0);

}

.s2 .show_l {

	position: absolute;

	width: 28%;

	bottom: 10%;

	top: 18%;

	right: 3%;

	z-index: 2;

	text-align: inherit;

	color:#999;

}

.s2 .show_l h2 {

	color: #fff;

	border-top: 4px #82C41C solid;

	font-size: 1.2em;

	float: left;

	margin-left: -90px;

	padding-left: 90px;

	padding-top: 10px;

	font-weight: normal;

}

.s2 .show_l span {

	font-size: 14px;

	color: #666;

	clear: both;

	float: left;

	margin-left: -90px;

	line-height: 22px;

	padding-left: 90px;

	margin-bottom: 20px;

}

.s2 .show_l h2 {

	transition: 4s;

	-webkit-transform: translateX(50px);

	transform: translateX(50px);

}

.s2.active .show_l h2 {

	-webkit-transform: translateY(0);

	transform: translateY(0);

}

.s2 .show_l p {

	float: left;

	width: 100%;

	padding-bottom: 10px;

	color: #939393;

	line-height: 24px;

	font-size: 13px;

}

.s2 .show_l .item {

	position: relative;

	overflow-y: hidden;

	outline: none;

	width: 95%;

	height: 28%;

}

.s2 .show_l .item p {

	float: left;

	width: 98%;

	padding-bottom: 10px;

	color: #939393;

	line-height: 21px;

	font-size: 13px;

	text-align: justify;

}

.s2 .show_l .tj_cp {

	float: left;

	width: 95%;

	margin-top: 5px;

	overflow: hidden;

}

.s2 .show_l .tj_cp ul {

	float: left;

	width: 100%;

	margin-top: 20px;

}

.s2 .show_l .tj_cp ul li {

	float: left;

	width: 31%;

	margin-right: 2%;

	height: 100px;

	background: #000;

	margin-bottom: 60px;

}

.s2 .show_l .tj_cp ul li a {

	font-size: 12px;

	color: #939393;

	margin-top: 100px;

	float: left;

	padding-top: 5px;

	line-height: 18px;

}

.s2 .show_l .per {

	float: left;

	font-size: 14px;

	width: 93%;

	border-top: 1px #939393 dotted;

	border-bottom: 1px #939393 dotted;

	margin-top: 20px;

	color: #939393;

	line-height: 24px;

	padding-top: 5px;

	padding-bottom: 5px;

}

.s2 .show_l .per a {

	color: #fff;

}

.s2 .show_l .per a:hover {

	color: #82C41C;

}

.s2 .t3{ display:none;}

.s2 .t2 {

	position: absolute;

	z-index: 1;

	font-size: 6em;

	color: #fff;

	top: 13%;

	left: 2%;

	filter: alpha(opacity=50);

	-moz-opacity: 0.5;

	-khtml-opacity: 0.5;

	opacity: 0.5;

	transition: 2s;

	-webkit-transform: translateX(-50px);

	transform: translateX(-50px);

}

.s2 .t2 .tt1{color:#82C41C; font-size:150px;}

.s2 .t2 .tt2{font-size:30px !important; position:absolute; top:45px; color:#82C41C;}

.s2.active .t2 {

	-webkit-transform: translateX(0);

	transform: translateX(0);

}

.s2 .about .item {

	position: relative;

	overflow-y: hidden;

	outline: none;

	width: 100%;

	height: 78%;

	padding-right: 10px;

	top: 50px;

}

.s2 .about .item p {

	float: left;

	font-size: 13px;

	color: #939393;

	margin: 5px 0;

	padding: 0;

	text-align: justify;

}

.s2 .ab_left {

	float: left;

	margin-left: 2%;

	padding-left: 4%;

	width: 62%;

	height: 64.5%;

	line-height: 1.5em;

	margin-top: 10px;

	background: #000;

	color: #FFF;

	overflow: hidden;

	transition: 1s;

	-webkit-transform: translateY(50px);

	transform: translateY(50px);

}

.s2.active .ab_left {

	-webkit-transform: translateY(0);

	transform: translateY(0);

}

.s2 .ab_left .item {

	position: relative;

	overflow-y: hidden;

	outline: none;

	width: 90%;

	height: 80%;

	top: 50px;

}

.s2 .ab_left .item p {

	float: left;

	width: 90%;

	font-size: 14px;

	color: #CCC;

	margin: 5px 0;

	padding: 0;

	text-align: justify;

}

.s2 .show_left .item {

	position: relative;

	overflow-y: hidden;

	outline: none;

	width: 100%;

	height: 100%;

}

.s2 .ry {

	float: left;

	margin-left: 2%;

	width: 66%;

	height: 61.6%;

	margin-top: 10px;

	padding-top: 1.5%;

	background: #000;

	color: #FFF;

	overflow: hidden;

	transition: 1s;

	-webkit-transform: translateY(50px);

	transform: translateY(50px);

}

.s2.active .ry {

	-webkit-transform: translateY(0);

	transform: translateY(0);

}

.s2 .ry .item {

	position: relative;

	overflow-y: hidden;

	outline: none;

	width: 93%;

	height: 96%;

}

.s2 .ry .item p {

	float: left;

	width: 90%;

	font-size: 14px;

	color: #CCC;

	margin: 5px 0;

	padding: 0;

	text-align: justify;

}

.s2 .ry table {

	float: left;

	width: 96%;

	margin-left: 2%;

	border-top-width: 1px;

	border-right-width: 1px;

	border-top-style: dashed;

	border-right-style: dashed;

	border-top-color: #666;

	border-right-color: #666;

}

.s2 .ry table td {

	padding: 3%;

	width: 23%;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-bottom-style: dashed;

	border-left-style: dashed;

	border-bottom-color: #666;

	border-left-color: #666;

}

.s2 .ry table td img {

	max-width: 100%;

	max-height: 100%;

}

.s2 .ry ul {

	float: left;

	width: 100%;

	height: 91%;

}

.s2 .ry ul li {

	float: left;

	width: 22.5%;

	margin: 0 0 2% 2%;

	height: 30%;

	transition: 1s;

	-webkit-transform: translateX(-1000px);

	transform: translateX(-1000px);

	transition-delay: 1s

}

.s2 .ry ul li:nth-child(1) {

	transition-delay: 1s

}

.s2 .ry ul li:nth-child(2) {

	transition-delay: 1.2s

}

.s2 .ry ul li:nth-child(3) {

	transition-delay: 1.4s

}

.s2 .ry ul li:nth-child(4) {

	transition-delay: 1.6s

}

.s2 .ry ul li:nth-child(5) {

	transition-delay: 1.8s

}

.s2 .ry ul li:nth-child(6) {

	transition-delay: 2s

}

.s2 .ry ul li:nth-child(7) {

	transition-delay: 2.2s

}

.s2.active .ry ul li {

	-webkit-transform: translateX(0);

	transform: translateX(0);

}

.s2 .kh {

	float: left;

	margin-left: 2%;

	width: 66%;

	height: 61.6%;

	margin-top: 10px;

	padding-top: 1.5%;

	background: #000;

	color: #FFF;

	overflow: hidden;

	transition: 1s;

	-webkit-transform: translateY(50px);

	transform: translateY(50px);

}

.s2.active .kh {

	-webkit-transform: translateY(0);

	transform: translateY(0);

}

.s2 .kh .item {

	position: relative;

	overflow-y: hidden;

	outline: none;

	width: 93%;

	height: 96%;

}

.s2 .kh .item p {

	float: left;

	width: 90%;

	font-size: 14px;

	color: #CCC;

	margin: 5px 0;

	padding: 0;

	text-align: justify;

}

.s2 .kh ul {

	float: left;

	width: 100%;

	height: 91%;

}

.s2 .kh ul li {

	float: left;

	width: 17.5%;

	margin: 0 0 2% 2%;

	height: 14%;

	transition: 1s;

	-webkit-transform: translateX(-1000px);

	transform: translateX(-1000px);

	transition-delay: 1s

}

.s2.active .kh ul li {

	-webkit-transform: translateX(0);

	transform: translateX(0);

}











.s2 .kh_pc table {

	float: left;

	width: 96%;

	margin-left: 2%;

	border-top-width: 1px;

	border-left-width: 1px;

	border-top-style: dashed;

	border-left-style: dashed;

	border-top-color: #666;

	border-left-color: #666;

}

.s2 .kh_pc table td {

	padding: 3%;

	width: 18.9%;

	border-bottom-width: 1px;

	border-right-width: 1px;

	border-bottom-style: dashed;

	border-right-style: dashed;

	border-bottom-color: #666;

	border-right-color: #666;

	margin: 0;

}

.s2 .kh_pc table td img {

	max-width: 100%;

	max-height: 100%;

	filter: alpha(opacity=50);

	-moz-opacity: 0.5;

	-khtml-opacity: 0.5;

	opacity: 0.5;

}

.s2 .kh_pc table td img:hover {

	filter: alpha(opacity=100);

	-moz-opacity: 1;

	-khtml-opacity: 1;

	opacity: 1;

}

.s2 .lx {

	float: left;

	margin-left: 2%;

	width: 66%;

	height: 61.6%;

	margin-top: 10px;

	padding-top: 1.5%;

	background: #000;

	color: #FFF;

	overflow: hidden;

	transition: 1s;

	-webkit-transform: translateY(50px);

	transform: translateY(50px);

	line-height:24px;

}

.s2 .lx span{ font-size:14px; color:#666; padding-left:5px;}

.s2.active .lx {

	-webkit-transform: translateY(0);

	transform: translateY(0);

}

.s2 .lx .item {

	position: relative;

	overflow-y: hidden;

	outline: none;

	width: 93%;

	height: 96%;

}

.s2 .lx .item p {

	float: left;

	width: 90%;

	font-size: 14px;

	color: #CCC;

	margin: 5px 0;

	padding: 0;

	text-align: justify;

}

.s2 .lx .dt {

	float: left;

	width: 100%;

	height: 91%;

	transition: 1s;

	-webkit-transform: translateX(-1000px);

	transform: translateX(-1000px);

	transition-delay: 1s

}

.s2.active .lx .dt {

	-webkit-transform: translateX(0);

	transform: translateX(0);

}

.s2 .dt td {

	padding: 0 0 20px 20px;

	font-size: 14px;

	line-height: 24px;

}

.s2 .lxt h2, .s2 .lxt span {

	color: #FFF;

}

.s2 .show_left {

	float: left;

	margin-left: 2%;

	width: 60.5%;

	height: 88%;

	background: #000;

	padding: 70px 15px 20px 20px;

	overflow: hidden;

}

.s2 .show_left img {

	float: left;

	margin: 5px 0;

	max-width: 100%;

}

.s2 .ab_nav {

	position: absolute;

	top: 5%;

	transition: 1s;

	-webkit-transform: translateX(-200px);

	transform: translateX(-200px);

	transition-delay: 1.5s;

}

.s2 .ab_nav ul {

	float: left;

	border-top: 2px #82C41C solid;

	width: 100px;

}

.s2 .ab_nav ul li {

	float: left;

	border-bottom: 2px #82C41C solid;

	clear: both;

}

.s2.active .ab_nav {

	-webkit-transform: translateX(0);

	transform: translateX(0);

}

.s2 .ab_nav ul li a {

	color: #FFF;

	line-height: 60px;

	height: 60px;

	font-size: 16px;

	font-weight: bold;

	text-align: right;

}

.s2 .qt {

	position: absolute;

	left: 2%;

	width: 66%;

	height: 64.5%;

	top: 31.5%;

	z-index: 1;

	background: #000;

	color: #FFF;

	overflow: hidden;

	transition: 1s;

	-webkit-transform: translateY(100px);

	transform: translateY(100px);

}

.s2.active .qt {

	-webkit-transform: translateY(0);

	transform: translateY(0);

}

.s2 .qt ul {

	float: left;

	width: 110%;

	height: 93%;

}

.s2 .qt ul li {

	float: left;

	width: 20%;

	margin: 2% 0 0 2%;

	height: 30%;

	transition: 1s;

	-webkit-transform: translateX(-100px);

	transform: translateX(-100px);

}

.s2 .qt ul li:nth-child(1) {

	transition-delay: 1s

}

.s2 .qt ul li:nth-child(2) {

	transition-delay: 1.2s

}

.s2 .qt ul li:nth-child(3) {

	transition-delay: 1.4s

}

.s2 .qt ul li:nth-child(4) {

	transition-delay: 1.6s

}

.s2 .qt ul li:nth-child(5) {

	transition-delay: 1.8s

}

.s2 .qt ul li:nth-child(6) {

	transition-delay: 2s

}

.s2 .qt ul li:nth-child(7) {

	transition-delay: 2.2s

}

.s2 .qt ul li:nth-child(7) {

	transition-delay: 2.4s

}

.s2 .qt ul li:nth-child(8) {

	transition-delay: 2.6s

}

.s2 .qt ul li:nth-child(9) {

	transition-delay: 2.8s

}

.s2 .qt ul li:nth-child(10) {

	transition-delay: 3s

}

.s2 .qt ul li:nth-child(11) {

	transition-delay: 3.2s

}

.s2 .qt ul li:nth-child(12) {

	transition-delay: 3.4s

}





.s2.active .qt ul li {

	-webkit-transform: translateX(0);

	transform: translateX(0);

}

.s2.active .qt ul li span{padding:5px 20px 5px 10px; background-color: rgba(0,0,0,0.8); border-bottom-right-radius: 50px; color: #fff; font-size: 12px;}



.s2 .qt dl{ float:left; width:100%; height:100%; margin:0; padding:0; color:#333; border-top:1px #0F0F0F dashed; margin-top:15px;}

.s2 .qt dl dd{ float:left; width:33%; text-align:center; margin:0; padding-top:15px; padding-bottom:15px; border-left:1px #0F0F0F dashed; border-bottom:1px #0F0F0F dashed; font-size:12px !important;}



.s2 .ab_m {

	transition: 0.8s;

	float: left;

	width: 100%;

	text-align: center;

	margin-top: 20px;

	line-height: 6px;

	font-size: 25px;

}

.s2 .ab_m a {

	color: #333;

	text-decoration: underline;

	cursor: pointer

}

.s2 .ab_m {

	-webkit-transform: translateY(-500px);

	transform: translateY(-500px);

	transition-delay: 1.2s

}

.s2.active .ab_m {

	-webkit-transform: translateY(0);

	transform: translateY(0);

}

.s2 .about_ban {

	width: 100%;

	float: left;

	background-color: #111;

	height: 30%;

	left: 0;

	z-index: 1;

	background-image: url(../../images/aoya/b1.jpg);

	background-repeat: no-repeat;

	background-position: center center;

	background-size: cover;

}

.s2 .l {

	position: absolute;

	left: -10px;

	top: 50%;

	margin-top: -50px;

	width: 50px;

	height: 100px;

	z-index: 100;

	transition: 1s;

	-webkit-transform: translateX(100px);

	transform: translateX(100px);

}

.s2.active .l {

	-webkit-transform: translateX(0);

	transform: translateX(0);

}

.s2 .r {

	position: absolute;

	right: -10px;

	top: 50%;

	z-index: 100;

	margin-top: -50px;

	width: 50px;

	height: 100px;

	transition: 1s;

	-webkit-transform: translateX(-100px);

	transform: translateX(-100px);

}

.s2.active .r {

	-webkit-transform: translateX(0);

	transform: translateX(0);

}

.s2 .l a {

	float: left;

	width: 50px;

	height: 100px;

	display: block;

}

.s2 .r a {

	float: left;

	width: 50px;

	height: 100px;

	display: block;

}

.s2 .l a:hover {

	background: #000;

}

.s2 .r a:hover {

	background: #000;

}

.s2 .kh table td a{ color:#FFF;}

.s3 {

	background: #111;

	position: absolute;

	width: 100%;

	height: 100% !important;

	top: 0;

}

.s3 .about_ban {

	width: 100%;

	float: left;

	background-color: #111;

	height: 30%;

	left: 0;

	z-index: 1;

	background-image: url(../../images/aoya/b1.jpg);

	background-repeat: no-repeat;

	background-position: center center;

	background-size: cover;

}

.s3 .t2 {

	position: absolute;

	z-index: 1;

	font-size: 6em;

	color: #fff;

	top: 13%;

	left: 2%;

	filter: alpha(opacity=50);

	-moz-opacity: 0.5;

	-khtml-opacity: 0.5;

	opacity: 0.5;

	transition: 2s;

	-webkit-transform: translateX(-50px);

	transform: translateX(-50px);

	width:90%;

}

.s3 .t2 .tt1{color:#82C41C; font-size:150px;}

.s3 .t2 .tt2{font-size:30px !important; position:absolute; top:45px; color:#82C41C;}



.s3.active .t2 {

	-webkit-transform: translateX(0);

	transform: translateX(0);

}

.s3 .left ul {

	width: 80%;

	position: absolute;

	top: 25%;

	right: 1.5%;

	height: 100%;

	bottom: 0;

}

.s3 .left ul li {

	transition: 1s;

	-webkit-transform: translateY(20px);

	transform: translateY(20px);

	transition-delay: 0;

	float: left;

	width: 24%;

	background: #000;

	height: 25%;

	margin: 0 0.5% 1% 0.5%;

}

.s3 .left ul li:nth-child(1) {

	transition-delay: 0s

}

.s3 .left ul li:nth-child(2) {

	transition-delay: 0.1s

}

.s3 .left ul li:nth-child(3) {

	transition-delay: 0.2s

}

.s3 .left ul li:nth-child(4) {

	transition-delay: 0.3s

}

.s3 .left ul li:nth-child(5) {

	transition-delay: 0.4s

}

.s3 .left ul li:nth-child(6) {

	transition-delay: 0.5s

}

.s3 .left ul li:nth-child(7) {

	transition-delay: 0.6s

}

.s3 .left ul li:nth-child(8) {

	transition-delay: 0.7s

}

.s3 .left ul li:nth-child(9) {

	transition-delay: 0.8s

}

.s3 .left ul li:nth-child(10) {

	transition-delay: 0.9s

}

.s3.active .left ul li {

	-webkit-transform: translateY(0);

	transform: translateY(0);

}

.s3 .left ul li a {

	width: 100%;

	height: 100%;

	display: block;

	background: hsla(0, 0%, 0%, 0.6); 

	color:#FFF;

	font-size:12px;

	visibility:hidden;

}

.s3 .left ul li:hover a{ visibility:visible;}

.s3 .left ul li a small{ padding:10px 0 5px 10px; position: absolute; left:0; border-bottom:1px #82C41C solid; line-height:12px;}

.s3 .left ul li a span{ bottom:0; font-size:14px; line-height:18px; position:absolute; left:0; padding:3%; background: hsla(0, 0%, 0%, 0.6);  width:94%;}

.s3 .cp_nav {

	position: absolute;

	left: 2%;

	top: 33%;

	width: 7%;

	min-width:130px;

	z-index:3;

}

.s3 .cp_nav h2 {

	float: left;

	color: #FFF;

	font-size: 1.5em;

	padding-bottom: 5px;

}

.s3 .cp_nav h2 span {

	color: #666;

	font-size: 14px;

	padding-left: 5px;

}

.s3 .cp_nav .cp_l {

	float: left;

	border-top: 4px #82C41C solid;

	padding:10px;

	width: 100%;

	background: hsla(0, 0%, 0%, 0.6);

}

.s3 .cp_nav .cp_l ul {

	font-size: 14px;

	color: #939393;

	float: left;

}

.s3 .cp_nav .cp_l ul li {

	line-height: 16px;

	float: left;

	padding: 2px 0;

	width:100%;

	border-bottom: 1px #333 dotted;

}

.s3 .cp_nav .cp_l ul li a {

	color: #999;

	text-decoration: underline;

	cursor: pointer;

	display: block;

	padding: 2px 10px;

	font-size: 12px;

}

.s3 .cp_nav .cp_l ul li a:hover {

	text-decoration: none;

	background: #82C41C;

	color: #FFF !important;

}

.s3 .cp_nav .cp_l ul li em {

	background: #82C41C;

	color: #FFF;

	font-style: normal;

	padding: 0 10px;

	line-height: 22px;

	float: left;

	font-size: 12px;

}

.s3 .cp_nav .cp_l .f_14 li{ line-height:22px !important;}

.s3 .cp_nav .cp_l .f_14 a{ font-size:14px !important; color:#FFF !important;}

.s3 .cp_nav .cp_l .cp_on {

	color: #82C41C !important;

	font-size: 12px; margin-top:20px;

}

.s3 .cp_nav .cp_l .cp_on a{color: #82C41C !important;}

.s3 .cp_nav .cp_l .cp_on a:hover{ color:#FFF !important;}

.s3 .cp_nav .cp_l .nav_on{background: #82C41C; color:#FFF; padding:2px 5px;}

.s3 .cp_nav .cp_l .nav_on a{ color:#FFF;}

.s3 .cp_l {

	-webkit-transform: translateX(-50px);

	transform: translateX(-50px);

	transition: 1s;

}

.s3.active .cp_l {

	-webkit-transform: translateX(0);

	transform: translateX(0);

}



.s3 .cp_nav .cp_l .n_on{color: #82C41C !important;}

.s3 .cp_nav .cp_l .n_on a{color: #82C41C !important;}



.s3 .cp_nav .cp_l .n_on ul li a{ color:#FFF !important;}

.s3 .cp_nav .cp_l .n_on ul li .n_on{color: #82C41C !important;}

.s3 .cp_nav .cp_l .n_on ul li .n_on:hover{color:#FFF !important;}





.suckerdiv ul{

width: 130px; 

}

	

.suckerdiv ul li{

position: relative;

}

	

.suckerdiv ul li ul{

left: 129px; 

position: absolute;

width: 185px;

top: 0;

display: none; background: hsla(0, 0%, 0%, 0.6);

}

.suckerdiv ul li ul li{ float:left; margin-left:10px; width:175px !important;}

.suckerdiv ul li ul li a{ color:#999 !important;}

.suckerdiv ul li ul li ul{ 

left: 179px; 

}



.suckerdiv ul li a{

display: block;

color: black;

text-decoration: none;

padding: 5px 5px;

border-bottom: 0;

}



.suckerdiv ul li a:hover{

color: #FFF !important;

}



* html .suckerdiv ul li { float: left; height: 1%; }

* html .suckerdiv ul li a { height: 1%; }



















.s3 .page {

	position: absolute;

	bottom: 10%;

	left: 50%;

	width: 18.99%;

	margin-left: -1.1%;

}

.s3 .page .pre {

	float: left;

	background-image: url(../../images/aoya/l.png);

	background-repeat: no-repeat;

	background-position: left top;

	width: 51px;

	height: 35px;

}

.s3 .page .pre:hover {

	background-image: url(../../images/aoya/l_on.png);

}

.s3 .page .next {

	float: right;

	background-image: url(../../images/aoya/r.png);

	background-repeat: no-repeat;

	background-position: left top;

	width: 51px;

	height: 35px;

}

.s3 .page .pre span, .s3 .page .next span {

	visibility: hidden;

}

.s3 .page .next:hover {

	background-image: url(../../images/aoya/r_on.png);

}

.s3 .page .p0, .s3 .page .p2, .s3 .page .p4, .s3 .page .p3, .s3 .page .p5, .s3 .page .p6, .s3 .page .p9, .s3 .page .p11, .s3 .page .p7, .s3 .page .p15 {

	display: none;

}

.s4 {

	background: #111;

}

.s4 .about_ban {

	width: 100%;

	float: left;

	background-color: #111;

	height: 30%;

	left: 0;

	z-index: 1;

	background-image: url(../../images/aoya/b1.jpg);

	background-repeat: no-repeat;

	background-position: center center;

	background-size: cover;

}



.s4 .left {

	position: absolute;

	left: 0;

	top: 0;

	bottom: 0;

	width: 40%;

	background: #000;

	filter: alpha(opacity=80);

	-moz-opacity: 0.8;

	-khtml-opacity: 0.8;

	opacity: 0.8;

	transition: 1s;

	-webkit-transform: translateX(-200px);

	transform: translateX(-200px);

	transition-delay: 0;

}

.s4.active .left {

	-webkit-transform: translateX(0);

	transform: translateX(0);

}

.s4 .left h2 {

	position: absolute;

	left: 5%;

	color: #FFF;

	font-size: 5em;

	top: 30%;

	z-index: 2;

	background: #000;

}

.s4 .left h2 span {

	color: #82C41C

}

.s4 .kuang {

	position: absolute;

	z-index: 1;

	border: 10px #FFFFFF solid;

	left: 15%;

	top: 26%;

	right: 20%;

	padding: 150px 0;

	filter: alpha(opacity=50);

	-moz-opacity: 0.5;

	-khtml-opacity: 0.5;

	opacity: 0.5;

}

.s4 .right {

	position: absolute;

	z-index: 3;

	width: 56%;

	right: 2%;

	background-color: rgba(0,0,0,0.9);

	padding: 2%;

	top: 19%;

	transition: 1s;

	-webkit-transform: translateX(300px);

	transform: translateX(300px);

}

.s4 .right td {

	padding: 3%;

}

.s4 .right .tb {

	width: 60px;

	height: 60px;

	-moz-border-radius: 30px;

	-webkit-border-radius: 30px;

	border-radius: 30px;

	overflow: hidden;

}

.s4.active .right {

	-webkit-transform: translateY(0);

	transform: translateY(0);

}

.s4 .right .yw {

	float: left;

	width: 100%;

}

.s4 .right .yw h3 {

	float: left;

	line-height: 1.5em;

	font-size: 1em;

	border-bottom: 1px #82C41C solid;

	color: #fff;

	font-weight: bold;

	margin-top: 10px;

}

.s4 .right .yw p {

	float: left;

	width: 100%;

	font-size: 13px;

	line-height: 24px;

	color: #939393;

	text-align: justify;

	padding-bottom: 0 !important;

	padding-top: 10px;

}

.s4 .right .yw {

	transition: 2s;

	-webkit-transform: translateY(-1000px);

	transform: translateY(-1000px);

	transition-delay: 1s;

}

.s4.active .right .yw {

	-webkit-transform: translateY(0);

	transform: translateY(0);

}

.s5 {

	background: #111;

	z-index:500;

	background-image: url(/Public/Home/PC/images/bgggg.jpg);

    background-size: cover;

    background-repeat: no-repeat;

    background-position: 50% 100%;

}

.s5 .about_ban {

	width: 100%;

	position: absolute;

	background-color: #111;

	height: 30%;

	left: 0;

	z-index: 1;

	background-image: url(../../images/aoya/b1.jpg);

	background-repeat: no-repeat;

	background-position: center center;

	background-size: cover;

}





.s5 .t2 {

	position: absolute;

	z-index: 1;

	font-size: 6em;

	color: #fff;

	top: 13%;

	left: 2%;

	filter: alpha(opacity=50);

	-moz-opacity: 0.5;

	-khtml-opacity: 0.5;

	opacity: 0.5;

	transition: 2s;

	-webkit-transform: translateX(-50px);

	transform: translateX(-50px);

	width:90%;

}

.s5 .t2 .tt1{color:#82C41C; font-size:150px;}

.s5 .t2 .tt2{font-size:30px !important; position:absolute; top:45px; color:#82C41C;}



.s5.active .t2 {

	-webkit-transform: translateX(0);

	transform: translateX(0);

}











.s5 .left {

	position: absolute;

	width: 65%;

	height: 55%;

	top: 40%;

	left: 2%;

}

.s5 .top_l {

	position: absolute;

	z-index: 2;

	width: 30%;

	height: 100%;

	transition: 2s;

	-webkit-transform: translateX(-50px);

	transform: translateX(-50px);

	transition-delay: 1s;

}

.s5.active .top_l {

	-webkit-transform: translateX(0);

	transform: translateX(0);

}

.s5 .top_l img {

	width: 100%;

}

.s5 .top_t {

	position: absolute;

	bottom: 5%;

	background: #82C41C;

	color: #FFF;

	padding: 10px;

}

.s5 .top_t span {

	float: left;

	font-size: 1.5em;

	color: #FFF;

	line-height: 1.5em;

	border-bottom: 2px #fff solid;

	margin-bottom: 5px;

}

.s5 .top_r small {

	color: #82C41C;

	border-bottom: 1px #82C41C solid;

	width: 121px;

	float: left;

}

.s5 .top_r {

	position: absolute;

	z-index: 1;

	width: 30%;

	background: #000;

	padding: 27px 40px 40px 60px;

	left: 30%;

	margin-left: -20px;

	margin-top: -20px;

	transition: 2s;

	-webkit-transform: translateX(-50px);

	transform: translateX(-50px);

	transition-delay: 1.5s;

}

.s5.active .top_r {

	-webkit-transform: translateX(0);

	transform: translateX(0);

}

.s5 .top_r h3 {

	float: left;

	font-size: 1.2em;

	color: #FFF;

	line-height: 1.2em;

	font-weight: normal;

	margin-top: 10px;

}

.s5 .top_r h3 a {

	color: #FFF;

}

.s5 .top_r span {

	float: left;

	width: 121px;

	border-bottom: 1px #82C41C solid;

	margin: 5px 0;

}

.s5 .top_r .top_des {

	float: left;

	font-size: 18px;

	color: #939393;

	line-height: 24px;

	text-align: justify;

	margin-top: 10px;

	padding: 0;

	width: 100%;

	height: 100%;

	overflow: hidden;

}

.s5 .top_r .top_m {

	float: left;

	margin-top: 30px;

}

.s5 .top_r .top_m a {

	padding: 5px 40px;

	border: 1px #939393 dotted;

	line-height: 25px;

	text-align: center;

	font-size: 13px;

	color: #82C41C;

	background: #000;

}

.s5 .top_r .top_m a:hover {

	border: 1px #82C41C solid;

	color: #fff;

	background: #82C41C;

}

.s5 .min {

	position: absolute;

	width: 30%;

	height: 55%;

	left: 71%;

	z-index: 5;

}

.s5 .min h3 {

	float: left;

	font-size: 1em;

	color: #82C41C;

	font-weight: bold;

	border-bottom: 1px #82C41C solid;

	width: 98%;

}

.s5 .min h3 a {

	float: right;

	color: #939393;

	font-size: 12px;

	font-weight: normal;

}

.s5 .min h3 span {

	color: #939393;

	font-weight: normal;

	font-size: .8em;

}

.s5 .min ul {

	float: left;

	margin-top: 10px;

	width: 100%;

}

.s5 .min ul li {

	font-size: 0.8em;

	width: 98%;

	line-height: 2em;

	float: left;

}

.s5 .min ul li span {

	float: left;

	margin-right: 20px;

}

.s5 .min ul li a {

	color: #FFF;

	border-bottom: 1px #939393 dotted;

	display: block;

	float: left;

	width: 100%;

}

.s5 .min ul li a:hover {

	background: #000;

	color: #82C41C;

}

.s5 .min h3 {

	transition: 2s;

	-webkit-transform: translateY(-50px);

	transform: translateY(-50px);

}

.s5.active .min h3 {

	-webkit-transform: translateY(0);

	transform: translateY(0);

}

.s5 .min ul li {

	transition: 2s;

	-webkit-transform: translateY(-50px);

	transform: translateY(-50px);

}

.s5 .min ul li:nth-child(1) {

	transition-delay: 1s

}

.s5 .min ul li:nth-child(2) {

	transition-delay: 1.2s

}

.s5 .min ul li:nth-child(3) {

	transition-delay: 1.4s

}

.s5 .min ul li:nth-child(4) {

	transition-delay: 1.6s

}

.s5 .min ul li:nth-child(5) {

	transition-delay: 1.8s

}

.s5.active .min ul li {

	-webkit-transform: translateY(0);

	transform: translateY(0);

}

.s5 .tt {

	position: absolute;

	z-index: 2;

	width: 100%;

	text-align: center;

	top: 20%;

}

.s5 .tt h2 {

	font-size: 2em;

	color: #fff;

	font-weight: normal;

}

.s5 .tt p {

	font-size: 14px;

	color: #666;

}

.s5 .about {

	transition: 2s;

	-webkit-transform: translateY(50px);

	transform: translateY(50px);

}

.s5.active .about {

	-webkit-transform: translateY(0);

	transform: translateY(0);

}

.s5 .about {

	position: absolute;

	width: 25%;

	padding: 30px;

	bottom: 5%;

	top: 15%;

	right: 2%;

	z-index: 2;

	background: #000;

	border-top: 10px #222 solid;

}

.s5 .about h2 {

	color: #FFF;

	font-size: 1.5em;

	float: right;

}

.s5 .about span {

	font-size: 14px;

	color: #666;

	clear: both;

	float: right;

	border-bottom: 2px #82C41C solid;

	padding-bottom: 10px;

}

.s5 .about h2 {

	transition: 4s;

	-webkit-transform: translateX(50px);

	transform: translateX(50px);

}

.s5.active .about h2 {

	-webkit-transform: translateY(0);

	transform: translateY(0);

}

.s5 .about .item {

	position: relative;

	overflow-y: hidden;

	outline: none;

	width: 100%;

	height: 70%;

	padding-right: 10px;

	top: 30px;

}

.s5 .about .item p {

	float: left;

	font-size: 13px;

	color: #939393;

	margin: 5px 0;

	padding: 0;

	text-align: justify;

	color:rgb(147, 147, 147) !important;

}

.s5 .about .item p img {

	max-width:100%;

	height:auto !important;

}

.s5 .about .item p strong {

	color: #fff;

}

.s5 .about .more {

	position: absolute;

	bottom: 4%;

	right: 8%;

}

.s5 .about .more a {

	padding: 5px 40px;

	border: 1px #939393 dotted;

	line-height: 25px;

	text-align: center;

	font-size: 13px;

	color: #82C41C;

	background: #000;

}

.s5 .about .more a:hover {

	border: 1px #82C41C solid;

	color: #fff;

	background: #82C41C;

}

.s5 .about h3 {

	float: left;

	color: #FFF;

	font-size: 1.2em;

	width: 100%;

	border-bottom: 1px #939393 dotted;

	line-height: 2em;

}

.s5 .about h3 small {

	float: right;

	font-size: 12px;

	color: #939393;

	font-weight: normal;

}

.s5 .kuang {

	position: absolute;

	z-index: 1;

	left: 4%;

	bottom: 5%;

	padding: 16% 9.71%;

	border: 10px #FFFFFF solid;

	filter: alpha(opacity=30);

	-moz-opacity: 0.3;

	-khtml-opacity: 0.8;



		background-image: url(/Public/Home/PC/images/ddd.png);

		background:ne-repeat center;

		background-size:auto 100%;

}

.s6 {

	background: #111;

	background-image: url(/Public/Home/PC/images/bggg.jpg);

    background-size: cover;

    background-repeat: no-repeat;

    background-position: 50% 100%;

}

.s6 .about_ban {

	width: 100%;

	position: absolute;

	

	height: 30%;

	left: 0;

	z-index: 1;

	background-image: url(../../images/aoya/b6.jpg);

	background-repeat: no-repeat;

	background-position: center center;

	background-size: cover;

}





.s6 .t2 {

	position: absolute;

	z-index: 1;

	font-size: 6em;

	color: #fff;

	top: 13%;

	left: 2%;

	filter: alpha(opacity=50);

	-moz-opacity: 0.5;

	-khtml-opacity: 0.5;

	opacity: 0.5;

	transition: 2s;

	-webkit-transform: translateX(-50px);

	transform: translateX(-50px);

	width:90%;

}

.s6 .t2 .tt1{color:#82C41C; font-size:150px;}

.s6 .t2 .tt2{font-size:30px !important; position:absolute; top:45px; color:#82C41C;}

.s6.active .t2 {

	-webkit-transform: translateX(0);

	transform: translateX(0);

}







.s6 .left {

	position: absolute;

	width: 65%;

	height: 55%;

	top: 40%;

	left: 2%;

}

.s6 .top_l {

	position: absolute;

	z-index: 2;

	width: 30%;

	height: 100%;

	transition: 2s;

	-webkit-transform: translateX(-50px);

	transform: translateX(-50px);

	transition-delay: 1s;

}

.s6.active .top_l {

	-webkit-transform: translateX(0);

	transform: translateX(0);

}

.s6 .top_l img {

	max-width: 100%;

	max-height: 85%;

	bottom: 0;

	position: absolute;

}

.s6 .top_t {

	position: absolute;

	background: #82C41C;

	color: #fff;

	padding: 10px;

	top: -6%;

}

.s6 .top_t span {

	float: left;

	font-size: 1.5em;

	color: #fff;

	line-height: 1.5em;

	border-bottom: 2px #fff solid;

	margin-bottom: 5px;

}

.s6 .top_r small {

	color: #82C41C;

	border-bottom: 1px #82C41C solid;

	width: 100%;

	float: left;

}

.s6 .top_r {

	position: absolute;

	z-index: 1;

	width: 23%;

	background: #000;

	padding: 27px 40px 40px 60px;

	left: 30%;

	margin-left: -20px;

	margin-top: -20px;

	transition: 2s;

	-webkit-transform: translateX(-50px);

	transform: translateX(-50px);

	transition-delay: 1.5s;

}

.s6.active .top_r {

	-webkit-transform: translateX(0);

	transform: translateX(0);

}

.s6 .top_r h3 {

	float: left;

	font-size: 1.2em;

	color: #FFF;

	line-height: 1.2em;

	font-weight: normal;

	margin-top: 10px;

}

.s6 .top_r h3 a{ color:#FFF;}

.s6 .top_r span {

	float: left;

	width: 100%;

	border-bottom: 1px #82C41C solid;

	margin: 5px 0;

}

.s6 .top_r .top_des {

	float: left;

	font-size: 13px;

	color: #939393;

	line-height: 24px;

	text-align: justify;

	margin-top: 10px;

	padding: 0;

	width: 100%;

	height: 100%;

	overflow: hidden;

}

.s6 .top_r .top_m {

	float: left;

	margin-top: 30px;

}

.s6 .top_r .top_m a {

	padding: 5px 40px;

	border: 1px #939393 dotted;

	line-height: 25px;

	text-align: center;

	font-size: 13px;

	color: #82C41C;

	background: #000;

}

.s6 .top_r .top_m a:hover {

	border: 1px #82C41C solid;

	color: #fff;

	background: #82C41C;

}

.s6 .top_r .top_list {

	position:absolute;

	bottom:-40px;

	left:90px;

	width:250px;

}

.s6 .top_r .top_list ul{ float:left;display:none;}

.s6 .top_r .top_list ul li{ float:left; margin-right:10px; line-height:24px;}

.s6 .top_r .top_list ul li a{ font-size:13px; color:#FFF;}









.s6 .min {

	position: absolute;

	width: 30%;

	height: 55%;

	left: 67.5%;

	z-index: 5;

}

.s6 .min h3 {

	float: left;

	font-size: 1em;

	color: #82C41C;

	font-weight: bold;

	border-bottom: 1px #82C41C solid;

	width: 98%;

}

.s6 .min h3 a {

	float: right;

	color: #939393;

	font-size: 12px;

	font-weight: normal;

}

.s6 .min h3 span {

	color: #939393;

	font-weight: normal;

	font-size: .8em;

}

.s6 .min ul {

	float: left;

	width: 102%;

}

.s6 .min ul li {

	font-size: 0.8em;

	width: 48%;

	line-height: 2em;

	margin-top: 10px;

	float:left;

	margin-right:1.1%;

}

.s6 .min ul li span {

	float: left;

	width:100%;

}

.s6 .min ul li a {

	color: #FFF;

	border-bottom: 1px #939393 dotted;

	display: block;

	float: left;

	width:98%;

	line-height:18px;

}

.s6 .min ul li a:hover {

	background: #000;

	color: #82C41C;

}

.s6 .min h3 {

	transition: 2s;

	-webkit-transform: translateY(-50px);

	transform: translateY(-50px);

}

.s6.active .min h3 {

	-webkit-transform: translateY(0);

	transform: translateY(0);

}

.s6 .min ul li {

	transition: 2s;

	-webkit-transform: translateY(-50px);

	transform: translateY(-50px);

}

.s6 .min ul li:nth-child(1) {

	transition-delay: 1s

}

.s6 .min ul li:nth-child(2) {

	transition-delay: 1.2s

}

.s6 .min ul li:nth-child(3) {

	transition-delay: 1.4s

}

.s6 .min ul li:nth-child(4) {

	transition-delay: 1.6s

}

.s6 .min ul li:nth-child(5) {

	transition-delay: 1.8s

}

.s6 .min ul li:nth-child(6) {

	transition-delay: 2.0s

}

.s6 .min ul li:nth-child(7) {

	transition-delay: 2.2s

}

.s6.active .min ul li {

	-webkit-transform: translateY(0);

	transform: translateY(0);

}

.s6 .tt {

	position: absolute;

	z-index: 2;

	width: 100%;

	text-align: center;

	top: 20%;

}

.s6 .tt h2 {

	font-size: 2em;

	color: #fff;

	font-weight: normal;

}

.s6 .tt p {

	font-size: 14px;

	color: #666;

}

.s6 .about {

	transition: 2s;

	-webkit-transform: translateY(50px);

	transform: translateY(50px);

}

.s6.active .about {

	-webkit-transform: translateY(0);

	transform: translateY(0);

}

.s6 .about {

	position: absolute;

	width: 25%;

	padding: 30px;

	bottom: 5%;

	top: 15%;

	right: 2%;

	z-index: 2;

	

	

}

.s6 .about h2 {

	color: #FFF;

	font-size: 1.5em;

	float: right;

}

.s6 .about span {

	font-size: 14px;

	color: #666;

	clear: both;

	float: right;

	border-bottom: 2px #82C41C solid;

	padding-bottom: 10px;

	color:#fff;

}

.s6 .about h2 {

	transition: 4s;

	-webkit-transform: translateX(50px);

	transform: translateX(50px);

}

.s6.active .about h2 {

	-webkit-transform: translateY(0);

	transform: translateY(0);

}

.s6 .about .item {

	position: relative;

	overflow-y: hidden;

	outline: none;

	width: 100%;

	height: 52%;

	top: 30px;

}

.s6 .about .item ul li {

	float: left;

	width: 47%;

	height:160px;

	margin-right: 3%;

	margin-bottom: 3%;

	background: #333;

	overflow: hidden;

	position:relative;

}

.s6 .about .item ul li img{

	width:100%;

	position:absolute;

	top: 50%;

	    height: 100%;

    left: 50%;

    transform: translate(-50%,-50%);

}

.s6 .about .more {

	position: absolute;

	bottom: 4%;

	right: 8%;

}

.s6 .about .more a {

	padding: 5px 40px;

	border: 1px #939393 dotted;

	line-height: 25px;

	text-align: center;

	font-size: 13px;

	color: #82C41C;

	background: #000;

}

.s6 .about .more a:hover {

	border: 1px #82C41C solid;

	color: #fff;

	background: #82C41C;

}

.s6 .about .top_cb {

	float: left;

	color: #FFF;

	font-size: 1.2em;

	width: 100%;

	border-bottom: 1px #939393 dotted;

	padding-bottom: 20px;

}

.s6 .about .top_cb small {

	float: right;

	font-size: 12px;

	color: #939393;

	font-weight: normal;

}

.s6 .about .top_cb .top_cb_pic {

	float: left;

	width: 40%;

	background: #333;

}

.s6 .about .top_cb .top_cb_des {

	float: right;

	margin-top: 20px;

	width: 60%;

}

.s6 .about .top_cb .top_cb_des h3 {

	float: right;

	text-align: right;

	font-size: 1em;

	width: 100%;color:#Fff;

}

.s6 .about .top_cb .top_cb_des p {

	float: right;

	font-size: 0.8em;

	width: 100%;

	text-align: right;

	color: #939393;

}

.s6 .kuang {

	position: absolute;

	z-index: 1;

	left: 4%;

	bottom: 10%;

	padding: 14.5% 9.71%;

	border: 10px #FFFFFF solid;

	filter: alpha(opacity=30);

	-moz-opacity: 0.3;

	-khtml-opacity: 0.3;

	opacity: 0.3;

}

.s7 {

	background: #111;

}

.s7 .about_ban {

	width: 100%;

	position: absolute;

	

	height: 30%;

	left: 0;

	z-index: 1;

	background-image: url(../../images/aoya/b1.jpg);

	background-repeat: no-repeat;

	background-position: center center;

	background-size: cover;

}





.s7 .t2 {

	position: absolute;

	z-index: 1;

	font-size: 6em;

	color: #fff;

	top: 13%;

	left: 2%;

	filter: alpha(opacity=50);

	-moz-opacity: 0.5;

	-khtml-opacity: 0.5;

	opacity: 0.5;

	transition: 2s;

	-webkit-transform: translateX(-50px);

	transform: translateX(-50px);

	width:90%;

}

.s7 .t2 .tt1{color:#82C41C; font-size:150px;}

.s7 .t2 .tt2{font-size:30px !important; position:absolute; top:45px; color:#82C41C;}





.s7.active .t2 {

	-webkit-transform: translateX(0);

	transform: translateX(0);

}

.s7 .top_t {

	position: absolute;

	bottom: 5%;

	background: #82C41C;

	color: #FFF;

	padding: 10px;

}

.s7 .top_t span {

	float: left;

	font-size: 1.5em;

	color: #FFF;

	line-height: 1.5em;

	border-bottom: 2px #fff solid;

	margin-bottom: 5px;

}

.s7 .top_l {

	position: absolute;

	z-index: 20;

	width: 10%;

	background: #000;

	padding: 2% 2.5%;

	top: 38%;

	left: 2%;

	bottom: 7%;

	transition: 2s;

	-webkit-transform: translateX(-50px);

	transform: translateX(-50px);

	transition-delay: 0.5s;

}

.s7.active .top_l {

	-webkit-transform: translateX(0);

	transform: translateX(0);

}

.s7 .top_l h3 {

	float: left;

	font-size: 0.9em;

	color: #FFF;

	line-height: 1.2em;

	font-weight: normal;

	margin-top: 10px;

}

.s7 .top_l span {

	float: left;

	width: 100%;

	border-bottom: 1px #82C41C solid;

	margin: 5px 0;

}

.s7 .top_l small {

	color: #82C41C;

	border-bottom: 1px #82C41C solid;

	width: 100%;

	float: left;

}

.s7 .top_l .top_des {

	float: left;

	font-size: 14px;

	color: #939393;

	line-height: 24px;

	padding: 0;

	width: 100%;

	height: 100%;

}

.s7 .min1 {

	position: absolute;

	width: 20%;

	height: 35%;

	left: 23%;

	z-index: 5;

	top: 35%;

}

.s7 .min1 h3 {

	float: left;

	font-size: 1em;

	color: #82C41C;

	font-weight: bold;

	border-bottom: 1px #82C41C solid;

	width: 98%;

}

.s7 .min1 h3 a {

	float: right;

	color: #939393;

	font-size: 12px;

	font-weight: normal;

}

.s7 .min1 h3 span {

	color: #939393;

	font-weight: normal;

	font-size: 0.5em;

}

.s7 .min1 ul {

	float: left;

	width: 100%;

}

.s7 .min1 ul li {

	font-size: 0.8em;

	line-height: 2.5em;

	float: left;

	margin-right: 5%;

	width: 98%;

	height:2.5em;

	overflow:hidden;

}

.s7 .min1 ul li span {

	float: right;

	color: #939393;

	margin-left: 10px;

}

.s7 .min1 ul li a {

	color: #FFF;

	border-bottom: 1px #939393 dotted;

	display: block;

	float: left;

	width: 100%;

}

.s7 .min1 ul li a:hover {

	color: #82C41C;

}

.s7 .min1 {

	transition: 1s;

	-webkit-transform: translateY(-100px);

	transform: translateY(-100px);

}

.s7.active .min1 {

	-webkit-transform: translateY(0);

	transform: translateY(0);

}

.s7 .min2 {

	position: absolute;

	width: 20%;

	height: 100%;

	left: 46%;

	z-index: 5;

	top: 35%;

}

.s7 .min2 h3 {

	float: left;

	font-size: 1em;

	color: #82C41C;

	font-weight: bold;

	border-bottom: 1px #82C41C solid;

	width: 98%;

}

.s7 .min2 h3 a {

	float: right;

	color: #939393;

	font-size: 12px;

	font-weight: normal;

}

.s7 .min2 h3 span {

	color: #939393;

	font-weight: normal;

	font-size: 0.5em;

}

.s7 .min2 ul {

	float: left;

	width: 100%;

}

.s7 .min2 ul li {

	font-size: 0.8em;

	line-height: 2.5em;

	float: left;

	margin-right: 5%;

	width: 98%;

}

.s7 .min2 ul li span {

	float: right;

	color: #939393;

	margin-left: 10px;

}

.s7 .min2 ul li a {

	color: #FFF;

	border-bottom: 1px #939393 dotted;

	display: block;

	float: left;

	width: 100%;

}

.s7 .min2 ul li a:hover {

	color: #82C41C;

}

.s7 .min2 {

	transition: 1s;

	-webkit-transform: translateY(-100px);

	transform: translateY(-100px);

}

.s7.active .min2 {

	-webkit-transform: translateY(0);

	transform: translateY(0);

}

.s7 .min3 {

	position: absolute;

	width: 20%;

	height: 23%;

	left: 23%;

	z-index: 5;

	bottom: 4.9%;

}

.s7 .min3 h3 {

	float: left;

	font-size: 1em;

	color: #82C41C;

	font-weight: bold;

	border-bottom: 1px #82C41C solid;

	width: 98%;

}

.s7 .min3 h3 a {

	float: right;

	color: #939393;

	font-size: 12px;

	font-weight: normal;

}

.s7 .min3 h3 span {

	color: #939393;

	font-weight: normal;

	font-size: 0.5em;

}

.s7 .min3 ul {

	float: left;

	width: 100%;

}

.s7 .min3 ul li {

	font-size: 0.8em;

	line-height: 2.5em;

	float: left;

	margin-right: 5%;

	width: 98%;

}

.s7 .min3 ul li span {

	float: right;

	color: #939393;

	margin-left: 10px;

}

.s7 .min3 ul li a {

	color: #FFF;

	border-bottom: 1px #939393 dotted;

	display: block;

	float: left;

	width: 100%;

}

.s7 .min3 ul li a:hover {

	color: #82C41C;

}

.s7 .min3 {

	transition: 1s;

	-webkit-transform: translateY(-100px);

	transform: translateY(-100px);

}

.s7.active .min3 {

	-webkit-transform: translateY(0);

	transform: translateY(0);

}

.s7 .min1 .item {

	float: left;

	width: 100%;

	height: 85%;

	padding-right: 2%;

	margin-top: 10px;

}

.s7 .min2 .item {

	float: left;

	width: 100%;

	height: 56%;

	padding-right: 2%;

	margin-top: 10px;

}

.s7 .min3 .item {

	float: left;

	width: 100%;

	height: 84%;

	padding-right: 2%;

	margin-top: 10px;

}



.s7 .min4{ visibility:hidden;}



.s7 .tt {

	position: absolute;

	z-index: 2;

	width: 100%;

	text-align: center;

	top: 20%;

}

.s7 .tt h2 {

	font-size: 2em;

	color: #fff;

	font-weight: normal;

}

.s7 .tt p {

	font-size: 14px;

	color: #666;

}

.s7 .about {

	transition: 2s;

	-webkit-transform: translateY(50px);

	transform: translateY(50px);

}

.s7.active .about {

	-webkit-transform: translateY(0);

	transform: translateY(0);

}

.s7 .about {

	position: absolute;

	width: 25%;

	padding: 30px;

	bottom: 5%;

	top: 15%;

	right: 2%;

	z-index: 2;

	background: #000;

	border-top: 10px #222 solid;

}

.s7 .about h2 {

	color: #FFF;

	font-size: 1.5em;

	float: right;

}

.s7 .about span {

	font-size: 14px;

	color: #666;

	clear: both;

	float: right;

	border-bottom: 2px #82C41C solid;

	padding-bottom: 10px;

}

.s7 .about h2 {

	transition: 4s;

	-webkit-transform: translateX(50px);

	transform: translateX(50px);

}

.s7.active .about h2 {

	-webkit-transform: translateY(0);

	transform: translateY(0);

}

.s7 .about .item {

	position: relative;

	overflow-y: hidden;

	outline: none;

	width: 100%;

	height: 85%;

	padding-right: 10px;

	top: 30px;

}

.s7 .about .item img{ max-width:100%; height:auto !important;}

.s7 .about .item p {

	float: left;

	font-size: 13px;

	color: #939393;

	margin: 5px 0;

	padding: 0;

	text-align: justify;

}

.s7 .about .item p img {

	width: auto !important;

	height: auto !important;

}

.s7 .about .item p strong {

	color: #fff;

}

.s7 .about .more {

	position: absolute;

	bottom: 4%;

	right: 8%;

}

.s7 .about .more a {

	padding: 5px 40px;

	border: 1px #939393 dotted;

	line-height: 25px;

	text-align: center;

	font-size: 13px;

	color: #82C41C;

	background: #000;

}

.s7 .about .more a:hover {

	border: 1px #82C41C solid;

	color: #fff;

	background: #82C41C;

}

.s7 .about h3 {

	float: left;

	color: #FFF;

	font-size: 1.2em;

	width: 100%;

	border-bottom: 1px #939393 dotted;

	line-height: 2em;

}

.s7 .about h3 small {

	float: right;

	font-size: 12px;

	color: #939393;

	font-weight: normal;

}

.s7 .kuang {

	position: absolute;

	z-index: 1;

	left: 4%;

	bottom: 5%;

	padding: 16% 7%;

	border: 10px #FFFFFF solid;

	filter: alpha(opacity=30);

	-moz-opacity: 0.3;

	-khtml-opacity: 0.3;

	opacity: 0.3;

}

.s7 .jobs {

	transition: 2s;

	-webkit-transform: translateY(50px);

	transform: translateY(50px);

}

.s7.active .jobs {

	-webkit-transform: translateY(0);

	transform: translateY(0);

}

.s7 .jobs {

	position: absolute;

	width: 18%;

	padding: 30px;

	bottom: 5%;

	top: 15%;

	right: 2%;

	z-index: 20;

	background: #000;

	border-top: 10px #222 solid;

}

.s7 .jobs h2 {

	color: #FFF;

	font-size: 1.5em;

	float: right;

}

.s7 .jobs span {

	font-size: 14px;

	color: #666;

	clear: both;

	float: right;

	border-bottom: 2px #82C41C solid;

	padding-bottom: 10px;

}

.s7 .jobs h2 {

	transition: 4s;

	-webkit-transform: translateX(50px);

	transform: translateX(50px);

}

.s7.active .jobs h2 {

	-webkit-transform: translateY(0);

	transform: translateY(0);

}

.s7 .jobs .item {

	position: relative;

	overflow-y: hidden;

	outline: none;

	width: 100%;

	height: 85%;

	padding-right: 10px;

	top: 30px;

}

.s7 .jobs .item ul {

	float: left;

	width: 100%;

	margin-top: 10px;

}

.s7 .jobs .item ul li {

	font-size: 0.8em;

	line-height: 1.5em;

	float: left;

	margin-right: 5%;

	width: 100%;

	padding: 0.5em 0;

}

.s7 .jobs .item ul li span {

	float: right;

	color: #939393;

	margin-left: 10px;

	border-bottom: none;

	padding-bottom: 0;

}

.s7 .jobs .item ul li a {

	color: #FFF;

	border-bottom: 1px #939393 dotted;

	display: block;

	float: left;

	width: 100%;

}

.s7 .jobs .item ul li a:hover {

	color: #82C41C;

}

.s7 .jobs .more {

	position: absolute;

	bottom: 4%;

	right: 8%;

}

.s7 .jobs .more a {

	padding: 5px 40px;

	border: 1px #939393 dotted;

	line-height: 25px;

	text-align: center;

	font-size: 13px;

	color: #82C41C;

	background: #000;

}

.s7 .jobs .more a:hover {

	border: 1px #82C41C solid;

	color: #fff;

	background: #82C41C;

}

.s7 .jobs h3 {

	float: left;

	font-size: 1em;

	color: #82C41C;

	font-weight: bold;

	border-bottom: 1px #82C41C solid;

	width: 100%;

}

.s7 .jobs h3 small {

	color: #939393;

	font-weight: normal;

	font-size: 0.8em;

}

.s7 .show_min {

	position: absolute;

	width: 100%;

	height: 100%;

	z-index: 10;

}

.s7 .show_min h3 {

	float: left;

	font-size: 1em;

	color: #82C41C;

	font-weight: bold;

	border-bottom: 1px #82C41C solid;

	width: 100%;

}

.s7 .show_min h3 span {

	color: #82C41C;

	font-weight: normal;

	font-size: 0.8em;

	float: right;

}

.s7 .show_min {

	transition: 1s;

	-webkit-transform: translateY(-50px);

	transform: translateY(-50px);

}

.s7.active .show_min {

	-webkit-transform: translateY(0);

	transform: translateY(0);

}

.s7 .show_min .item {

	float: left;

	width: 100%;

	padding-top: 5%;

	margin-top: 60px;

	height: 79%;

}

.s7 .show_test {

	float: left;

	margin-left: 23.3%;

	width: 43%;

	background: rgba(0,0,0,0.6);

	padding: 3%;

}

.s7 .show_test ul {

	float: left;

	width: 100%;

	margin-top: 20px;

}

.s7 .show_test ul li {

	float: left;

	width: 50%;

	line-height: 2em;

	font-size: 0.8em;

}

.s7 .show_con {

	float: left;

	width: 100%;

	margin-top: 20px;

	border-top: 1px #939393 dotted;

	padding-top: 20px;

	line-height: 2em;

	font-size: 0.8em;

}

.s7 .btn {

	float: left;

	width: 100%;

	margin-top: 30px;

	text-align: center;

	border-top: 1px #939393 dotted;

	padding-top: 20px;

	margin-bottom: 10%;

}

.s7 .btn a {

	padding: 10px 30px;

	color: #82C41C;

	font-size: 1em;

	line-height: 1em;

	display: block;

	margin: 0 auto;

	width: 200px;

	border: 1px #82C41C dotted;

}

.s7 .btn a:hover {

	color: #fff;

	border: 1px #82C41C dotted;

	background: #82C41C;

}

.s7 .show_list {

	float: left;

	margin-left: 23.3%;

	width: 76%;

}

.s7 .show_list ul {

	float: left;

	width: 100%;

}

.s7 .show_list ul li {

	float: left;

	width: 19%;

	min-height: 260px;

	line-height: 1.5em;

	font-size: 0.8em;

	background: rgba(0,0,0,0.6);

	margin: 1%;

	padding: 2%;

	display: block;

}

.s7 .show_list ul li a {

	float: left;

	width: 100%;

}

.s7 .show_list ul li a h4 {

	font-size: 1em;

	line-height: 1.5em;

	color: #939393;

}

.s7 .show_list ul li a:hover {

	color: #82C41C;

}

.s7 .show_list ul li img {

	float: left;

	max-width: 100%;

	max-height: 185px;

	padding-right: 10px;

}

.s7 .zp {

    float: left;

    width: 100%;

    font-size: 12px;

    border-top: 1px #999 solid;

	margin-top:20px;

	padding-top:10px;

}

.s7 .zpic {

    float: left;

    margin-right: 20px;

}







/*头部导航*/



.hd {

	position: absolute;

	left: 0;

	top: 0;

	z-index:9;

	background: rgba(0,0,0,0.6);

	color: white;

	width: 100%;

	height: 60px;

}

.show_hd {

	position: fixed;

	left: 0;

	top: 0;

	z-index: 1;

	background: rgba(0,0,0,0.6);

	color: white;

	width: 100%;

	height: 60px;

}

.inner {

	width: 96%;

	height: 60px;

	margin: 0 2%

}

.logo {

	float: left;

	text-decoration: none;

	margin: 10px 0 0 0

}

.inner nav {

	float: right;

	margin: 10px 0 0 10px;

}

.inner nav .menu li a {

	display: block;

	padding: 0 20px;

	line-height: 40px;

	cursor: pointer;

	height:40px;

	overflow:hidden;

	color: #ffffff;

}

.inner nav .menu li a:hover, .inner nav .menu li.active a {

	background: #82C41C;

	color: #fff;

	display: block;

}

/*版权声明*/



.cop {

	position: fixed;

	bottom: 0;

	height: 30px;

	line-height: 30px;

	background: #000;

	text-align: right;

	padding: 0 2%;

	width: 96%;

	color: #FFF;

	font-size: 12px;

	z-index: 1000;

}

.cop_show {

	bottom: 0;

	height: 30px;

	line-height: 30px;

	background: #000;

	text-align: right;

	padding: 0 2%;

	width: 96%;

	color: #FFF;

	font-size: 12px;

	z-index: 1000;

	float:left;

}

.cop a{ color:#fff;}

 @-webkit-keyframes move1 {

 0% {

 -webkit-transform: translate(330px, -1000px);

 transform: translate(330px, -1000px)

}

 20% {

 -webkit-transform: translate(330px, 0);

 transform: translate(330px, 0)

}

 40% {

 -webkit-transform: translate(330px, -50px);

 transform: translate(330px, -50px)

}

 60% {

 -webkit-transform: translate(330px, 0px);

 transform: translate(330px, 0px)

}

 100% {

 -webkit-transform: translate(0, 0);

 transform: translate(0, 0)

}

}

 @-webkit-keyframes move2 {

 0% {

 -webkit-transform: translate(0, -1000px);

 transform: translate(0, -1000px)

}

 20% {

 -webkit-transform: translate(0, 0);

 transform: translate(0, 0)

}

 40% {

 -webkit-transform: translate(0, -50px);

 transform: translate(0, -50px)

}

 60% {

 -webkit-transform: translate(0, 0px);

 transform: translate(0, 0px)

}

 100% {

 -webkit-transform: translate(0, 0);

 transform: translate(0, 0)

}

}

 @-webkit-keyframes move3 {

 0% {

 -webkit-transform: translate(-330px, -1000px);

 transform: translate(-330px, -1000px)

}

 20% {

 -webkit-transform: translate(-330px, 0);

 transform: translate(-330px, 0)

}

 40% {

 -webkit-transform: translate(-330px, -50px);

 transform: translate(-330px, -50px)

}

 60% {

 -webkit-transform: translate(-330px, 0px);

 transform: translate(-330px, 0px)

}

 100% {

 -webkit-transform: translate(0, 0);

 transform: translate(0, 0)

}

}

 @keyframes move1 {

 0% {

 transform: translate(330px, -1000px)

}

 20% {

 transform: translate(330px, 0)

}

 40% {

 transform: translate(330px, -50px)

}

 60% {

 transform: translate(330px, 0px)

}

 100% {

 transform: translate(0, 0)

}

}

 @keyframes move2 {

 0% {

 transform: translate(0, -1000px)

}

 20% {

 transform: translate(0, 0)

}

 40% {

 transform: translate(0, -50px)

}

 60% {

 transform: translate(0, 0px)

}

 100% {

 transform: translate(0, 0)

}

}

 @keyframes move3 {

 0% {

 transform: translate(-330px, -1000px)

}

 20% {

 transform: translate(-330px, 0)

}

 40% {

 transform: translate(-330px, -50px)

}

 60% {

 transform: translate(-330px, 0px)

}

 100% {

 transform: translate(0, 0)

}

}

/*--奥雅历程开始--*/



.content {

	position: relative;

	width: 100%;

	height: 100%;

}

.content .wrapper {

	position: relative;

	width: 100%;

	margin: 0 auto;

}

.content .light {

	position: absolute;

	left: 55px;

	top: -50px;

	width: 152px;

	height: 191px;

}

.content .light i {

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	background: url("../../images/aoya/light.png") no-repeat top center;

}

.content .main {

	background: url("../../images/aoya/line-bg.png") repeat-y 21% 0;

	width: 100%;

}



.show .show_r .tj_cp ul li div img{

	height:100%;

}

.content .main .title {

	position: absolute;

	line-height: 40px;

	padding-left: 67px;

	left: 19%;

	top: 0;

	color: #82c41c;

	font-size: 24px;

	background: url("../../images/aoya/clock.png") no-repeat left top;

}

.content .main .year {

	position: relative;

	z-index: 100;

	width: 100%;

}

.content .main .year h2 {

	height: 40px;

	font-size: 24px;

	line-height: 40px;

}

.content .main .year h2 a {

	color: #82c41c;

}

.content .main .year h2 i {

	display: block;

	position: relative;

	height: 0;

	width: 0;

	left: 14%;

	top: -20px;

	border-width: 6px;

	border-style: solid;

	border-color: #82c41c transparent transparent transparent;

	-webkit-transition: .5s;

	-moz-transition: .5s;

	-ms-transition: .5s;

	-o-transition: .5s;

	transition: .5s;

	-webkit-transform-origin: 6px 3px;

	-moz-transform-origin: 6px 3px;

	-ms-transform-origin: 6px 3px;

	-o-transform-origin: 6px 3px;

	transform-origin: 6px 3px

}

.content .main .year .list {

	margin: 10px 0;

	position: relative;

	overflow: hidden;

	-webkit-transition: height 1s cubic-bezier(0.025, 0.025, 0.000, 1.115), opacity 1s;

	-moz-transition: height 1s cubic-bezier(0.025, 0.025, 0.000, 1.115), opacity 1s;

	-ms-transition: height 1s cubic-bezier(0.025, 0.025, 0.000, 1.115), opacity 1s;

	-o-transition: height 1s cubic-bezier(0.025, 0.025, 0.000, 1.115), opacity 1s;

	transition: height 1s cubic-bezier(0.025, 0.025, 0.000, 1.115), opacity 1s;

	top: 10px;

	width: 100%;

}

.content .main .year .list ul {

	bottom: 0;

	float: left;

	width: 100%;

}

.content .main .year .list ul li {

	background: url("../../images/aoya/circle.png") no-repeat 19.7% 10px;

	padding: 5px 0;

	color: #a1a4b8;

	width: 100%;

}

.content .main .year .list ul li.highlight {

	background-image: url("../../images/aoya/circle-h.png");

}

.cls {

	zoom: 1;

}

.cls:after {

	content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}

.content .main .year .list ul li.highlight .date, .content .main .year .list ul li.highlight .intro {

	color: #ec6a13;

}

.content .main .year .list ul li .date, .content .main .year .list ul li .version {

	float: left;

	display: block;

	clear: left;

	line-height: 24px;

	text-align: right;

	width: 18%;

	margin-right: 6%;

}

.content .main .year .list ul li .date {

	font-size: 14px;

	line-height: 30px;

	color: #bec1d5

}

.content .main .year .list ul li .intro, .content .main .year .list ul li .more {

	float: left;

	display: block;

	width: 70%;

	line-height: 24px;

}

.content .main .year .list ul li .intro {

	font-size: 14px;

	line-height: 20px !important;

	color: #82c41c;

	padding-top: 4px;

}

.content .wrapper:first-child .main .year.close h2 i {

	transform: rotate(-90deg);

	-webkit-transform: rotate(-90deg);

	-moz-transform: rotate(-90deg);

	-ms-transform: rotate(-90deg);

	-o-transform: rotate(-90deg)

}

.content .wrapper:first-child .main .year.close .list {

	opacity: 0;

	height: 0!important;

}

/*--奥雅历程结束--*/







.show_news {

	float: left;

	width: 100%;

	margin-top: 50px;

	line-height: 2.5em;

	font-size: .8em !important;

	text-align: justify;

	padding-bottom: 5%;

}

.show_news p img{ max-width:100% !important; height:auto !important;}

.show_news strong {

	font-weight: bold;

	text-decoration: none !important;

}

.show_news a {

	color: #939393;

}

.show_news .per {

	float: left;

	font-size: 14px;

	width: 100%;

	border-top: 1px #939393 dotted;

	border-bottom: 1px #939393 dotted;

	margin-top: 20px;

	color: #939393;

	line-height: 24px;

	padding-top: 5px;

	padding-bottom: 5px;

}

.show_news .per a {

	color: #fff;

}

.show_news .per a:hover {

	color: #82C41C;

}

.s7 .top_l .hot_news {

	font-size: 13px;

	color: #939393;

	margin-top: 20px;

	width: 100%;

	height: 95%;

}

.s7 .hot_news .item {

	overflow-y: hidden;

	outline: none;

	width: 100%;

	height: 90%;

	padding-right: 10px;

}

.s7 .hot_news .item img {

	width: 100%;

}

.s7 .hot_news ul li {

	float: left;

	width: 100%;

	padding-bottom: 10px;

}

.s7 .hot_news ul li a {

	color: #939393;

	line-height: 1.5em;

	padding: 10px 0;

	font-size: .8em;

}

.s7 .hot_news ul li a:hover {

	color: #82C41C;

}

.s7 .hot_news ul li span {

	border-bottom: none;

}

.xx {

	float: left;

	width: 100%;

	margin-top: 50px;

}

.xx span input {

	float: left;

	color: #939393;

	text-decoration: none;

	text-align: center;

	width: 590px;

	height: 30px;

	line-height: 30px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	cursor: pointer;

}

.photo {

	float: left;

	width: 100px;

	height: 125px;

	background: #f8f8f8;

}

.xx_l {

	float: left;

	width: 180px;

	margin-right: 50px;

}

.xx_l ul {

	list-style: none;

	float: left;

	margin-top: 30px;

	width: 180px !important;

}

.xx_l ul li {

	float: left;

	width: 180px !important;

	border-bottom: 1px #939393 dotted;

	line-height: 30px;

	font-size: 12px;

	color: #939393 !important;

}

.xx_l ul li span {

	float: left;

	margin-right: 10px;

}

.xx_l .i1 input {

	float: left;

	border: none;

	width: 130px;

	height: 30px;

	line-height: 30px;

	color: #939393;

	padding: 0 !important;

	margin: 0 !important;

	background: transparent;

}

.xx_r {

	float: left;

	width: 490px;

	overflow: hidden;

}

.xx_r ul {

	list-style: none;

	float: left;

}

.xx_r ul li {

	float: left;

	width: 490px;

	border-bottom: 1px #939393 dotted;

	line-height: 30px;

	font-size: 12px !important;

	color: #939393 !important;

}

.xx_r ul li span {

	float: left;

	margin-right: 10px;

	width: 65px;

	line-height: 30px;

}

.xx_r .i2 input {

	float: left;

	border: none;

	width: 80px;

	height: 30px;

	line-height: 30px;

	color: #939393 !important;

	background: transparent;

	padding: 0 !important;

	margin: 0 !important;

	font-size: 12px !important;

}

.xx_r .i3 {

	border-bottom: 1px #939393 dotted;

	float: left;

	width: 490px;

	padding-bottom: 10px;

	font-size: 12px;

}

.xx_r .i3 span {

	float: left;

	margin-right: 10px;

	width: 55px;

	line-height: 30px;

	padding-left: 10px;

}

.xx_r .i3 textarea {

	float: left;

	width: 415px;

	height: 90px;

	border: none;

	line-height: 30px;

	color: #939393;

	margin-top: 5px;

	padding: 0 !important;

	background: transparent;

}

.xx .btn {

	float: left;

	width: 100%;

	margin-top: 30px;

	text-align: center;

	border-top: 1px #939393 dotted;

	padding-top: 20px;

}

.xx .btn input {

	padding: 10px 30px;

	color: #82C41C;

	font-size: 1em;

	line-height: 1em;

	display: block;

	margin: 0 auto;

	width: 200px;

	border: 1px #82C41C dotted;

	background: transparent;

	cursor: pointer;

}

.xx .btn input:hover {

	color: #fff;

	border: 1px #82C41C dotted;

	background: #82C41C;

}

.show_list .page{ padding-top:50px;}

.show_list .page a{ color:#82C41C;}

.show_list .page .pre {

	float: left;

	background-image: url(../../images/aoya/l.png);

	background-repeat: no-repeat;

	background-position: left top;

	width: 51px;

	height: 35px;

	text-align:right;

	padding-top:18px;

}

.show_list .page .pre:hover {

	background-image: url(../../images/aoya/l_on.png);

}

.show_list .page .next {

	float: right;

	background-image: url(../../images/aoya/r.png);

	background-repeat: no-repeat;

	background-position: left top;

	width: 51px;

	height: 35px;

}





.show_list .page .next:hover {

	background-image: url(../../images/aoya/r_on.png);

}

.show_list .page .p0, .show_list .page .p2, .show_list .page .p4, .show_list .page .p5, .show_list .page .p6, .show_list .page .p7, .show_list .page .p9, .show_list .page .p11, .show_list .page .p15 {

	display: none;

}







/*--特色业务--*/

	#center { float:left; width:100%; height:100%;}

	#slider {

		float:left;

		width: 100%;

		height: 500px;

		overflow: hidden;

	}

	#slider .slide {

		position: absolute;

		top: 0px;

		width: 100%;

		height: 500px;

		background: #000;

		overflow: hidden;

		border-left: #000 solid 1px;

		cursor: default;

		width:25% !important;

	}

	#slider .title   {

		color: #F80;

		font-weight: bold;

		font-size: 1.2em;

		margin-right: 1.5em;

		text-decoration: none;

	}

	#slider .backgroundText {

		position: absolute;

		width: 100%;

		height: 100%;

		top: 100%;

		background: #000;

		filter: alpha(opacity=60);

		opacity: 0.6;

	}

	#slider .text {

		position: absolute;

		color: #FFF;

		font-size: 0.9em;

		text-align: justify;

		line-height:22px;

		padding:20px 20px 20px 80px;

		width:32%;

	}

	#slider .text a{ color:#FFF;}

	#slider .diapo {

		position: absolute;

		filter: alpha(opacity=100);

		opacity: 1;

		visibility: hidden;

	}

	

.show{ float:left; width:100%; margin-top:80px;}

.show_l{ float:left; width:68%; margin-left:2%; color:#999; line-height:24px; font-size:14px;}

.show_l img{ float:left; width:100%; margin-bottom:20px;}

.show_l p{ float:left; width:80%; font-size:14px; text-align:justify; color:#999; line-height:24px;}

.show_r{ float: right; width:24%; margin-right:2%; margin-left:4%; color:#999; font-size:14px; line-height:22px; margin-top:120px;}

.show_r p{ float:left; width:90%; padding-bottom:15px; font-size:13px; text-align:justify;}

.show_r .per{ float:left; width:98%; padding:20px 0; border-top:1px #82C41C dashed; border-bottom:1px #82C41C dashed; margin-top:20px; background-color:#111111;}

.show_r .tj_cp{ float:left; width:100%; margin-top:20px;}

.show_r .per a{ color:#82C41C;}



.show .show_l h2 {

	color: #fff;

	border-top: 4px #82C41C solid;

	font-size: 1.2em;

	margin-left: -90px;

	padding-left: 90px;

	padding-top: 10px;

	font-weight: normal;

	position:absolute;

	left:74%;

	top:100px;

}

.show .show_l span {

	font-size: 14px;

	color: #666;

	clear: both;

	margin-left: -90px;

	line-height: 22px;

	padding-left: 90px;

	margin-bottom: 20px;

}

.show .show_r .tj_cp {

	float: left;

	width: 100%;

	margin-top: 5px;

	overflow: hidden;

	background-color:#111111;

}

.show .show_r .tj_cp ul {

	float: left;

	width: 100%;

	margin-top: 20px;

}

.show .show_r .tj_cp ul li {

	float: left;

	width: 32%;

	margin-right:1%;

	height: 100px;

	display:block;

	font-size: 12px;

	color: #939393;

	line-height: 14px;

	margin-bottom:50px;

}

.show .show_r .tj_cp ul li div{width: 98%; height:100px; overflow:hidden; float:left;}

.show .show_r .tj_cp ul li a{ height:100px; float:left; width:100%; font-size:12px; color:#999;}

.show .show_r .tj_cp ul li span{ float:left; margin-top:5px; line-height:16px;}



.hy_news{margin-top:38px;}

.s4 .t2{ display:none;}

.s4{ background-image: url(/Public/Home/PC/images/yw_bg.jpg); background-size:cover; background-repeat: no-repeat; background-position: 50% 100%;}

.s4 .about_ban,.cop_nav{ display:none;}

.ry_p,.kh_mb,.top_des_2{ display:none;}



.s7{ background-image: url(/Public/Home/PC/images/sss.png); background-size:cover; background-repeat: no-repeat; background-position: 50% 100%;}



.s7 .job_yp {

    float: left;

    margin-left: 23.3%;

    width: 43%;

    background: hsla(0, 0%, 0%, 0.6);

    padding: 3%;

}







.fx{float:left; width: 86%; border-radius: 8px; overflow: hidden; background-color:#F8F8F8; padding: 1% 2%; }

#hits{background: url("../../images/aoya/yj.png") no-repeat 22px 3px;}





.star-logo{

	position: absolute;

	display: block;

	left: 50%;

	margin-left: -200px;

	margin-top: -10px;

	width: 390px;

	height: 60px;

}

.star-logo a{display: block;width: 390px;height: 60px;background-image: url("../../../star/2017/images/2017-logo.png");}

.star-logo a:hover{background-image: url("../../../star/2017/images/2017-logo-2.png");}

.section{ height:100%;}
.con{ z-index:3; position:relative; width:100%; height:100%;}