@charset "utf-8";
/* 清除默认样式 */
html, body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, textarea, th, td, select {margin: 0;padding: 0;}
*{box-sizing: border-box;}
html, body {min-height: 100%;}
body {font-family: "Microsoft YaHei";font-size:14px;color:#333;}
h1, h2, h3, h4, h5, h6{font-weight:normal;}
i{font-style: normal;}
ul,ol {list-style: none;}
img {border: none;vertical-align: middle;}
a {text-decoration: none;color: #232323;}
table {border-collapse: collapse;table-layout: fixed;}
input, textarea {outline: none;border: none;font-family: "Microsoft YaHei";}
textarea {resize: none;overflow: auto;}
input {-webkit-appearance:none; /*去除input默认样式*/}
mark{background-color: transparent}
em{font-style: normal;}
/* 常用样式 */

/* 板块居中 */
.wide{width: 1200px;margin:0 auto;}
/* 图标设置 */
.icon {
   display: block;
  background-image: url(../images/icon.png);
  background-repeat: no-repeat;
}
/* 清除浮动 */
.clearfix{
  zoom: 1;
}
.clearfix:before,
.clearfix:after{
  content: '';
  display: table;
}
.clearfix:after{
  clear: both;
}
/* 对齐方式 */
.fl {float: left}
.fr {float: right}
.tl {text-align: left;}
.tc {text-align: center}
.tr {text-align: right;}
/*显示 隐藏*/
.block{display: block!important;}
.none{display: none!important;}

/* 单行省略 */
.ellipse {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/* 多行省略 */
.ellipselist{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;overflow:hidden;}
/*css缓冲*/
.trantime{transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;-webkit-transition: all .5s;}
/*放大*/
.ss-scale{transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);}
.ss-scaleli:hover .ss-scale{transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05);-webkit-transform:scale(1.05);}
/*  */
.inline{display: inline-block;*display: inline;*zoom: 1;}
/*  */
.more-active span{position:relative;right: 0px;}
.more-active:hover span{animation: mysecond .8s linear infinite ;-moz-animation: mysecond .8s linear infinite ;	-webkit-animation: mysecond .8s linear infinite ;-o-animation: mysecond .8s linear infinite ;}
/* 
  *1.在父元素中添加 position：relative
  *任意宽度居中 IE8一下不支持 
*/
.center {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
}
/*共用样式*/

/*浏览器低版本提示*/
#brower-max {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); z-index: 1000; display: none;}
#brower-max.cur00 {display: block;}
#brower {position: fixed; width: 400px; height: 200px; background-color: #fff; text-align: center; top: 50%; left: 50%; margin-left: -200px; margin-top: -100px; padding-top: 50px; z-index: 1000; display: none;}
#brower.cur00 {display: block;}
#brower p {margin-top: 20px;}
#brower p a {color: #ff9c00;}
@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
  #brower-max {background-color:#000000; filter:Alpha(opacity=50); *zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */}
  #brower {filter:Alpha(opacity=100);}
}
/*返回顶部*/
.go-top{position: fixed;bottom: 30px;right: 30px;height: 60px;background-size: 100%;cursor: pointer;z-index: 101;background-color: #bbb9bac5;text-align: center;width:60px;color: #fff;padding-top:5px;padding-bottom: 5px;font-size: 12px;visibility: hidden;}
.go-top img{display: block;margin: 0 auto;height:60%;margin-bottom: 3px;}

/*  */
@keyframes mysecond{
	0%{right:0;}
	50%{right:-5px;}
	100%{right:0;}
}
 /*处理手机端浏览的空白问题 */
 @media screen and (max-width: 1200px) {
  body {
      width: 1200px;
  }
}