@charset "utf-8";
/* CSS Document */
body{font-family:"Microsoft YaHei",Arial,sans-serif;color:#040404;font-size:87.5%;line-height:1.571rem;text-align:left;}
body,html,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;}
ul,ul li{list-style:none;}
a{text-decoration:none; color:#666;}
.clear{ clear:both;height:0; font-size:0}
img{border:none;margin:0;padding:0;-ms-interpolation-mode:bicubic;width:100%;height:auto;}
html{font-size:87.5%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%} /* 14px */ 
@media only screen and (min-width:320px){html{font-size:87.5% } } /* 14px */
@media only screen and (min-width:360px){html{font-size:87.5%  } } /* 14px */
@media only screen and (min-width:480px){html{font-size:112.5%;} } /* 18px */
@media only screen and (min-width:640px){html{font-size:150%;} } /* 24px */
/*top*/
.top{ width:100%; height:2.5rem;background:#46a316; padding-bottom:0.2rem}
.top img{ width:82%; margin:0.4rem 7% 0;}
.top1{ width:100%; height:2.5rem;background:#46a316; text-align:center; color:#fff; font-size:1.2rem; line-height:2.5rem; margin:0 auto;}
.fanhui{ width:95%; margin:0 auto}
.fanhui img{ width:6%; height:auto; float:left; margin-top:0.7rem}
.xian{ width:100%; height:2px; background:url(../images/xiantiaolv.png) no-repeat; font-size:0px}
.daohang{ background:#46a316; width:100%; height:auto}
.daohang ul{ width:95%; margin:0 auto; padding:0.5rem 0 0.5rem 0}
.daohang ul li{width:25%; height:2rem; margin-top:0.2rem; float:left; background:url(../images/dh_sx.png) no-repeat right 5px; text-align:center; color:#fff; font-family:"Microsoft Yahei"; font-size:1.2rem}
.daohang ul li.qdx{ background:none}
.daohang ul li a{ color:#fff; text-decoration:none}
.daohang ul li a:hover{ color:#fff; text-decoration:none}

.top .logo{ float:left; width:50%;}
.top .hot_line{ float:left; color:#fff; line-height:1.3rem; position:relative; }
.top .hot_line .phone{
		background:url(../images/rx.png) 0 center no-repeat;  position:absolute; left:0; top:0; width:2rem; height:1.8rem; background-size:100%; margin-top:0.6rem;
animation-name: telshow;
	animation-duration: 1.0s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	-webkit-animation-name: telshow;
	-webkit-animation-duration: 1.0s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-o-animation-name: telshow;
	-o-animation-duration: 1.0s;
	-o-animation-timing-function: linear;
	-o-animation-iteration-count: infinite;
		}
@keyframes telshow {
	0% {transform: rotate(0deg)}
	5% {transform: rotate(-13deg)}
	10% {transform: rotate(0deg)}
	15% {transform: rotate(-13deg)}
	20% {transform: rotate(0deg)}
	25% {transform: rotate(-13deg)}
	100% {transform: roate(0deg)}
}
@-webkit-keyframes telshow {
	0% {-webkit-transform: rotate(0deg)}
	5% {-webkit-transform: rotate(-13deg)}
	10% {-webkit-transform: rotate(0deg)}
	15% {-webkit-transform: rotate(-13deg)}
	20% {-webkit-transform: rotate(0deg)}
	25% {-webkit-transform: rotate(-13deg)}
	100% {-webkit-transform: roate(0deg)}
}
.top .hot_line p{ text-indent:2.2rem;}
.top .hot_line .f16{ font-size:16px;}
.top .hot_line .f16 a{ font-size:16px; color:#fff; line-height:1.3rem;}

/*左侧*/
.left_box{ background:#46a316; width:80%; height:4rem;position:fixed; bottom:0; left:0; z-index:9;}
.left_box >ul>li{ float:left; width:30%; text-align:center; line-height:1.1rem;}
.left_box >ul>li a{ color:#fff;}
.left_box >ul>li img{ margin-top:0.5rem; width:40%;height:2rem;}
.slide_box{ position:fixed; bottom:0; left:80%;}
.slide_box img{ width:1.5rem;}

/*bottom*/
/*.bottom{ background:#46a316; padding-top:0.5rem}*/
.bottom{ background:#46a316; width:100%; height:auto}
.bottom ul{ width:95%; margin:0 auto; padding:0.5rem 0 0.5rem 0}
.bottom ul li{width:25%; height:2rem; margin-top:0.5rem; float:left; text-align:center; color:#fff; font-family:"Microsoft Yahei"; font-size:1.2rem}
.bottom ul li a{ color:#fff; text-decoration:none}
.bottom ul li a:hover{ color:#fff; text-decoration:none}
.bottom .lxfs{ color:#fff; text-align:center; width:100%; height:auto; padding:1rem 0; line-height:1.3rem; font-size:0.825rem}
.ewm{ width:60%; height:auto; margin:0 auto; padding-top:1rem; padding-bottom:0.5rem; color:#fff}
.ewm .wxh{ width:45%; float:left; text-align:center; line-height:1.5rem}
.ewm .wxh img{ width:100%; height:auto}
.ewm .bwgw{ width:45%; float:right; text-align:center; line-height:1.5rem}
.ewm .bwgw img{ width:100%; height:auto}


.cd-top {
  display: inline-block;
  height: 62px;
  width: 58px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: url(../images/dingbu.png) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}