.sub_visual{background:url(/images/intro/visual.png) no-repeat 50%;}

.greeting_box img{margin-bottom:50px}



 
 
 
.history  #bo_btn_top,.history  #gall_allchk{top:0%;z-index: 10;}
.history_list  label{color:#fff !important}
.history_list  .line{position:absolute; top:0; left:50%; height:100%; width:1px; background-color: #373c85; z-index:2;}
.history  .line span{position:absolute; top:0; left:0; width:100%; background-color: #e13c16; height:200px;}
  .history_list{position:relative; padding:135px 0; }
  .history_list::after{width:1px; height:100%; background-color:#373c85; }
.history_list  li{position:relative;}
.history_list  li>div{position:absolute;top: 8px;width:32px;height:32px;left: 50%;margin-left: -16px;opacity:0;z-index: 10;}
.history_list  li>div span{position:absolute;top:50%;left: 50%;display:block;border-radius:50%;transform: scale(1);  }
.history_list  li div span.circle1{width:13px; height:13px; background-color: #e13c16; margin-top:-7px; margin-left: -6.5px;}

.history_list  li div span.circle2{width:20px; height:20px;background-color: rgba(225,60,22,0.5);opacity:0; margin-left:-10px; margin-top:-10px;}
.history_list  li div span.circle3{width:30px; height:30px;background-color: rgba(225,60,22,0.2);opacity:0; margin-top:-15px; margin-left:-15px}
.history_list  li div span.circle4{width:25px; height:25px;background-color: rgba(225,60,22,0.2);opacity:0; margin-left:-13px; margin-top:-13px;}

 .history_list  li.on>div {opacity:1;}
.history_list  li.on div span.circle1{  }
.history_list  li.on div span.circle2{opacity:1;  animation: circle 0.7s infinite ease-out 0.6s; }
.history_list  li.on div span.circle3{opacity:1; animation: circle 0.7s infinite ease-out 0.8s;  }
.history_list  li.on div span.circle4{opacity:1;animation: circle 0.7s infinite ease-out 1s;}

.history_list  li .gall_chk{position:absolute;}
.history_list  li.list_left .gall_chk{opacity:1;top: -43px;right: -28px;}
.history_list  li.list_right .gall_chk{opacity:1;top: 0;left: -28px; }


.history_list  li h5{position: relative; color: #e13c16;font-size: 45px; line-height:1em;font-weight:bold;}

.history_list  li p{padding-left:0; color: #5a5a5a;font-size: 18px;font-weight: 300;line-height: 1.4em;}
.history_list  li p strong{display:block; color:#000; font-size:20px; font-weight:600; margin:45px 0 7px}
 
.list_right{padding: 0 0 100px 760px;}
.list_left{padding: 0 760px 100px 0;}
.list_left h5,.list_left p{text-align:right;}
.list_left h5 a{left:0;margin-left: 16px;top: 12px;}
.list_right h5 a{top: 11px;right: 0;/* margin-right: 40px; */}

.history_list  .bo_fx{ bottom:50px !important}

 

 .gallery{position:relative; margin:90px 0;}
 .gallery>span{position:absolute; top:50%; display:block; cursor:pointer; margin-top: -30px; z-index:11;width: 60px;height: 60px;background-color: #373c85; color:#fff; font-size: 33px; text-align:center; line-height:60px;}
 .gallery>span.g_left{left: 0;}
 .gallery>span.g_right{right: 0;}
 
.gall_thumb {margin-top:20px !important;}
.gall_thumb li{width:100px; margin-right:14px}
.gall_thumb li img{width:100%;}


.popbg{position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5);z-index: 10;}
.cs_pop{position:fixed; top:0; left:0; width:100%; height:100%; z-index:10; display:none}
.cs_popbox{position:absolute; top:50%; left:50%; width:740px; height:710px;z-index: 11;background: #fff;transform: translate(-50%,-50%);}
.cs_popbox>i{position:absolute; top: 30px; right: 30px; cursor:pointer; color: #000; font-size:30px;}
.cs_popbox>div{float:left;}
.cs_img{width:230px;}
.cs_con{width:510px; padding-left:30px}
.cs_con h5 span{display:block; color:#000; font-size:20px; font-weight:300; margin-bottom:10px}
.cs_con h5{padding:30px 0 20px; color:#373c85; font-size:35px; font-weight:bold; border-bottom:1px solid #bfbfbf}

.cs_con div{height:560px; overflow-y:scroll;}
.cs_con div strong{display:block; margin-top:25px; line-height:1.5em}
.cs_con div p{font-size:20px; font-weight:300; line-height:1.5em;}