@charset "utf-8";
.gray-body{background-color: #f8f8f8;}
@media screen and (min-width: 1182px) {
/*大屏浏览器*/
#infobox .info-banner{width:100%;background-repeat:no-repeat;background-position:center center;position:relative;clear:both;float:none;background-image:url(../images/newsbg.png);height:280px}
#infobox .info-banner span{font-size:50px;color:#FFF;position:absolute;vertical-align:middle;display:table-cell;height:50px;text-align:center;line-height:50px;width:100%;margin-top:-25px;left:0;top:50%;right:0;bottom:50%;font-family:"微软雅黑 Light"}
#infobox .listbox{max-width:1200px;margin-top:50px;margin-right:auto;margin-bottom:50px;margin-left:auto}
#infobox .listbox .classify{background-color:#FFF;float:left;height:auto;width:16%}
#infobox .listbox .classify a{font-size:14px;line-height:50px;text-align:center;display:block;height:50px;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#F3F3F3;text-decoration:none}
#infobox .listbox .classify a.cur{color:#728ddc;border-left-width:3px;border-left-style:solid;border-left-color:#728ddc}
#infobox .listbox .right{background-color:#FFF;float:right;height:auto;width:82%;padding-top:20px;padding-right:50px;padding-bottom:20px;padding-left:50px;box-sizing:border-box}
#infobox .listbox .right .tit{font-size:24px;padding-bottom:15px;border-bottom-width:1px;border-bottom-style:dotted;border-bottom-color:#CCC}
#infobox .listbox .right .list ul li{padding-top:30px;padding-bottom:30px;border-bottom-width:1px;border-bottom-style:dotted;border-bottom-color:#CCC;height:120px;padding-left:240px;position:relative}
#infobox .listbox .right .list ul li p{line-height:24px;color:#666;padding-top:15px;font-size:14px}
#infobox .listbox .right .list ul li .pic{float:left;height:120px;width:220px;position:absolute;left:0;top:30px}
#infobox .listbox .right .list ul li .pic img{height:120px;width:220px}
#infobox .listbox .right .list ul li .text span{color:#999;position:absolute;left:240px;bottom:30px}
#infobox .listbox .right .list ul li .text a{font-size:18px;color:#728ddc}
#infobox .listbox .right .list ul li:last-child{border-bottom-style:none}
.infoshowbox .title{text-align:center;padding-bottom:10px}
.infoshowbox .title h1{font-size:24px;font-weight:400;margin:0;padding:0}
.infoshowbox .date{color:#999;text-align:center;padding-bottom:15px}
.infoshowbox .content{font-size:14px;line-height:28px;padding-top:20px;border-top-width:1px;border-top-style:dotted;border-top-color:#CCC}
}
@media screen and (min-width: 992px) and (max-width: 1181px) {
/*小屏浏览器*/
#infobox .info-banner{width:100%;background-repeat:no-repeat;background-position:center center;position:relative;clear:both;float:none;background-image:url(../images/newsbg.png);height:280px}
#infobox .info-banner span{font-size:50px;color:#FFF;position:absolute;vertical-align:middle;display:table-cell;height:50px;text-align:center;line-height:50px;width:100%;margin-top:-25px;left:0;top:50%;right:0;bottom:50%;font-family:"微软雅黑 Light"}
#infobox .listbox{max-width:1200px;margin-top:50px;margin-right:auto;margin-bottom:50px;margin-left:auto}
#infobox .listbox .classify{background-color:#FFF;float:left;height:auto;width:16%}
#infobox .listbox .classify a{font-size:14px;line-height:50px;text-align:center;display:block;height:50px;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#F3F3F3;text-decoration:none}
#infobox .listbox .classify a.cur{color:#728ddc;border-left-width:3px;border-left-style:solid;border-left-color:#728ddc}
#infobox .listbox .right{background-color:#FFF;float:right;height:auto;width:82%;padding-top:20px;padding-right:50px;padding-bottom:20px;padding-left:50px;box-sizing:border-box}
#infobox .listbox .right .tit{font-size:24px;padding-bottom:15px;border-bottom-width:1px;border-bottom-style:dotted;border-bottom-color:#CCC}
#infobox .listbox .right .list ul li{padding-top:30px;padding-bottom:30px;border-bottom-width:1px;border-bottom-style:dotted;border-bottom-color:#CCC;height:120px;padding-left:240px;position:relative}
#infobox .listbox .right .list ul li p{line-height:22px;color:#666;padding-top:5px;font-size:13px}
#infobox .listbox .right .list ul li .pic{float:left;height:120px;width:220px;position:absolute;left:0;top:30px}
#infobox .listbox .right .list ul li .pic img{height:120px;width:220px}
#infobox .listbox .right .list ul li .text span{color:#999;position:absolute;left:240px;bottom:30px}
#infobox .listbox .right .list ul li .text a{font-size:18px;color:#728ddc}
#infobox .listbox .right .list ul li:last-child{border-bottom-style:none}
.infoshowbox .title{text-align:center;padding-bottom:10px}
.infoshowbox .title h1{font-size:24px;font-weight:400;margin:0;padding:0}
.infoshowbox .date{color:#999;text-align:center;padding-bottom:15px}
.infoshowbox .content{font-size:14px;line-height:28px;padding-top:20px;border-top-width:1px;border-top-style:dotted;border-top-color:#CCC}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
/*IPAD、移动端大屏、平板*/
#infobox .info-banner{width:100%;background-repeat:no-repeat;background-position:center center;position:relative;clear:both;float:none;
height:2rem;
background-image:url(../images/newsbg.png);
background-size:auto 100%;
}
#infobox .info-banner span{font-size:.3rem;color:#FFF;position:absolute;vertical-align:middle;display:table-cell;height:.5rem;text-align:center;line-height:.5rem;width:100%;margin-top:-.25rem;left:0;top:50%;right:0;bottom:50%;font-family:"微软雅黑 Light"}
#infobox .listbox{width:100%;margin-top:.5rem;margin-right:auto;margin-bottom:.5rem;margin-left:auto}
#infobox .listbox .classify{background-color:#FFF;float:left;height:auto;width:16%}
#infobox .listbox .classify a{font-size:.16rem;line-height:.5rem;text-align:center;display:block;height:.5rem;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#F3F3F3;text-decoration:none}
#infobox .listbox .classify a.cur{color:#728ddc;border-left-width:.03rem;border-left-style:solid;border-left-color:#728ddc}
#infobox .listbox .right{background-color:#FFF;float:right;height:auto;width:82%;padding-top:.2rem;padding-right:.2rem;padding-bottom:.2rem;padding-left:.2rem;box-sizing:border-box}
#infobox .listbox .right .tit{font-size:.20rem;padding-bottom:.15rem;border-bottom-width:1px;border-bottom-style:dotted;border-bottom-color:#CCC}
#infobox .listbox .right .list ul li{padding-top:.3rem;padding-bottom:.3rem;border-bottom-width:1px;border-bottom-style:dotted;border-bottom-color:#CCC;height:1.3rem;padding-left:2.1rem;position:relative}
#infobox .listbox .right .list ul li p{line-height:.22rem;color:#666;padding-top:.05rem;font-size:.13rem}
#infobox .listbox .right .list ul li .pic{float:left;height:1.3rem;width:2rem;position:absolute;left:0;top:.3rem}
#infobox .listbox .right .list ul li .pic img{height:1.3rem;width:2rem}
#infobox .listbox .right .list ul li .text span{color:#999;position:absolute;left:2.1rem;bottom:.3rem}
#infobox .listbox .right .list ul li .text a{font-size:.18rem;color:#728ddc}
#infobox .listbox .right .list ul li:last-child{border-bottom-style:none}
.infoshowbox .title{text-align:center;padding-bottom:.1rem}
.infoshowbox .title h1{font-size:.24rem;font-weight:400;margin:0;padding:0}
.infoshowbox .date{color:#999;text-align:center;padding-bottom:.15rem}
.infoshowbox .content{font-size:.14rem;line-height:.28rem;padding-top:.2rem;border-top-width:1px;border-top-style:dotted;border-top-color:#CCC}
}
@media screen and (max-width: 767px) {
/*手机端*/
.infoshowbody #header{background-color:rgba(35,47,62,.85)!important}
.infoshowbody #infobox .info-banner{display:none}
.infoshowbody #infobox .listbox .classify{display:none}
.infoshowbody #infobox .listbox{margin-bottom:0}
#infobox .info-banner{width:100%;background-repeat:no-repeat;background-position:center center;position:relative;clear:both;float:none;height:3rem;background-image:url(../images/newsbg.png);background-size:auto 100%}
#infobox .info-banner span{font-size:.3rem;color:#FFF;position:absolute;vertical-align:middle;display:table-cell;height:.5rem;text-align:center;line-height:.5rem;width:100%;margin-top:-.25rem;left:0;top:60%;right:0;bottom:40%;font-family:"微软雅黑 Light"}
#infobox .listbox{width:100%;margin-right:auto;margin-bottom:.5rem;margin-left:auto}
#infobox .listbox .classify{background-color:#FFF;height:auto;padding:.2rem;margin-bottom:.2rem}
#infobox .listbox .classify a{font-size:.24rem;line-height:.5rem;text-align:center;display:inline-block;height:.5rem;text-decoration:none;white-space:nowrap;margin-right:.22rem;padding-right:.1rem;padding-left:.1rem}
#infobox .listbox .classify a.cur{color:#728ddc;border-bottom-width:.03rem;border-bottom-style:solid;border-bottom-color:#728ddc}
#infobox .listbox .right{background-color:#FFF;height:auto;padding-top:.2rem;padding-right:.2rem;padding-bottom:.2rem;padding-left:.2rem;box-sizing:border-box}
#infobox .listbox .right .tit{font-size:.2rem;padding-bottom:.15rem;border-bottom-width:1px;border-bottom-style:dotted;border-bottom-color:#CCC;display:none}
#infobox .listbox .right .list ul li{padding-top:.3rem;padding-bottom:.3rem;border-bottom-width:1px;border-bottom-style:dotted;border-bottom-color:#CCC;position:relative}
#infobox .listbox .right .list ul li p{line-height:.28rem;height:.28rem;color:#888;padding-top:.05rem;font-size:.18rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#infobox .listbox .right .list ul li .pic{float:left;width:30%;top:.3rem}
#infobox .listbox .right .list ul li .pic img{height:auto;width:100%;margin-top:.06rem}
#infobox .listbox .right .list ul li .text{float:right;width:68%}
#infobox .listbox .right .list ul li .text span{color:#999;bottom:.3rem;display:block;padding-top:5px;font-size:.18rem}
#infobox .listbox .right .list ul li .text a{font-size:.26rem;color:#728ddc}
#infobox .listbox .right .list ul li:last-child{border-bottom-style:none}
.infoshowbox .title{text-align:center;padding-bottom:.1rem;padding-top:1rem}
.infoshowbox .title h1{font-size:.3rem;font-weight:400;margin:0;padding:0}
.infoshowbox .date{color:#999;text-align:center;padding-bottom:.15rem;font-size:.22rem}
.infoshowbox .content{box-sizing:border-box;font-size:.24rem;line-height:.38rem;padding-top:.2rem;padding-bottom:.2rem;border-top-width:1px;border-top-style:dotted;border-top-color:#CCC}
.infoshowbox .content img{width:100%;height:auto}

}