﻿@charset "utf-8";
/* CSS Document */
.fl{float: left;}
.fr{float:right;}
.w1280{width: 1280px; margin: 0 auto;}

/**top**/
.top{
    height: 34px;
    background: #f4f4f4;
}
.top_1{
    line-height: 34px;
    color: #434343;
}
.top_2 a{
    line-height: 34px;
    padding-left: 15px;
    background:url("../images/fhdb.png") left center no-repeat;
    color: #5e5e5e;
}

/**logo**/
.logo{
    margin:25px 0;
}
.wx{
    margin:34px 0;
}
.wrapper {
  width: var(--width);
  height: var(--height);
  position: relative;
  border-radius: var(--border-radius);
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}
.wrapper .tooltip {
  position: absolute;
  background: #fff;
  z-index: 2;
  padding:5px;
  box-shadow: 0 10px 30px rgba(65, 72, 86, 0.05);
  opacity: 0;
  top: 0;
  display: -webkit-box;
  display: flex;
  justify-content: space-around;
  -webkit-box-align: center;
          align-items: center;
  -webkit-transition: opacity .15s ease-in, top .15s ease-in, width .15s ease-in;
  transition: opacity .15s ease-in, top .15s ease-in, width .15s ease-in;
    z-index: 1;
}
.wrapper .tooltip::after {
  content: "";
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 3px;
  position: absolute;
  left: 50%;
  margin-left: -10px;
  top: -8px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  z-index: -1;
}
.wrapper input {
  height: 100%;
  width: 100%;
  border-radius: var(--border-radius);
  cursor: pointer;
  position: absolute;
  z-index: 5;
  opacity: 0;
}
.wrapper input:checked ~ .tooltip {
  height: 70px;
  -webkit-animation: stretch-animation 1s ease-out forwards .15s;
          animation: stretch-animation 1s ease-out forwards .15s;
  top: 90px;
  opacity: 1;
}

/**nav**/
.nav{
    height: 44px;
    background: #a51726;
}
.sy_dh li a{
    width:213px;
    height: 100%;
    background:url("../images/navfg.png") center left  no-repeat;
    text-align: center;
    line-height: 44px;
    float: left;
    color:#fff;
    font-size: 16px;
   
}

/**今日要闻**/
.ywtp{
    width:76px;
    height: 76px;
    margin: 29px 0;
}
.ywtit{
    width: 1204px;
    font-size: 36px;
    font-family: "微软&#51;&#54;&#53;&#65;&#80;&#80;&#95;&#51;&#54;&#53;&#25552;&#21069;&#32467;&#26463;&#25237;&#27880;&#95;&#51;&#54;&#53;&#98;&#101;&#116;&#19990;&#30028;";
    font-weight: bold;
    color: #a51726;
    text-align: center;
    margin-top: 30px;
}
.ywtit p{
    font-size: 18px;
    font-weight: 100;
    line-height: 60px;
}

/**gztd**/
.gzdt{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.gzdtlb{
    width: 833px;
    height:476px;
    background: #000;
}
.yx-rotaion {
	margin: 0 auto;
}

.yx-rotaion-btn,.yx-rotaion-title,.yx-rotation-focus,.yx-rotation-t,.yx-rotaion-btn {
	position: absolute
}

.yx-rotation-title {
	position: absolute;
	width: 100%;
	height: 40px;
	line-height: 40px;
	background: #000;
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
	left: 0;
	bottom: 0;
	_bottom: -1px;
	z-index: 1
}

.yx-rotation-t {
	color: #fff;
	font-size: 16px;
	font-family: microsoft yahei;
	z-index: 2;
	bottom: 0;
	left: 10px;
	line-height: 40px
}

.yx-rotation-focus span,.yx-rotaion-btn span {
	background: url(../images/ico.png) no-repeat;
	display: block;
}

.yx-rotation-focus {
	height: 40px;
	line-height: 40px;
	right: 20px;
	bottom: 0;
	z-index: 2
}

.yx-rotation-focus span {
	width: 12px;
	height: 12px;
	line-height: 12px;
	float: left;
	margin-left: 5px;
	position: relative;
	top: 14px;
	cursor: pointer;
	background-position: -24px -126px;
	text-indent: -9999px
}

.yx-rotaion-btn {
	width: 100%;
	height: 41px;
	top: 50%;
	margin-top: -20px;
}

.yx-rotaion-btn span {
	width: 41px;
	height: 41px;
	cursor: pointer;
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
	position: relative
}

.yx-rotaion-btn .left_btn {
	background-position: -2px -2px;
	float: left;
	left: 10px
}

.yx-rotaion-btn .right_btn {
	background-position: -2px -49px;
	float: right;
	right: 10px
}

.yx-rotaion-btn span.hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8
}

