@charset "utf-8";
/* CSS Document */
/*首页*/

/* banner */
.banner{float:left; height:auto;width:100%; position:relative; overflow:hidden;}
@media screen and (min-width:320px){
    .banner ul { width:100%; height:230px;}
}

@media screen and (min-width:414px){
    .banner ul { width:100%; height:298px;}
}
.banner ul li{position:absolute; left:0px; top:0px; width:100%; height:auto; display:none;}
.bannericon{position:absolute; left:50%; bottom:10px; margin-left:-35px; z-index:2;}
.bannericon span{width:12px; height:12px; margin-left:5px; background-color:#fff; border-radius:6px; cursor:pointer; display:inline-block;}
.bannericon span.on{background-color:#e60000;}
.midddle_Info{ width:100%; position:relative; top:-8px;}
.midddle_Info ul.tabList{ width:100%;    height:auto; overflow:hidden;}
.midddle_Info ul.tabList li.hover { background-color:#fff; width:25% !important;height:79px; font-weight:bold; border-top:solid 4px #e60000; border-bottom:#fff solid 1px; }
.midddle_Info ul.tabList li{
    border:1px solid #ccc;}
.midddle_Info ul.tabList span{height:78px;display: inline-block;width: 27%;background:#f4f4f4; border-bottom:1px solid #ccc;border-left:1px solid #ccc;}
.midddle_Info ul.tabList li.last.hover{ background-color:#fff; width:26%  !important;border-top:solid 4px #e60000; border-right:none;}
.midddle_Info ul.tabList li.hover a{color:#3f3f3f;-webkit-tap-highlight-color:rgba(0,0,0,0); }
.midddle_Info ul.tabList li{ float:left; height:78px; text-align:center;line-height:78px; width:25%; background-color:#f4f4f4;border-right:none; border-top:solid 4px #f4f4f4;}
.midddle_Info ul.tabList li a{ color:#7a7a7a;-webkit-tap-highlight-color:rgba(0,0,0,0);}

@media screen and (min-width:320px){
    .midddle_Info ul.tabList li{ width:24%;}
    .midddle_Info ul.tabList li.last.hover{ background-color:#fff; width:25%!important;border-top:solid 4px #e60000;}
}
@media screen and (min-width:414px){
    .midddle_Info ul.tabList li.last{  width:24% !important; }
    .midddle_Info ul.tabList li.last.hover{ background-color:#fff; width:26%!important;border-top:solid 4px #e60000;}
}
.midddle_Info .cont {-webkit-tap-highlight-color:rgba(0,0,0,0);padding:4%; width:100%; line-height:25px; display:inline-block; }
.midddle_Info .cont .title{ color:#2b2622;  font-size:18px;}
.midddle_Info .cont .detailInfo{color:#b3b3b3; margin-top:5px;}
.midddle_Info .moreDetailInfo{ width:100%;}
.midddle_Info .moreDetailInfo p.solidMore{ width:100%; margin:40px 0 4% 0;  height:65px; color: #fff; text-align: center; line-height: 65px; border:solid 1px #e60000;background: #db050d;}
.midddle_Info .moreDetailInfo p.solidMore img{ height:30px; margin-left:45%; margin-top:15px;}

.midddle_Info .middleDetailPic{ width:100%; height:auto; overflow:hidden; }
.midddle_Info .middleDetailPic span.pic1{ width: 92%;margin: 4% 4% 4% 4%;display: inline-block;float: left;background:red;}
.midddle_Info .middleDetailPic span.pic1 .img1{width:70%;display:inline-block;float:left;}
.midddle_Info .middleDetailPic span.pic1 .img1 em{ color: #fff;width: 100%;display: inline-block;margin-top: 15%;padding: 4%;}
.midddle_Info .middleDetailPic span.pic1 .img2{width: 30%;display: inline-block;float: right;position: relative;text-align: center;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.midddle_Info .middleDetailPic span.pic1 .img2 img{    width: 36px;height: 36px;position: absolute;left: 5%;top: 110%;}
.midddle_Info .middleDetailPic span.pic1 .img2 em{ color: #fff;width: 100%;display: inline-block;margin-top: 15%;padding: 4%;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.midddle_Info .middleDetailPic span.pic1 img,.midddle_Info .middleDetailPic span.pic2 img,.midddle_Info .middleDetailPic span.pic3 img{ width:100%; }
.midddle_Info .middleDetailPic span.pic2,.midddle_Info .middleDetailPic span.pic3{ width:45%; float:left;}
.midddle_Info .middleDetailPic span.pic2{ margin-left:4%;}
.midddle_Info .middleDetailPic span.pic3{ margin-left:2%;}
.midddle_Info .marginBottom{ margin-bottom:4%;}


