.category {float:left;width:100%;background-color: #FFF;overflow: hidden;padding:10px;margin-bottom:10px;box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);word-wrap: break-word;border: 1px solid;border-color: #e5e6e9 #dfe0e4 #d0d1d5;}
.category h3{float:left;width:100%;line-height:24px;font-size:18px;font-weight: bold;padding-bottom:10px;border-bottom:2px solid #f7f7f7;margin-bottom:10px;}
.category li{float:left;list-style:none; width:24%; height:30px;line-height:30px;margin:0.5%;font-size:12px !important;overflow:hidden; border-radius:5px;text-align:center;background:#0368AE;}
.category .on{float:left;background:#FF7F24;width:100%; height:30px;line-height:30px;text-align:center;}
.category .our{background:#FF7F24;}
.category a {color:#fff;}

.news-left {float:left;width:100%;}
.news-right {float:left;width:100%;margin-top:10px;}
.lpdt {float:left;width:100%;color:#666;margin-top:10px;padding:15px;overflow: hidden;background: #fff;box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);word-wrap: break-word;border: 1px solid;border-color: #e5e6e9 #dfe0e4 #d0d1d5;}
.lpdt h3{float:left;width:100%;line-height:24px;font-size:18px;font-weight: bold;padding-bottom:10px;border-bottom:2px solid #f7f7f7;margin-bottom:10px;}
.lpdt span {float:left;width:100%;height:150px;text-align:center;position:relative;margin-bottom:5px;}
.lpdt span img {width:100%;height:150px;}
.lpdt span p{width:100%;text-align:center;font-size:16px;position: absolute;bottom: 0px;overflow:hidden;text-overflow:ellipsis;height:30px;line-height:30px;background:rgba(0,0,0,.6);color:#fff;}
.lpdt span .txta {line-height:30px;}
.lpdt li {float:left;width:100%;list-style-type:square;border-bottom:1px dashed #e7e7e7;white-space:nowrap; overflow:hidden;text-overflow:ellipsis;}
.lpdt li a{line-height:30px;font-size:14px;margin-left:-10px;padding-left:5px;}
.newstop {float: left;width: 100%;background: #fff;padding:15px;overflow: hidden;box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);word-wrap: break-word;border: 1px solid;border-color: #e5e6e9 #dfe0e4 #d0d1d5;}
.newstop h3{float:left;width:100%;line-height:24px;font-size:18px;font-weight: bold;padding-bottom:10px;border-bottom:2px solid #f7f7f7;margin-bottom:10px;}
.newstop li {float: left;width: 100%;border-bottom: 1px solid #f2f2f5;padding:10px; overflow:hidden; white-space:nowrap;  text-overflow:ellipsis;font-size:14px;}
.newstop li:hover{ background:#fafafa;}
.newstop li em {float: left;height:20px;line-height:20px;width:20px;text-align: center;background: #737373;color: #fff;margin-right:5px;font-size: 12px;border-radius:3px;}
.newstop li em.x1,.newstop li em.x2,.newstop li em.x3 {background: #CD0000;}

.news_lp {float:left;width:100%;color:#666;margin:10px 0;padding:15px;overflow: hidden;background: #fff;box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);word-wrap: break-word;border: 1px solid;border-color: #e5e6e9 #dfe0e4 #d0d1d5;}
.news_lp h3{float:left;width:100%;line-height:24px;font-size:18px;font-weight: bold;padding-bottom:10px;border-bottom:2px solid #f7f7f7;margin-bottom:10px;}
.city_c {float: left;width:100%;font-size:13px;}
.city_c p {float: left;border:1px solid #dadada;background:#f7f7f7;text-align:center;line-height: 24px;margin-bottom:5px;}
.city_c .h1 {float: left;width:21%;border-right:none;}
.city_c .h2 {float: left;width:49%;border-right:none;}
.city_c .h3 {float: left;width:30%;}
.city_c li {float: left;width:100%;border-bottom:1px solid #ebebeb;padding:5px 0;}
.city_c dd {float: left;text-align:center;}
.city_c dd i{color:#f00;padding-right:3px;}
.city_c dd em{color:#66CD00;padding-right:3px;}
.city_c dl {float: left;width:100%;text-align:right;padding-top:8px;}
.city_c a {color:#5a9af4;}

.newsUp{float:left;width:100%;color:#666;padding:15px;overflow: hidden;background: #fff;box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);word-wrap: break-word;border: 1px solid;border-color: #e5e6e9 #dfe0e4 #d0d1d5;}
.newsUp span{ display:block;text-align:center;}
.newsUp span a{ display:block; width:100%; clear:both; font-size:22px; margin-bottom:5px; color:#0d7ad9;white-space:nowrap; overflow:hidden;text-overflow:ellipsis;}
.newsUp span a ins{ color:#CCC;}
.newsUp span a:hover{ color:#F60;}
.newsUp em{ display:block; color:#999; font-size:14px; height:55px; line-height:20px; overflow:hidden;padding:5px 0;}
.newsList {border-top:1px solid #EEE;padding-top:5px;}
.newsList li{ clear:both;width:100%;}
.newsList li h2 a{height:30px; line-height:30px;font-size:16px;}
.newsList li h2 a:hover{ color:#F60;}
.newsList li h2{ float:left; width:90%; font-size:13px;white-space:nowrap; overflow:hidden;text-overflow:ellipsis;}
.newsList li dd{ float:right; width:10%; height:30px; line-height:30px; text-align:center; white-space:nowrap; overflow:hidden; color:#CCC;}

.news {float: left;width: 100%;margin:10px 0;background: #fff;overflow: hidden;box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);word-wrap: break-word;border: 1px solid;border-color: #e5e6e9 #dfe0e4 #d0d1d5;}
.news h2 {float: left;padding-left:15px;height:45px;line-height:45px;width: 100%;background: #fafafa;border-bottom: 1px solid #EDEDED;font-size:18px;color: #333;}

.news2 {float: left;width: 100%;background: #fff;overflow: hidden;box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);word-wrap: break-word;border: 1px solid;border-color: #e5e6e9 #dfe0e4 #d0d1d5;}
.news2 h2 {float: left;padding-left:15px;height:45px;line-height:45px;width: 100%;background: #fafafa;border-bottom: 1px solid #EDEDED;font-size:18px;color: #333;}

li.phbcon {float:left;display:block;padding:15px;border-bottom:1px solid #f7f7f7;width:100%;}
li.phbcon:hover{ background:#fafafa;border-bottom:1px solid #d9d9d9;}
.phbcon .leftimg{width:31%;max-width:150px;float:left; display: inline-block; border:1px solid #ddd; box-sizing:border-box;}
.phbcon .leftimg img{ display:block; width:100%;height:90px;}
.phbcon .righttxt{width:67%; float:left; margin-left:2%;}
.phbcon h3{ display:block; height:24px; line-height:24px;font-weight: bold; font-size:18px; color:#333; padding-right:10px; overflow:hidden; white-space:nowrap;  text-overflow:ellipsis;}
.phbcon h3 a {color:#333;}
.phbcon h3 span{font-size:1.24rem; color:#999; margin-left:5px;}
.phbcon h3 span a {color:#999;}
.phbcon .righttxt p{ height:24px; line-height:24px; color:#666; font-size:1.2rem; display:block; width:100%;}
.phbcon .righttxt p span{float: left;overflow: hidden;}
.phbcon .righttxt p span.pel{width:55%;font-size:12px;}
.phbcon .righttxt p span.per{width:45%;text-align:right;font-size:14px;}
.phbcon .righttxt p span.pes{width:100%;text-align:right;font-size:12px;}
.phbcon .righttxt p span.peu{width:100%;height:50px;overflow:hidden;font-size:12px;}
.phbcon .righttxt p span i{ color:#ff0000;}
.phbcon a:hover{ color:#0d7ad9;}
.phbcon .newstxt{width:100%; float:left;}
.phbcon .newstxt p{ height:24px; line-height:24px; color:#666; font-size:1.2rem; display:block; width:100%;}
.phbcon .newstxt p span{float: left;overflow: hidden;}
.phbcon .newstxt p span.pel{width:55%;font-size:12px;}
.phbcon .newstxt p span.per{width:45%;text-align:right;font-size:12px;}
.phbcon .newstxt p span.pes{width:100%;text-align:right;font-size:12px;}
.phbcon .newstxt p span.peu{width:100%;height:50px;overflow:hidden;font-size:12px;}
.phbcon ins{color:#666;}
.phbcon .newstxt p span i{ color:#ff0000;}

.page {width:100%;height:80px;background-color: #FFF;}
.page .wwl {float:left;width:50%;text-align: center;}
.page .wwr {float:right;width:50%;text-align: center;}
.page li a {margin-top:5px;height:40px;line-height:40px;text-align:center;color: #fff;font-size: 16px;}
.page span {float:left;width:100%;height:40px;line-height:40px;margin-top:5px;text-align: center;background: #FFF;border-top:solid 1px #f4f4f4;color: #000;font-size: 14px;}

/* PC端 */
@media only screen and (min-width:860px){
/* focusindex */
.mian{width: 1220px;margin: 0 auto;}
.category,.news_lp,.lpdt,.newstop,.newsUp,.news,.news2{border:none;overflow: hidden;box-shadow:none;}
.category li{float:left;list-style:none; width:24%; height:30px;line-height:30px;margin:0.5%;font-size:12px !important;overflow:hidden; border-radius:5px;text-align:center;background:#0368AE;}
.news_lp,.lpdt {margin-top:15px;}
.news-left {float:right;margin-left:15px;width:345px;}
.news-right {float:left;width:860px;margin-top:0px;}
.phbcon .leftimg{width:140px;height:110px;float:left; display: inline-block; border:1px solid #ddd; box-sizing:border-box;}
.phbcon .leftimg img{ display:block; width:140px;height:110px;}
.phbcon .righttxt{width:660px; float:left; margin-left:10;}
}