<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">

@charset "utf-8";


html, body, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td {margin: 0; padding: 0; }
img { border: 0 none; vertical-align: top; }
ul,li,dl,dd,dt { list-style-type: none; }
i,em,cite { font-style: normal; }
body {  -webkit-text-size-adjust:none;  font-family:"å¾®è½¯é›…é»‘";}
a{ text-decoration: none; }
.clear,.cle {clear:both;}
a,area { blr:expression(this.onFocus=this.blur()) }   
a:focus { outline: none; }    




.t_logo{ position:relative; float: left; z-index: 10;}
.t_logo img{ width:318px; height:120px; border:0px;}


.t_ver {float: right; height: 20px;line-height: 20px;margin-top: 52px; margin-right: 3.23%;z-index: 10;position: relative;}
.t_ver li{float: left; padding-left: 38px;padding-right: 8px;}
.t_ver li a{color: #000;font-size: 14px;}
.t_ver li a:hover{color: #0d458b;}


input{outline:none;font-family:"å¾®è½¯é›…é»‘";}
.xn_h_2_wrap{float:right;width:30px;height:30px;padding:0 15px 42px 0;margin-top:48px;z-index: 10;position: relative;background: #fff;}
.xn_h_2_Search{width:auto;height:40px;}
.xn_h_2_Search_lb{height:30px;position:relative;cursor:pointer;}
.xn_h_2_Search_img{width:30px;height:30px;background:url(../img/ihpsp1_t_search_rbnt.png)  no-repeat;}
.xn_h_2_Search_HVbox{width:180px;height:30px;font-size:14px;line-height:30px;color:#333;text-align:center;display:none;position:absolute;top:-1px;right:-1px;border-radius: 15px; border:1px solid #999;z-index:999;}
.xn_h_2_Search_text{width:150px; height:28px;border:0px;border-radius: 15px; background-color: #fff; color:#000;text-indent:10px;}
#img_xn_h_2_Search{width:30px;height:30px; border-radius: 50%;}


.xn_n_14_wrap{position: relative;  height:120px; width:100%; text-align:center; }
.xn_n_14_wrap_main{margin:0 auto; width:auto; height:120px;margin-right: 7.96%}
.xn_n_14_wrap_main&gt;ul&gt;li{margin-top: 6px;padding: 0 22px;}
.xn_n_14_wrap_main&gt;ul&gt;li&gt;a{ display: block;height: 100%;font-size: 14px;color:#000000;}
.xn_n_14_wrap_menu1 {float:left;  height:114px; }
.xn_n_14_wrap_menu1&gt;a{color:#000000; line-height:114px; text-decoration:none;}
.xn_n_14_wrap_menu1_2 {float:left;   height:114px; font-size:13px;}
.xn_n_14_wrap_menu1_2&gt;a{color:#0d458b; line-height:114px; text-decoration:none;}
.xn_n_14_wrap_menu1_cur {float:left;height:114px; }
.xn_n_14_wrap_menu1_cur&gt;a{color:#0d458b; line-height:114px; text-decoration:none;}
.xn_n_14_wrap_menu2&gt;a{color:#000000;font-weight:normal;}
.xn_n_14_wrap_menu2&gt;a:hover{color:#0d458b; text-decoration:underline;}
.xn_n_14_wrap_main&gt;ul&gt;li{position: relative;}
.xn_n_14_wrap_main&gt;ul&gt;li&gt;ul{ background: #fff; width: 100%; height: auto; overflow: hidden;position: absolute;left: 7px;}
.xn_n_14_wrap_main&gt;ul&gt;li&gt;ul&gt;li{height: 30px; line-height: 30px; text-align: center; overflow: hidden;}
.xn_n_14_wrap_main&gt;ul&gt;li&gt;ul&gt;li&gt;a{height: 30px; line-height: 30px;display: block;color:#000000 !important;}
.xn_n_14_wrap_main&gt;ul&gt;li&gt;ul&gt;li&gt;a:hover{color: #0d458b;}


.top{ width: 100%; z-index:9999; position:fixed; background: #fff; top: 0;min-width: 1200px; }

.t_t{position:relative; z-index:100; width:1200px; margin:0 auto; height:120px;}
#ea_ba{position: relative; margin-top: 120px;}





.xn_c_n_about_zxw{width:1040px; height:0;margin:0 auto;position:relative;z-index:98;}
.xn_c_n_about_zx_tit{width:1040px; height:79px;position:absolute; top:46px;text-align:center;}
.xn_c_n_about_zx1{width:1040px; height:79px;overflow: hidden; line-height:79px;font-size:35px;font-weight:bold;}
.xn_c_n_about_zx1 span{color:#FFF;}
.xn_c_n_about_zx1_2 span{color:#d8ee1b;}


.about_banner{width:100%; height:290px; overflow: hidden; position:relative; margin:0 auto;}
.about_banner_m{Z-INDEX:0; width:1920px; height:290px; position:absolute; left:50%; margin-left:-960px;}





.n_main{width:100%; margin:0; padding:0;z-index:5;} 
.n_content{width:100%; position: relative;}


.n_content_left{width:1040px; height:0;position:relative;margin:0 auto;}


.n_content_right{position:relative; width:100%; height: auto;}


.n_content_right_name{ width:100%; height:170px;position:relative; background: url(../img/n_content_right_n.png) no-repeat center top;}


.n_content_right_m {text-align:left;margin:0 auto; line-height:24px; color:#737373; font-size:12px;position:relative;}


.n_content_left_t{ width:217px; height:40px; background: url(../img/icpsp1_n_left_t.png) no-repeat; color:#FFFFFF; font-size:16px; text-align:center; line-height:40px; font-weight:bold; margin-top:7px;}
.n_content_left_t1{}
.n_content_left_t2{font-size:12px; font-weight:normal;}


.n_content_left_cnt{width:1040px;height:37px; overflow:hidden; text-align: center; margin: 0 auto; position:absolute; top:-100px;}
.n_content_left_cnt ul{display:inline-block;*display:inline; *zoom:1; height:37px;overflow: hidden;}
#left_typeUl_n000{}
.n_content_left_cnt ul:last-child li:last-child{float: left; border-right:none;}
.n_content_left_cnt ul li{float: left;}
.n_content_left_cnt ul li ul{display: none;}
.n_content_left_cnt ul li ul li{display: none;}
.n_content_left_cnt ul li ul li ul{display: none;}
.left_menu1 {width:105px; height:37px; font-size:16px; padding:0 3px;}
.left_menu1 a{width:105px; display:inline-block; line-height:37px;color:#555555;background:url(../img/left_menu_bg.png) no-repeat; text-decoration:none;}
.left_menu1 a:hover{width:105px; display:inline-block; line-height:37px; color:#FFFFFF;text-decoration:none;background:url(../img/left_menu1_bg.png) no-repeat;}
.n_content_left_cnt ul li a.current{  width: 105px;
    height: 37px;
    background: url(../img/left_menu1_bg.png) no-repeat;
    margin: 0 3px;
	color:#fff;}
.left_menu1_2 {display: none;}
.left_menu1_2 a{}
.left_menu1_2 a:hover{}
.left_menu1_cur{width:105px;height:37px;background:url(../img/left_menu1_bg.png) no-repeat;margin:0 3px; }
.left_menu1_cur a{width:105px; font-size:16px;display:inline-block; line-height:37px; color: #fff; text-decoration:none;}
.left_menu1_cur a:hover{width:105px; display:inline-block; line-height:37px; color:#fff;text-decoration:none; background:url(../img/left_menu1_bg.png) no-repeat;}
.left_menu2{ width:193px;}
.left_menu2 a{ text-indent:10px; color:#333; background:none !important;}
.left_menu2 a:hover{ color:#000; background:none !important;  color:#333;}
.left_menu2_2{display: none;}
.left_menu2_cur{display: none;}
.left_menu3{display: none;}
.left_menu3_2{display: none;}
.left_menu3_cur{display: none;}


.xn_c_1_newsWrap{border:1px solid #ccc;width:220px;}
.xn_c_1_tName{padding-left:10px;height:45px;line-height:45px;background:#ccc;font-size:16px;font-family:Microsoft YaHei;}
.xn_c_1_items{font-size:14px;font-family:Microsoft YaHei;margin:10px 12px;border-bottom:1px solid #ccc;padding-bottom:10px;}
.xn_c_1_items:last-child{border:none;}
.xn_c_1_ptime{font-size:12px;}
.xn_c_1_title{margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;width:200px;white-space:nowrap;}


.n_content_right_name_l{height:64px;padding-top:15px;text-align:center;overflow:hidden;width:1040px; margin:0 auto; font-size:30px; line-height:64px;}
.n_content_right_name_l1{display:none;}
.n_content_right_name_l2{color:#444444;}


.n_content_right_name_r{position:absolute; bottom:0; right:0px; width:400px; height:30px; color:#777; font-size:12px; text-align:right;}
.n_r_wz1,.n_r_wz2,.n_r_wz3,.n_r_wz4,.n_r_wz5,.n_r_wz6{}
.n_content_right_name_r ul li{float:right; line-height:34px;}
.n_content_right_name_r ul li img{ margin-right:12px;}


.fy{ width:1000px;text-align:center;margin-bottom:21px;margin:0 auto; font-size:14px;height:26px;padding:33px 0;border-top:1px solid #e5e5e5;}
.fy div{height:26px; line-height:26px;}
.fy span{display:inline-block;*display:inline;*zoom:1; }
.fy_2 a,.fy_6 a{width:65px; height:26px;cursor: pointer; background:#f4faff; display:block; overflow: hidden;}
.fy_2 a{margin-right:2px;}
.fy_6 a{margin-left:2px;}
.fy_out,.fy_on{width:32px; height:26px;cursor: pointer;margin:0 1px;display:block; overflow: hidden;}
.fy_out{background:#f4faff;}
.fy_on{background:#1b4889;}
.fy_on a,.fy_out a{width:32px; height:26px;cursor: pointer; display:block; overflow: hidden;}
.fy span a,.fy span a:visited{color:#666666;}
.fy_on a{color:#FFF !important;}
.fy .fy_1,.fy .fy_3,.fy .fy_4,.fy .fy_5,.fy .fy_7,.fy .fy_9{display: none !important;}


.xn_c_2_wrap{width:574px;height:34px; overflow: hidden; position:absolute; top:166px; left:50%;margin-left:-287px;z-index: 199;}
.xn_c_2_inner{float: left;width:484px;height:34px; overflow: hidden;position: relative;}
.xn_c_2_center{width:484px;height:34px;overflow: hidden; line-height:34px;}
.xn_c_2_left,.xn_c_2_right{float:left;height:34px;width:38px;cursor: pointer;overflow: hidden;}
.xn_c_2_left{margin-right:7px;background: url(../img/incsp1_left_but.png)no-repeat;}
.xn_c_2_left:hover{background: url(../img/incsp1_left_but_hover.png)no-repeat;}
.xn_c_2_right{margin-left:7px;background: url(../img/incsp1_right_but.png) no-repeat;}
.xn_c_2_right:hover{background: url(../img/incsp1_right_but_hover.png) no-repeat;}
.xn_c_2_center ul{height:34px;}
.xn_c_2_default_1{float: left;width:80px;height:34px;text-align:center;border-right:1px solid #e0e6ed; background:#f1f8ff;position:relative;*left:0;}
.xn_c_2_default_1 a{font-size:12px;color:#333333;}
.xn_c_2_focs_1{float: left;width:80px;height:34px;text-align: center;background:#00a8ec; position:relative;*left:0;}
.xn_c_2_focs_1 a{font-size:12px;color:#ffffff;}
.xn_c_2_hover_1{float: left;width:80px;height:34px;text-align: center;background:#00a8ec; position:relative;*left:0;}
.xn_c_2_hover_1 a{font-size:12px;color:#ffffff;}


.xn_c_4_wrap{width:220px;margin:10px auto;font-size:12px;}
.xn_c_4_wbox{width:220px;}
.xn_c_4_top{width:220px;line-height:30px;}
.xn_c_4_cocnt{width:220px;}
.xn_c_4_cocntlft{float:left;width:80px;}
.xn_c_4_cocntlft img{width:80px;height:100px;}
.xn_c_4_cocntrit{float:left;width:140px;}
.xn_c_4_cocntrit_name{width:140px;line-height:20px;}
.xn_c_4_cocntrit_time{width:140px;line-height:20px;}
.xn_c_4_cocntrit_cont{width:140px;height:40px;line-height:20px;overflow:hidden;}
.xn_c_4_cocntrit_more{width:140px;}


.xn_c_5_wrap{width:220px;margin:10px auto;font-size:12px;}
.xn_c_5_wbox{width:220px;}
.xn_c_5_top{width:220px;line-height:30px;}
.xn_c_5_cocnt{width:220px;}
.xn_c_5_cocntlft{float:left;width:80px;}
.xn_c_5_cocntlft img{width:80px;height:100px;}
.xn_c_5_cocntrit{float:left;width:140px;}
.xn_c_5_cocntrit_name{width:140px;line-height:20px;}
.xn_c_5_cocntrit_time{width:140px;line-height:20px;}
.xn_c_5_cocntrit_Click{width:140px;}
.xn_c_5_cocntrit_cont{width:140px;height:40px;line-height:20px;overflow:hidden;}
.xn_c_5_cocntrit_more{width:140px;}


.xn_c_6_wrap{width:220px;margin:10px auto;font-size:12px;}
.xn_c_6_wbox{width:220px;}
.xn_c_6_top{width:220px;line-height:30px;}
.xn_c_6_cocnt{width:220px;}
.xn_c_6_cocntlft{float:left;width:80px;}
.xn_c_6_cocntlft img{width:80px;height:100px;}
.xn_c_6_cocntrit{float:left;width:140px;}
.xn_c_6_cocntrit_name{width:140px;line-height:20px;}
.xn_c_6_cocntrit_time{width:140px;line-height:20px;}
.xn_c_6_cocntrit_Click{width:140px;}
.xn_c_6_cocntrit_cont{width:140px;height:40px;line-height:20px;overflow:hidden;}
.xn_c_6_cocntrit_more{width:140px;}


.xn_c_7_wrap{position: fixed;bottom: 200px;right:20px;display: none;}
.xn_c_7_main{width: 80px;height: 60px;line-height: 60px;background: #ccc;text-align: center;cursor: pointer;}


.xn_c_9_wrap{width:300px;margin:20px auto;}
.xn_c_9_head{width:100%;height:50px;line-height:50px;}
.xn_c_9_UpControl{background:url(../img/incsp1_up_but.png) no-repeat center;width:100%;height:37px;cursor:pointer;}
.xn_c_9_DownControl{background:url(../img/incsp1_down_but.png) no-repeat center;width:100%;height:37px;cursor:pointer;}
.xn_c_9_wbox{width:100%;height:660px;overflow:hidden;}
.xn_c_9_slide{width:100%;height:900000px;}
.xn_c_9_list{width:100%;height:200px;margin-top:20px;}
.xn_c_9_img{width:100%;height:100px;}
.xn_c_9_img img{width:100%;height:100px;}
.xn_c_9_content{width:100%;height:100px;}
.xn_c_9_title{width:100%;height:22px;line-height:22px;overflow:hidden;text-align:center;}
.xn_c_9_time{width:100%;height:22px;line-height:22px;overflow:hidden;text-align:center;}
.xn_c_9_neirong{width:100%;height:44px;line-height:22px;overflow:hidden;text-align:center;}


.xn_c_10_wrap{width:900px;margin:20px auto;}
.xn_c_10_wbox{width:100%;}
.xn_c_10_list{width:300px;float:left;}
.xn_c_10_img{width:300px;height:200px;}
.xn_c_10_img img{width:300px;height:200px;}
.xn_c_10_neirong{height:44px;line-height:22px;overflow:hidden;}


	.xn_c_11_wrap{}
	.xn_c_11_main{}
	.xn_c_11_menu1{border: 1px solid #ccc;margin:30px;padding:10px;position: relative;}	
	.xn_c_11_menu1_cur{border: 1px solid #ccc;margin:30px;padding:10px;position: relative;}	
	.xn_c_11_menu1_cur ul{margin:10px 0;}
	.xn_c_11_menu1_cur &gt;a{background:red;font-weight: bold;color:#fff;display: inline-block;width: 80%;height: 30px;line-height: 30px;position: absolute;top:-15px;left: 50%;margin-left:-40%;text-align: center;}
	.xn_c_11_menu1 ul{margin:10px 0;}	
	.xn_c_11_menu1 &gt;a{background:#ccc;font-weight: bold;color:#333;display: inline-block;width: 80%;height: 30px;line-height: 30px;position: absolute;top:-15px;left: 50%;margin-left:-40%;text-align: center;}
	.xn_c_11_menu2 &gt;a{color: #666;}
	.xn_c_11_menu2 {margin:5px 0px;}
	.xn_c_11_menu2_cur a{color: red;}


.xn_c_12_wrap{width:300px;margin:20px auto; position:relative;}
.xn_c_12_control{position:absolute;top:350px;right:20px;}
.xn_c_12_control span{height:12px;width:12px;	background:#999;display:inline-block;border-radius:50%;cursor:pointer;margin:2px;}
.xn_c_12_lights_active{background:rgb(113,113,11) !important;}
.xn_c_12_content{width:300px;height:380px;overflow: hidden;}
.xn_c_12_content ul{width:90000px;}
.xn_c_12_box{width:300px;float:left;}
.xn_c_12_title{width:300px;height:20px;}
.xn_c_12_neirong{width:300px;height:66px;line-height:22px;overflow:hidden;}
.xn_c_12_img{width:300px;height:225px;}
.xn_c_12_img img{width:300px;height:225px;}
.xn_c_12_More{width:300px;height:20px;}


.xn_c_14_wrap{width:300px;margin:20px auto;}
.xn_c_14_wbox{width:300px;}
.xn_c_14_img{width:300px;height:300px;}
.xn_c_14_img img{width:300px;height:300px;}
.xn_c_14_neirong{height:44px;line-height:22px;overflow:hidden;}


.xn_c_15_wrap{width:900px;margin:20px auto;}
.xn_c_15_list{width:300px;float:left;}
.xn_c_15_img{width:300px;height:200px;}
.xn_c_15_img img{width:300px;height:200px;}
.xn_c_15_neirong{height:66px;line-height:22px;overflow:hidden;}


.xn_c_16_wrap{width:200px;margin:20px auto;}
.xn_c_16_left_menu1{background:#eaeaea;}


.xn_c_17_wrap{width:300px;margin:20px auto;height:330px;}
.xn_c_17_wbox{width:300px;overflow:hidden;height:330px;}
.xn_c_17_list{width:300px;float:left;height:310px;}
.xn_c_17_control span{height:12px;width:12px;background:#999;display:inline-block;border-radius:50%;cursor:pointer;margin:5px;}
.xn_c_17_lights_active{background:rgb(113,113,11) !important;}
.xn_c_17_img{width:300px;height:200px;}
.xn_c_17_img img{width:300px;height:200px;}
.xn_c_17_neirong{height:44px;line-height:22px;overflow:hidden;}
.xn_c_17_bottom{height:30px;}
.xn_c_17_bottomMore{width:50%;float:left;text-align:center;line-height:30px;background:red;}
.xn_c_17_bottomFeedback{width:50%;float:left;text-align:center;line-height:30px;background:green;}


.xn_c_18_wrap{width:200px;margin:20px auto;}
.xn_c_18_topbox{width:200px;line-height:30px;}
.xn_c_18_nrwbox{width:200px;}
.xn_c_18_xhbox1{width:200px;}
.xn_c_18_xhbox1 .xn_c_18_typeimg img{width:200px;height:150px;}
.xn_c_18_typename{width:200px;height:30px;}
.xn_c_18_xhbox2{width:200px;}
.xn_c_18_xhbox2 .xn_c_18_typeimg{display:none;}
.xn_c_18_xhbox3 .xn_c_18_typeimg{display:none;}
.xn_c_18_xhbox4 .xn_c_18_typeimg{display:none;}


.xn_con_n_abou_zx_tit{width:1040px; height:48px;padding-top:17px; margin:0 auto; text-align: center;}
.xn_con_n_abou_zx_tit li{width:1040px; height:24px;overflow: hidden; line-height:24px;font-size:14px;color:#818181;}


.xn_c_about_1_warp { height: auto; line-height:24px;padding-top:20px; color:#444444; padding-bottom:68px;}



.foot_nav2{position:relative; width:166px; float: left;  text-align:left;margin-top: 5px;}
.foot_nav2_ul{ float:left; margin:0px; padding:0px;}
.foot_nav2&gt;ul&gt;li{width:83px; float:left; text-align: left; height: 30px;line-height: 30px;}
.foot_nav2&gt;ul&gt;li&gt;a{line-height:30px; color: #b2b2b2;height: 30px;display: block;}
.foot_nav2&gt;ul&gt;li&gt;a:hover{color: #fff;}
.foot_c_top_box1{width: 244px;float: left;}
.foot_c_top_t&gt;span{display: block;}
.foot_c_top_ts1{color: #ffffff;font-size: 30px; height: 39px;line-height: 39px;}
.foot_c_top_ts2{height: 24px;line-height: 24px;color: #ffffff;font-size: 18px;}


.foot_tel{position:relative; width:360px;float: left; color:#999; }
.foot_tel_box1{width: 244px;float: left;}
.foot_tel_t&gt;span{display: block;}
.foot_tel_ts1{color: #ffffff;font-size: 30px; height: 39px;line-height: 39px;}
.foot_tel_ts2{height: 24px;line-height: 24px;color: #ffffff;font-size: 18px;}
.foot_tel_f{ position:relative; width:100%; height:100%; margin-top: 5px}
.foot_tel_f&gt;div{height: 30px;line-height: 30px; color: #b2b2b2;font-size: 14px;padding-left: 20px;}
.foot_add{background:url(../img/foot_add.png) left no-repeat;}
.foot_phone{background:url(../img/foot_phone.png) left no-repeat;}
.foot_fax{background:url(../img/foot_fax.png) left no-repeat;}
.foot_zip{background:url(../img/foot_zip.png) left no-repeat;}


.foot_c_top_box3{float: right;width: 195px;}
.foot_fx{position:relative; margin-top: 11px; }
.foot_yule_box1{width: 244px;float: left;}
.foot_yule_t&gt;span{display: block;}
.foot_yule_ts1{color: #ffffff;font-size: 30px; height: 39px;line-height: 39px;}
.foot_yule_ts2{height: 24px;line-height: 24px;color: #ffffff;font-size: 18px;}
.foot_c_top_box3_con{height: 85px;margin-top: 14px;}
.foot_c_top_box3_con img{float: left;width: 85px;height: 85px;}
.foot_c_top_imgt{display: block;width: 24px;height: 85px;color: #ffffff;font-size: 12px;float: left;background: #404040;}
.foot_c_top_imgt&gt;span{display: block;line-height: 10px;width: 14px; margin: 0 auto; line-height: 15px; padding-top: 7px;}
.foot_fx .bdsharebuttonbox a{display: block;width: 22px;height: 22px;display: block !important; padding: 0 !important;margin:  0 12px 0 0 !important;}
.foot_fx .bds_tsina{background:url(../img/bds_tsina.png) 0 no-repeat !important;}
.foot_fx .bds_weixin{background:url(../img/bds_weixin.png) 0 no-repeat !important;}
.foot_fx .bds_linkedin{background:url(../img/bds_linkedin.png) 0 no-repeat !important;}
.foot_fx .bds_more{background:url(../img/bds_more.png) 0 no-repeat !important;}


.foot_copy{position:relative; display: inline-block; *display: inline;*zoom:1;}
.foot_copy&gt;div{display: inline-block; *display: inline;*zoom:1; color: #b2b2b2;font-size: 14px;}
.foot_copy a{color: #b2b2b2;font-size: 14px;}
.foot_copy_ba{margin: 0 5px;}


.xn_f_2_warp {display: inline-block;*display: inline;*zoom:1;position: relative;top: -11px;}


.foot{  width:100%; position:relative; text-align:center;min-width: 1200px;  }
.foot a{  text-decoration:none;}
.foot_c{position:relative; width:100%; margin:auto; text-align:left;}
.foot_c_top{width: 100%;height: 249px;background: #162038;}
.foot_c_top_box{width: 1200px; margin: 0 auto; padding-top: 35px;}
.foot_c_bottom{width: 100%;height: 50px;line-height: 50px;background: #1a1a1a;}
.foot_c_bottom_box{width: 1200px;margin: 0 auto; text-align: center;}







.main{
	width: 50%;
	margin: 30px auto;
}

.time-axis{
	margin: 0;
	padding: 0;
	position: relative;
}

.time-axis:before{
	content: '';
	position: absolute;
	left: 103px;
	top: 15px;
	width: 1px;
	height: 100%;
	background-color: #E4E4E4;
}
.time-axis-item{
	list-style: none;
	padding-left: 150px;
	position: relative;
	line-height: 45px;
	font-size: 14px;
	color: #141414;
}
.time-axis-achievement{
	margin: 0;
}
.time-axis-date{
	position: absolute;
	left: 0;
	top: 0;
	color: #666;
}

.time-axis-date span{
	position: absolute;
	right: -64.5px;
	top: 35%;
	display: block;
	width: 13px;
	height: 13px;
	border: 1px solid #ccc;
	border-radius: 100%;
	background-color: #fff;
}
.time-axis-date span:after{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 7px;
	height: 7px;
	margin: auto;
	background-color: #ccc;
	border: 1px solid #ccc;
	border-radius: 100%;
}

.time-axis-item:first-child .time-axis-date span{
	border-color: #48BEB2;
	    right: -42px;
}
.time-axis-date .two{
	    right: -42px;
}
.time-axis-date .three{
	    right: -34px;
}
.time-axis-item:last-child .time-axis-date span{
	    right: -42px;
}

.time-axis-item:first-child .time-axis-date span:after{
	background-color: #48BEB2;
	border-color: #48BEB2;
}

</pre></body></html>