@charset "utf-8";
/* CSS Document */
body{background: #fff;}
.ls-zjwb-container{ background: url("../images/zj-topbg.png") center bottom no-repeat; background-size: 100% auto; padding: 40px 0;}
.ls-zjwb-container .container{width: 1400px;} 
/*标题*/
.ls-tswb-title{line-height: 0; font-size: 0; background: url("../images/ls-titbg.png") center bottom no-repeat; background-size: auto 59px; text-align: center; padding: 0 0 10px;}
.ls-tswb-title a{display: inline-block; position: relative;}
.ls-tswb-title a:after{width:180px;height:59px; position:absolute; content:''; right:-201px;top:15px;background: url("../images/yun.png") right center no-repeat;}
.ls-tswb-title a img{height: 78px; width: auto; transition: 0.4s all;}
.ls-tswb-title a:hover img{margin: -3px 0 3px;}
/*卫滨概况*/
.ls-wbgk-video{width: 800px; height: 450px; margin: 32px 0 0;}
.ls-wbgk-video .j-video-player,.ls-wbgk-video video{width: 100% !important; height: 100% !important;}
.ls-wbgk-r{ width: 560px; height: 450px; margin: 32px 0 0;  }
.ls-gktit{ border-bottom: 2px solid #f7f7f7;}
.ls-gktit a{ height: 52px; line-height: 52px; font-size: 24px; font-weight: bold; color: #266CB4; display: inline-block;position: relative;}
.ls-gktit a:after{display:block; content: ""; position: absolute; left:0; bottom: -2px; transition: 0.4s all; width:100%; height: 2px; background: #8fb1d5;}
.ls-gk-info{ font-size: 16px; line-height: 2;padding: 20px 0;}
.ls-gk-info p{text-indent: 2em;}
.ls-gk-info a{color: #1561AF;}
.ls-gk-info a:hover{color: #f00;}
.ls-zjbtn{ margin-top: 40px;}
.ls-zjbtn ul li{width: 326px; height: 90px; margin-right: 32px; float: left;text-align: left;background: rgba(85, 155, 227, 0.1);}
.ls-zjbtn ul li.num4{ margin-right: 0px;}
.ls-zjbtn ul li a{ display: block; padding: 13px 40px; line-height: 64px;font-size: 24px; color: #1561AF; }
.ls-zjbtn ul li a:hover{ font-weight: bold;  opacity: 0.9;}
.ls-zjbtn li a:hover img{animation: bellRing 0.9s both;}
/*图说卫滨*/
.ls-tswb-part2{background:url(../images/ts_part2bg.png) no-repeat center bottom; background-size: 100% auto; padding:40px 0 24px; overflow: hidden;}
.ls-tswb-inner{ margin: 5px 0 0; overflow: hidden; height: 655px; width: 100%; position: relative;}
.ls-tswb-inner .ls-tswb-linklist{ height: 100%; width: 2790px; position: relative; left: 50%; margin-left: -1395px; top: 0; z-index: 1; transition: 1s all; overflow: hidden;}
.ls-tswb-linklist.active{position: absolute;}
.ls-tswb-inner .swiper-container{width: 100%; height: 655px;}
.ls-tswb-inner .swiper-wrapper{width: 100%; height: 655px;}
.ls-tswb-inner .swiper-slide { width: 930px; height: 655px; transform: scale(0.9); -webkit-transform: scale(0.9); transition: 0.4s all ease;}
.ls-tswb-inner .none-effect {-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;}
.ls-tswb-inner .swiper-slide .img_img { margin: 27px 0 0; height: 523px; overflow: hidden;}
.ls-tswb-inner .swiper-slide img {width: 100%; height: 100%; display: block;}
.ls-tswb-inner .swiper-slide .infobox { position:absolute; z-index: 1; left: 45px; right: 45px; bottom: 16px; height: 0; background: #fff; overflow: hidden;   box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.1); transition: 0.4s all;}
.ls-tswb-inner .swiper-slide .infobox .title{font-size: 24px; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 500; display: block; padding: 22px 32px 16px;}
.ls-tswb-inner .swiper-slide .infobox .title:hover{ color: #1561AF; }
.ls-tswb-inner .swiper-slide .infobox .remark{font-size: 16px; padding: 0px 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-tswb-inner .swiper-slide .infobox .ls-mlfx-more{display: none; position: absolute; right: 38px; top: 22px;}

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

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

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

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

@media (min-width: 1200px) and (max-width: 1399px) {
    .ls-zjwb-container .container{width: 1200px;}
    /*卫滨概况*/
    .ls-wbgk-video{width: 600px;  }
    .ls-zjbtn ul li{width: 276px;}
    .ls-zjbtn ul li a{ padding: 13px 25px;}
}
@media (min-width:992px) and (max-width:1199px) {
    .ls-zjwb-container .container{width: 992px;}
    /*卫滨概况*/
    .ls-wbgk-video{width: auto; float: none; }
    .ls-wbgk-r{ width: auto; height:auto; float: none; }
    .ls-zjbtn ul li{width: 233px; margin-right: 20px;}
    .ls-zjbtn ul li a{ font-size: 20px;padding: 13px;}
    /*图说卫滨*/
    .ls-tswb-inner{height: 583px;}
    .ls-tswb-inner .ls-tswb-linklist{width: 2400px; margin-left: -1200px;}
    .ls-tswb-inner .swiper-container {height: 583px;}
    .ls-tswb-inner .swiper-slide {width: 800px; height: 583px;}
    .ls-tswb-inner .swiper-slide .img_img {height: 450px; margin-top: 16px;}
    .ls-tswb-inner .prev, .ls-tswb-inner .next{top: 227px;}
    .ls-tswb-inner .prev{margin-left: -426px;}
    .ls-tswb-inner .next{margin-right: -426px;}
}
@media (max-width:991px)  {
    .ls-zjwb-container .container{width: 768px;}
    .ls-zjwb-container{ padding: 20px 0;}
    .ls-zjwb-container .container .ls-row{ padding: 0 10px;}
    /*标题*/
    .ls-tswb-title{ background-size: auto 50px;}
    .ls-tswb-title a img{height: 50px;}
    .ls-tswb-title a:after{top:0px;}
    /*卫滨概况*/
    .ls-wbgk-video{width: auto; float: none; margin-top: 15px; height: auto;}
    .ls-wbgk-r{ width: auto; height:auto; float: none; margin-top: 10px; }
    .ls-gk-info{ padding: 10px 0px;}
    .ls-zjbtn{ margin-top: 0px;}
    .ls-zjbtn ul li{width: 366px; margin-right: 16px;margin-top: 16px;}
    .ls-zjbtn ul li.num2{ margin-right: 0px;}
    /*图说卫滨*/
    .ls-tswb-part2{padding:20px 0 4px;}
    .ls-tswb-inner{height: 400px; margin-top: 20px;}
    .ls-tswb-inner .ls-tswb-linklist{width: 1800px; margin-left: -900px;}
    .ls-tswb-inner .swiper-container {height: 400px;}
    .ls-tswb-inner .swiper-slide {width: 600px; height: 400px;}
    .ls-tswb-inner .swiper-slide .img_img {height: 338px; margin-top: 11px;}
    .ls-tswb-inner .ls-prev {margin-left: -326px;}
    .ls-tswb-inner .ls-next {margin-right: -326px;}
    .ls-tswb-inner .swiper-slide-active .infobox,.ls-tswb-inner .swiper-slide-duplicate-active .infobox{padding: 0 0 14px; height: 110px;}
    .ls-tswb-inner .swiper-slide .infobox .title{font-size: 20px; padding: 15px 20px 0;}
    .ls-tswb-inner .swiper-slide .infobox .remark{ font-size: 16px; line-height: 28px; max-height: 56px; padding:4px 20px 0;}
    .ls-tswb-inner .swiper-pagination{margin-top: 22px;}
    .ls-tswb-inner .prev, .ls-tswb-inner .next{top: 166px;}
    .ls-tswb-inner .prev{margin-left: -326px;}
    .ls-tswb-inner .next{margin-right: -326px;}
}
@media (max-width:767px) {
    .ls-zjwb-container .container{width:100%;}
    /*标题*/
    .ls-tswb-title{ background-size: auto 40px; padding-bottom: 15px;}
    .ls-tswb-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-gktit a{ height: 42px; line-height: 42px; font-size: 20px;}
    .ls-zjbtn ul li{width: 49%; margin-right: 0px;margin-top: 10px;}
    .ls-zjbtn ul li:nth-of-type(2n){ float: right;}
    .ls-zjbtn ul li a{ font-size: 20px;}
    /*图说卫滨*/
    .ls-tswb-part2 .container .ls-tswb-title{ margin: 0 10px;}
    .ls-tswb-part2{padding: 0 0 10px;}
    .ls-tswb-inner{height: auto; padding: 0 10px; box-sizing: border-box; margin-top: 10px;}
    .ls-tswb-inner .ls-tswb-linklist{width: 100%; position: relative; left: auto; margin-left: 0; top: auto;}
    .ls-tswb-inner .swiper-container {height: auto;}
    .ls-tswb-inner .swiper-wrapper{height: auto;}
    .ls-tswb-inner .swiper-slide {width: auto; height: auto;}
    .ls-tswb-inner .swiper-slide .img_img {height: auto; margin-top:0;}
    .ls-tswb-inner .swiper-slide img{height: auto;}
    .ls-tswb-inner .swiper-slide .infobox{bottom: 10px; left: 20px; right: 20px;}
    .ls-tswb-inner .ls-prev {margin-left:0; left: 0; margin-top: -60px;}
    .ls-tswb-inner .ls-next {margin-right: 0; right: 0; margin-top: -60px;}
    .ls-tswb-inner .swiper-slide-active .infobox,.ls-tswb-inner .swiper-slide-duplicate-active .infobox{padding: 0 0 9px; height: 88px;}
    .ls-tswb-inner .swiper-slide .infobox .ls-mlfq-more{top: 1px; right: 17px; font-size: 14px;}
    .ls-tswb-inner .swiper-slide .infobox .title{font-size: 16px; background-size: auto 14px; padding: 10px 10px 0;}
    .ls-tswb-inner .swiper-slide .infobox .remark{ font-size: 14px; line-height: 22px; max-height: 44px; padding:5px 15px 0;}
    .ls-tswb-inner .swiper-pagination{margin-top: 12px;}
    .ls-tswb-inner .prev, .ls-tswb-inner .next{top:43% !important; opacity: 0.5; transform: scale(0.8);}
    .ls-tswb-inner .prev:hover,.ls-tswb-inner .next:hover{ opacity: 1;}
    .ls-tswb-inner .prev{margin-left: 0 !important; left: 5px !important; right: auto !important;}
    .ls-tswb-inner .next{margin-right: 0 !important; right: 5px !important; left: auto !important;}
}
@media (max-width:639px) {
    .ls-zjbtn ul li{width:100%;  float: none;}
    .ls-zjbtn ul li:nth-of-type(2n){ float: none;}
}
@media (max-width:580px) {
    .ls-tswb-title a:after{top:10px; width: 80px; height: 28px;background-size: 100% 100%; right: -91px;}
}
@media (max-width:424px) {
    /*图说卫滨*/
    .ls-tswb-inner .prev, .ls-tswb-inner .next{top:38% !important;}
    .ls-tswb-inner .prev{left: 1px;}
    .ls-tswb-inner .next{right: 1px;}
}
@media (max-width:386px) {
    .ls-tswb-title a:after{  width: 60px; height: 24px;  right: -71px;}
}
@media (max-width:359px) {
    /*图说卫滨*/
    .ls-tswb-inner .prev, .ls-tswb-inner .next{top:30% !important;}
}