/* Basic ======================================================================*/
.title { font-size: 36px; color: #628e59; margin-bottom: 60px; line-height: 1; text-align: center; }

.subtitle { color: #282828; text-align: center; font-size: 22px; margin-bottom: 25px; }

/* Banner =====================================================================*/
.banner { background: #fff; overflow: hidden; }
.banner .wrap { max-width: 1345px; position: relative; }

.flexslider-banner:before, .flexslider-banner:after { position: absolute; top: 0px; z-index: 3; content: ''; width: 150px; height: 100%; display: none;}
.flexslider-banner:before { background: -moz-linear-gradient(left, black 0%, transparent 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, black 0%, transparent 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, black 0%, transparent 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */ }
.flexslider-banner:after { right: 0px; background: -moz-linear-gradient(left, transparent 0%, black 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, transparent 0%, black 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, transparent 0%, black 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 */ }
.flexslider-banner .flex-control-nav { display:flex; justify-content: center; z-index: 5; left:0; bottom: 14px; }
.flexslider-banner .flex-control-paging li { margin:0 11px; }
.flexslider-banner .flex-control-paging li a { background: #fff; margin: 8px 0; }
.flexslider-banner .flex-control-paging li a:hover { background: #FFC107; }
.flexslider-banner .flex-control-paging li a.flex-active { background: #FF9800; }

.slogan { display: flex; justify-content: center; align-items: center; position: absolute; left: 0px; width: 100%; height: 100%; z-index: 7; pointer-events: none; }
.slogan h1 { color: #fff; font-weight: normal; text-align: center; font-family: 'OpenSans'; }
.slogan [class*="font"] { display: block; padding: 10px 0; }
.slogan .fontBig { font-size: 62px; line-height: 62px; }
.slogan .fontMin { font-size: 48px; line-height: 48px; }
.slogan .fontSml { font-size: 18px; line-height: 18px; }
.slogan .green { color: #0EDC94; }
.slogan .bothLine { display: flex; justify-content: center; align-items: center; max-width: 583px; }

/* Products ===================================================================*/
.idx-about { text-align: center; }
.idx-about .wrap { max-width: 1143px; font-size: 18px; padding: 75px 0 50px 0; }
.idx-about .wrap>.title, .idx-about .wrap>p { /* max-width:782px; */ margin:0 auto; }
.idx-about .wrap>.title{ line-height: 1.4; }
.idx-about .wrap>p{ text-align: left; font-size: 15px; }
.idx-about h3{ font-size: 26px; font-weight: 100; color: #7aab41; margin: 16px 0; }
.idx-about article p{ text-align: left; font-size: 15px; font-weight: 100; }

/* About ======================================================================*/
.idx-products{ background: #e2e2e2; padding:78px 0 88px; }
.idx-products .owl-theme .owl-dots .owl-dot { margin-top: 63px; }
.idx-products .owl-theme .owl-dots .owl-dot span{ background: #506a85; width: 11px; height: 11px; border-radius: 11px; transition:.2s linear; margin: 0 12px; }
.idx-products .owl-theme .owl-dots .owl-dot:hover span{ background: #008f77; }
.idx-products .owl-theme .owl-dots .owl-dot.active span{ background: #00bc9c; }
.idxpro-article article{ background: #fff; }
.idxpro-article article img{ display: block; }
.idxpro-article article .text{ text-align: center; padding: 14px 0; }
.idxpro-article article h3{ margin: 0; padding: 14px 0; font-weight: 200; color: #506a85; }
.idxpro-article article span{ color: #484848; font-size: .8rem; }
.idxpro-article article span::after{ content: '\f061'; color:#abb8c5; font-size: .6rem; margin-left:8px; font-family: FontAwesome; }

/* News =======================================================================*/
.idx-news{ margin-bottom:108px; }
.idx-news .wrap { max-width: 1020px; margin-top: 70px; }
.idx-news-box figure { max-width:171px; width:100%; }
.idx-news-box .content { padding-left:20px; }
.idx-news-box { display: flex; flex-wrap: wrap; padding-top: 20px; }
.idx-news-box span { display: block; }
.idx-news-main { max-width: 1020px; width: 100%; }
.idx-news-box .time { font-size: 18px; color: #ababab; margin-bottom: 10px; }
.idx-news-box .title { font-size: 19px; color: #282828; text-align: left; margin-bottom: 10px; line-height: 28px; }
.idx-news-box .text { color: #7c7c7c; font-size: 14px; line-height: 24px; }
.idx-news-box .list:not(:last-child) { border-bottom:1px dotted #818181;  margin-bottom:24px; padding-bottom:24px; }
.btn-moreText { display: flex; align-items: center; justify-content: center; height: 108px; width: 108px; min-width: 108px; border-radius: 108px; color: #fff; background: #628e59; font-size: 12px; }

@media only screen and (max-width: 1440px) { .flexslider-banner .flex-control-nav { right: 1%; } }
@media only screen and (max-width: 1024px) { .idx-about .wrap, .idx-news .wrap { padding: 0 5%; } }
@media only screen and (min-width: 993px) { 
  .idx-about .wrap > .title{ text-align: left; }
  .idx-about .idx-article { display: flex; justify-content: space-between; margin-bottom: 94px; }
  .idx-about article { width: 325px; margin:67px 0 0; }
  .idx-about .wrap>p{ margin-top: 40px; }


  .idxpro-article{ display: flex; justify-content: space-between; margin-bottom: 64px; }
  .idxpro-article article:not(:last-child){ margin-right:32px; }

  .idx-news-box .content { position: relative; margin-right:44px; padding-right:44px; }
  .idx-news-box .content::before { content:''; position: absolute; right: 2px; top:50%; transform:translateY(-50%); height:76%; background:#628e59; width:3px; }
  .idx-news-box .list { display: flex; flex-direction: row; align-items: center; justify-content: center; }
}

@media only screen and (max-width: 992px) { 
  .slogan .fontSml{ padding:8px; line-height:1.4; }

  .idx-about .wrap > .title{ font-size: 16px; font-weight: bold; margin:32px 0 16px; text-align: left; }
  .idx-about .wrap > p{ margin-bottom:32px; }

  .idx-about article{ margin-bottom:20px; }

  .idxpro-article article{ margin-bottom:20px; }

  .btn-moreText{ margin:20px auto 12px; }

}
@media only screen and (max-width: 480px) { .slogan h1 { padding-top: 30px; }
  .slogan .fontBig { font-size: 30px; line-height: 30px; }
  .slogan .fontMin { font-size: 20px; line-height: 20px; }
  .slogan .fontSml { font-size: 12px; }
  .idxpro-wrap { width: 100%; }
  .idxpro-wrap .owl-theme .owl-nav { display: none; }
  .idx-application-list { flex-wrap: wrap; }
  .idx-application-list li { width: 44%; padding: 0 3%; margin-bottom: 40px; }
  .idx-application-list a .pic { margin-bottom: 20px; }
  .idx-news-main { flex-direction: column; }
  .idx-news-main figure { margin: 0 auto; }
  .idx-news-main .content { padding-left: 0px; } }
@media only screen and (max-width: 375px) { .slogan .fontBig { font-size: 20px; line-height: 20px; }
  .slogan .fontMin { font-size: 16px; line-height: 16px; }
  .slogan .fontSml { font-size: 12px; }
  .flexslider-banner .flex-control-nav { display: none; } }