#app .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#app .bg-t,
#app .bg-b {
  background-image: url(http://n.sinaimg.cn/hb/cxsgdcwc/bg.v2.jpg);
  background-size: 1920px 11140px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
#app .bg-m {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-color: #b6edfe;
}
#app .bg-t {
  height: 8190px;
  background-position: top center;
}
#app .bg-b {
  height: 1558px;
  background-position: bottom center;
}
#app .logo,
#app .logo2 {
  position: absolute;
  top: 30px;
  left: 50%;
  background-size: contain;
  background-position: top center;
}
#app .logo {
  top: 40px;
  width: 336px;
  height: 43px;
  -webkit-transform: translateX(250px);
      -ms-transform: translateX(250px);
          transform: translateX(250px);
  background-image: url(http://n.sinaimg.cn/hb/cxsgdcwc/logo.png);
}
#app .logo2 {
  width: 76px;
  height: 84px;
  -webkit-transform: translateX(-450px);
      -ms-transform: translateX(-450px);
          transform: translateX(-450px);
  background-image: url(http://n.sinaimg.cn/hb/cxsgdcwc/logo2.png);
}
#app .banner {
  height: 650px;
}
#app .footer {
  height: 700px;
}
#app * {
  color: #0a68ab;
  font-size: 16px;
}
#app .focus-title {
  color: white;
}
#app .focus-picture {
  background-position: center center;
}
.w1000 {
  position: relative;
  z-index: 1;
  width: 1000px;
  margin: auto;
}
.no-touch {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
}
#top_focus {
  width: 600px;
  height: 340px;
}
#app .top-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 125px;
}
#app .top-container .top-right {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#app .top-container .top-news,
#app .top-container .article {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#app .top-container .article-title {
  font-size: 24px;
  text-align: center;
  margin-bottom: 6px;
}
#app .top-container .content {
  font-size: 14px;
}
#app .top-container .weibo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
#app .top-container .weibo-name {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#app .top-container .weibo-name::before {
  content: " ";
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin-right: 5px;
  background-image: url(http://n.sinaimg.cn/hb/cxsgdcwc/weibo.png);
  background-size: contain;
}
#app .top-container .weibo-follow {
  padding: 3px 15px;
  background-color: #0b69ac;
}
#app .top-container .weibo-follow * {
  color: white;
}
#app .top-container .swiper-pagination {
  height: 22px;
}
#app .cxsgkwc {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#app .cxsgkwc > * {
  margin-bottom: 140px;
}
#app .cxsgkwc .title-bar {
  height: 141px;
  margin: 0 -403px 120px -403px;
  background-image: url(http://n.sinaimg.cn/hb/cxsgdcwc/title-1.v2.png);
}
#app .cxsgkwc .history,
#app .cxsgkwc .landscape,
#app .cxsgkwc .feature {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
#app .cxsgkwc .part-bar {
  margin: -30px 60px 0 0;
  background-size: contain;
}
#app .cxsgkwc .part-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
#app .cxsgkwc .img {
  margin-right: 18px;
  margin-bottom: 18px;
  background-size: cover;
}
#app .cxsgkwc .img-hover {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(27, 153, 209, 0.7);
  opacity: 0;
}
#app .cxsgkwc .img-hover,
#app .cxsgkwc .img-hover * {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
#app .cxsgkwc .img-hover * {
  width: 80%;
  color: white;
}
#app .cxsgkwc .img-hover .img-title {
  -webkit-transform: translateY(-20px);
      -ms-transform: translateY(-20px);
          transform: translateY(-20px);
}
#app .cxsgkwc .img-hover .img-content {
  -webkit-transform: translateY(20px);
      -ms-transform: translateY(20px);
          transform: translateY(20px);
}
#app .cxsgkwc .img-hover:hover {
  opacity: 1;
}
#app .cxsgkwc .img-hover:hover .img-title {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
#app .cxsgkwc .img-hover:hover .img-content {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
#app .cxsgkwc .img-title {
  margin-bottom: 8px;
  font-size: 24px;
  text-align: center;
}
#app .cxsgkwc .history .part-bar {
  width: 99px;
  height: 621px;
  background-image: url(http://n.sinaimg.cn/hb/cxsgdcwc/history-1.v2.png);
}
#app .cxsgkwc .history .img {
  width: 400px;
  height: 290px;
}
#app .cxsgkwc .landscape {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
     -moz-box-orient: horizontal;
     -moz-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
