#content{ overflow:hidden; }
.gui_wrap, .gui_wrap *{ box-sizing:border-box; }

.btnArea, .btn-group{display: none;}
.gui_wrap{padding: 0 160px;}

.gui_wrap > ul{ padding:0; margin:0; }
.gui_wrap > ul > li{ position:relative; z-index:1; display:flex; }
.gui_wrap > ul > li > h3{ position:relative; z-index:1; white-space:nowrap; padding-right:30px; padding-bottom:60px; margin:0; flex-basis: 15%; text-align: center;}
.gui_wrap > ul > li > h3 > span{ display:block; opacity:0; transform:translate(0, 100px); transition:1s opacity, 1s transform; font-size: 14px; width: 157px; color: #1a1b37; font-weight: bold;}
.gui_wrap > ul > li.act > h3 > span{ opacity:1; transform:translate(0, 0); }
.gui_wrap > ul > li > h3:before{ content:''; position:absolute; z-index:1; top:3px; right:0; width:2px; height: 100%; background-color:#ddd; transform:translate(50%, 0); opacity: 0; transition: 2s opacity;}
.gui_wrap > ul > li > h3:after{ content:''; position:absolute; z-index:2; top:3px; right:0; width:15px; height:15px; background-color:#999; border-radius:100%; transform:translate(50%, 0); opacity: 0; transition: 1s opacity;}
.gui_wrap > ul > li.act > h3:before{opacity: 1;}
.gui_wrap > ul > li.act > h3:after{opacity: 1;}
.gui_wrap > ul > li:last-child > h3:before{ content:none; }
.gui_wrap > ul > li > .gui_txt{ padding-left:30px; padding-bottom:50px; opacity:0; transform:translate(0, 100px); transition:1s opacity, 1s transform; flex-basis: 85%; color: #1a1b37; font-size: 14px;}
.gui_wrap > ul > li.act > .gui_txt{ opacity:1; transform:translate(0, 0); }

@media(max-width:750px){
	.gui_wrap{padding: 0 20px;}

	.gui_wrap > ul > li{ flex-direction:column; padding-bottom:45px; padding-left:40px; }
	.gui_wrap > ul > li:last-child{ padding-bottom:0; }
	.gui_wrap > ul > li:before{ content:''; position:absolute; z-index:1; top:12px; left:17px; width:2px; height:100%; background-color:#ddd; }
	.gui_wrap > ul > li:last-child:before{ content:none; }
	.gui_wrap > ul > li:after{ content:''; position:absolute; z-index:2; top:6px; left:10px; width:15px; height:15px; background-color:#999; border-radius:100%; }
	.gui_wrap > ul > li > h3{ padding-right:0; padding-bottom:10px; }
	.gui_wrap > ul > li > h3 > span{ transform:translate(100px, 0); width: 100%; color: #1a1b37;}
	.gui_wrap > ul > li > h3:before{ content:none; }
	.gui_wrap > ul > li > h3:after{ content:none; }
	.gui_wrap > ul > li > .gui_txt{ padding-left:0; padding-bottom:0; color: #1a1b37;}
}