/*

YUI 3.5.0 (build 5089)

Copyright 2012 Yahoo! Inc. All rights reserved.

Licensed under the BSD License.

http://yuilibrary.com/license/

*/

html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}



* {

  -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box;

}

*:before,

*:after {

  -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box;

}



@font-face {font-family: "iconfont";

  src: url('../fonts/iconfont.eot?t=1577210741875'); /* IE9 */

  src: url('../fonts/iconfont.eot?t=1577210741875#iefix') format('embedded-opentype'), /* IE6-IE8 */

  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),

  url('../fonts/iconfont.woff?t=1577210741875') format('woff'),

  url('../fonts/iconfont.ttf?t=1577210741875') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */

  url('../fonts/iconfont.svg?t=1577210741875#iconfont') format('svg'); /* iOS 4.1- */

}

.iconfont {

  font-family: "iconfont" !important;

  font-size: 16px;

  font-style: normal;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}



body {

  padding-top: 53px;

  font-family: "Microsoft Yahei";

  font-size: 14px;

  color: #666;

  background-color: #fff;

}

@media (min-width: 768px) {

  body {

    padding-top: 0;

  }

}

a {

  color: #333;

  text-decoration: none;

}

a:hover {

  color: #e80000;

  text-decoration: none;

}



input:focus,

button:focus,

select:focus {

  outline: 0;

}





.container:before,

.container:after,

.clearfix:before,

.clearfix:after {

  display: table;

  content: " ";

}

.container:after,

.clearfix:after {

  clear: both;

}



.container {

  position: relative;

  width: 100%;

  margin-left: auto;

  margin-right: auto;

}

@media (min-width: 768px) {

  .container {

    width: 750px;

  }

}

@media (min-width: 992px) {

  .container {

    width: 970px;

  }

}

@media (min-width: 1200px) {

  .container {

    width: 1200px;

  }

}



.visible-xs {

  display: none !important;

}

@media (max-width: 767px) {

  .visible-xs {

    display: block !important;

  }

  .hidden-xs {

    display: none !important;

  }

}



.ellipsis {

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

}



.thumb {

  display: block;

  overflow: hidden;

}

.thumb img {

  display: block;

  width: 100%;

  transition: all .4s;

}

.thumb:hover img {

  transform: scale(1.2);

}



/***************** header S *****************/

header {

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  z-index: 999;

  padding: 5px 5px 3px 5px;

  background-color: #2a2a2a;

  border-bottom: 2px solid #ffd48f;

}

header .logo {

  float: left;

  height: 43px;

  overflow: hidden;

}

header .btn-menu {

  float: right;

  margin: 5px 5px 0 20px;

  width: 32px;

  height: 32px;

  background: url(../img/icon-menu.png) no-repeat;

  cursor: pointer;

}

header .search {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  z-index: 3;

  display: none;

  text-align: center;

  height: 100%;

  padding-top: 8px;

  background-color: #2a2a2a;

}

header .search form {

  display: flex;

  margin: 0 auto;

}

header .search form input {

  padding: 8px 5px;

  border: none;

}

header .search form input[type='text'] {

  width: 80%;

  background-color: #fff;

}

header .search form input[type='submit'] {

  flex: 1;

  letter-spacing: 10px;

  color: #fff;

  background-color: #e80000;

  cursor: pointer;

}

header .search form input[type='submit']:hover {

  background-color: #990000;

}

.btn-close {

  display: block;

  width: 32px;

  height: 32px;

  background: url(../img/icon-close.png) no-repeat;

  cursor: pointer;

  transition: transform 0.6s ease-out;

}

.btn-close:hover {

  transform: rotateZ(180deg);

}

header .search .btn-close {

  position: absolute;

  right: 0;

  top: 8px;

}

.btn-search span {

  display: inline-block;

  width: 25px;

  height: 25px;

  margin-top: 28px;

  background: url(../img/icon-search.png) no-repeat;

  cursor: pointer;

}

nav a {

  color: #ffd48f;

}

nav a:hover {

  color: #d8b47b;

}

