@charset "utf-8";
/* CSS Document */
/*淮上概况*/
.ls-about-main{ margin-top: 45px; }
.ls-about-title{ text-align: center; margin-bottom: 30px; background: url(../images-new/about-titlebg.png) center center no-repeat; height: 95px;}
.ls-about-title a{ display: inline-block;}
.ls-about-title a:hover{ opacity: .9;}
.wza-black-white .img-show{ display: none;}
.wza-black-white .img-b{ display: inline-block !important;}
.wza-black-yellow .img-show{ display: none;}
.wza-black-yellow .img-h{ display: inline-block !important;}
.ls-about-info{ width:600px; height: 428px; font-size: 18px; line-height: 42px;}
.ls-about-info .content-info{ text-indent: 2em;}
.ls-about-info .detailed{ color: #1C4DA3;}
.ls-about-info .detailed:hover{ color: #DE0000;}
.ls-about-links{ overflow: hidden;}
.ls-about-links ul{ margin-right: -32px;}
.ls-about-links li{ float: left; width: 326px; margin: 32px 32px 0 0;}
.ls-about-links li a{  padding: 8px 0; text-align: center; font-size: 24px; display: block; height: 92px; line-height: 88px; background: #F0F6FF; }
.ls-about-links li img{ vertical-align: top;}
.ls-about-links li a:hover img{-webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob;animation-name: hvr-icon-bob-float, hvr-icon-bob;-webkit-animation-duration: .3s, 1.5s;animation-duration: .3s, 1.5s;-webkit-animation-delay: 0s, .3s;animation-delay: 0s, .3s;-webkit-animation-timing-function: ease-out, ease-in-out;animation-timing-function: ease-out, ease-in-out;-webkit-animation-iteration-count: 1, infinite;animation-iteration-count: 1, infinite;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-animation-direction: normal, alternate;animation-direction: normal, alternate;}
@media (min-width: 1391px) and (max-width:1580px) {
    .ls-about-main{ margin-top: 40px; }
    .ls-about-info{ width:500px;  height: auto;  font-size: 16px; line-height: 35px;}
    .ls-about-links ul{ margin-right: -20px;}
    .ls-about-links li{  width: 285px; margin: 30px 20px 0 0;}
}
@media (min-width: 1181px) and (max-width: 1390px) {
    .ls-about-main{ margin-top: 30px; }
    .ls-about-title{ margin-bottom: 25px;}
    .ls-about-info{ width:390px;  height: 327px; font-size: 16px; line-height: 32px;  overflow: auto; }
    .ls-about-links ul{ margin-right: -15px;}
    .ls-about-links li{  width: 236px; margin: 20px 15px 0 0;}
}
@media (min-width: 768px) and (max-width: 1180px) {
    .ls-about-main{ margin-top: 20px; }
    .ls-about-title{ margin-bottom: 20px;}
    .ls-about-info{ width:auto; float: none;  height: auto;  font-size: 16px; line-height: 36px;}
    .ls-about-links ul{ margin-right: -30px;}
    .ls-about-links li{  width: 368px; margin: 20px 30px 0 0;}
}
@media (max-width:767px) {
    .ls-about-main{ margin-top: 10px; }
    .ls-about-title{ margin-bottom: 10px;}
    .ls-about-info{ width:auto; float: none;  height: auto; font-size: 14px; line-height: 1.8;}
    .ls-about-links ul{ margin-right: -2%;}
    .ls-about-links li{  width: 48%;  text-align: center; margin: 15px 2% 0 0;}
    .ls-about-links li a{ height: auto; padding: 0 0 15px 0; font-size: 20px; line-height: normal; }
    .ls-about-links li img{ width: 80px; height: 80px;}
    .ls-about-links li .img-title{ display: block;height: 30px; line-height: 30px; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis;
    }
}
/*概况轮播*/
.ls-about-flash{ height: 428px; width: 760px;  /*overflow: hidden;*/ position: relative;}
.ls-about-flash .about-player,.ls-about-flash .about-player video{ width: 100% !important; height: 100% !important; }
.ls-flash-pic,.ls-flash-pic ul,.ls-flash-pic li,.ls-flash-pic img{width: 100% !important; height: 100% !important;}
.ls-flash-pic .img-title{ position: absolute; left: 0; right: 0; bottom: 0; height: 64px; line-height: 64px; padding: 0 146px 0 24px; font-size: 0; font-weight: bold; background: linear-gradient(180.00deg, rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.6) 100%) !important; color: #fff !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.ls-flash-pic li a{display: block; height: 100%; width: 100%;}
.ls-flash-num{ position: absolute; right: 0; left:40px; text-align: center; bottom: 24px; font-size: 0; line-height: 0;}
.ls-flash-num li{ display: inline;}
.ls-flash-num li ,.wza-on .ls-flash-num li { display: inline-block; cursor: pointer; margin-right: 30px;  width:12px; height: 12px;border-radius: 50%; position: relative; }
.ls-flash-num li:after{ content: ""; display: block; position: absolute; right:-30px; top:50%; margin: 0 10px; width: 10px; height: 1px; background: #fff;  }
.ls-flash-num li:last-child:after{ display: none;}
.ls-flash-num li span,.ls-flash-num li a,.wza-on .ls-flash-num li span,.wza-on .ls-flash-num li a{ display:block; height: 100%; background: #fff !important; border-radius: 50%;}
.ls-flash-num li.on{ padding: 6px; border: 1px solid #fff; }
@media (min-width: 1391px) and (max-width:1580px) {
    .ls-about-flash{width: 680px;  height: 383px;}
}
@media (min-width: 1181px) and (max-width: 1390px) {
    .ls-about-flash{ width: 580px;  height: 327px;}
}
@media (min-width: 768px) and (max-width: 1180px) {
    .ls-about-flash{/*height: 421px !important;*/ height: auto !important; width: 100%; margin-bottom: 15px;}
    .ls-about-flash .about-player,.ls-about-flash .about-player video{  height: auto !important; }

}
@media (max-width:767px) {
    /*焦点图*/
    .ls-about-flash{/*height: 337px !important;*/ height: auto !important;   margin-bottom: 10px; width: 100%;}
    .ls-about-flash .about-player,.ls-about-flash .about-player video{  height: auto !important; }
    .ls-flash-num{ bottom: 14px;}
}
@media (max-width:619px) {
    /*.ls-about-flash{height: 337px !important;}*/
}
@media (max-width:479px) {
    /*.ls-about-flash{height: 258px !important;}*/
}
@media (max-width:424px) {
    /*.ls-about-flash{height: 228px !important;}*/
}
@media (max-width:413px) {
   /* .ls-about-flash{height: 221px !important;}*/
}
@media (max-width:389px) {
    /*.ls-about-flash{height: 208px !important;}*/
}
@media (max-width:374px) {
   /* .ls-about-flash{height: 199px !important;}*/
}
@media (max-width:359px) {
   /* .ls-about-flash{height: 191px !important;}*/
}
@media (max-width:320px) {
   /* .ls-about-flash{height: 169px !important;}*/
}
/*区长致辞*/
.ls-about-bg{ background: url(../images-new/about-bg.png) bottom center no-repeat; }
.ls-leader-main{ margin-top: 45px;  }
.ls-leader-box{ margin-top: 47px;}
.ls-zc-box{ width: 1042px; position: relative; padding: 0 11px 10px 0; margin-top: -27px;}
.ls-zc-box  .ico-right{ position: absolute;  width: 11px; background: #92b8fa; right: 0; bottom: 0; top:28px; border: 0; }
.ls-zc-box  .ico-bottom{  position: absolute; bottom: 0; height: 10px;  left:12px; right: 0; background: #92b8fa; }
.ls-zc-box .ls-zc-bg{  position: relative; box-shadow: 3px 10px 13px 0 rgba(53, 69, 99, 0.15);background: url(../images-new/zc-bg.jpg) right top no-repeat #fff;  box-sizing: border-box; padding: 24px 24px 20px 24px;}
.ls-zc-box .ico-top{ background: url(../images-new/zc-img.png) 0 0 no-repeat; position: absolute; width: 195px; height: 110px; right: 80px; top:14px;}
.ls-zc-box .ico-arrow{ background: url(../images-new/zc-top.png) 0 0 no-repeat; position: absolute;  z-index: 2; width: 95px; height: 75px; right:-11px; top:0;}
.ls-zc-box .line-left{ background: url(../images-new/zc-line-left.png) left top repeat-y; position: absolute; width: 8px; left: 4px; top:22px; bottom: 22px; z-index: 3;}
.ls-zc-box .line-right{ background: url(../images-new/zc-line-right.png) left top repeat-y; position: absolute; width: 8px; right: 4px; top:66px; bottom: 22px; z-index: 3;}
.ls-zc-box .ls-zc-title{  font-size: 24px; color: #1C4DA3; height: 50px; padding-left: 32px; padding-right: 60px;}
.ls-zc-box .ls-zc-article{ height: 372px; overflow-y: auto; background: #F0F6FF; padding: 15px 30px;  font-size: 18px; line-height: 40px;}
/* Webkit 浏览器 */
.boxscrollbar::-webkit-scrollbar {width: 6px; }
.boxscrollbar::-webkit-scrollbar-track {background-color: #f0f6ff;}
.boxscrollbar::-webkit-scrollbar-thumb {background-color: #8eb6f6;     border-radius: 6px;}
/* Firefox 浏览器 */
.boxscrollbar::-moz-scrollbar {width: 6px;}
.boxscrollbar::-moz-scrollbar-track {background-color: #f0f6ff;}
.boxscrollbar::-moz-scrollbar-thumb {background-color: #8eb6f6;  border-radius: 6px;}
.ls-zx-links{ width: 326px;}
.ls-zx-links li{  margin-bottom: 30px; background: #fff3e8; padding: 8px; }
.ls-zx-links li:last-child{ margin-bottom: 0;}
.ls-zx-links li a{ height: 208px; box-sizing: border-box; padding: 30px 0 0 0; text-align: center; display: block; background: url(../images-new/ts-bg1.png) right top no-repeat; color: #EE8D17;  }
.ls-zx-links li a:hover img{animation: bellRing 0.9s both;}
.ls-zx-links li.num2{ background: #e8f3ff; }
.ls-zx-links li.num2 a{  background: url(../images-new/ts-bg2.png) right top no-repeat; }
.ls-zx-links li.num2 a{ color: rgba(28, 77, 163, 0.82);}
.ls-zx-links li .img-title{ display: block; line-height: 40px; height: 40px; font-size: 24px;  white-space: nowrap; overflow: hidden;  text-overflow: ellipsis;}
.ls-zx-links li .img-txt{  display: block; font-size: 16px; line-height: 26px; }
@media (min-width: 1391px) and (max-width:1580px) {
    .ls-leader-main{ margin-top: 40px;  }
    .ls-zc-box{ width: 942px; }
    .ls-zx-links{ width: 226px;}
}
@media (min-width: 1181px) and (max-width: 1390px) {
    .ls-leader-main{ margin-top: 30px;  }
    .ls-zc-box{ width: 734px; }
    .ls-zx-links{ width: 226px;}
    .ls-zc-box .ls-zc-article{ font-size: 16px; line-height: 33px;}
}
@media (max-width:1180px) {
    .ls-leader-main{ margin-top: 20px;  }
    .ls-zc-box{ width: auto; float: none; position: relative; padding: 0 11px 10px 0; margin-top: -27px;}
    .ls-zc-box .ls-zc-article{ height: auto;}
    .ls-zx-links{ width: auto;float: none; margin-top: 20px;}
    .ls-zx-links li,.ls-zx-links li:last-child{ margin-bottom: 20px;}
    .ls-zx-links li a{ height: auto; padding: 20px 0;}
}
@media (max-width:767px) {
    .ls-leader-main{ margin-top: 10px;  }
    .ls-zc-box .ico-top{ display: none;}
    .ls-zc-box .ls-zc-title{ font-size: 20px; height: auto;  padding:0 60px 22px  10px;}
    .ls-zc-box .ls-zc-article{ font-size: 14px; line-height: 1.8;    padding: 15px;}
    .ls-zx-links li,.ls-zx-links li:last-child{ margin-bottom: 10px;}
    .ls-zx-links li a{ height: auto; padding: 10px 0;}
}
/*投资淮上*/
.ls-tz-main{ margin-top: 40px;}
.ls-tz-box{ margin-top: 45px;}
.ls-tz-column{ width: 684px; height: 300px; margin-bottom: 36px; background: #fff; position: relative;}
.ls-tz-column .ls-tz-bot{  position: absolute; right: 0; bottom: -24px;  left:0;  height: 24px; background: url(../images-new/tz-botbg.png) right top no-repeat;}
.ls-tz-title{  width: 330px; height: 300px; position: absolute; left:0; top:0;}
.ls-tz-title a{ display: block; width: 100%; height: 100%;color: #fff;  }
.ls-tz-title  img{ width: 100%; height: 100%; }
.ls-tz-title a:hover{  opacity: .9;}
.ls-tz-title .img-title{ display: block; position: absolute; left:20px; top:-10px;  background: url(../images-new/tz-title-bg.png) 0 0 no-repeat; text-align: center;box-sizing: border-box; padding: 5px 12px 0 10px; width: 74px; height: 71px; font-size: 20px; line-height: 24px;  font-weight: bold; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);}
.ls-zn-title .img-title{  background: url(../images-new/zn-title-bg.png) 0 0 no-repeat; }
.ls-zc-title .img-title{  background: url(../images-new/zc-title-bg.png) 0 0 no-repeat; }
.ls-xm-title .img-title{  background: url(../images-new/xm-title-bg.png) 0 0 no-repeat; }
.ls-tz-column .ls-tz-list{  margin-left: 330px;  padding: 20px 30px 0 30px;}
.ls-tz-column .ls-tz-list li{  padding: 0 0 10px 16px;  margin-top: 10px;    background: url(../images-new/icon.png) left 12px no-repeat; line-height: 32px; border-bottom: 1px dashed rgba(11, 98, 206, 0.2);}
.ls-tz-column .ls-tz-list li a{ display: inline;  float: none; }
.ls-tz-column .tz-more { margin-top: 22px;}
.ls-tz-column .tz-more a{ display: inline-block;  padding: 0 68px 0 30px;   background: url(../images-new/tz-more.png) 78px center no-repeat; height: 45px; line-height: 45px;  border: 1px solid rgba(0, 0, 0, 0.1); -moz-transition:all 0.3s;-o-transition:all 0.3s;-webkit-transition:all 0.3s;transition:all 0.3s;}
.ls-tz-column .tz-more a:hover{ border: 1px solid #1C4DA3;}
@media (min-width: 1391px) and (max-width:1580px) {
    .ls-tz-box{ margin-top: 40px;}
    .ls-tz-column{ width:584px;}
    .ls-tz-column .ls-tz-list{  padding: 20px 20px 0 20px;}
    .ls-tz-column .ls-tz-list li a{ display:-webkit-box;   overflow: hidden; text-overflow: ellipsis; word-bread:break-all; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
}
@media (min-width: 1181px) and (max-width: 1390px) {
    .ls-tz-main{ margin-top: 30px;}
    .ls-tz-box{ margin-top: 30px;}
    .ls-tz-column{ width:auto; float: none;}
    .ls-tz-column .ls-tz-list li a{ display:-webkit-box;   overflow: hidden; text-overflow: ellipsis; word-bread:break-all; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
}
@media (max-width:1180px) {
    .ls-tz-main{ margin-top: 20px;}
    .ls-tz-box{ margin-top: 20px;}
    .ls-tz-column{ width:auto; float: none; }
    .ls-tz-column .ls-tz-list{  padding: 20px 20px 0 20px;}
    .ls-tz-column .ls-tz-list li a{ display:-webkit-box;   overflow: hidden; text-overflow: ellipsis; word-bread:break-all; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
    .ls-tz-column .ls-tz-list li img{ display: none;}
}
@media (max-width:767px) {
    .ls-tz-main{ margin-top: 10px;}
    .ls-tz-box{ margin-top: 10px;}
    .ls-tz-column{ height: auto;}
    .ls-tz-title{ position: static; width: auto; float: none;height: auto; }
    .ls-tz-column .ls-tz-list{ margin: 0;  padding: 10px;}
    .ls-tz-column .ls-tz-list li{   padding: 0 0 6px 16px;margin-top: 6px;}
    .ls-tz-column .tz-more{margin-top: 10px;}
    .ls-tz-column .tz-more a{ height: 42px; line-height: 42px;}

}
/*图片淮上*/
.ls-tp-main{ margin-top: 45px;}
.ls-tp-list{ position: relative;}
.ls-tp-list li{ float:left; width:460px; height: 284px; margin: 0 25px 24px 0; }
.ls-tp-list li.num5{  width: 431px; height: 592px; margin-right: 0; position: absolute; right: 0; top:0;}
.ls-tp-list li a{ display: block; position: relative; height: 100%; overflow: hidden;}
.ls-tp-list li img{ width: 100%; height: 100%; -webkit-transition:-webkit-transform 0.3s ease-out;-moz-transition:-moz-transform 0.3s ease-out;transition:transform 0.3s ease-out; object-fit: cover;}
.ls-tp-list li  a:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);}
.ls-tp-list li .img-title,.ls-tp-list li .title{  position: absolute;  font-size: 20px; padding: 0 10px; top:35px; left:0; right: 0; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);  color: #fff;  height: 47px; line-height: 47px; background: linear-gradient(270.00deg, rgba(253, 153, 12, 0),rgba(253, 155, 14, 1) 100%); white-space: nowrap; overflow: hidden;  text-overflow: ellipsis;}
.ls-tp-list li.num2 .img-title,.ls-tp-list li.num2 .title{background: linear-gradient(270.00deg, rgba(4, 188, 255, 0),rgba(0, 170, 232, 1) 100%);}
.ls-tp-list li.num3 .img-title,.ls-tp-list li.num3 .title{background: linear-gradient(270.00deg, rgba(255, 136, 64, 0),rgba(255, 136.29310607910156, 63.75, 1) 100%);}
.ls-tp-list li.num4 .img-title,.ls-tp-list li.num4 .title{background: linear-gradient(270.00deg, rgba(0, 120, 232, 0),rgba(0, 120.1200942993164, 232.2321319580078, 1) 100%);}
.ls-tp-list li.num5 .img-title,.ls-tp-list li.num5 .title{background: linear-gradient(270.00deg, rgba(0, 120, 232, 0),rgba(0, 120.1200942993164, 232.2321319580078, 1) 100%);}
@media (min-width: 1391px) and (max-width:1580px) {
    .ls-tp-main{ margin-top: 40px;}
    .ls-tp-list li{ width: 395px; height: 244px;  margin:0 20px 20px 0;}
    .ls-tp-list li.num5{  width: 370px; height: 507px; }
}
@media (min-width: 1181px) and (max-width: 1390px) {
    .ls-tp-main{ margin-top: 30px;}
    .ls-tp-list li{ width: 327px; height: 202px; margin:0 16px 16px 0;}
    .ls-tp-list li.num5{  width: 307px; height: 419px; }
}
@media (min-width: 768px) and (max-width: 1180px) {
    .ls-tp-main{ margin-top: 20px;}
    .ls-tp-list li{ width: 253px; height: 156px; margin:0 12px 12px 0;}
    .ls-tp-list li.num5{  width: 238px; height: 324px; }
}
@media (max-width:767px) {
    .ls-tp-main{ margin-top: 10px;}
    .ls-tp-list li,.ls-tp-list li.num5{ width: auto; float: none; height: auto; position: static; margin:0 0 15px 0;}
    .ls-tp-list li a{ height: auto;}
    .ls-tp-list li img{ height: auto; width: 100%;}
    .ls-tp-list li .img-title,.ls-tp-list li .title{ top:20px;}
}