@charset "utf-8"; 
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 {
    /*去掉FF浏览器a标签虚框*/
    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 .img img{ width:100%; float:left;}*/
.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; }
}