.shortdesk-con {
  width: 100%;
  height: 100%;
  background: url(../images/desktop/desktopbg.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
}
.short-top {
  height: 90px;
  width: 100%;
  background: rgba(0, 25, 71, 0.8) url(../images/desktop/sd_t_bg_02.png) no-repeat center center;
  color: #fff;
}
.short-top .lf {
  float: left;
  max-width: 100%;
  height: 100%;
  color: #fff;
}
.short-top .rt {
  float: right;
}
.short-top .short-logo {
  height: 46px;
  width: 148px;
  margin: 22px 24px 0 20px;
  border-right: 2px solid #fff;
  float: left;
  background: url(../images/desktop/sdesktop_03.png) no-repeat center center;
}
.short-top .qy-name {
  float: left;
  line-height: 90px;
  font-size: 24px;
  background: url(../images/desktop/sdp_t_ico_03.png) no-repeat 30px center;
  padding-left: 64px;
}
.short-top .short-usermenu {
  height: 60px;
  margin: 15px 20px;
}
.short-top .short-usermenu li {
  float: left;
  height: 100%;
  width: 106px;
  border-right: 2px solid #667491;
  line-height: 60px;
  text-align: center;
}
.short-maincon {
  height: calc(100% - 90px);
  width: 80%;
  margin: 0 auto;
  position: relative;
}
.short-maincon .short-posrel-box {
  width: 100%;
  height: 64%;
  top: 18%;
  position: absolute;
}
.short-maincon .short-posrel-box ul {
  width: 100%;
  height: 100%;
}
.short-maincon .short-posrel-box ul li {
  float: left;
  width: 24%;
  height: 30%;
  margin: 0.5%;
  position: relative;
  background-repeat: no-repeat;
  background-position: center center;
}
.short-maincon .short-posrel-box ul li p {
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  line-height: 50px;
  position: absolute;
  bottom: 0;
  left: 0;
  padding-left: 15px;
}
.short-maincon .short-posrel-box ul a {
  display: block;
  font-size: 24px;
  color: #fff;
  font-weight: bold;
  height: 100%;
  position: relative;
}
.short-maincon .short-posrel-box ul a b {
  display: block;
  position: absolute;
  bottom: 0;
  height: 54px;
  line-height: 54px;
  padding-left: 15px;
}
.short-maincon .short-posrel-box ul .act-ico {
  background-repeat: no-repeat;
  background-position: center center;
  height: calc(100% - 20px);
  display: block;
  width: 100%;
}
.short-maincon .short-posrel-box ul .one {
  background: #e7ab29 url(../images/desktop/sutmenu_bg_03.png) no-repeat center center;
  background-size: 100% 100%;
}
.short-maincon .short-posrel-box ul .two {
  background: #afd80e url(../images/desktop/sutmenu_bg_05.png) no-repeat center center;
  background-size: 100% 100%;
}
.short-maincon .short-posrel-box ul .three {
  background: #0084ff url(../images/desktop/sutmenu_bg_07.png) no-repeat center center;
  background-size: 100% 100%;
}
.short-maincon .short-posrel-box ul .four {
  background: #e56c19 url(../images/desktop/sutmenu_bg_09.png) no-repeat center center;
  background-size: 100% 100%;
}
.short-maincon .short-posrel-box ul .five {
  background: #15af11 url(../images/desktop/sutmenu_bg_15.png) no-repeat center center;
  background-size: 100% 100%;
}
.short-maincon .short-posrel-box ul .six {
  background: #56c4ff url(../images/desktop/sutmenu_bg_16.png) no-repeat center center;
  background-size: 100% 100%;
}
.short-maincon .short-posrel-box ul .seven {
  background: #efc200 url(../images/desktop/sutmenu_bg_17.png) no-repeat center center;
  background-size: 100% 100%;
}
.short-maincon .short-posrel-box ul .eight {
  background: #afd80e url(../images/desktop/sutmenu_bg_18.png) no-repeat center center;
  background-size: 100% 100%;
}
.short-maincon .short-posrel-box ul .nine {
  background: #2bd6c5 url(../images/desktop/sutmenu_bg_24.png) no-repeat center center;
  background-size: 100% 100%;
}
.short-maincon .short-posrel-box ul .ten {
  background: #fc6555 url(../images/desktop/sutmenu_bg_25.png) no-repeat center center;
  background-size: 100% 100%;
}
.short-maincon .short-posrel-box ul .eleven {
  background: #c96aff url(../images/desktop/sutmenu_bg_26.png) no-repeat center center;
  background-size: 100% 100%;
}
.short-maincon .short-posrel-box ul .twelve {
  background: #17abfb url(../images/desktop/sutmenu_bg_27.png) no-repeat center center;
  background-size: 100% 100%;
}
.short-maincon .short-posrel-box .swiper-container,
.short-maincon .short-posrel-box .swiper-wrapper,
.short-maincon .short-posrel-box .swiper-slide {
  width: 100%;
  height: 100%;
}
.short-maincon .short-posrel-box .short-prev {
  position: absolute;
  background: url(../images/desktop/sdert_03_lf.png) no-repeat center center;
  left: -90px;
  width: 54px;
  height: 130px;
  margin-top: -65px;
  top: 50%;
  font-size: 0;
}
.short-maincon .short-posrel-box .short-next {
  position: absolute;
  background: url(../images/desktop/sdert_03.png) no-repeat center center;
  right: -90px;
  width: 54px;
  height: 130px;
  margin-top: -65px;
  top: 50%;
  font-size: 0;
}
.short-maincon .sweather-wrap {
  position: absolute;
  width: 100%;
  height: 42px;
  top: 8%;
  line-height: 42px;
  color: #fff;
}
.short-maincon .sweather-wrap p {
  height: 100%;
}
.short-maincon .sweather-wrap p span {
  display: block;
  float: left;
  height: 100%;
  margin-right: 20px;
}
.short-maincon .sweather-wrap p .icon {
  display: inline-block;
  vertical-align: top;
  width: 26px;
  height: 100%;
  margin: 0 10px;
}
.short-maincon .sweather-wrap p .sico1 {
  background: url(../images/desktop/sdesktop_07.png) no-repeat center center;
}
.short-maincon .sweather-wrap p .sico2 {
  background: url(../images/desktop/sdesktop_09.png) no-repeat center center;
}