@media (max-width: 767px) {

  body.open header .btn-menu {

    background-image: url(../img/icon-close.png);

  }

  body.open nav {

    right: 0;

  }

  nav {

    position: fixed;

    right: -50%;

    top: 0;

    z-index: 998;

    width: 50%;

    height: 100%;

    padding-top: 51px;

    font-size: 16px;

    background-color: #2a2a2a;

    transition: all .3s;

  }

  nav > ul {

    display: block;

    height: 100%;

    border-top: 2px solid #ffd48f;

    border-left: 2px solid #ffd48f;

  }

  nav > ul > li {

    border-bottom: 1px solid #6c5632;

  }

  nav > ul > li.sep {

    border-bottom: none;

  }

  nav > ul > li > a {

    display: block;

    padding: 10px 15px;

    line-height: 30px;

    font-size: 18px;

  }

  nav > ul > li > a .iconfont {

    margin-right: 5px;

    font-size: 28px;

    vertical-align: middle;

  }

  nav > ul > li > a span:before {

    content: "\e627";

  }

  nav > ul > li:nth-child(2) > a span:before {

    content: "\e752";

  }

  nav > ul > li:nth-child(4) > a span:before {

    content: "\e631";

  }

  nav > ul > li:nth-child(5) > a span:before {

    content: "\e754";

  }

  nav > ul > li:nth-child(6) > a span:before {

    content: "\e6ef";

  }

  nav > ul > li > ul {

    padding-left: 50px;

    padding-bottom: 10px;

  }

  nav > ul > li > ul > li {

    margin-bottom: 2px

  }

  header .btn-search {

    float: right;

  }

  header .btn-search span {

    margin-top: 10px;

  }

  header .search .container {

    padding-left: 5px;

    padding-right: 45px;

  }

  header .search .btn-close {

    top: 2px;

    right: 5px;

  }

}

@media (min-width: 768px) {

  header {

    position: relative;

    z-index: 2;

    height: 100px;

    padding-top: 10px;

  }

  header.active {

    z-index: 4;

  }

  header .logo {

    position: absolute;

    left: 50%;

    float: none;

    height: auto;

    margin-left: -87px;

  }

  header .search {

    padding-top: 25px;

  }

  header .search form {

    width: 50%;

  }

  header .search form input {

    padding: 14px 10px;

    font-size: 16px;

  }

  nav {

    position: absolute;

    top: 10px;

    left: 0;

    right: 0;

    z-index: 3;

    display: block;

    font-size: 17px;

  }

  nav a i {

    display: none;

  }

  nav > ul {

    padding-left: 4%;

  }

  nav > ul > li {

    position: relative;

    z-index: 2;

    float: left;

    display: block;

    width: 18%;

    text-align: center;

  }

  nav > ul > li.sep {

    width: 20%;

    height: 88px;

  }

  nav > ul > li.btn-search {

    width: 4%;

  }

  nav > ul > li > a {

    display: block;

    padding-top: 30px;

    padding-bottom: 36px;

  }

  nav > ul > li > ul {

    position: absolute;

    top: 100%;

    left: 0;

    min-width: 100%;

    padding: 10px 5px;

    background: rgba(49, 85, 101, .9);

    opacity: 0;

    transition: all .3s ease 0s;

    visibility: hidden;

    transform: translate3d(0, 10px, 0);

  }

  nav > ul > li.dropdown:hover ul {

    opacity: 1;

    transform: translate3d(0, 0, 0);

    visibility: visible;

  }

  nav > ul > li > ul > li > a {

    display: block;

    line-height: 35px;

    color: #fff;

  }

}

@media (min-width: 1200px) {

  header .search .btn-close {

    right: 65px;

  }

}

.mask {

  position: fixed;

  top: 0;

  left: 0;

  z-index: 102;

  display: none;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.65);

}

body.open .mask {

  display: block;

}

/***************** header E *****************/





/***************** footer S *****************/

footer {

  padding: 15px 10px;

  color: #fff;

  background-color: #575757;

}

footer a {

  color: #fff;

}

footer .copyright {

  padding-top: 10px;

  text-align: center;

}

footer .copyright p {

  margin-bottom: 9px;

}

footer .copyright p span {

  padding: 0 .5em;

}

footer .copyright #sitecopy a {

  display: none;

}

