@charset "utf-8";




/*生长历程*/
.devel{margin:50px auto}
.devel-con{ background: url(/static/images/deve-bg.png) no-repeat bottom center;height:1150px;margin:50px auto;width:1250px;}
.devel-con ul{ position: relative;top:30px;}
.devel-con ul li{cursor: pointer;}
.devel-con ul li:nth-child(odd){position: relative;left:690px; background: url(/static/images/deve-bg-right.png) no-repeat center center;width:547px;height:140px;}
.devel-con ul li:nth-child(odd) .pic,.devel-con ul li:nth-child(odd) .info{float:left}
.devel-con ul li .pic{width:185px;height:105px;margin:20px 30px;overflow: hidden;}
.devel-con ul li .pic img{transition: all .5s; border-radius:5px; height: 100px; margin:0 auto;}

.devel-con ul li .info{width:300px;overflow: hidden;}
.devel-con ul li .info b,.devel-con ul li .info span{display: block;}
.devel-con ul li .info b{font-size:18px;font-weight:bold;color:#333;margin-top:18px;}
.devel-con ul li .info span{font-size:15px;color:#666666;line-height:28px;margin-top:10px;width:95%}

.devel-con ul li:nth-child(even){ position: relative;}
.devel-con ul li .info em{font-size:14px;color:#AAAAAA;position:absolute;right:10px;top:20px;opacity: 0;}
.devel-con ul li:nth-child(odd) .info em{transition: all .5s;}
.devel-con ul li:nth-child(even) .info em{transition: all .5s;}

.devel-con ul li:nth-child(even){background: url(/static/images/deve-bg-left.png) no-repeat center center;width:547px;height:140px;    margin-left: 12px;}
.devel-con ul li:nth-child(even) .pic,.devel-con ul li:nth-child(even) .info{float:right}
.devel-con ul li .pic{width:185px;height:105px;margin:20px 30px}
.devel-con ul li:nth-child(even) .info{text-align: right;}
.devel-con ul li:nth-child(even) .pic{margin:20px 30px 20px 14px}

.devel-con ul li:hover .info b{color:#1266AD}
.devel-con ul li:hover .info span{color:#1266AD}
.devel-con ul li:hover:nth-child(odd) .info em{opacity: 1;}
.devel-con ul li:hover:nth-child(even) .info em{opacity: 1}
.devel-con ul li:hover .pic img{transform: scale(1.2);}

.devel li{ position: relative;}
.devel-time{position: absolute;background: url(/static/images/fzlc-bg.png) no-repeat center center;width:76px;height: 76px;text-align: center;line-height:76px;font-size:18px;font-weight:bold;color:#0e74be}


.devel-con ul li:nth-child(1) .devel-time{left:-18.5% !important;}


.devel-con ul li:nth-child(2n+1) .devel-time{left:-18.5% !important;}

.devel-con ul li:nth-child(2n) .devel-time{right:-19.5% !important;}




.ab_lichen_wrap {
    width: 100%;
    background: #f5f5f5;
    padding: 60px 0px 60px 0px;
}







@media screen and (min-width:1200px)  and  (max-width:1800px)  {

	.devel-con ul li .info{width:295px;}
	



		
}
@media screen and (min-width:1200px)  and  (max-width:1470px)  {

	
	

}

@media screen and (min-width:940px)  and  (max-width:1200px)  {



	
	
}

@media screen and (min-width:200px)  and  (max-width:1200px)  {
	

	/*banner*/

	
	.devel-con{width: 100%;height: auto; background: none;overflow: hidden;}
	.devel-con ul li:nth-child(odd){width: 100%;background: #eee; position: static;margin:10px auto;height:125px;}
	.devel-con ul li:nth-child(even){width: 100%;background: #eee; position: static;margin:10px auto;height:125px;}
	
	.devel-con ul li:nth-child(even) .info{text-align: left;}
	.devel-con ul li .info{width:50%}



	.devel-con ul li .pic img{transition: all .5s; border-radius:5px; height: 100px; margin:0 auto;}


	.devel-con ul li .pic,.devel-con ul li:nth-child(even) .pic{width:40%;height: auto;margin:1%;float:left; margin-right:10px;}
	.devel-con ul li:nth-child(odd) .pic, .devel-con ul li:nth-child(odd) .info{float:left}
	.devel-con ul li:nth-child(even) .pic, .devel-con ul li:nth-child(even) .info{float:left}
	
	
	 
	 
}


@media screen and (min-width:200px)  and  (max-width:940px)  {

	 
	 
	 .devel .devel-con ul li{height: auto; width:90%; margin:0 auto;}
	 .devel .devel-con ul li .pic{width:40%}
	 .devel .devel-con ul li .pic img{width:100%; height:100px;margin-top:15px}
	 
	 .devel-con{margin:20px 0 20px auto}
	 .devel .devel-con ul li .info{width:50%; margin-left:2.5%}
	 .devel-con ul li .info b{margin-top:20px}
	 .devel-con ul{position: static;}
	 

	 
.ab_lichen_wrap {
    width: 100%;
    background: #f5f5f5;
    padding: 20px 0px 30px 0px;
}




}

@media screen and (min-width:200px)  and  (max-width:740px)  {

}

@media screen and (min-width:200px)  and  (max-width:640px)  {


	
	 .devel .devel-con ul li .pic{width:50%}
	.devel-con ul li .info b{font-size:15px;}
	.devel-con ul li .info span{margin-top:0;line-height:24px;font-size:0.7rem}
	 .devel .devel-con ul li .info{width:45%;margin-left:2.5%}
	 
	
}
<!--耗时1753954320.7487秒-->