@charset "utf-8";
/* CSS Document */


/*翻页*/
.fanye{ width:400px; margin:50px auto}

.fanye span{ display:block; float:left;  color:#666; text-align:center;margin-right:5px; line-height:22px}

.fanye a{ display:block; float:left; min-width:18px; color:#666; text-align:center; border:1px #ccc solid; padding:2px; margin-right:5px; height:18px; line-height:18px}

.fanye a:hover{ background:#027eca; color:#fff;}

.ye{ width:18px; height:18px; margin-right:5px}


/*简介页面*/
.jieshao{ line-height:36px}

.con_fz{
	width: 1200px;
	margin: 0 auto;
}
.zuo{
	margin-top: 18px;
}

.you{
	margin-top: 18px;
	width:980px;
}

/*发展历程*/
.licheng{
	width:980px;
	height: 1180px;
	overflow:hidden;
	margin-bottom: 80px;
	margin-top: 20px;
	margin-left: 20px;
}

.licheng>ul{
	height: 1080px;
	width: 1080px;
	overflow-y: scroll;
}

.licheng>ul>li{
	min-height: 70px;
	width: 980px;
	clear: both;
	
}
/*左侧年份*/
.year{
	width: 220px;
	min-height: 100px;
	clear: both;
	float: left;
}

.year>p{
	width: 180px;
	height: 40px;
	background: #CCCCCC;
	text-align: center;
	line-height: 40px;
	font-size: 16px;
	float: left;
}

/*右侧事迹*/
.shiji{
	width: 650px;
	min-height: 100px;
	float: left;
	padding-left: 36px;
	line-height: 32px;
	border-left: 1px #ccc solid;
	padding-top: 6px;
	font-size: 14px;
}

.shiji>div{
	padding:5px 15px;
	margin-top: -10px;
	padding-bottom: 15px;
}
.shiji>div>h2{
	font-size: 20px;
}
/*圆圈节点*/
.shiji>span{
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: 1px #ccc solid;
	display: block;
	margin-left: -43px;
	margin-top: 7px;
	background: #FFFFFF;
	vertical-align:text-bottom;
	float: left;
	line-height: 30px;
}
/*鼠标悬浮时变化*/
.licheng>ul>li:hover>.year>p{
	width: 191px;
	height: 40px;
	background:url(../images/after.png) no-repeat center center;
	color: #fff;
	transition: all 0.2s ease-in-out;	
}
.licheng>ul>li:hover{
	cursor: pointer;
}
.licheng>ul>li:hover>.shiji>div,.licheng>ul>li:hover>.shiji>span{	
	background:#005bac;
	color: #fff;
	transition: all 0.4s ease-in;	
	border: none;
}

/*产品页面*/
/*产品列表*/
.pro_list{ height:220px; overflow:hidden}

.pro_list li{ float:left; text-align:center; line-height:42px; width:230px;}

.pro_list li img{ border:1px #ccc solid; width:228px; height:163px}

.pro_list li p{ line-height:24px; margin-top:10px}

.pro_list li:hover img{ border:1px #000 solid}

.center{ margin:0 32px}

.pro_list2{ margin-top:10px}

/*案例页面 */
/*案例列表*/
.case_list{ height:200px; overflow:hidden}

.case_list2{ margin-top:20px}

.case_list li{ float:left; height:180px; text-align:center; width:232px}

.case_list li p{ line-height:24px; margin-top:10px;}

.case_list li img{ width:230px; height:165px; border:1px #ccc solid}

.case_cen{ margin:0 25px}

/*新闻页面*/
.news_list{ margin-top:-10px}

.news_list li{ height:46px; line-height:46px; border-bottom:1px #ccc dashed}

.news_list li img{ margin-top:18px; margin-right:8px}

/*荣誉页面*/
.rongyu_list{ height:170px;overflow:hidden; width:1000px;}

/*点击图片放大*/
.row{ float:left; width:230px; height:160px; margin-left:26px; margin-top:30px}

.row img{ width:165px; height:100px;width:230px; height:160px}

/*联系我们*/
.neirong{ padding-bottom:30px; min-height:100px}

.contact_p{ width:425px; float:left; margin:30px 0 0 40px; line-height:30px}

.contact_p span{ display:block; font-size:24px; margin-bottom:20px}

.ditu{ border:1px #ccc solid; float:right; margin-top:60px; margin-right:40px}

/*留言*/
.message{ width:520px; margin:50px auto}

.ly{ font-size:16px; font-weight:bold; text-align:center; margin-bottom:60px; margin-top:20px}

.bg_na{ text-align:right; width:100px; font-size:14px; line-height:35px; margin-right:10px}

.ly_in{ float:left; width:245px; height:33px; outline:none}

.ly_list li{ height:35px; line-height:35px; margin-top:20px}

.ly_bz{ width:400px; height:115px;resize:none; }

.ms{ margin-top:-20px; width:410px}

.ms span{ color:#06c}

/*按钮*/
.anniu{ width:200px; margin:30px auto}

.anniu button{ border:none; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; outline:none}

.chongzhi{ margin-left:30px; float:left}

/*发展历程图片*/
.shiji>div>img{
	width: 230px;
	height: 150px;
	display: block;
}