footer .social a {

  position: relative;

  z-index: 99;

  display: inline-block;

  width: 29px;

  height: 24px;

  margin-left: 15px;

  background: url(../img/icon-social.png) no-repeat;

}

footer .social a:last-child {

  background-position: -55px 0;

}

footer .social a img {

  position: absolute;

  left: 50%;

  bottom: 40px;

  display: none;

  margin-left: -75px;

  border: 3px solid #fff;

}

footer .social a:hover img {

  display: block;

}

.backtop {

  position: fixed;

  right: 10px;

  bottom: 50px;

  display: none;

  width: 58px;

  height: 58px;

  background: url(../img/backtop.gif) no-repeat;

  cursor: pointer;

}

.backtop:hover {

  background-position: -58px 0;

}

@media (max-width: 767px) {

  footer .logo {

    display: none;

  }

  footer .social {

    display: none;

  }

}

@media (min-width: 768px) {

  footer {

    padding-top: 50px;

    padding-bottom: 50px;

  }

  footer .logo {

    float: left;

    width: 20%;

  }

  footer .copyright {

    float: left;

    width: 60%;

  }

  footer .social {

    float: left;

    width: 20%;

    margin-top: 20px;

  }

}



/***************** footer E *****************/





/***************** banner S *****************/

.owl-banner .owl-nav.disabled + .owl-dots {

  margin-top: 10px;

}

.owl-banner .owl-dots {

  position: absolute;

  left: 0;

  right: 0;

  bottom: 10px;

  display: block;

  width: 100%;

  text-align: center;

  -webkit-tap-highlight-color: transparent;

}

.owl-banner .owl-dots .owl-dot {

  display: inline-block;

}

.owl-banner .owl-dots .owl-dot span {

  display: inline-block;

  width: 15px;

  height: 15px;

  margin: 0 5px;

  background-color: #fff;

  border: 1px solid #000;

  border-radius: 50%;

  box-shadow: 0 0 2px rgba(0, 0, 0, .6);

}

.owl-banner .owl-dots .owl-dot.active span,

.owl-banner .owl-dots .owl-dot:hover span {

  background-color: #e80000;

  border-color: #fff;

}



#mobile-banner .owl-dots {

  bottom: 5px;

}

#mobile-banner .owl-dots .owl-dot span {

  height: 2px;

  margin-left: 3px;

  margin-right: 3px;

  border: none;

  border-radius: 0;

}



.banner-page {

  height: 150px;

  margin-bottom: 15px;

  background: url(../img/banner.jpg) center no-repeat;

  background-size: cover;

}

.breadcrumb {

  padding-top: 75px;

  color: #fff;

  text-align: center;

}

.breadcrumb a {

  color: #fff;

}

@media (min-width: 768px) {

  .banner-page {

    height: 320px;

    margin-bottom: 30px;

  }

  .breadcrumb {

    padding-top: 280px;

    text-align: right;

  }

}

/***************** banner E *****************/





/**************** indexcss S ****************/

.business {

  position: relative;

  padding-top: 40px;

  padding-bottom: 40px;

}

.business .item {

  margin-bottom: 15px;

}

.business .item img {

  width: 100%;

  display: block;

}

.business .item .text {

  padding: 0 10px;

  text-align: justify;

}

.business .item .text h3 {

  margin: 25px 0;

  height: 58px;

  line-height: 58px;

  font-size: 28px;

  color: #d7261a;

}

.business .item .text h3 span {

  float: left;

  display: inline-block;

  width: 58px;

  height: 58px;

  margin-right: 15px;

  background: url(../img/icon-business.png) no-repeat;

  border: 2px solid #d69732;

  border-radius: 50%;

}

.business .item .text p {

  margin-bottom: 8px;

  text-indent: 2em;

  line-height: 1.75em;

  color: #888;

}

.business #item-2 .text h3 span {

  background-position: 0 -58px;

}

.business #item-3 .text h3 span {

  background-position: 0 -116px;

}

@media (min-width: 768px) {

  .business {

    padding-top: 70px;

    padding-bottom: 70px;

  }

  .business .item img {

    float: left;

    width: 41%;

  }

  .business .item .text {

    float: left;

    width: 59%;

    padding-left: 40px;

  }

  .business #item-2 img {

    float: right;

  }

  .business #item-2 .text {

    padding-left: 0;

    padding-right: 40px;

  }

}