.yx-rotation-focus span.hover {
	background-position: -10px -126px
}

.rotaion_list {
	width: 0;
	height: 0;
	overflow: hidden;
}

.gzdtnr{
    width: 417px;
    height: auto;
    padding:20px 0px 0px 20px;
    overflow: hidden;
}
.gztit{
    height: 24px;
    font-size: 18px;
    font-weight: bold;
    padding-left: 34px;
    line-height: 24px;
    font-family: "微软&#51;&#54;&#53;&#65;&#80;&#80;&#95;&#51;&#54;&#53;&#25552;&#21069;&#32467;&#26463;&#25237;&#27880;&#95;&#51;&#54;&#53;&#98;&#101;&#116;&#19990;&#30028;";
    color: #a51726;
    background:url("../images/gzdt.png") left center no-repeat;
}
.gztit span{
    float: right;
    font-size: 12px;
    font-weight: 100;
    color: #676767;
}
.gztit span a{
    color: #676767;
}
.gzdtxw{
    margin-top: 8px;
    font-size: 20px;
    line-height: 40px;
    font-family: "微软&#51;&#54;&#53;&#65;&#80;&#80;&#95;&#51;&#54;&#53;&#25552;&#21069;&#32467;&#26463;&#25237;&#27880;&#95;&#51;&#54;&#53;&#98;&#101;&#116;&#19990;&#30028;";
    color: #a51726;
}
.gzdtxw a{
    color: #a51726;
}
.gzdtxw p{
    font-size: 14px;
    color: #666666;
    line-height: 25px;
}
.gzdt_nr{
    width: 100%;
    padding:12px 0;
    border-bottom: 1px dashed #ddd;
}
.gzdt_xw{
    padding-left: 18px;
    font-size: 15px;
    color: #666666;
    line-height: 33px;
    background: url("../images/icon.png") center left no-repeat;
}
.gzdt_xw span{
    float:right;
    font-size: 14px;
    color: #dcdcdc;
}
.gzdt_xw:hover{
    color:#a51726;
}
.gzdtxw p:hover{
    color:#a51726;
}
.gzdtnr a{
    width:100%;
}
.banner{
    margin:30px 0;
}
/**轮播**/
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
.slide_container {
  position: relative;
  float: left;
  width: 835px;
  }

.slide {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.slide li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  }
  
 .slide img {
  display: block;
  position: relative;
  z-index: 1;
  height: 485px;
  width: 100%;
  border: 0;
  }

.slide .caption {
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 20px;
  text-shadow: none;
  color: #fff;
  background: #000;
  background: rgba(0,0,0, .8);
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 20px;
  margin: 0;
  max-width: none;
  }
  
 .slide_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 52%;
  left: 0;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("../images/themes.gif") no-repeat left top;
  margin-top: -45px;
  }

.slide_nav:active {
  opacity: 1.0;
  }

.slide_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }

