/*swiper*/
.banner {
  width: 100%!important;
  height: 104vw;
  position: relative;
}
.swiper-container {
    width: 100%;
    height: 100%;
    position: relative;
}
/* 分页器 */
#fyq{
    position: absolute;
    bottom: 6vw;
}
#fyq span{
    width: 8vw;
    height: 0.4vw;
    background: rgba(255, 255, 255);
}
.swiper-slide {
    text-align: center;
    background: #F2F2F3;
    position: absolute;
}
.swiper-slide img{
  width: 100%;
  height: 100%;
}
.swiper-slide .imgTil{
  width: 100%;
  height: 26vw;
  position: absolute;
  top: 30vw;
}
.swiper-slide .imgTil h2{
  height: 10.6vw;
  display: inline-block;
  font-size: 6.4vw;
  font-weight: normal;
  position: relative;
  color: #fff;
  border-bottom: 1px solid rgba(202, 202, 202, 0.2);
}
.imgTil h2>div{
  position: absolute;
  bottom: -0.6vw;
  left: 50%;
  transform: translateX(-50%);
  width: 6vw;
  height: 0.8vw;
  background: #fff;
}
.swiper-slide .imgTil h4{
  margin-top: 2.4vw;
  color: #E8E7E8;
  font-size: 3.6vw;
}
/*智慧党建*/
.gg-biaoti {
    height: 10vw;
    text-align: center;
    margin-top: 6vw;

}
.title{
  font-size: 4.8vw;
  color: #000;
   margin-bottom: 2.5vw;
}
.jianjie {
    margin-top: 1.6vw;
    font-size: 3vw;
    color:#858686;
}
.titles{
  font-size: 5vw;
   margin-bottom: 2.5vw;
   padding-top: 7vw;

}
.jianjies {
    font-size: 3vw;
}
.dangjian-img{
  width: 100%;
  height: 45vw;
  position: relative;
}
.dangjian-img img{ 
  width: 100%;
  height: 100%;
}
.write{
    width: 97%;
    text-align: center;
    position: absolute;
    top: 10vw;
    color: #efeeee;
    font-size: 3.5vw;
    left: 2.5vw;
    line-height: 6.2vw;
}
.xian{
    border-top: 1px solid #EAD7CD;
    margin-top: 5vw;
    width: 87%;
    margin-left: 5vw;
    margin-bottom: 2vw;
}
.write a{
  color: #EC363F;
  display: block;
  width: 19.5vw;
  height: 6.9vw;
  background: #fff;
  border-radius: 20px;
  text-align: center;
  line-height: 6.6vw;
  margin-left: 40%;
  margin-top: 4vw;
  font-size: 3.3vw;
}
/*定制开发*/
.kuan{
  /*padding-bottom: 0;*/
}
.dingzhi-kaifa{
  width: 100%;
  /*background: url("../images/4.jpg") no-repeat;*/
  background-size: 100% 100%;
  height: 150vw;
}
.dingzhi-kaifa .gg-biaoti{
  margin-top: 0;
}
.mt{
  margin-top: 7vw;
}
.dingzhi-kaifa .write{
  margin-top: 2vw;
}
.dangjianli{
  text-align: center;
  padding-top: 8vw;
}
.dangjianli h3,h4{
  font-weight: normal;
}
.dangjianli img{
    width: 7vw;
    height: 8vw;
}
.dangjianli h3{
  color: #000;
  font-size: 4vw;
  margin-top: 2vw;
  margin-bottom: 2vw;
}
.dangjianli h4{
  color: #999999;
  font-size: 3vw;
  margin-top: 2.4vw;
  line-height: 5vw;
}
.dangjianli li:first-child{
  margin-bottom: 2vw;
}
.dangjianli li:nth-child(2){
  margin-bottom: 2vw;
}
.dangjianli li{
  width: 50%;
  height: 28vw;
}
.dangjianli li:nth-child(2) img{
 width: 11vw;
 margin-left: 5.5vw;
}
.kaifa-fenlei ul li {
    width: 47.5%;
    height: 30.6vw;
    background: #fff;
    text-align: center;
    margin-top: 4vw;
}
.kaifa-fenlei ul li a{
  display: block;
  width: 100%;
  height: 100%;
}
.kaifa-fenlei ul li:nth-child(odd){
  margin-right: 4.5vw;
}
.kaifa-fenlei li img{
     width: 6.5vw;
    height: 7vw;
    margin-top: 8vw;
    margin-bottom: 2vw;
}
.kaifa-fenlei li:nth-child(1) img{
    height: 6.4vw;
    width: 7.3vw;
}
.kaifa-fenlei li h4{
  font-size: 4vw;
  color: #383838;
}
/*客户案例*/
.kehu-anli{
  width: 100%;
  background:#fff;
  height: 145vw;
  padding-top: 1vw;
}
.kehu-anlibg{
  background: #F4F4F4;
}
.chanpinzhanshi-c{
    height: 15vw;
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
}
.chanpinzhanshi-c span{
   display: block;
    width: 22vw;
    height: 9vw;
    text-align: center;
    line-height: 9vw;
    border-radius: 20px;
    font-size: 3vw;
    border: 1px solid #dddada;
}
.active{
    background: #EE7125;
    color: #fff;
    border: none;
}
.zhdj,.dzkf,.xls,.gdwz{
  width: 100%;
  height: 80vw;
  text-align: center;
}
.zhdj a,.dzkf a,.xls a,.gdwz a{
  width: 100%;
  height: 100%;
  display: block;
}
#boxQh img{
  width: 100%;
  height: 55vw;

}
#boxQh h4{
     font-size: 4.3vw;
    color: #383838;
    margin-top: 5vw;
}