@media (min-width: 1200px) {

  .business .item .text p {

    padding-left: 74px;

  }

}



.history {

  padding: 50px 0;

  background-color: #bfbfbf;

}

.history h3 {

  margin-bottom: 50px;

  text-align: center;

  font-size: 24px;

  color: #000;

}

.history .owl-carousel {

  padding-left: 70px;

  padding-right: 70px;

}

.history .owl-carousel .owl-nav button.owl-prev,

.history .owl-carousel .owl-nav button.owl-next {

  position: absolute;

  top: 50%;

  display: block;

  width: 45px;

  height: 107px;

  margin-top: -54px;

  background: url(../img/timeline-arr.png) no-repeat;

  cursor: pointer;

}

.history .owl-carousel .owl-nav button.owl-prev {

  left: 5px;

}

.history .owl-carousel .owl-nav button.owl-next {

  right: 5px;

  background-position: 0 -107px;

}

.history .owl-carousel .owl-nav button span {

  display: none;

}



.history .item .box {

  position: relative;

  width: 110px;

  height: 280px;

  background-color: #fff;

  border-radius: 55px;

}

.history .item .box .hd {

  position: absolute;

  left: 0;

  right: 0;

  width: 110px;

  height: 110px;

  line-height: 110px;

  text-align: center;

  font-family: Arial;

  font-size: 30px;

  color: #fff;

  background: url(../img/year-bg.png) no-repeat;

}

.history .owl-item:nth-child(odd) .box {

  padding-top: 110px;

}

.history .owl-item:nth-child(odd) .box .hd {

  top: 0;

}

.history .owl-item:nth-child(even) .box {

  padding-top: 30px;

}

.history .owl-item:nth-child(even) .box .hd {

  bottom: 0;

  background-position: 0 -110px;

}

.history .item .box .bd {

  height: 10em;

  overflow: hidden;

  padding: 20px 8px;

  text-align: justify;

}

@media (min-width: 768px) {

  .history .owl-carousel {

    padding-left: 150px;

    padding-right: 0;

    background: url(../img/timeline-logo.png) left center no-repeat;

  }

  .history .owl-carousel .owl-nav button.owl-prev {

    left: -70px;

  }

  .history .owl-carousel .owl-nav button.owl-next {

    right: -70px;

  }

  .history .line {

    position: absolute;

    top: 235px;

    left: 130px;

    width: 85%;

    height: 2px;

    background-color: #9d9d9d;

  }

}

/**************** indexcss E ****************/



/****************** main S ******************/

.main {

  padding-left: 10px;

  padding-right: 10px;

}

@media (min-width: 768px) {

  .main {

    display: flex;

    padding-left: 0;

    padding-right: 0;

  }

  .main .sidebar {

    float: left;

    width: 250px;

    margin-right: 30px;

  }

  .main .content {

    flex: 1;

  }

}

.article {

  min-height: 300px;

  overflow: hidden;

  text-align: justify;

}

.article img {

  max-width: 100%;

}

.single .article {

  font-size: 15px;

  line-height: 1.75em;

}



.section-title {

  text-align: center;

}

.section-title h2 {

  font-size: 24px;

  color: #000;

}



.coltit {

  margin-bottom: 20px;

  line-height: 37px;

  text-align: center;

  background: url(../img/coltit-bg.jpg) center no-repeat;

}

.coltit h2 {

  display: inline-block;

  padding: 0 15px;

  font-size: 24px;

  color: #684102;

  background-color: #fff;

}

.list .coltit {

  position: relative;

  line-height: 36px;

  background-image: none;

  border-bottom: 1px solid #b37e2c;

}

.list .coltit:before,

.list .coltit:after {

  position: absolute;

  top: 4px;

  display: inline-block;

  content: " ";

  width: 36px;

  height: 28px;

  background: url(../img/tit-bg.png) no-repeat;

}

.list .coltit:before {

  left: 0;

}

.list .coltit:after {

  right: 0;

  background-position: 0 -28px;

}



.news {

  display: flex;

  padding: 20px 0;

  border-bottom: 1px solid #ccc;

}

.news .thumb {

  float: left;

  width: 35%;

}

