﻿@charset "utf-8";
.panel-wrapper{ padding:10px; overflow:hidden;background-color:#fff; margin-top: 20px;}
.panel-item{ width:1076px; height:210px; margin: 0 auto;}
.panel-item .title{ position:relative; height:41px; border-bottom:1px solid #ddd;}
.panel-item .title h2{ position:absolute; left:0; bottom:-1px; background:url(../images/title_icon4.png) no-repeat 15px center #246ab2;}
.panel-item .title h2 a{ float:left; display:block; height:42px; line-height:42px; padding:0 28px; color:#fff; font-size:16px;}
.panel-item .box{ width:1076px; overflow:hidden;}


.panel1-item{ width:528px; height:230px; overflow:hidden;}
.panel1-item .title, .panel2-item .title{ position:relative; height:36px; border-bottom:1px solid #ddd;}
.panel1-item .title h2, .panel2-item .title h2{ position:absolute; left:0; bottom:-1px;}
.panel1-item .title h2 a, .panel2-item .title h2 a{ float:left; display:block; height:37px; line-height:36px; padding:0 14px; color:#246ab2; font-size:16px; border-bottom: 2px solid #246ab2; font-size:18px; font-weight:bold;}
.panel1-item .box, .panel2-item .box{ width:100%; overflow:hidden;}


.panel2-item{ width:100%; overflow:hidden;}
.panel2-item .box li {
    padding: 15px 0;
    overflow: hidden;
    border-bottom: 1px dashed #ddd;
}
.img-item{ width:298px; height:190px; overflow:hidden; float:left; margin-right:20px;}
.img-item img{ width:298px; height:190px;}
.info-item{ width:754px; height:190px; overflow:hidden; float:left;}
.info-item h2{ line-height:24px; font-size:16px; font-weight:bold; margin-bottom:8px;}
.info-item p{ line-height:28px; text-align:justify; color:#6b6b6b;    font-size: 14px;}
.info-item p strong{ color:#333;}
.info-item a{ display:block; width:118px; height:36px; line-height:36px; text-align:center; margin-top:10px; color:#cc0c0d; background:#f5f5f5;}
.btns-item{ width:335px; height:190px; overflow:hidden; float:right;}
.btns-item a{ display:block; width:157px;     height: 40px;line-height: 26px; border:1px solid #ddd; float:left; margin-left:10px; margin-bottom:10px; background:url(../images/btn_icon1.png) no-repeat 20px center; padding-left:34px;font-size: 15px;}

.zdjs-advert{
width:1080px;
float:left;
margin-bottom:10px;
}
.zdjs-advert img{
width:1080px;
}
.zdxm .bd{height:266px;    overflow: hidden;}

.zdxm .zdxm-l .hd{height:40px;line-height:40px;    overflow: hidden;}
.zdxm .zdxm-l .hd ul li{float:left;padding:0 9px;text-align:center;border-bottom:none;font-size:16px;font-weight:bold;}
/*.zdxm .zdxm-l .hd ul li.on{background:#246ab2;}
.zdxm .zdxm-l .hd ul li.on a{color:#fff;}*/

.zdxm .zdxm-l .bd ul li{line-height: 38px; height: 38px;}
.zdxm .zdxm-l .bd ul li a{font-size: 15px;padding-left: 10px;
    font-size: 15px;
    /* float: left; */
    display: block;
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: url(../images/icon-li2.png) left center no-repeat;}
.zdxm .zdxm-l .bd ul li span{float: right; color: #999;}

.m-bannerbox img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}
/*large pcScreen*/
@media (min-width:1200px) {
.zdxm .zdxm-l{width:550px;}
}
/*medium pcScreen lg*/
@media screen and (max-width: 1199px) {
.info-item{width: 242px;}
}
/*pad md*/
@media screen and (max-width: 991px ){
.img-item{    float: none;margin: 0 auto;}
.info-item{height:auto;    padding: 0 10px;    margin-top: 10px;float:none;width:100%;}
.btns-item{height:auto;    width: 100%;margin-top: 10px;}
}
/*phone sm*/
@media screen and (max-width: 767px) {

}

