﻿@charset "utf-8";
/* CSS Document */

/*CSS reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,th,td,p{margin:0;padding:0; font-family:"微软雅黑"; font-size:14px; cursor:default; color:#2f2f2f;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;border:none;}
ul,li,dl ,dt,dd ,ol,p,img{ list-style: none;border: none;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal;}
del,ins{text-decoration:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
button,input,select,textarea{font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
a{text-decoration:none; outline:none; color:#2f2f2f;}
a:hover{ text-decoration: none; color: #8c211b;}
a:active{outline: none;star:expression(this.onFocus=this.blur());}

.fl{ float: left;}
.fr{ float: right;}
.clear{ clear: both;}

body{ background: url(2017zzgzw_bg.jpg) no-repeat center top #f5f3f2;}

.header{ width: 1100px; height: 191px; margin: 0 auto;}

.nav{ width: 1100px; height: 50px; background: #8c211b; line-height: 50px; margin: 0 auto;}
.nav ul{ float: left;}
.nav ul li{ float: left; font-size: 18px; margin: 0 28px;}
.nav ul li a{ color: #fff;}
.nav .search{ float: right; width: 323px; height: 42px; background: #b2332c; padding: 8px 0 0 25px;}
.nav .search input[type="text"]{ float: left; width: 224px; height: 25px; line-height: 25px; border: 0; background: #fff; padding: 0 5px; font-size: 12px; cursor: text; outline: none;}
.nav .search input[type="button"]{ float: left; width: 64px; height: 25px; *height:26px; line-height: 25px;  border: 0; background: #7f0000; color: #fff; cursor: pointer; outline: none;}

.footer{ background: #6c3838; color: #fff; font-size: 16px; text-align: center; margin-top: 30px; min-height: 100px; padding: 30px 0;}

.box{ border: 1px solid #dddddd; border-top: 2px solid #8c211b; width: 497px; height: 299px; background: #fff; padding: 0 18px; margin-top: 20px; overflow: hidden;}
.head{ border-bottom: 1px solid #d5d5d5; height: 40px; line-height: 40px;}
.head h2{ float: left; background: url(2017zzgzw_icon01.png) no-repeat left 10px; font-size: 18px; color: #8c211b; padding-left: 18px;}
.head .more{ float: right; background: url(2017zzgzw_more.png) no-repeat right center; padding-right: 10px; color: #8c211b;}
.title{ width: 498px; height: 33px; margin-top: 16px;}
.title li{ float: left; height: 33px; line-height: 33px; text-align: center; font-size: 16px; margin-right: 2px;}
.title li a{ display: block; width: 100%; height: 100%; background: #d5d5d5;}
.title li.on a,.box .title li a:hover{ background: #db0000; color: #fff;}
.list{ height: 180px; padding-top: 15px; overflow: hidden;}
.list li{ height: 36px; font-size: 16px; line-height: 36px; vertical-align: top; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.top-main{ background: #fff; padding: 0 30px 30px; width: 1040px; margin: 0 auto;}
.headline h2{ font-size: 30px; line-height: 60px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.headline p{ font-size: 16px; line-height: 30px; text-align: center;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.slideBox{ float:left; width: 501px; height: 328px; position:relative; z-index:5; overflow:hidden; margin-top: 20px;}
.slideBox .hd{ height:10px; overflow:hidden; position:absolute; right:15px; bottom:13px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;}
.slideBox .hd ul li{ float:left; margin-left:5px; width: 10px; height:10px; background:#fff; font-size: 0px; line-height: 999px; cursor:pointer; overflow:hidden;}
.slideBox .hd ul li.on{ background:#9f1313;}
.slideBox .bd{ position:relative; height:328px; z-index:0;}
.slideBox .bd li{ width:501px; height:328px; zoom:1; vertical-align:middle; position:relative;}
.slideBox .bd li p{ position:absolute; left:0; bottom:0; width: 100%; height:40px; background:rgba(0,0,0,.7); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cf000000,endColorstr=#cf000000);   font-size:14px; line-height:40px; color:#eee; cursor:pointer; text-indent: 10px;}
.slideBox .bd img{ width:501px; height:328px;}

.gzyw{ float: right; width: 500px; height: 328px; margin-top: 20px; overflow: hidden;}
.gzyw .title{ margin-top: 0; width: 502px;}
.gzyw .title li{ width: 248px;}
.gzyw .list{ padding: 0; height: auto;}
.gzyw .list h3{ width: 86px; height: 18px; background: url(2017zzgzw_gzyw.png); color: #fff; font-weight: normal; text-align: center; text-indent: -5px; line-height: 18px; margin-top: 15px;}
.gzyw .list ul{ border-bottom: 1px dashed #c7c7c7; padding-bottom: 10px;}

.banner{ width: 1100px; height: 61px; margin: 20px auto 0;}

.wrapper{ width: 1100px; margin: 0 auto;}

.gzjg .title li{ width: 122px;}
.gzdj .title li{ width: 164px;}
.gzdj .list{ padding-top: 7px; height: auto;}
.gzdj .list li{ line-height: 34px; white-space: normal;}
.gzdj .list li.first{ height: 87px; margin-bottom: 5px; overflow: hidden;}
.gzdj .list li.first .pic{ float: left; display: block; width: 149px; height: 87px;}
.gzdj .list li.first .text{ font-size: 16px; line-height: 28px; text-indent: 2em; margin-left: 180px; text-align: justify;}
.gzdj .list li.first .text a{ color: #e30000;}

.jgjs .list{ padding-top: 13px; height: auto;}
.jgjs .list li{ line-height: 34px; white-space: normal;}
.jgjs .list li.first{ height: 109px; margin-bottom: 10px; overflow: hidden;}
.jgjs .list li.first .pic{ float: left; display: block; width: 166px; height: 109px;}
.jgjs .list li.first .text{ margin-left: 180px;}
.jgjs .list li.first .text h3{ font-size: 18px; line-height: 30px; font-weight: normal;}
.jgjs .list li.first .text p{ font-size: 16px; line-height: 28px; text-indent: 2em; text-align: justify;}
.jgjs .list li.first .text p a{ color: #e30000;}

.zwgk-list li{ float: left; font-size: 16px; margin: 30px 0 20px 17px;}
.zwgk-list li i{ float: left; display: block; width: 66px; height: 66px; cursor: pointer;}
.zwgk-list li i img{ vertical-align: middle;}
.zwgk-list li span{ float: left; cursor: pointer; padding-top: 15px; margin-left: 10px;}

.gqdt .title{ width: auto; height: 28px; border-bottom: 1px solid #d5d5d5; padding-left: 20px;}
.gqdt .title li{ background: none; width: 156px; height: 28px; line-height: 28px; text-align: center; margin: 0;}
.gqdt .title li a{ background: none;}
.gqdt .title li.on{ border: 1px solid #d5d5d5; width: 154px; height: 27px; border-bottom-color: #fff;}
.gqdt .title li.on a,.gqdt .title li a:hover{ background: #fff; color: #8c211b;}

.gqdt .list{ padding-top: 13px; height: auto;}
.gqdt .list li{ line-height: 34px; white-space: normal;}
.gqdt .list li.first{ height: 109px; margin-bottom: 10px; overflow: hidden;}
.gqdt .list li.first .pic{ float: left; display: block; width: 166px; height: 109px;}
.gqdt .list li.first .text{ margin-left: 180px;}
.gqdt .list li.first .text h3{ font-size: 18px; line-height: 30px; font-weight: normal;}
.gqdt .list li.first .text p{ font-size: 16px; line-height: 28px; text-indent: 2em; text-align: justify;}
.gqdt .list li.first .text p a{ color: #e30000;}

.link{ float: left; width: 100%; height: 120px; background: #d5d5d5; margin-top: 20px; overflow: hidden;}
.link h2{ float: left; width: 80px; font-size: 20px; line-height: 30px; color: #3f3f3f; margin: 30px 30px 0;}
.link-list{ float: left; margin-top: 18px;}
.link-list ul{}
.link-list ul li{ float: left; margin-right: 12px;}
.link-list ul li img{ display: block; width: 170px; height: 85px;}

/* 二级栏目页 */
.main{ width: 1060px; padding: 20px; background: #fff; margin: 0 auto;}
.main-left{ float: left; width: 220px;}
.main-left-list{ background: #f5f3f2; margin-bottom: 12px;}
.main-left-list h2{ height: 42px; background: url(2017zzgzw_columnn_h2.png) repeat-x; line-height: 42px; text-align: center; font-size: 20px; color: #fff;}
.main-left-list h2 span{ background: url(2017zzgzw_icon02.png) no-repeat left 4px; padding-left: 15px;}
.column-list{ padding-bottom: 15px;}
.column-list li{ height: 45px; border-bottom: 1px solid #dfdfdf; line-height: 45px; font-size: 16px; text-align: center;}
.column-list li a{ display: block; width: 100%; height: 100%;}
.column-list li.active a{ background: #f6aeaa;}
.xwtj{ padding: 10px 20px;}
.xwtj li{ font-size: 14px; line-height: 32px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.tpjj{ padding: 15px 0;}
.tpjj li{ width: 188px; margin: 0 auto;}
.tpjj li .pic,.tpjj li .pic img{ display: block; width: 188px; height: 108px;}
.tpjj li p{ font-size: 14px; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.main-right{ float: right; width: 810px; overflow: hidden;}
.right-list-wrap{ width: 830px;}
.right-head{ height: 30px; line-height: 30px; background: url(2017zzgzw_dqwz.png) repeat-x; border-bottom: 2px solid #8c211b;}
.right-head h2{ min-width: 128px; background: url(2017zzgzw_columnn_h2.png); float: left; font-size: 16px; text-align: center; color: #fff;padding:0px 10px;}
.right-head .dqwz{ float: right; padding-right: 20px;}
.right-list{ float: left; width: 395px; height: 260px; margin: 20px 20px 0 0; overflow: hidden;}
.right-list .list-head{ border-bottom: 1px solid #b7b5b4; height: 32px; line-height: 32px;}
.right-list .list-head h2{ float: left; min-width: 125px; background: #db0000; text-align: center; color: #fff; font-weight: normal; font-size: 16px;padding:0px 10px;}
.right-list .list-head .more{ float: right;}
.right-list ul{ margin-top: 10px;}
.right-list ul li{ height: 36px; background: url(2017zzgzw_list_dian.png) no-repeat left center; font-size: 16px; line-height: 36px; vertical-align: top; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left: 11px;}

.news-list h3{ font-size: 18px; line-height: 20px; border-bottom: 1px dotted #707070; text-align: center; padding: 15px 0; font-weight: normal;}
.news-list ul{ padding: 20px;}
.news-list ul li{ height: 36px; font-size: 16px; line-height: 36px; vertical-align: top; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.news-list ul li a{ float: left;}
.news-list ul li span.date{ float: right;}
.news-list ul li span.indexnum{ display: block; float: left; width: 160px;}

.article{ padding: 0 30px;}
.article h2{ font-size: 24px; line-height: 30px; text-align: center; font-weight: normal; margin: 20px 0;}
.article .info{ text-align: center; line-height: 20px;}
.article .art-wrap{ border-top: 1px solid #b2b2b2; margin-top: 10px; padding: 30px 0; font-size: 16px; line-height: 30px;}
.article .art-wrap p{ font-size: 16px; line-height: 30px;}
.article .art-wrap img{ max-width: 100%; height: auto;}




















