@charset "UTF-8";

 /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
 /*  */

  *{-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}


body{ 
  font-family:"思源黑体", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif ;

}
 
 .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, 
 .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
 .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8,
 .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10,
 .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, 
 .col-lg-12{position:relative;min-height:1px;padding-left:0px;padding-right:0px}

 

 @media (min-width:768px){
 .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9,
 .col-sm-10, .col-sm-11, .col-sm-12{float:left}
 .col-sm-12{width:100%}
 .col-sm-11{width:91.66666667%}
 .col-sm-10{width:83.33333333%}
 .col-sm-9{width:75%}
 .col-sm-8{width:66.66666667%}
 .col-sm-7{width:58.33333333%}
 .col-sm-6{width:50%}
 .col-sm-5{width:41.66666667%}
 .col-sm-4{width:33.33333333%}
 .col-sm-3{width:25%}
 .col-sm-2{width:16.66666667%}
 .col-sm-1{width:8.33333333%}

  .col-lg-8{width:100%}
 .col-lg-4{width:80%}
 
 }

 @media (min-width:992px){
 .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, 
 .col-md-10, .col-md-11, .col-md-12{float:left}
 .col-md-12{width:100%}
 .col-md-11{width:91.66666667%}
 .col-md-10{width:83.33333333%}
 .col-md-9{width:75%}
 .col-md-8{width:66.66666667%}
 .col-md-7{width:58.33333333%}
 .col-md-6{width:50%}
 .col-md-5{width:41.66666667%}
 .col-md-4{width:33.33333333%}
 .col-md-3{width:25%}
 .col-md-2{width:16.66666667%}
 .col-md-1{width:8.33333333%}
 
  .col-lg-8{width:100%}
 .col-lg-4{width:80%}
 }

 @media (min-width:1200px){.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, 
 .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float:left}
 .col-lg-12{width:100%}
 .col-lg-11{width:91.66666667%}
 .col-lg-10{width:83.33333333%}
 .col-lg-9{width:75%}
 .col-lg-8{width:66.66666667%}
 .col-lg-7{width:58.33333333%}
 .col-lg-6{width:50%}
 .col-lg-5{width:41.66666667%}
 .col-lg-4{width:33.33333333%}
 .col-lg-3{width:25%}
 .col-lg-2{width:16.66666667%}
 .col-lg-1{width:8.33333333%}

 .col-lg-8{width:100%}
 .col-lg-4{width:80%}

 }

 .visible-xs{display:none !important}
@media (max-width:767px){.visible-xs{display:block !important}} 
@media (max-width:767px){.hidden-xs{display:none !important}}


.timeline{color:#000;float:left;width:100%;margin-bottom: 160px;}
.timeline-detail-mobile{padding:30px 0px 10px 0px}
.timeline-detail-left,.timeline-detail-right{position:relative}
.timeline-blow{background-color:#fff;border:3px solid #666666;border-radius:15px;height:30px;
position:absolute;top:0px;transition:all 0.35s ease 0s;width:30px}
.timeline-active .timeline-blow{background-color:#ffc600;box-shadow:0 0 0 4px #fff inset}
.timeline-detail-left .timeline-blow{right:-17px}
.timeline-detail-right .timeline-blow{left:-17px}
.border-left,.border-right{min-height:200px;padding-bottom:30px;position:relative;
font-size: 1.625rem;}
.border-left{border-left:3px solid #666666;}
.border-right{border-right:3px solid #666666;right:-3px;    font-size: 1.625rem;  }
.border-right .aboutus-avatar {float: right;}
.timeline-date{font-size:30px;line-height:1;padding-top:2px;padding-bottom:10px;    font-weight: bold;}
.aboutus-avatar img{border-radius:1px;border:4px solid #0000ff;    width: 100%;}
.blow-fixed{background-color:#fd0;border-radius:10px;height:20px;left:49.55%;position:fixed;top:300px;transition:all 0.35s ease 0s;width:20px;z-index:1;display:none}.timeline-effect{display:none}.aboutus_abstract{width:100%;padding:50px
35px;background-color:#f2f2f2;color:#464648}
.timeline-detail:last-child .timeline-detail-left ,.timeline-detail:last-child .timeline-detail-right
{border:0px;right:0px;left:0px}

@media all and (max-width: 1500px){
.blow-fixed{left:49.4%}
.timeline-detail-left .aboutus-avatar, 
.timeline-detail-left .timeline-effect>div{padding-left:0px;padding-right:20px}
.timeline-detail-right .aboutus-avatar, 
.timeline-detail-right .timeline-effect>div{padding-right:0px;padding-left:0px}}
@media all and (max-width: 1200px){
.background-tab,.timeline-detail-left,.timeline-detail-right{padding:0px}
.aboutus-tab-content{padding:30px}
.blow-fixed{left:49.3%}
.nav-destop ul{margin:0}
.nav-destop li ul li{width:25%}
.menu.social li a .fa{font-size:16px;width:26px;height:26px;line-height:26px}
#bottom .container{padding-left:40px;padding-right:40px}}
@media all and (max-width: 1000px){
  .blow-fixed{left:49.1%} .aboutus-avatar img{}}

.timeline-detail.last_item .border-left,
.timeline-detail.last_item .border-right{min-height:100px}
.timeline-detail-right .aboutus-avatar, .timeline-detail-right .timeline-effect>div{padding-left:20px; 
	padding-bottom: 20px}
.timeline-detail-left .aboutus-avatar, .timeline-detail-left .timeline-effect>div{  
	padding-right: 20px; padding-bottom: 20px;}

@media all and (max-width: 768px) and (orientation: portrait){.navbar-brand .logo-mobile{display:none}}
@media all and (max-width: 767px){
	body{min-width:320px;padding-top:60px}
#wapper.offers,#wapper.offer-landing{margin:0}
#wapper>*:first-child{margin-top:0 !important;padding-top:0 !important}
#wapper>*:last-child{margin-bottom:0 !important;padding-bottom:0 !important}
#wapper.contact .vc_col-sm-8.wpb_column .row > .wpb_column,
#wapper.about-us .vc_col-sm-12.wpb_column .row > .wpb_column,
#wapper.corporate .vc_col-sm-12.wpb_column .row>.wpb_column{margin-top:20px;padding-top:25px;
padding-bottom:25px;background-color:#fff}
#wapper.contact .vc_col-sm-8.wpb_column .row>.wpb_column{padding-bottom:0}
#wapper.careers .js-toggle-tinynav{padding:0 !important}
#wapper.news .body-area{margin-top:20px;margin-bottom:0}

#wapper{margin:0;padding-left: 20px; padding-top: 15px;}
.aboutus-avatar{display:none}
.timeline-active .timeline-blow{background-color:#FFF;box-shadow:none}
.timeline-detail{margin-left:-30px;margin-right:-30px}
.timeline-detail .timeline-effect{display:block !important;padding-bottom: 15px;}
 .col-lg-8{width:95%}
  .col-lg-4{width:95%}
 }



.aboutus-avatar {display: block; margin-top: 10px;}
.visible-xs {padding: 0 20px;}