@charset "utf-8";
/* banner */
#banner .slogan-text { position: absolute; z-index: 1; top: 500px; right: 80px; }
#banner .slogan-text h2 { font-size: 48px; }
#banner .mask { width: 100%; height: 77px; background: url(../images/mask.png) center; position: absolute; bottom: 0; }

/* product list */
.idx-pro { position: relative; padding-bottom: 77px; }
.idx-pro .mask { width: 100%; height: 77px; background: url(../images/mask-index.png) center; position: absolute; bottom: 0; }
.idx-pro h2 { color: #e60012; font-size: 30px; font-weight: bold; margin: 70px auto 35px; text-align: center; text-transform: uppercase; }
.pro-list .pro-item { float: left; margin-bottom: 70px; width: 33.3333%; }
.pro-list .pro-item .pro-pic { overflow: hidden; max-width: 415px; }
.pro-list .pro-item .pro-pic img { transition: all 0.3s ease; }
.pro-list .pro-item:hover .pro-pic img { transform: scale(1.1); }
.pro-list .pro-item .pro-caption { font-family: "Roboto Light"; font-size: 18px; font-weight: bold; margin-top: 20px; text-align: center; }
.pro-list .pro-item:hover .pro-caption { color: #e60012; }

/* about us */
.idx-about { background: #e3e3e3; padding-bottom: 77px; position: relative; }
.idx-about .mask { width: 100%; height: 77px; background: url(../images/mask.png) center; position: absolute; bottom: 0; }
.idx-about .about { float: left; width: 50%; font-size: 18px; line-height: 2; padding: 80px 60px 30px 30px; }
.idx-about .about .more { text-align: right; }
.idx-about .about .more a { color: #e60012; font-size: 16px; padding: 6px 12px; transition: all 0.3s ease; }
.idx-about .about .more a:hover { background: #e60012; color: #fff; }
.idx-about .about h2 { color: #e60012; font-size: 30px; font-weight: bold; text-transform: uppercase; }
.idx-about .about-pic { float: right;; width: 50%; padding: 70px 30px 30px; }
.idx-about .about-pic > div { margin-bottom: 10px; }

/* news */
.idx-news { margin-bottom: 30px; padding: 70px 0; }
.idx-news .wrapper { padding: 0 60px 0 30px; }
.idx-news h2 { color: #e60012; float: left; font-size: 30px; font-weight: bold; padding-top: 30px; text-transform: uppercase; width: 20%; }
.idx-news .events-pic { float: left; width: 25%; }
.idx-news .events-info { float: right; font-size: 18px; line-height: 1.5; padding-top: 30px; width: 45%; }
.idx-news .events-info .title { font-size: 24px; font-weight: bold; }
.idx-news .events-info .more { text-align: right; }
.idx-news .events-info .more a { color: #e60012; font-size: 16px; padding: 6px 12px; transition: all 0.3s ease; }
.idx-news .events-info .more a:hover { background: #e60012; color: #fff; }

@media (max-width: 1750px) {
	#banner .slogan-text { top: 400px; }
}
@media (max-width: 1440px) {
	#banner .slogan-text { top: 300px; }
}
@media (max-width: 1280px) {
  /* product */
  .pro-list { padding: 0 15px; }
  .pro-list .pro-item { width: 33%; margin: 0 0.15% 50px; }
}
@media (max-width: 1024px) {
  /* banner */
  #banner .slick-slide img { max-width: inherit; width: 120%; margin-left: -10% }
  #banner .slogan-text { top: 320px; right: 30px; }
  #banner .slogan-text h2 { font-size: 40px; margin: 0; }
  /* product */
  .pro-list { padding: 0 15px; }
  .pro-list .pro-item { width: 33%; margin: 0 0.15% 50px; } 
  .pro-list .pro-item:nth-child(3n+1) { clear: both; }
  /* about */
  .idx-about .about { padding: 20px 60px 30px 30px; }
}
@media (max-width: 800px) {
  /* banner */
  #banner .slogan-text { top: 240px; }
  #banner .slogan-text h2 { font-size: 36px; }
  /* product */
  .idx-pro h2 { margin: 20px auto; }
  .pro-list .pro-item { width: 48%; margin: 0 1% 50px; }
  .pro-list .pro-item:nth-child(3n+1) { clear: inherit; }
  /* about */
  .idx-about .about, .idx-about .about-pic { float: none; width: 100%; padding: 0 15px; margin-bottom: 20px; }
  .idx-about .about { max-width: 580px; margin: 0 auto 20px; }
  .idx-about .about-pic { text-align: center; }
  /* news */
  .idx-news { padding: 0 0 20px; max-width: 580px; margin: 0 auto 70px; }
  .idx-news .wrapper{ padding: 0 15px; }
  .idx-news h2, .idx-news .events-pic, .idx-news .events-info { float: none; width: 100%; }
  .idx-news .events-pic { text-align: center; }
  .idx-news .events-info { padding-top: 20px; }
  /* footer */
  .footer .wrapper { max-width: 580px; margin: auto; }
}
@media (max-width: 640px) {
  /* banner */
  #banner .slogan-text { top: 180px; }
  #banner .slogan-text h2 { font-size: 30px; }
  /* news */
  .idx-news { padding: 0 0 20px; max-width: 80%; margin: 0 auto 70px; }
  .idx-news .wrapper{ padding: 0 15px; }
  .idx-news h2, .idx-news .events-pic, .idx-news .events-info { float: none; width: 100%; }
  .idx-news .events-pic { text-align: center; }
  .idx-news .events-info { padding-top: 20px; }
}
@media (max-width: 480px) {
  /* banner */
  #banner .slick-slide img { width: 140%; margin-left: -20% }
  #banner .slogan-text h2 { font-size: 24px; }
  /* product */
  .pro-list .pro-item { float: none; width: 100%; margin-bottom: 40px; }
  .pro-list .pro-item .pro-pic { margin: auto; }
  /* news */
  .idx-news { max-width: 100%; }
}
@media (max-width: 375px) {
  /* banner */
  #banner .slick-slide img { width: 160%; margin-left: -30% }
  #banner .slogan-text { top: 160px; right: 15px; }
  #banner .slogan-text h2 { font-size: 18px; }
}