@charset "utf-8";
/* CSS Document */
body{background: #fff;}
.ls-mlfq-container{ background: url("../images/ml_part1bg.jpg") center 30px no-repeat; background-size: 100% auto;}
.mt60{margin-top: 60px;}
/*标题*/
.ls-mlfq-title{line-height: 0; font-size: 0; background: url("../images/ml_telbg.png") center bottom no-repeat; background-size: auto 60px; text-align: center; padding: 0 0 25px 60px;}
.ls-mlfq-title a{display: inline-block;}
.ls-mlfq-title a img{height: 63px; width: auto; transition: 0.4s all;}
.ls-mlfq-title a:hover img{margin: -3px 0 3px;}

/*封丘概况*/
.ls-mlfq-part1{}
.ls-fqgk-video{width: 700px; height: 394px; margin: 31px 0 0;}
.ls-fqgk-video .j-video-player,.ls-fqgk-video video{width: 100% !important; height: 100% !important;}
.ls-fqgk-info{ width: 668px; height: 394px; margin: 31px 0 0; font-size: 18px; line-height: 2.44; text-align: justify;}
.ls-fqgk-info p{text-indent: 2em;}
.ls-fqgk-info a{color: #C50001;}
.ls-fqgk-info a:hover{color: #f00;}

/*走进封丘*/
.ls-zjfq-inner{ margin: 11px 0 0;}
.ls-zjfq-list .bd{height: 315px; overflow: hidden;}
.ls-zjfq-list .bd ul,.ls-zjfq-list .bd li{width: 100% !important;}
.ls-zjfq-list .bd .item{ float: left; background: #fcf7f6; width: 534px; height: 81px; line-height: 80px; position: relative; padding: 2px 130px 2px 20px; margin-top: 20px; font-size: 18px;}
.ls-zjfq-list .bd .item::before{display: block; content: ""; position: absolute; left: 0; top: 50%; width: 3px; height: 16px; background: #C50001; margin-top: -8px;}
.ls-zjfq-list .bd .item.even{float: right;}
.ls-zjfq-list .bd .item a{display: inline-block; max-width: 508px; *width: 508px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.ls-zjfq-list .bd .item img{float: left; margin: 34px 0 0 4px;}
.ls-zjfq-list .bd .item .date{position: absolute; top: 2px; right: 20px; color: #999;}

.ls-zjfq-num{margin: 32px 0 0; height: 35px; font-size: 0; line-height: 0; text-align: center;}
.ls-zjfq-num ul{display: inline;}
.wza-on .ls-zjfq-num ul{display: none;}
.ls-zjfq-num li{display: inline;}
.ls-zjfq-num li span{display: inline-block; cursor: pointer; overflow: hidden; font-size: 0; transition: 0.4s all; width: 8px; height: 8px; border: 1px #fff solid; margin: 12px 4px 0; border-radius: 50%; background: #d1d1d1; vertical-align: top;}
.ls-zjfq-num li.on span{background: #C50001; border-color: #C50001;}
.ls-zjfq-num .prev,.ls-zjfq-num .next{display: inline-block; vertical-align: top; width: 35px; height: 35px; background: #c50001 0 0 no-repeat; background-image: url("../images/ml_arrow1.png") !important; border-radius: 50%; cursor: pointer; background-size: 100% auto; margin: 0 16px; transition: 0.4s background-color ease;}
.ls-zjfq-num .next{background-position: 0 -35px;}
.ls-zjfq-num .prev:hover,.ls-zjfq-num .next:hover{background-color:#aa0001;}

/*乡镇风采*/
.ls-xzfc-inner{ margin: 11px 0 0; overflow: hidden;}
.ls-xzfc-inner ul{margin: 0 -10px;}
.ls-xzfc-inner li{float: left; margin: 20px 0 0; width: 16.666%;}
.ls-xzfc-inner li a{display: block; margin: 0 10px; background: #FCF7F6; border: 1px #F8E9E7 solid; text-align: center; padding: 10px; white-space: nowrap; text-overflow: ellipsis; float: none; line-height: 48px; overflow: hidden; height: 48px; font-size: 18px; transition: 0.4s all ease;}
.ls-xzfc-inner li a:hover{border-color: #C50001; background: #fdfaf9; color: #C50001; font-weight: bold;}

/*图片封丘*/
.ls-mlfq-part4{background:url(../images/ml_part4bg.jpg) no-repeat center bottom; background-size: 100% auto; padding:0 0 43px; overflow: hidden;}
.ls-tsfq-inner{ margin: 4px 0 0; overflow: hidden; height: 656px; width: 100%; position: relative;}
.ls-tsfq-inner .ls-tsfq-linklist{ height: 100%; width: 2790px; position: relative; left: 50%; margin-left: -1395px; top: 0; z-index: 1; transition: 1s all; overflow: hidden;}
.ls-tsfq-linklist.active{position: absolute;}
.ls-tsfq-inner .swiper-container{width: 100%; height: 656px;}
.ls-tsfq-inner .swiper-wrapper{width: 100%; height: 656px;}
.ls-tsfq-inner .swiper-slide { width: 930px; height: 656px; transform: scale(0.9); -webkit-transform: scale(0.9); transition: 0.4s all ease;}
.ls-tsfq-inner .none-effect {-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;}
.ls-tsfq-inner .swiper-slide .img_img { margin: 27px 0 0; height: 523px; overflow: hidden;}
.ls-tsfq-inner .swiper-slide img {width: 100%; height: 100%; display: block;}
.ls-tsfq-inner .swiper-slide .infobox { position:absolute; z-index: 1; left: 45px; right: 45px; bottom: 16px; height: 0; background: #fff; overflow: hidden; border-radius: 8px; box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.1); transition: 0.4s all;}
.ls-tsfq-inner .swiper-slide .infobox .title{font-size: 20px; line-height: 1.7; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 500; display: block; padding: 19px 32px 0;}
.ls-tsfq-inner .swiper-slide .infobox .remark{font-size: 16px; padding: 10px 32px 0; line-height: 2;display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2;-webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; max-height: 64px; color: #666; text-align: justify;}
.ls-tsfq-inner .swiper-slide .infobox .ls-mlfx-more{display: none; position: absolute; right: 38px; top: 22px;}

.ls-tsfq-inner .swiper-slide-active{-webkit-transform: scale(1);transform: scale(1);}
.ls-tsfq-inner .swiper-slide-active .infobox,.ls-tsfq-inner .swiper-slide-duplicate-active .infobox{height: 128px; padding-bottom: 32px;}

.ls-tsfq-inner .prev,.ls-tsfq-inner .next{display: block; width: 50px; height: 50px; border-radius: 50%; background: 0 0 no-repeat #fff; background-image: url("../images/ml_arrow2.png") !important; background-size: 100% auto; top: 266px; position: absolute; box-shadow: 0 2px 6px 0 rgba(9, 48, 100, 0.1); transition: 0.4s all ease;}
.ls-tsfq-inner .prev:hover,.ls-tsfq-inner .next:hover{box-shadow: 0 2px 6px 0 rgba(9, 48, 100, 0.5);}
.ls-tsfq-inner .prev{left: 50%; margin-left: -492px;}
.ls-tsfq-inner .next {right: 50%; margin-right: -492px; background-position: 0 -50px;}

.ls-tsfq-inner .swiper-pagination {position: relative;margin-top: 32px;}
.ls-tsfq-inner .swiper-pagination-bullet {background: #90afe2;margin:0 3px; border-radius: 12px; width: 12px;height: 12px;opacity: 1;}
.ls-tsfq-inner .swiper-pagination-bullet-active {width: 31px;background: #5382d3;}

/*无障碍栏目页-窄屏下二级栏目配色*/
.wza-black-white .ls-tsfq-inner .swiper-slide .infobox{ background-color: black !important;}
.wza-yellow-black .ls-tsfq-inner .swiper-slide .infobox{ background-color: yellow !important;}
.wza-blue-yellow .ls-tsfq-inner .swiper-slide .infobox{ background-color: blue !important;}
.wza-yellow-blue .ls-tsfq-inner .swiper-slide .infobox{ background-color: yellow !important;}
.wza-white-black .ls-tsfq-inner .swiper-slide .infobox{ background-color: white !important;}
.wza-black-yellow .ls-tsfq-inner .swiper-slide .infobox{ background-color: #000 !important;}

@media (min-width: 1200px) and (max-width: 1399px) {
    /*封邱概况*/
    .ls-fqgk-video{width: 600px; height: 338px;}
    .ls-fqgk-info{width: 568px; line-height:2; font-size: 16px; height: auto;}
    /*走进封邱*/
    .ls-zjfq-list .bd .item{width: 440px;}
    .ls-zjfq-list .bd .item a{max-width: 405px; *width: 405px;}

}
@media (min-width:992px) and (max-width:1199px) {
    /*封邱概况*/
    .ls-fqgk-video,.ls-fqgk-info{float: none; width: auto; height: auto;}
    /*走进封邱*/
    .ls-zjfq-list .bd .item{width: 336px;}
    .ls-zjfq-list .bd .item a{max-width: 310px; *width: 310px;}
    /*图片封丘*/
    .ls-tsfq-inner{height: 583px;}
    .ls-tsfq-inner .ls-tsfq-linklist{width: 2400px; margin-left: -1200px;}
    .ls-tsfq-inner .swiper-container {height: 583px;}
    .ls-tsfq-inner .swiper-slide {width: 800px; height: 583px;}
    .ls-tsfq-inner .swiper-slide .img_img {height: 450px; margin-top: 16px;}
    .ls-tsfq-inner .prev, .ls-tsfq-inner .next{top: 227px;}
    .ls-tsfq-inner .prev{margin-left: -426px;}
    .ls-tsfq-inner .next{margin-right: -426px;}
}
@media (max-width:991px)  {
    .mt60{margin-top: 40px;}
    /*标题*/
    .ls-mlfq-title{ background-size: auto 50px;}
    .ls-mlfq-title a img{height: 50px;}
    /*封邱概况*/
    .ls-fqgk-video,.ls-fqgk-info{width: auto; height: auto; margin-left: 15px; margin-right: 15px;}
    .ls-fqgk-info{margin-top: 15px; line-height:2; font-size: 16px;}
    /*走进封邱*/
    .ls-zjfq-inner{margin: 10px 15px 0;}
    .ls-zjfq-list .bd{height: 384px;}
    .ls-zjfq-list .bd .item{width: auto; padding-right: 110px; float: none !important; font-size: 16px; height: 50px; line-height: 50px; margin-top: 10px;}
    .ls-zjfq-list .bd .item a{max-width:100%; *width: 100%;}
    .ls-zjfq-list .bd .item img{display: none;}
    .ls-zjfq-list .bd .item .date{right: 15px;}
    .ls-zjfq-num{margin-top: 20px;}
    /*乡镇风采*/
    .ls-xzfc-inner{margin: 11px 15px 0;}
    .ls-xzfc-inner ul{margin: 0 -7px;}
    .ls-xzfc-inner li{margin-top: 15px;}
    .ls-xzfc-inner li a{margin: 0 7px; font-size: 16px; height: auto; line-height: 1.6; padding: 15px 5px;}
    /*图片封丘*/
    .ls-mlfq-part4{padding: 0 0 20px;}
    .ls-tsfq-inner{height: 400px; margin-top: 20px;}
    .ls-tsfq-inner .ls-tsfq-linklist{width: 1800px; margin-left: -900px;}
    .ls-tsfq-inner .swiper-container {height: 400px;}
    .ls-tsfq-inner .swiper-slide {width: 600px; height: 400px;}
    .ls-tsfq-inner .swiper-slide .img_img {height: 338px; margin-top: 11px;}
    .ls-tsfq-inner .ls-prev {margin-left: -326px;}
    .ls-tsfq-inner .ls-next {margin-right: -326px;}
    .ls-tsfq-inner .swiper-slide-active .infobox,.ls-tsfq-inner .swiper-slide-duplicate-active .infobox{padding: 0 0 14px; height: 110px;}
    .ls-tsfq-inner .swiper-slide .infobox .title{font-size: 20px; padding: 15px 20px 0;}
    .ls-tsfq-inner .swiper-slide .infobox .remark{ font-size: 16px; line-height: 28px; max-height: 56px; padding:4px 20px 0;}
    .ls-tsfq-inner .swiper-pagination{margin-top: 22px;}
    .ls-tsfq-inner .prev, .ls-tsfq-inner .next{top: 166px;}
    .ls-tsfq-inner .prev{margin-left: -326px;}
    .ls-tsfq-inner .next{margin-right: -326px;}
}
@media (max-width:767px) {
    .mt60{margin-top: 30px;}
    /*标题*/
    .ls-mlfq-title{ background-size: auto 40px; padding-bottom: 15px;}
    .ls-mlfq-title a img{height: 45px;}
    /*封邱概况*/
    .ls-fqgk-video,.ls-fqgk-info{ margin-left: 10px; margin-right: 10px;}
    .ls-fqgk-info{margin-top: 15px; line-height:2; font-size: 16px;}
    /*走进封邱*/
    .ls-zjfq-inner{margin: 8px 10px 0;}
    .ls-zjfq-list .bd{height: 384px;}
    .ls-zjfq-list .bd .item{padding-right: 105px; margin-top: 10px; padding-left: 15px;}
    .ls-zjfq-list .bd .item .date{right: 10px;}
    .ls-zjfq-num{margin-top: 15px;}
    /*乡镇风采*/
    .ls-xzfc-inner{margin: 8px 10px 0;}
    .ls-xzfc-inner ul{margin: 0 -5px;}
    .ls-xzfc-inner li{margin-top: 10px; width: 33.3%;}
    .ls-xzfc-inner li a{margin: 0 5px;}
    /*图片封丘*/
    .ls-mlfq-part4{padding: 0 0 10px;}
    .ls-tsfq-inner{height: auto; padding: 0 10px; box-sizing: border-box; margin-top: 10px;}
    .ls-tsfq-inner .ls-tsfq-linklist{width: 100%; position: relative; left: auto; margin-left: 0; top: auto;}
    .ls-tsfq-inner .swiper-container {height: auto;}
    .ls-tsfq-inner .swiper-wrapper{height: auto;}
    .ls-tsfq-inner .swiper-slide {width: auto; height: auto;}
    .ls-tsfq-inner .swiper-slide .img_img {height: auto; margin-top:0;}
    .ls-tsfq-inner .swiper-slide img{height: auto;}
    .ls-tsfq-inner .swiper-slide .infobox{bottom: 10px; left: 20px; right: 20px;}
    .ls-tsfq-inner .ls-prev {margin-left:0; left: 0; margin-top: -60px;}
    .ls-tsfq-inner .ls-next {margin-right: 0; right: 0; margin-top: -60px;}
    .ls-tsfq-inner .swiper-slide-active .infobox,.ls-tsfq-inner .swiper-slide-duplicate-active .infobox{padding: 0 0 9px; height: 88px;}
    .ls-tsfq-inner .swiper-slide .infobox .ls-mlfq-more{top: 1px; right: 17px; font-size: 14px;}
    .ls-tsfq-inner .swiper-slide .infobox .title{font-size: 16px; background-size: auto 14px; padding: 10px 10px 0;}
    .ls-tsfq-inner .swiper-slide .infobox .remark{ font-size: 14px; line-height: 22px; max-height: 44px; padding:5px 15px 0;}
    .ls-tsfq-inner .swiper-pagination{margin-top: 12px;}
    .ls-tsfq-inner .prev, .ls-tsfq-inner .next{top:43% !important; opacity: 0.5; transform: scale(0.8);}
    .ls-tsfq-inner .prev:hover,.ls-tsfq-inner .next:hover{ opacity: 1;}
    .ls-tsfq-inner .prev{margin-left: 0 !important; left: 5px !important; right: auto !important;}
    .ls-tsfq-inner .next{margin-right: 0 !important; right: 5px !important; left: auto !important;}
}
@media (max-width:424px) {
    /*乡镇风采*/
    .ls-xzfc-inner li{width: 50%;}
    .ls-xzfc-inner li a{ padding: 10px 5px;}
    /*图片封丘*/
    .ls-tsfq-inner .prev, .ls-tsfq-inner .next{top:38% !important;}
    .ls-tsfq-inner .prev{left: 1px;}
    .ls-tsfq-inner .next{right: 1px;}
}
@media (max-width:359px) {
    /*图片封丘*/
    .ls-tsfq-inner .prev, .ls-tsfq-inner .next{top:30% !important;}
}
