html{
   overflow: auto;
}
body{
   background-color: #f7f7f7;
   font-size: 14px;
}
@media (min-width: 992px) {
   body{
    font-size: 16px;
   }
}
@media (min-width: 1480px){
   .container {
      width: 1440px;
   }
}
.container-main{
   padding-bottom: 30px;
}
.text-blue{
   color: #36bef0;
}
/**

*联系我们*

**/
.h-ctc-nav-ico1{
   background-image: url(../img/h_nav_ctc1.png);
}
.h-ctc-nav-ico2{
   background-image: url(../img/h_nav_ctc2.png);
}
.h-ctc-nav-ico3{
   background-image: url(../img/h_nav_ctc3.png);
}
.h-ctc-nav-ico4{
   background-image: url(../img/h_nav_ctc4.png);
}

.h-contact-list{
   background-color: #fff;
}
.h-contact-list ul{
   margin: 0 20px;
}
.h-contact-li{
   position: relative;
   padding: 10px 10px 15px 50px;
   border-bottom: 1px solid #e7e7e7;
   font-size: 16px;
  
}
.h-contact-li:last-child{
   border: none;
}
.h-contact-li .ico{
    position: absolute;
    left: 0;
    top: 12px;
    display: block;
    width: 32px;
    height: 32px;
    background-position: 0 0;
    background-size: 100% 100%
}
.h-contact-li .addr{
   background-image: url(../img/h_ctc_ico1.png);
}
.h-contact-li .tel{
   background-image: url(../img/h_ctc_ico2.png);
}
.h-contact-li .fax{
   background-image: url(../img/h_ctc_ico3.png);
}
.h-contact-li .mail{
   background-image: url(../img/h_ctc_ico4.png);
}
.h-contact-li .txt{
   color: #888;
}

.baidumap{
   width: 100%;
   height: 400px;
   margin-top: 20px;
}

/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width: 992px) {
   .container-main{
       padding-bottom: 100px;
   }
   .h-contact-list ul{
       float: left;
       margin-left: 15%;
       padding: 10px 0;
   }
   .h-contact-li{
       padding: 25px 10px 25px 50px;
   }
   .h-contact-li .ico{
       top: 22px;
   }
   .baidumap{
       margin-top: 0;
   }
}

/**

*友情链接*

**/
.h-links-list{
   margin: 0 -10px 20px;
}
.h-links-item{
   height: 74px;
   line-height: 70px;
   margin: 8px -4px;
   vertical-align: middle;
   background-color: #fff;
   text-align: center;
   box-shadow: 0 0 5px rgba(0,0,0,.15);
   transition:all 0.3s;
}
.h-links-item img{
   vertical-align: middle;
   max-width: 100%;
   max-height: 100%;
}
.h-links-item:hover{
   box-shadow: 0 10px 30px -10px rgba(0,0,0,.4);
}
/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width: 992px) {
   .h-links-item{
      height: 144px;
      line-height: 140px;
      margin: 30px -4px 0 -4px;
   }

}


/**

*法律声明*

**/
.h-legal-content{
   background-color: #fff;
   padding: 40px 0 50px;
   color: #666;
   line-height: 1.625;
}
.h-legal-content .h3{
   font-size: 20px;
   margin: 0;
}
/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width: 992px) {
   .h-legal-content{
      padding: 58px 0 90px;
   }
   .h-legal-content .h3{
       margin-top: 20px;
       margin-bottom: 10px;
   }
}

/**

*二维码*

**/

.h-code-item{
   background-color: #fff;
   margin-bottom: 20px;
   box-shadow: 0 0 5px rgba(0,0,0,.15);
   transition:all 0.3s;5;
}

.h-code-img{
   padding: 15px 0;
   border-bottom: 1px solid #f6f6f6;
   text-align: center;
}

.h-code-tit{
   text-align: center;
   font-size: 16px;
   padding: 20px;
}


/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width: 992px) {
   .h-code-main{
      background: url(../img/h_code_bg.jpg) no-repeat right bottom;
      background-size: auto 76%
   }
   .h-code-list{
      margin-top: 60px;
   }
   .h-code-img{
       padding: 10px 0;
   }
   .h-code-tit{
       padding: 15px;
   }
   
}
/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width: 1200px) { 
   .h-code-img{
       padding: 20px 0;
   }
   .h-code-tit{
      font-size: 18px;
      padding: 20px;
   }
}
@media (min-width: 1480px){
   .h-code-img{
       padding: 40px 0;
   }
}



/**

*党建工作*

**/
.h-nav-red:hover,.h-nav-red.cur{
   background-color: #da242b!important;
}

.h-ccp-nav-ico1{
   background-image: url(../img/h_nav_ccp1.png);
}
.h-ccp-nav-ico2{
   background-image: url(../img/h_nav_ccp2.png);
}
.h-ccp-nav-ico3{
   background-image: url(../img/h_nav_ccp3.png);
}
.h-ccp-nav-ico4{
   background-image: url(../img/h_nav_ctc3.png);
}
/**

*党建品牌*

**/
.h-brand-hd{
   background-color: #fff;
   border-radius: 0 3px 5px rgba(0,0,0,.2);
}
.h-brand-bar{
   padding-top: 30px;
   height: 180px;
   text-align: center;
   border-left: 1px solid #e8e8e8;
   border-bottom: 1px solid #e8e8e8;
   transition:all 0.3s;
}
.h-brand-bar:hover{
   box-shadow: 0 0 10px rgba(0,0,0,.1);
}
.h-brand-bar .ico{
   display: inline-block;
   width: 60px;
   height: 60px;
   background-image: url(../img/h_brand_icon.png);
   background-repeat: no-repeat;
   background-size: 400% 200%;
}
.h-brand-ico1{
   background-position: 0 0;
}
.h-brand-bar:hover .h-brand-ico1{
   background-position: 0 100%;
}
.h-brand-ico2{
   background-position: 33% 0 ;
}
.h-brand-bar:hover .h-brand-ico2{
   background-position: 33% 100%;
}
.h-brand-ico3{
   background-position: 67% 0;
}
.h-brand-bar:hover .h-brand-ico3{
   background-position: 67% 100%;
}
.h-brand-ico4{
   background-position: 100% 0;
}
.h-brand-bar:hover .h-brand-ico4{
   background-position: 100% 100%;
}
.h-brand-bar:hover .tit{
   color: #da242b;
}
.h-brand-bar .tit{
   font-size: 16px;
   color: #333;
   margin: 10px 0 5px;
}
.h-brand-bar .txt{
   font-size: 12px;
   color: #666;
}
.h-brand-item{
   margin-top: 20px;
   background-color: #fff;
   box-shadow: 0 1px 3px rgba(0,0,0,.1);
   transition: all 0.3s;
}

