.header{ width:100%; height:400px; background:url(../img/top-banner4.jpg) no-repeat top center;}
.nav{ width:100%; height:77px; line-height:77px; background:url(../img/nav_bg.jpg);}
.nav ul{ width:1000px;}
.nav ul #sy{ background: url(../img/hover.png); width:138px; height:126px; margin-top:-25px;}
.nav ul #sy a{ text-align:center; width:138px; height:126px; display:block; line-height:126px;}
.nav ul li{ float: left; margin:0 45px;list-style: none;height: 77px;line-height:77px;text-align:center;}
.nav ul li a{ font-size:24px; color:#FFFFFF;}
.nav ul li a:hover{ text-decoration:none;color:#d9d9d9;}

h1{margin-top: 50px;color: #4ab933;}
.marginAuto{margin: 0 auto;}
.car-l,.car-r{float: left;}
.span-r{float: right;color: #3dff00; font-weight:bold;font-size: 16px;}
.car-l{width: 800px;}
.car{
  position: relative;
  border: 1px solid #018228;
  padding: 11px 0px 0px 2px;
}

.car-r{width: 398px;height: 531px;border: 1px solid #018228;
  border-left: none;}/* background-color: rgba(0,5,2,.3) */
.xtitle{padding: 20px 10px;}
.xtitle p:first-child{
  /*margin-top: 15px;*/
}
.xtitle H2 {color: #FFFFFF;
    display: block;
    font-size: 1.5em;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}
.xtitle > p{line-height: 180%;font-size: 15px; margin-bottom: 0; color: #FFFFFF;}
.clearf:before,.clearf:after {
    content: "";
    display: block;
    clear: both;
}

hr{ margin: 0;
    border: 0;
    border-top: 1px dashed #d9d9d9;
    border-bottom: none;
   
  }

.span2{
  height: 530px;
  margin-left: 17px;
}

.zzc{
  background-color: rgba(0, 0, 0, 0.38);
  width: 236px;
  height: 160px;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.carousel-control{
  z-index: 9;
}