.news .meta {

  float: left;

  width: 190px;

  text-align: center;

}

.news .meta span {

  display: block;

  font-size: 24px;

  color: #db251c;

}

.news .meta p {

  padding: 10px 0;

  color: #888;

}

.news .meta i {

  display: inline-block;

  width: 53px;

  height: 53px;

  background: url(../img/btn-more.png) no-repeat;

}

.news .text {

  flex: 1;

  padding-left: 10px;

}

.news .text h4 {

  font-size: 16px;

}

.news .text p {

  line-height: 1.5em;

  color: #888;

}

@media (max-width: 767px) {

  .news .text {

    align-items: center;

  }

}

@media (min-width: 768px) {

  .news .thumb {

    width: 200px;

  }

  .news .text {

    display: flex;

    padding-left: 0;

    align-items: center;

  }

  .news .text h4 {

    margin-bottom: 15px;

    font-size: 18px;

  }

}



.videolist li {

  float: left;

  display: block;

  width: 50%;

  padding: 10px;

  text-align: center;

}

.videolist li .item {

  padding: 7px;

  background-color: #f2f2f2;

}

.videolist li .item .thumb {

  position: relative;

}

.videolist li .item .thumb .cover {

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  opacity: 0;

  visibility: hidden;

  background: rgba(0, 0, 0, .5) url(../img/icon-play.png) center no-repeat;

  transition: all .3s ease 0s;

}

.videolist li .item .thumb:hover .cover {

  opacity: 1;

  visibility: visible;

}

.videolist li .item h4 {

  padding: 5px 0;

  font-size: 16px;

}

@media (min-width: 768px) {

  .videolist li {

    width: 33.33%;

  }

}



.pagination {

  margin: 40px 0;

  text-align: center;

}

.pagination li {

  display: inline-block;

  margin: 2px;

}

.pagination li span,

.pagination li a {

  display: inline-block;

  min-width: 30px;

  height: 28px;

  line-height: 28px;

  padding-left: 5px;

  padding-right: 5px;

  text-align: center;

  border: 1px solid #ebebeb;

  border-radius: 6px;

}

.pagination li.active a,

.pagination li.active a:hover {

  color: #fff;

  background-color: #e80000;

  border-color: #e80000;

}

.pagination li a:hover {

  color: #fff;

  background-color: #dadada;

}

.pagination > strong {

  padding: 0 .5em;

}

@media (min-width: 768px) {

  .pagination li span,

  .pagination li a {

    

  }

}



.post {

  padding-bottom: 50px;

}

.post .coltit {

  margin-bottom: 15px;

}

.post .post-meta {

  margin-bottom: 20px;

  text-align: center;

  color: #888;

}

.post .post-meta span {

  padding: 0 .5em;

}

.post .article {

  line-height: 1.5em;

  font-size: 16px;

}

.post .article video {

/*  display: block;*/

  object-fit: fill;

}

.post .article .ckin__player:hover .ckin-play {

  padding: 7px;

  border: 4px solid #f00;

  border-radius: 50%;

}

.post .pager {

  padding: 10px 0;

  line-height: 1.8em;

  border-top: 1px solid #eee;

}



/***************** sidebar S *****************/

.sidebar {

  padding-bottom: 30px;

}

.sidebar > h3 {

  height: 47px;

  margin-bottom: 10px;

  line-height: 37px;

  text-indent: 65px;

  font-size: 18px;

  color: #fff;

  background: url(../img/sidebar-h3.jpg) no-repeat;

}

.subnav {

  padding-right: 12px;

}

.subnav > li {

  padding: 10px 0;

  border-bottom: 1px solid #efefef;

}

.subnav a {

  display: block;

  padding-left: 65px;

  color: #666;

}

.subnav > li > a {

  position: relative;

  font-size: 16px;

}

.subnav > li > a:before {

  position: absolute;

  left: 15px;

  top: 3px;

  display: block;

  content: " ";

  width: 16px;

  height: 16px;

  background: url(../img/list-arr.png) center no-repeat;

}

.subnav li.active > a,

.subnav li > a:hover {

  color: #f00;

}

.subnav li ul {

  display: none;

}

.subnav li.active ul {

  display: block;

}

