.tjweb {padding:10px;}
.tjweb ins{padding:0 10px;}
.webrr {float:left;width:100%;}
.website-mian {float:left;width:100%;padding:15px;background: #fff;}
.website-mian ul {font-size:14px;margin:5px 0;}
.listinfo {clear: both;float:left;width:100%;}
.listinfo ul {margin-left:-2%;}
.listinfo li{float:left;text-align:center;width:23%;margin-left:2%;margin-bottom:5px;border:1px solid #dddddd;height:35px;line-height:35px;overflow:hidden;white-space:nowrap;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px}
.listinfo li.on{color:#fff;background:#0d7ad9;}
.listinfo li.on a{color:#fff;}
.listinfo li:hover{color:#333;background:#0d7ad9;}
.listinfo li:hover a{color:#fff;}
.rollBox {clear: both;float:left;width:100%;border-bottom:2px solid #ccc;background:#fafafa;border: 1px solid #EDEDED;}
.rollBox li{float:left;width:20%;text-align:center;height:35px;line-height:35px;border-right: 1px solid #EDEDED;}
.rollBox li:nth-of-type(5n+5) {border-right: 0;}
.rollBox li:hover{color:#333;background:#fff;}
.rollBox li.on{color:#fff;background:#F08080;}
.rollBox li.on a{color:#fff;}
.website-mian .box_tab div{zoom:1;}
.website-mian .box_tab{ z-index:0;}
.website-list {float:left;width:100%;margin:15px 0;}
.website-list ul{float:left;width:100%;padding:0 15px;}
.website-list .news ul {margin-left:-2%;}
.website-list .news li {float:left;width:48%;margin-left:2%;;margin-bottom:1%;height:245px;background: #fefefe;position: relative;overflow: hidden;border-radius: 2px;word-wrap: break-word;border: 1px solid;border-color: #e5e6e9 #dfe0e4 #d0d1d5;-webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;}
.website-list .news li:hover dd.txt-name span#name{color:#0d7ad9;}
.website-list h2 {float: left;padding-left:15px;height:45px;line-height:45px;width: 100%;background: #fafafa;border-bottom: 1px solid #EDEDED;margin-bottom:10px;font-size:18px;color: #0d7ad9;}
.website-list ins {padding-right:5px;}
.web-item .img {float: left;width:100%;padding:5px;text-align:center;position:relative; zoom:1;}
.web-item .img img {width:100%;height:160px;}
.web-item .img dd{display:none;background:#000; opacity:0.5;width:100%;height:26px; line-height:26px; font-size:16px; font-weight:normal; color:#fff; text-align:center;overflow:hidden; position:absolute; left:0; bottom:0; z-index:10; white-space:normal;}
.web-item:hover .img dd{display: block;}
.web-item .name {float:left;width:95%;text-align:center;color:#0af;font-size:14px;font: 14px "microsoft yahei";height:24px;line-height:24px;box-sizing:border-box; display:block; overflow:hidden}
.web-item .name a {color:#0d7ad9;}
.web-item .name a:hover{ color:#f00;}
.web-item span {float:left;width:50%;text-align:center;font-size:12px;color:#999;background: #f9f9f9;padding:10px 0;}
.web-item ins {padding-right:5px;}
.web-item {font-size: 16px;padding:10px 0;cursor: pointer;border-bottom:0.5px soddd #dedede;}

li.phbcon {float:left;display:block;border-bottom:1px solid #f7f7f7;width:100%;padding:15px 0;}
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-weight: bold;}
.phbcon .righttxt p span.pes{width:100%;text-align:right;font-size:12px;}
.phbcon .righttxt p span.peu{width:100%;height:50px;overflow:hidden;}
.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;}
.phbcon .newstxt p span.pes{width:100%;text-align:right;font-size:12px;}
.phbcon .newstxt p span.peu{width:100%;height:50px;overflow:hidden;}
.phbcon ins{color:#666;}
.phbcon .newstxt p span i{ color:#ff0000;}

.tage-list {float:left;width:100%;margin:15px 0;}
.tage-list .news ul {margin-left:-2%;}
.tage-list .news li {float:left;width:48%;margin-left:2%;;margin-bottom:1%;height:245px;background: #fefefe;position: relative;overflow: hidden;border-radius: 2px;word-wrap: break-word;border: 1px solid;border-color: #e5e6e9 #dfe0e4 #d0d1d5;-webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;}
.tage-list .news li:hover dd.txt-name span#name{color:#0d7ad9;}
.tage-list ul {float:left;padding:15px;}
.tage-list h2 {float: left;padding-left:15px;height:45px;line-height:45px;width: 100%;background: #fafafa;border-bottom: 1px solid #EDEDED;margin-bottom:10px;font-size:18px;color: #0d7ad9;}
.tage-list ins {padding-right:5px;}
.tage-list a {margin-left:5px;height:26px; line-height:26px; font-size:14px;}

.tage-list li {float:left;margin-left:5px;height:26px; line-height:26px; font-size:14px;}
#tags .tags0 a{float:left;color:#ff7f10;}
#tags .tags1 a{float:left;color:#C00C00; font-size:14px;}
#tags .tags2 a{float:left;color:#030030; font-size:16px;}
#tags .tags3 a{float:left;color:#00F00F;}
#tags .tags4 a{float:left;font-size:16px;}
#tags .tags5 a{float:left;color:#5bae19; font-size:18px;}
#tags .tags6 a{float:left;color:#F06F06; font-size:15px;}
#tags .tags7 a{float:left;color:#030C00; font-weight:bold; font-size:18px;}
#tags .tags8 a{float:left;color:#F06F06; font-weight:bold;}
#tags .tags9 a{float:left;color:#C00030; font-weight:bold;font-size:16px;}

.webtop {float: left;width: 100%;margin-top:15px;height: auto;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;}
.webtop .title {padding-left: 10px;color: #0d7ad9;font-size: 18px;font-weight: bold;}
.webtop .title span {float: right;font-size: 12px;height: 30px;line-height: 30px;cursor: pointer;padding-right: 1px;}
.webtop .title {border-bottom: #0d7ad9 1px solid;height: 30px;line-height: 30px;padding-right: 3px;}
.webtop ul {padding:15px;}
.web_list li {float: left;width: 100%;border-bottom: 1px solid #f2f2f5;padding:6px 0; overflow: hidden;}
.web_list .img {float: left;width: 20%;min-width:46px;display: inline-block;}
.web_list .img img {border-radius: 50%;}
.web_list .info{float: left;width: 80%;display: inline-block;overflow: hidden;padding-left: 10px;}
.web_list .info h4 a{font-size: 14px;font-weight: normal;color: #0d7ad9;overflow: hidden;height:26px;white-space:nowrap;  text-overflow:ellipsis;}
.web_list .info h4 a:hover{ color:#f00;}
.web_list .info p{font-size: 14px;font-weight: normal;color: #666;}

.news_top {float:left;width:100%;color:#666;margin-top:15px;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_top h3{float:left;width:100%;line-height:24px;font-size:16px;font-weight: bold;padding-bottom:10px;border-bottom:2px solid #f7f7f7;margin-bottom:10px;}
.news_top span {float:left;width:100%;height:150px;text-align:center;position:relative;margin-bottom:10px;}
.news_top span img {width:100%;height:150px;}
.news_top 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;}
.news_top span .txta {line-height:30px;}
.news_top li {float:left;width:100%;list-style-type:square;border-bottom:1px dashed #e7e7e7;white-space:nowrap; overflow:hidden;text-overflow:ellipsis;}
.news_top li a{line-height:30px;font-size:14px;margin-left:-10px;padding-left:5px;}
/* PC端 */
@media only screen and (min-width:860px){
.tjweb {width:1220px;margin:0 auto;position: relative;}
.webrr {float: left;width: 100%;}
.website-list {width: 880px;float: left;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;}
.website-right {width:300px;float: right;}
.phbcon h3 {display:block; height:40px; line-height:40px; font-size:18px; color:#0d7ad9;overflow:hidden; white-space:nowrap;  text-overflow:ellipsis;border-bottom: 1px solid #EDEDED;margin-bottom:10px;}
.phbcon h3 span{font-size:1.24rem; color:#999; margin-left:15px;}
.phbcon .leftimg{width:140px;height:130px;float:left; display: inline-block; border:1px solid #ddd; box-sizing:border-box;}
.phbcon .leftimg img{ display:block; width:140px;height:130px;}
.phbcon .righttxt{width:680px; float:left; margin-left:10;}

.webtop .title {border-bottom: #0d7ad9 2px solid;height:40px;line-height:40px;padding-right: 3px;padding-bottom: 5px;}
.webtop .title span {float: right;font-size: 12px;height: 40px;line-height: 40px;}
}