#adv {padding:5%;}
#adv .slick-list { overflow:visible;}
#adv .slick-slide { padding-right:30px;}
#adv .slick-slide:last-child { padding:0;}
#adv a { display:block;}
#adv a:hover {
	-moz-transform:translateY(-10px);
-webkit-transform:translateY(-10px);
-o-transform:translateY(-10px);
-ms-transform:translateY(-10px);
transform:translateY(-10px);
}
/**/
#new-pro { text-align:center; padding:0 5% 10%; background:url(../images/bg02.png) center center no-repeat; background-size:cover; background-attachment:fixed;}
#new-pro > .title {
	border-radius: 0 0 10px 10px;
    width: max-content;
    margin: 0 auto 10%;
    padding: 15px 5%;
    color: #fff;
    background: #c00f1f;
    box-shadow: 0 5px 2px rgba(0, 0, 0, 0.15); font-weight:bold;
}

/**/
#hot { text-align:center; padding:0 5% 10%; background:url(../images/bg01.png) center center no-repeat; background-size:cover; background-attachment:fixed;}
#hot > .title {
	border-radius: 0 0 10px 10px;
    width: max-content;
    margin: 0 auto 10%;
    padding: 15px 5%;
    color: #fff;
    background: #c00f1f;
    box-shadow: 0 5px 2px rgba(0, 0, 0, 0.15); font-weight:bold;
}
#hot .slick-slide, #new-pro .slick-slide { margin:10px;
-webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s; position:relative; }
#hot .slick-slide:hover, .btn-box a:hover, #new-pro .slick-slide:hover {
	-moz-transform:translateY(-10px);
-webkit-transform:translateY(-10px);
-o-transform:translateY(-10px);
-ms-transform:translateY(-10px);
transform:translateY(-10px);
}
#hot dl, #new-pro dl { background:#fff; padding:20px 10px;}
.tag { width:50px; height:50px;font-size:small; font-weight:bold;padding:15px;color:#fff; box-shadow: 0 5px 2px rgba(0, 0, 0, 0.15); border-radius:50px; position:absolute; top:5%; right:5%;
-moz-transform:rotate(3deg);
-webkit-transform:rotate(3deg);
-o-transform:rotate(3deg);
-ms-transform:rotate(3deg);
transform:rotate(30deg);
display: -webkit-flex;
  display:         flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center; }
.tag img { width:20px; margin:auto;}

.tag-hot {background:#F44336; }
.tag-newpro { background:#673AB7; }

/**/
#news { padding:5%; text-align:center;  background: #c00; }
#news .news-list { text-align:left;display:inline-flex; vertical-align:top; width:calc(100%/2 - 15px);margin:10px 2px; position:relative; 
  -webkit-align-items: flex-start;
          align-items: flex-start;
  -webkit-justify-content: center;
          justify-content: center;}
#news .news-list figcaption { display:none;transform:scale(0);  width:90%; height:90%; color:#fff;background:rgba(0, 0, 0, 0.8); padding:10px; position:absolute; left:5%; top:5%; bottom:5%; right:5%; z-index:1;
	display: -webkit-flex;
  display:         flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
}
#news .news-list:hover figcaption { display:block;transform:scale(1); transition-duration:.2s;}
#news .news-list figcaption a {width:100%; height:100%; padding:5%; text-align:center;
display: -webkit-flex;
  display:         flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
}


@media screen and (max-width:968px) {
}
@media screen and (max-width:768px) {
	#adv .slick-slide { padding: 15px;}
}
@media screen and (max-width:568px) {
	#news .news-list { display: block; width: 100%;}
	#news .news-list figcaption { display:block;transform:scale(1);
	position: static;
    width: 100%;
    height: 100%;
    background: #c00;
    padding: 0 10px 20px;}
}
@media screen and (max-width:368px) {
	
}