@charset "utf-8";
/*=============================================================================================================================*/
<!--
body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #000;
	scroll-behavior: smooth;
}
ul, ol, dl {
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
}
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td, span {
	margin: 0;
	padding: 0;
	color: #333;
}

a {
	text-decoration: none;
	color: #333;
}
img {
	border: 0 none;
}
ul, li {
	list-style-type: none;
}
button {
	cursor: pointer;
}
i, em, cite {
	font-style: normal;
}
a:link {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #c33;
}
a:focus {
	outline: none;
}
/******************顶部*********************/
.tophead {
	width:100%;
	height:60px;
	background:#fff;
	text-align: center;
	line-height:60px;
	position:relative;
    overflow: hidden;
    border-bottom: 5px solid #EBEBEB;
}
.tophead img{
    margin-top: 10px;
}
.toptitle{color:#fff;font-size:22px;}

header .fanhui {
	display: block;
	width: 16px;
	position: absolute;
	left: 20px;
	top: 15px;
}

.header-button {
  display: block;
  width: 30px;
  height: 30px;
  background:url(topicon.png) no-repeat left top;
  background-size:100% 100%;
  border: none;
  cursor: pointer;
  position:absolute;
  right:15px;
  outline:none;
  top:15px;
  z-index:9999;
}

.menu-left{
  display: block;
  width: 60px;
  height: 60px;
  background:url(topicon1.png) no-repeat 11px 11px #235298;
  background-size:60% 60%;
  border: none;
  cursor: pointer;
  position:absolute;
  outline:none;

}




#search-form {
  -moz-transition: max-height, 0.5s;
  -o-transition: max-height, 0.5s;
  -webkit-transition: max-height, 0.5s;
  transition: max-height, 0.5s;
  position: absolute;
  top: 60px;
  left: 0;
  width: 100%;
  max-height: 0;
  overflow: hidden;
  background-color: #fff;
  z-index:9999;
}
#search-form.open {
  max-height: 60px;
}
#search-form fieldset {
  position: relative;
  margin: 0 60px 0 0;
  padding: 0;
  border: none;
  z-index:99999;
}
#search-form input {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  height: 60px;
}
#search-form input[type="search"] {
  width: 100%;
  padding: 0 5px 0 22px;
  background: transparent;
  font-size:14px;
  border: none;
  color:#000;
}
input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; }
#search-form input[type="button"] {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 60px;
  font-size:14px;
  margin: 0;
  padding: 0;
  font-weight: 700;
  color:#fff;
  background:#83a1b9;
  border-radius:0;
  border:none;
}


.cenicon{ width:100%; background:#FFF;}
.cenicon ul{ width:100%; overflow:hidden;}
.cenicon ul li{ float:left; width:25%; padding:10px 0;}
.cenicon ul li a{ display:block; margin:0 auto;}
.cenicon ul li a img{ display:block; margin:0 auto;}
.cenicon ul li span{ display:block; width:100%;text-align:center; line-height:30px;}

/**图标动画**/
 /* Buzz Out */
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}

 .hvr-buzz-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active {
  -webkit-animation-name: hvr-buzz-out;
  animation-name: hvr-buzz-out;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/**图标动画结束**/