/* CSS Document */

.jt_fzlc{ overflow:hidden; width:1200px; margin:60px auto;}

.jt_fzlc .menu { position:relative; overflow:hidden; width:100%; height:101px; margin-bottom:60px;}
.jt_fzlc .menu i{ display:block; width:100%; height:4px; background-color:#e5e5e5; position:absolute; left:0; top:29px;}
.jt_fzlc .menu ul{ overflow:hidden; width:94%; padding:0 3%; position:relative; z-index:2; height:101px;}
.jt_fzlc .menu li{ cursor:pointer; float:left; width:60px; height:45px; background:url(../img/menu01.png) no-repeat center top; margin:0 15px; text-align:center; padding-top:23px;}
.jt_fzlc .menu li em{ display:block; text-align:center; font-size:16px; color:#fff; line-height:16px;}
.jt_fzlc .menu li.last{ padding-top:31px; height:70px;}
.jt_fzlc .menu li.cur{ background:url(../img/menu02.png) no-repeat center top;}

.jt_fzlc .fzlc_box { overflow:hidden; width:100%;}
/*.jt_fzlc .fzlc_box dl{ overflow:hidden; width:100%;}
.jt_fzlc .fzlc_box dt{ overflow:hidden; width:242px; float:left; }
.jt_fzlc .fzlc_box dd{ float:right; width:930px; overflow:hidden}
.jt_fzlc .fzlc_box dt h4{ font-size:70px; color:#666; font-family:'宋体'; margin-bottom:10px; text-align:center;}
.jt_fzlc .fzlc_box dt p{ font-family:'宋体'; font-size:16px; color:#666; text-align:center; text-transform:uppercase; margin-bottom:10px;}
.jt_fzlc .fzlc_box dt em{ display:block; font-size:34px; color:#dc1313; font-family:'宋体';}
.jt_fzlc .fzlc_box dt span{ display:block; font-size:60px; color:#666; font-family:'宋体';}
.jt_fzlc .fzlc_box dt span em{ display:inline; font-size:50px;}
.jt_fzlc .fzlc_box dd img{ display:block; margin:0 auto; margin-bottom:35px;}
.jt_fzlc .fzlc_box dd b{ font-size:24px; color:#666; display:block; margin-bottom:25px;}
.jt_fzlc .fzlc_box dd h5{ font-size:34px; color:#dc1313; margin-bottom:50px;}
.jt_fzlc .fzlc_box dd p{ font-size:16px; color:#666; line-height:24px; margin-bottom:70px;}
.jt_fzlc .fzlc_box ul{ overflow:hidden; width:100%;}
.jt_fzlc .fzlc_box ul li{ padding-left:20px; background:url(Img/fzlc/p_bg.png) no-repeat left 8px; font-size:16px; color:#666; margin-bottom:25px; line-height:24px;}
*/
dl.fzlc{ overflow:hidden; width:100%;}
dl.fzlc>dt{ overflow:hidden; width:243px; min-height:294px; float:left;}
dl.fzlc>dd{ float:right; width:930px; overflow:hidden}
dl.fzlc>dt>h4{ font-size:70px; color:#666; font-family:"微软雅黑"; margin-bottom:10px; text-align:center;}
dl.fzlc>dt>p{ font-family:"微软雅黑"; font-size:16px; color:#666; text-align:center; text-transform:uppercase; margin-bottom:10px;}
dl.fzlc>dt>span em{ display:block; font-size:34px; color:#dc1313; font-family:"微软雅黑";}
dl.fzlc>dt>span{ display:block; font-size:60px; color:#666; font-family:"微软雅黑";}
dl.fzlc>dt>span em{ display:inline; font-size:50px;}
dl.fzlc>dd>img{ display:block; margin:0 auto; margin-bottom:35px;}
dl.fzlc>dd>b{ font-size:24px; color:#666; display:block; margin-bottom:25px;}
dl.fzlc>dd>h5{ font-size:34px; color:#dc1313; margin-bottom:50px;}
dl.fzlc>dd>p{ font-size:16px; color:#666; line-height:24px; margin-bottom:70px;}


dl.fzlc_list dd .wencontent::-webkit-scrollbar{width:5px;}
dl.fzlc_list dd .wencontent::-webkit-scrollbar-track{background-color:#f3f3f3;}
dl.fzlc_list dd .wencontent::-webkit-scrollbar-thumb{background-color:#dc1313;}


dl.fzlc_list { overflow:hidden; width:100%;}
dl.fzlc_list dt{ overflow:hidden; float:left; width:80px; position:relative; height:100%;}
dl.fzlc_list dt .time{ overflow:hidden; width:65px; height:70px; padding-left:5px; border:5px solid #dc1313; position: relative; z-index:2; background-color:#fff;}
dl.fzlc_list dt b{ display:block; font-size:27px; color:#dc1313; font-family:Arial; margin-top:20px;}
dl.fzlc_list dt em{ display:block; font-size:14px; color:#dc1313;}
dl.fzlc_list dt i{ display:block; width:2px; height:100%; background-color:#dc1313; position:absolute; left:50%; margin-left:-1px; top:0; z-index:1}
dl.fzlc_list dd{ float:right; width:80%; padding:30px 35px; position:relative; background-color:#fff; margin-bottom:50px;}
dl.fzlc_list dd img.sjx{ display:block; position:absolute; left:-19px; top:30px;}
dl.fzlc_list dd .wencontent{ overflow:hidden; position:relative;padding-right:20px;}
dl.fzlc_list dd .wencontent ul{ overflow:hidden; width:100%;}
dl.fzlc_list dd .wencontent li{ overflow:hidden; width:100%; *float:left; margin-bottom:20px;}
dl.fzlc_list dd .wencontent li h4{ font-size:30px; color:#dc1313;}
dl.fzlc_list dd .wencontent li h4 em{ font-size:14px; color:#555;}
dl.fzlc_list dd .wencontent li p{ font-size:14px; color:#666; line-height:22px;}
dl.fzlc_list dd .daoht{ display:none; overflow:hidden; float:left; width:9px; height:414px; background:url(../img/dht.png) no-repeat center; position:relative; margin-left:50px;}
dl.fzlc_list dd .daoht span{ display:block; width:9px; height:55px; background:url(../img/dht_btn.png) no-repeat center; position:absolute; left:0; top:0; cursor:pointer}
dl.fzlc_list.last dt i{ display:none} 



/* -------------------------------- 

Main Components 

-------------------------------- */
.cd-horizontal-timeline {
  opacity: 0;
  margin: 2em auto;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.cd-horizontal-timeline::before {
  /* never visible - this is used in jQuery to check the current MQ */
  content: 'mobile';
  display: none;
}
.cd-horizontal-timeline.loaded {
  /* show the timeline after events position has been set (using JavaScript) */
  opacity: 1;
}
.cd-horizontal-timeline .timeline {
  position: relative;
  height: 68px;
  width: 100%;
  margin: 0 auto;
}
.cd-horizontal-timeline .events-wrapper {
	    background: url(../img/honor.jpg) repeat-x 100% 28px;
  position: relative;
  height: 100%;
  margin: 0 40px;
  overflow: hidden;
}
.cd-horizontal-timeline .events-wrapper::after, .cd-horizontal-timeline .events-wrapper::before {
  /* these are used to create a shadow effect at the sides of the timeline */
  content: '';
  position: absolute;
  z-index: 2;
  top: 0;
  height: 100%;
  width: 20px;
}
.cd-horizontal-timeline .events-wrapper::before {
  left: 0;
  background-image: -webkit-linear-gradient( left , #f3f3f3, rgba(243, 243, 243, 0));
  background-image: linear-gradient(to right, #f3f3f3, rgba(243 ,243, 243, 0));
}
.cd-horizontal-timeline .events-wrapper::after {
  right: 0;
  background-image: -webkit-linear-gradient( right , #f3f3f3, rgba(243, 243, 243, 0));
  background-image: linear-gradient(to left, #f3f3f3, rgba(243, 243, 243, 0));
}
.cd-horizontal-timeline .events {
  /* this is the grey line/timeline */
  position: absolute;
  z-index: 1;
  left: 0;

  /* width will be set using JavaScript */
  background:url(../img/honor.jpg) repeat-x 100% 28px;
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s;
}
.cd-horizontal-timeline .filling-line {
  
}
.cd-horizontal-timeline .events a {
  font-size:16px;
  color: #fff;
  line-height:16px;

}
.cd-horizontal-timeline .events a::after {
  /* this is used to create the event spot */
  content: '';
  position: absolute;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -5px;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  border: 2px solid #dfdfdf;
  background-color: #f8f8f8;
  -webkit-transition: background-color 0.3s, border-color 0.3s;
  -moz-transition: background-color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, border-color 0.3s;
}
.no-touch .cd-horizontal-timeline .events a:hover::after {
  background-color: #7b9d6f;
  border-color: #7b9d6f;
}
.cd-horizontal-timeline .events a.selected {
  pointer-events: none;
}
.cd-horizontal-timeline .events a.selected::after {
  background-color: #7b9d6f;
  border-color: #7b9d6f;
}
.cd-horizontal-timeline .events a.older-event::after {
  border-color: #7b9d6f;
}
@media only screen and (min-width: 1100px) {
  .cd-horizontal-timeline {
	
    margin: 6em auto;
	margin-top:0px;
  }
  .cd-horizontal-timeline::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: 'desktop';
  }
}

.cd-timeline-navigation a {
  /* these are the left/right arrows to navigate the timeline */
  position: absolute;
  z-index: 1;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 34px;
  width: 34px;
  border-radius: 50%;
  border: 2px solid #dfdfdf;
  /* replace text with an icon */
  overflow: hidden;
  color: transparent;
  text-indent: 100%;
  white-space: nowrap;
  -webkit-transition: border-color 0.3s;
  -moz-transition: border-color 0.3s;
  transition: border-color 0.3s;
}
.cd-timeline-navigation a::after {
  /* arrow icon */
  content: '';
  position: absolute;
  height: 12px;
  width: 6px;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  background: url(../img/you.png) no-repeat 0 0;
}
.cd-timeline-navigation a.prev {
  left: 0;
  -webkit-transform: translateY(-50%) rotate(180deg);
  -moz-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  -o-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}
.cd-timeline-navigation a.next {
  right: 0;
}
.no-touch .cd-timeline-navigation a:hover {
  border-color: #7b9d6f;
}
.cd-timeline-navigation a.inactive {
  cursor: not-allowed;
}
.cd-timeline-navigation a.inactive::after {
  background-position: 0 -16px;
}
.no-touch .cd-timeline-navigation a.inactive:hover {
  border-color: #dfdfdf;
}