*{
 margin: 0;
 padding: 0; 
}
h1,h2,h3,h4,h5,h6,p,ul,li,dl,dd,dt,img,input{
 border: 0;
 margin: 0;
 padding: 0; 
}

body{
 font-family:arial,"Microsoft YaHei","宋体";
}
a{
 text-decoration: none;
}
ul,li{
 list-style: none;
}
img,input{
 border:none;
}
i{
 font-style: normal;
 font-family: consolas;
}
.clearfix:after{
 content:"200B";
 height:0;
 font-size:0;
 display:block;
 clear:both;
}
.clearfix{
 *zoom:1;
}
.hide{
 display: none;
}
.inner{
 width: 1200px;
 margin: 0 auto;
}

.header{
 background-color: #333;
}
.header .top{
 height: 40px;
}
.header .top ul{
 float: right;
 line-height: 40px;
}
.header .top ul li{
 float: left;
 margin: 0 9px;
}
.header .top ul li.line{
 width: 2px;
 height: 15px;
 background-color: #fff;
 margin: 12px 0px 0px;
}
.header .top ul li a{
 font-size: 12px;
 color: #fff;
 text-decoration: none;
}
.header .top ul li.last{
 margin-left: 25px;
  font-size: 0;
}
.header .top ul li input.text{
 font-size: 12px;
 border-radius: 3px 0 0 3px;
 padding: 0 10px;
 height: 24px;
 width: 145px;
 line-height: 24px;
 vertical-align: middle;
}
.header .top ul li input.search{
 border-radius: 0px 3px 3px 0px;
 height: 24px;
 width: 24px;
 background: #fff;
 vertical-align: middle;
}
.header .bottom{
 background: #860000;
 height: 135px;
 position: relative;
}
.header .bottom .logo{
 padding-top: 36px;
 width: 280px;
 float: left;
}
.header .bottom .logo img{
 width: 100%;
 height: auto;
}
.header .bottom .menu{
 display: none;
 position: absolute;
 top: 50px;
 right: 20px;
 cursor: pointer;
 width: 30px;
 height: 30px;
}
.header .bottom .menu i{
 display: block;
 width: 30px;
 height: 30px;
 background: url(../images/menu.png) no-repeat;
 background-size: cover;
}
.header .bottom .nav{
 padding-top: 36px;
 height: 64px;
 width: 825px;
 float: right;
}
.header .bottom .nav li{
 float: left;
 font-size: 16px;
 font-weight: bolder;
}

.header .bottom .nav li a{
 display: block; 
 padding: 0 28px;
 height: 50px;
 line-height: 50px;
 color: #fff;
 text-decoration: none;
}
.header .bottom .nav li a:hover{
 background: #fff;
 color: #860000;
}
.header .bottom .nav li.ac a{
 background: #fff;
 color: #860000;
}
.header .bottom .nav li .twoNav{
 background: #fff;
 width: 100%;
 position: relative;
 left: 0;
 top: 70px;
 filter:alpha(Opacity=0);
 -moz-opacity: 0;
 opacity: 0;
 z-index: 10;
}
.header .bottom .nav li .twoNav.hide{
 display: none;
}
.header .bottom .nav li .twoNav li.first{
 border-top: 1px solid #fff;
}
.header .bottom .nav li .twoNav li{
 float: none;
 
 border-bottom: 1px solid #ccc;
}
.header .bottom .nav li .twoNav li.last{
 border-bottom: none;
}
.header .bottom .nav li .twoNav li a{
 display: block;
 text-align: center;
 height: 40px;
 line-height: 40px;
 font-weight: normal;
 color: #333;
 padding: 0;
}
.header .bottom .nav li .twoNav li a:hover{
 background: #860000;
 color: #fff;
}

.banner{
 background-color: #f2f0f0;
 width: 100%;
 overflow: hidden;
}
.banner .bannerInner{
 position: relative;
 width: 1200px;
}
.banner .bannerInner .mask-l,.banner .bannerInner .mask-r{
 position: absolute;
 width: 100%;
  height: 100%;
  background: #fff;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
  z-index: 5;
}
.banner .bannerInner .mask-l{
 left: -100%;
   top: 0;
}
.banner .bannerInner .mask-r{
 left: 100%;
  top: 0;
}
.banner .bannerPic{
 font-size: 0;
 width: 1198px;
 height: 380px;
 border: 1px solid #fff;
 z-index: 2;
 position: absolute;
}
.banner .bannerPic ul{
 position: absolute;
 z-index: 1;
}
.banner .bannerPic li{
 float: left;
}
.banner .bannerPic img{
 width: 100%;
}
.banner .bannerBot{
 width: 100%;
 height: 50px;
 background-color: rgba(0,0,0,0.5);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);
 position: absolute;
 left: 0;
 bottom: 0;
 z-index: 4;
}
.banner .bannerBot .text{
 float: left;
 padding-left: 30px;
 width: 750px;
 height: 50px;
 line-height: 50px;
 color: #fff;
 font-size: 18px;
}
.banner .bannerBot .btn{
 float: right;
 padding-top: 18px;
 padding-right: 15px;
}
.banner .bannerBot .btn li{
 width: 15px;
 height: 15px;
 margin-right: 15px;
 border-radius: 50%;
 background-color: #999999;
 float: left;
 cursor: pointer;
}
.banner .bannerBot .btn li.ac{
 background-color: #860000;
}

.bannerTwo{
 background-color: #f2f0f1;
}
.bannerTwo .inner{
 font-size: 0;
}
.bannerTwo .inner img{
 width: 100%;
}



.footer .top{
 height: 40px;
 background-color: #2a2a2a;
 text-align: center;
}
.footer .top ul{
 display: inline-block;
}
.footer .top li{
 float: left;
}
.footer .top li a{
 display: block;
 height: 40px;
 line-height: 40px;
 margin: 0 32px;
 color: #fff;
 font-size: 16px;
 text-decoration: none;
}
.footer .top li.line{
 width: 2px;
 height: 17px;
 background-color: #fff;
 margin-top: 12px;
}
.footer .top li a:hover{
 color: #860000;
}
.footer .bottom{
 background-color: #860000;
 height: 126px;
 padding-top: 22px;
 color: #fff;
}
.footer .bottom .left{
 float: left;
 width: 700px;
}
.footer .bottom .left p{
 font-size: 14px;
 height: 35px;
 line-height: 35px;
}
.footer .bottom .right{
 float: right;
 width: 250px;
 text-align: center;
}
.footer .bottom .right li{
 float: left;
 margin-left: 20px;
}
.footer .bottom .right li .pic{
 margin: 0 auto;
 font-size: 0;
 width: 85px;
}
.footer .bottom .right li .pic img{
 width: 100%;
}
.footer .bottom .right li span{
 font-size: 14px;
 line-height: 25px;
 height: 25px;
 display: block;
}