/* Products */
.proList { width: 100%; margin-bottom: 90px; }
.proList:before, .proList:after { content: " "; display: table; }
.proList:after { clear: both; }
.proList img { max-width: 100%; height: auto; }
.proList__list { max-width: 1170px; margin-left: auto; margin-right: auto; margin-top: -125px; position: relative; }
.proList__list:after { content: " "; display: block; clear: both; }
.proList__item { width: 22.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; height: 410px; margin-bottom: 30px; overflow: hidden; position: relative; }
.proList__item__mask { width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 100%; background-color: rgba(0, 140, 66, 0.9); transform: translate(0, -1px); transition: transform 0.5s; }
.proList__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%); }
.proList__item__obj { margin-bottom: 10px; }
.proList__item__caption { width: 100%; height: 54px; overflow: hidden; margin-bottom: 8px; padding: 7px 24px; font-size: 20px; font-weight: bold; position: relative; z-index: 1; transition: color 0.5s; }
.proList__item__caption a { color: #1b1b1b; }
.proList__item__caption:before { content: " "; position: absolute; display: block; width: 10px; height: 100%; background-color: #8cdc35; left: 0; top: 0; transition: background-color 0.5s; }
.proList__item__intro { width: 100%; height: 87px; overflow: hidden; padding: 0 24px; font-size: 13px; line-height: 1.25; position: relative; }
.proList__item__intro a { color: #626262; }
@media (min-width: 1200px) { .proList__item:hover .proList__item__mask { transform: translate(0, -100%); }
  .proList__item:hover .proList__item__caption a, .proList__item:hover .proList__item__intro a { color: #fff; }
  .proList__item:hover .proList__item__caption:before { background-color: #fff; } }
.proList__control { max-width: 1170px; margin-left: auto; margin-right: auto; padding: 30px 0; text-align: center; }
.proList__control:after { content: " "; display: block; clear: both; }
.proList__control a { width: 170px; height: 45px; line-height: 45px; color: #fff; font-size: 16px; background-color: #008c42; display: inline-block; }
@media (max-width: 899px) { .proList { margin-bottom: 45px; }
  .proList__list { margin-top: 17px; }
  .proList__item { height: 310px; }
  .proList__item__intro { height: 50px; }
  .proList__control { padding: 15px 0; } }
@media (max-width: 599px) { .proList { margin-bottom: 11px; }
  .proList__item { height: auto; margin-bottom: 12px; width: 96.9696969697%; float: left; margin-left: 1.5151515152%; margin-right: 1.5151515152%; }
  .proList__item:last-child { margin-bottom: 0; }
  .proList__item__caption { height: auto; margin-bottom: 9px; line-height: 1em; font-size: 14px; padding: 0 7px; }
  .proList__item__caption:before { width: 5px; }
  .proList__item__intro { height: auto; font-size: 14px; padding: 0 7px; }
  .proList__item__mask { display: none; }
  .proList__item__obj { width: 33.3333333333%; float: left; margin-left: 1.5151515152%; margin-right: 1.5151515152%; height: auto; }
  .proList__item__body { width: 60.6060606061%; float: left; margin-left: 1.5151515152%; margin-right: 1.5151515152%; height: auto; } }

.downloadList__title { font-size: 32px; padding: 30px 0; color: #008c42; font-weight: bold; line-height: 1.2; text-align: center; }
.downloadList__item { overflow: hidden; padding: 24px 0; border-top: 1px solid #008c42; border-bottom: 1px solid #008c42; transition: opacity 0.5s; height: auto; opacity: 1; }
.downloadList__item:before, .downloadList__item:after { content: " "; display: table; }
.downloadList__item:after { clear: both; }
.downloadList__item--more { height: 0; padding: 0; opacity: 0; overflow: hidden; }
.downloadList__item + .downloadList__item { border-top: none; }
.downloadList__item .name, .downloadList__item .file, .downloadList__item .btn { display: inline-block; vertical-align: middle; }
.downloadList__item .name { width: 270px; padding-left: 10px; font-size: 20px; color: #008c42; font-weight: bold; line-height: 1.2; }
.downloadList__item .file span { margin-left: 8px; padding: 0 8px; color: #fff; font-size: 13px; display: inline-block; background-color: #555; vertical-align: middle; }
.downloadList__item .file img { display: inline-block; vertical-align: middle; }
.downloadList__item .btn { width: 18px; height: 23px; margin: 0 10px; float: right; background: url(../images/products/icon_download.png) 0 0 no-repeat; }
@media (min-width: 1200px) { .downloadList__item .btn:hover { opacity: 0.5; transition: opacity 0.5s; } }
.downloadList__control { margin-top: 54px; text-align: center; }
.downloadList__control:before, .downloadList__control:after { content: " "; display: table; }
.downloadList__control:after { clear: both; }
.downloadList__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; }
@media (min-width: 1200px) { .downloadList__control a:hover { background-color: #00592a; } }
@media (max-width: 599px) { .downloadList__title { font-size: 20px; padding: 15px 0; }
  .downloadList__item { padding: 12px 0; }
  .downloadList__item--more { padding: 0; }
  .downloadList__item .name { width: 100%; margin: 0; font-size: 16px; }
  .downloadList__item .file { width: 80%; margin: 0; padding-left: 10px; }
  .downloadList__item .btn { width: 20%; margin: 0; background-position: center 0; }
  .downloadList__control { margin-top: 13px; margin-bottom: 13px; } }

.proView { clear: both; width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; }
.proView__heading { padding: 19px 0; overflow: hidden; background-color: #008c42; }
.proView__heading .title { width: 91.6666666667%; float: left; padding-left: 1.3888888889%; padding-right: 1.3888888889%; margin-top: 0; margin-bottom: 0; font-size: 20px; color: #fff; }
.proView__heading .back { width: 8.3333333333%; float: left; padding-left: 1.3888888889%; padding-right: 1.3888888889%; text-align: center; color: #fff; font-size: 16px; display: block; background: url(../images/news_02/triangle_btn.png) 10% 50% no-repeat; }
@media (max-width: 899px) { .proView__heading .title { width: 83.3333333333%; float: left; padding-left: 1.3888888889%; padding-right: 1.3888888889%; }
  .proView__heading .back { width: 16.6666666667%; float: left; padding-left: 1.3888888889%; padding-right: 1.3888888889%; } }
@media (max-width: 599px) { .proView__heading .title { width: 75%; float: left; padding-left: 1.3888888889%; padding-right: 1.3888888889%; }
  .proView__heading .back { width: 25%; float: left; padding-left: 1.3888888889%; padding-right: 1.3888888889%; } }
@media (min-width: 1200px) { .proView .proView__detial { margin-bottom: 79px; } }

.proDetial { padding-top: 5px; background-color: #fff; overflow: hidden; }
.proDetial img { max-width: 100%; height: auto; display: block; }
.proDetial__photo { width: 750px; float: left; }
.proDetial__photo .col1 { width: 585px; float: left; }
.proDetial__photo .col2 { width: 160px; float: left; margin-left: 5px; list-style: none; }
.proDetial__photo .col2 li { margin-bottom: 5px; cursor: pointer; }
.proDetial__info { width: 381px; height: 447px; margin-left: 5px; padding: 0 0 0 20px; float: left; color: #535353; background-color: #e5e5e5; }
.proDetial__info .title { padding-bottom: 19px; font-size: 28px; border-bottom: 1px solid #707070; }
.proDetial__info ul, .proDetial__info ol { padding-left: 1.5em; }
/* .proDetial__info .content { padding: 20px 0 0 0; }
.proDetial__info .content li { padding-left: 21px; background: url(../images/products_02/icon_list.jpg) 0 4px no-repeat; color: #535353; line-height: 1.125; margin-bottom: 18px; } */
@media (max-width: 1199px) { .proDetial__photo { width: 58.1395348837%; float: left; margin-right: 0.4651162791%; margin-left: 0; }
  .proDetial__photo .col1 { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; }
  .proDetial__photo .col2 { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-left: 0; margin-top: 5px; }
  .proDetial__photo .col2 li { width: 24.6511627907%; float: left; margin-right: 0.4651162791%; }
  .proDetial__photo .col2 li:last-child { width: 24.6511627907%; float: right; margin-right: 0; }
  .proDetial__info { width: 41.3953488372%; float: right; margin-right: 0; margin-left: 0; } }
@media (max-width: 599px) { .proDetial__photo { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; }
  .proDetial__photo:before, .proDetial__photo:after { content: " "; display: table; }
  .proDetial__photo:after { clear: both; }
  .proDetial__photo .col1 { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; }
  .proDetial__photo .col2 { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; }
  .proDetial__photo .col2 li { width: 24.2990654206%; float: left; margin-right: 0.9345794393%; }
  .proDetial__photo .col2 li:last-child { width: 24.2990654206%; float: right; margin-right: 0; }
  .proDetial__info { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-left: 0; height: auto; } }

.detialIntro { line-height: 1.5em; }
.detialIntro ul { padding-left: 1.5em; }
.detialIntro img { max-width: 100%; height: auto; }
@media (max-width: 1199px) { .detialIntro img { max-width: 100% !important; height: auto !important; } }
.detialIntro p { /* margin: 27px 0; */ clear: both; margin: .5em 0; }
.detialIntro h1 { line-height: 1.25em; }

.similar { clear: both; width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; margin-top: 24px; }
.similar:before, .similar:after { content: " "; display: table; }
.similar:after { clear: both; }
.similar img { max-width: 100%; height: auto; }
.similar__title { margin-bottom: 28px; padding-bottom: 25px; border-bottom: 1px solid #008c42; font-size: 28px; color: #535353; line-height: 0.893; }
.similar__title:before, .similar__title:after { content: " "; display: table; }
.similar__title:after { clear: both; }
.similar__list:before, .similar__list:after { content: " "; display: table; }
.similar__list:after { clear: both; }
.similar__list a { width: 18.8405797101%; float: left; margin-right: 1.4492753623%; display: block; float: left; }
.similar__list a:nth-child(5) { width: 18.8405797101%; float: right; margin-right: 0; }
@media (max-width: 599px) { .similar { margin-bottom: 14px; }
  .similar__title { font-size: 14px; font-weight: bold; margin-bottom: 12px; padding-bottom: 12px; }
  table{width:100%; font-size:12px; margin-bottom:3%}
   }