/* Index */
.idxHeader { width: 100%; height: 80px; background-color: #000; }
@media (max-width: 599px) { .idxHeader { height: 0; } }

.idxBanner .container { position: relative; }
.idxBanner__search { position: absolute; right: 0; top: 30px; z-index: 9; }

.idxProducts { width: 100%; margin-bottom: 90px; }
.idxProducts:before, .idxProducts:after { content: " "; display: table; }
.idxProducts:after { clear: both; }
.idxProducts img { max-width: 100%; height: auto; }
.idxProducts__heading { font-size: 32px; color: #fff; font-weight: bold; line-height: 0.781; text-align: center; text-shadow: 0px 1px 0.99px rgba(4, 0, 0, 0.75); position: relative; }
.idxProducts__heading h2 { position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -200%); -ms-transform: translate(-50%, -200%); -webkit-transform: translate(-50%, -200%); transform: translate(-50%, -200%); }
.idxProducts__list { max-width: 1170px; margin-left: auto; margin-right: auto; margin-top: -125px; position: relative; }
.idxProducts__list:after { content: " "; display: block; clear: both; }
.idxProducts__item { width: 22.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; height: 410px; margin-bottom: 30px; overflow: hidden; position: relative; }
.idxProducts__item__mask { width: 100%; height: 100%; display: block; position: absolute; left: 0; top: calc(100% - 1px); background-color: rgba(0, 140, 66, 0.9); transition: top 0.5s; }
.idxProducts__item__mask:before { content: " "; position: absolute; display: block; width: 25px; height: 13px; background: url(../images/index/triangle_pro_top.png) 0 0 no-repeat; top: 0; left: 50%; -moz-transform: translate(-50%, -100%); -ms-transform: translate(-50%, -100%); -webkit-transform: translate(-50%, -100%); transform: translate(-50%, -100%); }
.idxProducts__item__obj { margin-bottom: 10px; }
.idxProducts__item__caption { width: 100%; height: 50px; overflow: hidden; margin-bottom: 12px; padding: 7px 24px; font-size: 20px; font-weight: bold; position: relative; z-index: 1; transition: color 0.5s; }
.idxProducts__item__caption a { color: #1b1b1b; }
.idxProducts__item__caption:before { content: " "; position: absolute; display: block; width: 10px; height: 100%; background-color: #8cdc35; left: 0; top: 0; transition: background-color 0.5s; }
.idxProducts__item__intro { width: 100%; height: 87px; overflow: hidden; padding: 0 24px; font-size: 13px; line-height: 1.25; position: relative; }
.idxProducts__item__intro a { color: #626262; }
@media (min-width: 1200px) { .idxProducts__item:hover .idxProducts__item__mask { top: 0; }
  .idxProducts__item:hover .idxProducts__item__caption a, .idxProducts__item:hover .idxProducts__item__intro a { color: #fff; }
  .idxProducts__item:hover .idxProducts__item__caption:before { background-color: #fff; } }
.idxProducts__control { max-width: 1170px; margin-left: auto; margin-right: auto; padding: 30px 0; text-align: center; }
.idxProducts__control:after { content: " "; display: block; clear: both; }
.idxProducts__control a { width: 170px; height: 45px; line-height: 45px; color: #fff; font-size: 16px; background-color: #008c42; display: inline-block; transition: background-color 0.5s; }
.idxProducts__control a:hover { background-color: #00592a; }
@media (max-width: 899px) { .idxProducts { margin-bottom: 45px; }
  .idxProducts__heading h2 { -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  .idxProducts__list { margin-top: 17px; }
  .idxProducts__control { padding: 15px 0; }
  .idxProducts__item { height: 360px; }
  .idxProducts__item__intro { height: 95px; } }
@media (max-width: 599px) { .idxProducts__heading { font-size: 20px; }
  .idxProducts__item { height: auto; margin-bottom: 25px; width: 96.9696969697%; float: left; margin-left: 1.5151515152%; margin-right: 1.5151515152%; }
  .idxProducts__item:last-child { margin-bottom: 0; }
  .idxProducts__item__caption { height: auto; margin-bottom: 9px; line-height: 1em; font-size: 14px; padding: 0 7px; }
  .idxProducts__item__caption:before { width: 5px; }
  .idxProducts__item__intro { font-size: 14px; padding: 0 7px; height: auto; }
  .idxProducts__item__mask { display: none; }
  .idxProducts__item__obj { width: 33.3333333333%; float: left; margin-left: 1.5151515152%; margin-right: 1.5151515152%; height: auto; }
  .idxProducts__item__body { width: 60.6060606061%; float: left; margin-left: 1.5151515152%; margin-right: 1.5151515152%; height: auto; } }

.idxRecommend { width: 100%; }
.idxRecommend:before, .idxRecommend:after { content: " "; display: table; }
.idxRecommend:after { clear: both; }
.idxRecommend__item { width: 50%; float: left; padding-left: 1.3888888889%; padding-right: 1.3888888889%; height: 500px; position: relative; overflow: hidden; transition: box-shadow 0.5s; }
.idxRecommend__item:hover .idxRecommend__mask { opacity: 0.4; }
@media (min-width: 900px) { .idxRecommend__item:after { content: " "; position: absolute; display: block; width: 90px; height: 181px; top: 50%; transition: transform 0.5s; }
  .idxRecommend__item:hover { box-shadow: 0 0 0 10px #fff inset; }
  .idxRecommend__item:hover:after { content: " "; position: absolute; display: block; width: 90px; height: 181px; top: 50%; right: 0; -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } }
.idxRecommend__item img { max-width: 100%; height: auto; display: none; }
.idxRecommend__item--technology { background: url(../images/index/technology_pic.jpg) center center no-repeat; background-size: cover; }
.idxRecommend__item--technology:after { background: url(../images/index/triangle_left_xl.png) 0 0 no-repeat; right: 0; -moz-transform: translate(100%, -50%); -ms-transform: translate(100%, -50%); -webkit-transform: translate(100%, -50%); transform: translate(100%, -50%); }
.idxRecommend__item--about { background: url(../images/index/about_pic.jpg) center center no-repeat; background-size: cover; }
.idxRecommend__item--about:after { background: url(../images/index/triangle_right_xl.png) 0 0 no-repeat; left: 0; -moz-transform: translate(-100%, -50%); -ms-transform: translate(-100%, -50%); -webkit-transform: translate(-100%, -50%); transform: translate(-100%, -50%); }
.idxRecommend__body { position: absolute; top: 43%; }
.idxRecommend__body h4 { height: 50px; display: inline-block; margin-bottom: 23px; padding: 13px 14px; font-size: 31px; color: #fff; font-weight: bold; line-height: 0.791; text-align: center; background-color: #008c42; }
.idxRecommend__body ul li { margin-bottom: 8px; }
.idxRecommend__body ul li a { height: 27px; background-color: rgba(0, 0, 0, 0.7); font-size: 18px; line-height: 1.389; text-align: left; padding: 0 6px; color: #fff; display: inline-block; }
.idxRecommend__body ul li a:hover { background-color: black; }
.idxRecommend__body--left { right: 17%; }
.idxRecommend__body--right { left: 17%; }
.idxRecommend__mask { width: 100%; height: 100%; position: absolute; background-color: #fff; left: 0; top: 0; opacity: 0; transition: opacity 0.5s; }
@media (max-width: 599px) { .idxRecommend__item { width: 100%; height: auto; padding-left: 0; padding-right: 0; }
  .idxRecommend__item img { display: block; }
  .idxRecommend__item--technology { background: none; }
  .idxRecommend__item--about { background: none; }
  .idxRecommend__body { width: 100%; position: static; top: 0; }
  .idxRecommend__body h4 { width: 100%; height: auto; margin-bottom: 0; padding-left: 17px; padding-top: 10px; padding-bottom: 10px; font-size: 16px; text-align: left; background: #008c42 url(../images/index/triangle_down.png) 90% 50% no-repeat; background-size: auto 20%; }
  .idxRecommend__body h4.is-active { background: #008c42 url(../images/index/triangle_up.png) 90% 50% no-repeat; }
  .idxRecommend__body ul { height: 0; opacity: 0; overflow: hidden; transition: all 0.5s; }
  .idxRecommend__body ul.is-active { height: auto; opacity: 1; }
  .idxRecommend__body ul li { margin-bottom: 0; border-bottom: 1px solid #7d7d7d; }
  .idxRecommend__body ul li a { color: #959595; font-size: 14px; display: block; background-color: black; height: auto; padding-top: 10px; padding-bottom: 10px; padding-left: 22.5px; }
  .idxRecommend__body--left { right: 0; }
  .idxRecommend__body--right { left: 0; }
  .idxRecommend__mask { display: none; } }

.idxNews { overflow: hidden; }
.idxNews__title { margin: 60px 0; text-align: center; font-weight: bold; font-size: 32px; line-height: 0.781; color: #008c42; }
.idxNews__item { margin-bottom: 26px; width: 30.5555555556%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; }
.idxNews__item__body { padding: 23px 20px; }
.idxNews .date { width: 100%; height: 45px; padding: 15px 20px; font-size: 20px; color: #fefefe; line-height: 1; background: #1b1b1b url(../images/index/icon_triangle.png) 0 center no-repeat; }
.idxNews .department { margin-bottom: 20px; font-size: 20px; color: #000; line-height: 1; }
.idxNews .intro { font-size: 16px; color: #000; line-height: 1.25; }
.idxNews .control { overflow: hidden; text-align: right; border-top: 1px solid #008c42; }
.idxNews .control a { margin-top: 13px; display: inline-block; color: #008c42; font-weight: bold; line-height: 1.25; opacity: 1; transition: opacity 0.5s; }
.idxNews .control a:hover { opacity: 0.8; }
@media (min-width: 1200px) { .idxNews { margin-bottom: 113px; } }
@media (max-width: 599px) { .idxNews__title { margin: 20px 0; font-size: 20px; }
  .idxNews__item { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; position: relative; }
  .idxNews__item__body { padding: 11.5px 0; }
  .idxNews .date { height: auto; padding: 7.5px 10px; font-size: 12px; background-size: auto 40%; }
  .idxNews .department { font-size: 14px; margin-bottom: 10px; font-weight: bold; }
  .idxNews .intro { font-size: 14px; color: #626262; line-height: 1.143; }
  .idxNews .control a { width: 100%; height: 100%; font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; position: absolute; top: 0; left: 0; } }