/**部门动态**/
.bmdt{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 35px;
}
.bmdt_box{
    width: 835px;
    height: auto;
    float: left;
}
.bmdt_tit{
    width: 100%;
    height: 41px;
    background: url("../images/btbj.jpg") repeat;
}
.bmdt_bt{
    height:40px;
    line-height: 40px;
    padding: 0 15px;
    color: #a51726;
    font-size: 16px;
    font-family: "微软&#51;&#54;&#53;&#65;&#80;&#80;&#95;&#51;&#54;&#53;&#25552;&#21069;&#32467;&#26463;&#25237;&#27880;&#95;&#51;&#54;&#53;&#98;&#101;&#116;&#19990;&#30028;";
    font-weight: bold;
    background: url("../images/sj.png") top left no-repeat;
}
.bmdt_bt span{
    float:right;
}
.bmdt_bt span a{
    font-size:12px;
    font-weight: 100;
    color: #757575;
}
.bmdt_nr{
    width:833;
    margin-top: 25px;
    padding: 15px;
    border: 1px solid #f1f1f1;
}
.bmdt_img{
    width:334px;
    height: 194px;
}
.bmdt_b1{
    width:450px;
    height: auto;
    overflow: hidden;
}
.bmdt_wb{
    font-size: 24px;
    color:#a51726;
    line-height: 35px;
}
.bmdt_wb p{
    color: #666666;
    line-height: 25px;
    font-size: 14px;
}
.bmdt_xx{
    line-height: 35px;
    padding-left: 20px;
    font-size: 14px;
    color:#676767;
    background: url("../images/bmdt_icon.jpg") center left no-repeat;
}
.gzdt_xw2{
    padding-left: 18px;
    font-size: 15px;
    color: #666666;
    line-height: 38px;
    background: url("../images/bmdt_icon.jpg") center left no-repeat;
}
.gzdt_xw2 span{
    float:right;
    font-size: 14px;
    color: #dcdcdc;
}
.gzdt_xw2:hover{
    color:#a51726;
}


/**重要公告**/
.zygg{
    width: 416px;
    height: auto;
}
.ggt{
    margin-top: 25px;
}

/**政策法规**/
.zcfg_tit{
    width:100%;
    height: 41px;
    background: url("../images/zcfg_bj.png") repeat;
}
.zcfg_bt{
    width: 134px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    background: #a51726;
}
.zcfg_tit span{
    float:right;
    line-height: 40px;
    padding-right: 15px;
    font-size: 12px;
    color: #818181;
}
.zcfg_box{
    padding:15px;
    border-bottom: 1px  solid #f1f1f1;
    border-left: 1px  solid #f1f1f1;
    border-right: 1px  solid #f1f1f1;
    margin-bottom: 30px;
}
.zcfg_yw{
    width: 1005px;
    font-size: 20px;
    color: #000;
    /* padding: 10px 0; */
    line-height: 35px;
    color: #a51726;
}
.zcfg_yw_title{
    font-size: 20px;
    line-height: 35px;
    color: #a51726; 
}
.zcfg_yw_summary{
    line-height: 25px;
    font-size: 14px;
    color:#666;
}
.zcfg_yw_summary:hover{
    color: #a51726;
}
.zcfg_yw_summary:hover{
    color: #a51726;
}
.zcfg_yw a{
    font-size: 14px;
    color:#cdcdcd;
    /* padding-left: 20px; */
    background: url("../images/dwgkw_icon.png") center left no-repeat;
}
.zcfg_yw a span{
    float:right;
    color: #a51726;
}
.gzdt_xw3{
    padding-left: 12px;
    font-size: 15px;
    color: #666666;
    line-height: 38px;
    background: url("../images/zcfg_icon.jpg") center left no-repeat;
}
.gzdt_xw3 span{
    float:right;
    font-size: 14px;
    color: #dcdcdc;
}
.gzdt_xw3:hover{
    color:#a51726;
}

/**友情链接**/
.yqlj_box{
    width: 100%;
    height: 70px;
    background: #f5f5f5;
    border: 1px dashed #d5d5d5;
    margin-bottom: 30px;
}
.yqlj_bt{
    width:70px;
    height: 62px;
    background: #a51726;
    color:#fff;
    font-size:20px;
    text-align: center;
    line-height: 25px;
    padding-top: 8px;
    letter-spacing:4px;
}
.yqlj_lj{
    width:1210px;
    padding-top: 6px;
}
.yqlj_lj a{
    font-size:14px;
    color:#666666;
    line-height: 28px;
    margin:0 13.5px;
}
.yqlj_lj a:hover{
     color:#a51726;
}
   .gzdt_xw a{
        display: block;
        width: 70%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        color:#666;
    }
    .gzdt_xw2 a{
        display: block;
        width: 70%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        color:#666;
    }
    .gzdt_xw3 a{
        display: block;
        width: 70%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        color:#666;
    }
   .gzdt_xw a:hover{
        color:#a51726;
    }
    .gzdt_xw2 a:hover{
        color:#a51726;
    }
    .gzdt_xw3 a:hover{
        color:#a51726;
    }
    .bmdt_xx a{
        display: block;
        width: 90%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        color:#666;
    }
