﻿.hops_lines{width:100%;height: 674px;/* position: relative; */overflow: hidden;}
h2.hosp_title  {
 font-size: 30px;
 margin: 80px auto 80px;
 display: block;
 text-align: center;
}

ul.lines_items {position: relative;/* overflow: hidden; */height: 314px;}
ul.lines_items li {
 width: 276px;
 height: 152px;
 border-left: 4px solid #AD0004;
 position: absolute;
}

ul.lines_items li .title_type {
 font-size: 36px;
 color: #AD0004;
 font-weight: bold;
 border-bottom: 4px solid #AD0004;
 padding: 0 10px;
 position: absolute;
 top: -20px;
}

ul.lines_items li p {
 font-size: 14px;
 color: #666;
 padding: 10px 20px 10px 10px;
 line-height: 24px;
 position: absolute;
 top: 26px;
}

ul.lines_items li p .detail {
 display: none;
}

ul.lines_items li::after {
 width: 10px;
 height: 10px;
 content: '';
 background: #AD0004;
 position: absolute;
 border-radius: 50%;
 top: -4px;
 left: -7px;
}

.hops_lines ul::after {content: '';width: 98%;height: 10px;background: #AD0004;position: absolute;left: 0;top: 50%;margin-top: -5px;}

ul.lines_items li:nth-child(1) {
 left: 192px;
 top: 162px;
}

ul.lines_items li:nth-child(2) {
 left: 272px;
 top: 0;
}

ul.lines_items li:nth-child(4) {
 left: 552px;
 top: 0;
}

ul.lines_items li:nth-child(6) {
 top: 0;
 left: 828px;
}

ul.lines_items li:nth-child(8) {
 top: 0;
 left: 1104px;
}

ul.lines_items li:nth-child(10) {
 top: 0;
 left: 1380px;
}

ul.lines_items li:nth-child(3) {
 top: 162px;
 left: 468px;
}

ul.lines_items li:nth-child(odd)::after {
 width: 10px;
 height: 10px;
 content: '';
 background: #AD0004;
 position: absolute;
 border-radius: 50%;
 top: 152px;
 left: -7px;
}

ul.lines_items li:nth-child(odd) .title_type {
 top: 80px;
}

ul.lines_items li:nth-child(odd) p {
 top: 133px;
}

ul.lines_items li:nth-child(5) {
 top: 162px;
 left: 744px;
}

ul.lines_items li:nth-child(7) {
 top: 162px;
 left: 1020px;
}

ul.lines_items li:nth-child(9) {
 top: 162px;
 left: 1296px;
}
.hops_lines ul::before {
 content: '';
 width: 60px;
 height: 22px;
 background: url(/Sites/Uploaded/UserUpLoad/20211116/20211116142330.png) no-repeat;
 position: absolute;
 right: 0;
 top: 50%;
 margin-top: -17px;
}


@media screen and (max-width:1400px){
  .info_left {
 width: 550px;
  }
  .info_right{
 left: 680px;
  }
  .constr_info{
 width: 100%;
 padding: 120px 0 0 70px;
  }
  .hops_lines {
 width: 1200px;
 margin: 0 auto;
  }
} 