@charset "utf-8";
/* CSS Document */
.ls-zfkf-bodybg{ background: url("../images-kfr/bodybg.png") center top no-repeat #fff;}
.container{ width: 1400px;}
/*头部*/
.ls-zfkf-head{ position: relative;}
.ls-zfkf-head .img_title{ display: none;}
.site-logo{position: absolute; left:0px; top:17px;}
.site-logo img{ height: 57px; width: auto;}
.ghlt_btn{display:block; position:absolute; top:0px; right:0;}
.ghlt_btn li{float:left; margin-left:12px;background: rgba(18, 18, 18, 0.09);height:36px;line-height:36px;padding:0 24px; transition: 0.4s all; border-radius:0px 0px 8px 8px;}
.ghlt_btn li a{color:#fff; font-size:16px;}
.ghlt_btn li:hover{ color:#fff;background: rgba(18, 18, 18, 0.4); font-weight:bold;}
.ls-zfkf-ban{ margin: 126px 0 95px; text-align: center;}
.ls-zfkf-ban .img_title{ display: none;}
/*主体内容*/
.ls-bigtitle{height: 66px; background: url("../images-kfr/hdap_titbg.png") center no-repeat; text-align: center;}
.ls-bigtitle a,.ls-bigtitle span{ padding: 12px 0 13px; overflow: hidden;display: block;}
.ls-bigtitle i{ display: none; font-style: normal;}
.ls-zfkf-flash{ width: 700px; height: 394px; margin: 26px 0 40px;}
.ls-zfkf-flash img{ width: 100%; height: 394px;}
.ls-zfkf-flash .img_title{ display: none;}
.ls-zfkf-hybox{width: 670px; margin-top: 20px;}
.ls-zfkf-title{ height: 40px;}
.ls-zfkf-title a{  display:inline-block; position: relative; font-size: 32px; font-weight: bold; line-height: 34px;}
.ls-zfkf-title a:before{ content: ''; position: absolute; left:0; bottom: -5px;width: 100%;border-radius: 8px; height: 8px;background: linear-gradient(90deg, #FBCA69 3%, rgba(251, 202, 105, 0) 100%);transition: all .4s;-webkit-transition: all .4s;z-index: 0;}
.ls-zfkf-list{ padding-top: 20px;}
.ls-zfkf-list ul li{ height: 55px; line-height: 54px; background: url("../images-kfr/dot.png") left center no-repeat; padding:2px 100px 2px 31px; margin-bottom: 3px;position: relative;}
.ls-zfkf-list ul li.num1{ height: auto;padding: 0px; background: none; margin-bottom: 0px;}
.ls-zfkf-list ul li a{ font-size: 22px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.ls-zfkf-list ul li .date{ position: absolute; right: 0px; top:2px; color: #999; font-size: 18px;}
.ls-zfkf-bignews{ height: 140px;padding-bottom: 24px; border-bottom: 1px dashed #BED3F8; margin-bottom: 10px;}
.ls-zfkf-bignews .title{color: #3684FF; font-size: 24px;font-weight: bold; line-height: 34px; margin-bottom: 7px; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.ls-zfkf-bignews .info{color: #666; font-size: 18px; line-height: 34px;}
.ls-zfkf-bignews .info a{color: #FDBB37;display: inline;font-size: 18px;}
.ls-zfkf-bignews .title:hover,.ls-zfkf-bignews .info a:hover{color: #e20000;}
/*活动安排*/
.ls-hdapbox{ height: auto;overflow: hidden; background: url("../images-kfr/hdap_bg.png") center top no-repeat; padding: 26px 26px 10px 193px;position: relative;background-size: 100% 100%; }
.ls-hdap-tit{ width: 30px; height: 200px; position: absolute; left:101px;top:120px; font-size: 30px; font-weight: bold; line-height: 40px; text-align: center;color: #3684FF; }
.ls-hdap-head{  background: #DDEDFF;opacity: 0.8; height: 54px; line-height:54px;border-top:1px solid #047BEB; position: relative;color: #186BD0;font-weight: bold;}
.ls-hdap-con{ font-size: 20px; height: 385px;  }
.ls-hdap-body{background: rgba(255, 255, 255, 0.76);opacity: 0.9;}
.ls-hdap-body ul li{ height: 54px; border-bottom: 1px solid #E2EFFF; line-height: 54px; position: relative;}
.ls-hdap-con p{ position: absolute; top:0px;text-align: center;display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.ls-hdap-con .p1{width: 90px; left:0px;}
.ls-hdap-con .p2{ width: 182px; left:90px;}
.ls-hdap-con .p3{position: static; margin: 0 502px 0 272px; }
.ls-hdap-con .p3 a{ display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.ls-hdap-con .p4{width: 358px;right: 144px;   }
.ls-hdap-con .p5{width: 144px;right: 0px;}
.ls-hdap-body ul{ height: 330px!important; overflow: hidden!important; }
.ls-hdapbox  .slimScrollBar{background: #90B7FF!important;width: 6px!important;}
.ls-hdapbox .slimScrollRail{width:6px!important;background: rgba(190, 203, 219, 0.24)!important;}
.tips{ line-height: 30px; text-align: right; font-size: 16px; margin-top: 10px;}
/*市级部门开放日实录*/
.ls-kfrsl-tit{ background: url("../images-kfr/hdsl_bg.png") center no-repeat;}
.ls-hdsl-body{ background: url("../images-kfr/sl-bodybg.png") center top no-repeat;padding-top: 40px; overflow: hidden;}
.ls-kfrsl-list{ padding-top: 10px;}
.ls-kfrsl-list ul li{ height: 106px;position: relative;}
.ls-kfrsl-list ul li.num1,.ls-kfrsl-list ul li.num3{ padding: 24px 153px 37px 131px;}
.ls-kfrsl-list ul li.num2,.ls-kfrsl-list ul li.num4{ padding: 24px 110px 37px 168px;}
.ls-kfrsl-list ul li.num1{ background: url("../images-kfr/active1.png") left 24px no-repeat;}
.ls-kfrsl-list ul li.num2{ background: url("../images-kfr/active2.png") right 24px no-repeat;}
.ls-kfrsl-list ul li.num3{ background: url("../images-kfr/active3.png") left 24px no-repeat;}
.ls-kfrsl-list ul li.num4{ background: url("../images-kfr/active4.png") right 24px no-repeat;}
.ls-kfrsl-list ul li:after{ background: url("../images-kfr/line.png") center top no-repeat; content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px;)}
.ls-kfrsl-list ul li.num4:after{display: none;}
.ls-kfrsl-list ul li .tit{height: 34px; line-height: 34px; overflow: hidden; display:inline-grid;padding-right: 140px; margin-bottom: 7px;position: relative;}
.ls-kfrsl-list ul li .tit a.title{  font-size: 24px; font-weight: bold;display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.ls-kfrsl-list ul li .tit .date{ position: absolute; right: 0px;top:0px;font-size: 20px; color: #999;}
.ls-kfrsl-list ul li .tit .date .line{ width: 1px; height: 22px; margin: 6px 13px;background: #D8D8D8;float: left;}
.ls-kfrsl-list ul li .remarks{height: 60px; line-height:30px; font-size:16px; color:#666;display:block;display: -webkit-box; -webkit-box-orient: vertical;    -webkit-line-clamp: 2;    line-clamp: 2;    overflow: hidden;}
/*精彩回顾*/
.ls-jchgbox{ position: relative; }
.ls-jchgbox .swiper-container{height:450px;  padding: 20px 0px 40px; }
.ls-jchgbox .swiper-slide{width: 57%; height: 450px;  }
.ls-jchgbox .swiper-slide .item,
.ls-jchgbox .swiper-slide .item img{display: block;width: 100%;height: 100%;}
.ls-jchgbox .swiper-slide-active{ height:450px; box-shadow: 0px 6px 10px 0px #C0CFE8;position: relative;}
.ls-jchgbox .swiper-ctrl-nav{position: absolute;top:50%;width: 40px;height: 64px; margin-top:-32px;background-image:url(../images-kfr/prev.png); background-position: center; background-repeat: no-repeat; background-size: 16px 30px; background-color: rgba(0, 0, 0, 0.4);border-radius: 0px 4px 4px 0px;cursor: pointer;z-index: 10;}
.ls-jchgbox .swiper-ctrl-nav.swiper-ctrl-prev{left:0px;}
.ls-jchgbox .swiper-ctrl-nav.swiper-ctrl-next{right:0px;background-image:url(../images-kfr/next.png);border-radius: 4px 0px 0px 4px;}
.ls-jchgbox .swiper-ctrl-nav:hover{background-color: rgba(0, 0, 0, 0.6);}
.ls-jchgbox  .img_title{display: none; position: absolute; padding: 0 20px; bottom: 13px;height: 32px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 32px; font-size: 22px; color: #fff; text-align: left;width: 100%; box-sizing: border-box;}
.ls-jchgbox .swiper-slide-active .img_title{display: block;}
.ls-jchgbox a:hover .img_title{ text-decoration: underline;}
.ls-jchgbox .swiper-slide img{opacity: 0.7;}
.ls-jchgbox .swiper-slide-active img{opacity: 1;}

.ls-jcflash{ height:650px; display: none; }
.wza-on .ls-jcflash{display: block;}
.ind-flashlb{ width: 100%; height: 100%; position:relative;overflow:hidden; }
.ind-flashlb .flash-pic,.ind-flashlb .flash-pic ul,.ind-flashlb .flash-pic li,.ind-flashlb .flash-pic img,.ind-flashlb .flash-pic a{height:100% !important; width: 100% !important; }
.ind-flashlb .flash-pic{ position:relative; z-index:0;}
.ind-flashlb .flash-pic li{ zoom:1; vertical-align:middle;}
.ind-flashlb .flash-pic a{display:block; color: #fff; position: relative;}
.ind-flashlb .flash-pic img{display:block;width: 100%;max-width:100%;height:100%;margin: 0 auto}
.ind-flashlb .flash-pic .title{display:block;height:50px;line-height:50px;padding:0 140px 0 20px;font-size:16px;background:rgba(0,0,0,0.5) !important;overflow:hidden; white-space: nowrap; text-overflow: ellipsis; position: absolute; left: 0; right: 0; bottom: 0; color: #fff!important;}
.ind-flashlb .flash-pic a:hover .title{color:#fff;}
.ind-flashlb .flash-num{height:12px;overflow:hidden;position:absolute;right:10px;bottom:19px;z-index:1;}
.ind-flashlb .flash-num ul{overflow:hidden;zoom:1;float:left;}
.ind-flashlb .flash-num ul li{float:left;margin-right:10px;width:12px;height:12px;text-indent:-30em;font-size:0;border:0;background:#fff !important;overflow:hidden;cursor:pointer;border-radius:6px;}
.ind-flashlb .flash-num ul li.on{background:#ed2c25 !important;width:26px;}
/*各县市区开放*/
.ls-gsxq-tit{background: url("../images-kfr/gxq_titbg.png") center no-repeat;}
.ls-gsxq-list{ margin:24px 0 40px; height: 162px;}
.ls-gsxq-list ul li{width: 182px; height: 162px; float: left; margin-right:21px; position: relative;}
.ls-gsxq-list ul li:last-child{ margin-right: 0px;}
.ls-gsxq-list ul li .img_img{ width:100%;height: 140px; overflow: hidden;display: block;}
.ls-gsxq-list ul li img{ height:100%; width: 100%; overflow: hidden;transition:all .6s;-ms-transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;}
.ls-gsxq-list ul li a:hover img{transform: scale(1.1);-ms-transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);}
.ls-gsxq-list ul li .img_title{width: 120px; height: 40px; font-size: 18px; line-height: 40px; text-align: center;background: #fff;box-shadow: 0px 2px 4px 0px rgba(4, 92, 235, 0.1); position: absolute;bottom: 0px; left:50%; margin-left:-60px;}
.ls-gsxq-list ul li a:hover{color:#3684FF;}
/*底部*/
.ls-footer{border-color:#3684FF;}
.footnav a:hover{color:#3684FF;}
@media (max-width:1399px) and (min-width:1200px){
    /*主体*/
    .container{ width: 1200px;}
    .ls-zfkf-flash{ width: 600px; height: 338px;}
    .ls-zfkf-flash img{  height: 338px;}
    .ls-zfkf-hybox{ width: 570px;}
    .ls-zfkf-list{ padding-top: 10px;}
    .ls-zfkf-list ul li{line-height: 46px; height: 46px;}
    .ls-zfkf-bignews .info{ line-height: 30px;}
    .ls-zfkf-bignews .title{ margin-bottom: 0px;}
    /*精彩回顾*/
    .ls-jchgbox .swiper-container{height:386px; }
    .ls-jchgbox .swiper-slide{  height: 386px;  }
    .ls-jchgbox .swiper-slide-active{ height:386px;}
    /*各县市区开放*/
    .ls-gsxq-list{  height: 140px;}
    .ls-gsxq-list ul li{width: 154px; height: 140px;margin-right:20px; }
    .ls-gsxq-list ul li .img_img{ height: 118px; }
}
@media (max-width:1199px) and (min-width:992px){
    .container{ width: 992px;}
    .ls-zfkf-flash{ width: 500px; height: 281px; }
    .ls-zfkf-flash img{  height: 281px;}
    .ls-zfkf-hybox{ width: 472px;}
    .ls-zfkf-list{ padding-top: 10px;}
    .ls-zfkf-bignews{ height: auto; padding-bottom: 10px;}
    .ls-zfkf-bignews .info{   height: 110px; font-size: 16px; display:block;display: -webkit-box; -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;    line-clamp:4;    overflow: hidden; line-height: 28px;}
    .ls-zfkf-bignews .info a{font-size: 16px;}
    .ls-zfkf-list ul li{ height: 30px; line-height: 30px;}
    .ls-zfkf-list ul li a{ font-size: 18px;}
    /*活动安排*/
    .ls-hdapbox{ padding-left: 113px;}
    .ls-hdap-tit{ left:51px;}
    .ls-hdap-con .p1{ width: 60px;}
    .ls-hdap-con .p2{ width: 150px; left:60px;}
    .ls-hdap-con .p3{  margin: 0 320px 0 210px; }
    .ls-hdap-con .p4{width: 200px;right: 120px; }
    .ls-hdap-con .p5{width: 120px; }
    .ls-hdap-head .p3{ text-indent: 55px;}
    /*精彩回顾*/
    .ls-jchgbox .swiper-container{height:320px; }
    .ls-jchgbox .swiper-slide{  height: 320px;  }
    .ls-jchgbox .swiper-slide-active{ height:320px;}
    /*各县市区开放*/
    .ls-gsxq-list{  height: 120px;}
    .ls-gsxq-list ul li{width: 128px; height: 120px;margin-right:15px; }
    .ls-gsxq-list ul li .img_img{ height: 98px; }
}
@media (max-width:991px){
    .container{ width: 768px;}
    .ls-zfkf-flash{ width: auto; height:auto; margin:15px 0; float: none;}
    .ls-zfkf-flash img{  height: auto;}
    .ls-zfkf-hybox{ width:auto; float: none; margin-top: 15px;}
    .ls-zfkf-list{ padding-top: 15px;}
    .ls-zfkf-bignews{ height: auto; padding-bottom: 15px;}
    .ls-zfkf-list ul li{ height: 35px; line-height: 34px;}
    .ls-zfkf-list ul li a{ font-size: 18px;}
    /*活动安排*/
    .ls-hdapbox{ padding:0px; height: auto; background: none;}
    .ls-hdap-tit{position: static;padding: 10px 0px; width: auto; height:auto;}
    .ls-hdap-con .p1{ width: 60px;}
    .ls-hdap-con .p2{ width: 150px; left:60px;}
    .ls-hdap-con .p3{  margin: 0 320px 0 210px; }
    .ls-hdap-con .p4{width: 200px;right: 120px; }
    .ls-hdap-con .p5{width: 120px; }
    .ls-hdap-head .p3{ text-indent: 55px;}
    .ls-hdap-body ul{ overflow: auto!important;}
    /*市级部门开放日实录*/
    .ls-kfrsl-list ul li.num1,.ls-kfrsl-list ul li.num3{padding: 24px 0px 37px 131px;}
    .ls-kfrsl-list ul li.num2,.ls-kfrsl-list ul li.num4{padding: 24px 130px 37px 0px;}
    /*精彩回顾*/
    .ls-jchgbox .swiper-container{height:247px; padding: 15px 0;}
    .ls-jchgbox .swiper-slide{  height: 247px;  }
    .ls-jchgbox .swiper-slide-active{ height:247px;}
    /*各县市区开放*/
    .ls-gsxq-list{  height: 156px; margin: 15px 0 0;}
    .ls-gsxq-list ul li{width: 175px; height: 156px;margin-right:15px; margin-bottom: 15px; }
    .ls-gsxq-list ul li .img_img{ height: 134px; }
    .ls-gsxq-list ul li.num4{ margin-right: 0px;}
    .ls-row{ padding: 0 10px;}
}
@media (max-width:767px){
    .container{ width: 100%;}
    .site-logo,.ghlt_btn{position: static;}
    .site-logo{ margin: 10px 0 5px 5px;}
    .site-logo img{height: 40px; width: auto;}
    .ghlt_btn{margin:0 5px 10px 0;}
    .ghlt_btn li{ padding: 0 10px; margin-left: 5px;}
    .ghlt_btn li a{font-size: 14px;}
    .ls-zfkf-ban{margin: 72px 0 20px;}
    .ls-zfkf-ban img{ width: 90%; height: auto;}
    .ls-zfkf-list ul li a,.ls-zfkf-list ul li .date,.ls-zfkf-bignews .info{ font-size: 16px;}
    .ls-zfkf-bignews .info a{font-size: 16px;}
    /*活动安排*/
    .ls-hdap-con{ height: auto;padding-right: 0px;font-size: 16px;}
    .ls-hdap-con .p1,.ls-hdap-con .p2,.ls-hdap-con .p4{ display: none;}
    .ls-hdap-con .p3{  margin: 0 120px 0 10px;text-align: left; }
    .ls-hdap-con .p5{width: 120px; }
    .ls-hdap-head .p3{ text-indent: 20px;}
    /*市级部门开放日实录*/
    .ls-kfrsl-list ul li{ height: auto; background: none!important;}
    .ls-kfrsl-list ul li.num1,.ls-kfrsl-list ul li.num3{ padding: 15px 0;}
    .ls-kfrsl-list ul li.num2,.ls-kfrsl-list ul li.num4{ padding: 15px 0;}
    .ls-kfrsl-list ul li .tit{height: auto; display: inline;padding-right: 0px;}
    .ls-kfrsl-list ul li .tit a.title{   display: inline;  white-space: normal; font-size: 18px;   }
    .ls-kfrsl-list ul li .tit .date{ position: static; display: inline-block;}
    .ls-kfrsl-list ul li .tit .date .line{  float: none; display: inline-block; vertical-align: top;}
    /*各县市区开放*/
    .ls-gsxq-list{  height: auto; margin: 10px 0 0;}
    .ls-gsxq-list ul li{width: 32%; height: auto;margin-right:2%; margin-bottom: 10px;  }
    .ls-gsxq-list ul li a{   display: block;}
    .ls-gsxq-list ul li .img_img{ height: auto; }
    .ls-gsxq-list ul li:nth-of-type(3n){ margin-right: 0;}
    .ls-gsxq-list ul li.num4{ margin-right: 2%;}

    .ls-bigtitle{ background: #8AB9FE;height: auto; }
    .ls-bigtitle a,.ls-bigtitle span{ font-size: 36px; color: #fff; line-height: 46px; padding: 10px 0;}
    .ls-bigtitle i{ display: block;}
    .ls-bigtitle img{ display: none;}
    /*精彩回顾*/
    .ls-jchgbox .swiper-container{height:200px; padding: 10px 0;}
    .ls-jchgbox .swiper-slide{  height: 200px;  }
    .ls-jchgbox .swiper-slide-active{ height:200px;}
    .ls-jchgbox .img_title{font-size: 16px; padding: 8px;}
    .ls-hdsl-body{ padding-top: 10px;}
}
@media (max-width:489px){
    .ls-zfkf-ban{ margin-top: 0px;}
    .ls-zfkf-bignews .title{ white-space: normal;}
    .ls-gsxq-list ul li .img_title{ position: static;margin-left: 0px;display: block;width: 100%;}
    .ls-bigtitle a,.ls-bigtitle span{ font-size: 32px;}
    /*精彩回顾*/
    .ls-jchgbox .swiper-container{height:150px; }
    .ls-jchgbox .swiper-slide{  height: 150px;  }
    .ls-jchgbox .swiper-slide-active{ height:150px;}
    .ls-jchgbox .img_title{bottom: 0px; line-height: 26px;padding: 0 10px; font-size: 16px;}
    /*各县市区开放*/
    .ls-gsxq-list ul li{width: 49%;   }
    .ls-gsxq-list ul li:nth-of-type(3n){ margin-right: 2%;}
    .ls-gsxq-list ul li.num4{ margin-right: 0;}
    .ls-gsxq-list ul li:nth-of-type(2n){ margin-right:0;}
}
/*配色问题*/
.wza-yellow-black #ls-main .ls-hdapbox .slimScrollBar{ background:#90B7FF!important;}
.wza-blue-yellow #ls-main .ls-hdapbox .slimScrollBar{ background:#90B7FF!important;}
.wza-yellow-blue #ls-main .ls-hdapbox .slimScrollBar{ background:#90B7FF!important;}
.wza-black-white #ls-main .ls-hdapbox .slimScrollBar{ background:#90B7FF!important;}
.wza-white-black #ls-main .ls-hdapbox .slimScrollBar{ background:#90B7FF!important;}
.wza-black-yellow #ls-main .ls-hdapbox .slimScrollBar{ background:#90B7FF!important;}

.wza-yellow-black #ls-main .ls-hdapbox .slimScrollRail{ background:rgba(190, 203, 219, 0.24)!important;}
.wza-blue-yellow #ls-main .ls-hdapbox .slimScrollRail{ background:rgba(190, 203, 219, 0.24)!important;}
.wza-yellow-blue #ls-main .ls-hdapbox .slimScrollRail{ background:rgba(190, 203, 219, 0.24)!important;}
.wza-black-white #ls-main .ls-hdapbox .slimScrollRail{ background:rgba(190, 203, 219, 0.24)!important;}
.wza-white-black #ls-main .ls-hdapbox .slimScrollRail{ background:rgba(190, 203, 219, 0.24)!important;}
.wza-black-yellow #ls-main .ls-hdapbox .slimScrollRail{ background:rgba(190, 203, 219, 0.24)!important;}

.wza-yellow-black .ls-gsxq-list ul li .img_title{ background:yellow!important;}
.wza-blue-yellow .ls-gsxq-list ul li .img_title{ background:blue!important;}
.wza-yellow-blue .ls-gsxq-list ul li .img_title{ background:yellow!important;}
.wza-black-white .ls-gsxq-list ul li .img_title{ background:black!important;}
.wza-white-black .ls-gsxq-list ul li .img_title{ background:white!important;}
.wza-black-yellow .ls-gsxq-list ul li .img_title{ background:black!important;}