.banner ul{ width: 100%; max-width: 1120px; position: absolute; left: 8%; bottom: 0px;  background-color: transparent; display: flex;    }
.banner ul li { cursor: pointer; width: calc(33.3% - 3px); height: 50px;  margin-right: 3px; background-color: #1267b2;    color: #fff; display: flex; align-items: center; justify-content: center; z-index: 9999; }
.banner ul li a { width: 100%; height: 100%; /*padding: 0 15px;*/  display: flex; align-items: center; justify-content: center;color: #fff; }
.banner ul li.not-current { color: #8c8c8c;}
.banner ul li:last-child { margin-right: 0;}
.banner ul li:hover { }
.banner ul.fixed li:hover {  color: #c8c8c8;  }

.banner ul.fixed{ max-width: 100%; padding: 0;   position: fixed;  bottom: inherit; top:50px;  left: 0; justify-content: center; background-color: #1267b2; }
ul.fixed li.current,ul.fixed li.current a span { color: #fff;}
ul.fixed li { width: auto; color: #c8c8c8; }
ul.fixed li a span { color: #c8c8c8;}
ul.fixed li a:hover,ul.fixed li a:hover span {color: #fff;}
ul.fixed li:after {  content: ''; min-width: 1px; height: 11px; margin: 0 25px; background-color: rgba(255, 255, 255, 0.3); display: block;}
ul.fixed li:last-child:after { display: none;}
ul div.list-title { height: 50px; color: #fff; display: flex; align-items: center; justify-content: space-between; padding: 0 30px;}
ul.fixed div.list-title { order: 0;}
ul.fixed li { order: 1; }
.banner .navfix{top: 50px;  }
.banner .navfix ul{background: #242424!important;}
.list-title span {
  display: inline-block;
}
.lt_icon {    
  height: 20px;
  width: 20px;
  background-image: url(../images/icon/arrow-down.png);
  background-size: cover;}
@media only screen and (max-width:1180px) { 
  .banner ul.fixed {  position: fixed;  bottom: inherit; top: 50px; left: 0; }
}
@media (max-width:1024px) {
  .banner ul.fixed {  position: fixed;  bottom: inherit; top: 52px; left: 0; background-color: #0e416e;}
  .banner ul { padding: 0; background-color: #0e416e; flex-direction: column;  left: 0;}
  .banner ul>* { border-top: solid 1px #0e416e; }
  .banner ul li {  width: 100%; max-width: none; margin: 0; transition: none; }
  .banner ul.fixed li:after { display: none; }
  
}
@media only screen and (max-width:992px) {
  .banner ul.fixed { top: 59px;}
}
.ul-fixed { height:auto;  }
@media (max-width:767px) {
.ul-fixed { height:auto; }
 .banner ul{left:0;}	
.banner ul.fixed  {  top: 60px!important; }
}



.board { display: flex;}
.board>* { width: 50%;}
 h2.title { font-size: 1.875rem; margin-bottom: 40px; line-height: 1.6; text-align: center;}
.capa-board .board { display: flex; align-items: center; justify-content: space-between;}
.capa-board .board img { width: 54%;}
.capa-board .board div { max-width: 440px;}
.capa-board .board h2 { font-size: 1.25rem; font-weight: 600;  margin-bottom: 35px;}
.capa-board .board p { line-height: 1.5rem; text-align: justify; color:#000;  }
@media (max-width:1023px) {
 .capa-board .board div { padding: 0 20px; }
}

@media (max-width:767px) {
.board>* { width: 100%; }
.capa-board .board { flex-direction: column;}
.capa-board .board.updown { flex-direction: column-reverse; }
.capa-board .board img {width: 100%;margin-bottom: 40px;}
}

/*========== core==========*/
.core {padding: 120px 0; background-color: #f1f1f1;}
.core div { width: 100%; display: flex;}
.core h2 { text-align: left; margin: 0 0 20px 20px;}
.core p { line-height: 1.6; padding: 0 20px; text-align: justify;  color:#000;  }
.core .capa-board { max-width: 1160px;  width: 100%; padding: 0 20px; margin: 0 auto; display: flex; flex-direction: column; }
.txtcols{  -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; column-gap: 20px;   padding: 10px;}
@media (max-width:767px) {
.core { padding: 50px 0 70px 0; }
.core  div { flex-direction: column; }	
.core  p { padding: 0; }
.core p:first-child { margin-bottom: 30px;}
.core h2 { padding: 0; text-align: center; }
.txtcols{  -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; column-gap: 20px; padding: 10px;}
}
/*========== research==========*/
.research { padding: 120px 0 0 0;}
.research .capa-board { max-width: 1120px; padding: 0 20px 120px 20px; margin: 0 auto; border-bottom: solid 2px #ebebeb;}
.research  div.board:first-child { margin-bottom: 75px;}

@media (max-width:767px) {
  .research { padding: 60px 0 60px 0; }
  .research  div.board:first-child { margin-bottom: 45px;}
}
/*========== feeding==========*/
.feeding {  padding: 120px 0 0 0;}
.feeding .capa-board{ max-width: 1120px; padding: 0 20px 170px 20px; margin: 0 auto; border-bottom: solid 2px #ebebeb;}
.feeding .capa-board .board div { margin-top: 10px;}

@media (max-width:767px) {
  .feeding { padding: 60px 0 60px 0;}
  .feeding .capa-board .board div { transform: none; }
}


/*========== handling==========*/
.handling { padding: 120px 0 170px 0;}
.handling .capa-board{ max-width: 1120px; padding: 0 20px; margin: 0 auto;}
.handling .capa-board .board div { transform: translateY(20px);}

@media (max-width:767px) {
  .handling {padding: 60px 0 60px 0;}
  .handling .capa-board .board div {transform: none;}
}