body{font:normal 12px 'Microsoft YaHei','light'; sans-serif;text-alt:justify;text-justify:inter-ideograph;overflow-x:hidden;color:#313131;}

body,p,ul,li,ol,h1,h2,h3,h4,h5,h6,dl,dt,dd,form,iframe{margin:0;padding:0;color:#313131;}

ul,li,ol{list-style:none outside none;}

a img{border:none;}

.fl{float:left;}

.fr{float:right;}

a:link,a:visited{text-decoration:none;cursor: pointer;}

a:hover{text-decoration:none;cursor: pointer;}

a:focus{color:#0c1d0d;cursor: pointer;}
 
.clear{ clear:both;}

.clear{zoom:1;clear:both;display:inline-block;}

.clear{display:block;}
 
 #BizQQWPA1{background:url( /img/gif.png); position:fixed; right:2px; width:110px; height:154px; top:130px; cursor:pointer;z-index: 998;}

.banner{
    margin:0 auto;
    width:100%;
    height:640px;
    overflow:hidden;
    background:#818181;
}
#banner{
    width:100%;
    height:640px;
    overflow:hidden;
}
.banner-img a{
    display: block;
    width: 100%;
    height: 640px;
}
#banner .swiper-slide{
    position:relative;
    overflow:hidden;
}
#banner .swiper-slide img{
    top:0;
    left:50%;
    margin-left:-960px;
    position:absolute;
}
#banner .pagination {
    bottom:56px;
    width:100%;
    z-index:20;
    text-align:center;
    position:absolute;
}
#banner .swiper-pagination-switch {
    margin:0 5px;
    width:40px;
    height:5px;
    cursor:pointer;
    display:inline-block;
    background:#333333;
}
#banner .swiper-active-switch {
    background:#a70710;
}

.part_bg {
    background: #f7f7f7;
}
.cj_content {
    padding-top: 40px;
    padding-bottom: 38px;
   /* width: 1200px;*/
    margin: 0 auto;
}

.cj_content li{
    display: inline-block;
    float: left;
    width: 19.9%;
    text-align: center;
    border-right: 1px solid #e4e4e4;
}
 .last_border{ border-right: none!important;}
