/* =================================== */
/*  Basic Style 
/* =================================== */

ol, ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

figure, p {
    margin: 0;
}

a {
    color: #fff;
  
    -webkit-transition: all .3s ease-in 0s;
       -moz-transition: all .3s ease-in 0s;
        -ms-transition: all .3s ease-in 0s;
         -o-transition: all .3s ease-in 0s;
            transition: all .3s ease-in 0s;
}

iframe {
    border: 0;
}

a, a:focus, a:hover {
    text-decoration: none;
    outline: 0;
}

a:focus, a:hover {
    color: #e62b1e;
}

.clear:before,
.clear:after {
    content: " ";
    display: table;
}
 
.clear:after {
   clear: both;
}
 
.clear {
   *zoom: 1;
}

span.color {
  color: #e62b1e;
}

body > section,
.footer {
  padding: 70px 0;
}

.sec-title {}

.sec-sub-title {
  margin: 35px 0 45px;
}

.sec-sub-title p {
  font-weight: 500;
  line-height: 24px;
  font-size: 20px;
  color: #5b646e;
}

.devider {
  margin-top: 30px;
}

.devider i {
  color: #cccccc;
}

.devider:before,
.devider:after {
  content: "_________________";
  color: #e6e8ea;
  position: relative;
  bottom: 6px;
}

.devider:before {
  right: 10px;
}

.devider:after {
  left: 10px;
}

.mb50 {
  margin-bottom: 50px;
}

#preloader {
  background-color: #fff;
  height: 100%;
  position: fixed;
  width: 100%;
  z-index: 1100;
}

#preloader > img {
  left: 50%;
  position: absolute;
  top: 50%; margin-top: -25px; margin-left: -25px;
}
.copyrights{
  text-indent:-9999px;
  height:0;
  line-height:0;
  font-size:0;
  overflow:hidden;
}

/*=========================================
  Header
==========================================*/

#navigation, .navigation_minnav{
  border: 0 none;
  margin: 0;
  background-color: rgba(10, 0, 51, 0.5);
  -webkit-transition: background-color 800ms linear;
  -moz-transition: background-color 800ms linear;
  -ms-transition: background-color 800ms linear;
   -o-transition: background-color 800ms linear;
  transition: background-color 800ms linear;
}

.navbar-toggle{ padding: 3px 10px; margin-right: 5px; }
.navbar-toggle i {
  color: #fff;
}

.navbar-brand {
  padding: 0; padding-left: 15px; height: 52px;
}

.navbar-nav li a {
  border-top: 1px solid transparent; padding: 20px 20px; font-size: 16px;
}

.navbar-nav li a.current,
.navbar-nav li a:focus,
.navbar-nav li a:hover {
  background-color: transparent;
  border-top: 2px solid #e62b1e;
  color: #fff;
}




/*=========================================
  Slider
==========================================*/

#slider {
  padding: 0;
}

#slider .carousel-inner .item {
  background-size: cover;
  background-position: center center;
}

.carousel-caption {
  top: 43%;
}

.carousel-caption h2 {
  color: #fff;
  font-size: 62px;
  font-weight: 300;
}

.carousel-caption h2 span {
  font-weight: 500;
}

.carousel-caption h3 {
  color: #fff;
  font-size: 36px;
  font-weight: 300;
  margin: 6px 0 20px;
}

.carousel-caption p {
  color: #fff;
  font-size: 22px;
  font-weight: 300;
}

.carousel-caption p:before,
.carousel-caption p:after {
color: #e62b1e;
content: "___";
position: relative;
top: -8px;
}

.carousel-caption p:before {
  right: 20px;
}

.carousel-caption p:after {
  left: 20px;
}

.social-links {
  margin-top: 5%;
}

.social-links li {
  display: inline-block;
}

.social-links li a {
  color: rgba(255, 255, 255, 0.3);
  display: block;
  margin: 0 6px;
}

.social-links li a:hover {
  color: #fff;
}

.carousel-indicators {
  bottom: 10px;
  left: inherit;
  margin: 0;
  right: 30px;
  top: 49%;
  width: 0;
}

