/* CSS Document */
body a{
    transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
input[type="button"]{
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}

h1,h2,h3,h4,h5,h6{
	padding:0 0;
	margin:0 0;
}
p{
	padding:0 0;
	margin:0 0;
}
ul{
	padding:0 0;
	margin:0 0;	
}
body{
	padding:0 0;
	margin:0 0; 
	font-family:΢ÈíÑźÚ, sans-serif;
}

.header{
  background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  min-height: 30px;
  background-repeat:no-repeat;
}
.header-top {
  margin-top:0em;
  position:relative;
}
.top-menu{
text-align:center;
  width: 100%;
  margin: 0 auto;
  
}
.top-menu ul li{
  display:inline-block;
  margin: 0 1.8em;
  padding-top:-0.2em;
  padding-bottom:0.2em;
 }
.top-menu ul li a {
  font-size: 1.0em;  
  text-decoration: none;
  color: #0C3B63;
 
  font-family: ΢ÈíÑźÚ;
}
.top-menu ul li a:hover {
  color: #5EB0F0;
}
.top-menu ul li a.active {
  color: #5EB0F0;
}
 span.menu {
  display: none;
}
.banner{
	background: url(../images/banner1.jpg) center center no-repeat;
	min-height:500px;
	padding-top:-15px;
	}

/*-- responsive-design --*/
@media only screen and (max-width:1024px) {
.logo a {
 font-size: 4em;
}
.top-menu {
  width: 80%;
}
.top-menu ul li {
  margin: 0 1.2em;
}
.top-menu ul li a {
  font-size: 1.15em;
}
.header-top {
  margin-top: 15em;
}
p.banner-center {
    font-size: 1.1em;
}

}
@media only screen and (max-width: 768px){
span.menu {
display: block;
cursor: pointer;
 padding: 1em 0;
}
.top-menu {
float:none;
width: 100%;
}
.top-menu  ul{
  display:none;
}
.top-menu  ul li {
  font-size: 14px;
  display:block;
 }
.top-menu ul li {
  display: block;
  float: none;
  margin: 0em;
  border-bottom: 1px solid #74893E;
  border-right: none;
}
.top-menu ul li {
padding:10px 0 ;
		}
.top-menu ul {
  margin: 15px 0;
  z-index: 999;
  position: absolute;
  width: 100%;
  background: #96B251;
  text-align: center;
}
.top-menu ul li a {
display: block;
font-size: 1.1em;
}
.header-top {
  margin-top: 10em;
}
.header {
 min-height: 600px;
}
.logo a {
  font-size: 3.5em;
}
p.banner-center {
  font-size: 1em;
  padding: 3em 0 0
}
.banner-grids {
   top: 85px;
}

}
@media only screen and (max-width: 640px){
.header {
  min-height: 707px;
}
.logo a {
  font-size: 3em;
}
.logo {
  margin: 0 auto;
  width: 30%;
}


}
@media only screen and (max-width: 480px){
.header {
  min-height: 571px;
}
.top-menu ul {
  margin: 0px 0;
}
.logo a {
  font-size: 2.5em;
}
.logo {
  margin: 0 auto;
  width: 34%;
}
.header-top {
  margin-top: 8em;
}
p.banner-center {
  font-size: 0.92em;
  padding: 1em 0 0;
  width: 93%;
}
.banner-grids {
  top: 26px;
}

}
@media only screen and (max-width: 320px){
.logo {
  margin: 0 auto;
  width: 58%;
}
.logo a {
  font-size: 2em;
}
p.banner-center {
  font-size: 0.9em;
  padding: 1em 0 0;
  width: 100%;
}
.header-top {
  margin-top: 6em;
}
.header-top:before {
 
  zoom:0.5 !important;
}
.header-top:after {
    zoom: 0.5!important;
}
.top-menu ul li a {
  display: block;
  font-size: 1em;
}
.banner-grids {
  top: 40px;
}

}

em{ font-style:inherit;}  
.img{background:white;margin:0 5px;width:252px;height:218px;}  
.ywfwpic img:hover{width:250px;height:216px;border:1px solid yellow;} 
.subcompany{font-family:΢ÈíÑźÚ; font-size:18px; color:#000; font-weight:bold; text-align:center; } 
.subcompanysdress{font-family:΢ÈíÑźÚ; font-size:16px; color:#000; display:block; }