@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1100px){
#infban{ display:none;}
}
@media screen and (min-width:1101px){
#infban{ width:100%; height:400px; min-width:1100px;}
.infban{ width:1100px; height:70px; padding-top:330px;}
}
.infban_tit{ width:230px; height:70px; background:url(../images/bg.png); font-size:25px; color:#fff; text-align:center; line-height:70px;}
.ab_bg{ background:url(../images/enban/ab.jpg) center no-repeat;}
.nw_bg{ background:url(../images/ban/nw.jpg) center top no-repeat;}
#info{ width:1100px; height:auto; min-height:500px; background:url(../images/lbg.png) left repeat-y;}
.infol{ width:200px; height:500px; padding:10px 15px;}
.infol ul li{ width:198px; line-height:33px; height:33px; background:#fff; border:1px #d9dbda solid; margin:8px 0;}
.infol ul li a{ display:block; padding-left:30px; background:url(../images/l1.jpg) 15px 10px no-repeat;}
.infol ul li a:hover{ background:url(../images/l1.jpg) 15px 10px #00498e no-repeat; border:1px #00498e solid; color:#fff;}
.infol ul li a.lion{ background:url(../images/l1.jpg) 15px 10px #00498e no-repeat; border:1px #00498e solid; color:#fff;}

.infor{ width:850px; height:auto; padding-top:20px;}
.infor_tit{ width:850px; height:35px; background:#00498e; line-height:35px;}
.infor_tit em{ float:left; padding-left:15px; font-size:17px; font-weight:700; font-family:微软雅黑; color:#fff;}
.infor_tit span{ float:right; padding-right:10px; color:#c6d7ff; font-size:12px;}
.infor_con{ width:820px; height:auto; background:#fff; padding:15px; font-size:14px; line-height:30px; color:#555;}
.infor_con p{ padding:8px 0;}
@media screen and (max-width:1100px){
.newslist{ width:96%; height:auto; background:#fff; padding:15px 2%; color:#555; margin:0 auto;}
.newslist ul li{ width:100%; height:80px; line-height:25px; padding:10px 0; border-bottom:1px #ddd solid; overflow:hidden;}
.newslist ul li img{ width:120px; height:80px; float:left; padding-right:15px;}
.newslist ul li em{ font-size:15px; color:#222; line-height:30px;}
.newslist ul li span{ display:none;}
.newslist ul li p{ display:none;}
.infopg{ width:96%; height:auto; line-height:21px; margin:0 auto; font-size:14px; background:#fff; padding:10px 2%; color:#555;}
.infopg ul{ margin:0; padding:7px 20px;}
.infopg ul li{float:left; padding:0 13px}
.thisclass{ border:1px #333 solid; background:#333; color:#fff;}
}
@media screen and (min-width:1101px){
.newslist{ width:820px; height:auto; background:#fff; padding:15px; color:#555;}
.newslist ul li{ width:820px; height:100px; line-height:25px; padding:15px 0; border-bottom:1px #ddd solid;}
.newslist ul li img{ width:175px; height:100px; float:left; padding-right:15px;}
.newslist ul li em{ font-size:17px; color:#222; line-height:30px;}
.newslist ul li span{ font-size:12px; color:#999; line-height:20px}
.newslist ul li p{ font-size:14px; color:#555; text-indent:0;}
.infopg{ width:820px; height:30px; line-height:21px; margin:0 auto; font-size:14px; background:#fff; padding:15px; color:#555;}
.infopg ul{ margin:0; padding:7px 20px;}
.infopg ul li{float:left; padding:0 13px}
.thisclass{ border:1px #333 solid; background:#333; color:#fff;}
}

.title{ width:90%; height:auto; padding:20px 0; line-height:30px; font-size:18px; color:#111; text-align:center;}
.inurl{ width:100%; height:auto; line-height:30px; text-align:center; color:#888; font-size:12px; background:#eee;}
.nwview{ width:100%; height:auto; padding-top:20px;}


.jslist{ width:820px; height:auto; background:#fff; padding:15px; color:#555;}
.jslist ul li{ width:800px; line-height:35px; border-bottom:1px #ddd solid; background:url(../images/arrow.gif) left no-repeat; padding-left:20px;}
.jslist ul li span{ float:right; color:#888;}
.jslist ul li a{ color:#333;}
.jslist ul li a:hover{ text-decoration:underline;}

.infor_class{ width:820px; height:28px; line-height:28px; background:#ebebeb; margin:5px auto 0px;}
.infor_class ul li{ width:auto; padding:0 25px; float:left; text-align:center; color:#555;}
.infor_class ul li a{ display:block;}
.infor_class ul li a:hover{background:#00498e; color:#fff;}
.in_c_bg{ background:#00498e;}
.in_c_bg a{ color:#fff;}