/* 轮播 */
#boxQh .swiper-container {
    width: 100%;
    height: 94%;
    position: relative;
}  
#boxQh .swiper-pagination{
  width: 100%;
  height: 10vw;
  position: absolute;
  bottom: -5vw;
}
#boxQh .swiper-pagination span{
  height: 2vw;
  width: 2vw;
  border-radius: 50%;
  margin: 0 2vw;
}
#boxQh .swiper-pagination-bullet-active{
  background: #000;
}

#kehu-more .kehu-more{
    text-align: right;
}

.kehu-more a{
    display: none;
}
.kehu-more a:first-child{
    display: block;
}

.kehu-more a{
    width: 22vw;
    height: 7vw;
    text-align: center;
    line-height: 7vw;
    border-radius: 20px;
    font-size: 3vw;
    background: rgba(204, 204, 204, 0.3);
    float: right;
    margin-top: 4vw;
}
}
/*新闻中心*/
.news-c{
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.news-c > div{
   float: left;
    display: block;
    width: 26vw;
    height: 8vw;
    margin-right: 6.3vw;
    margin-bottom: 3vw;
    text-align: center;
    line-height: 8vw;
    border-radius: 20px;
    font-size: 3vw;
    border: 1px solid #dddada;
}
.news-c > div:nth-child(3n){
  margin-right: 0;
}
.box-xinwen ul li{
    /*height: 13vw;*/
    border-bottom: 1px solid #e9e9e9;
    line-height: 13vw;
    font-size: 4vw;
}
.box-xinwen > div{
  color: #151515;
  padding-bottom:15vw;
}
/* .box-xinwen span{
  color: #999999;
} */
.box-xinwen li a{
  color: #000;
}
.box-xinwen li a span{
  color: #909090;
}
.box-xinwen .more{
	width: 22vw;
	height: 7vw;
	text-align: center;
	line-height: 7vw;
	border-radius: 20px;
	font-size: 3vw;
	background: rgba(204, 204, 204, 0.3);
  	float:right;
  	margin-top:4vw;
}
.box-xinwen .more a{
	display: block;
	width: 100%;
	height: 100%;
}

/*首页智慧党建部分*/
.zhdj-menu{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 1rem;
}

.zhdj-menu .zhdj-item{
    width: 32%;
    height: auto;
    box-sizing: border-box;
    padding: 10px 15px;
    text-align: center;
    margin-bottom: 15px;
    background: white;
}
.zhdj-items{
    width: 24%;
    height: auto;
    box-sizing: border-box;
    padding: 15px ;
    text-align: center;
    margin-bottom: 6px;
    background: white;
}
.zhdj-items img{
    width: 50%;
    height: auto;
}

.zhdj-items p{
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 500;
    margin-top: 5px;
    color: #333333;
    line-height: 15px;
    margin-bottom: 6px;
}

.zhdj-item img{
    width: 50%;
    height: auto;
}

.zhdj-item p{
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #333333;
    line-height: 30px;
}


.gbgl_box{
    background: #F5F5F5;
    width: 100%;
    padding: 30px 0 10px;
}
.title{
    font-family: Microsoft YaHei;
}
.gbgl_title{
    font-weight: bold;
    font-size: 4.8vw;
    text-align: center;
    margin-bottom: 2vw;
    color: #333333;
}
.gbgl_con{
    font-family: Microsoft YaHei;
    font-weight: 400; 
    color: #333333;
    text-align: center;
   font-size: 2.7vw;
}
.gbgl_menu{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0.2rem 1rem 1rem;
}
.gbgl_item{
    width: 24%;
    height: 7rem;
    padding: 18px 4px 15px;
    box-sizing: border-box;
    text-align: center;
    margin-bottom: 5px;
    background: white;
}
.gbgl_item img{
    width: 3rem;
}
.gbgl_item p{
    width: 100%;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 3vw;
    color: #333333; 
    margin: 4px 0 0!important;
    line-height: 4vw;
}
.gbgl_items{
    width: 32%;
    height: 7rem;
    padding: 18px 16px 15px;
    box-sizing: border-box;
    text-align: center;
    margin-bottom: 5px;
    background: white;
}
.gbgl_items img{
    width: 3rem;
}
.gbgl_items p{
    width: 100%;
    font-family: Microsoft YaHei;
    font-weight: 500;
    font-size: 3.2vw;
    color: #333333; 
    margin: 4px 0 0!important;
    line-height: 4vw;
}
.twkt_box{
   background: url("../../newImages/h5/zhgh_02.jpg") no-repeat;
  background-size: 100% 100%;
  width: 100%;
      padding: 30px 0 10px;
}
.hxys_box{
    padding: 30px 0 10px;
}
.hxys_box_til{
    font-family: Microsoft YaHei;
    font-size: 4.8vw;
    color: #000;
    margin-bottom: 6.5vw;
    text-align: center;
}
.hxys_menu{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0.2rem 1rem 1rem;
}
.hxys_item{
    background: #FFFFFF;
    box-shadow: 0px 5px 15px 0px #E8ECEF;
    width: 49%;
    height: 16rem;
    padding: 18px 4px 15px;
    box-sizing: border-box;
    margin-bottom: 15px;
    background: white; 
}
.hxys_item_til{
    font-weight: 400;
    font-size: 1rem;
    font-family: Microsoft YaHei;
    color: #000000;
    text-align: center;
}
.hxys_item img{
    width: 100%;
    height: 6.2rem;
    margin: 0.6rem 0;
}
.hxys_item_con{
    font-weight: 400;
    font-size: 0.85rem;
    font-family: Microsoft YaHei;
    color: #7F8285;
}