body{background-color: #fff}
/*====================导航*********/
.clearfix:after {content:'';display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}
.clear { clear: both;font-size: 0;height: 0;line-height: 0;}


.topbj{
  width: 100%;
  height: 140px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background: url(../images/top_bj.png) center no-repeat;
}
.top_logo{
  margin-left: 5%;
}
.top_right{
  margin-right: 5%
}
.top_right ul{
  line-height: 40px;
  margin-top: 30px;
}
.top_right ul li{
  float: left;
  font-size: 16px;
  color: #fff;
  margin-left: 40px;
  background: url(../images/x_tba.png) left center no-repeat;
  padding-left: 40px;
}
.top_right ul li span{
  font-family: "Arial";
  font-size: 20px;
}
.top_right ul li:nth-child(2){
  background: url(../images/x_tbb.png) left center no-repeat;
}
.top_right .top_dh{
  width: 100px;
  height: 45px;
  background: #28a3a7;
  border-radius: 5px;
  margin-left: 40px;
  margin-top: 25px;
  line-height: 45px;
  color: #fff;
  font-size: 14px;
  position: relative;
}
.top_right .top_dh em{
  padding-left: 55px;

}
.top_right .top_dh::after{
    content: '';
    display: block;
    width: 34px;
    height: 23px;
    background: url(../images/x_tbc.png) center no-repeat;
    position: absolute;
    top: 12px;
    left: 13px;
}



/*top*/
.head{ 
  width:205px; 
  position:absolute; 
  right:0; 
  top:0; 
  z-index:1000;
  height:100%;
  background: rgba(255,255,255,.7);
  /*opacity: 0;*/
  display: none;
}

.head .head_logo{margin-top: 60%;text-align: center;}
.top_lb{width: 80%;margin: 0 auto;margin-top: 20px;}
.top_lb ul li{float: left;width: 25%;text-align: center;}
.top_lb ul li span{display: block;color: #7f7f7f;font-size: 14px;margin-top: 8px;}
.top_lb ul li:hover span{text-decoration: underline;}


.nav{ position:relative;width:100%;margin-top: 35px;}
.navMain{ position:relative;}
.nav .navMain .navLi{position:relative; width:100%;text-align: center;}

.nav .navMain .navLi.indexLi{ margin-left:0; }
.nav .navMain .navLi.indexLi a.a1{ border:0;}
.nav .navMain .navLi a.a1{ display:block; color:#000; position:relative; height:55px; line-height:55px; text-align:center; font-size:16px; font-weight:500;}
.nav .navMain .navLi a.a1::before{}
.nav .navMain .navLi:hover a.a1,.nav .navMain .navLi.active a.a1{background: url(../images/navtb.png) 40px center no-repeat;}
.nav .navMain .navLi:hover a.a1::after,.nav .navMain .navLi.active a.a1::after,.nav .navMain .navLi:hover a.a1::before,.nav .navMain .navLi.active a.a1::before{ display:block;}
.nav .navMain .navLi .dh2{ width:220px; padding:10px; top:25%; left:205px; position:absolute; z-index:1000; display:none; overflow:hidden; -moz-transition:all 0.2s;-webkit-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s; background: rgba(255,255,255,.85);border-top:3px solid #ff9c00; box-shadow:0 3px 10px rgba(0,0,0,0.1); }
.nav .navMain .navLi .dh2 a.a2{ display:block;  width:100%;  color:#333; line-height:20px; font-size:14px; padding:15px 0; margin:0px 5px; border-bottom:1px solid #d1d1d1;}
.nav .navMain .navLi .dh2 a.a3 span{ padding-left:35px;}
.nav .navMain .navLi .dh2 a.a2 span{-moz-transition:all 0.2s;-webkit-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;}
.nav .navMain .navLi .dh2 a.a2:hover span{ padding-left:35px;}
.nav .navMain .navLi .dh2 a.a2:hover,.nav .navMain .navLi .dh2 a.a3:hover{ color:#fff;background-color:#ff9c00;}
.nav .navMain .navLi .dh2 a.a3{ display: block; width:200px;  float:left; line-height:20px; font-size:14px; padding:15px 0; margin:0px 5px; border-bottom:1px solid #ebebeb; }
.nav .navMain .navLi:hover .dh2{ display:block;}

.t_copy{
   text-align: center;
   font-size: 14px;
   color: #696969;
   line-height: 28px;
   margin-top:50px;

}
.t_copy span{
  color: #696969;  
}
.t_copy a{
  color: #696969;  
}
.zhiding{
    width: 70px;
    height: 70px;
    overflow: hidden;
    position: absolute;
    z-index: 9999;
    right: 2%;
    bottom: 15%
}