.subnav li ul li {

  margin-top: 8px;

}

@media (max-width: 767px) {

  .subnav > li {

    float: left;

    display: block;

    width: 50%;

  }

  .subnav > li > a {

    padding-left: 35px;

  }

  .subnav > li > a:before {

    left: 5px;

  }

}

/***************** sidebar E *****************/







/***************** timeline S ****************/

#timeline {

  margin-bottom: 50px;

  overflow: hidden;

}

#timeline .control {

  position: relative;

  margin: 30px auto;

  width: 320px;

  padding: 0 40px;

  overflow: hidden;

}

#timeline #dates {

  width: 60%;

  height: 50px;

  margin-left: auto;

  margin-right: auto;

  overflow: hidden;

}

#timeline #dates li {

  float: left;

  height: 50px;

  width: 80px;

  line-height: 50px;

  font-family: Arial;

  font-size: 24px;

  text-align: center;

}

#timeline #dates li .selected {

  font-size: 30px;

  font-weight: bold;

  color: #dd271d;

}

#timeline #next,

#timeline #prev {

  position: absolute;

  top: 0;

  font-size: 70px;

  top: 6px;

  width: 22px;

  height: 38px;

  background-color: #fff;

  background-position: 0 0;

  background-repeat: no-repeat;

  white-space: nowrap;

  text-indent: -9999px;

  overflow: hidden;

}

#timeline #next:hover,

#timeline #prev:hover {

  background-position: 0 -76px;

}

#timeline #next {

  right: 0;

  background-image: url(../img/btn-next.png);

}

#timeline #prev {

  left: 0;

  background-image: url(../img/btn-prev.png);

}

#timeline #next.disabled,

#timeline #prev.disabled {

  opacity: 0.2;

}

#timeline #issues {

  overflow: hidden;

}

#timeline #issues li {

  float: left;

  display: block;

}

#timeline #issues .hd {

  position: relative;

  height: 45px;

}

#timeline #issues .bd {

  position: relative;

}

#timeline #issues .bd img {

  max-width: 100%;

}

#timeline #issues .bd .tit {

  position: relative;

  overflow: visible;

  padding: 15px 0;

  font-size: 18px;

  color: #333;

  border-bottom: 1px solid rgba(153, 153, 153, 0.6);

}

#timeline #issues .bd .tit h4 {

  display: block;

  padding: 0 10px;

  overflow: hidden;

}

@media (max-width: 767px) {

  #timeline #issues .bd {

    padding: 15px 8px;

  }

  #timeline #issues .bd .pic {

    text-align: center;

  }

}

@media (min-width: 768px) {

  #timeline .control {

    width: 590px;

  }

  #timeline #dates li {

    width: 170px;

  }

  #timeline #issues .hd {

    background: url(../img/icon-time.png) center top no-repeat;

  }

  #timeline #issues .hd:after {

    position: absolute;

    left: 50%;

    top: 25px;

    bottom: 0;

    display: block;

    content: " ";

    width: 1px;

    background: rgba(153, 153, 153, 0.6);

  }

  #timeline #issues .bd:after {

    position: absolute;

    left: 50%;

    top: 0;

    bottom: 0;

    display: block;

    content: " ";

    width: 1px;

    background: rgba(153, 153, 153, 0.6);

  }

  #timeline #issues .bd .tit {

    min-height: 55px;

  }

  #timeline #issues .bd .tit:after {

    position: absolute;

    left: 50%;

    bottom: -7px;

    z-index: 9;

    display: block;

    content: " ";

    width: 14px;

    height: 14px;

    overflow: hidden;

    margin-left: -7px;

    background: #dd2220;

    border: 3px solid #fff;

    border-radius: 100%;

  }

  #timeline #issues .bd .tit h4 {

    width: 50%;

    font-weight: bold;

  }

  #timeline #issues .bd .pic,

  #timeline #issues .bd .text {

    float: left;

    width: 50%;

    padding: 20px;

    overflow: hidden;

  }

  #timeline #issues .bd .container:nth-child(even) .tit h4 {

    float: right;

    text-align: right;

  }

  #timeline #issues .bd .container:nth-child(even) .pic {

    float: right;

  }

}

/***************** timeline E ****************/