#app .cxsgkwc .landscape .part-bar {
  margin-left: 30px;
  margin-right: 30px;
  width: 115px;
  height: 626px;
  background-image: url(http://n.sinaimg.cn/hb/cxsgdcwc/lands-1.v2.png);
}
#app .cxsgkwc .landscape .i-1 {
  width: 434px;
  height: 400px;
}
#app .cxsgkwc .landscape .i-2 {
  width: 434px;
  height: 193px;
}
#app .cxsgkwc .landscape .i-3 {
  width: 335px;
  height: 278px;
}
#app .cxsgkwc .landscape .i-4 {
  width: 335px;
  height: 315px;
}
#app .cxsgkwc .landscape .part-content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  height: 630px;
}
#app .cxsgkwc .feature .part-bar {
  width: 93px;
  height: 632px;
  background-image: url(http://n.sinaimg.cn/hb/cxsgdcwc/feature-1.v2.png);
}
#app .cxsgkwc .feature .i-1 {
  width: 825px;
  height: 340px;
}
#app .cxsgkwc .feature .i-2,
#app .cxsgkwc .feature .i-3 {
  width: 403px;
  height: 226px;
}
#app .wldv {
  margin-bottom: 80px;
}
#app .wldv * {
  background-size: cover;
  background-position: center center;
}
#app .wldv .title-bar {
  margin: 0 -403px 50px -403px;
  height: 157px;
  background-image: url(http://n.sinaimg.cn/hb/cxsgdcwc/title-2.v2.png);
}
#app .wldv .day1,
#app .wldv .day2 {
  position: relative;
  background-size: contain;
}
#app .wldv .day1 {
  height: 1681px;
  background-image: url(http://n.sinaimg.cn/hb/cxsgdcwc/day1.v3.png);
}
#app .wldv .day2 {
  margin-left: 50px;
  height: 1480px;
  background-image: url(http://n.sinaimg.cn/hb/cxsgdcwc/day2.v3.png);
}
#app .wldv .day {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100px;
  height: 100px;
}
#app .wldv .day1 .d-1 {
  top: 176px;
  width: 291px;
  height: 166px;
  -webkit-transform: translateX(-337px);
      -ms-transform: translateX(-337px);
          transform: translateX(-337px);
}
#app .wldv .day1 .d-2 {
  top: 286px;
  width: 276px;
  height: 158px;
  -webkit-transform: translateX(118px);
      -ms-transform: translateX(118px);
          transform: translateX(118px);
}
#app .wldv .day1 .d-3 {
  top: 514px;
  width: 291px;
  height: 166px;
  -webkit-transform: translateX(-281px);
      -ms-transform: translateX(-281px);
          transform: translateX(-281px);
}
#app .wldv .day1 .d-4 {
  top: 726px;
  width: 252px;
  height: 143px;
  -webkit-transform: translateX(120px);
      -ms-transform: translateX(120px);
          transform: translateX(120px);
}
#app .wldv .day1 .d-5 {
  top: 881px;
  width: 380px;
  height: 216px;
  -webkit-transform: translateX(-409px);
      -ms-transform: translateX(-409px);
          transform: translateX(-409px);
}
#app .wldv .day1 .d-6 {
  top: 1020px;
  width: 280px;
  height: 157px;
  -webkit-transform: translateX(145px);
      -ms-transform: translateX(145px);
          transform: translateX(145px);
}
#app .wldv .day1 .d-7 {
  top: 1372px;
  width: 229px;
  height: 131px;
  -webkit-transform: translateX(104px);
      -ms-transform: translateX(104px);
          transform: translateX(104px);
}
#app .wldv .day2 .d-1 {
  top: 264px;
  width: 362px;
  height: 206px;
  -webkit-transform: translateX(-420px);
      -ms-transform: translateX(-420px);
          transform: translateX(-420px);
}
#app .wldv .day2 .d-2 {
  top: 463px;
  width: 345px;
  height: 196px;
  -webkit-transform: translateX(88px);
      -ms-transform: translateX(88px);
          transform: translateX(88px);
}
#app .wldv .day2 .d-3 {
  top: 890px;
  width: 294px;
  height: 167px;
  -webkit-transform: translateX(105px);
      -ms-transform: translateX(105px);
          transform: translateX(105px);
}
#app .wldv .day2 .d-4 {
  top: 992px;
  width: 338px;
  height: 193px;
  -webkit-transform: translateX(-391px);
      -ms-transform: translateX(-391px);
          transform: translateX(-391px);
}
#app .mlsj {
  margin-bottom: 120px;
}
#app .mlsj .title-bar {
  margin: 0 -403px 70px -403px;
  height: 132px;
  background-image: url(http://n.sinaimg.cn/hb/cxsgdcwc/title-3.v2.png);
}
#app .mlsj .video-ctr {
  width: 1000px;
  height: 458px;
  margin-bottom: 100px;
}
#landscape_focus {
  width: 1000px;
  height: 458px;
}
#app .wbry .title-bar {
  margin: 0 -36px 70px -36px;
  height: 125px;
  background-image: url(http://n.sinaimg.cn/hb/cxsgdcwc/title-4.png);
}
.focus-item {
  position: relative;
  display: block;
  height: 100%;
  background-size: cover;
}
.focus-item .focus-picture {
  position: relative;
  height: 100%;
  width: 100%;
  background-size: cover;
}
.focus-item .focus-title {
  position: absolute;
  z-index: 1;
  bottom: 0;
  width: calc(100% - 2 * 10px);
  padding: 5px 10px;
  background-color: rgba(0, 0, 0, 0.8);
  font-size: 18px;
  color: white;
}
.focus-title {
  display: block;
  width: 100%;
}
.swiper-container-horizontal > .swiper-pagination {
  left: unset;
  right: 10px;
  bottom: 0;
  text-align: right;
  pointer-events: none;
  margin: 4px 0;
}
.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet {
  background-color: white;
  opacity: 0.5;
  border-radius: 0;
  width: 10px;
  height: 10px;
}
.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1;
}