.bmdt_xx a:hover{
    color:#a51726;
}
.caption a{
        display: block;
        width: 90%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        font-size: 16px;
        color:#fff;
    }
    

/**footer**/
.db{
    background: #a51726;
    text-align: center;
    line-height: 70px;
    font-size: 16px;
    color:#fff;
    margin-top: 30px;
}





/**工作动态**/
.gzdt_dh{
    width:234px;
    margin-top: 30px;
}
.gzdt_tit{
    width: 234px;
    height: 50px;
    color:#fff;
    font-size: 20px;
    text-align: center;
    line-height: 50px;
    background: #a51726;
}
.gzdt_dh a li{
    width:100%;
    height: 50px;
    background: #f5f5f5;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
    color: #595959;
    margin-bottom: 1px;
}
.gzdt_dh a li:hover{
    color: #fff;
    background: #a51726;
}
.gzdt_box{
    width: 1010px;
    margin-top: 30px;
}
.gzdt_dz{
    width: 100%;
    height: 48px;
    line-height: 48px;
    padding-left: 24px;
    font-size: 16px;
    background: url("../images/gzdt_icon.png") center left no-repeat;
    border-bottom: 2px solid #a51726;
}
.gzdt_dz a{
    color:#000;
}
.gzdt_dz a:hover{
    color:#a51726;
}
.gzdt2{
    width:100%;
    padding: 35px 15px;
    font-size: 18px;
    font-family: "微软&#51;&#54;&#53;&#65;&#80;&#80;&#95;&#51;&#54;&#53;&#25552;&#21069;&#32467;&#26463;&#25237;&#27880;&#95;&#51;&#54;&#53;&#98;&#101;&#116;&#19990;&#30028;";
    color: #000;line-height: 35px;
    border-bottom: 1px dashed #e9e9e9;
}
.gzdt2 p{
    font-size: 14px;
    color: #737373;
    line-height: 25px;
}
.gzdt2 span{
    font-size: 16px;
    color: #737373;
    float: right;
}
.gzdt2 p:hover{
    color: #a51726;
}

.fenye {
    width: 260px;
    height: 28px;
    clear: both;
    margin: 0 auto;
}

ul, ol {
    list-style: none;
}
.fenye li {
    float: left;
    margin-right: 5PX;
    width: 30px;
    height: 26px;
    border: 1px solid #ededed;
    line-height: 26px;
    text-align: center;
}
.fenye a {
    display: block;
}
.fenye a {
    color: #888888;
    display: block;
}
.fenye li {
    line-height: 26px;
    text-align: center;
}
#pageGro{ width:29%; height:25px; margin:30px auto;}
#pageGro div,#pageGro div ul li{ font-size:12px; color:#999; line-height:23px; float:left; margin-left:5px;}
#pageGro div ul li{ width:22px; text-align:center; border:1px solid #a51726; cursor:pointer;color: #000;}
#pageGro div ul li.on{ color:#fff; background:#a51726; border:1px solid #a51726;}
#pageGro .pageUp,#pageGro .pageDown{ width:63px; text-align: center; border:1px solid #a51726; cursor:pointer;color:#000;}


/**xxy**/
.xxy_tit{
    text-align: center;
    line-height: 50px;
    font-weight: bold;
    color: #000;
    margin-top: 40px;
    font-size: 24px;
}
.xxy_time{
    text-align: center;
    font-size: 15px;
    color:#a5a5a5;
    line-height: 30px;
}
.xxy_box{
    margin-top: 20px;
    font-size: 16px;
    line-height: 40px;
    text-indent:2em;
    color: #666;
}
.fanye2 a {
    display: block;
    padding: 15px;
        padding-left: 15px;
    padding-left: 20px;
    font-weight: bold;
    color: #333;
    font-size: 14px;
    border-radius: 24px;
    text-decoration: none;
    transition: all 0.3s;
}
.fanye2 a:hover{
    color: #a51726;
}