.cj_content li .num{
    position: relative;
    color: #3c3c3c;
    font-size: 30px;
    display: inline-block;
    font-family: Arial;
}
.cj_content li .num i{
    position: absolute;
    top:0;
    right: -20px;
    color: #949494;
    font-size: 12px;
    font-style: normal;
}
/* 
.clear_fix:after, .clear_fix:before {
    content: "";
    display: block;
    clear: both;
}*/
.cj_content li .cj_text{width: 166px;height: 43px;border: 1px solid #9a9393;text-align: center;line-height:38px;margin: 20px auto 0;display: block;font-size: 17px;color: #6F6F6F;background: #f7f7f7;position: relative;box-sizing: border-box;overflow: hidden;text-decoration: none;white-space: nowrap;z-index: 0;border-radius: 5px;}
.cj_content li .cj_text:before {position: absolute;content: '';background:rgba(73, 73, 73, 0.75);transition-duration: .3s;z-index: -1;top: auto;right: auto;bottom: 0;left: 0;width: 100%;height: 0;opacity: 1;}
.cj_content li .cj_text:hover:before {width: 100%;height: 100%;opacity: 1;}
.cj_content li .cj_text:hover {color: #fff;border-color:#9a9393 ;}

/*    .mtop{
animation:movetop 1s;
animation-fill-mode:forwards;
animation-direction:alternate;

}
    @keyframes movetop{
    from { 
    opacity: 0;
    filter: alpha(opacity=0)\9;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0)
 }
    to{
    opacity: 1;
    filter: alpha(opacity=100)\9;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    }
}
@-webkit-keyframes movetop{
    from { 
    opacity: 0;
    filter: alpha(opacity=0)\9;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0)
 }
    to{
    opacity: 1;
    filter: alpha(opacity=100)\9;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    }
}

*/


.timel{
    max-width: 1280px;
    margin: 0px auto 0px;
    }
.timel .title {
    font-size: 36px;
    color: #333;
    font-weight: 700;
    text-align: center;
    margin-bottom: 70px;
}
.timel .space {
    width: 1280px;
    background: #f1f1f1;
    text-align: center;
    padding-top: 80px;
    font-size: 18px;
}
.timel .space .today {
     width: 210px;
    background: url(../images/logofzlc.png) no-repeat;
    background-size: 100%;
    height: 251px;
    line-height: 200px;
    margin: 0 auto;
    color: #fff;
}


.timel .bg {
    background: #f1f1f1 url(../images/redline.jpg) repeat-y center center;
    padding: 29px 53px;
    overflow-x: hidden;
    width: 1280px;
}

.timel .bg .passage {
    width: 1174px;
    overflow: hidden;
}
.timel .bg .passage>div {
    width: 540px;
    float: left;
}
.timel .bg .passage .arrow {
    width: 56px;
    height: 18px;
    margin-top: 20px;
    border: 0;
    position: relative;
    overflow: hidden;
    float: left;
}

.timel .bg .passage .arrow img.img {
    width: 58px;
    height: 20px;
    background: url(../images/philathropy-arrow.png);
    border: 0;
    outline: 0;
    display: block;
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: 2px;
}
.timel .bg .passage .words {
    font-size: 14px;
    float: left;
    width: 540px;
    margin: 0 0 0 30px;
}
.timel .bg .passage .words {
    font-size: 14px;
    float: left;
    width: 540px;
    margin: 0 0 0 30px;
}
.content-editor p {
    line-height: 28px;
    font-size: 15px;
}
.content-editor p:nth-child(1){line-height: 32px;}
.timel .bg .passage .words span {
        color: #c44645;
    font-size: 36px;
    font-style: italic;
    text-shadow: 3px 1px 6px #a78484;
}
.timel .bg .passage .arrow2 {
    width: 47px;
    height: 18px;
    margin-top: 20px;
    border: 0;
    position: relative;
    overflow: hidden;
}
.timel .bg .passage .arrow2 img.img {
    width: 49px;
    height: 20px;
    background: url(../images/philathropy-arrow.png) 0 20px;
    border: 0;
    outline: 0;
    display: block;
    position: absolute;
    top: -1px;
    left: 7px;
    z-index: 2px;
}
.timel .bg .passage .arrow2 .img {
    width: 49px;
    height: 20px;
    background: url(../images/philathropy-arrow.png) 0 20px;
    border: 0;
    outline: 0;
    display: block;
    position: absolute;
    top: -1px;
    left: 7px;
    z-index: 2px;
}
/* .timeline{  background: linear-gradient(54deg, #9164ff, #8bfff4); padding-bottom: 100px;}
 
.timeline ul li {
  list-style-type: none;
  position: relative;
  width: 6px;
  margin: 0 auto;
  padding-top: 50px;
  background: #fff;
}
.timeline ul li::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%) rotate(45deg);
  width: 20px;
  height: 20px;
  z-index: 2;
  background: #eee;
}
.timeline ul li div {
  position: relative;
  bottom: 0;
  width: 450px;
  padding: 20px;
  background: #fff;
  box-shadow: 4px 13px 30px 1px rgba(252, 56, 56, 0.2);
  border-radius: 5px; 
  align-items: center;
}
.timeline ul li div time {
  position: absolute;
  background: #ff7800;
  color: #ffffff;
  width: 100px;
  height: 38px;
  top: -22px;
  border-radius: 5px;
  display: flex;
  font-size: 27px;
  justify-content: center;
  align-items: center;
  letter-spacing: 2px;
  z-index: 1;
}
.timeline ul li div div { 
   text-align: left;
}
.timeline ul li div div p {
  text-align: left;
}
.timeline ul li div .discovery {
  margin-right: 10px;
}
.timeline ul li:nth-of-type(odd) > div {
  left: 45px;
}
.timeline ul li:nth-of-type(even) > div {
  left: -510px;
}*/

/*.timeline ul li div {
  visibility: hidden;
  opacity: 0;
  transition: all 0.5s ease-in-out;
}
.timeline ul li:nth-of-type(odd) div {
  transform: translate3d(100px, -10px, 0) rotate(10deg);
}
.timeline ul li:nth-of-type(even) div {
  transform: translate3d(-100px, -10px, 0) rotate(10deg);
}
.timeline ul li.in-view div {
  transform: none;
  visibility: visible;
  opacity: 1;
}*/



 @media screen and (min-width: 1480px) and (max-width: 1920px) {
  .timeline ul li div { 
  width: 550px; 
}
.timeline ul li:nth-of-type(even) > div {
  left: -610px;
}

 }