@charset "utf-8";
*{margin:0;padding:0;}
body,html{height:100%;color:#4c4c4c;font:16px/1.6 Microsoft YaHei,Helvetica,sans-serif;}
html {
	/*background:url(../img/timg.jgp) fixed;*/
}
body{height:auto;min-height:100%; background:url(bg.jpg)!important}
	body.in {
		/*background:url(white-bg.png) top center repeat-y;*/
	}
footer,header{display:block;}
li,ol,ul{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:22px;}
img{height:auto;max-width:100%;border:0;}
button,input,select,textarea{outline:0;font-size:100%;font-family:inherit;}
a{color:inherit;text-decoration:none;}
.clear{clear:both;overflow:hidden;width:0;height:0;font-size:0;}
.clearfix:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0;content:".";}

.wrapper{margin:0 auto;max-width:800px;}

.nav-top{position:relative;height:60px;background:#000080;background-image:linear-gradient(to top,#000080,##0000a0);color:#fff;text-align:center;line-height:60px;}
.nav-top h1{text-shadow:0 1px 1px rgba(0,0,0,.5);font-weight:400;font-size:24px;}
.nav-top a{position:absolute;top:15px;display:inline-block;overflow:hidden;width:30px;height:30px;background-size:100%;text-indent:-99999px;}
.nav-top-home{left:10px;background:url(nav-top-home.png) no-repeat;}
.nav-top-re{right:10px;background:url(nav-top-re.png) no-repeat;}

header{padding:0px 0;background:#fff;text-align:center;}


/* 导航栏 */
.main-nav{background:#921818;background-image:linear-gradient(to top,#921818,#e42121);color:#fff;text-align:center;}
.main-nav ul li{float:left;width:20%;}
.main-nav ul li a{display:block;height:32px;line-height:32px;}


/* 中间栏目 */
.white-box{margin-top:6px;padding:8px;border:solid 1px #c4c6c8;border-radius:3px;background:#fff;}
.white-box.yellow{border-color:#d38502;background:#f9a400;color:#fff;}
.white-box.blue{border-color:#058da9;background:#21b4d2;color:#fff;}
.white-box.red{border-color:#a70202;background:#e42121;color:#fff;}
.white-box.green{border-color:#058106;background:#3ec23f;color:#fff;}
.white-box.black{border-color:#000;background:#111;color:#fff;}

.center-box{text-align:center;}
ul.list-btn li{padding:5px 0;}
@media screen and (max-width:800px){
	ul.list-btn li{padding:3px 0;}
}
ul.list-btn li a{display:block;height:35px;border:solid 1px #ddd;border-radius:5px;background:#eee;background-image:linear-gradient(to top,#fff,#eee,#fff);box-shadow:0 2px 5px rgba(0,0,0,.1);text-align:center;line-height:35px;}

.tips{margin-top:6px;padding:10px;border-bottom:solid 1px #e6e6e6;background:#fff;font-weight:700;}
.tips img{margin-right:5px;width:17px;}

/* 列表一行2个 */
.list-2 ul li{float:left;margin-top:6px;margin-right:6px;width:calc(50% - 3px);}
.list-2 ul li:nth-child(2n){margin-right:0;}
.list-2 ul li a{display:block;padding:8px;border:solid 1px #cfcfcf;border-radius:3px;background:#fff;text-align:center;}

/* 列表一行3个 */
.list-3 ul li{float:left;margin-top:6px;margin-right:6px;width:calc(33.33333% - 4px);}
.list-3 ul li:nth-child(3n){margin-right:0;}
.list-3 ul li a{display:block;padding:8px;border:solid 1px #cfcfcf;border-radius:3px;background:#fff;text-align:center;}

/* 列表一行4个 */
.list-4 ul li{float:left;margin-top:6px;margin-right:6px;width:calc(25% - 5px);}
.list-4 ul li:nth-child(4n){margin-right:0;}
.list-4 ul li a{display:block;padding:8px;border:solid 1px #cfcfcf;border-radius:3px;background:#fff;text-align:center;}

/* 列表一行1个 */
.list-1{overflow:hidden;height:auto;border-color:#f2f2f2;border-style:solid;border-width:0 0 1px 0;text-align:left;font-size:16px;line-height:32px;}
.list-1 li{overflow:hidden;height:36px;border-bottom:1px solid #f2f2f2;text-align:left;font-size:16px;line-height:36px;}
.list-1 a{overflow:hidden;padding:0 10px display: block;text-overflow:ellipsis;white-space:nowrap;}

/* 列表分页 */
.list-page{overflow:hidden;height:32px;border-color:#f2f2f2;border-style:solid;border-width:1px 0;text-align:center;line-height:32px;}
.list-page a{float:left;font-size:16px;width:30%;color:#868686;}
.list-page a:visited{color:#878787;}
.list-page span{float:left;width:40%;color:#868686;}
.list-page span:before{float:left;height:32px;border-right:1px solid #f2f2f2;}
.list-page span:after{float:right;height:32px;border-right:1px solid #f2f2f2;}

.article-title{margin-top:12px;text-align:center;font-weight:700;font-size:21px;}
.article-content{font-size:16px;padding:0 10px;max-width:100%;}
.article-content a{color:#0086CE;text-decoration:none;}

.xx{border-bottom:1px solid #CCD6E6;padding:3px 0 3px 1px}
.xx{padding:3px 0 3px 11px}

.next-prev{padding:10px;}
.next-prev ul li{margin-bottom:10px;padding:5px;border:solid 1px #e5e5e5;}
.next-prev ul li:last-child{margin-bottom:0;}

/* 返回网站首页 */
.foot-home{padding:0 10px;height:40px;color:#fff;text-align:center;}
.foot-home a{display:block;height:40px;border-radius:5px;background:#61616a;line-height:40px;}

/* 网站底部 */
.footer{padding:10px 0;}

.white-box{margin-top:6px;padding:2px;border:solid 2px #868686;border-radius:4px;background:#fff;}

/* 漂浮导航 */
.nav2 { width: 100%; max-width: 800px; margin: 0 auto; box-sizing: border-box; padding: 2px; font-size: 13px; background: #fff;}
.nav2 ul { padding: 2px 0; display: flex; justify-content: space-between;}
.nav2 ul li { width: 100%; box-sizing: border-box; padding: 0 2px;}
.nav2 ul li a {
    display: block;
    padding: 6px 0;
    text-align: center;
    color: #fff;
    border-radius: 3px;
    background: #083058;
}
.nav2 ul li a:hover { background: #da183b;}
#nav2[data-fixed="fixed"]{ position: fixed;	top:0; left: 0; right: 0; margin: auto; z-index: 1; box-shadow: 0 5px 10px rgba(0,0,0,.1);}

.nav-img { text-align: center; background: #000;}
.nav-img img { width: auto; height: 50px;}

@media screen and (max-width:800px) {
.nav-img img { height: 50px;}
}
@media screen and (min-width:800px) {
.nav2 { padding: 4px; font-size: 14px;}
.nav2 ul { padding: 2px 0;}
.nav2 ul li { padding: 0 4px;}
.nav2 ul li a { padding: 0px 0; cursor: pointer;}
}
.cgi-nav { height: 45px;  background: linear-gradient(to bottom, white, #404d5b); }
.cgi-nav ul {}
.cgi-nav ul li { float: left; width: 25%;}
.cgi-nav ul li a { height: 45px; line-height: 45px; color: #ffffff;    font-weight: bold; text-shadow:  -1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000; font-size: 18px; text-align: center; display: block;}
.cgi-nav-foot { height: 3px; background: #fff; background-image:linear-gradient(to right, #f7f7f7, #00d9ff, #f7f7f7);}



/* 热门图库 */
#tanoopp-black { display:table; background: rgba(0,0,0,.2); width:100%; height:100%; overflow:hidden; _position:relative; position: fixed; z-index:10000;left: 0px;top: 0px;}
@media screen and (min-width: 320px) {#tanoopp-out {font-size: 14px; line-height: 20px;}}
@media screen and (min-width: 360px) {#tanoopp-out {font-size: 14px; line-height: 20px;}}
@media screen and (min-width: 400px) {#tanoopp-out {font-size: 16px; line-height: 24px;}}
@media screen and (min-width: 440px) {#tanoopp-out {font-size: 16px; line-height: 24px;}}
@media screen and (min-width: 480px) {#tanoopp-out {font-size: 16px; line-height: 24px;}}
@media screen and (min-width: 640px) {#tanoopp-out {font-size: 16px; line-height: 24px;}}
#tanoopp-out { vertical-align:middle; display:table-cell; text-align:center; _position: fixed; _top:50%; _left:50%;}
#tanoopp-out p { margin: 0 auto;} 
#tanoopp-out img { border: 0;}
#tanoopp-con { color: #444; background: #fff; border-radius: 5px; overflow: hidden; box-shadow: 0 5px 20px rgba(0,0,0,.2); display:inline-block; _position:relative; _top:-50%; _left:-50%;} 
.tanoopp-tit { line-height: 1.5em; padding: 0.5em 0.7em; font-size: 16px; font-weight: bold; text-align: left; background: #f5f5f5;}
.tanoopp-tit img { width: 26px; height: 26px; vertical-align: text-bottom; margin-right: 10px;}
.tanoopp-close { float: right; font-size: 14px; font-weight: normal; display: inline-block; cursor: pointer;}
.tanoopp-close:hover { background-position: 0 -34px;}
.tanoopp-box { text-align: left; padding: 10px;}
.tanoopp-box img { max-width: 100%; height: auto;}

.tan02133-box { text-align: left; padding: 10px;}
.tan02133-box img { max-width: 100%; max-height: 590px;height: auto; }
#tanxpg-black { display:none; background: rgba(0,0,0,.2); width:100%; height:100%; overflow:hidden; _position:relative; position: fixed; z-index:10000;left: 0px;top: 0px;}

/*主页图库*/
.tuku ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.tuku ul li {
	width: 26%;
	margin: .22rem;
	text-align: center;
}

.tuku ul li img {
	width: 100%;
        height: 90px;
        border: 0;
	margin: 8px 0;
}
.klj {border:solid 1px grey collapse;font-weight:700; font-size:18pt; font-family:微软雅黑; background:#000; color:#fff; width:100%; text-align:center;}
.coll {color:#ffff00;}


.bbsqishu {
    display: inline-block;
    font-size: 0.9em;
    padding: 0 8px;
    color: #dfdfdf;
    border-radius: 15px;
    background: #ff008b;
}

.zzhl-tit {
    }

    .zzhl-tit img {
      width: 100%;
      height: auto;
      vertical-align: top;
    }

    #tabzzhl {
	background-image: url(/images/gsbj.jpg);
    background-repeat: no-repeat; /* 背景图像不重复 */
    background-size: cover; /* 背景图像铺满整个元素 */
    }

    #tabzzhl a {
      color: #333;
      text-decoration: none;
    }

    #tabzzhl .zzhlmenu {
      width: 100%;
      padding: 5px 0;
      text-align: center;
      font-weight: bold;
      font-size: 18px;
      line-height: 40px;
    }

    #tabzzhl .zzhlmenu ul {
      display: flex;
      justify-content: space-between;
    }

    #tabzzhl .zzhlmenu li {
      width: calc(100% - 5px);
      box-sizing: border-box;
      background: #eee;
      cursor: pointer;
    }

    #tabzzhl .zzhlmenu li.hover {
      color: #fff;
    }

    #tabzzhl .zzhlmenu li.hover span {
      display: block;
    }

    #tabzzhl .zzhlmenu li.hover .zzhlam {
    background: linear-gradient(to top, #f0e9e9, #f10000);
    color: #dedede;
    text-shadow: -3px -1px 0px rgb(0 0 0);
    font-size: 20px;
    font-weight: bold;
    }

    #tabzzhl .zzhlmenu li.hover .zzhlxg {
      background: #f00;
    }

    #tabzzhl .zzhlmenu li.hover .zzhltw {
      background: #00f;
    }

    #tabzzhl .zzhlbox {
    }

    .zzhl-list {
      font-size: 16px;
    }

    .zzhl-list ul {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-between;
    }

    .zzhl-list ul li {
      width: calc(50% - 5px);
      border-bottom: solid 0px #ddd;
      box-sizing: border-box;
    }

    .zzhl-list ul li a {
      display: block;
      padding: 8px 5px;
      white-space: nowrap;
      overflow: hidden;
    }

    @media screen and (max-width: 800px) {
      #tabzzhl .zzhlmenu {
        font-size: 16px;
        line-height: 36px;
      }
      #tabzzhl .zzhlmenu li {
        width: calc(100% - 3px);
      }
      .zzhl-list {
        font-size: 15px;
      }
      .zzhl-list ul li {
        width: 100%;
      }
      .zzhl-list ul li a {
        padding: 8px 5px;
      }
    }

    .zzhl-list a {
      font-size: large;
    }