@charset "gb2312";
body, td, div, p {
	margin:0px;
	padding:0px;	font-family: Arial, 'SimSun';
	color: #ffffff;
}
p {
	padding-bottom:10px
}
a:link, a:visited {
	color: #ffffff;
	text-decoration: none;
}
a:hover, a:active {
	text-decoration: underline;
	color: #66FFFF ;
}
.b {
	font-weight:bold;
}
h1, h2, h3, h4, h5, form {
	padding:0px;
	margin:0px;
	font-weight:normal;
}
img {
	border:0px;
	padding:0px;
	margin:0px;
}
ul, ol, dl, dt {
	margin:0px;
	padding:0px;
}
input {
	font-family: Arial, 'SimSun';
	color:#000;
	padding:0px;
	margin:0px;
}
li {
	padding:0px;
	margin:0px;
	list-style-type:none;
}
.clear_both {
	clear:both;
}
.wrapper {
	width:1000px;
	margin:0px auto;
}
body {
	background:url(../img/163bg.jpg) #000 no-repeat top center;
}
.header {
	position:relative;
	background:url(../img/163topbg.jpg) no-repeat;
}
.header h3 {
	font-size:85px;
	line-height:150%;
	color:#FFFF33;
	font-weight:bold;
	text-align:center;
	font-family:'SimHei', Arial, Verdana;

    background: #fcff00 -webkit-gradient(linear, left top, right top, from(#ff0000), to(#ff00e4), color-stop(0.5, #fff)) 0 0 no-repeat;
    -webkit-background-size: 125px;
        color: rgba(255, 255, 255, 0.1);
    -webkit-background-clip: text;
	
    -webkit-animation-name: shine;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes shine
{
    0%
    {
        background-position: top left;
    }
    100%
    {
        background-position: top right;
    }
}
.content {height:auto!important; height:260px;min-height:260px;
	padding:0px 0px 0px 0px;
	background:#580000;
	clear:both;
}
.imgpadding {
	margin:0px 5px;
}
.imgname {
	font-size:18px;
	font-weight:bold;
	display:block;
	padding-bottom:15px;
	line-height:160%
}
.photoshowimg {
	border:2px solid #fff;
}
.aboutus p{font-size:30px;}.aboutus {
	padding:16px 20px;	font-size:30px;
	font-weight:bold;
}
.photocontent {
	text-align:center;
}
.photoh5 {
	text-align:center;
	font-size:25px;
	font-weight:bold;
	padding:10px 0px;
}
.more {
	text-align:center;
	font-size:18px;
	font-weight:bold
}
.more a {
	
}
.more p {
	background:#0D1031;
}
.footer {

}
.footer p {
	text-align:center;
	padding:10px 0px;
	font-size:12px;
}
.bottomnav span {
	color:#CCFF00;
	font-weight:bold;
}
.footer a {
	font-size:12px;
}
.r1 {
	width:93px;
	float:right;
	position:fixed !important;
	top/**/:200px;
	position:absolute;
	z-index:300;
top:expression(offsetParent.scrollTop+200);
	right:20px;
}
.r1 img {
	height:151px;
	width:94px;
}
.bottomnav {
	text-align:center;
	font-size:15px;
color:#ffffff;
	padding:10px 0px 0px 0px;
	font-weight:bold
}
.r1 p {
	color:#000000;
	background:#FFFFFF;
	border-radius:4px;
	padding:0px;
	text-align:center
}
.r1 span {
	display:block;
	color:red;
	font-weight:bold;
	font-size:13px
}

.contentleft{
	visibility:hidden;display:none;
}
/*.contentright{float:right;}*/
/**/
.contentwidth{text-align:center; width:95%; margin:0px auto;}
.imgclose img{width:15px; height:15px;}
 .imgclose{margin:0px -3px 0px 0px;display:block; text-align:right; position:relative;bottom:-10px;}.a1{	visibility:hidden;display:none;}
.a2{	visibility:hidden;display:none;}
.a33{visibility:hidden;display:none;}
.a4{}
.a5{ background:#000000;}
.a6 { height:50px; line-height:40px;clear:both; text-align:center;
background:#000000;width:1000px; margin:0px auto;
}.a6 a{ color:#ffffff; font-weight:bold; background:#990000;float:left;width:180px;border-radius:5px; margin:5px 10px;}
.a6 a:link,.a6 a:visited {
background: #000066;
	text-decoration: none;
}
.a6 a:hover, .a6 a:active {
	background:#990000;
	color: #66FFFF ;
}
.a7 {visibility:hidden;display:none;
font-weight:bold;
}
.a8{visibility:hidden;display:none;}
.a9{visibility:hidden;display:none;}
.spatitle{ text-align:left; padding:10px 0px;font-size:12px;color:#ffffff; border-bottom:1px dashed #cccccc;}
.spatitle a{color:#ffffff;}
@media only screen and (max-width: 1000px) { 
.a33 a,.header a,.a7 a,.a1 a,.a9 a,.a6 a,.a9,.a9 span{font-size:30px}
}
.imgpadding,.imgname{transition: all 0.6s;position:relative;  }
.imgpadding:hover,.imgpadding:active
{
transform: scale(1.028);  
}
header h3{ position:relative; animation:myfirst 0.5s; -webkit-animation:myfirst 0.5s; }
.aboutus{ position:relative; animation:aboutus 0.5s;animation-delay:0.5s;animation-fill-mode:both; -webkit-animation:aboutus 0.5s;-webkit-animation-delay:0.5s;-webkit-animation-fill-mode:both}
.tel{ position:relative; animation:tel 0.5s;animation-delay:0.8s;animation-fill-mode:both;-webkit-animation:tel 0.5s;-webkit-animation-delay:0.8s;-webkit-animation-fill-mode:both}
.a3{ position:relative; animation:a3 3s;animation-delay:0.9s;animation-fill-mode:both; -webkit-animation:a3 3s;-webkit-animation-delay:0.9s;-webkit-animation-fill-mode:both}
@keyframes myfirst{
  	0% {opacity:0;top:-100px}
	100% {opacity:1;top:0;}
} 

@keyframes aboutus{
  	0% {opacity:0;left:-1660px}
	100% {opacity:1;left:0;  }
}

@keyframes tel{
  	0% {opacity:0;right:-1660px}
	100% {opacity:1;right:0 }
	}
 @keyframes a3{
  	0% {opacity:0; }
	100% {opacity:1;  }
	}
	

		
@-webkit-keyframes myfirst{
  	0% {opacity:0;top:-100px}
	100% {opacity:1;top:0;}
} 

@-webkit-keyframes aboutus{
  	0% {opacity:0;left:-1660px}
	100% {opacity:1;left:0;  }
}

@-webkit-keyframes tel{
  	0% {opacity:0;right:-1660px}
	100% {opacity:1;right:0 }
	}
@-webkit-keyframes a3{
  	0% {opacity:0; }
	100% {opacity:1;  }
	}