/* CSS Document */

.jtryBox{ overflow:hidden; width:1200px; margin:60px auto; padding:0 5px;}
.jtryBox .time_menu{ overflow:hidden; width:100%; height:88px; background-color:#f6f6f6; margin-bottom:60px;}
.jtryBox .time_menu .btn01{ float:left; background:url(../img/btn01.jpg) no-repeat center top;}
.jtryBox .time_menu .btn02{ float:right; background:url(../img/btn02.jpg) no-repeat center top;}
.jtryBox .time_menu span:hover{ background-position:bottom;}
.jtryBox .time_menu ul{ float:left; overflow:hidden; height:88px;  background: #f6f6f6;}
.jtryBox .time_menu li{ float:left; font-size:18px; color:#999; font-weight:bold; font-family:Arial; line-height:88px; height:88px;text-align:center; cursor:pointer}
.jtryBox .time_menu li.cur a{ font-size:32px; color:#dc1313; font-family:"微软雅黑";font-weight:500;}
.jtryBox .ryList{ overflow:hidden; width:1205px; margin-left:-2px; /* height:310px; */}
.jtryBox .rybox{ overflow:hidden; width:100%; background:url(../img/qiehuan_bg.jpg) no-repeat center bottom; position:relative; /* height:260px; */}
.jtryBox .rybox i{ display:block; width:33px; height:33px; cursor:pointer; position:absolute; top:90px;}
.jtryBox .rybox .btn01{ background:url(../img/dsz08_btn01.png) no-repeat center top; left:25px;}
.jtryBox .rybox .btn02{ background:url(../img/dsz08_btn02.png) no-repeat center top; right:25px;}
.jtryBox .rybox i:hover{ background-position:bottom;}
.jtryBox .rybox .ryWin { overflow:hidden; width:1200px; margin:0 auto; /* height:260px; */ position:relative}
.jtryBox .rybox .ryWin ul{ overflow:hidden; /* position:absolute */padding-bottom:50px;}
.jtryBox .rybox .ryWin li{ float:left; width:300px; height:220px; }
.jtryBox .rybox .ryWin .tu{ display:block; overflow:hidden; width:300px; height:185px; margin-bottom:10px; background:url(../img/tu_bg.png) no-repeat center top;}
.jtryBox .rybox .ryWin img{ display:block; margin:auto;margin-top:25px;}
.jtryBox .rybox .ryWin .title{ display:block; text-align:center; font-size:15px; color:#666;}
.jtryBox .ry_wen{ overflow:hidden; padding-left:135px; background:url(../img/jiangbei.png) no-repeat left top; width:1065px;}
.jtryBox .ry_wen .ry_wenList{ padding-left:50px; width:1015px; overflow:hidden; position:relative; padding-bottom:35px;}
.jtryBox .ry_wen .ry_wenList img{ display:block; position:absolute; left:0; top:0; z-index:2}
.jtryBox .ry_wen .ry_wenList i{ display:block; width:1px; height:100%; background-color:#dc1313; position:absolute; left:8px; top:0; z-index:1}
.jtryBox .ry_wen .ry_wenList h4{ font-size:20px; color:#333; margin-bottom:30px;}
.jtryBox .ry_wen .ry_wenList p{ font-size:16px; color:#838383; line-height:24px; padding-bottom:40px; border-bottom:1px dotted #eaeaea;}
.jtryBox .ry_wen .ry_wenList.last i{ display:none}
.jtryBox .ry_wen .ry_wenList.last p{ border-bottom:none; padding-bottom:0}
.jtryBox .ry_wen .ry_wenList.last{ padding-bottom:0}


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

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: 88px;
  width: 100%;
  margin: 0 auto;
}
.cd-horizontal-timeline .events-wrapper {
  position: relative;
  background: #f6f6f6;
  height: 88px;
  margin: 0 65px;
  overflow: hidden;
}
.cd-horizontal-timeline .events-wrapper::after, .cd-horizontal-timeline .events-wrapper::before {

}

.cd-horizontal-timeline .events {
  /* this is the grey line/timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  width:900px !important;
  padding:0px 40px;
  /* width will be set using JavaScript */
  background: #f6f6f6;
  -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 {
  text-align: center;
  font-size: 18px;
  padding-bottom: 15px;
  color: #999;
  font-weight:bold;
  /* fix bug on Safari - text flickering while timeline translates */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}
.cd-horizontal-timeline .events a::after {
 
}
.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 li{ width: 65px; height: 88px;}
.cd-timeline-navigation li.btn01{float:left}	
.cd-timeline-navigation li.btn02{float:right}	
	
.cd-timeline-navigation a {
	    float: left;
    background: url(../img/btn02.jpg) no-repeat center top;
 display: block;
    width: 65px;
    height: 88px;
    cursor: pointer;
}
.cd-timeline-navigation a::after {
}
.cd-timeline-navigation a.prev {
float:right;
  left: 0;
  margin-top:-44px;
  -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;
  margin-top:-88px;
}
.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;
}