.title { font-size:50px; margin:20px 0;}
.title2 { font-size:20px; margin:10px 0;}
.btn { display:table;background:#000; color:#fff; padding:5px 25px; margin:10% 0; position:relative;}
.btn:hover { opacity:0.7;}

#banner .slick-slide a { position:relative; display:block;}
#banner dl { position:absolute; bottom:13%; left:5%; z-index:99999; color:#B6191E; width:40%;}
#banner dl .btn { font-size:large;}
#banner dl .btn:hover { background-color:#B6191E; color:#fff;}

#products { padding:5%;}
#products, #products > section > section {display: -webkit-flex;display: flex;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  -webkit-justify-content: center;
          justify-content: center;}
#products > section { padding:5px;}
#products div:nth-child(1), #products div:nth-child(2) {text-align:center; display:inline; margin-bottom:10px;}
#products div:nth-child(1) { margin-right:10px;}
#products p { padding:30px 15px; color:#fff; text-align:center; position:absolute; z-index:1;}
#products a {display: -webkit-flex;display:  flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center; position:relative;background:#000;}
#products a > img { opacity:0.5; position:static;}
#products a:hover img { opacity:1;}


#about { background:url(../images/p03.png) left bottom no-repeat; background-size:auto;display: -webkit-flex;display:  flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-around;
          justify-content: space-around;}
#about dl { padding:10% 0 0 5%;}
#about .title2 {color:#B6191E; font-weight:bold;}
#about > img { max-width:60%;}

#news {padding:5% 3%;display: -webkit-flex; display:flex;}
#news > article { flex:1; width:45%; padding:2%;}
#news > article:first-child { background:#f1f1f1;}
#news > article .title2 { /*color: #b6191e;*/    font-weight: bold;}
#news > article a { display: -webkit-flex;display:flex;}
#news > article a dl { flex:1;-webkit-flex:1;}
#news > article img {height:100%; width:40%; padding:10px;}

@media screen and (max-width:968px) {
	
}
@media screen and (max-width:768px) {
	#products, #about2 { display:block;}
	#about { display:block; background-size: cover; }
	#about dl { padding: 10% 10% 0; }
	#about > img { max-width:100%;}
	#about2 > a, #about2 > div { width:100%;}
	#news {display:block; padding:5%;}
	#news > article { width:100%;}
	

}
@media screen and (max-width:568px) {
	.title { font-size: 30px;}
	#banner dl { position:relative; left:0; width:100%; padding:15px 10% 5px; background:#e9e9e9;}
	
	#news > article a { display:block;}
	#news > article img {width:100%; padding:10px 0 0 0;}	
}
@media screen and (max-width:368px) {
	
}