.carousel-indicators li {
  border: 1px solid rgba(255, 255, 255, 0.3);
  height: 8px;
  width: 8px;
}

.carousel-indicators .active {
  height: 8px;
  width: 8px;
}



/*=========================================
  Features
==========================================*/

.owl-controls {
  bottom: -45px;
  margin-top: 10px;
  position: relative;
  text-align: center;
}

.owl-controls .owl-page {
  display: inline-block;
}

.owl-controls .owl-page span {
  border: 1px solid #C7CED3;
  border-radius: 20px;
  display: block;
  height: 8px;
  margin: 5px 4px;
  width: 8px;
}

.owl-controls .owl-page.active span {
  background: #333;
  border: 0;
}

.service-icon {
  border: 1px solid #e62b1e;
  border-radius: 50%;
  color: #e62b1e;
  padding: 11px 10px 8px;
  display: inline-block;
}
.service-icon i{ width: 29px; height: 29px; text-align: center; display: block; font-size: 24px; }

.service-desc {
  position: relative;
  top: 5px;
}

.service-desc h3 {
  margin-bottom: 15px;
}





/*=========================================
  Our Works
==========================================*/

.work-filter {
  margin-bottom: 35px;
}

.work-filter ul li {
    display: inline-block;
}

.work-filter ul li a {
  cursor: pointer;
  color: #333;
  display: block;
  font-size: 15px;
  font-weight: 700;
  padding: 5px 17px;
  border-radius: 6px;
  text-transform: capitalize;
}

.work-filter ul li a:hover,
.work-filter ul li a.active {
  background-color: #e62b1e;
  border-radius: 6px;
  color: #fff;
  padding: 5px 17px;
}

/*.mix {
    display: none;
}*/

.work-item {
    float: left;
    width: 25%;
    position: relative;padding: 3px;
}

.work-item > img {
  display: block;
  height: auto;
  max-width: 100%;
}

.overlay {
  background-color: rgba(230, 44, 31,.9);
  text-align: center;
  position: absolute;
  z-index: 3;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  
  opacity: 0;
  filter: alpha(opacity=0);
  
  -webkit-transition: all 450ms ease-out 0s;  
     -moz-transition: all 450ms ease-out 0s;
     -o-transition: all 450ms ease-out 0s;
        transition: all 450ms ease-out 0s;
      
  -webkit-transform: rotateY(180deg) scale(0.5,0.5);
     -moz-transform: rotateY(180deg) scale(0.5,0.5);
    -ms-transform: rotateY(180deg) scale(0.5,0.5);
     -o-transform: rotateY(180deg) scale(0.5,0.5);
      transform: rotateY(180deg) scale(0.5,0.5);
}

.work-item:hover .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
  
  -webkit-transform: rotateY(0deg) scale(1,1);
     -moz-transform: rotateY(0deg) scale(1,1);
    -ms-transform: rotateY(0deg) scale(1,1);
     -o-transform: rotateY(0deg) scale(1,1);
        transform: rotateY(0deg) scale(1,1);
}

.work-item .overlay a {
  border: 1px solid #fff;
  border-radius: 50%;
  display: inline-block;
  margin-top: 20%;
  padding: 7px 10px;
}

.work-item .overlay a:hover {
  color: #fff;
}

.work-item .overlay h4 {
  color: #fff;
  margin: 25px 0 8px;
}

.work-item .overlay p {
  font-size: 15px;
  line-height: 24px;
}



/*=========================================
  Our Team Member
==========================================*/

.member-thumb {
  /*width: 273px;*/
  margin: 0 auto;
  position: relative;
}

.member-thumb .overlay h5 {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  margin: 10px 0;
}

.member-thumb .overlay {
  font-size: 16px;
  padding: 20px;
  line-height: 24px;
}

.team-member h4 {
  margin: 15px 0 8px;
}

.member_inner:hover .member-thumb .overlay,.video_inner:hover .member-thumb .overlay{
  cursor: pointer;
  opacity: 1;
  filter: alpha(opacity=100);
  
  -webkit-transform: rotateY(0deg) scale(1,1);
     -moz-transform: rotateY(0deg) scale(1,1);
    -ms-transform: rotateY(0deg) scale(1,1);
     -o-transform: rotateY(0deg) scale(1,1);
        transform: rotateY(0deg) scale(1,1);
}

