a{color:#333;text-decoration:none;outline:0;transition:all .3s ease-in-out;}
a:hover{color:#9c1d37;transition:all .3s ease-in-out;}
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mb20{margin-bottom:20px;}
.ts{position: relative;}
.ts img{width: 100%;min-height:100%;object-fit: cover;}
.ts:hover{cursor:pointer}
.ts i{position: absolute;top:0;left:0;width: 100%;height:100%;transition:all .3s ease-in-out;}
.ts i:hover{background: rgba(0,0,0,0.1);transition:all .3s ease-in-out;}
.flex{display: flex;justify-content: space-between;flex-wrap: wrap;}
.footx{position: relative;}
.footx:after{position: absolute;content: '';left:0;bottom: 0;width: calc(100%);height: 1px;opacity: .5;background: #ddd;-webkit-transform: scaleY(.5);-webkit-transform-origin: 0 0;}
.shjl_h{width:100%;height: 90px;}
.shjl_head{width:100%;display:flex;justify-content: space-between;align-items: center;background:rgba(255,255,255,.8); margin:0 auto;padding:20px 50px;position: fixed;box-sizing: border-box;z-index: 999;}
.shjl_head_logo{display: flex;align-items: center; height:50px;}
.shjl_head_thumb{float: left;}
.shjl_head_thumb img{height:50px}
.shjl_head_city{float: left;line-height:50px;margin-left:5px;color:#eda048;}
/* .shjl_head_tent{padding:20px 0;} */

.shjl_head_menu{line-height:50px;}
.shjl_head_menu li{float: left;font-size:17px;margin-left:25px}
.shjl_head_menu li.this a{color:#9c1d37}
.shjl_head_menu li:first-child{margin-left:0}

@media all and (min-width:980px) {
  .shjl_head_menu{display: block!important}
}
.cd_btn{
  width:0;
  display:none;
  cursor: pointer;
}
@media all and (max-width:980px) {
  .cd_btn{
    width:20px;
    height: 21px;
    display:block;
    position: relative;
    margin-top:5px;
  }
  .cd_btn .line1{
    position: absolute;
    left:0;
    top:0;
    width:20px;
    height:1.5px;
    background:#666;
    transition: all ease .25s;
  }
  .cd_btn .line2{
    position: absolute;
    left:0;
    top:8px;
    width:20px;
    height:1.5px;
    background:#666;
    transition: all ease .25s;
  }
  .cd_btn .line3{
    position: absolute;
    left:0;
    top:16px;
    width:20px;
    height:1.5px;
    background:#666;
    transition: all ease .25s;
  }
  .cd_btn .line1_1{
    position: absolute;
    left:0;
    top:8px;
    width:20px;
    height:1.5px;
    background:#666;
    transform: rotate(45deg);
    transition: all ease .25s;
  }
  .cd_btn .line2_1{
    width:20px;
    height:1.5px;
    background:666;
    opacity: 0;
    transition: all ease .25s;
  }
  .cd_btn .line3_1{
    position: absolute;
    left:0;
    top:8px;
    width:20px;
    height:1.5px;
    background: #666;
    transform: rotate(-45deg);
    transition: all ease .25s;
  }
  .shjl_head{
    background:rgba(255,255,255,.8);
    position: fixed;
    left:0;
    top:0;
    padding: 10px 20px;
  }
  .shjl_head_menu{
    position: fixed;
    left:0;
    top:70px;
    z-index: 999;
    background:rgba(255,255,255,1);
    width:100%;
    display:none;
  }
  .shjl_head_menu li{
    width:100%;
    margin-left: 0;
    text-align: center;
  }
  .shjl_h{
    height: 70px;
  }
}
@media all and (max-width:750px) {
  .shjl_head_logo{
    height: 35px;
  }
  .shjl_head_thumb img{
    height: 35px;
  }
  .shjl_head_city{
    line-height: 35px;
  }
  .shjl_head_menu{
    top:55px;
  }
  .shjl_head_menu li{
    font-size:14px;
  }
  .shjl_h{
    height: 55px;
  }
}
@media all and (max-width:480px) {
  .shjl_head{
    padding:8px 10px;
  }
  .shjl_head_logo{
    height: 30px;
  }
  .shjl_head_thumb img{
    height: 30px;
  }
  .shjl_head_city{
    display:none;
  }
  .shjl_head_menu{
    top:46px;
  }
  .shjl_head_menu li{
    line-height: 35px;
  }
  .shjl_h{
    height: 46px;
  }
}

.shjl_side{width:100%;overflow: hidden;padding-top:90px;}
#side{width:100%;height:100%;overflow:hidden;position:relative;clear: both;}
#side .swiper-slide{position:relative;text-align:center}
#side img{display: block;width:100%;height:100%;object-fit: cover;}
#side .swiper-pagination-bullet{background:#fff;opacity:1;width:30px;height:4px;border-radius: 0;}
#side .swiper-pagination-bullet-active{background:#9c1d37;opacity:1;}
#side .swiper-pagination-bullets{bottom:10px;}
@media all and (max-width:980px) {
  .shjl_side{
    height: 480px;
    padding-top:70px;
  }
  #side{
    height: 480px;
  }
}
@media all and (max-width:750px) {
  .shjl_side{
    height: 320px;padding-top:55px;
  }
  #side{
    height: 320px;
  }
}
@media all and (max-width:480px) {
  .shjl_side{
    height: 240px;
  }
  #side{
    height: 240px;
  }
}
.shjl_foot{width: 100%;height:auto;padding:30px 0;background:#28274c;}
.shjl_foot_box{width:1200px;height:auto;margin:0 auto;overflow: hidden;}
.shjl_foot_text{display: block;color:#a5a5a5}
.shjl_foot_text p{line-height:22px;font-size:13px;}
.shjl_foot_image{display: block;height:50px;margin:8px 0}
.shjl_foot_image img{display: block;height:50px;}
.shjl_link{width:100%;height:auto;padding:40px 0;overflow: hidden;}
.shjl_link_box{width: 1200px;height:auto;margin:0 auto;line-height:24px;}
.shjl_link_box span{color:#eda048;font-weight:600;}
.shjl_link_box a{color:#666}
.shjl_link_box a:hover{color:#9c1d37}
@media all and (max-width:1200px) {
  .shjl_link_box{
    width:95%;
  }
  .shjl_foot_box{
    width:95%;
  }
}
@media all and (max-width:750px) {
  .shjl_link{
    padding:20px 0;
  }
  .shjl_foot_text{
    width:100%;
    text-align: center;
  }
  .shjl_foot_image{
    margin:8px auto;
  }
}

.page{width: 100%;height: auto;overflow: hidden;background: #fff;padding:8px 0;}
.page-box{clear: both;display: flex;justify-content: center; align-items: center;flex-wrap:wrap;margin-top:10px;}
.page-box p{margin:0;}
.page-box a{margin: 2px 2px 2px 0px;padding: 6px 11px;text-decoration: none;background:#fafafa;}
.page-box a:hover{color:#fff;background: #9c1d37}
.page-box span{padding: 6px 11px;color:#999;background:#fafafa;margin-right:8px;cursor:pointer;margin: 2px 2px 2px 0px;}
.page-box .this{background: #eda048;color:#fff}

@font-face{font-family: 'iconfont';src:url('iconfont.ttf') format('truetype')}
.icon{font-family: iconfont!important;font-size: 14px;font-style: normal;}
.icon-map:before{content: "\e601";}
.icon-dian:before{content: "\e727";}