/* by dingtiger 2018.12 */
@font-face{font-family:DINCond-Light;src: url('/font/DINCond-Light.otf');}

*｛margin:0;padding:0;｝
html,body{width:100%;height:100%}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { padding:0; margin:0; }
body { font-size: 14px; line-height:24px; color: #808080; font-family: "microsoft yahei","PingFang SC"; height:100%; width:100%; overflow-x:hidden;}
ul,li {list-style: none; padding:0px; margin:0px}
img { border:0; margin:0px; padding:0px;}
input:focus { outline: none;}

a:link {color: #808080;text-decoration: none;}
a:visited {color: #808080;text-decoration: none;}
a:hover {color:#e13521;text-decoration: none;}
a:active {color: #808080;text-decoration: none;}

.manu:link {color: #fff;text-decoration: none;}
.manu:visited {color: #fff;text-decoration: none;}
.manu:hover {color:#e13521;text-decoration: none;}
.manu:active {color: #fff;text-decoration: none;}

.newlink:link {color: #444;text-decoration: none;}
.newlink:visited {color: #444;text-decoration: none;}
.newlink:hover {color:#e13521;text-decoration: none;}
.newlink:active {color: #444;text-decoration: none;}

.bottomlink:link {color: #fff;text-decoration: none;}
.bottomlink:visited {color: #fff;text-decoration: none;}
.bottomlink:hover {color:#fff;text-decoration: none;}
.bottomlink:active {color: #fff;text-decoration: none;}

/*head*/
.index_head{width:100%; height:80px; position:fixed; top:0px; background-image:url(../image/menu_bg.png); z-index:9999;}

/*menu*/
.webwidget_menu_dropdown{width:1200px; height:80px; margin:0 auto}
.webwidget_menu_dropdown ul img{margin-top:15px;}
.webwidget_menu_dropdown ul:nth-child(1){padding: 0px;margin: 0px;width:460px; float:left;}
.webwidget_menu_dropdown ul:nth-child(2){padding: 0px;margin: 0px;width:610px; float:left;}
.webwidget_menu_dropdown ul:nth-child(3){padding: 0px;margin: 0px;width:130px; float:left; line-height:80px; color:#FFF; text-align:right;}

#jsddm
{	margin: 0;
	padding: 0;
	width:610px;}

	#jsddm li
	{	float: left;
		list-style: none;
		
}

	#jsddm li a
	{	display: block;
		background:none;
		text-decoration: none;
		width: 122px;
		text-align:center;
		line-height:80px;
		white-space: nowrap;
		font-size:14px;
		color:#fff;
		}

	#jsddm li a:hover
	{	background:none; color:#e13521;}
		
		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			width: 135px;}
		
			#jsddm li ul li
			{	float: none;
				display: inline;
				height:40px;
				line-height:40px;}
			
			#jsddm li ul li a
			{ width: auto;
			line-height:40px;
			background-image:url(../image/menu_bga.png);
				color: #fff}
			
			#jsddm li ul li a:hover
			{background: #e13521;
			color:#fff;}

.h_line{width:100%; height:3px; background-image:url(../image/menu_bgb.png); position:fixed; top:80px; z-index:9999;}

/*banner*/
.index_banner{width:100%; height:550px;}
.index_bannera{width:100%; height:330px;}

/*banner*/
.map{width:100%; height:550px;}

.map-modal .uk-modal-dialog{width:800px;height:500px;padding:10px 20px 30px;}
.map{width:100%;height:100%;}
.map .anchorBL{display:none}

.txt-box{width: 1200px; display: block;  margin:150px auto 0 auto; text-align: center;}
.swiper-container {width: 100%;height:100%;}

/* 文字视差显示 */
.swiper-slide{color: #fff;}
.swiper-slide .title {font-size:38px; color:#df670f; text-align:left; margin-top:240px; font-family:Arial, Helvetica, sans-serif;}
.swiper-slide .ftitle {font-size:38px; color:#df670f; text-align:left; margin-top:16px; font-family:Arial, Helvetica, sans-serif;}
.swiper-slide .xtitle {font-size:48px; color:#df670f; text-align:left; margin-top:22px; font-weight:bold;}

/*index_sj*/
.index_sj{width:100%; height:auto; padding:60px 0;}
.index_sj ul{width:1200px; margin:0 auto;}
.index_sj ul:nth-child(1){height:40px; text-align:center; background-image:url(../image/red_line.png); background-position:bottom center; background-repeat:no-repeat; font-size:24px; color:#444444;}
.index_sj ul:nth-child(2){height:300px; margin-top:50px;}
.index_sj ul:nth-child(2) dd{width:400px; text-align:center; height:110px; margin-bottom:40px; float:left;}
.index_sj ul:nth-child(2) dd p{width:400px; background:url(../image/red_line.gif) no-repeat bottom center;font-size:34px; font-family:Arial, Helvetica, sans-serif; line-height:60px; margin-bottom:8px; color:#e13521; font-family:DINCond-Light;}
.index_sj ul:nth-child(3){height:30px; text-align:center;}
.index_sj ul:nth-child(3) a{background-color:#000; color:#FFF; padding:5px 35px; transition: background 0.5s ease,transform 0.5s ease-out 0.5s;}
.index_sj ul:nth-child(3) a:hover{background-color:#e13521; color:#FFF; padding:5px 35px; transition: background 0.5s ease,transform 0.5s ease-out 0.5s;}

/*index_yfhd*/
.index_yfhd{width:100%; height:442px; padding:60px 0; background-image:url(../image/hd_bg.jpg); background-position:center; background-attachment: fixed; background-size:cover;}
.index_yfhd ul{width:1200px; margin:0 auto;}
.index_yfhd ul:nth-child(1){height:40px; text-align:center; background-image:url(../image/red_line.png); background-position:bottom center; background-repeat:no-repeat; font-size:24px; color:#444444;}
.index_yfhd ul:nth-child(2){height:105px; margin-top:50px; font-size:12px; line-height:22px; text-align:center; color:#555;}
.index_yfhd ul:nth-child(3){height:236px; width:900px;}

.index_yfhd ul dd{width:300px; height:295px; float:left;}
.index_yfhd ul dd:nth-child(1){background:url(../image/activity-01.png) no-repeat center; cursor:pointer; transition: background 0.5s ease,transform 0.5s}
.index_yfhd ul dd:nth-child(1):hover{background:url(../image/activity-01a.png) no-repeat center; cursor:pointer; transition: background 0.5s ease,transform 0.5s}

.index_yfhd ul dd:nth-child(2){background:url(../image/activity-02.png) no-repeat center; cursor:pointer; transition: background 0.5s ease,transform 0.5s}
.index_yfhd ul dd:nth-child(2):hover{background:url(../image/activity-02a.png) no-repeat center; cursor:pointer; transition: background 0.5s ease,transform 0.5s}

.index_yfhd ul dd:nth-child(3){background:url(../image/activity-03.png) no-repeat center; cursor:pointer; transition: background 0.5s ease,transform 0.5s}
.index_yfhd ul dd:nth-child(3):hover{ background:url(../image/activity-03a.png) no-repeat center; cursor:pointer; transition: background 0.5s ease,transform 0.5s}

/*index_honner*/
.index_honner{width:100%; height:150px;}
.index_honner ul{width:1200px; height:150px; margin:0 auto;}
.index_honner ul li{width:297px; height:150px; float:left;}
.index_honner ul li:nth-child(1){font-size:40px; color:#FFF; font-weight:bold; line-height:150px; text-align:center; 
background: -webkit-linear-gradient(left right, #d8341f , #e39200); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(bottom right, #d8341f, #e39200); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(bottom right, #d8341f, #e39200); /* Firefox 3.6 - 15 */
background: linear-gradient(to bottom right, #d8341f , #e39200); /* 标准的语法 */
	
}
.index_honner ul li:nth-child(2){font-size:20px; background:url(../image/aptitude-01.png) no-repeat center 20px; transition: background 0.5s ease,transform 0.5s; text-align:center; line-height:240px; border-right:1px solid #f5f5f5; cursor: pointer;}
.index_honner ul li:nth-child(2):hover{font-size:20px; color:#e13521; background:url(../image/aptitude-01.png) no-repeat center 30px; background-color:#eee; cursor:pointer; transition: background 0.5s ease,transform 0.5s; text-align:center; line-height:240px; border-right:1px solid #f5f5f5; cursor: pointer;}
.index_honner ul li:nth-child(3){font-size:20px; background:url(../image/aptitude-02.png) no-repeat center 30px; transition: background 0.5s ease,transform 0.5s; text-align:center; line-height:240px; border-right:1px solid #f5f5f5; cursor: pointer;}
.index_honner ul li:nth-child(3):hover{font-size:20px; color:#e13521; background:url(../image/aptitude-02.png) no-repeat center 40px; background-color:#eee; cursor:pointer; transition: background 0.5s ease,transform 0.5s; text-align:center; line-height:240px; border-right:1px solid #f5f5f5; cursor: pointer;}
.index_honner ul li:nth-child(4){font-size:20px; background:url(../image/aptitude-03.png) no-repeat center 30px; transition: background 0.5s ease,transform 0.5s; text-align:center; line-height:240px; border-right:1px solid #f5f5f5; cursor: pointer;}
.index_honner ul li:nth-child(4):hover{font-size:20px; color:#e13521; background:url(../image/aptitude-03.png) no-repeat center 40px; background-color:#eee; cursor:pointer; transition: background 0.5s ease,transform 0.5s; text-align:center; line-height:240px; border-right:1px solid #f5f5f5; cursor: pointer;}


/*index_honner*/
.about_honner{width:100%; height:50px;}
.about_honner ul{width:904px; height:50px; margin:30px auto; }
.about_honner ul li{width:300px; height:50px; float:left;}
.about_honner ul li:nth-child(1){font-size:20px; transition: background 0.5s ease,transform 0.5s; text-align:center; line-height:50px; border-right:1px solid #898989;}
.about_honner ul li:nth-child(1):hover{font-size:20px; color:#e13521;  background-color:#eee; cursor:pointer; transition: background 0.5s ease,transform 0.5s; text-align:center; line-height:50px; border-right:1px solid #f5f5f5;}
.about_honner ul li:nth-child(2){font-size:20px; transition: background 0.5s ease,transform 0.5s; text-align:center; line-height:50px; border-right:1px solid #898989;}
.about_honner ul li:nth-child(2):hover{font-size:20px; color:#e13521;  background-color:#eee; cursor:pointer; transition: background 0.5s ease,transform 0.5s; text-align:center; line-height:50px; border-right:1px solid #f5f5f5;}
.about_honner ul li:nth-child(3){font-size:20px; transition: background 0.5s ease,transform 0.5s; text-align:center; line-height:50px; border-right:1px solid #898989;}
.about_honner ul li:nth-child(3):hover{font-size:20px; color:#e13521; background-color:#eee; cursor:pointer; transition: background 0.5s ease,transform 0.5s; text-align:center; line-height:50px; border-right:1px solid #f5f5f5;}


.licheng {width:100%; height:300px;}
.licheng ul{width:600px; height:300px; margin:0 auto; padding-bottom: 30px;}


/*index_news*/
.index_news{width:100%; height:400px; padding:60px 0px; background-image:url(../image/news_bg.jpg); background-position:center; background-attachment:fixed; background-size:cover;}
.index_news ul{width:1200px; height:auto; margin:0 auto;}
.index_news ul:nth-child(1){height:40px; text-align:center; background-image:url(../image/red_line.png); background-position:bottom center; background-repeat:no-repeat; font-size:24px; color:#444444;}
.index_news ul:nth-child(2){height:310px;}
.index_news ul li:first-child{width:255px; height:310px; float:left; margin-top:50px; margin-left:0px; background-image:url(../image/wbg.png); position:relative;}
.index_news ul li{width:255px; height:310px; float:left; margin-top:50px; margin-left:60px; background-image:url(../image/wbg.png); position:relative;}
.index_news ul li a{overflow:hidden;width:100%;display: inline-block;}
.index_news ul li dd{padding:15px; font-size:12px; line-height:22px;}
.index_downBox{display: flex;flex-direction: column;align-items: center;justify-content: center;height: 280px;}
.index_downBox a{width:100%;display: inline-block;margin: 10px 0;}
.index_news ul li dd span{font-size:16px; color:#333;}
.index_news ul li dd font{font-size:16px; color:#e13521;}

.index_news ul li dl{width:240px; height:25px; position:absolute; bottom:0px; font-size:12px; color:#fff; font-family:Arial, Helvetica, sans-serif; padding-left:15px;
background: -webkit-linear-gradient(right, #222 , #aaa); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(right, #222, #aaa); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(right, #222, #aaa); /* Firefox 3.6 - 15 */
background: linear-gradient(to right, #222 , #aaa); /* 标准的语法 */
}

/*bottom*/
.q_bottom{width:100%; height:230px; padding:60px 0;
background: -webkit-linear-gradient(left right, #d8341f , #e39200); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(bottom right, #d8341f, #e39200); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(bottom right, #d8341f, #e39200); /* Firefox 3.6 - 15 */
background: linear-gradient(to bottom right, #d8341f , #e39200); /* 标准的语法 */
}
.q_bottom ul:nth-child(1){width:1200px; height:230px; margin:0 auto;}
.q_bottom li{height:230px; float:left; color:#FFF;}
.q_bottom li:nth-child(1){width:200px;}
.q_bottom li:nth-child(2){width:200px;}
.q_bottom li:nth-child(3){width:200px;}
.q_bottom li:nth-child(4){width:200px;}
.q_bottom li:nth-child(5){width:400px;}

.q_bottom ul:nth-child(2){width:1200px; height:30px; margin:0 auto; border-top:1px solid #ffffff;}
.q_bottom ul dd{width:50%; height:30px; line-height:30px; font-size:12px; float:left; color:#FFF;}

.q_bottom ul p{ font-weight:bold; margin-bottom:10px;}

/*about_content*/
.about_content{width:100%;padding:60px 0;}
.about_content ul{width:1200px; margin:0 auto;}
.about_content ul:nth-child(1){height:40px; text-align:center; background-image:url(../image/red_line.png); background-position:bottom center; background-repeat:no-repeat; font-size:24px; color:#444444;}
.about_content ul:nth-child(2){ height:100%;margin-top:50px; }

/*sj_content*/
.sj_content{width:100%; height:auto; padding:60px 0; border-top:1px solid #eeeeee;}
.sj_content ul{width:1200px; margin:0 auto;}
.sj_content ul:nth-child(1){height:430px;}
.sj_content ul:nth-child(1) dd{width:400px; text-align:center; height:110px; margin-bottom:40px; float:left;}
.sj_content ul:nth-child(1) dd p{width:400px; background:url(../image/red_line.gif) no-repeat bottom center;font-size:34px; font-family:Arial, Helvetica, sans-serif; line-height:60px; margin-bottom:8px; color:#e13521; font-family:DINCond-Light;}


/*gshd_content*/
.gshd_content{width:100%; height:280px; padding:60px 0; background-image:url(../image/hd_bg.jpg); background-position:center; background-attachment: fixed; background-size:cover;}
.gshd_content ul{width:1200px; margin:0 auto;}
.gshd_content ul:nth-child(1){height:40px; text-align:center; background-image:url(../image/red_line.png); background-position:bottom center; background-repeat:no-repeat; font-size:24px; color:#444444;}
.gshd_content ul:nth-child(2){height:320px; margin-top:50px; font-size:12px; line-height:22px; text-align:center; color:#555;}

/* 效果CSS开始 */
#zsgun{position:relative; height:240px; width:1200px; margin:auto;}
a.hScrollPane_leftarrow{top:55px; cursor:pointer; display:block; width:25px; height:58px; background:url(../image/zsleftbar.png) no-repeat left top;left:15px; position:absolute;}
a.hScrollPane_leftarrow:hover{background:url(../image/zsleftbar.png) no-repeat left -58px;}
a.hScrollPane_rightarrow{ top:55px; cursor:pointer; display:block; width:25px; height:58px; background:url(../image/zsrightbar.png) no-repeat left top; right:15px; position:absolute;}
a.hScrollPane_rightarrow:hover{background:url(../image/zsrightbar.png) no-repeat left -58px;}
.hScrollPane_dragbar{width:1080px; position: absolute; border-bottom:#fff 1px solid; left:55px; top:180px; z-index:1;}
.hScrollPane_draghandle{position:absolute; width:180px; height:10px; overflow:hidden; background:url(../image/gunbar.png) no-repeat left top; bottom:-5px; cursor:pointer; margin:0 0px; left:0;}
#gundiv{ width:1080px; position:relative; margin-left:55px; float:left; display:inline;height:180px; overflow:hidden;}
#gundiv ul {height:155px;position: absolute; width:10000px;}
#gundiv li{ width:200px; height:180px; overflow:hidden; float:left; margin-right:20px;position:relative;}
#gundiv li p{ display:none; height:18px; line-height:18px; text-align:center; overflow:hidden;}
#gundiv li p a:link,#gundiv li p a:visited{ color: #53711C; font-size: 12px; }
#gundiv li.zslion p{ display:block;}


/*ls_content*/
.ls_content{width:100%; height:auto; padding:60px 0 50px 0;}
.ls_content ul{width:1200px; margin:0 auto;}
.ls_content ul:nth-child(1){height:40px; text-align:center; background-image:url(../image/red_line.png); background-position:bottom center; background-repeat:no-repeat; font-size:24px; color:#444444;}

.timeline-container {
  position: relative; margin-bottom:60px;}
  .timeline-container::after {
    content: '';
    display: table;
    clear: both; }

.timeline {
  width: 100%; }

.timeline-list {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin: 0;
  padding: 0; }

.timeline-list-wrap {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  transform: translate3d(0, 0, 0);
  transition: transform 1s cubic-bezier(0.455, 0.03, 0.515, 0.955); }

.timeline-item {
  float: left;
  width: 1100px;
  height: 400px;
  border: 1px solid #ddd;
  box-sizing: border-box; }

.timeline-dots-wrap {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 32px;
  overflow: hidden; }
  .timeline-dots-wrap.bottom {
    bottom: -50px; }
  .timeline-dots-wrap.top {
    top: -50px; }

.timeline-dots {
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
  height: 100%;
  background: url("../image/timeline-bg.png") bottom repeat-x;
  transition: transform 1s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  .timeline-dots li {
    float: left;
    width: 50px;
    transition: all 1s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    list-style: none;
    text-align: center;
    overflow: hidden; }
    .timeline-dots li.slide-active button {
      color: #2972ca;
      font-size: 15px; }
  .timeline-dots button {
    cursor: pointer;
    border: none;
    outline: none;
    color: #333;
    font-size: 12px;
    padding-bottom: 15px;
    background: url("../image/date-icon.png") bottom no-repeat;
    transition: all 1s cubic-bezier(0.455, 0.03, 0.515, 0.955); }

.timeline-container {
  width: 1100px;
  margin: 0 auto; }

.timeline-list {
  width: 1100px; }

.timeline-item {
  width: 1100px;
  height: 400px;
  padding: 10px;
  border: 1px solid #ddd; }

.timeline-visual {
  float: left;
  width: 43%;
  margin-right: 3%;
  line-height: 1; }
  .timeline-visual img {
    max-width: 100%; }

.timeline-detail {
  float: left;
  width: 53%;
  height: 100%;
  overflow-y: auto; }

.timeline-detail-list {
  margin: 10px;
  padding: 10px; }
  .timeline-detail-list li {
    margin-bottom: 0.4rem; }

.timeline-theme-2 {
  width: 900px;
  margin: 50px auto 60px auto; }

.timeline-small-box .timeline-list {
  width: 900px; }

.timeline-small-box .box-item {
  float: left;
  width: 900px;
  height: 150px;
  color: #fff;
  text-align: center; }
  
/* 效果CSS结束 */

/*pro_list*/
.pro_list{width:1200px; height:auto; padding:60px 0; margin:0 auto; display:block;}
.pro_list ul:nth-child(1){height:40px; text-align:center; background-image:url(../image/red_line.png); background-position:bottom center; background-repeat:no-repeat; font-size:24px; color:#444444;}
.pro_list dd{width:50%; height:30px; line-height:30px; float:left; margin-top:50px; font-size:16px; color:#444; margin-bottom:10px;}

.adl{ width:283px; height:210px; float:left; background-color:#666; margin-right:20px; margin-bottom:20px; position:relative;}
.bdl{ width:283px; height:210px; float:left; background-color:#666; margin-bottom:20px; position:relative;}

.pro_list span{width:270px; height:30px; position:absolute; padding-left:15px; z-index:88; left:0px; bottom:0px; color:#FFF;
background: -webkit-linear-gradient(right, #222 , #aaa); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(right, #222, #aaa); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(right, #222, #aaa); /* Firefox 3.6 - 15 */
background: linear-gradient(to right, #222 , #aaa); /* 标准的语法 */
}

/*pro_content*/
.pro_contact{width:1200px; height:auto; padding:60px 0; margin:0 auto; display:block;}
.pro_contact{width:1200px;}
.pro_contact ul:nth-child(1){height:40px; text-align:center; background-image:url(../image/red_line.png); background-position:bottom center; background-repeat:no-repeat; font-size:24px; color:#444444;}
.pro_contact ul:nth-child(2){height:auto; margin-top:50px;}
.pro_contact ul:nth-child(3){height:30px; text-align:center; margin-top:30px; line-height:30px;}
.pro_contact ul:nth-child(4){height:50px; text-align:center; margin-top:50px; border-top:1px solid #f5f5f5; line-height:50px;}

/*pro_content*/
.pro_contacta{width:1200px; height:auto; padding:60px 0; margin:0 auto; display:block;}
.pro_contacta{width:1200px;}
.pro_contacta ul:nth-child(1){height:40px; text-align:center; background-image:url(../image/red_line.png); background-position:bottom center; background-repeat:no-repeat; font-size:24px; color:#444444;}
.pro_contacta ul:nth-child(2){height:auto; margin-top:50px;}
.pro_contacta ul:nth-child(3){height:50px; text-align:center; margin-top:50px; border-top:1px solid #f5f5f5; line-height:50px;}

/*news_list*/
.news_list{width:1200px; height:auto; padding:60px 0; margin:0 auto; display:block;}
.news_list ul:nth-child(1){height:40px; text-align:center; background-image:url(../image/red_line.png); background-position:bottom center; background-repeat:no-repeat; font-size:24px; color:#444444; margin-bottom:50px;}

.cdl{ width:280px; height:310px; float:left; background-color:#f5f5f5; margin-right:20px; margin-bottom:20px; position:relative;overflow: hidden;}
.cdl a{display:inline-block;width:100%;height:180px;background-position: center;background-size: cover;}

.news_list span{width:270px; height:30px; position:absolute; padding-left:15px; z-index:88; left:0px; bottom:0px; color:#FFF;
background: -webkit-linear-gradient(right, #222 , #aaa); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(right, #222, #aaa); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(right, #222, #aaa); /* Firefox 3.6 - 15 */
background: linear-gradient(to right, #222 , #aaa); /* 标准的语法 */
}

.new_title{padding:15px; font-size:12px; line-height:22px;}
.new_title font{ font-size:14px; color:#444444;}

/*down_list*/
.down_list{width:1200px; height:auto; padding:60px 0; margin:0 auto; display:block;}
.down_list ul:nth-child(1){height:40px; text-align:center; background-image:url(../image/red_line.png); background-position:bottom center; background-repeat:no-repeat; font-size:24px; color:#444444; margin-bottom:50px;}
.down_list ul:nth-child(2){height:auto; margin-top:50px;}
.down_list dd{width:100%; float:left; height:50px; line-height:50px;}

.contact_content{width:1200px; height:450px; padding:60px 0; margin:0 auto; display:block;}
.contact_content ul{width:550px; height:450px; float:left; line-height:26px;padding-left: 50px;}
.contact_content ul font{font-size:16px; color:#444;}

.contact_ly {width:1100px; height:auto;  padding-bottom: 50px; margin:0 auto; }
.contact_ly ul font{font-size:16px; color:#444;}

.sociales {
	text-align: center;
	margin-bottom: 20px;
}

	#timeline {
		width: 800px;
		height: 350px;
		overflow: hidden;
		margin: 20px auto;
		position: relative;
		background: url('../image/dot.gif') left 45px repeat-x;
	}
		#dates {
			width: 800px;
			height: 60px;
			overflow: hidden;
		}
			#dates li {
				list-style: none;
				float: left;
				width: 100px;
				height: 50px;
				font-size: 24px;
				text-align: center;
				background: url('../image/biggerdot.png') center bottom no-repeat;
			}
				#dates a {
					line-height: 38px;
					padding-bottom: 10px;font-size: 16px;
				}
				#dates .selected {
			        font-size: 30px;
				}
		
		#issues {
			width: 800px;
			height: 350px;
			overflow: hidden;
		}	
			#issues li {
				width: 800px;
				height: 350px;
				list-style: none;
				float: left;
			}
				#issues li.selected img {
					-webkit-transform: scale(1.1,1.1);
					-moz-transform: scale(1.1,1.1);
				    -o-transform: scale(1.1,1.1);
				    -ms-transform: scale(1.1,1.1);
				    transform: scale(1.1,1.1);
				}
				#issues li img {
					float: left;
					margin: 10px 30px 10px 50px;
					background: transparent;
					-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE 8 */   
					filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);/* IE 6 & 7 */      
					zoom: 1;
					-webkit-transition: all 2s ease-in-out;
					-moz-transition: all 2s ease-in-out;
					-o-transition: all 2s ease-in-out;
					-ms-transition: all 2s ease-in-out; 
					transition: all 2s ease-in-out;
					-webkit-transform: scale(0.7,0.7);
					-moz-transform: scale(0.7,0.7);
				    -o-transform: scale(0.7,0.7);
				    -ms-transform: scale(0.7,0.7);
				    transform: scale(0.7,0.7);
				}
				#issues li h1 {
					color: #ffcc00;
					font-size: 48px;
					margin: 20px 0;
					text-shadow: #000 1px 1px 2px;
				}
				#issues li p {
					font-size: 14px;
					text-align: center;
					font-weight: normal;
					line-height: 50px;
					color: #000;
				}
		
		#grad_left,
		#grad_right {
			width: 100px;
			height: 350px;
			position: absolute;
			top: 0;
		}
			#grad_left {
		        left: 0;
		        background: url('../image/grad_left.png') repeat-y;
			}
			#grad_right {
		        right: 0;
		        background: url('../image/grad_right.png') repeat-y;
			}
		
		#next,
		#prev {
			position: absolute;
			top: 0;
			font-size: 70px;
			top: 90px;
			width: 22px;
			height: 38px;
			background-position: 0 0;
			background-repeat: no-repeat;
			text-indent: -9999px;
			overflow: hidden;
		}
			#next:hover,
			#prev:hover {
				background-position: 0 -76px;
			}
			#next {
				right: 0;
				background-image: url('../image/next.png');
			}
			#prev {
				left: 0;
				background-image: url('../image/prev.png');
			}
				#next.disabled,
				#prev.disabled {
					opacity: 0.2;
				}

#container{width: 300px; height:300px;｝