@charset "utf-8";
/* CSS Document */
body{
	font-family:"Microsoft YaHei";
	line-height: 1.8;
	color: #212121;
}
a,.slow{
	transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-webkit-transition: all 0.4s ease 0s;
}
#head,#main,#foot{
    width:100%;
	min-width:1230px;
}
.hidden{
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;          /* for IE */
	-o-text-overflow: ellipsis;      /* for Opera */
	-icab-text-overflow: ellipsis;   /* for iCab */
	-khtml-text-overflow: ellipsis;  /* for Konqueror Safari */
	-moz-text-overflow: ellipsis;    /* for Firefox,mozilla */
	-webkit-text-overflow: ellipsis; /* for Safari,Swift*/
}
.w_1200{
	width: 1200px;
	margin: 0 auto;
}
#head{
	background-image: url(../images/h_bg.png);
	position: relative;
	z-index: 9999;
}
#head .h_top{
	background: #6FBF61;
	color: #fff;
	height:36px;
	line-height: 36px;
	overflow: hidden;
	transition: height 0.1s linear;
}
#head .h_top.hide{
	height: 0;
}
#head .h_top .top_gd{
	float: left;
	height: 36px;
	overflow: hidden;
}
#head .h_top span{
	float: right;
	font-size: 14px;
	padding-left: 22px;
	background: url(../images/h_tel.png) no-repeat left center;
}
#head .head_c{
	height: 85px;
	position: relative;
}
#head .logo{
	position: absolute;
	top: 13px;
	left: 0;
}
#head .nav{
	float: right;
	overflow: hidden;
}
#head .nav ul{
	margin-right: -20px;
}
#head .nav li{
	float: left;
	padding: 14px;
}
#head .nav li a{
	display: block;
	padding: 11px 9px;
	position: relative;
	color: #656565;
	font-size: 16px;
	line-height: 35px;
	color: #212121;
}
#head .nav li a span{
	position: absolute;
	left: 50%;
	width: 0;
	bottom: 0;
	height: 1px;
	background:#6FBF61;
}
#head .nav li a:hover span ,#head .nav li a.a_hv span{
	width:100%;
	left:0;
} 
#head .nav li a:hover ,#head .nav li a.a_hv{
	color: #4DB33B;
}
#main{
	margin-top: -85px;
}


.com_tit{
	height: 56px;
	line-height: 56px;
	padding-bottom: 6px;
	background-image: url(../images/tt_bg1.png);
	background-position: center bottom;
	background-repeat:no-repeat;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	color: #212121;
}
.com_tit font{
	font-family: arial;
	text-transform: uppercase;
}
.com_tit.com_tit2{
	background-image: url(../images/tt_bg2.png);
	color: #fff;
}

#foot{
	line-height: 22px;
	padding: 40px 0 30px;
	background:#4A4A4A;
	color: #CBCBCB;
	font-size: 14px;
}
/*#foot .w_1200{
	display: flex;
	justify-content: space-between;
}*/
#foot a{
	color: #CBCBCB;
}
#foot a:hover{
	color: #fff;
}
#foot .foot_l{
	float: left;
}
#foot .foot_l img{
	display: inline-block;
	vertical-align: top;
}
#foot .foot_l .f_cpr{
	padding-top: 10px;
}
#foot .foot_r{
	float: right;
}
#foot .foot_r .f_fx span{
	float: right;
	padding-top: 12px;
}
#foot .foot_r .f_fx .bdsharebuttonbox{
	float: right;
}
#foot .foot_r .f_fx .bdsharebuttonbox a{
	width: 32px !important;
	height: 32px !important;
	background-image: url(../images/f_fxico.png) !important;
	background-repeat: no-repeat;
	padding-left: 0 !important;
	margin-left: 10px !important;
	margin-right: 0 !important;
	transition: none;
	-o-transition:none;
	-moz-transition: none;
	-webkit-transition:none;
}
#foot .foot_r .f_fx .bdsharebuttonbox a.bds_tsina{
	background-position: 0 0 !important;
}
#foot .foot_r .f_fx .bdsharebuttonbox a.bds_qzone{
	background-position: -52px 0 !important;
}
#foot .foot_r .f_fx .bdsharebuttonbox a.bds_tieba{
	background-position: -104px 0 !important;
}
#foot .foot_r .f_fx .bdsharebuttonbox a.bds_tsina:hover{
	background-position: 0 -46px !important;
}
#foot .foot_r .f_fx .bdsharebuttonbox a.bds_qzone:hover{
	background-position: -52px -46px !important;
}
#foot .foot_r .f_fx .bdsharebuttonbox a.bds_tieba:hover{
	background-position: -104px -46px !important;
}

#foot .foot_r .f_tel{
	padding-left: 25px;
	background-image: url(../images/f_tel.png);
	background-position: left 7px;
	background-repeat: no-repeat;
	margin-top: 10px;
}
#foot .foot_r .f_tel strong{
	font-size: 18px;
}

#topcontrol span{
	cursor: pointer;
	width: 60px;
	height: 60px;
	background: url(../images/get_top.png) no-repeat center center;
	display: block;
}

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}