/* reset */
html{-webkit-text-size-adjust: none;}
body{line-height: 1.8;}
body, input, textarea, select{font-family:'Microsoft YaHei',SimSun, arial, sans-serif; font-size: 14px;}
body, h1, h2, h3, p, ul, ol, dl, dd, form{margin: 0;}
em, i{font-style: normal;}
ul, ol{padding-left: 0; list-style-type: none;}
img{border: 0;}
a{text-decoration: none; color: #242424;}
a:hover{text-decoration: none; color: #c00;}

/* common */
.region, .mod, .mhd, .mbd{display: block; clear: both; overflow: hidden; height: auto; content: '.'; *zoom: 1;}
.l{float: left;}
.r{float: right;}
.cl{clear: both;}
.ovh{overflow: hidden;}
.fw{font-family: Microsoft YaHei;}
.f0{font-size: 0;}
.f16{font-size: 16px;}
.f18{font-size: 18px;}
.f12{font-size: 12px;}
.f22{ font-size: 22px;}
.f24{ font-size: 24px;}
.f26{font-size: 26px;}
.f30{font-size: 30px;}
.b{font-weight: bold;}
.tc{text-align: center;}
.tit-m{position: absolute; display: block; overflow: hidden; background-color: rgba(000, 000, 000, .6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#60000000, endColorstr=#60000000);}

/* layout */
.layout{clear: both; width: 1200px; margin-right: auto; margin-left: auto;}
.mt10{margin-top: 10px;}
.mt45{margin-top: 45px;}
.mt30{margin-top: 60px;}
.pt30{ padding-top: 30px;}

.c1{ color: #8d8d8d;}
.c2{ color: #c00;}
.g1{ background: #f5f5f5;}

.wrap{ overflow: hidden; clear: both; background:#fff; padding-bottom: 30px;}
.mhd{ padding-bottom:25px;}
/* footer */
.footer { background:#8b0101; padding: 25px; clear:both; overflow:hidden;}
.footer ul{ width:645px; margin:0 auto;color: #fff;}
.footer ul li{ float:left;}
.footer ul li.logo_pft{ margin-right:20px}
.footer a{ color: #fff;}


/* common-header */
.top-bar{background: #3fb5e7;height: 38px;line-height: 38px;color: #fff;font-size: 14px;}
.nav-site {color: #bbb;}
.top-bar a{color: #fff;}
.top-login{position: absolute; width:300px; height:38px; overflow:hidden; left:0; top:0;}
.nav-menu{margin-left: 170px;position: absolute;}
.nav-menu .item{position: relative;float: left;}
.nav-menu .cat{display: block;padding-right: 15px;line-height: 38px;}
.nav-menu .cat a{background: url(http://www.citygf.com/images/index2014/ico-d.png) right 50% no-repeat;padding: 0 15px;}
.nav-menu .cat:hover{background-color: #0088c2;}
.nav-menu .sub{position: absolute;top: 38px;display: none;background:#fff;border:1px solid #cdcdcd;box-shadow:0 0 8px #cdcdcd;padding-bottom: 10px;}
.nav-menu .sub a{display: block;width: 100px;color: #585858;font-size: 12px;padding: 0 10px;line-height: 28px;}
.nav-menu .sub a:hover{color:#252525;background:#f2f2f2;}
.nav-menu .sub i{border-bottom: 1px dashed #dcdddd;display: block;}
.top-set{position: absolute;margin-left: 900px;}
.nav-site{background: #f9f9f9;padding-left: 10px;padding-bottom: 10px;}
.nav-site a{margin-left: 5px;margin-right:5px;display: inline-block;}
#storage{ position:absolute;}
.top-bar .layout{ margin:0 auto; height:38px; position:relative;}
.nav-menu .wxlist{width:330px;}
.nav-menu .wxlist li{float:left;width:110px;}
.nav-menu .wxlist a{padding:0 5px;}

.top-search{position: absolute;margin-left: 660px;_margin-top: 6px;font-size: 0;}
.top-search .keyword{width: 180px;height: 22px;vertical-align: middle;background: #e1f3fd;color: #8c9399;padding-left: 10px;line-height: 22px;border: 0;font-size: 14px;}
.top-search .submit{width: 30px;height: 24px;background: url(http://www.citygf.com/images/index2014/ico-s.png) 0 0 no-repeat;vertical-align: middle;border: 0;cursor: pointer; text-indent:-9999px;}

.topimg{ background:url(top.jpg) no-repeat 50% 0; padding-top: 500px;}

.nav{ background:#d01702; height:58px; overflow:hidden;}
.nav .layout{ overflow:hidden;}
.nav a{ color: #fff; font-size:22px; line-height: 58px; height:58px;/*width:16.66%;*/ width:auto; padding:0 30px;float: left; display: inline-block; text-align: center;}
/*.nav a:nth-child(3){ width: 35%;}
.nav a:nth-child(4){ width: 35%;}*/
.nav a:hover{ background: #b71a1f;}

.list{ overflow: hidden;}
.list li{width:538px;float: left;height: 85px;margin-right: 62px;margin-bottom: 18px;border-bottom: 1px solid #e9e9e9;}
.list li a{display: block; height: auto;line-height: 30px;font-size: 18px; font-weight: normal;background: url(xxjh_dot.jpg) no-repeat 3px 50%;padding-left: 26px;}
.list li p{ padding:10px 0 15px 0;}
.list li p.f12{ height:42px; overflow:hidden;}

.pic450{ float: left; overflow: hidden; position: relative; width: 450px; height: 260px;}
.pic450 .tit-m{ color: #fff; font-size: 16px; display: block; height: 40px; line-height: 40px; text-align: center; width: 100%;position: absolute;
left: 0;bottom: 0;}

.list5{ overflow: hidden;width:680px;float: right;}
.list5 li{width: 100%;border-bottom: 1px dashed #ccc;font-size: 18px;line-height: 51px;height: 52px;overflow: hidden;}
.list5 li a{display: block; height: auto;line-height: 50px;font-size: 18px; font-weight: normal;background: url(xxjh_dot.jpg) no-repeat 3px 50%;padding-left: 26px;}

.rg5 .pic450{ float: right;}
.rg5 .list5{ float: left;}

.firstBox{width: 1200px;display: flex; flex-direction: row;justify-content: space-between;align-items: flex-start;margin:15px auto;}
.firstBox .firstBoxItemtitle{display: none;}
.firstBox .swiper-container {
    width: 650px;
    height: 412px;
    margin-left: auto;
    margin-right: auto;
}
.firstBox .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.firstBox .swiper-container .tit-m{line-height:57px;width:650px;height:57px;margin-top:355px;background-color: rgba(0, 0, 0, 0.5);font-size: 18px; font-weight: normal;color: #fff; position: absolute; left: 0; bottom: 0;}
.firstBox .swiper-container a{ line-height: 0;}
.firstBox .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{text-align: right; bottom: 5px;}
.firstBox .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{background-color: #fff;}
.firstBox .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{background-color: #ffd302;}
.firstBox .swiper-button-next{background:url(tpgjdj_right.png) no-repeat 0 0; width: 27px; height: 47px; position: absolute; left: 10px; top: 175px; display: block;    left: auto;}
.firstBox .swiper-button-prev{background:url(tpgjdj_left.png) no-repeat 0 0;width: 27px; height: 47px;position: absolute;right: 10px; top: 175px; display: block;}
.firstBox .rightBox{width:490px;margin-right: 20px;}
.rightBoxTop{ height: 147px; overflow: hidden;}
.rightBoxTopTitle{font-size: 21px; color: #333333; font-weight: bold; line-height: 32px;}
.rightBoxTopContent{ font-size: 16px; color: #666; line-height: 28px; margin-top: 10px; padding-bottom: 10px; text-indent: 2em;height: 66px;}
.rightBoxTopContent a{ font-size: 16px; color: #d30306;}
.rightBoxBottom{margin-top:0px; overflow: hidden;}
.rightBoxBottom li{ width: 100%;border-bottom: 1px dashed #ccc;font-size:18px;line-height:51px;height: 52px;overflow: hidden;}
.rightBoxBottom li a{ color: #222;}
.rightBoxBottom li:before { content: ""; position: absolute; left: 0; top: 9px; width: 5px; height: 5px; background: #d30306; border-radius: 100%; }

.gdnews,.qgnews{ width: 50%; float: left;}
.gdnews .chnTit,.qgnews .chnTit{ background: url(tpdj_titBg.png) no-repeat 0 0; width: 130px; height: 31px; line-height: 31px; color: #fff; font-size: 18px; font-weight: 700; display: block; text-align: center;}
.gdnews .list,.qgnews .list{ margin-top: 15px;}

/*学党史*/
.rg6{}
.rg6 .mhd{ padding-bottom: 10px;}
.xdsDiv{background: url(fdbnl_xdsBg.png) no-repeat 50% 0; padding:55px; width: 1218px; margin: 0 auto; overflow: hidden;}
.xdsDiv .picList{ width: 760px; float: left; padding-right: 20px;}
.xdsDiv .picList li{ float: left; position: relative; margin: 0 23px 23px 0;width: 355px;height: 260px;}
.xdsDiv .picList li img{ border-radius: 5px;}
.xdsDiv .picList li .tit-m{ height: 42px; line-height: 42px; font-size: 16px; width: 100%; color: #fff; text-align: center; position: absolute; left: 0; bottom: 0;border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
.xdsDiv .titList{width: 425px;float: left;margin-bottom: 30px;}
.xdsDiv .titList li{ font-size: 18px; line-height: 40px; height: 40px;}
.xdsDiv .titList li a{ color: #282828;}
.xdsDiv .chnTit{  line-height: 40px; float: left; width: 425px;margin-top: -10px;margin-bottom: 10px;}
.xdsDiv .chnTit a.chn{ color: #d01702; font-size: 20px; font-weight: 700; border-bottom: 2px solid #d01702; display: block; float: left; width: 85px; text-align: center;}
.xdsDiv .chnTit a.more{ color: #979797;border-bottom: 2px solid #efefef; font-size: 14px;display: block; float: left;width: 335px;text-align: right;line-height: 26px; padding-top: 14px;padding-right: 5px;}

/* view.html */
.view-title{ text-align: center; font-weight: bold; font-size: 24px; padding: 10px;color: #434343;}
.view-source{ text-align: center; color: gray;font-size: 16px;}
.article{padding: 20px 15px;overflow: hidden; }
.cont{font-size: 16px;line-height: 1.8;padding: 10px;color: #434343;}
.cont img{ margin: 5px auto; border: none; max-width: 70%;}
.cont iframe{margin: 5px auto; border: none; max-width: 70%; }

/* page */
.page{ margin: 20px auto 0 auto;text-align: center;}
.page a,.page em{display: inline-block;border-radius: 2px;border: 1px solid #d01702;padding: 2px 10px;color: #717171; margin:2px; }
.page em{background: #d01702;color: #fff;}
.page a:hover{background: #d01702;color: #fff;text-decoration: none;}


.gNav{ padding-top: 20px;}
.gNav,.gNav a{ font-size: 23px; line-height:64px;width: 100%;}
/* .listDiv,.artDiv{ width: 100%; background: #fff; padding-bottom: 30px;margin-bottom: 34px; overflow: hidden;} */
.listDiv,.artDiv{ width: 1000px;
    background: #fff;
    margin: 30px auto;}
.listDiv .list{ overflow: hidden; width: 1000px; margin: 0 auto; }
.listDiv .list li{ float: left; width: 100%; border-bottom: 1px solid #eaeaea;  padding: 8px 0; height: auto; margin: 0;}
.listDiv .list li.item:last-child{ border-bottom: none;}
.listDiv .list li p{ padding: 5px 0;}
.listDiv .list li a{ display: block; line-height:1.8; color: #434343; font-size: 20px; font-weight: 700; overflow: hidden; padding: 0; background: none; }
.listDiv .list li a:hover{color: #c00;}
.listDiv .list li p.des{ padding:8px 0 26px 0; font-size: 16px; color: #6f6f6f;}


.phone {
  width: 314px;
  overflow: hidden;
  float: left;
  margin-right: 42px;
}
.phoneDiv {
  background: url(phone.png) 0 0 no-repeat;
  width: 294px;
  height: 555px;
  float: left;
  position: relative;
  padding: 66px 0 0 20px;
}
.phoneDiv .pic652{ width: 275px;}
.phoneDiv .pic652 li {
  width: 275px;
  height: 500px;
  /*margin-bottom: 16px;*/
  
}
.phoneDiv .pic652 li:last-child{ margin-top: 0;}
.phoneDiv .pic652 li img {
  width: 275px;
  height: 500px;
  border-radius: 5px;
}
.phoneDiv .pic652 .tit-m {
  top: 119px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.rmbd {
  width: 836px;
  float: left;
  /* padding-top: 160px; */
}
.rmbd .picDiv {
  overflow: hidden;
  width: 100%;
  /* display: none; */
}
.rmbdpic {
  overflow: hidden;
  width: 522px;
  height: 350px;
  position: relative;
  float: left;
}
.rmbdpic .pan,
.rmbdpic .item {
  overflow: hidden;
  width: 522px;
  height: 350px;
  position: absolute;
  left: 0;
  top: 0;
}
.rmbdpic .item img {
  width: 522px;
  height: 350px;
}
.rmbdpic .tit-m {
  line-height: 36px;
  width: 522px;
  height: 36px;
  margin-top: 314px;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  color: #fff;
}
.rmbdpic .tabs {
  position: absolute;
  z-index: 2;
  height: 6px;
  width: 70px;
  margin-top: 328px;
  right: 0;
}
.rmbdpic .tab {
  display: inline-block;
  width: 7px;
  height: 6px;
  margin-right: 6px;
  /*background: url(jtlh980_tabS.png) no-repeat 0 0;*/
}
.rmbdpic .on {
  /*background-image: url(jtlh980_tabSon.png);*/
}
.fsrb {
  width:305px;
  float: right;
}
.fsrb img {
  width:305px;
  height:168px;
}

.pic652 {
  width: 305px;
  clear: both;
  /* margin-top: 12px; */
  overflow: hidden;
  float: left;
}
.pic652 li {
  width: 305px;
  height: 168px;
  /* margin-top: 3px; */
  position: relative;
  float: left;
}
.pic652 li:last-child{ margin-top: 14px;}
.pic652 li img {
  width: 305px;
  height: 168px;
}
.pic652 .tit-m {
  font-size: 16px;
  line-height: 36px;
  height: 36px;
  position: absolute;
  left: 0;
  top: 132px;
  color: #fff;
  width: 100%;
  display: block;
  text-align: center;
}

.picTxt {
  width: 836px;
  overflow: hidden;
  float: left;
  margin: 15px 0 0 0;
}
.picTxt li {
  width: 100%;
  height: 105px;
  float: left;
  border-bottom: 1px solid #ff8679;
  padding: 15px 0;
}
.picTxt li img {
  width: 185px;
  height: 105px;
  margin-right: 28px;
}
.picTxt li p.tit {
  font-size: 23px;
  font-weight: 700;
  width: 500px;
  float: left;
  margin-top: -5px;
  padding-bottom: 5px;
}

.picTxt li p.tit a {
  color: #c81212;
}

.picTxt li p.des {
  font-size: 16px;
  color: #434343;
  font-weight: 700;
  line-height: 1.6;
  width: 623px;
  float: left;
}
.picTxt li:nth-child(2){ border-bottom: none;}

/*2021-6-3  越来越好*/
.ylyhDiv{ width: 1350px; margin: 0 auto;}
.db {display: block;}
.block-box-3{width:100%;}
.block-box-3 .block-1{width:100%;clear:both;height:100%;}
.block-box-3 .block-1 .title{width:51px;height:100%;}
.block-box-3 .block-1 .title img{width:51px;height:100%;}
.block-box-3 .block-1 .list{width:1349px;height:100%;overflow:hidden;position:relative;}
#zdContentPic{overflow:hidden;position: relative;width:90%;padding:20px 0;margin:0 auto;}
#zdContentPic img{width:100%;height:auto; display: block;}
#zdContentPic .swiper-slide{width:390px;height:432px;border:1px solid #ffe2b1; background: #fff;}
/* #zdContentPic .swiper-slide:hover{transition: 300ms;transform: scale(1);} */
.block-box-3 .block-1 .list .swiper-button-next1, .block-box-3 .block-1 .list .swiper-container-rtl .swiper-button-prev1{margin-top:0;width:32px;height:45px;background:url(fdbnl_right.png) no-repeat left top; position:absolute;top:200px;right:30px;outline:none;}
.block-box-3 .block-1 .list .swiper-button-prev1, .block-box-3 .block-1 .list .swiper-container-rtl .swiper-button-next1{margin-top:0;width:32px;height:45px;background:url(fdbnl_left.png) no-repeat left top;position:absolute;top:200px;left:15px;outline:none;}
.block-box-3 .block-1 .list .swiper-button-next1:after, .block-box-3 .block-1 .list .swiper-button-prev1:after{color:#898989;font-size:25px;outline:none;}
.block-box-3 .block-1 .list p{color:#333333;font-size:18px;margin-top:20px;padding:0 10px;line-height:28px;font-weight:bold;text-align:center;/*width:100%;*/height:auto; display:block;overflow:hidden;/*white-space:nowrap;text-overflow:ellipsis;*/}
.block-box-3 .block-1 .list p a{color:#333333;}
.block-box-3 .xmsd-r-doc{line-height:25px;font-size:14px;color:#666666;margin-top:20px;padding:0 10px;height:141px;}
.block-box-3 .xmsd-r-doc a{color:#f03b3b;font-size:14px;}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after,.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{content:'';}


.picMod{ width: 460px; float: left;}
.newsMod{ width: 680px; float: right; margin-top: -5px;}
.gdrgDiv .list li a {
    display: block;
    height: auto;
    line-height: 30px;
    font-size: 18px;
    font-weight: normal;
    background: url(xxjh_dot.jpg) no-repeat 3px 50%;
    padding-left: 26px;
    
}
.gdrgDiv .list li {
    width: 680px;
    float: left;
    height: 97px;
    margin-right: 62px;
    margin-bottom: 0;
}
.gdrgDiv .focus-pic .item .f22{
    height:auto;
    line-height: 30px;
    font-size: 18px;
    font-weight: normal;
    color: #242424;
    background: url(xxjh_dot.jpg) no-repeat 3px 50%;
    padding-left: 26px;
}
.gdrgDiv .swiper-container7 .swiper-slide{
    overflow: hidden;
    width: 460px;
    height: 318px;
}
.gdrgDiv .swiper-container7 {
    width: 460px;
    height: 318px;
    position: relative;
    overflow: hidden;
}
.gdrgDiv .swiper-container-horizontal>.swiper-pagination-bullets{
	z-index: 2;
	position: absolute;
    text-align: center;
    bottom: 4px;
}
.gdrgDiv .swiper-pagination-bullet{
	background: #fff;
	opacity: 0.8;
}
.gdrgDiv .swiper-pagination-bullet-active{
	background: #ed0310;
}
.gdrgDiv .cl .list li {
    height: auto;
    border-bottom: 1px solid #e9e9e9;
}
.gdrgDiv .newsMod .list li{
    height: auto;
    border-bottom: 1px solid #e9e9e9;
}
.gdrgDiv .newsMod .list li:nth-child(1){padding: 0 0 12px}
.gdrgDiv .newsMod .list li{padding: 12px 0}

.gdrgDiv .cl .list li:nth-child(1){padding: 12px 0; width: 460px;}
.gdrgDiv .cl .list li{padding: 12px 0}