/* 轮播图 */
.slideBox {
  max-width: 1440px;
  margin: 0 auto;
  width: 100%;
  height: 480px;
  overflow: hidden;
  position: relative;
}

.slideBox .hd {
  position: absolute;
  bottom: 18px;
  z-index: 1;
  width: 100%;
  text-align: center;
}

.slideBox .hd ul {
  zoom: 1;
}

.slideBox .hd ul li {
  display: inline-block;
  width: 32px;
  height: 6px;
  border-radius: 10px;
  background: #FFFFFFCC;
}
.slideBox .hd ul li+ li{
  margin-left: 12px;
}

.slideBox .hd ul li.on {
  background: #1D212859;
}

.slideBox .bd {
  position: relative;
  height: 100%;
  z-index: 0;
}

.slideBox .bd li {
  zoom: 1;
  vertical-align: middle;
}

.slideBox .bd img {
  width: 100%;
  height: 480px;
  display: block;
}
.login_enter{
  position: absolute;
  right: 139px;
    top: 110px;
    z-index: 1;
    background: #FFFFFF80;
    border-radius: 8px;
    padding: 16px;
}
.login_enter a{
  display: block;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
  padding: 18px 24px;
  border-radius: 4px;
  width: 200px;
}
.login_enter a img:first-child{
  width: 28px;
  margin-right: 10px;
}
.login_enter a img.fr{
  width: 16px;
  margin-left: 10px;
    position: relative;
    top: 4px;
}
.login_enter a:first-child{
  background: #FFFFFF;
}
.login_enter a+ a{
  background: #C03A3A;
  color: #FFFFFF;
  margin-top: 16px;
}
/* 轮播图结束 */
/* 公告 */
.notice{
  margin: 48px auto;
  display: table;
}
.notice>div{
  width: 557px;
  display: table-cell;
}
.notice>div:first-child {
  padding-right: 30px;
}
.notice>div+div{
  padding-left: 30px;
}
.notice-title{
  margin-bottom: 12px;
  width: 530px;
}
.notice-title span{
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color: #1D2128;
}
.notice-title span::before{
  content: '';
  display: inline-block;
  width: 4px;
  height: 16px;
  border-radius: 8px;
  background: #C03A3A;
  margin-right: 8px;
  margin-bottom: -2px;
}
.notice-title a{
  color: #505968;
  font-size: 12px;
  line-height: 20px;
  cursor: pointer;
  margin-top: 2px;
}
.notice-list a{
  display: block;
  color: #1D2128;
  padding: 4px 0;
  cursor: pointer;
  font-size: 14px;
}
.notice-list a * {
  cursor: pointer;
  line-height: 22px;
}
.notice-list a + a{
  margin-top: 8px;
}
.notice-list span{
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 410px;
}
.notice-list .notice-article{
  width: 340px;
}
.notice-list span:first-child:before{
  content: '';
  display: inline-block;
  width: 4px;
  height: 4px;
  margin: 8px 20px 4px 7px;
  border-radius: 4px;
  background: #C03A3A;
}
.notice-list .notice-time{
  color: #505968;
  padding-left: 12px;
}
.notice-list .notice-type{
  font-weight: 700;
  color: #C03A3A;
  padding-right: 6px;
  word-break: keep-all;
  line-height: 22px;
}
/* 公告结束 */
/* 快捷入口 */
.quick{
  padding: 56px 0 40px;
  background: #F7F8FA;
}
.quick .content +.content{
  margin-top: 16px;
}
.quick a{
  display: inline-block;
  width: 268px;
  padding: 32px 24px;
  cursor: pointer;
  font-size: 16px;
  line-height: 32px;
  color: #1D2128;
  background: #FFFFFF;
  border-radius: 6px;
}
.quick a+a {
  margin-left: 16px;
}
.quick a img{
  width: 32px;
  margin-right: 12px;
  float: left;
}
.quick a:hover{
  box-shadow: 0px 0px 10px 0px #4343431A;
}
.service{
  margin: 48px auto 32px;
}
.service-logo {
  margin: 0 auto;
  display: block;
  width: 700px;
  margin-bottom: 20px;
}
.service-title{
  margin: 28px 20px 20px 0;
}
.service-title span{
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color: #1D2128;
  padding-left: 23px;
  position: relative;
}
.service-title span::before{
  content: '';
  display: inline-block;
  width: 5px;
  height: 22px;
  background: #C03A3A;
  position: absolute;
  left: 0;
}
.service-title img{
  width: 78px;
  cursor: pointer;
}
.service-card{
  display: inline-block;
  border-radius: 6px;
  overflow: hidden;
  width: 552px;
  height: 186px;
  margin-bottom: 16px;
  position: relative;
}
.service-card:nth-child(odd){
  margin-right: 16px;
}
.service-card-bg{
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.service-card2 .service-title span::before{
  background: #F7BA1E;
}
.service-card3 .service-title span::before{
  background: #3A57C0;
}
.service-card6 .service-title span::before{
  background: #3A57C0;
}
.service-func{
  writing-mode: vertical-lr;
  height: 100px;
  font-size: 0;
  margin-left: 28px;
  max-width: 320px;
}
.service-func p{
  display: inline-block;
  width: 130px;
  margin-right: 30px;
  text-align: left;
  margin-bottom: 8px;
  height: 22px;
}
.service-func a{
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 130px;
  font-size: 14px;
  line-height: 22px;
  color: #1D2128;
  cursor: pointer;
  writing-mode: horizontal-tb;
}
.service-func img{
  width: 12px;
  margin-right: 9px;
}
/* 快捷入口结束 */
/* 左侧快捷入口 */
.func-entry{
  position: fixed;
  right: 0;
  top: 33%;
}
.func-entry>a{
  display: block;
  padding: 10px 12px;
  margin-bottom: 8px;
  box-shadow: 0px -1px 10px 0px #43434333;
  background: #ffffff;
  border-radius: 8px  0px  0px  8px;
  text-align: center;
  cursor: pointer;
}
.func-entry img {
  width: 24px;
  margin-bottom: 4px;
}
.func-entry span{
  display: block;
  text-align: left;
  width: 42px;
  font-size: 10px;
  font-weight: 700;
  line-height: 12px;
  color: #505968;
}
/* 移动端 */
@media (max-width: 1120px) {
  .slideBox{
    height: auto;
  }
  .slideBox .bd img{
    height: 360px;
  }
  .notice{
    margin: 24px 20px;
    display: block;
  }
  .notice>div{
    width: 100%;
    display: block;
  }
  .notice>div:first-child {
    padding-right: 0;
  }
  .notice>div+div{
    padding-left: 0;
    margin-top: 20px;
  }
  .quick{
    padding: 24px 20px;
  }
  .quick .content{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
  }
  .quick a{
    width: 48%;
  }
  .quick a+a{
    margin-left: 0;
  }
  .quick a+a+a{
    margin-top: 16px;
  }
  .service-list{
    margin: 0 20px;
  }
  .service-card{
    width: 100%;
  }
  .service-card:nth-child(odd){
    margin: 0;
  }
  .notice-title{
    width: 100%;
  }
}
@media (max-width: 767px) {
  .slideBox .bd img{
    height: 200px;
  }
  .func-entry,.login_enter{
    display: none;
  }
  .service-logo{
    width: 100%;
  }
  .notice-list a{
    display: flex;
  }
  .notice-list span{
    width: auto;
  }
  .notice-list .notice-time{
    width: 90px;
  }
  .notice-list span{
    flex: 1;
  }
  .quick a{
    padding: 18px 12px;
  }
}