﻿@charset "utf-8";
/* CSS Document */
body{ margin:0 auto;
padding:0;
color:#333;
font:14px/28px tahoma,Helvetica,arial,sans-serif;
background:#e40016;
}
@media screen and (max-width: 1200px) {
    body{ width:1200px; }
}

a{ text-decoration:none;color:#333;}
a:hover{text-decoration:none;color:#044c9c;}
a:visited{text-decoration:none;}

img{border:0px;}
h1,h2,h3{ padding:0; margin:0;}
p{ padding:0; margin:0;}
input{ vertical-align:middle}

ul,dl,dd,dt,li{margin:0;padding:0;text-indent:0;}
ol{list-style:none; margin:0; padding:0;}
li{list-style:none; }

/*clr*/
.clear{clear:both;}

/*f*/
.fl{float:left;}
.fr{float:right;}

/*f*/
.ft12{ font-size:12px}
.ft14{ font-size:14px}
.ft16{ font-size:16px}
.ft18{ font-size:18px}
.ft20{ font-size:20px}
.ft24{ font-size:24px}
.w1200{ width:1200px; margin:0 auto;}
.p10{ padding:10px;}
.p20{ padding:20px;}
.pt10{ padding-top:10px;}
.pt20{ padding-top:20px;}
.pr10{ padding-right:10px;}
.pr12{ padding-right:12px;}
.pr15{ padding-right:15px;}
.pr20{ padding-right:10px;}

.m10{ margin:10px;}
.m20{ margin:20px;}
.mt10{ margin-top:10px;}
.mt20{ margin-top:20px;}
.ml20{ margin-left:20px;}
.mr20{ margin-right:20px;}
.mb10{ margin-bottom:10px;}
.mb20{ margin-bottom:20px;}

/*页面主体*/



.banner{ height:700px; background:url(banner.jpg) center no-repeat;} 

.bd_10{ border:#ffba5e solid 10px; background:#fff3db;} 
.daoyu{ padding:20px 30px; font-family:"微软雅黑"; font-size:17px; line-height:40px; text-indent:36px; color:#610000;}
.line{ text-align:center; background:url(d1.png) center top no-repeat;}
.line p{ font-family:"微软雅黑"; font-size:36px; font-weight:bold; color:#e50500; height:60px; line-height:60px;}
.line p em{ font-style:normal; color:#000;}
.line span{ display:block; color:#fff; font-family:"宋体"; font-size:14px; line-height:34px;}


.imgList{ padding:10px 30px;
}
.imgList ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
 .imgList li {
    width: 49%;
    margin-bottom: 1rem;
    position: relative;
    border: 1px solid #ccc;
}
.imgList li img {
    width: 100%;
    height: auto;
}
img {
    vertical-align: middle;
}
.imgList li span {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: rgba(0,0,0,0.6);
    color: #fff;
    text-align: center;
    padding: 10px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
}
 
 
 
 
 
 
 
 
 
 
 
 







