.contentcontainer{float:left;padding-top:28px;width:100%;background:#917eb6 url(../images/bg_1.png) repeat-y center 0;border-top:solid 9px #514170;}
.content-headbox{float:left;width:100%;height:45px;padding-bottom:2px;background:url(../images/hbg1.jpg) repeat-x bottom;}
.content-headbox h2{float:left;padding-left:17px;line-height:45px;color:#ffffff;font-size:20px;font-weight:bold;}
.sitemap{float:right;padding-right:6px;line-height:60px;color:#514170;}
.sitemap a{ color:#514170;}
.bottombox{float:left;width:100%;height:auto;margin-top:28px;background:url(../images/lz.png) no-repeat right bottom;}
.leftpannel{float:left;width:175px;padding-bottom:15px;}
.leftpannel a{float:left;width:155px;padding-left:20px;height:31px;line-height:31px;padding-bottom:3px;background:url(../images/cbg.jpg) repeat-x bottom;font-size:14px;font-weight:bold;color:#fff;}
.leftpannel a.active,.leftpannel a:hover{color:#514170;}
.rightpannel{float:right;width:701px;padding-right:52px;line-height:25px;padding-bottom:15px;}
.mod-newscon{float:left;width:100%;height:28px;border-bottom:dotted 1px #fff;}
.mod-newscon a{float:left;width:600px;height:28px;line-height:28px;color:#fff;}
.mod-newsdate{float:right;width:80px;text-align:center;height:28px;line-height:28px;}
.pager{float:left;height: 25px; width:100%; text-align:center; font-size: 11px; margin-top: 10px;}
.box{width: 701px; height: auto; }
.probox{width:175px;float:left;}
.probox img{float:left;width:157px;height:150px;border:solid 3px #fff;}
.protxt{float:left;width:100%;margin-top:5px;padding-bottom:15px;text-align:center;}
.mod-layer input[type='text'],.mod-layer textarea{float:Left;border:solid 1px #e1e1e1;background:#fff; width:250px;}
.mod-layer img{ float:left; height:20px; margin-left:5px;}
.mod-layer textarea{font-size:12px;}
.listbox{float:left;width:100%;padding-bottom:15px;}
.listbox table tr{border-bottom:solid 1px #9a8ab9;}
.listbox table td{padding-top:10px;padding-bottom:10px;width:33%;line-height:30px;font-size:14px;color:#514170;font-weight:bold;vertical-align:top;}
.listbox table td h1{padding:0;margin:0;font-size:16px;color:#fff;}
.mod-content-box{float:left; width:96%; margin:0 2%; line-height:25px; padding:15px 0;}
.mod-content-box img{ max-width:100%;}

@media (min-width:900px) and (max-width:980px)
{
.leftpannel{ width:20%;}
.rightpannel{ width:75%; padding-right:2%;}
.mod-newscon a{ width:auto;}
.listbox{ width:96%; margin:0 2%;}
}
@media (min-width:768px) and (max-width:900px)
{
.contentcontainer{background:#917eb6;}
.leftpannel{ width:96%; margin:0 2%; padding-bottom:0;background:url(../images/cbg.jpg) repeat-x bottom;}
.leftpannel a{ background:none;}
.rightpannel{ width:96%; padding-right:0; margin:15px 2% 0;}
.listbox{ width:96%; margin:0 2%;}
.listbox table td{ padding:0 5px;}
}
@media (max-width:768px)
{
.contentcontainer{background:#917eb6;}
.bottombox{ margin-top:15px; background:none;}
.content-headbox h2{ padding-left:10px;}
.sitemap{ display:none;}
.leftpannel{ width:100%; margin:0; padding-bottom:0;background:url(../images/cbg.jpg) repeat-x bottom; padding-bottom:15px;}
.leftpannel a{ width:auto; margin:0 3%; padding:0; font-size:15px; background:none;}
.rightpannel{ width:96%; padding-right:0; margin:15px 2% 0; font-size:14px;}
.listbox{ width:96%; margin:0 2%;}
.mod-newscon{ height:35px; line-height:35px;}
.mod-newsdate{ display:none;}
.mod-newscon a{ width:auto; overflow:hidden; max-width:100%;}
.pager{ height:auto; font-size:14px;}
.rightpannel table#tables td,.mod-layer table td{ float:left; width:100%; display:inline-block; text-align: left!important;}
.probox{ width:100%; text-align:center;}
.probox img{ width:95%; height:auto; float:none; display:inline-block;}
.protxt{ font-size:15px;}
.mod-layer table td[align="right"]{ text-align:left;}
.mod-layer input[type="text"], .mod-layer textarea{ width:94%; height:30px;}
.mod-layer textarea{ height:87px;}
.listbox table td{float:left; width:100%;}
.swiper-container img {height: 6rem;}
.box{width: 100%!important;}

}