.h-brand-item .img{
   position: relative;
   overflow: hidden;
   height: auto;
   /*background-position: center;
   background-size: cover;*/
}
.h-brand-item .img img{
   width: 100%;
}
.h-brand-item .cont{
   padding: 20px 30px 12px;
}
.h-brand-item .tit{
   position: relative;
   font-size: 18px;
   color: #000;
   line-height: 30px;
   height: 60px;
   overflow: hidden;
   transition: all 0.3s;
}
.h-brand-item .txt{
   position: relative;
   color: #666;
   line-height: 28px;
   height: 56px;
   overflow: hidden;
   font-size: 14px;
}
.h-brand-item .ft{
   border-top: 2px solid #ececec;
   line-height: 52px;
   padding: 0 30px; 
   color: #999;
   font-size: 14px;
}
.h-brand-item:hover{
   box-shadow:  0 10px 30px -10px rgba(0,0,0,.4);

}
.h-brand-item:hover .tit{
   color: #da242b;
}
/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width: 992px) {
   .h-brand-hd{
      margin: 60px 0 30px;
   }
   .h-brand-item{
      margin-top: 40px;
   }
   .h-brand-bar .ico{
      width: 90px;
      height: 90px;

   }
   .h-brand-bar{
      padding-top: 40px;
      height: 238px;
   }
   .h-brand-bar .tit{
      font-size: 20px;
   }
   .h-brand-bar .txt{
      font-size: 14px;
   }
   .h-brand-item .img{
      height: 250px;
   }
}
@media (min-width: 1200px) { 
   .h-brand-bar{
      padding-top: 60px;
      height: 250px;
   }
   .h-brand-bar .tit{
      margin: 20px 0 15px;
   }
}
@media (min-width: 1480px){
   .h-brand-bar{
      padding-top: 60px;
      height: 280px;
   }
   .h-brand-bar .tit{
      margin: 25px 0 20px;
   }
   .h-brand-item .img{
      height: 310px;
   }
}


/**

*先锋故事*

**/
.h-story-container{
   padding: 50px 0 ;
   margin: 0 -15px;
}
.h-story-slide {
   position: relative;
   width: 100%;
   padding: 4px;
   background-color: #eee;
   box-shadow: 0 5px 10px rgba(0,0,0,.1);
}
.h-story-slide .img{
   width: 100%;
}
.h-story-slide img{
   width: 100%;
}
.h-story-slide .tit{
   padding: 5px;
   font-size: 10px;
}
.h-story-slide .view{
   position: absolute;
   width: 14px;
   height: 14px;
   right: 10px;
   bottom: 10px;
   font-size: 12px;
   
   background-size: 14px 14px;
   background: url(../img/h_ccp_icon1.png) no-repeat 0 center;
   color: transparent;
   overflow: hidden;
}
.h-story-container .swiper-slide{
   opacity: .5;
   min-height: auto;
   transition: transform 0.3s;
}
.h-story-container .swiper-slide-active{
   z-index: 2;
   transform: scale(1.3);
   opacity: 1;
}
.h-story-container .swiper-slide-active .h-story-slide{
   background-color: #fff;
}
.h-story-next,.h-story-prev{
   display: none;
}

@media (min-width: 992px) {
   .h-story-container{
      margin: 0 auto;
      padding: 110px 0 90px;
   }
   .h-story-slide {
      padding: 9px;
      box-shadow: 0 15px 30px rgba(0,0,0,.1);
   }
   .h-story-slide .tit{
      padding: 20px 100px 10px 15px;
      font-size: 12px;
   }
   .h-story-slide .view{
      width: auto;
      padding-left: 28px;
      right: 28px;
      bottom: 20px;
      line-height: 18px;
      height: auto;
      padding-left: 28px;
      color: #666;
   }
   .h-story-next,.h-story-prev{
      display: block;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      background: #fff;
      color: #666;
      box-shadow: 0 20px 35px rgba(0,0,0,.1);
      text-align: center;
      line-height: 60px;
      font-size: 30px;
      font-weight: 100;
      font-family: '宋体';
      transition:all 0.3s;
   }
   .h-story-next{
      right: 30px;
   }
   .h-story-prev{
      left: 30px;
   }
   .h-story-next:hover,.h-story-prev:hover{
      background-color: #36bef0;
      color: #fff;
   }
   .h-story-next.swiper-button-disabled, .h-story-prev.swiper-button-disabled{
      background-color: #fff;
      color: #666;
      cursor: default;
   }
}

@media (max-width: 500px) {
   .h-brand-bar .txt{
     padding: 0 6%;
   }
   .h-brand-item .cont{
      padding: 15px;
   }
   .h-contact-li{
      padding: 10px 10px 15px 50px;
   }
}