img{
    vertical-align: middle;border: none;
}
body,p,h1,h2,h3,h4,h5,h6,ul,li{
     margin:0;
     padding: 0;
 }
body{
    font-family: Arial,"微软雅黑";   margin:0;padding:0;
    right:0;position: relative;
    background-color: #fff;
}
.tra{
    -webkit-transition: right .5s cubic-bezier(0, 0, 0.3, 1.0);
    -moz-transition: right .5s cubic-bezier(0, 0, 0.3, 1.0);
    -o-transition: right .5s cubic-bezier(0, 0, 0.3, 1.0);
    transition: right .5s cubic-bezier(0, 0, 0.3, 1.0);
}

a{
    text-decoration: none;
    color:#000;
}
ul>li{
    list-style: none;
}
.ab{
    position:absolute;
}
.img100{width:100%;}
#top{  display: block;  }
#top img{width:100%}
/*头部*/
header{
    width:100%;background-color: #fff;position: fixed;top:0;
    z-index:100;right:0;
}
header span{
    width:18.75%;float:right;
	background-color:#bdbdbd;
	position: relative;
    z-index:1001;
}
header span img{
    width:100%;
}
.ham1{
    position: absolute;top:0;left:0;opacity:0;
}
body.go header{
    right:60%;
}
body.go header span{
    background-color: #fff;
}
body.go header span .ham1{
    opacity:1;
}
body.go nav{
    right:0;
}
body.go{
    right:60%;overflow: hidden;
}
.logo{
    width:67.5%;
}
/*底部*/
.return-top{
    display: block;text-align: center;width:100%;
    border-bottom: 1px solid #b90900;
    border-top:1px solid #e5e5e5;
}
.return-top img{
   width:14%;
}
.banquan{
    padding:20px 0;
}
.banquan p{color:#797979;text-align: center;font-size: 10px;line-height: 20px;}
/*导航栏*/
nav{
    width:55%;position: fixed;top:0;right:-60%;z-index:300; background-color: #b90900;
    padding-right:5%;
}
nav a{
    display: block;width:100%;height:60px;color:#fff;font-size: 16px;text-align: right;
   line-height: 60px;
}
nav a:before{
    content:"";
    display:inline-block;
    float:left;
    height:60px;width:20px;
    background: url(../img/nav-arr.png) no-repeat center;
    background-size: auto 100%;
    margin-left:10%;
}
.nav:after,.pro:after,.news-box:after,.nor-box:after{
    content:"";
    display: block;
    clear:both;
}
/*项目分类*/
.pro{
    border:1px solid #cccccc;
    border-left:0;border-right:0;
}
.pro span{
    width:50%;height:50px;line-height: 50px;text-align: center;font-size: 14px;
    color:#1e1e1e;float:left;
}
.pro span.click{
    color:#fff;background-color: #b90900;
}
.pro a{
    width:50%;height:50px;line-height: 50px;text-align: center;font-size: 14px;
    color:#1e1e1e;float:left;
}
.pro a.click{
    color:#fff;background-color: #b90900;
}

/*分页*/
.fenye{
    margin:20px auto;overflow: hidden;position: relative;
    width:78%;
}
.fenye a{
    float:left;
    text-align: center;
    line-height:35px;height:35px;
    background-color: #e4e4e4;
}
.fenye a.to-left{
    width:13%;float:left;font-weight: bold;
}
.fenye a.to-right{
    width:13%;float:right;font-weight: bold;
}
.span-box{
    overflow: hidden;text-align: center;margin:0 auto;
    width:66%;
}
.span-box1{
    position: relative;
    -webkit-transition: left .1s ease-out,right .1s ease-out;
    -moz-transition: left .1s ease-out,right .1s ease-out;
    -o-transition: left .1s ease-out,right .1s ease-out;
    transition: left .1s ease-out,right .1s ease-out;
}
.span-box a{
    margin-right:5px;
}
.span-box a.click {
    background-color: #bb342e;
    color: #ffffff;
}

.zhezhao{
    width:100%;height:100%;position: fixed;background-color: rgba(0,0,0,.5);
    top:0;right:0;z-index:-1;opacity:0;
}
.go .zhezhao{
    display:block;;z-index:1000;opacity:1;right:60%;
}
