[v-cloak] {
  display: none;
}
body {
  background: #fefefe;
  min-width: 1200px;
}
/*公共样式*/
button {
  outline: none;
  border: 0;
  margin: 0;
  padding: 0;
}
@font-face {
  font-family: 'DINAlternate-Bold';
  src: url('../plugins/font/DINAlternate-Bold/DIN Alternate Bold.ttf');
}
@font-face {
  font-family: 'SourceHanSansCN-Bold';
  src: url('../plugins/font/SourceHanSansCN/SourceHanSansCN-Bold.otf');
}
@font-face {
  font-family: 'SourceHanSansCN-Regular';
  src: url('../plugins/font/SourceHanSansCN/SourceHanSansCN-Regular.otf');
}
.margin-lf-20 {
  margin-left: 20px;
}
/* 公共容器1200px */
.content-wrapper {
  width: 1200px;
  margin: 0 auto;
}
.banner-wrap {
  background: url("../img/city-bg.png") no-repeat center;
  height: 400px;
  color: white;
}
.banner-wrap .title {
  padding: 110px 0 30px 0;
  font-size: 28px;
  font-weight: bold;
}
.banner-wrap .txt {
  width: 699px;
  text-align: justify;
  line-height: 20px;
}
.show-title-line {
  padding: 50px 0 50px 0;
  position: relative;
  text-align: center;
}
.show-title-line .txt:after,
.show-title-line .txt:before {
  position: absolute;
  top: 50%;
  background: #FF7700;
  content: "";
  height: 3px;
  width: 24px;
}
.show-title-line .txt {
  font-family: SourceHanSansCN-Bold;
  font-size: 28px;
}
.show-title-line .txt:before {
  left: 42%;
}
.show-title-line .txt:after {
  right: 42%;
}
.company-introduce-wrap {
  height: 525px;
  position: relative;
  background: url("../img/bg-company-introduction.png") bottom no-repeat;
}
.company-introduce-wrap .content-wrapper {
  position: relative;
}
.company-introduce-wrap .company-introduce {
  vertical-align: top;
  display: inline-block;
}
.company-introduce-wrap .company-introduce .txt {
  font-family: SourceHanSansCN-Regular;
  position: relative;
  top: 60px;
  left: 85px;
  width: 458px;
  line-height: 26px;
}
.company-introduce-wrap .company-introduce .company-img {
  position: absolute;
  right: 30px;
}
.company-introduce-wrap .company-introduce .symbol-left {
  position: relative;
}
.company-introduce-wrap .company-introduce .symbol-left img {
  position: absolute;
  left: 50px;
  top: 30px;
}
.company-introduce-wrap .company-introduce .symbol-right {
  position: relative;
}
.company-introduce-wrap .company-introduce .symbol-right img {
  position: absolute;
  right: -120px;
  bottom: -70px;
}
.contact-us-wrap {
  position: relative;
  padding-bottom: 80px;
}
.contact-us-wrap .method-list {
  display: flex;
  justify-content: space-evenly;
}
.contact-us-wrap .method-list .method-item {
  text-align: center;
  display: inline-block;
  vertical-align: top;
  flex: 1 1 33.3%;
}
.contact-us-wrap .method-list .method-item img {
  margin-bottom: 6px;
}
.contact-us-wrap .method-list .method-item .method-name {
  padding: 3px 0;
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.contact-us-wrap .method-list .method-item .method-detail {
  font-size: 14px;
  color: #666;
}
.contact-us-wrap .method-list .method-item .method-code {
  background: url("../img/icon-code.png") no-repeat center #303847;
  height: 90px;
  width: 90px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  margin-bottom: 9px;
  margin-left: 155px;
}
.contact-us-wrap .method-list .method-item .method-code:hover {
  background: url("../img/icon-code.png") no-repeat center #F80;
  cursor: pointer;
}
.contact-us-wrap .map-wrap,
.contact-us-wrap #map {
  margin-top: 45px;
  height: 400px;
  width: 1200px;
}
/*# sourceMappingURL=T_aboutUsChannel.css.map */
.timeline html, .timeline body, .timeline div, .timeline applet, .timeline object, .timeline iframe, .timeline table, .timeline caption, .timeline tbody, .timeline tfoot, .timeline thead, .timeline tr, .timeline th, .timeline td, .timeline del, .timeline dfn, .timeline em, .timeline font, .timeline img, .timeline ins, .timeline kbd, .timeline q, .timeline s, .timeline samp, .timeline small, .timeline strike, .timeline sub, .timeline sup, .timeline tt, .timeline var, .timeline h1, .timeline h2, .timeline h3, .timeline h4, .timeline h5, .timeline h6, .timeline blockquote, .timeline pre, .timeline a, .timeline abbr, .timeline acronym, .timeline address, .timeline big, .timeline cite, .timeline code, .timeline dl, .timeline dt, .timeline dd, .timeline ol, .timeline ul, .timeline li, .timeline fieldset, .timeline form, .timeline label, .timeline legend {
    vertical-align: baseline;
    font-weight: inherit;
    font-style: inherit;
    font-size: 14px;
    outline: 0;
    padding: 0;
    margin: 0;
    border: 0;
}
.history-wrap {
    min-height: 600px;
    position: relative;
    background-color:  #313948;
    overflow: hidden;
}
.content-wrapper {
    width: 1200px;
    margin: 0 auto;
}
.show-title-line {
    padding: 50px 0 50px 0;
    position: relative;
    text-align: center;
}
.show-title-line .txt:before {
    left: 42%;
}
.show-title-line .txt:after {
    right: 42%;
}
.show-title-line .txt:after, .show-title-line .txt:before {
    position: absolute;
    top: 50%;
    background: #FF7700;
    content: "";
    height: 3px;
    width: 24px;
}
.history-wrap .history-end-point {
    margin: 0 auto;
    text-align: center;
    position: relative;
    height: 78px;
}
.history-wrap .history-end-point .circle-hollow {
    height: 14px;
    width: 14px;
    border: 2px solid #FFF;
    transform: translateX(-9px);
}
.history-wrap .circle {
    position: absolute;
    display: inline-block;
    border-radius: 50px;
    left: 50%;
}
.history-wrap .history-end-point .line-longitudinal-shorter {
    position: absolute;
    left: 50%;
    transform: translateX(-1px);
    top: 18px;
    border-right: 2px solid White;
    height: 60px;
}
.history-wrap .timeline-wrap {
    min-height: 400px;
}
.timeline {
    position: relative;
    width: 100%;
}
.timeline .line-longitudinal {
    position: absolute;
    left: 50%;
    transform: translateX(-1px);
    border-right: 2px solid black;
}
.line-tiem{
    border-color: white !important; 
    height: 100px;
}
.timeline .time-point {
    position: relative;
    width: 100%;
    height: 100px;
}
.timeline .time-point .line-horizontal-dashed-left {
    display: inline-block;
    position: absolute;
    top: 7px;
    width: 186px;
    border-top: 1px dashed #979797;
    left: 50%;
    transform: translateX(-196px);
}
.timeline .circle-solid {
    height: 10px;
    width: 10px;
    border: 2px solid #00000000;
    background-color: black;
    transform: translateX(-7px);
}
.timeline .circle {
    position: absolute;
    display: inline-block;
    border-radius: 50px;
    left: 50%;
}
.history-wrap .circle {
    position: absolute;
    display: inline-block;
    border-radius: 50px;
    left: 50%;
}
.timeline .time-point .time-info-left {
    position: absolute;
    display: inline-block;
    text-align: right;
    right: 50%;
    top: -6px;
    transform: translateX(-210px);
}

