@charset "utf-8";

/* CSS Document */

html, body, div, span,applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;}
body {height:100%; color:#333;-webkit-text-size-adjust:none;}
body{font:12px/18px Arial,"Lantinghei SC","Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,Arial,sans-serif;}
h1, h2, h3, h4, h5, h6{font-size:100%;}
address, cite, em{font-style:normal;}
li{list-style-type:none;color: #b3b3b3;}
a{text-decoration:none;color: #333;}
a:hover{color:#cf0b22;text-decoration:none;}
fieldset, img {border:0;}
label,button{cursor: pointer;}
select,input,textarea,font{font-size:12px; }
.clear{clear:both; line-height:0px; overflow:hidden;}



/*banner*/
#banner{ width:970px; height: 260px; overflow:hidden; zoom:1; margin: 0 auto; position: relative;}
#banner img{ width: 612px; height: 260px;}
#banner .pic{
    float: left;
    width: 612px;
    overflow: hidden;
    zoom: 1;
}
#banner span{ background: url(../images/topicbg.png) repeat; width: 280px; height: 180px; color: #fff; float: right; padding: 50px 39px 30px 39px; overflow: hidden; zoom: 1;}
.topicname{ font-size: 28px; height: 28px; line-height: 28px; font-family: "Microsoft Yahei";}
.topicintro{ font-size:14px; line-height: 22px; margin-top: 20px; color: #ddd; overflow: hidden; zoom: 1; font-family: "Microsoft Yahei";}

.title{ width:970px; height: 65px; overflow:hidden; zoom:1; margin: 0 auto; padding: 4px 0px;}
.title h2{}
.title h2 span{ display:inline-block; float: left; font-family: "Microsoft Yahei";}
.name_l{ height: 70px; width: 18px; background: url(../images/topic.png) 0px -11px no-repeat;}
.name_c{ height:39px; line-height:39px; background: #276cb0; color: #fff; font-size: 16px; margin-top: 14px; padding-right: 12px; font-weight:normal;}
.name_r{ height:39px; background: url(../images/topic.png) 0px -126px no-repeat; width: 20px; margin-top: 14px;}
.share{ width: 237px; _width: 250px; float:right; padding-top: 14px;}
.share b{ width:50px; display:inline-block; float:left; font-weight: normal; padding-top: 8px;}

/*专题列表*/
#topic{ width: 971px; margin:0 auto; overflow:hidden; zoom:1;}
#topic ul{ width: 990px; overflow: hidden; zoom: 1; }
#topic ul li{ width: 317px; height: 185px; overflow:hidden; zoom:1; float: left; margin-right: 10px; margin-bottom: 10px;}
.box{ width: 285px; height: 153px; border:1px solid #e1e2e0; background:#fff;
    border-radius: 2px; padding: 15px;}
.box img{ width:86px; height:86px;}
.box a{ display:inline-block; float: left; padding-right: 10px; position: relative; height: 86px; overflow: hidden; zoom: 1;}
.box h3{ height: 22px;}
.box h3 a{ color: #0088cc; font-weight: normal; font-size: 16px; padding-right: 0px; position: absolute; font-family: "Microsoft Yahei"; /* display: block; */ white-space: nowrap;}
.box h3 a:hover{ color:#df0000;}
.box a span{ display:block; width: 86px; height: 86px; background: url(../images/acover.png) -3px -2px no-repeat; position: absolute;}
.box strong{display: inline-block;font-weight:normal;width: 180px;overflow: hidden;zoom: 1;height: 60px;}
.box strong.topname{ line-height:20px;height:20px;font-size:14px; overflow:hidden;zoom:1;}
.box i{background: url(../images/uooo.png) no-repeat -535px -105px;width: 61px; display: block;}
.box i b{width:80%;background: url(../images/uooo.png) no-repeat -467px -105px;display: block;height: 22px;}
.tbox{ overflow:hidden; zoom:1;}
.pf{ color:#888;}
.pf font{ color:#d2d2d2; padding:0px 8px;}
.pf p{ display:inline;}
.pf p a{ color:#555; padding-top: 1px; height: 20px; padding-top: 3px;}
.pf p a:hover{ color:#df0000;}
.intro{ display:block; color:#757575; line-height:20px; float: left; padding-top: 9px;}

/*其他合集*/
/*滚动图片*/
#gimg{width: 970px;  overflow: hidden;  zoom: 1;  z-index: 99;  position: relative;  margin: 0 auto;    border-radius: 10px;  height: 145px;  margin-top: 6px;   }

/*截图*/
.fl{float:left;/*padding-left: 50px;*/}
.fr{float:right}
.pr{    position: relative;}
.pa{ position:absolute;}
#shot-list{ left:0;}
.shot-wrap{ width: 970px; height: 135px; overflow:hidden; zoom:1; margin: 10px 20px 0px 33px;}
.shot-banner{ font-size:0;}
.shot-list li{  width: 210px;  height: 130px;  display: inline-block;  vertical-align: bottom;  padding: 0px 8px; *display:inline; *zoom:1;
    /*padding-right: 13px;*/ /* padding-right: 12px; */}
.shot-list li img{ cursor: pointer;  height: 107px;  width: 210px;   padding: 0px;}
.focusBts{  background: #fff url(../images/topicscroll.png) no-repeat;  width: 27px;  height: 109px;  position: absolute;  cursor: pointer;  z-index: 2;  opacity: 1.0;}
#focusBtl{ background-position: 0px 0px; left: 0px; top: 10px;}
#focusBtr{ background-position: -27px 0px;  right: 0px;  top: 10px; }
#focusBtl:hover{ background-position: 0px -108px; left: 0px;}
#focusBtr:hover{ background-position: -27px -108px; right: 0px;}
.shot-list li span{ width: 210px; height: 110px; display:block; position: absolute; left: 0px; top: 0px; background: url(../images/tcover.png) -4px -3px no-repeat;}
.shot-list li a{ display:block; position: relative; cursor: pointer;}
.shot-list li a:hover{ color:#df0000;}
.newscon .shot-list a p{ padding-top: 3px; font-size: 12px; color: #333; text-indent: 0px; width: 80px; display: block; text-align: center; line-height: 18px;}
.newscon .shot-list a:hover p{ color:#df0000;}
.shot-list li a p{ text-align:center; padding-top:6px; color:#333;}
.shot-list li a:hover p{ color:#df0000;}

/*导航*/
#nav{width:174px;_width:160px;float:left;background:#fff;border:1px solid #dfdfdf;border-radius:2px;position: relative;margin-top: 20px;}
#nav h2{ font-size:15px; color:#fff; font-weight:normal; background: url(../images/top.png) 0px 0px no-repeat; height: 46px; line-height: 46px; text-indent: 8px; position: absolute; left: -7px; width: 173px; top: 8px; padding-left: 19px;}
#nav ul{ padding-top: 60px; overflow:hidden; zoom:1;width: 177px;}
#nav ul li{ width:174px; height: 42px; border-bottom: 1px solid #f1f1f1; border-left:3px solid #fff;}
#nav ul li a{ padding-left: 20px; display: inline-block; padding-top: 11px; width: 145px; cursor: pointer;}
#nav ul li a em{ width: 24px; height:20px; display:inline-block;background: none; float: right; color:#d0d0d0;}
#nav ul li a span{ font-size:14px; color:#777; display: inline-block;}
#nav ul li.hover a em,#nav ul li:hover a em{color: #276cb0;}
#nav ul li.hover a span,#nav ul li:hover a span{ color:#276cb0;}
#nav ul li.hover,#nav ul li:hover{ background:#f5f5f5; border-left:3px solid #276cb0;}


#list{width: 1200px;margin:0 auto;overflow:hidden;zoom:1;}
.place{height: 30px;border-bottom: 1px solid #dfdfdf;padding-top: 15px;overflow: hidden;zoom: 1;}
.place p{color:#999;font-size: 14px;}
.place p a{ color:#666666; padding: 0px 5px;}
.place p b{ font-weight:normal; color:#17a7ef; padding: 0px 5px;}
.place p a:hover{ color:#df0000;}

/*合集列表*/
.listcon{width: 1000px;_width:744px;float:right;overflow: hidden;zoom: 1;margin-top: 20px;}
.listcon ul{width: 993px;overflow: hidden;zoom: 1;padding-top: 30px;margin-left: 30px;}
.listcon ul li{float:left;width:212px;height: 140px;padding-right: 30px;padding-bottom: 23px;position: relative;}
.listcon ul li a{ overflow: hidden;  display: block;  cursor: pointer; }
.listcon ul li a span{width: 210px;height: 110px;display: block;position: absolute;left: 0px;top: 0px;}
.listcon ul li a img{width:210px;height:110px;border-radius: 12px;}
.listcon ul li p{ text-align:center; font-size:14px; color:#444; padding-top: 6px;}
.listcon ul li a:hover p{ color:#276cb0;}
.listcon div{
    border: 1px solid #dfdfdf;
    margin: 0 0 30px;
    overflow: hidden;
    background: #fff;
}
.listcon div h3{
    line-height: 35px;
    padding: 3px 0 3px 30px;
    border-bottom: 1px solid #dadada;
    height: 35px;
    display: inline-block;
    width: 100%;
    font-size: 16px;
    font-weight: normal;
    border-left: 3px solid #276cb0;
    background: #f9f9f9;
}
.listcon div h3 a.more{
    float: right;
    margin: 0 53px 0 0;
    font-size: 14px;
    color: #276cb0;
}
.listcon div h3 a.more:hover{color:#ff9015; trasition:.3s ease;}

/*分页*/
#page{ height:30px; line-height:30px; text-align:right; font-size:14px; padding: 0px 20px 20px 30px; float: left; overflow: hidden; zoom: 1;}
#page a{ background:#e8e8e8; padding: 5px 11px; margin: 0 6px 0 0; color: #666; border: 1px solid #d7d7d7;}
#page a:hover{ color:#fff; background:#22b0f7; text-decoration:none;}
#page span{ padding: 4px 10px; margin: 0 1px 0 0; background: #22b0f7; color:#fff;}
#page b.sele{ color:#fff; background:#7db700; text-decoration:none; padding: 4px 10px; margin: 0 3px 0 0;}
#page b.total{ color:#999; font-weight:normal;}
#page b.selected{ background: #22b0f7; border: 1px solid #22b0f7; color:#fff; padding: 5px 11px;  margin: 0 6px 0 0;}
#page strong.total{ color: #888; font-weight:normal;}

/*底部*/
#bottom{ background: #f6f6f6; overflow:hidden; zoom:1; height: 126px; border-top: 1px #d4d4d4 solid;position: relative; margin-top: 20px; font-weight: normal;}
.bottom1{ width:970px; height:75px; display:block; margin:0px auto; padding-top: 20px; color:#fff}
.bottom1 li{ width:970px; text-align:center; height: 26px; line-height: 26px; color: #aaa; }
.bottom1 li a{ color: #555; padding: 0px 14px; cursor:pointer;}
.bottom1 li a:hover{ color:#df0000;}
.bottom1 li font{ color: #0cacfe; margin:0px 7px;}
.bottom1 li.word{ color:#999;}