@charset "utf-8";
*{margin:0;padding:0;list-style-type:none}
body,div,ul,li,form,input,textarea,span,a,i,dl,dt,dd,h1,h2,h3,h4,h5,h6{margin:0;padding:0}
ul,ol,dl,dt,dd,ol,li{list-style:none;list-style-type:none}
h1,h2{font-weight:bold;font-size:100%}
body,html{font-size:100px;font-family:'Microsoft YaHei',SimSun,Arial, Helvetica, sans-serif;min-width:1200px;background: #fafafa;color: #666666}
body{
  font-size: 14px;
}
a{color:#333;text-decoration:none;display: block}
a,img{border:0}
table{
  max-width: 100%;
}
input,button{outline:0;border:0;padding:0}
input[type=text],input[type=submit],input[type=button],textarea{padding:0;border-radius:0;border:0;outline:0;-webkit-appearance:none;appearance:none;font-family:'Microsoft YaHei';}
img{width:100%;vertical-align:middle}
.clearFix:after{content:" ";display:block;font-size:0;height:0;clear:both;visibility:hidden}
.moreLine{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.oneLine{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.tstAll{
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.imgHover:hover{
  -webkit-transform: scale(1.01);
  -moz-transform: scale(1.01);
  -ms-transform: scale(1.01);
  -o-transform: scale(1.01);
  transform: scale(1.01);
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.bold{
    font-weight: bold;
}
.ttc{
    text-align: center;
}
.ttu{
    text-transform: uppercase;
}
.ffA{
    font-family: 'Arial';
}
.ffS{
    font-family: 'SimSun';
}
.ffMic{
    font-family: 'Microsoft YaHei';
}
.bg_fff{
    background: #ffffff;
}
.color_333{
    color: #333333;
}
.color_666{
    color: #666666;
}
.color_999{
    color: #999999;
}
.color_ccc{
    color: #cccccc;
}
.color_fff{
    color: #ffffff;
}
.fs12{
    font-size: 12px;
}
.fs14{
    font-size: 14px;
}
.fs16{
    font-size: 16px;
}
.fs18{
    font-size: 18px;
}
.fs20{
    font-size: 20px;
}
.fs22{
    font-size: 22px;
}
.fs24{
    font-size: 24px;
}
.fs26{
    font-size: 26px;
}
.fs30{
    font-size: 30px;
}
.fw100{
    font-weight: 100;
}


.slideBox{ width:100%;  overflow:hidden; position:relative; max-height:900px;  background: url(../images/screen.jpg) no-repeat;  }
.slideBox .bg{ display:block; background:url(../images/bg.png) repeat; position:absolute; top:0px; left:0px; width:100%; height:100%;}
.slideBox .bd{  z-index:0;   }
.slideBox .bd { zoom:1; vertical-align:middle; width:100%; }
.slideBox .bd img{ display:block; position:absolute; top:50%; left:50%; width:430px; margin-left:-215px; margin-top:-177px; }
.slideBox video{ width:100%;  display:block; object-fit: contain;  }


.IndexList { padding-top:40px; padding-bottom:10px; display:block;  width:100%;}
.IndexList ul{width:100%; margin:0 auto; font-size:0; height:148px;  display:block;}
.IndexList li{ display:inline-block; position:relative; width:20%; text-align:center; vertical-align:top;}
.IndexList span{ display:block; padding-top:14px; color:#515151; font-size:16px; text-align: center;}
.IndexList span.pd{ margin-top: -48px;}
.IndexList small{ font-size:10px; color:#515151; display:block; padding-top:5px; text-transform:uppercase; text-align: center; font-size:12px;}
.IndexList b{ display:block; font-family:Arial; color:#515151; text-align: center; font-weight:bold;  margin-top:20px; }
.IndexList b em{ font-style:normal;  color:#515151; font-size:60px !important;}
.IndexList .IndexLContent{ font-size:0;position:relative; height:72px; overflow:hidden; display: inline-block;}
.IndexList .IndexLContent>div{ display:inline-block; position: relative; top:0; }
.IndexList .IndexLContent .Txt{display:block; font-family:Arial, Helvetica, sans-serif; display:block; text-align: center; font-size:75px; }
.IndexList i{ font-size:16px; font-weight:normal; font-style:italic; vertical-align: bottom; position:relative; top:-1px; right: 0px; }
.IndexList i.jc{ font-size:30px; vertical-align: top;font-style:normal; }