.visible-xs{
    display: none;
}
@media (max-width: 1000px) {
    .slide img {
        height: auto;
    }
    .fl{ float: inherit;}
    .fr{ float: inherit;}
    .w1280{
        width:94%;
        margin: 0 auto;
    }
    .top_1{
        float:left;
    }
    .top_2{
        float:right;
    }
    .logo{
        float:left;
    }
    .logo img{
        width: 90%;
    }
    
    .nav{
        height: 88px;
        background: #a51726;
    }
    .sy_dh li a{
       width: 33.33%;
       background: #a51726;
    }
    .wx{
        float:right;
    }
    .ywtp{
        width:15%;
        height: 100%;
        margin: 20px 0;
        float:left;
    }
     .ywtp img{
        width: 100%;
    }
    .ywtit{
        width: 82%;
        margin-top: 20px;
        text-align: left;
        line-height: 25px;
        font-size: 18px;
        float:right;
    }
    .ywtit p{
        display:none;
    }
    
    .gzdtlb{
        width: 100%;
    }
    .yx-rotaion{
        width: 100%;
    }
    .gzdtnr{
        width: 100%;
        height: auto;
        padding: 30px 0;
        clear: both;  
    }
    .banner img{
        max-width: 100%;
    }
    .bmdt_box{
        width: 100%;
        float:inherit;
    }
    .bmdt_nr{
        padding: 2.5%;
    }
    .bmdt_b1{
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .zygg{
        width: 100%;
        clear: both;
        padding-top: 50px;
    }
    .ggt img{
        max-width: 100%;
    }
    .bmdt_xx{
       display: none;  
    }
    .yqlj_bt{
        float:left;
    }
    .zcfg_box{
        padding: 2.5%
    }
    .zcfg_yw{
        width: 100%;
    }
    
    .yqlj_box{
       display: none; 
    }
    .zcfg_bt{
        float:left;
    }
    .zcfg_tit span{
        float:right;
    }
    .zcfg{
        margin-top: 30px;
    }
    .bmdt_img{
        width:100%;
    }
    .slide_container {
  position: relative;
  float: left;
  width: 100%;
  }
    .ggt img {
        width:100%;
        height: 100%;
    }
    .zcfg_tp img{
        width: 100%;
        height: 100%;
    }
    .bmdt_img img{
        width:100%;
        height: 100%;
    }
    
    .gzdtxw a{
        display: block;
        width: 100%;
        float: left;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        color:#a51726;
    }
    .gzdt_xw a{
        display: block;
        width: 70%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        color:#666;
    }
    .gzdt_xw2 a{
        display: block;
        width: 70%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        color:#666;
    }
    .gzdt_xw3 a{
        display: block;
        width: 70%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        color:#666;
    }
    .bmdt_xx a{
        display: block;
        width: 90%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        color:#666;
    }
    .caption a{
        display: block;
        width: 90%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        color:#fff;
    }
    
    
    .db{
        padding: 15px 2%;
        line-height: 30px;
        clear: both;
    }
    /**xxy**/
    .xxy_tit {
    text-align: center;
    line-height: 30px;
    font-weight: bold;
    color: #000;
    margin-top: 40px;
    font-size: 20px;
}
    /**列表页**/
    .gzdt_dh {
    width: 100%;
    margin-top: 30px;
}
    .gzdt_tit {
    width: 100%;
    height: 50px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    line-height: 50px;
    background: #a51726;
}
    .gzdt_dh a li {
    width: 33%;
    height: 50px;
    background: #f5f5f5;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
    color: #595959;
    margin:5px 1px;
    float: left;
}
    .gzdt_box {
    width: 100%;
    margin-top: 30px;
}
    .gzdt_dz {
    width: 94%;
    height: 48px;
    line-height: 48px;
    padding-left: 24px;
    font-size: 16px;
    background: url("../images/gzdt_icon.png") center left no-repeat;
    border-bottom: 2px solid #a51726;
    clear: both;
}
    .gzdt2 {
    width: 93%;
    padding: 3% 3%;
    font-size: 18px;
    font-family: "微软&#51;&#54;&#53;&#65;&#80;&#80;&#95;&#51;&#54;&#53;&#25552;&#21069;&#32467;&#26463;&#25237;&#27880;&#95;&#51;&#54;&#53;&#98;&#101;&#116;&#19990;&#30028;";
    color: #000;
    line-height: 35px;
    border-bottom: 1px dashed #e9e9e9;
        text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
    .gzdt2 p {
    font-size: 14px;
    color: #737373;
    line-height: 25px;
        text-overflow: ellipsis;
overflow: hidden;
height-space: nowrap;
}
    #pageGro {
    width: 80%;
    height: 25px;
    margin: 30px auto;
}
}
