html {-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:rgba(0,0,0,0);font-size:100px;height:100%;overflow-scrolling:touch;width:100%;position:relative;}
/** * 当`body`宽度大于`html`宽度时，某些浏览器会出现内部滚动条，所以给`html、body`设置宽度100%。 * 取消部分浏览器点击有阴影。 * 优化移动端滚动事件。 */body {-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:rgba(0,0,0,0);font:14px '微软雅黑','lg', Arial,'Hiragino Sans GB',STHeiti,'STHeiti Light [STXihei]','Microsoft Yahei',sans-serif;height:100%;// overflow-scrolling:touch;position:relative;text-rendering:optimizeLegibility;width:100%;background:#fff;/*font-size:12px;*/}
/** * 移除常用标签的浏览器默认的`margin、padding` * pre、code、legend、fieldset、blockquote……等其他标签不是很常用，所以本css都不会一一列举出来，为了简化。如果项目中用到，可以自己单独写。 */body,p,h1,h2,h3,h4,h5,h6,dl,dd,ul,ol,th,td,button,figure,input,textarea,form {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
/** * 移除浏览器部分元素的默认边框。 * acronym、fieldset……等其他标签不是很常用，所以本css都不会一一列举出来，为了简化。如果项目中用到，可以自己单独写。 */img,input,button,textarea {border:none;}
/*img {display:inline-block;width:100%;}*/
/*因为`input`默认不继承父元素的居中样式，所以让`input`元素继承父元素的文本居中方式*/input {text-align:inherit;}
input::-moz-focus-inner {border:0;padding:0;}
input::-webkit-input-placeholder {color:#999999;}
input:-moz-placeholder {color:#999999;}
input::-moz-placeholder {color:#999999;}
input:-ms-input-placeholder {color:#999999;}
/*让`textarea`默认不可以放缩*/textarea {resize:none;}
textarea::-webkit-input-placeholder {color:#999999;}
textarea:-moz-placeholder {color:#999999;}
textarea::-moz-placeholder {color:#999999;}
textarea:-ms-input-placeholder {color:#999999;}
ol {list-style:none;}
ul {list-style:none;}
em{font-style: normal;}
/*使如下元素默认鼠标经过是`小手`的形状（一般表示可以点击，在PC端挺好）*/button {cursor:pointer;}
input[type='submit'] {cursor:pointer;}
input[type='button'] {cursor:pointer;}
input[type='number'] {-moz-appearance:textfield;}
input[type=number]::-webkit-inner-spin-button {-webkit-appearance:none;margin:0;}
input[type=number]::-webkit-outer-spin-button {-webkit-appearance:none;margin:0;}
template {display:none;}
.pf {-webkit-transform:translateZ(0);position:fixed;}
.middle {bottom:0;left:0;margin:auto;position:absolute;right:0;top:0;}
.middle-v {-moz-transform:-moz-translateY(-50%);-o-transform:-o-translateY(-50%);-webkit-transform:-webkit-translateY(-50%);position:relative;top:50%;transform:translateY(-50%);}
.fl {float:left;}
.fr {float:right;}
.tc {text-align:center;}
.tl {text-align:left;}
.tr {text-align:right;}
a{text-decoration: none;color: #000}
a:hover{color: #ccb17a !important}
* {box-sizing:border-box;padding:0;margin:0;}
.none {display:none !important;}
.over_h {overflow:hidden;}
.btn {-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:manipulation;touch-action:manipulation;}
.border_none {border:none;}
.mask {position:fixed;top:0;left:0;width:100%;height:100%;z-index:11;background-color:rgba(0,0,0,.5);}
.filter {-webkit-filter:blur(3px);}
input,
button {border:none;outline: none;box-sizing: border-box;background: transparent}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block; display: block; zoom: 1; }
.line1 {overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

div{box-sizing: border-box;}
.w1000{width: 1000px;margin:0 auto;overflow: hidden;}
.w1200{width: 1200px;margin:0 auto;overflow: hidden;}
.mtb50{margin-top: 50px;margin-bottom: 50px}
.mtb80{margin-top:80px;margin-bottom: 80px}
.ptb50{padding-top: 50px;padding-bottom: 50px}
.mt30{margin-top: 30px}
.mt10{margin-top: 10px}
.mt15{margin-top: 15px}
.mt20{margin-top: 20px}
.mt50{margin-top: 50px}
.mb20{margin-bottom: 20px}
.mb50{margin-bottom: 50px}
.mb80{margin-bottom: 80px}
.mr5{margin-right: 5px}
.mr10{margin-right: 10px}
.pr10{padding-right: 10px}
.pb10{padding-bottom: 10px}
.pb30{padding-bottom: 30px}
.pb50{padding-bottom: 50px}
.pt20{padding-top:20px;}
.pt50{padding-top:50px;}
.pt80{padding-top:80px;}
.c_top{height: 80px; position: absolute; width: 100%; left: 0; top: 0; background: url(../images/headbj.jpg) repeat; z-index: 7; }
.c_toph{height: 80px;}
.c_top .c_topnav {display: block; width: 1000px; height: 100%; margin: 0 auto; }
.c_top .c_topnav li {
  float: left;width: 200px;text-align: center;
  font-size: 14px;
  position: relative;
}
.c_top .c_topnav li>a{
  height: 80px!important;
  line-height: 80px!important
}
.c_top .c_topnav li a {
  display: block;
  color: #000;
  line-height: 31px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.c_top .c_topnav li a span {
  font-weight: 600;font-size: 18px;
}

.c_top .c_topnav li:hover a {
  color: #ccb17a;
}
.c_top .c_topnav li:hover .c_submenu {
  opacity: 1;
  visibility: visible;
  top: 77px;
  width: 120px;left:40px;
  border-top:3px solid #ccb17a;
  background-color: rgba(0,0,0,.5);
}
.c_top .c_topnav li.on a {
  background: #468040;
  color: #fff;
}
.c_top .c_topnav li.c_logo img{
  width: 120px;
  text-align: center;
}
.c_top .c_topnav li.c_logo:hover a {
  background: none;
}
.c_top .c_topnav li .c_submenu {
  position: absolute;
  left: 0;
  width: 100%;
  padding: 10px 0;
  opacity: 0;
  visibility: hidden;
  top: 45px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.c_top .c_topnav li .c_submenu a {
  display: block;
  padding: 5px 10px;
  text-align: center;
  line-height: 22px;
  height: auto;
  color: #fff
}
.c_top .c_topnav li .c_submenu a:hover {
  color: #f90;
}
.c_top .c_topnav li .c_submenu a.on {
  color: #f90;
}
.footer-t{background-color: #333333;color: #fff;padding:50px 0;}
.footer-t .fl{width: 200px}
.footer-t dt{font-size: 18px}
.footer-t dt a{color: #fff;}
.footer-t dd{margin-top: 15px;color: #aaa}
.footer-t dd a{color: #aaa}
.footer-t .f2{width: 350px}
.footer-t .f3{width: 150px}
.footer-t .f3 img{width: 150px;height: 150px}
.footer-f{background-color: #1a1a1a;color: #9f8b62;text-align: center;height: 40px;line-height: 40px;font-size: 12px}
.footer-f a{color: #9f8b62;}

#totop {
  width: 40px;
  height: 40px;
  cursor: pointer;
  position: fixed;
  border-radius: 50%;
  right: 20px;
  bottom: 30px;
  z-index: 1000;
  border: 1px solid #ddd;
  background: url(../images/totop.jpg) no-repeat center / 100% 100%;
  display: none;
}