p {font-size:14px;}
.wrap{width:100%;overflow:hidden;}
.wrap .bg_pic03{position:absolute;width:480px;left:-30px; top:180px;}
.wrap .bg_pic03 img{width:100%;}
.wrap .bg_pic01{position:absolute;width:550px;right:-100px; top:-100px;}
.wrap .bg_pic01 img{width:100%;}
.wrap .bg_pic01 p{position:absolute;width:120px; font-size:14px;font-weight:600;bottom:220px; left:180px;color:#fff; letter-spacing:2px; line-height:22px;}
.wrap .bg_pic02{position:absolute;width:400px;right:-100px; top:550px;}
.wrap .bg_pic02 img{width:100%;}
.wrap .line{position:absolute;width:350px;right:-150px; top:350px;}
.wrap .line img{width:100%;}
.contentArea{width:1050px; margin:120px auto; position:relative; padding-left:53px;}
.contentArea .dotted_box {width:600px; margin:0px auto;padding-right:180px;position:relative;}
.contentArea .dotted_box .dotted{position:absolute; left:0px;top:-120px;width:400px;-webkit-animation: a201504300925 1.9s ;animation: a201504300925 1.9s ;}
@-webkit-keyframes a201504300925
{
	0% {opacity:0; }
	50% {opacity:0;}
	100% {opacity:1; }
}
@keyframes a201504300925
{
	0% {opacity:0; }
	50% {opacity:0;}
	100% { opacity:1; }
}
.contentArea .centerArea{width:750px; margin:0px auto;overflow:hidden;-webkit-animation: a201504300924 1.5s ;animation: a201504300924 1.5s ;}
.contentArea .centerArea .aboutArea{width:100%; margin:0px auto 50px auto; overflow:hidden;}
.contentArea .centerArea .aboutArea .title{width:400px; margin-bottom:20px;} 
.contentArea .centerArea .aboutArea .title_inside{width:300px; margin-bottom:30px; margin-left:22.5px;} 

@-webkit-keyframes a201504300924
{
	0% {-webkit-transform: translate(0px, 30px);opacity:0; }
	50% {-webkit-transform: translate(0px,30px); opacity:0;}
	100% {-webkit-transform: translate(0px, 0);opacity:1; }
}
@keyframes a201504300924
{
	0% { transform: translate(0px, 30px);opacity:0; }
	50% { transform: translate(0px,30px); opacity:0;}
	100% { transform: translate(0px, 0);opacity:1; }
}
.contentArea .centerArea .aboutArea p{text-indent:32px;display:block;width:560px;color:#4f4f4f;letter-spacing:3px;line-height:24px; margin-bottom:15px;} 

.contentArea .centerArea .historyArea{width:100%; margin:0px auto;height:350px; padding-top:10px;padding-left:10px;}
.contentArea .centerArea .historyArea .title{width:60px;height:60px;padding:10px; font-size:26px; letter-spacing:3px;text-align:center;  border:2px solid #000;margin-left:40px;position:relative;}
.contentArea .centerArea .historyArea .title .left_line_box{position:absolute; width:12px; height:60px; border-left:3px dotted #000;bottom:-30px;left:-42px;}
.contentArea .centerArea .historyArea .title .left_line_box .circle{position:absolute; top:-3px; left:-8px;width:14px; height:14px; border-radius:7px;background-color:#69c6ca;}
.contentArea .centerArea .historyArea .long_line_box{width:650px; border-top:3px dotted #000; margin-top:30px;position:relative;}
.contentArea .centerArea .historyArea .long_line_box .top_box{width:100%;position:absolute; top:-90px; left:150px;}
.contentArea .centerArea .historyArea .long_line_box .bottom_box{width:100%;position:absolute; bottom:-45px; left:100px;}
.contentArea .centerArea .historyArea .long_line_box .item{float:left;width:180px;height:60px;margin-left:20px; border-left:3px dotted #000;padding:0px 0px 25px 15px; letter-spacing:2px;position:relative;}
.contentArea .centerArea .historyArea .long_line_box .top_box .item .circle{position:absolute; top:-1px; left:-8px;width:14px; height:14px; border-radius:7px;background-color:#69c6ca;} 
.contentArea .centerArea .historyArea .long_line_box .bottom_box .item .circle{position:absolute; bottom:-4px; left:-8px;width:14px; height:14px; border-radius:7px;background-color:#69c6ca;} 
.contentArea .centerArea .historyArea .long_line_box .bottom_box .item{padding:10px 0px 15px 10px;}
.contentArea .centerArea .historyArea .long_line_box .bottom_box .item{height:20px;padding:10px 0px 15px 15px;}
.contentArea .centerArea .historyArea .long_line_box .bottom_box .item h4{ margin-top:25px;} 
.contentArea .centerArea .historyArea .long_line_box  .item h4{font-size:13px;color:#69c6ca;font-weight:600;margin-bottom:5px;  }
.contentArea .centerArea .historyArea .long_line_box  .item h3{font-size:14px;color:#4f4f4f;font-weight:600;} 




.contentArea .centerArea .aboutArea .itemBox{width:360px;overflow:;padding-top:30px; }
.contentArea .centerArea .aboutArea .itemBox .box{width:100%; overflow:hidden; margin-bottom:40px; }
.contentArea .centerArea .aboutArea .itemBox .box .pic{float:left;width:70px; }
.contentArea .centerArea .aboutArea .itemBox .box .text{margin-top:5px; }
.contentArea .centerArea .aboutArea .itemBox .box .text .arrow{width:8px;}