.team-member .social-links {
  margin-top: 24%;
}

.team-member .social-links li a {
  background-color: #3c3450;
  color: #fff;
  height: 42px;
  padding: 10px 0 0;
  width: 42px;
}


/*=========================================
  Some fun facts
==========================================*/

#facts {
  background-image: url("../img/parallax/city.jpg");
  background-color: rgba(6,32,51,.8);
  background-attachment: fixed !important;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 0;
}

.facts .devider:before,
.facts .devider:after {
  color: #737C85;
}

.facts .devider i {
  color: #fff;
}

.parallax-overlay {
  background-color: rgba(6,32,51,.8);
  padding: 70px 0;
}

.counters-item {
  color: #fff;
}

.counters-item i {
  border: 1px solid #737C85;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  height: 120px;
  margin: 0 0 35px;
  padding: 40px 0 0;
  width: 120px;
}

.counters-item strong {
  display: block;
  font-size: 60px;
  font-weight: 600;
  line-height: 60px;
}

.counters-item p {
  font-size: 18px;
  line-height: 24px;
  margin-top: 15px;
  text-transform: uppercase;
}


/*=========================================
  Contact Us
==========================================*/

.contact {
  padding-bottom: 0;
}

.contact-address h3 {
  margin-bottom: 25px;
}

.contact-address p {
  line-height: 24px;
}

label.error {
  color: #c0392b;
  font-weight: normal;
  text-transform: capitalize;
}

.footer-social {
  margin-top: 17px;
}

.footer-social li a {
  color: #cdd2d6;
  display: block;
  margin-bottom: 10px;
}

#map_canvas {
  height: 215px;
  width: 100%;
}



/*=========================================
  Contact Us
==========================================*/


.footer {
  background-color: #242424;
  border-top: 5px solid #333;
  color: #fff;
}

.footer a:hover {
  color: #333;
}

.footer h6 {
  font-size: 15px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 30px;
}

.about-us p {
  line-height: 24px;
}

.footer-single .subscribe {
  margin-bottom: 15px;
  position: relative;
}

.subscribe #subscribe {
  background-color: transparent;
  border: 2px solid #fff;
  border-radius: 2px;
  height: 40px;
  text-indent: 10px;
  width: 100%;
}

.subscribe #subs {
  background-color: transparent;
  border: 0 none;
  font-size: 24px;
  position: absolute;
  right: 0;
  top: 6px;
}

.footer-single {
  line-height: 24px;
}

.footer-single ul {
  }

.footer-single li {
  line-height: 32px;
}

.footer-single p i {
  margin: 0 10px;
}
.footer-single a:hover{ color: #e62b1e; }

.credit a {
  color: #333;
}

.credit a:hover {
  color: #fff;
}

#back-top { display: none;
  width: 34px; height: 34px; border-radius: 50%; text-align: center; background:#e62b1e;
  bottom: 20px;
  position: fixed;
  right: 25px;
  z-index: 9;
}
#back-top i.fa-3x{ font-size: 2em;}
#back-top:hover{ color: #fff; }

.pagination{ margin: 0; margin-top: 15px; }
.pagination>li>a, .pagination>li>span {
    color: #e62b1e;}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    background-color: #e62b1e;
    border-color: #e62b1e;
}

