.sjfb-banner {background: url(../images/sjfb/banner.png) no-repeat; background-size: 100%;padding-bottom: 30px;padding-top: 40px;}
.sjfb-banner .sjfb-thead{position: relative;text-align: center;}
.sjfb-banner .sjfb-thead b{display: block;font-size: 50px;height: 80px; line-height: 80px;color:#fff;position: relative;z-index: 1;text-shadow: 2px 2px 4px rgb(0, 0, 0,.30);}
.sjfb-banner .sjfb-thead span{position: absolute;display: block;top: 0;left: 0;right: 0;line-height: 88px;font-size: 70px; letter-spacing: .2em;color:rgb(42, 130, 228,.20);}


.tssj{font-size: 1.125em;}
.tssj .swiper-grid{margin-right: -15px; margin-left: -15px;}
.tssj .swiper-slide dl{margin: 10px 15px 30px; background: #fff; box-shadow: 0 2px 15px rgba(40, 113, 166, .1);}
.tssj .swiper-slide dl .place{padding-top: 56%;}
.tssj .swiper-slide dl .place .pic img{height: 100%;object-fit: fill;}
.tssj .swiper-slide dl dt{padding: 15px 20px;}
.tssj .swiper-slide dl dt .caption{line-height: 1.6em; height: 3.8em; overflow: hidden; display: table-cell; vertical-align: middle;text-align: center;}
.tssj .swiper-slide dl dt .caption .elli-m{max-height: 3.8em;}
.tssj .swiper-slide dl dt .time{color: #c4c4c4; margin-top: 1em; padding-left: 26px; background: url(../images/public/icon_clock2.png) no-repeat left center; background-size: 18px;}

.sjfb-chart{margin-top: 10%;}

.sjfb-nav ul {margin: 0px -20px;}
.sjfb-nav ul li{float: left;width:20%;}
.sjfb-nav ul li a{display: block;background: #fff;margin:0px 20px;text-align: center;padding: 20px 0; cursor: pointer;}
.sjfb-nav ul li a i{display: block; margin: auto; width: 68px;height: 68px;background:url(../images/sjfb/sjfb_nav_bg.png) no-repeat; background-size: 100%;position: relative;}
.sjfb-nav ul li a i::before{position: absolute; left: 50%;top: 50%; content: ''; width: 30px; height: 35px;background-size: 100%!important;margin-left: -15px;margin-top: -17px;}
.sjfb-nav ul li a span{display: block;padding: 20px 0 0;}
.sjfb-nav ul li.li1 a i::before{background: url(../images/sjfb/sjfb_gdp.png) no-repeat;}
.sjfb-nav ul li.li2 a i::before{background: url(../images/sjfb/sjfb_czrk.png) no-repeat;}
.sjfb-nav ul li.li3 a i::before{background: url(../images/sjfb/sjfb_gsgyzjz.png) no-repeat;}
.sjfb-nav ul li.li4 a i::before{background: url(../images/sjfb/sjfb_shxf.png) no-repeat;}
.sjfb-nav ul li.li5 a i::before{background: url(../images/sjfb/sjfb_ssze.png) no-repeat;}
.sjfb-nav ul li.li6 a i::before{background: url(../images/sjfb/sjfb_gdzcze.png) no-repeat;}

.sjfb-nav ul li.on a{background: url(../images/sjfb/li_bg.png) no-repeat; background-size: 100% 100%;color:#fff}
.sjfb-nav ul li.on a i{background:url(../images/sjfb/sjfb_navon_bg.png) no-repeat; background-size: 100%;}

.sjfb-nav ul li.li1.on a i:before{background: url(../images/sjfb/sjfb_gdp_on.png) no-repeat;}
.sjfb-nav ul li.li2.on a i:before{background: url(../images/sjfb/sjfb_czrk_on.png) no-repeat;}
.sjfb-nav ul li.li3.on a i:before{background: url(../images/sjfb/sjfb_gsgyzjz_on.png) no-repeat;}
.sjfb-nav ul li.li4.on a i:before{background: url(../images/sjfb/sjfb_shxf_on.png) no-repeat;}
.sjfb-nav ul li.li5.on a i:before{background: url(../images/sjfb/sjfb_ssze_on.png) no-repeat;}
.sjfb-nav ul li.li6.on a i:before{background: url(../images/sjfb/sjfb_gdzcze_on.png) no-repeat;}
.sjfb-area{height: 410px;}


@media (max-width: 1280px){
    .sjfb-banner .sjfb-thead span{font-size: 50px;}
    .sjfb-nav ul{margin: 0px -10px;}
    .sjfb-nav ul li a{margin: 0px 10px;}
    .sjfb-nav ul li a span{padding: 20px 15px 0;}
}

@media (max-width: 780px){
    .sjfb-nav ul{margin: -1px -1px;}
    .sjfb-nav ul li a{margin: 1px 1px;}
    .sjfb-nav ul li a span{padding: 20px 15px 0;height: 40px;}
    .sjfb-banner .sjfb-thead span,.sjfb-banner .sjfb-thead b{font-size: 30px;}
    .sjfb-nav ul li{width: 33.33%;}
    .sjfb-nav ul li a i{width: 40px; height: 40px;}
    .sjfb-nav ul li a i::before{width: 25px; height: 25px;margin-left: -12px; margin-top: -12px;}
    .sjfb-nav ul li a{background: #f9fafb;}
}