@charset "utf-8";

.xwfbh-yg .thead{background: url(../images/xxgk/xwfbh_yg_bg.png) no-repeat;height: 48px;font-size: 1.125em;margin-left: -28px;}
.xwfbh-yg .thead a{color:#fff;padding-left: 10px; line-height: 39px;}

.xwfbh-yg .item{background: #f4faff;padding: 54px 20px;position: relative;}
.xwfbh-yg .item .title{ font-size: 1.25em;margin: 20px 0;}
.xwfbh-yg .item .title a{color: #1561af;}
.xwfbh-yg .item  strong{color:#4788d7;display: block; margin: 30px 0;}
.xwfbh-yg .item p{line-height: 1.8em;}

.xwfbh-yg dl {overflow: hidden;}
.xwfbh-yg dl dt{float: left;}
.xwfbh-yg dl dt{width: 330px; height: 238px;}
.xwfbh-yg dl dt img{width: 100%; height: 100%;}
.xwfbh-yg dl dd{float: left;width: 58.2%;}
.xwfbh-yg dl dd>div{padding-left: 20px;margin-top: 10px;}
.xwfbh-yg dl dd .title{font-size: 1.25em;}
.xwfbh-yg dl dd .title a{color:#1561af}
.xwfbh-yg dl dd .fbdw{margin-top: 40px;}
.xwfbh-yg dl dd .brief{font-size: 14px; color:#888;}
.xwfbh-yg dl dd .brief p{padding-left: 10px; line-height: 1.6em;}

.yg-infolist{background: #f4faff; position: relative;padding: 20px 20px 20px 100px;}
.yg-infolist h3{position: absolute; background: url(../images/xxgk/xwfbh_sl_bg.png) no-repeat;left: 28px; top: -9px; height: 100%;width: 48px; line-height: 23px;}
.yg-infolist h3 span{width: 20px;display: block;margin: auto;color:#fff;text-align: center;margin-top: 10px;padding-right: 8px;}

.xwfbh-zd .infolist.dot li a:before{margin: initial;top: 14px;}


.xwfbh-pic ul{margin: 0px -10px;}
.xwfbh-pic li{ float: left; width: 33.33%;}
.xwfbh-pic li a{display: block;margin: 15px 10px;overflow: hidden;}
.xwfbh-pic li a img{height: 150px; width: 100%;}
.xwfbh-pic li a span{display: block;text-align: center; line-height: 1.5em;margin: 8px 0;}

@media (max-width: 992px){
    .xwfbh-yg dl dt,.xwfbh-yg dl dd{float: none;width: auto;}
    .xwfbh-pic li{width: 50%;}
    .xwfbh-pic li a img{height: 200px;}
    .xwfbh-yg .item{ padding: 20px 20px;}
    .xwfbh-yg dl dt{height: auto;}
}
@media (max-width:480px){
    .xwfbh-pic li a img{height: 120px;}
    .yg-infolist h3{position: initial; background: url(../images/xxgk/xwfbh_yg_bg.png) no-repeat;height: 48px;font-size: 1.125em;margin-left: -38px; width: auto;}
    .yg-infolist h3 span{width: auto;text-align: left;margin: 0;padding: 0; line-height: 38px;padding-left: 30px;}
    .yg-infolist{padding-left: 10px;}
}