.timeline .time-point .time-info-left .time {
    position: relative;
    height: 48px;
}
.timeline .time-point .time-info-left .time h1 {
    font-size: 24px;
}
.timeline .time-point .time-info-left .time .time-underline {
    position: absolute;
    right: 0;
    height: 3px;
    width: 44px;
    background-color: #F80;
    margin: 6px 0;
}
.timeline .time-point .line-horizontal-dashed-right {
    display: inline-block;
    position: absolute;
    top: 7px;
    width: 186px;
    border-top: 1px dashed #979797;
    right: 50%;
    transform: translateX(196px);
}
.timeline .circle-solid {
    height: 10px;
    width: 10px;
    border: 2px solid #00000000;
    background-color: black;
    transform: translateX(-7px);
}
.timeline .time-point .time-info-right {
    position: absolute;
    display: inline-block;
    text-align: left;
    left: 50%;
    top: -6px;
    transform: translateX(210px);
}
.timeline .time-point .time-info-right .time {
    position: relative;
    height: 48px;
}
.timeline .time-point .time-info-right .time h1 {
    font-size: 24px;
}
.timeline .time-point .time-info-right .time .time-underline {
    position: absolute;
    left: 0;
    height: 3px;
    width: 44px;
    background-color: #F80;
    margin: 6px 0;
}
.history-wrap .history-end-time {
    text-align: center;
    position: relative;
}
.history-wrap .history-end-time .circle-solid {
    height: 10px;
    width: 10px;
    border: 2px solid #00000000;
    background-color: #FFF;
    transform: translate(-50%, -50%);
    position: absolute;
    top: 0;
}
.history-wrap .history-end-time h1 {
    font-size: 24px;
    color: #F80;
    display: inline-block;
    line-height: 48px;
    margin-top: 10px;
}
.description-a{
    font-size: 16px !important;
    color: white;
}
.description-b{
    color: white;
    position: relative;
    font-size: 16px !important;
}
.description-c{
    font-size: 16px !important;
    margin-top: -10px !important;
    color: white;
}