@charset "utf-8";
/* CSS Document */

body,div,img,form,input,ul,li,h1,h2,a,span{margin: 0; padding: 0; border: none; box-sizing: border-box;}
ul,li{list-style: none;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
body,input,h1,h2{font-family: "微软雅黑", "黑体"; font-size: 16px; line-height: 30px; font-weight: normal;}
body{background: #fff; margin: 0 auto;}
a{color: #000; text-decoration: none;}
a:hover{color: #D92636;}
.left{float: left;}
.right{float: right;}
.clearfix:after{content: ""; display: block; visibility: hidden; clear: both;}
.none{display:none}

.heide {height: 30px; background-color: #000000; z-index: 0; position: relative; filter: alpha(opacity=50); opacity: 0.5; margin-top: -39px;}
.wz {z-index: 1;height: 30px; font-size: 14px; line-height: 30px;position: relative;text-align: left; color: #FFFFFF;text-align: center;margin-top: -30px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.wz a, .wz a:visited {color: #FFFFFF;}

/* 轮播 */
.jdt-data ul,.jdt-dian li{list-style:none; box-sizing: content-box;}  /* 一定要写，不然点看不见 */
.jdt-dian li em{display:block; background:#666666;}
.jdt-dian li.on em{background:#d50100;}
.touming{background:url(f_34.png;vpn_img); text-align:center; color:#ffffff;}
.tvOff{position:absolute; width:16px; height:16px; background:url(tv.png;vpn_img) no-repeat right top; top:0px; right:-16px; cursor:pointer;}


.container { min-width: 750px; width: 1200px; margin: 0 auto;}


.title { width: 100%; height: 38px; background: url(fz_06.png;vpn_img) no-repeat left bottom;}
.title img { float: left; margin: 5px 7px;}
.title h3 { float: left; margin: 0; font-size: 24px; font-weight: bold; color: #cc1001;}
.title h3 a{color: #cc1001;}
.title-nobg { background: none; margin-top: 37px;}
.title-blue h3 { color: #1e50a8;}
.title-blue h3 a{color: #1e50a8;}

.more { text-align: right; clear: both;}
.more a { font-size: 18px; color: #9d9d9d; line-height: 36px;}
.more-noclear { clear: none;}

.border { height: 100px; background: url(fz_07.png;vpn_img) no-repeat center center;}
.border-less { height: 44px; background: url(fz_07.png;vpn_img) no-repeat center 15px;}
.border-view { height: 40px; background: url(fz_07.png;vpn_img) no-repeat left 5px; background-size: 100% auto;}

/* header */
.header { height: 142px;}
.logo { width: 33%;}
.logo img { width: 70%; height: auto; padding-left: 30px; padding-top: 46px;}

.search-wrap { width: 33%; margin: 0 auto;}
.search { width: 69%; height: 35px; border-radius: 30px; border: #cc1001 1px solid; padding-left: 14px; padding-top: 1px; margin: 61px auto 0 auto;}
.q { height: 26px; width: 73%; background: none; line-height: 25px; font-size: 15px; outline: none;}
.s { height: 25px; width: 21%; background: #cc1001; color: #fff; text-align: center; border-radius: 30px; line-height: 25px; font-size: 15px;}

.else-wrap { width: 33%;}
.else { width: 300px; float: right; margin-top: 46px; margin-right: 27px;}
.else li { width: 150px; float: left;}
.else li.a { background: url(fjrblogo.png;vpn_img) no-repeat -1px center; padding-left: 52px;}
.else li.b { background: url(xfjlogo.png;vpn_img) no-repeat left center; padding-left: 50px;}
.else li.c { background: url(sj.png;vpn_img) no-repeat left center; padding-left: 52px;}
.else li.d { background: url(f_16.jpg;vpn_img) no-repeat left center; padding-left: 20px;}



/* ad */
.ad { width: 100%; height: 121px; background: gray; margin: 21px 0;}
.ad iframe,.ad iframe body a img{width: 100% !important; height: 100% !important;}

/* label */
.label { width: 100%; text-align: center; margin-bottom: 50px;}
.label h3 { font-size: 40px; font-weight: bold; line-height: 48px; margin: 20px; }
.label h3 a{color: #000;}
.label p { font-size: 16px; line-height: 25px; text-indent: 2em; text-align: justify;}
.label h3 a:hover, .label p a:hover{color: #CA0000;}
.label a{ color: #ea0020;}

/* 焦点新闻 */
.focus-l { width: 46%;}
.focus-list { margin-top: 10px;}
.focus-list ul li { background: url(fz_05.png;vpn_img) no-repeat 18px center; padding-left: 40px; font-size: 18px; line-height: 46px; cursor: pointer; transition: all .3s;}
.focus-list ul li a{ width:100%;  white-space: nowrap; text-overflow: ellipsis; overflow:hidden; display:block}
.focus-list ul li:hover{ transform: translateX(7px); color: #ea0020; font-weight: 900;  }
.focus-list ul li:hover a{ color: #ea0020;  }



.focus-r { width: 50%;}

/* 图的大小 -> width: 640px; height: 360px */
.carousel1{width: 100%; height: 100%; background-color: #FFFFFF; padding: 5px; position: relative; overflow: hidden;}
.swiper {
    width: 100%;
    height: auto;
  }

  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
  }

  .swiper .swiper-slide {
    height: 100%;
    /* line-height: 336px; */
  }
  .swiper .swiper-slide img{
    width: 100%;
    height: 330px;
    object-fit: cover;
  }


.img-block { width: 48%;}
.img-title { float: left; line-height: 0; margin-left: 15px; margin-right: 9px;}
.img-title img { width: 65px;}
.img-img { line-height: 0; float: left;}
.img-img img { width: 225px; height: 145px; margin: 8px 0px 8px 15px; }   /* 225 145 */





/* 区县速递 */
.tab { width: 92%; height: 127px; background: url(fz_08.png;vpn_img) no-repeat left top; margin: 42px auto 0 auto; padding: 0 12px;}
.tab ul li { float: left;  width: 8%; height: 49px; font-size: 24px; color: #1e50a8; text-align: center; line-height: 2; border-radius: 25px; margin: 0 16.5px 29px 16.5px; cursor: pointer;}
.tab ul li a { color: #1e50a8;}
.tab ul li.select { background: #1e50a8; color: #fff;}
.tab ul li.select a{ color: #fff;}


.qx { margin-bottom: 80px; display: none;}
.qx.show { display: block;}
.qx-list { width: 50%;}
.qx-list ul { margin-left: 55px;}
.qx-list ul li { background: url(fz_05.png;vpn_img) no-repeat 18px center; padding-left: 50px; font-size: 18px; line-height: 46px;}


/* 有福之州 */
.fz { width: 45%;}
.fz-list { margin-bottom: 30px;}
.fz-list ul { margin-top: 15px; margin-left: 10px;}
.fz-list ul li { background: url(fz_05.png;vpn_img) no-repeat 18px center; padding-left: 50px; font-size: 18px; line-height: 46px;}


/* 部门动态 */
.dept { width: 45%;}
.dept-list { margin-bottom: 30px;}
.dept-list ul { margin-top: 15px; margin-left: 10px;}
.dept-list ul li { background: url(fz_05.png;vpn_img) no-repeat 18px center; padding-left: 50px; font-size: 18px; line-height: 46px;}


/* 视觉福州 */
.view { width: 100%; margin: 0 auto;}
.bg { width: 60%; }
.bg-img { width: 100%; padding-bottom: 15px; line-height: 0;}
.bg-img img { width: 100%; height: 100%;}
.sm { width: 38%;}
.sm-img { width: 100%; padding-bottom: 28px; line-height: 0;}
.sm-img:last-child{padding-bottom: 0;}
.sm-img img { width: 100%; height: 100%;}
.view-swiper { display: none; width: 90%; margin: 0 auto;}
.view-slide { width: 100%;}
.view-slide img { width: 100%; height: auto;}



/* footer */
.footer { height: 490px; padding:80px 0px; text-align: center;}
.bot{text-align:center; background:#ffffff; padding:45px 0; display:none;}

.swiper-container-horizontal>.swiper-pagination-bullets{
    bottom: 12% !important;
  }

  @media screen and (max-width: 1920px) {
    .bg-img { width: 100%; height: 440px; overflow: hidden;}
    .sm-img { width: 100%; height: 288px; overflow: hidden;}
    .bg-img img, .sm-img img{object-fit: cover;} 

  }

@media screen and (max-width: 1340px) {
     .container { width: 1200px; }
     
}
@media screen and (max-width: 1200px) { 
 
  .bg-img { height: 37vw; padding-bottom: 3.4%;}
  .sm-img { height: 24vw; padding-bottom: 9.7%;}
	.footer{display:none;}
	.bot{display:block;}
    .carousel1{width: 100%; height: 100%; }
    li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
    .container { width: 90%; }
    .more a { font-size: 16px; line-height: 25px;}

    .swiper .swiper-slide img{ height: 285px;}

    .logo img { width: 240px; height: auto; padding-left: 15px; }
    .logo-wrap { width: 37%;}
    .search-wrap { width: 40%;}
    .else-wrap { width: 23%; float: right;}
    .else { width: 100%; margin-top: 17px; margin-right: 0; }
    .else li { width: 135px; margin-left: 25%;}

    .focus-list ul li { font-size: 17px; line-height: 33px;}

    .img-title { width: 10%; margin-left: 5px; margin-right: 11px;}
    .img-title img { width: 100%;}
    .img-img { width: 42%; height: 21vw; min-height: 183px; margin-right: 10px; overflow: hidden;}
    .img-img img { width: 100%; height: 100%; object-fit: cover;} 
    .img-block{width: 100%;}


    .tab ul li { width: 54px; font-size: 22px; height: 45px; margin: 0 14px 35px 14px; overflow: inherit;}
    .tab ul li:last-of-type { width: 72px;}
    .qx { padding: 0 20px;}
    .qx-list ul { margin-left: 25px;}

    .bg{width: 60%;}
    .sm{width: 37.5%;}

    .swiper-container-horizontal>.swiper-pagination-bullets{
        bottom: 15% !important;
      }

}

@media screen and (min-width: 751px) {
    .nav_PC, .else-wrap{display: block;}
    .header01,.btn01{display: none;}
    /* nav */
    .nav { width: 100%; height: auto; background: #1e50a8;}
    .nav_PC .nav ul{width: 100% !important;}
    .nav ul li { float: left; width: 150px; text-align: center;}
    .nav ul li a { font-size: 18px; color: #fff; line-height: 45px;}
    .heide {height: 35px;  margin-top: -42px;}
    .wz {height: 35px; font-size: 20px; line-height: 35px; margin-top: -35px; padding: 0 25px;}
	
}

@media screen and (max-width: 750px) { 

    .heide {height: 45px;  margin-top: -52px;}
    .wz {height: 45px; font-size: 25px; line-height: 45px; margin-top: -45px; padding: 0 25px;}


    .container { width: 100%; padding: 0;}
    .container:not(.container:nth-child(-n+4)){padding: 0 10px;}
    /* .header { height: 115px; background: url(logo.png;vpn_img) no-repeat center center;} */
    .label {padding: 0 25px;}
    .label h3{line-height: 55px;}
    .label p { font-size: 24px; line-height: 35px; }

    .nav_PC, .else-wrap, .search-wrap{display: none;}
    .header01{display: block;}
    .header{height: 180px;}

    .swiper .swiper-slide img{ height: 404px;}

    .logo{margin: 0 auto;}
    .logo.left{float: none;}
    .logo img { padding-top: 15px;}

    .nav { padding: 0 5%}
    .focus-list {padding-right: 10px;}
    .more{margin-top: 10px;}
    .more a{font-size: 30px;}
    
	
    .focus-l { width: 100%; float: inherit; margin: 0 auto; margin-top: 20px;}
    .focus-r { width: 100%; float: inherit; margin: 0 auto; margin-top: 20px;}
    .img-block { width: 100%; float: initial; margin: 0 auto 10px;}
	.img-img{margin-bottom: 10px;}
	
	.title-nobg {margin-top: 0px;}
	
    .carousel1{width: 100%; height: 100%;}
    .touming{height: 60px !important; font-size: 26px !important; line-height: 60px !important;}
    .jdt-dian{ top: 326px !important; }

    .title{height: 54px; margin-bottom: 15px;}
    .title h3{font-size: 40px;}


    .tab { width: 92%; height: 211px; background: url(fz_08.png;vpn_img) no-repeat left top; background-size: 12px 100%; margin: 42px auto 0 auto; padding: 0 12px;}
    .tab ul li { margin: 0 5px 35px 5px;}

    .qx { padding: 0px; margin-bottom:40px;}
    .qx-list { width: 100%; float: inherit; margin: 0 auto; padding-right: 10px;}
    .qx-list ul { margin-left: 0;}


    .fz { width: 100%; float: inherit; margin: 0 auto; padding-right: 10px;}
    .dept { width: 100%; float: inherit; margin: 0 auto; padding-right: 10px;}
    
    .container ul li {font-size: 35px; line-height: 70px; }
    .tab ul li{font-size: 35px; line-height: 26px; width: auto; padding: 10px 13px; }
    .tab ul li:last-of-type { width: auto;}
    
    .view {width: 100%;}
    .bg, .sm{ display: none;}

    .border-view{height: auto;}
    .view-swiper { width: 100%; height: 423px; display: block;}
    .view-swiper .touming{display: none;}
    .view-swiper .jdt-dian{ top: 380px !important; }

      /* 头部导航样式 */
      .top{background: #fff url("logo.png;vpn_img") no-repeat 38px 31px; background-size: 238px auto; height: 188px;}
      .btn01{float: right; margin: 15px 30px 0px 0px; width: 131px; display: none;}
      .header01{background: #1e50a8; height: auto; position: fixed; top: 106px;  z-index: 99;}
      .header01 ul{ margin: 0px; padding: 0px; border: 0px;}
      .header01 ul li {color:#ffffff; font-size:30px; line-height: 35px; font-weight:700; font-family:"微软雅黑"; float: left; list-style:none; border:0px; padding:22px 26px 0px;}
      .header01 li a {color:#FFFFFF; text-decoration: none;}
      .header01 li .cur {color:#FFFFFF; font-size:32px;}
      .nav2{overflow: hidden; padding: 0px 0px;} 
      .nav_line{border-bottom:1px solid #9d9d9d; padding-bottom:20px;}
      .no_line{padding-bottom: 20px;}

      .clear { clear:both; }
      .nav{height: 82px; width: 690px; position: relative; margin:0px 60px 0px 0px; overflow: hidden;}
      .nav ul{overflow: hidden; width: 200%;}
  
      .btn02{ width:110px; height:82px; background:url(btn02.png;vpn_img) no-repeat left center; background-size:auto 60px; top:0px; right:0px; position:absolute;}
      .btn-img{background:url(icon_arrow.png;vpn_img) no-repeat center center; width:35px; height:82px; float:right; margin:0px 20px 0px 0px; transform: rotate(180deg);}
      .btn-img01{ animation: img01 0.5s; transform: rotate(180deg);}
      .btn-img02{ animation: img02 0.5s; transform: rotate(0deg);}
  
      
      @keyframes img01
      {
      from {transform: rotate(0deg);}
      to {transform: rotate(180deg);}
      }
      @keyframes img02
      {
      from {transform: rotate(180deg);}
      to {transform: rotate(0deg);}
      }
  
}