body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
  padding: 0;
  margin: 0;
}
html,body{
    font-size: 10px;
}
body{
  /*font-family:"微软雅黑",Helvetica,Arial,sans-serif;*/
  font-family:"宋体";
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  outline: none;
  overflow-x: hidden;
  background: #efefef;
  color: #000;
}
ul,li,ol{
  list-style: none;
}
img{
  border: none;
}
a{
  text-decoration: none;
}
a:hover{
  text-decoration: none;
}
.clear{
  clear: both;
}
.fl{
  float: left;

}
.fr{
  float: right;
}
.w100{ display: block; width: 100%;}

.more{ display: table; width: 66px; height: 66px; background: #fff; text-align: center; color: #9fa0a0; font-size: 12px; line-height: 16px;}
.more span{ display: table-cell; vertical-align: middle;}
.more:hover{ background: #c90915; color: #fff;}
@media (min-width: 768px){
  .more{ width: 75px; height: 75px;}
}
@media (min-width: 1200px){
  .more{ width: 120px; height: 120px; font-size: 14px;}
}

/*common*/
.ewmMask{ width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: fixed; left: 0; top: 0; z-index: 5000; display: none;}
.ewmMaskBox{ width: 500px; height: 423px; margin: 10% auto 0 auto;}
.close{ width: 52px; height: 46px; margin: 0 auto; background: url(../images/close.png) no-repeat; cursor: pointer;}

/*nav*/
.menuContainer{ width: 50%; height: 100%; position: fixed; left: 0; top: 0; z-index: 10000; background: #ddddde; display: none;}
.menuContainerList{ width: 100%; box-sizing: border-box; padding: 20% 0 0 10%;}
.menuContainerList li{ height: 53px; line-height: 53px;}
.menuContainerList li a{ font-size: 16px; color: #000; padding-left: 25px; background: url(../images/icon6.png) no-repeat left center; position: relative; height: 53px; display: block;}
.menuContainerList li a span{ margin-left: 20px; display: none;}
.menuContainerList li:hover{ background: url(../images/bg10.png) no-repeat 7px top;}
.menuContainerList li:hover a{ overflow: hidden;}
.menuContainerList li:hover a:before{ content: ''; border-top: 1px solid #3e3a39; width: 100%; height: 52px; position: absolute; left: 15px; top: 0;}
.menuContainerList li:hover a:after{ content: ''; border-bottom: 1px solid #3e3a39; width: 100%; height: 52px; position: absolute; left: 15px; top: 0;}
.menuContainerList li:hover a span{ display: inline-block;}

@media (min-width: 1200px){
  .menuContainerList{ padding: 10% 0 0 20%;}
}
@media (min-width: 1300px){
  .menuContainer{ left: 80px;}
  .menuContainerList{ padding: 10% 0 0 20%;}
}
@media (min-width: 1600px){
  .menuContainerList{ padding: 6% 0 0 10%;}
}

/*leftNav*/
.leftNave{ display: none; width: 80px; position: fixed; left: 0; top: 0; bottom: 0; height: 100%; z-index: 100; background: #ddddde;}
.fixedIndex{ width: 80px; position: absolute; left: 0; bottom: 0;}
.fixedIndex li{ width: 80px; height: 60px; margin-bottom: 1px;}
.fixedIndex li a{ display: block; width: 100%; height: 100%; padding-top: 17px; background: #d0d0d1;}
.fixedIndex li a i{ display: block; width: 22px; height: 25px; margin: 0 auto; background: url(../images/icon4.png) no-repeat;}
.fixedIndex li.fi1 a i{ background-position: 0 0;}
.fixedIndex li.fi2 a i{ background-position: 0 -25px;}
.fixedIndex li.fi3 a i{ background-position: 0 -50px;}
.fixedIndex li.fi4 a i{ background-position: 0 -75px;}

.fixedIndex li a:hover{ background: #c90915;}
.fixedIndex li.fi1 a:hover i{ background-position: -22px 0;}
.fixedIndex li.fi2 a:hover i{ background-position: -22px -25px;}
.fixedIndex li.fi3 a:hover i{ background-position: -22px -50px;}
.fixedIndex li.fi4 a:hover i{ background-position: -22px -75px;}

.fixedIndex li.fi1{ display: none;}

@media (min-width: 1300px){
  .leftNave{ display: block;}
}

.menu{ width: 44px; height: 44px; position: absolute; left: 0; top: 0; z-index: 20000; background: #3e3a39; cursor: pointer; padding-top: 10px; box-sizing: border-box;}
.menu span{
  display: block; width: 17px; margin: 0 auto 3px auto; height: 1px; background: #898989;
  -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;
}
.menu span:nth-child(3){ margin-bottom: 0;}
.menu p{ color: #898989; text-align: center;}

.menuClose span{ margin: 0 0 3px 10px;}
.menuClose span:nth-child(1){ transform: rotate(45deg) translate(6px,0);}
.menuClose span:nth-child(2){ opacity: 0;}
.menuClose span:nth-child(3){ transform: rotate(-45deg) translate(6px,0);}

@media (min-width: 768px){
  .menu{ width: 66px; height: 66px; padding-top: 18px;}
  .menu span{ width: 34px; margin: 0 auto 6px auto;}
  .menu p{ font-size: 13px;}

  .menuClose span{ margin: 0 0 3px 13px;}
  .menuClose span:nth-child(1){ transform: rotate(45deg) translate(6px,0);}
  .menuClose span:nth-child(3){ transform: rotate(-45deg) translate(6px,0);}
  .menuClose p{ padding-top: 7px;}
}

@media (min-width: 1200px){
    .menu{ width: 80px; height: 80px; padding-top: 23px; position: fixed;}
    .menuClose span{ margin: 0 0 3px 20px;}
}

.fastNav{ width: 100%; position: absolute; left: 0; top: 28%;}
.fastNav a{ display: block; text-align: center; width: 100%; height: 30px; line-height: 30px; font-size: 14px; color: #898989;}
.fastNav i{ display: block; width: 15px; height: 15px; background: url(../images/icon7.png) no-repeat; margin: 0 auto;}
.fastNav a:hover{ color: #c90915;}