/*Dandy*/
h1, h2, h3, h4, h5, h6{ font-weight: normal; margin: 0; color: #333; line-height: 1.8; }
h2{font-size: 28px;}
h3{font-size: 20px;}
h4{font-size: 16px;}

.button{ display: inline-block; background-color: #e62b1e; border-radius: 6px; color: #fff; padding: 5px 17px; }
.button:hover,.button:active,.button:focus{ color: #fff;}
#vip,#photo{ box-shadow:0px 0px 12px rgba(0,0,0,0.2); position: relative; }
.project-wrapper{ background: #f4f7f9; }
.project-wrapper:after{ display: block; content: ''; clear: both; }

.nbs-flexisel-inner{ position: relative; text-align: center; }
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right{width: 36px; height: 36px; position: absolute; top: 0; margin-top: 135px; display: inline-block; cursor: pointer;}
.nbs-flexisel-nav-left{ left: 0; background:url(../img/themes.png) no-repeat 6px 6px;}
.nbs-flexisel-nav-right{ right: 0; background:url(../img/themes1.png) no-repeat 8px 8px;}
#video .nbs-flexisel-nav-left,#video .nbs-flexisel-nav-right{ margin-top: 90px;}
#flexiselDemo1{display: none;}
.nbs-flexisel-container{position: relative; padding: 0 25px;}
.nbs-flexisel-inner{ max-width: 100%; overflow: hidden;}
.nbs-flexisel-ul{position: relative;width: 99999px;margin: 0px;padding: 0px;list-style-type: none;}

.member-thumb{ width: 100%; }
.member-thumb img{ width: 100%; border:1px solid #e2e2e2; }
.member_inner{ margin: 0 10px; background:#fff; margin-bottom: 20px; cursor: pointer;}
.member_inner a{ color: #666; }

.video_inner{ margin: 0 10px; background:#fff; margin-bottom: 20px; box-shadow: 0px 2px 6px rgba(0,0,0,0.1); cursor: pointer;}
.video_inner h4{ padding: 15px 10px; margin: 0;}
.video_inner .play_icon{ position: absolute; z-index: 1; bottom: 5px; right: 5px; width: 30px; height: 30px; border-radius: 50%; line-height: 29px; text-align: center; background: rgba(255,255,255,0.3); }
.video_inner .play_icon i{ color: #e62b1e; font-size: 15px; margin-left: 2px; }
.video_inner .play_go{ display: inline-block; width: 40px; height: 40px; line-height: 39px; border-radius: 50%; background: rgba(255,255,255,0.3); }
.video_inner .play_go i{ margin-left: 5px; }
/*.video_box figure{ width: 25%; }*/
.video_box .social-links{ margin-top: 18%; }
.video_box .social-links li a{ border-radius: 50%; padding: 10px 0 0 5px; }

.video_layer{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2; background-image: linear-gradient(rgba(39, 0, 160, 0.5) 20%, rgba(40, 0, 117, 0.3) 100%, rgb(31, 0, 107) 100%);}
.light_layer{position: relative;}
.light_layer:after { content: ""; position: absolute; z-index: 9; width:28%; height: 100%; top: 0; left: 72%; overflow: hidden;
background: -moz-linear-gradient(left, rgba(255,255,255,0.05)0, rgba(255,255,255,0)50%, rgba(255,255,255,0)100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0.05)), color-stop(50%, rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,0)));
background: -webkit-linear-gradient(left, rgba(255,255,255,0.05)0, rgba(255,255,255,0)50%, rgba(255,255,255,0)100%);
background: -o-linear-gradient(left, rgba(255,255,255,0.05)0, rgba(255,255,255,0)50%, rgba(255,255,255,0)100%);
-webkit-transform: skewX(-35deg);
-moz-transform: skewX(-35deg)}
.light_layer:hover:after { left: 150%; transition: left 1s ease 0s; }

#logo img{ height: 46px; }
.banner .bounceInDown{ height: 74px; width: 197px; margin: 0 auto; background: url(../img/banner_logo.png) no-repeat; background-size: 100%; }
.banner .bounceInDown_bg{ display: inline-block; height: 138px; width: 352px; margin: 0 auto; background: url(../img/banner_logo_2.png) no-repeat; background-size: 100%; position: absolute; left: 50%; top: 30%; margin-left: -176px; margin-top: -24%; }
.modal-body .close{ filter: alpha(opacity=90);opacity: .9; position: absolute; width: 30px; height: 30px; line-height: 26px; border-radius: 50%;text-align: center; background: #000;border:2px solid #fff; color: #fff; z-index: 2; right: -10px; top: -10px; box-shadow: 0 1px 5px rgba(0,0,0,0.5)}
.modal-content{ border-radius: 0; }
.modal-dialog.video_dialog{ top: 50%; margin-top: -280px; }
.modal-backdrop.in{filter:alpha(opacity=65);opacity: .65;}
.banner .hr_executive{ font-size: 31px; }
.carousel-caption p:before, .carousel-caption p:after{ display: none; }

.photo .look{ width: 40px; height: 40px; line-height: 38px; border-radius: 50%; display: inline-block; margin: 20% 0 0 0; text-align: center; border:1px solid #fff; }
.fancybox-nav span{ visibility: visible; }
.footer-single{ margin-top: 50px; }
.meiyuantalk_tag{}
.meiyuantalk_tag em{ font-family:cursive}
#video_banner,#videoObj{ height: 0;padding-bottom:56.25%; }
#video_banner video,#videoObj video{ position: absolute;top:0;left: 0;float: left;opacity: 1; }
#videoModal .modal-body{ padding: 0; }

.about .cont{ color: #333; }

/*activity*/
.activity_max .service-item{ width: auto; }
.activity_banner .bg_pic{height: 225px;background: url(../img/activity_banner.jpg) center 0;}
.activity_info{ overflow: hidden; }
.activity_info .col-md-4{/* border-left: 1px solid #ddd; height: 100%; */}
.activity_info .timeline{ padding-left: 14px; }
.activity_info .timeline:before{ position: absolute; left: 3px; display: block; content: ''; border-left: 1px solid #ddd; padding-left: 14px; height: 93.5%; }
.activity_info .timeline p{position: relative;}
.activity_info .timeline .tm{ color: #999; }
.activity_info .timeline .tm:before{ position: absolute; left: -14px; top: 8px; display: block; content: ''; width: 7px; height: 7px; background:#e62a1e; border-radius: 50%; }
.activity_info .service-item{ background:#fff; border-radius: 6px; padding: 15px; min-height: 725px; width: auto; text-align: left; }
.activity_info .service-item.liuqi{ min-height: 850px; }
.activity_info .title{ display: inline-block; border-bottom: 2px solid #e62a1e; padding: 0 30px 0px 0; margin-bottom: 10px; }

/*activity_more*/
.activity_list .li{ display: block; background:#fff; padding: 15px; border-bottom: 1px dashed #ddd; border-left: 4px solid #fff; }
.activity_list .li:hover{ background:#f8f8f8; }
.activity_list .li .detail{ display: none; }
.activity_list .li.active{ border-left: 4px solid #e62a1e; }
.activity_list .li.active .tab{ display: none; }
.activity_list .li.active .detail{ display: block; }
.activity_list .li.active:hover{ background:#fff; }
.activity_list h3{ margin: 0; line-height: 1.8; }

/*news*/
.talk_local{ font-size: 14px; padding: 7px 0; background:#f8f8f8;}
.talk_local a{ color:#999; }
.talk_news h2{ margin-bottom: 8px;}
.talk_news_list .cont{ display: block; position: relative; min-height: 360px; overflow: hidden; border-bottom: 3px solid #ddd; background: #fff; color:#666; padding: 15px; padding-bottom: 0; margin-bottom: 30px; }
.talk_news_list .cont:hover{ border-bottom-color: #e62b1e; }
.talk_news_list .cont img{ max-width: 100%; }
.talk_news_list h3{ margin-top: 10px; margin-bottom: 5px; line-height: 1.4; }
.talk_news_list .news .col-md-3{ display: none; }
.talk_news_list p.tip{ font-size: 14px; color: #999; position: absolute; z-index: 2; left: 0; right: 0; bottom: 0; background: #fff; margin-bottom: 0; padding: 5px 15px; }
.talk_news_detail img{ max-width: 600px; display: block; margin: 0 auto; }
.talk_news_inner{ min-height: 1050px; border-right: 1px solid #ddd; padding-right: 30px; }
.talk_news_inner .sec-title{ border-bottom:1px solid #ccc; padding-bottom: 10px;}
.talk_news_item dl{ margin-bottom: 30px; border:1px solid #ddd; padding: 10px; }
.talk_news_item dl dt{ height: 70px; overflow: hidden; }
.talk_news_item dl dt img{ width: 100%; -webkit-transition: margin-top .6s ease; -o-transition: margin-top .6s ease; transition: margin-top .6s ease; }
.talk_news_item dl dd h4{ line-height: 1.4; white-space: nowrap; overflow: hidden;text-overflow: ellipsis; }
.talk_news_item a.active dl,.talk_news_item a:hover dl{ border:1px solid #e62b1e; }
.talk_news_item a.active dl dt img,.talk_news_item a:hover dl dt img{ margin-top: -20px; }
.talk_news_item .up:hover,.talk_news_item .down:hover{ background:#eee; }
.talk_news_cont p{ margin-bottom: 10px; }
.talk_news_item_box{ position: relative; width: 100%; top:0; -webkit-transition: margin-top .6s ease; -o-transition: margin-top .6s ease; transition: margin-top .6s ease; }
.qrCode img{ width: auto;}

/*演讲嘉宾*/
.activity_member{line-height: 24px;}
.activity_member .b_line{ margin-bottom: 15px; padding-bottom: 15px; }
.activity_member img{ width: 80px; height: 80px; border-radius: 50%; }
.activity_member .sec{ color: #62cb31; }


.activity_qrcode{ display: block;border:1px solid #ddd; display: inline-block; padding: 10px; }
.activity_join_btn{ display: none; width:220px; margin:0 auto; background: #62cb31; border-radius: 6px; padding: 8px;font-size: 20px;}







@media screen and (max-width: 1200px){
  .video_inner h4{ font-size: 14px;}
  .activity_info .service-item.liuqi{min-height: 930px;}
}
@media screen and (max-width: 1024px){
  .banner .bounceInDown_bg{ margin-top: -27%;}
}
@media screen and (max-width: 992px){
  .activity_max .service-item{ border-top: 1px solid #ddd; padding-top: 30px;}
  .activity_info .service-item{ min-height: auto; padding-bottom: 40px; margin: 0 auto 30px; }
  .footer-single{ margin-top: 0; }
  .activity_info .service-item{ min-height: auto; }
  .activity_info .service-item.liuqi{ min-height: auto; }
  .talk_news_inner{ min-height: auto; border-right: 0; padding-right: 0;}
}
@media screen and (max-width: 768px){
  .banner .bounceInDown{ width: 150px; height: 56px;}
  .banner .bounceInDown_bg{ width: 250px; margin-left: -125px; margin-top: -23%;}
  .nbs-flexisel-inner .team-member{ margin-bottom: 0; }
  .modal-dialog.video_dialog{ margin-top: -130px;}
  .modal-body .close{ right: 0; }
  .photo .load_more{ display: block; background:#f8f8f8; margin:0 20px; padding: 5px; }
  .work-item{left: 0;left: 0 !important;}
  .talk_news_detail img{ max-width: 100%; }
  .banner .hr_executive{ font-size: 22px; }
  .activity_qrcode{ display: none; }
  .activity_join_btn{ display: block; }

  .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse{ float: right; max-height: 100%; width: 90px; text-align: center; text-align: center; background-color: rgb(60, 52, 80); background-color: rgba(10, 0, 51, 0.5);
    border: 0 none;
    margin: 0;
    -webkit-transition: background-color 800ms linear;
    -moz-transition: background-color 800ms linear;
    -ms-transition: background-color 800ms linear;
    -o-transition: background-color 800ms linear;
    transition: background-color 800ms linear;
  }
  .navbar-nav li a.current,
  .navbar-nav li a:focus,
  .navbar-nav li a:hover {
    background-color: transparent;
    border-top: 0;
    border-bottom: 2px solid #e62b1e;
    color: #fff;
  }
  h2{font-size: 20px;}
  body > section, .footer {
    padding: 50px 0;
  }
}
@media screen and (max-width: 414px){
  .banner .bounceInDown{ width: 120px; height: 46px;}
  .banner .bounceInDown_bg{ width: 200px; margin-left: -100px;}
  .carousel-caption h3{ margin: 0; }
  .banner .hr_executive{ font-size: 17.4px; }
}