@charset "gb2312";
body .textcontainer {
  padding: 10px 0px 30px 0px;
  text-align: center; margin-top:-210px;
}
body .particletext {
font-size:100px;
	line-height:170%; 
	font-weight:bold; text-align:center;
	font-family:'SimHei', Arial, Verdana;
	color:#fff;  animation: rotate 6s ease-in-out alternate infinite; text-shadow:0 0 2px #4a475c,0 0 2px #4a475c;

  position: relative;
}
body .particletext.bubbles > .particle {
  opacity: 0;
  position: absolute;
  background-color: rgba(33, 150, 243, 0.5);
  -webkit-animation: bubbles 3s ease-in infinite;
          animation: bubbles 3s ease-in infinite;
  border-radius: 100%;
}
body .particletext.hearts > .particle {
  opacity: 0;
  position: absolute;
  background-color: #cc2a5d;
  -webkit-animation: hearts 3s ease-in infinite;
          animation: hearts 3s ease-in infinite;
}
body .particletext.hearts > .particle:before, body .particletext.hearts > .particle:after {
  position: absolute;
  content: '';
  border-radius: 100px;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #cc2a5d;
}
body .particletext.hearts > .particle:before {
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
body .particletext.hearts > .particle:after {
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
body .particletext.lines > .particle {
  position: absolute;
  background-color: rgba(244, 67, 54, 0.5);
  -webkit-animation: lines 3s linear infinite;
          animation: lines 3s linear infinite;
}
body .particletext.confetti > .particle {
  opacity: 0;
  position: absolute;
  -webkit-animation: confetti 3s ease-in infinite;
          animation: confetti 3s ease-in infinite;
}
body .particletext.confetti > .particle.c1 {
  background-color: rgba(76, 175, 80, 0.5);
}
body .particletext.confetti > .particle.c2 {
  background-color: rgba(156, 39, 176, 0.5);
}
body .particletext.fire > .particle {
  position: absolute;
  background-color: rgba(255, 193, 7, 0.5);
  border-radius: 40px;
  border-top-right-radius: 0px;
  -webkit-animation: fires 0.8s linear infinite;
          animation: fires 0.8s linear infinite;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  opacity: 0;
}
body .particletext.fire > .particle:before {
  position: absolute;
  content: '';
  top: 60%;
  left: 40%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 50%;
  height: 50%;
  border-radius: 40px;
  border-top-right-radius: 0px;
  background-color: rgba(251, 140, 0, 0.5);
}
body .particletext.sunbeams > .particle {
  position: absolute;
  background-color: rgba(253, 216, 53, 0.5);
  -webkit-animation: sunbeams 3s linear infinite;
          animation: sunbeams 3s linear infinite;
}


@-webkit-keyframes fires {
  0% {
    -webkit-transform: rotate(-70deg) translateY(0%);
            transform: rotate(-70deg) translateY(0%);
  }
  25% {
    -webkit-transform: rotate(-20deg) translateY(-5%);
            transform: rotate(-20deg) translateY(-5%);
    opacity: 1;
  }
  50% {
    -webkit-transform: rotate(-70deg) translateY(-10%);
            transform: rotate(-70deg) translateY(-10%);
  }
  75% {
    -webkit-transform: rotate(-20deg) translateY(-20%);
            transform: rotate(-20deg) translateY(-20%);
  }
  100% {
    -webkit-transform: rotate(-70deg) translateY(-40%);
            transform: rotate(-70deg) translateY(-40%);
    opacity: 1;
  }
}
@keyframes fires {
  0% {
    -webkit-transform: rotate(-70deg) translateY(0%);
            transform: rotate(-70deg) translateY(0%);
  }
  25% {
    -webkit-transform: rotate(-20deg) translateY(-5%);
            transform: rotate(-20deg) translateY(-5%);
    opacity: 1;
  }
  50% {
    -webkit-transform: rotate(-70deg) translateY(-10%);
            transform: rotate(-70deg) translateY(-10%);
  }
  75% {
    -webkit-transform: rotate(-20deg) translateY(-20%);
            transform: rotate(-20deg) translateY(-20%);
  }
  100% {
    -webkit-transform: rotate(-70deg) translateY(-40%);
            transform: rotate(-70deg) translateY(-40%);
    opacity: 1;
  }
}


body, td, div, p {
	margin:0px;
	padding:0px;
		color:#4a475c;font-family:'SimHei', Arial, Verdana;  text-shadow:0 0 2px #fff,0 0 2px #fff;
}
p {
	padding-bottom:10px
}
a:link, a:visited {
		color:#4a475c;
	text-decoration: none;
}
a:hover, a:active {
	text-decoration: underline;
	color:#192820
}
.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/80.jpg) repeat-x left top #ebe7e2
}
.header {
	position:relative;  height:220px; overflow:hidden;
	}
	header h3{ position:relative; animation: rotate 6s ease-in-out alternate infinite;}
.aboutus{ position:relative; animation:aboutus 0.6s;animation-delay:0s;animation-fill-mode:both}
.tel{ position:relative; animation:tel 0.5s;animation-delay:0.8s;animation-fill-mode:both}
.a3{ position:relative; animation:a3 3s;animation-delay:0.9s;animation-fill-mode:both}
/*@keyframes rotate {
  from {
top:0px;
 
  }
  to {
 top:-20px
 
  }
}*/

@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;  }
	}
.header h3 { display:none;
	
}
@keyframes rotate {
 0%{


  }


}


}
}

.content {height:auto!important; height:260px;min-height:260px;
	padding:0px 0px 0px 0px;
	clear:both; position:relative;
}
.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 {
	font-weight:bold;
}
.footer a {
	font-size:12px;
}
.r1 { display:none; visibility:hidden;
	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;
	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{}
.a6 {visibility:hidden;display:none;
}
.a7 {visibility:hidden;display:none;
}
.a8{visibility:hidden;display:none;}
.a9{visibility:hidden;display:none;}

.imgpadding,.imgname{transition: all 0.6s;position:relative; border-radius:18px }
.imgpadding:hover,.imgpadding:active
{
transform: scale(1.028);  
}
/*.tel a{color:#1d698f;}
.tel a:hover{ color:#1d698f;}*/
.a3 img{ position:relative;  animation: rotate1 2s  linear ;}
@keyframes rotate1{

  	0% {opacity:0;  transform: rotate(0deg) scale(0.1);}
	100% {opacity:1;   transform: rotate(360deg) scale(1);}
	

