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

/* content */
#content { background: url(../images/content_bg.jpg) no-repeat bottom center #f7f7f7; padding: 30px 0 100px; }
.content { position: relative; }
.content .breadcrumbs { color: #737373; font-size: 14px; }
.content .breadcrumbs a:hover { color: #333; text-decoration: underline; }
.content .back { position: absolute; top: 10px; right: 10px; }
.content .back a { background: #8a2626; color: #fff; display: inline-block; font-family: arial; font-size: 14px; padding: 5px 10px; }

.main h1.title { color: #e60012; font-size: 30px; margin-top: 50px; text-transform: uppercase; }

/* about */
.about { font-family: "Roboto Light"; font-size: 20px; line-height: 2; }
.about .about-inner { float: left; width: 50%; padding-right: 30px; }
.about .about-inner h2 { font-size: 24px; margin-top: 0; }
.about .about-pic img { margin-bottom: 10px; }
.about .boss { text-align: right; }
.about .boss img { max-width: 480px; }

/* news */
.news { min-height: 600px; }
.news .section { border: #eee 3px solid; border-radius: 10px; padding: 20px; margin-bottom: 20px; background: rgba(235,235,235,.7); }
.news-img { width: 30%; float: left; }
.news-info { float: right; width: 68%; }
.news-info h1 { font-size: 24px; }
.news-info p { line-height: 1.6; }

/* product list */
.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; }

/* product show */
.pro-show .pro-large { width: 60%; float: left; }
.pro-show .pro-fea { width: 40%; float: right; }
.pro-show .pro-fea h2 { margin-top: 0; }
.pro-show .pro-fea .pro-title > span { font-size: 18px; display: block; }
.pro-show .pro-fea .title { color: #e60012; font-size: 20px; font-weight: bold; }
.pro-show .pro-fea .pro-desc { margin-bottom: 50px; }
.pro-show .pro-fea .pro-desc ul { list-style-type: none; margin: 6px 0 0; padding: 0; }
.pro-show .pro-fea .pro-desc ul li { font-size: 16px; line-height: 1.8; }

.pro-show .pro-spec .table { float: left; width: 60%; margin-top: 30px; }
.pro-show .pro-spec .table table { border: thin #333 solid; border-bottom: none; margin-left: 10%; width: 70%; }
.pro-show .pro-spec .table h3 { color: #e60012; font-size: 20px; font-weight: bold; margin-left: 10%; width: 70%; }
.pro-show .pro-spec .table table tr:first-child td { background: #ddd; }
.pro-show .pro-spec .table table td { padding: 10px; border-bottom: thin #333 solid; }
.pro-show .pro-spec .table table td+td { border-left: thin #333 solid; }
.pro-show .pro-spec .pro-desc { float: right; width: 40%; }

.pro-video { margin: 80px; text-align: center; }
.pro-video > .title { color: #e60012; font-size: 30px; font-weight: bold; margin-bottom: 12px; text-transform: uppercase; }
.pro-video .video { margin-bottom: 30px; }
.pro-video .video a { box-shadow: 0px 0px 10px #666; display: inline-block; margin-bottom: 16px; position: relative; }
.pro-video .video a span { position: absolute; top: 50%; left: 50%; margin: -55px 0 0 -80px; }
.pro-video .video a span img { max-width: 160px; }

/* contact us */
.cont-map { float: right; padding-left: 30px; width: 50%; }
.cont-map h3 { color: #e60012; font-size: 24px; }
.cont-map .map-info-list { list-style-type: none; line-height: 1.8; margin: 0 0 20px; padding: 0; }
.cont-map .map-info-head { font-size: 18px; font-weight: bold; margin-bottom: 12px; }
.map-responsive{ overflow:hidden; padding-bottom:56.25%; position:relative; height:0; }
.map-responsive iframe{ left:0; top:0; height:100%; width:100%; position:absolute; }
.cont-form { float: left; line-height: 1.8; padding-right: 30px; width: 50%; }
.cont-form .form-note { font-weight: bold; }
.cont-form .form-note strong { color: #8a2626; }
.cont-form .range { font-size: 16px; list-style-type: none; margin: 0; padding: 0; }
.cont-form .range li { margin-bottom: 16px; }
.cont-form .range .form-label { display: block; float: left; width: 20%; }
.cont-form .range .form-label .req { color: #8a2626; font-weight: bold; margin-right: 4px; }
.cont-form .range .form-control { width: 80%; background: none; border: 1px #666 solid; }
.cont-form .range #verifycode { width: 25%; }
.cont-form .btn { text-align: center; }
.cont-form .btn input { background: #8a2626; border: none; color: #fff; margin: 0 20px; padding: 12px 24px; }
.cont-form .btn input:hover { background: #e60113; }

/* privacy */
.privacy { font-size: 20px; line-height: 2; max-width: 1000px; margin: auto; }
.privacy a { color: #00f; text-decoration: underline; }


/* sitempa */
.sitemap { font-size: 24px; line-height: 2.5; padding: 50px 100px; }
.site-main { max-width: 600px; margin: auto; }
.site-main a:hover { border-bottom: #e60113 2px solid; color: #e60113; }

@media (max-width: 1750px) {
	#banner .slogan-text { top: 180px; }
}
@media (max-width: 1440px) {
	#banner .slogan-text { top: 120px; }
}
@media (max-width: 1280px) {
  /* banner */
  #banner .slick-slide img { max-width: inherit; width: 140%; margin-left: -20% }
  #banner .slogan-text { top: 200px; right: 30px; }
  #banner .slogan-text h2 { font-size: 36px; }
  /* content */
  #content { padding: 30px 15px 100px; }
  /* about */
  .about-pic { float: left; width: 50%; text-align: center; }
  .about .boss img { max-width: 320px; }
  /* news */
  .news { min-height: 460px; }
  /* product list */
  .pro-list .pro-item { width: 33%; margin: 0 0.15% 50px; }
  .pro-list .pro-item:nth-child(3n+1) { clear: both; }
  /* prduct show */
  .pro-show .pro-large { padding-right: 20px; }
  /* contact */
  .cont-form .range .form-label { width: 122px; }
  .cont-form .range .form-control { width: calc(100% - 122px); }
  .cont-form .btn { margin-top: 20px; }
  /* sitemap */
  .sitemap { line-height: 2; padding: 0px 100px; }
}
@media (max-width: 1024px) {
  /* banner */
  #banner .slick-slide img { width: 160%; margin-left: -40% }
  #banner .slogan-text h2 { font-size: 30px; }
  /* about */
  .about-pic { float: left; width: 50%; }
  .about .boss img { max-width: 280px; }
  /* news */
  .news { min-height: 300px; }
  
}
@media (max-width: 800px) {
  /* banner */
  #banner .slick-slide img { width: 180%; margin-left: -50% }
  #banner .slogan-text { top: 180px; }
  #banner .slogan-text h2 { font-size: 24px; }
  /* content */
  #content { padding: 30px 15px 100px; }
  .main h1.title { margin-top: 20px; }
  /* about */
  .about { line-height: 1.6; max-width: 640px; margin: auto; }
  .about .about-inner { float: none; width: 100%; padding-right: 0; }
  .about-pic { text-align: center; margin-top: 20px; float: none; width: 100%; }
  /* product list */
  .pro-list .pro-item { width: 48%; margin: 0 1% 50px; }
  .pro-list .pro-item:nth-child(3n+1) { clear: inherit; }
  /* product show */
  .content .back { top: 30px; right: 0; }
  .pro-show { max-width: 720px; margin: auto; }
  .pro-show .pro-large, .pro-show .pro-fea { float: none; width: 100%; }
  .pro-show .pro-large { padding-right: 0; }
  .pro-show .pro-fea { margin-top: 20px; }
  .pro-show .pro-spec .table, .pro-show .pro-spec .pro-desc { float: none; width: 100%; margin: 0; }
  .pro-show .pro-fea .pro-desc { margin-bottom: 0; }
  .pro-show .pro-spec .table h3 { margin-left: 0; }
  .pro-show .pro-spec .table table { margin-left: 0; margin-bottom: 20px;  width: 100%; }
  .pro-show .pro-spec .table table td { padding: 5px; }
  .pro-video { margin: 20px auto 0; max-width: 720px; }
  .pro-video .video a span { margin: -42px 0 0 -60px; }
  .pro-video .video a span img { max-width: 120px; }
  /* news */
  .news-img { width: 40%; }
  .news-info { width: 58%; }
  /* contact */
  .cont-map, .cont-form { float: none; max-width: 640px; width: inherit; padding: 0; margin: 0 auto 20px; }
}
@media (max-width: 640px) {
  /* banner */
  #banner { margin-top: 70px; }
  #banner .slick-slide img { max-width: inherit; width: 180%; margin-left: -50% }
  #banner .slogan-text { top: 140px; }
  /* product show */
  .pro-video .video a span { margin: -28px 0 0 -40px; }
  .pro-video .video a span img { max-width: 80px; }
  .pro-video { margin: 20px 0 0; }
  /* news */
  .news { min-height: auto; }
  .news-img, .news-info { width: 48%; }
  /* sitemap */
  .sitemap { padding: 0 30px; font-size: 18px; }
}
@media (max-width: 480px) {
  /* banner */
  #banner .slick-slide img { max-width: inherit; width: 180%; margin-left: -50% }
  #banner .slogan-text { top: 100px; }
  #banner .slogan-text h2 { font-size: 20px; }
  /* about */
  .about { line-height: 1.6; }
  .about .about-inner { float: none; width: 100%; padding-right: 0; }
  /* product list */
  .pro-list .pro-item { float: none; width: 100%; margin-bottom: 50px; }
  .pro-list .pro-item .pro-pic { margin: auto; }
  /* news */
  .news-img, .news-info { width: 100%; float: none; }
  /* contact */
  .cont-form .range li { margin-bottom: 0; }
  .cont-form .range .form-label, .cont-form .range .form-control { float: none; width: 100%; }
  /* sitemap */
  .sitemap { line-height: 2; }
}
@media (max-width: 375px) {
  /* banner */
  #banner .slick-slide img { max-width: inherit; width: 200%; margin-left: -60% }
  #banner .slogan-text h2 { font-size: 16px; }
  /* content */
  #content { padding: 30px 15px 100px; }
  /* product show */
  .pro-video .video a span { margin: -18px 0 0 -25px; }
  .pro-video .video a span img { max-width: 50px; }
  /* sitemap */
  .sitemap { padding: 0; font-size: 18px; line-height: 2; }
  .site-main ul ul { padding-left: 20px; }
}