@charset "utf-8";
/* CSS Document */
*{margin: 0;padding: 0;outline: none;border: none;text-decoration: none;font-weight: normal;background: transparent;border-collapse: collapse;border-spacing: 0;vertical-align: baseline;border-color: transparent}
body{font:12px Arial,"PingFang SC","Hiragino Sans GB",STHeiti,"Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;background: #fff;margin: 0 auto;color: #666;line-height: 100%;overflow-x: hidden}
h1,h2,h3,h4,h5,h6,button,p,button,ul,ol,li,textarea,input{list-style: none}
ul,ol{font-size: 0}
img,object,video,embed{max-width: 100%;vertical-align: middle;-moz-box-sizing: border-box;box-sizing: border-box;display: block}
span{display: inline-block}
button,a,.a{cursor: pointer;color: inherit;line-height: inherit;font-size: inherit}
textarea{resize:none/*vertical*/}
p{text-align: justify}
/*set*/
.center{margin: 0 3%}
.right{float: right;display: block}
.left{float: left;display: block}
.blockbox{display: block}
.inlinebox{display: inline-block}
.inlineboxt{display: inline-block;vertical-align: top}
.padd:after,.padd:before{content: "";display: block;clear: both}
.ptext{text-align: justify}
.max180{max-width: 180px}
span.indent{height:0;width: 2em}
.bg{position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;z-index: -1}
.clear{clear: both;display: block}
.clearfix:after{content: "";display: block;clear: both;height: 0;font-size: 0}
.to-top{display: none;color: #000;font-size: 36px;position: fixed;bottom: 24px;right: 24px;z-index: 9999;filter: alpha(opacity=50);opacity: 0.5;transition: 0.3s}
.to-top:hover{color: #f00;filter: alpha(opacity=70);opacity: 0.7}
.botmp{height:0}
/*.text{text-indent: 2em}*/
.text *{text-indent: 2em}
.img{overflow: hidden}
.img img{width: 100%}
.bmg{overflow: hidden}
.bmg img{-webkit-filter: grayscale(1); /* Webkit */filter: gray; /* IE6-9 */ filter: grayscale(1); /* W3C */;width: 100%}
.bmg:hover img{-webkit-filter: none}
.title{}
.title:before,.title:after{content: "";display: block;height: 24px}
.title h6{font-size: 18px;line-height: 20px;color: #444}
.title h6 span{font-size: 14px;line-height: 16px;color: #666;display: block;text-transform: uppercase}
.more{display: block;text-align: center;font-size: 14px;line-height: 20px;text-transform: uppercase;text-decoration: underline;color: #333;transition: 0.3s}
.more:before,.more:after{content: "";display: block;height: 12px}
.more:hover{color: #f20}
.morebox a{display: inline-block;padding: 0 24px;background: #535353;color: #fff;line-height: 2;font-size: 14px;text-transform: uppercase;transition: 0.3s}
.morebox a:hover{background: #f20}
.hidn{display: none}