@charset "utf-8";
/* CSS Document */
.container{ width: 1200px;}
.ls-bodybg{ background: url("../images-kfr/bottombg.png") center bottom no-repeat #F2FAFD;}
.ls-body-botbg{background: url("../images-kfr/topbg.jpg") center top no-repeat;}
.kfr_header{position: relative; height: 443px; }
.kfr_header .img_title{display: none;}
.kfr_banner{position: relative; padding: 175px 0 123px; text-align:center;}
.kfr_banimg img{ max-width: 100%; height: auto;}
.kfr_header .guidang{position:absolute;right: 0;top:0; z-index:99;}
.kfr-logo{ position: absolute; left: 0; top: 15px;}
.kfr-logo img{height: 59px; width: auto;}
.kfr-toplink{ position: absolute; right: 0; top:0px; font-size: 0; line-height: 0;}
.kfr-toplink li{ display: inline-block; vertical-align:middle; text-align: center;  height: 40px; margin-left: 10px;}
.kfr-toplink li a{   display: inline-block; font-size: 16px; color: #fff; line-height: 40px;padding: 0 25px;border-radius: 0 0 8px 8px; background: rgba(0, 0, 0, 0.2);}
.kfr-toplink li a:hover{background: rgba(0, 0, 0, 0.5);}
.member-logout{ margin-left: 10px;}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .container{ width: 992px;}
    .kfr_header .guidang{width: 240px;height: 240px;background-size: 100%;}
}
@media only screen and (max-width: 991px) {
    .container{ width: 768px;}
    .kfr_header{ height: auto;}
    .kfr_header .guidang{width: 200px;height: 200px;background-size: 100%;}
    .kfr_banner{  padding: 115px 0 50px;}
    .kfr_banimg img{ max-width: 90%;}
}
@media only screen and (max-width: 767px) {
    .container{ width: 100%;}
    .kfr_header .guidang{width: 180px;height: 180px;}
    .kfr_header{height:auto;}
    .kfr_header .szqh_banner{padding: 70px 0 30px;}
    .kfr-logo{ left:10px;}
    .kfr-toplink{ right: 10px;}
    .kfr-toplink li a{ padding: 0 10px;}
}
@media only screen and (max-width: 517px) {
    .kfr-logo{ top:40px;}
    .kfr_banner{padding: 110px 0 30px;}
}
/*主体内容*/
/*引言*/
.ls-yinyanbox{background: rgba(255, 255, 255, 0.5);border-radius: 12px;opacity: 0.7;border: 1px dashed #0071B8;  position: relative; margin-bottom: 33px; }
.ls-yinyan-tit{width: 125px; height: 84px;position: absolute; left: 25px; top:27px;}
.ls-yinyan-info{padding: 16px 16px 15px 175px;color: #00225B; font-size: 20px; line-height: 36px; text-indent: 2em;}
/*栏目列表*/
.ls-zfkfr-list{ margin-bottom: 34px; overflow: hidden;}
.ls-zfkfr-list ul li{ width: 380px; height: 100px; float: left; margin-right: 30px; text-align: center; line-height: 100px;}
.ls-zfkfr-list ul li.num3{ margin-right: 0px; background: url("../images-kfr/titbg3.png") no-repeat; background-size: 100% 100%;}
.ls-zfkfr-list ul li.num1{background: url("../images-kfr/titbg1.png") no-repeat; background-size: 100% 100%;}
.ls-zfkfr-list ul li.num2{background: url("../images-kfr/titbg2.png") no-repeat; background-size: 100% 100%;}
.ls-zfkfr-list ul li img{ vertical-align: middle; display: inline-block; margin-right: 8px;transition: all 1s;}
.ls-zfkfr-list ul li a{ display: inline-block; font-size: 26px; font-weight: bold; color:#fff;}
.ls-zfkfr-list ul li:hover img{transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-webkit-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);}
/*活动预告*/
.ls-bigtitle{ margin-bottom: 18px;height: 55px; overflow: hidden; background: url("../images-kfr/hdhg-titbg.png") center no-repeat;}
.ls-bigtitle a{ width: 288px;height: 55px; margin: 0 auto; display:block;}
.ls-yglist{ background: url("../images-kfr/ygbg.png") center top no-repeat; padding: 8px 8px 0;}
.ls-yglist1{ height:416px;overflow:hidden;padding: 20px; margin-bottom: 33px;border-radius: 12px;background: linear-gradient(180deg, #FFFFFF 73%, #F2FAFD 100%);box-shadow: 0px 2px 10px 0px rgba(72, 150, 232, 0.15);}
.ls-yglist ul{ padding-right: 20px;}
.ls-yglist ul li{height: auto; margin-bottom: 20px;background: #EFF8FF; border-radius: 12px; padding:0px 0px 16px 28px;}
.ls-yglist ul li .ls-title{position: relative; padding: 18px 0 12px;}
.ls-yglist ul li .ls-title a.tit{ margin-right: 150px; height: 32px; line-height: 32px;color: #2568D6; font-weight: bold; font-size: 22px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.ls-yglist ul li .ls-title a.tit:hover{color: red;}
.ls-yglist ul li .ls-title .zt{ position: absolute; right: 0px; top:0px; width: 124px;border-radius: 0px 12px 0px 30px;opacity: 0.6;background: #D8EAF9;height: 42px; text-align: center; line-height: 42px;color: #7E94A5; font-size: 20px;}
.ls-yglist ul li .ls-title .starting{ color: #fff; background: #2568D6;}
.ls-yglist ul li .ls-text{line-height: 28px; font-size: 16px; color: #666; padding-right: 19px;}
.ls-yglist ul li .ls-text .ls-unit{margin-bottom: 6px;  overflow: hidden; display: block;}
.ls-yglist ul li .ls-text .ls-unit span{ margin-right: 45px; line-height: 32px; font-size: 18px;float: left;padding-left: 33px;}
.ls-yglist ul li .ls-text .ls-unit .p1{  background: url("../images-kfr/time.png") left center no-repeat;}
.ls-yglist ul li .ls-text .ls-unit .p2{  background: url("../images-kfr/address.png") left center no-repeat;}
.ls-yglist ul li .ls-text .ls-unit .p3{  background: url("../images-kfr/phone.png") left center no-repeat;}
.ls-yglist ul li .ls-text .ls-info{ padding-bottom: 4px;}

/*活动回顾*/
.ls-picdoclist{ margin-top: 20px;height: 550px;overflow: hidden;}
.ls-picdoclist ul{padding-right: 20px;}
.ls-picdoclist ul li{ height: 147px; margin-bottom: 20px; border-radius:12px;border-left:4px solid #2568D6; background: #fff;padding: 13px 23px 10px 35px;}
.ls-picdoclist ul li .ls-img{width: 244px; height: 147px; float: left;}
.ls-picdoclist ul li .ls-img img{ width: 100%; height: 100%;}
.ls-picdoclist ul li .ls-txt{ margin-left: 271px;}
.ls-picdoclist ul li .ls-txt .title{ padding-right: 140px; position: relative; }
.ls-picdoclist ul li .ls-txt .title a{line-height: 48px; font-size: 22px; font-weight: bold; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.ls-picdoclist ul li .ls-txt .title .ls-date{ font-size: 18px; color: #999; font-weight: normal;position: absolute; right: 0; top: 0; line-height: 48px;}
.ls-picdoclist ul li .ls-txt .note{ padding-top: 8px; line-height: 28px; font-size: 16px; color: #666;}
.ls-picdoclist ul li .ls-txt .note .detail-info{color: #2568D6;}
.ls-picdoclist ul li .ls-txt .note .detail-info:hover{ color: red;}
.ls-hdhg-more{ height: 40px; width: 470px;text-align: center; margin: 25px auto; background: url("../images-kfr/morebg.png") center no-repeat;}
.ls-hdhg-more a{display: block; line-height: 40px; color: #2568D6; font-size: 20px;}
.ls-hdhg-more a:hover{ font-weight: bold; text-decoration: underline;}
@media (min-width: 992px) and (max-width:1199px) {
    /*栏目列表*/
    .ls-zfkfr-list ul li{ width: 317px; margin-right: 20px;}
}
@media (max-width: 991px){
    .ls-row{ padding: 0 10px;}
    .ls-yinyanbox{ margin: 0 10px 15px;}
    /*栏目列表*/
    .ls-zfkfr-list{ margin: 0 10px 15px;}
    .ls-zfkfr-list ul li{ width: 239px; margin-right: 15px;}
    /*活动预告*/
    .ls-yglist ul{ height: auto;overflow: hidden;padding: 15px 15px 0px;}
    .ls-yglist ul li{height: auto; margin-bottom: 15px;}
    /*活动回顾*/
    .ls-picdoclist ul li{ padding-left: 15px; height: auto;overflow: hidden;}
    .ls-picdoclist ul li .ls-txt{ margin-left: 261px;}
}
@media (max-width: 767px) {
    /*引言*/
    .ls-yinyanbox{  margin-bottom: 10px; }
    .ls-yinyan-tit{ position: static;padding: 10px 10px 0; float: none; margin: 0 auto;}
    .ls-yinyan-info{padding: 0 10px 10px; font-size: 16px; }
    /*栏目列表*/
    .ls-zfkfr-list{ margin-bottom: 0px;}
    .ls-zfkfr-list ul li{ width: 100%; margin-right: 0px; margin-bottom: 10px;}
    /*活动预告*/
    .ls-yglist1{ overflow:auto;padding: 0px;}
    .ls-yglist ul{ padding: 10px 10px 0px;}
    .ls-yglist ul li{ margin-bottom: 10px; padding: 0 0 10px 10px;}
    .ls-yglist ul li .ls-title{ padding-top: 42px;}
    .ls-yglist ul li .ls-title a.tit{ margin-right: 10px; height: auto; white-space: normal;}
    .ls-yglist ul li .ls-text{ padding-right: 10px;}
    /*活动回顾*/
    .ls-picdoclist{ margin-top: 10px;overflow: auto;}
    .ls-picdoclist ul{ padding-right: 0px;}
    .ls-picdoclist ul li{ height: auto; margin-bottom: 10px;  padding: 10px;}
    .ls-picdoclist ul li .ls-img{ float: none; margin: 0 auto;}
    .ls-picdoclist ul li .ls-txt{ margin-left: 0px;}
    .ls-picdoclist ul li .ls-txt .title{ padding-right:0px; }
    .ls-picdoclist ul li .ls-txt .title a{line-height:32px;   white-space: normal;display: inline; font-size: 18px; }
    .ls-picdoclist ul li .ls-txt .title .ls-date{  position: static;  line-height: 30px;display: inline; font-size: 16px;}
}
@media (max-width: 500px) {
    .ls-hdhg-more{ width: 100%; background-size: 100% 100%;}
    .ls-yglist ul li .ls-text .ls-unit span{ margin-right: 0px; float: none; display: block;}
}
.wza-black-white  .slimScrollDiv .slimScrollBar{ background: white !important; }
.wza-yellow-black .slimScrollDiv .slimScrollBar{ background: black !important; }
.wza-blue-yellow  .slimScrollDiv .slimScrollBar{ background: yellow !important; }
.wza-yellow-blue  .slimScrollDiv .slimScrollBar{ background: blue !important; }
.wza-white-black .slimScrollDiv .slimScrollBar{ background: black !important;}
.wza-black-yellow .slimScrollDiv .slimScrollBar{ background: yellow !important;}


.wza-black-white  .slimScrollDiv .slimScrollRail{ background: grey !important; }
.wza-yellow-black .slimScrollDiv .slimScrollRail{ background: grey !important; }
.wza-blue-yellow  .slimScrollDiv .slimScrollRail{ background: grey !important; }
.wza-yellow-blue  .slimScrollDiv .slimScrollRail{ background: grey !important; }
.wza-white-black .slimScrollDiv .slimScrollRail{ background: grey !important;}
.wza-black-yellow .slimScrollDiv .slimScrollRail{ background:grey!important;}