﻿
*{padding:0; margin:0; margin:0 auto; text-align:left;font-family:Tahoma,Arial,Helvetica,"微软雅黑"; color:#666666;font-size:1em; box-sizing:border-box;}
section,article,nav,header,footer{display:block;}
html,body{height:100%;background:#f5f5f5; }
div,dl,dt,dd,form,h1,h2,h3,h4,h5,h6,ol,ul,li,table,th,td,p,span,a,img{border:0;}
ul,ol,li{list-style-type:none;}
h1,h2,h3,h4,h5,b{font-weight:normal;}

/*容器对其*/
.left {float:left}
.right {float:right}
.center {margin-left: auto;margin-right: auto;}

/*边框*/
.border {border:1px solid #eeeeee;}

/*背景渐变色*/
.bgc {
  background: -webkit-linear-gradient(#e8e8e8, #ffffff);    /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#e8e8e8, #ffffff);         /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#e8e8e8, #ffffff);       /* Firefox 3.6 - 15 */
  background: linear-gradient(#e8e8e8, #ffffff);            /* 标准的语法 */
}

/*顶部操作提示*/
#TopAlert { display:none;  width:100%; height:50px; background:rgba(13,121,205,0.8);position:fixed; top:0; z-index:999;  padding-top:10px;}
#TopAlert p i { display:inline-block; width:50px; font-size:24px; color:#ffffff; text-align:center;}
#TopAlert p { display:block;  font-size:18px; color:#ffffff;text-align:center;}
#TopAlert p span { color:#ffffff;}

/*背景锁定遮罩*/
#lock_bg { width:100%; height:100%; position: absolute; top: 0px; left: 0px; background:rgba(0,0,0,0.5);z-index:9999; display:none;} 

/*超级链接*/
a {text-decoration:none;cursor:pointer;}
a:hover {text-decoration:none;color:#FF0000;}

/*表单样式基础定义*/
input { height:30px; border:1px solid #e7e7e7; text-indent:5px;outline:none;border-radius:4px;}
textarea { border:1px solid #e7e7e7; padding:5px;outline:none;border-radius:4px;}
select {height:30px; border:1px solid #e7e7e7; text-indent:5px;outline:none;border-radius:4px;}
.check {height:25px;margin:0px 5px 0px 5px;text-indent:5px}
.check input {width:15px;height:15px;margin-top:5px;}
.but,.But,#But,#but { display:inline-block; border:0;border-radius:4px;background-color:#22a000;color:#ffffff;text-align:center;text-indent:0px;cursor:pointer;}
.but i,.But i,#But i,#but i {color:#ffffff;}

.radio { height:100px; margin-bottom:10px;border: 1px solid #f1f1f1; padding:10px;}
.radio span{ display:inline-block; background:#f1f1f1;border-radius:5px; margin:0 5px 5px 0;}
.radio input { display:none; width:10px; height:10px;}
.radio label { display:inline-block; height:20px; padding:0px 5px;line-height:20px;cursor:pointer; font-size:0.8em;}



/*全局页脚*/
.site_bottom {width:100%; background:#0350a0; color:#f1f1f1; margin-top:10px;position:fixed;bottom:auto;bottom:0px; padding-top:0.2em;padding-bottom:0.2em;z-index:9999;}
.site_bottom ul { text-align:center;}
.site_bottom ul li { display:inline-block; width:18%;}
.site_bottom ul li a i {display:block;  text-align:center; font-size:1.5em;color:#ffffff; }
.site_bottom ul li a b { display:block; text-align:center; font-weight:normal;font-size:0.5em;color:#ffffff;}
.site_bottom ul li a {color:#ffffff;}
.CopyRight { font-size:0.5em; text-align:center; color:#d3d3d3; padding-bottom:100px; margin-top:50px;}

.HotPic { width:100%; overflow:hidden; margin-bottom:10px;}

/*全局图标导航*:hover {border:1px solid #cd0000;}*/
.nav_ico { background:#ffffff; padding-top:10px; margin-bottom:10px; }
.nav_ico * {margin:0 auto; text-align:center;}
.nav_ico ul { text-align:center;}
.nav_ico ul li { display:inline-block; width:22%; margin-bottom:0.5em;}
.nav_ico ul li a {text-align:center;}
.nav_ico ul li a i { display:block; width:80%;width:2em; height:2em; background:#cd0000; color:#ffffff; font-size:2em; margin:0 auto; line-height:2em;border-radius:3em; margin-bottom:0.1em}
.nav_ico ul li a b {display:block; width:80%; font-weight:normal; font-size:0.8em;}

.nav_ico ul li:nth-last-child(8) a i {background:#374562;}
.nav_ico ul li:nth-last-child(7) a i {background:#b81b46;}
.nav_ico ul li:nth-last-child(6) a i {background:#ab02a5;}
.nav_ico ul li:nth-last-child(5) a i {background:#009f00;}
.nav_ico ul li:nth-last-child(4) a i {background:#2b87ee;}
.nav_ico ul li:nth-last-child(3) a i {background:#db562d;}
.nav_ico ul li:nth-last-child(2) a i {background:#5836b1;}
.nav_ico ul li:nth-last-child(1) a i {background:#008a9f;}


section { width:100%; background:#ffffff; padding-top:10px;}
section header { margin-bottom:10px;}
section header h2 { text-align:center; color:#0a8cf0;}

section article {width:95%;}
section  footer .More{ width:250px; line-height:35px; font-size:0.8em; border:1px solid #f1f1f1; text-align:center; background:#f8f8f8;}



/*通用提交表单*/
.form {color:#666666; margin-bottom:10px;}
.form .title{ width:100%;line-height:40px;font-weight:normal}
.form h3 { margin-bottom:10px; border-left:5px solid #0350a0; text-indent:0.5em; font-size:1em;}
.form ul {font-size:14px;margin-bottom:20px;}
.form ul li {margin-bottom:10px}
.form ul li:hover {background:#d9d9d9}
.form ul li b {display:inline-block;width:100px;margin-left:20px;}
.form ul li p {display:inline-block;width:200px;font-size:12px}
.form ul li input { width:100%; height:30px;margin-right:10px;}
.form ul li select { width:100%; height:30px;margin-right:10px;}
.form .check {height:25px;margin:0px 5px 0px 5px;}
.form .check input {width:15px;height:15px;margin-top:5px;}
.form textarea {width:100%;height:60px;}
.form ul li .but_ico { padding:2 10px 2 10px;}
.form ul li .small_but {width:60px;height:30px;margin-right:10px;text-indent:0px;text-align:center; }
.form #but,.form #But { display:block; width:100%;height:40px; background:#0350a0; color:#ffffff; font-size:1em; line-height:38px; text-align:center;border-radius:4px;}
.form #but i ,.form #But i { margin-right:10px;}


/* ==================================================== 栏目页样式汇总 ====================================================*/

/*二级栏目导航*/
#ClassMenu { margin:10px auto;}
#ClassMenu ul {text-align:center;}
#ClassMenu ul li { display:inline-block; background:#0495e0; width:80px; height:30px; border:0; margin:0; padding:0; text-align:center; border-right:1px solid #ffffff; margin:0}
#ClassMenu ul li a { color:#ffffff; line-height:30px; font-size:12px;}
#ClassMenu ul li:first-child {border-top-left-radius:30px;border-bottom-left-radius:30px;}
#ClassMenu ul li:last-child {border-top-right-radius:30px;border-bottom-right-radius:30px;}
#ClassMenu ul li.sel { background:#0350a0;}


.ClassHeader { height:70px; background:#0090ff; padding-top:10px;}
.ClassHeader h2 { width:30%; height:50px; line-height:50px; color:#ffffff; float:left; margin-left:20px; }
.ClassHeader .search{ width:60%;height:50px; float:right; padding-top:10px; margin-right:10px; text-align:right; }
.ClassHeader .search input { width:200px; background:#ffffff; border:0; font-size:0.8em; }


#load_but { display:block; width:200px; height:35px; background:#24b100; color:#ffffff; line-height:35px; text-align:center; margin-bottom:50px;border-radius:4px;}
#page_num { display:none;}


/*栏目页*/
.article_box {margin-bottom:10px;overflow:hidden; padding-bottom:10px;}
.article_box h1 {font-size:1em; line-height:1.5em;border-bottom:1px solid #f1f1f1; margin-bottom:0.2em;}

/*1类：单页*/
.article_box .ListStyle_1{margin:0px 10px 0px 10px;line-height:30px;font-size:1.2em; font-size:0.8em; line-height:1.5em;}
.article_box .ListStyle_1 p{text-indent:2em; margin-bottom:0.5em;}
.article_box .ListStyle_1 img{ display:block; max-width:100%;margin-bottom: 2em;}

/*2类：多页*/
.article_box .ListStyle_2 {margin:0px 10px 0px 10px;}
.article_box .ListStyle_2 li {height:2em;line-height:2em;border-bottom:1px dashed #ededed}
.article_box .ListStyle_2 li:last-child {border-bottom:0}
.article_box .ListStyle_2 li .dot {display:inline-block; line-height:1.9em;float:left; margin-right:10px;color:#ff9000}
.article_box .ListStyle_2 li .ico {float:left;line-height:16px;position: relative;top:6px;width:30px; margin-right:5px; text-align:center;}
.article_box .ListStyle_2 li span {height:30px;line-height:34px;float:right; font-size:0.5em;}
.article_box .ListStyle_2 li a { display:inline-block; max-width:17em; line-height:2em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/*3类：相册*/
.article_box .ListStyle_3 {text-align:center;}
.article_box .ListStyle_3 ul { width:100%; text-align:center;vertical-align:middle;} 
.article_box .ListStyle_3 li { display:inline-block; width:49%; text-align:center; overflow:hidden; padding:5px; margin-bottom:10px;vertical-align:middle;}
.article_box .ListStyle_3 li:hover {background-color:#f9f9f9}
.article_box .ListStyle_3 li .pic {width:100%;height:100px;}
.article_box .ListStyle_3 li .pic img { width:100%;}
.article_box .ListStyle_3 li b {display:block;width:100%;height:1.8em; line-height:1.8em; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:0.8em;}
.article_box .ListStyle_3 li span { display:block; font-size:0.5em;}
.article_box .ListStyle_3 li span i {font-size:0.6em; font-style:normal;margin-right:20px;}

/*4类：图文*/
.article_box .ListStyle_4 {margin-bottom:1em;}
.article_box .ListStyle_4 ul li {height:70px;border-bottom:1px dashed #f1f1f1;padding-bottom:5px; margin-bottom:5px;}
.article_box .ListStyle_4 ul li:hover {background:#f9f9f9}
.article_box .ListStyle_4 ul li .pic {width:25%;max-width:85px;height:60px;border:1px solid #ffffff;float:left; margin-right:5px; font-size:0.3em; overflow:hidden; border:1px solid #f1f1f1;}
.article_box .ListStyle_4 ul li .pic img { width:100%;}
.article_box .ListStyle_4 ul li b { display:block; width:70%;float:left;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;line-height:1.5em;font-size:0.8em; }
.article_box .ListStyle_4 ul li p { width:70%; height:1.5em;float:left; line-height:1.5em; font-size:0.6em;color:#9d9d9d;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-bottom:2px;}
.article_box .ListStyle_4 ul li span {display:inline-block; height:18px;}
.article_box .ListStyle_4 ul li span i {display:inline-block; height:16px; text-align:center; font-size:10px; line-height:15px; font-style:normal; margin-right:10px;color:#7ad3a6;border-radius:3px; border:1px solid #7ad3a6;background:#f3faff; padding:0 3px; }



/*五号幻灯样式*/
.PicPlay_style5 {text-align:center; margin:0 auto; margin-bottom:0.5em;}
.PicPlay_style5 img { width:100%; height:100%;}
.PicPlay_style5 .slide-prev {cursor: pointer;height: 48px; width: 48px;position: absolute;left: 0;top: 50%;margin-top: -24px;background:rgba(255,255,255,0.8);padding: 0px;}
.PicPlay_style5 .slide-next {cursor: pointer;height: 48px;width: 48px;position: absolute;right: 0;top: 50%;margin-top: -24px;background:rgba(255,255,255,0.8);padding: 0px; }
.PicPlay_style5 .slide-next:hover, .slider .slide-prev:hover {background:rgba(255,255,255,0.9);}
.PicPlay_style5 .slide-next img, .slider .slide-prev img {position: relative;top: 0;left: 0;max-height: 100%; max-width: 100%;}

.slider .slide-prev:before, .slider .slide-next:before {display: block;	width: 48px;height: 48px;font-size: 40px;line-height: 50px;text-align: center;font-family: 'BenchNine', sans-serif;position: absolute;}
.slider .slide-prev:before {content:"<"; }
.slider .slide-next:before {left: 3px; content:">"; }

ul.es-pager {display: block;width: 100%;text-align: center;margin: 10px 0;padding: 0;line-height: 0px; position:relative; z-index:9999 }
ul.es-pager li {display: inline-block;margin: 2px;padding: 0;height: 7px;width: 7px;cursor: pointer;border: 2px solid #888;border-radius: 7px;}
ul.es-pager li:hover, ul.es-pager li.act {background-color: #888;}
ul.es-pager li.act {cursor: default;}


/* ==================================================== 内容页样式汇总 ====================================================*/

/*内容页总体布局*/
.content_box {width:95%;padding:10px 0px 10px 0px}


/*内容页*/
.content_box h1 {text-align: center; font-size:1.6em; text-align:left; margin-bottom:0.5em;}

.content_box  #content_ext_info {text-align: center;margin-bottom:1em; text-align:left; color:#8f8c8c}
.content_box  #content_ext_info li {display:inline-block; font-size:0.8em; margin-right:1em;text-align:left;}
.content_box  #content_ext_info .site_name { color:#607fa6;}

.content_box .content_show_text {min-height:400px;font-size:0.8em;line-height:1.8em; }
.content_box .content_show_text p{margin-bottom:0.5em; text-indent:2em;}
.content_box .content_show_text img { display:block; max-width:100%;margin-bottom:2em;text-indent:0em;}

.content_box .content_show video {clear:both;display:block;margin:auto}

/*分享朋友圈图片遮罩*/
#show_friend { width:100%; height:100%; background:rgba(0,0,0,0.5); text-align:right;position:absolute;}

/*底部二维码签名区*/
.weixin_bottom_show { width:90%; text-align:center;}
.weixin_bottom_show .qr {border:5px solid #ffffff;width:10em; height:10em;box-shadow: 0px 0px 10px 3px #d9d9d9;}
.weixin_bottom_show b {color:#cd0000; line-height:3em;}

/*仿微信底部功能区*/
.bottom_bar{ width:95%;height:3em;color:#8f8c8c; margin-top:4em;}
.bottom_bar ul {}
.bottom_bar ul li { display:block; height:3em;}
.bottom_bar ul li:nth-last-child(3){float:left; margin-right:0.5em}
.bottom_bar ul li:nth-last-child(2){float:left}
.bottom_bar ul li:nth-last-child(1){float:right}
.bottom_bar ul li i {color:#607fa6}

/*表格*/
.content_box table {border-width: 1px;border-collapse: collapse;background-color: #ffffff;}
.content_box table tr:first-child {background-color: #d9d9d9;border:1px solid #5998f7;}
.content_box table tr:first-child td { text-align:center; font-weight:bold;}
.content_box table tr {border-width: 1px;padding: 8px;border-style: solid;}
.content_box table td {border-width: 1px;padding: 8px;border-style: solid;}

/*全屏模式*/
.content_box .full {min-height:750px;font-size:14px;line-height:30px;border:1px solid #d9d9d9;width:1160px;margin:0px 10px 0px 10px;}
.content_box .full p{text-indent:2em;margin-bottom:1em;}

/*内容上下条目*/
.content_box .content_show .up_num {margin:30px 0px 0px 0px;text-align:left;}
.content_box .content_show .up_num li {line-height:30px;display:block;}
.content_box .content_show .up_num li a {font-size:14px;font-weight:bold}


/*内容翻页【兼容单页类分页】*/
.num_content {width:100%;text-align:center;margin-top:100px;}
.num_content li {display:inline-block;width:30px;border:1px solid #cccccc;text-align:center;margin-right: 10px;}
.num_content li a {display:inline-block;width:30px;text-align:center;margin-right: 10px;}



