body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, lengend, button, input, textarea, th, td { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, strong { font-weight: normal; }
body { 
-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; }
ul, ol, li { list-style: none; }
img { border: none; vertical-align: middle; }
a { text-decoration: none; color: #000; }
a:hover { text-decoration: none; }
a:focus { 
outline: none; }
select, select:hover { outline: none; border-color: #000; }
.clear { margin: 0; padding: 0; font-size: 0; clear: both; }
.wapper { max-width: 1400px; margin: 0 auto; }
.tit1 { text-align: center; }
.tit1 h2 { font-weight: normal; font-size: 40px; line-height: 1.5em; }
.tit1 h3 { font-weight: normal; font-size: 20px; line-height: 1.5em; }
.con01bg { margin-top: 5%; }
.con01 { }
.con01 .main { margin: 0 1%; }
.con01 .main ul { }
.con01 .main ul li { float: left; margin: 0% 0% 0 0%; width: 20%; position: relative; overflow: hidden; height: 20% }
.con01 .main ul li .img { height: 275px; }

.con01 .main ul li .txtbg { position: absolute; width: 100%; height: 100%; top: -100%; left: 0; background: #d8281c; color: #fff; transition: all .3s ease-in-out; }
.con01 .main ul li:hover .txtbg { top: 0; transition: all .3s ease-in-out; }
.con01 .main ul li .txt { padding: 2% 2%; }
.con01 .main ul li .txt h2 { font-weight: normal; font-size: 24px; line-height: 2em; height: 2em; overflow: hidden; }
.con01 .main ul li .txt h3 { font-weight: normal; font-size: 24px; line-height: 1.5em; height: 1.5em; overflow: hidden; }
.con01 .main ul li .txt h4 { font-weight: normal; font-size: 16px; line-height: 1.5em; height: 10em; overflow: hidden; max-width: 100% }
 @media(max-width:1024px) {
.con01 .main ul li { float: left; margin: 2% 1% 0 1%; width: 23%; }
}
@media(max-width:768px) {
.con01 .main ul li { float: left; margin: 2% 1% 0 1%; width: 48%; }
}
@media(max-width:480px) {
.con01 .main ul li { float: left; margin: 2% 1% 0 1%; width: 98%; }
}
.youshi { max-width: 1200px; margin: 0 auto; margin-top: 5%; }
.youshi ul { margin: 0 1%; }
.youshi ul li { float: left; width: 31.33%; margin: 2% 1% 0 1%; }
.youshi ul li h2 { font-weight: normal; font-size: 24px; line-height: 1.5em; height: 1.5em; overflow: hidden; }
.youshi ul li h3 { font-weight: normal; font-size: 14px; line-height: 1.5em; height: 1.5em; overflow: hidden; color: #e00012; }
.youshi ul li h4 { font-weight: normal; font-size: 16px; line-height: 1.5em; height: 6em; overflow: hidden; margin-top: .5em; }
 @media(max-width:768px) {
.youshi ul li { float: left; width: 48%; margin: 2% 1% 0 1%; }
}
@media(max-width:480px) {
.youshi ul li { float: left; width: 98%; margin: 2% 1% 0 1%; }
.youshi ul li h4 { font-size: 16px; line-height: 1.5em; height: auto; }
}