/*时间轴*/
.c_kebi{
	position: relative;
	width: 896px;
	margin:0px auto;
	overflow: hidden;
	background: url(/Content/images/ZTZL/line_4.gif) 0 44px repeat-x;
}
.c_zhanmusi{
	width: 998px;
	overflow: hidden;
	position: relative;
	margin:0px auto;
}
#timeLine {
	width: 1000px;
	margin: 30px auto;
	overflow: hidden;
	position: relative;
}

#yearList {
	width: 3200px;
	list-style: none;
	position: relative;
	margin-left: 387px;
	overflow: hidden;
    padding-left:0;
}

#yearList:after,.container-li:after {
	content: "";
	display: table;
	clear: both
}
.container-li{
	width: 930px;
	margin:0px auto;
}
#yearList li {
	float: left;
	cursor: pointer;
	text-align: center;
	font-size: 16px;
}
#yearList li a{
	width: 124px;
    height: 70px;
    line-height: 30px;
    display: block;
    color: #888;
    background: url(/Content/images/ZTZL/ico_dot_1.png) no-repeat center 36px;
}

.year-dot {
	width: 10px;
	height: 10px;
	border-radius: 5px;
	background-color: #002f21;
	margin: 10px auto;
	display: block
}
.c_ico_arr {
    margin-bottom: -1px;
    height: 20px;
    background: url(/Content/images/ZTZL/ico_arr_t_1.png) no-repeat center;
    position: relative;
    z-index: 1;
}
#cList {
	width: 1000px;
	position: relative;
	padding-top:30px;
	border:1px solid #e9e9e9;
	padding-bottom: 10px;
	border-radius: 10px;
}

#btnLeft {
	position: absolute;
    top: 30px;
    width: 34px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.8;
    left: 0;
    background-image: url(/Content/images/ZTZL/ico_arr_1_l.png);
}

#btnRight {
	position: absolute;
    top: 30px;
    width: 34px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.8;
    right: 0;
    background-image: url(/Content/images/ZTZL/ico_arr_1_r.png);
}

#btnLeft:hover,#btnRight:hover {
	opacity: 1;
}

#cUl {
	width: 1000px;
	list-style: none;
	height: 308px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	left: 0;
}

#cUl li.c_leigaga {
	width: 1000px;
	position: absolute;
	left: 0;
	background-color: #fff;
}
.li-tit {
	display: inline-block;
	color: #fff;
	background-color: #002f21;
	padding: 10px 20px;
	margin: 30px auto 10px
}
#yearList li.year-active a{
	color: #009944;
    background-image: url(/Content/images/ZTZL/ico_dot_2.png);
}
/*浏览器宽度大于等于1441，样式*/
@media screen and (min-width:1441px) {
    /*时间轴*/
.c_kebi{
	position: relative;
	width: 1050px;
	margin:0px auto;
	overflow: hidden;
	background: url(/Content/images/ZTZL/line_4.gif) 0 44px repeat-x;
}
.c_zhanmusi{
	width: 1198px;
	overflow: hidden;
	position: relative;
	margin:0px auto;
}
#timeLine {
	width: 1200px;
	margin: 30px auto;
	overflow: hidden;
	position: relative;
}

#yearList {
	width: 3200px;
	list-style: none;
	position: relative;
	margin-left: 463px;
	overflow: hidden;
    padding-left:0;
}

#yearList:after,.container-li:after {
	content: "";
	display: table;
	clear: both
}
.container-li{
	width: 1050px;
	margin:0px auto;
}
#yearList li {
	float: left;
	cursor: pointer;
	text-align: center;
	font-size: 16px;
}
#yearList li a{
	width: 124px;
    height: 70px;
    line-height: 30px;
    display: block;
    color: #888;
    background: url(/Content/images/ZTZL/ico_dot_1.png) no-repeat center 36px;
}

.year-dot {
	width: 10px;
	height: 10px;
	border-radius: 5px;
	background-color: #002f21;
	margin: 10px auto;
	display: block
}
.c_ico_arr {
    margin-bottom: -1px;
    height: 20px;
    background: url(/Content/images/ZTZL/ico_arr_t_1.png) no-repeat center;
    position: relative;
    z-index: 1;
}
#cList {
	width: 1200px;
	position: relative;
	padding-top:30px;
	border:1px solid #e9e9e9;
	/* padding: 30px; */
	padding-bottom: 10px;
	border-radius: 10px;
}

#btnLeft {
	position: absolute;
    top: 30px;
    width: 34px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.8;
    left: 0;
    background-image: url(/Content/images/ZTZL/ico_arr_1_l.png);
}

#btnRight {
	position: absolute;
    top: 30px;
    width: 34px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.8;
    right: 0;
    background-image: url(/Content/images/ZTZL/ico_arr_1_r.png);
}

#btnLeft:hover,#btnRight:hover {
	opacity: 1;
}

#cUl {
	width: 1200px;
	list-style: none;
	height: 308px;
	margin: 0 auto;
	position: relative;
	left: 0;
}
.event{
    margin-right:40px;
}
#cUl li.c_leigaga {
	width: 1200px;
	position: absolute;
	left: 0;
	background-color: #fff;
}
.li-tit {
	display: inline-block;
	color: #fff;
	background-color: #002f21;
	padding: 10px 20px;
	margin: 30px auto 10px
}
#yearList li.year-active a{
	color: #009944;
    background-image: url(/Content/images/ZTZL/ico_dot_2.png);
}
}