/*=============================
	Header Style
===============================*/
.header{
	background:#fff;
}
/*----- Topbar -----*/
.header .topbar {
	background: #333333;
	padding:15px 0;
}
.header .address{
	text-align:left;
}
.header .address li {
	color:#fff;
    display: inline-block;
    padding-right: 25px;
	font-size: 13px;
}
.header .address li:last-child{
	padding-right:0px;
}
.header .address li i {
	padding-right: 8px;
}
.header .social{
	text-align:right;
}
.header .social li {
	display: inline-block;
	padding-right: 18px;
	font-size: 13px;
}
.header .social li:first-child a{
	color:#fff;
}
.header .social li:first-child a i{
	padding-right:8px;
}
.header .social li a{
	color:#ccc;
	-moz-transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.header .social li:last-child{
	padding-right:0px;
}
/*----- Header Inner -----*/
.header .header-inner {
	max-height: 100px;
	padding: 25px 0;
	background: #fff;
	z-index:95;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.header .header-inner.sticky {
	position: fixed;
	width: 100%;
	padding: 10px 0;
	top: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.32);
	-moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.32);
	box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.32);
}
.header .header-inner.sticky .dropdown{
	top:120%;
}
.header .header-inner.sticky .search-form{
	bottom:-100px;
}
/*----- Logo -----*/
.header .logo {
	padding-top: 0px;
}
/*----- Main Menu  -----*/
.header  .mobile-menu{
	display:none;
}
.header .main-menu {
	position:relative;
}
.header .navbar {
	float: right;
}
.header .nav li {
	margin-right: 22px;
	position: relative;
}
.header .nav li a {
	font-weight: 500;
	text-transform: uppercase;
	color: #444;
	font-size: 14px;
	margin: 0 20px;
	padding: 15px 0;
	position: relative;
	-moz-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	display: block;
	background:transparent;
}
.header .nav li:hover a{
	color:#444;
}
.header .nav li:last-child,
.header .nav li:last-child a{
	padding-right:0px;
	margin-right:0px;
}
.header .nav li a::before{
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
	width: 0%;
	opacity:0;
	height: 3px;
	border-top-right-radius: 50px;
	border-top-left-radius: 50px;
	-moz-transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.header .nav li:hover a::before,
.header .nav li.current a::before{
	width:100%;
	opacity:1;
}
/*----- Cart Search Side  menu -----*/
.header .cart-search-bar {
	float: right;
	padding-top: 13px;
}
.header .cart-search-bar li {
	display: inline-block;
	margin-left: 35px;
}
.header .cart-search-bar li:last-child{
	margin-right:0px;
}
.header .cart-search-bar li a {
	font-size: 18px;
	color: #a5a5a5;
	display: block;
	-moz-transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.header .cart-search-bar .cart-item {
	position: absolute;
	width: 20px;
	height: 20px;
	line-height: 20px;
	color: #fff;
	font-size: 14px;
	border-radius: 100%;
	text-align: center;
	top: -8px;
	right: -12px;
}
.header .search-form {
	position: absolute;
	bottom: -115px;
	right: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	-webkit-transform: translateY(-20px);
	-moz-transform: translateY(-20px);
	transform: translateY(-20px);
	z-index: 999;
}
.header .search-form.s-active {
	opacity:1;
	visibility:visible;
	-webkit-transform:translateY(0px);
	-moz-transform:translateY(0px);
	transform:translateY(0px);
}
.header .search-form input[type="text"] {
	width: 400px;
	height: 40px;
	padding-left: 10px;
	text-transform: uppercase;
	margin: 0;
	z-index: 60;
}
.header .search-form input[type="submit"] {
	height: 40px;
	padding: 0 10px;
	position: absolute;
	right: 0px;
	border: 0px;
	color: #fff;
	top:0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.header .search-form input[type="submit"]:hover {
	background: #333333;
}
.header .side-menu {
	position: fixed;
	right: 0;
	height: 100%;
	width: 200px;
	z-index: 6;
	background: #333333;
	top: 0;
	opacity:0;
	visibility:hidden;
	transform:translateX(100px);
	transition:all 0.4s ease;
}
.header .side-menu.active {
	opacity: 1;
	visibility: visible;
	transform: translateX(0px);
}
.header .side-menu .nav {
	padding: 90px 0;
}
.header .side-menu .nav li{
	float:none;
	width:100%;
}
.header .side-menu .nav li a{
	color:#fff;
}
.header .side-menu .nav li.remove a {
	padding: 0px;
	font-size: 17px;
	cursor: pointer;
}
.header .side-menu .nav li.remove a:before{
	display:none;
}
.nav-l{float:left;width:30%;}
.nav-r{float:right;}
.logo img{width: 90px;float: left;}
.logo span{display: inline-block;
		width: 220px;
		font-weight: 600;
		font-size: 24px;
		line-height: 55px;
}
@media (max-width: 767px){
	.nav-l{width:80%;padding-left:10px;}
	.nav-r{padding-right:10px;}
	.logo img{display: none;}
	.logo span{display: inline-block;
		float: left;
		width: 100%;font-weight:600;font-size:20px;}

}
/*===============================
	End Header Style
===============================*/

/*===========================
    视频开始
===========================*/

.about_text span{
    font-size: 16px;
    color: #666;
    text-transform: uppercase;
    margin-bottom: 30px;
    display: inline-block;
}
.about_text h3 a{
    font-weight: 600;
    margin-bottom: 15px;
    font-size: 20px;
    line-height: 36px;
    color:#337ab7;
}

.about_text  li{
	padding:10px 0;
	border-bottom: 1px solid #eee;
}
.about_text  li a{
    font-size: 18px;
    color: #337ab7;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    position: relative;
}
.about_text  li a:hover,.about_text h3 a:hover{
	color: #23527c;
}
.about_text .nav.nav-tabs li a::before{
    content: '';
    position: absolute;
    width: 0%;
    height: 1px;
    background-color: #006ed9;
    bottom: 0;
    left: 0;
    -webkit-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
}

.about_text .nav.nav-tabs li a.active,
.about_text .nav.nav-tabs li:hover a{
    color: #181818;
}

.about_video{
    position: relative;
    width: 100%;
    height: 300px;
}


@keyframes pulse-border {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        opacity: 0;
    }
}
@-webkit-keyframes pulse-border {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        opacity: 0;
    }
}
.video_icon a i {
	font-size: 22px;
	color: #fff;
	text-align: center;
	z-index: 6;
	line-height: 50px;
	width: 50px;
	height: 50px;
}
/*===========================
    视频结束
===========================*/

/*===============================
	Slider Style
===============================*/
.sufia-slider .single-slider {
	height: 480px;
	background-image: url(img/hero-bg.jpg);
	background-size: cover;
	position: relative;
}
.sufia-slider .single-slider:before{
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, .60);
}
.sufia-slider .welcome-text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: 600px;
	background: transparent;
}
.sufia-slider .welcome-text.center{
	text-align:center;
}
.sufia-slider .welcome-text.right{
	text-align:right;
}
.sufia-slider .welcome-text h1 {
	color: #fff;
	font-size: 24px;
	font-weight: 600;
	text-transform: capitalize;
}
.sufia-slider .welcome-text h1 span {
	display: block;
	margin-bottom: 20px;
	font-size: 48px;
}
.sufia-slider .welcome-text .button {
	margin-top: 40px;
}
.sufia-slider .welcome-text .button .btn {
	text-transform: capitalize;
	width: 160px;
	margin-right: 30px;
	border-radius: 3px;
	color: #333;
	background:#fff;
	height: 50px;
	line-height: 50px;
	padding: 0;
	position:relative;
}
.sufia-slider .welcome-text .button .btn:hover{
	color:#fff;
	background:#29B6F6;
}
.sufia-slider .welcome-text .button .btn.primary{
	background:#29B6F6;
	color:#fff;
}
.sufia-slider .welcome-text .button .btn.primary:hover{
	background:#fff;
	color:#333;
}
.sufia-slider .welcome-text .button .btn:last-child{
	margin:0px;
}
.sufia-slider .welcome-text .b-arrow{
	background:url(img/arrow.png);
	width:100%;
	height:18px;
	background-repeat:no-repeat;
	margin-top:40px;
}
.sufia-slider .welcome-text.center .b-arrow{
	background-position:center;
}
.sufia-slider .welcome-text.right .b-arrow{
	background-position:right;
}
.sufia-slider button {
	position: absolute;
	top: 52%;
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 25px;
	margin-top:-40px;
	z-index:5;
	color:#fff;
	background:rgba(255, 255, 255, 0.30);
	transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
}
.sufia-slider button:hover{
	color:#fff;
}
.sufia-slider button.PrevArrow {
	left:0;
}
.sufia-slider button.NextArrow {
	right:0;
}
/* Slider Animation */
.sufia-slider .single-slider.slick-active h1{
    animation: fadeInUp	1s both 0.6s;
}
.sufia-slider .single-slider.slick-active .btn {
    animation: fadeInUp 1s both 1s;
}
.sufia-slider .single-slider.slick-active .b-arrow{
    animation: fadeInUp 1s both 1.5s;
}
/*===============================
	End Slider Style
===============================*/


/*===============================
	Features Style
===============================*/
.features .single-features {
	position: relative;
	margin-top: 60px;
	padding-left: 70px;
}
.features .single-features i {
	position: absolute;
	left: 0;
	font-size: 45px;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.features .single-features:hover i{
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	transform:rotate(360deg);
}
.features .single-features h4 {
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: 500;
	color: #444444;
}
.features .single-features p {
	color:#999;
}
/*------------------------------------------------- */
/* =  Events */
/*------------------------------------------------- */
section.events-section {
  padding: 80px 0;
  background-color: #f8f9fa; }
  section.events-section.events-page {
    padding: 40px 0; }

/*------------------------------------------------- */
/* =  events-posts */
/*------------------------------------------------- */
.events-box .events-post{
	float: left;
	width: 45%;
	margin:20px;
}
.events-post {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  padding: 29px;
  overflow: hidden;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  margin-bottom: 30px; 

}
  .events-post:hover {
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06);
    -o-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06); }
  .events-post .event-inner-content {
    display: flex;
    align-items: center; 

}
    .events-post .event-inner-content .top-part {
      display: flex;
      flex-grow: 1;
      align-items:flex-start; }
      .events-post .event-inner-content .top-part .date-holder {
        margin-right: 24px; }
        .events-post .event-inner-content .top-part .date-holder .date {
          position: relative;
          width: 80px;
          height: 80px;
          border: 2px solid #f9a134;
          -webkit-border-radius: 4px;
          -moz-border-radius: 4px;
          -ms-border-radius: 4px;
          border-radius: 4px;
          color: #495057;
          line-height: 1.2;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center; }
          .events-post .event-inner-content .top-part .date-holder .date:before, .events-post .event-inner-content .top-part .date-holder .date:after {
            content: "";
            position: absolute;
            top: -7px;
            width: 2px;
            height: 14px;
            border-radius: 2px;
            left: 12px;
            background-color: #f9a134; }
          .events-post .event-inner-content .top-part .date-holder .date:after {
            right: 12px;
            left: initial; }
          .events-post .event-inner-content .top-part .date-holder .date .date-day {
            font-size: 30px; }
          .events-post .event-inner-content .top-part .date-holder .date .date-month {
            font-size: 14px; }
      .events-post .event-inner-content .top-part .event-meta {
        margin-bottom: 8px; }
        .events-post .event-inner-content .top-part .event-meta .event-meta-piece {
          display: inline-block;
          font-size: 14px;
          padding-right: 15px;
          color: #8f8f8f; 
      	overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		width: 95%;
	}
          .events-post .event-inner-content .top-part .event-meta .event-meta-piece i {
            font-size: 14px;
			margin-right: 8px;
			color: #f9a134;
			float: left;
			font-style: normal;
			font-weight: 600;
        }
      .events-post .event-inner-content .top-part h2 {font-size: 16px;
        margin-bottom: 0; 
        /*overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;*/
		width: 400px;
		float: left;
		line-height: 1.5em;
}
        .events-post .event-inner-content .top-part h2 a {
          color: #2f2f32; }
          .events-post .event-inner-content .top-part h2 a:hover {
            color: #4783f3; }
      .events-post .event-inner-content .top-part .events-image {
        margin-left: 30px; }
        .events-post .event-inner-content .top-part .events-image img {
          max-width: 640px;
          height: auto; }
    .events-post .events-pic{width:600px;height: auto;text-align: center;float: left;}
    .event-meta-btn{background: #29B6F6;padding:10px 20px;border-radius: 4px;color: #fff;margin-top: 20px;
    display: inline-block;
}


@media (max-width: 767px) {
  .events-post .event-inner-content .top-part .events-image {
    display: none; } }
/*===============================
	End events-post
===============================*/

/*===========================
    讲课专家 css 
===========================*/

.singel_client{
    padding: 20px;
    background-color: #f1f1f1;
    min-height: 350px;
}
.singel_client .client_image {
	margin-top: -80px;
    margin-bottom: 15px;
    display: inline-block;
}
.singel_client .client_image img{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 6px solid #fff;
}

.singel_client .client_text h4 {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 10px;
}
.singel_client .client_text span{
    display: block;
    color: #656565;
    font-size: 14px;
    margin-bottom: 15px;
}
.singel_client .client_text i{
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: #4777f3;
    border-radius: 50%;
    font-size: 18px;
    color: #fff;
    display: inline-block;
    margin-bottom: 15px;
}

.client-slied .slick-arrow {
	position: absolute;
    left: -30px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 24px;
	width: 40px;
	height: 40px;
	line-height: 35px;
	text-align: center;
	border-radius: 50%;
	border: 1px solid #006ed9;
	color: #006ed9;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    z-index: 5;
}
.client-slied .fa-angle-right.slick-arrow{
    left: auto;
    right: -30px;
}

.client-slied .slick-arrow:hover{
    color: #fff;
    background-color: #006ed9;
    border-color: #006ed9;
}

/*讲堂新闻*/
.newsnav{
	margin: 0 0 20px 15px;
}
.newsnav > li.active > a, .newsnav > li.active > a:focus, .newsnav > li.active > a:hover{
	border-radius:4px;
	background-color: #29B6F6;
	color: #fff;
}

.singel_blog .blog_img{
    overflow: hidden;
    position: relative;
}
.singel_blog .blog_img img{
    width: 100%;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    height: 240px;
}
.singel_blog .blog_img a {
	font-size: 13px;
	position: absolute;
	bottom: 12px;
	left: 15px;
	background-color: #1e90ff;
	color: #fff;
	padding: 5px 8px;
}
.singel_blog .blog_img a i{
    padding-right: 5px;
}
.singel_blog:hover .blog_img img{
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.singel_blog .blog_content{
    padding: 16px;
    -webkit-box-shadow: 0px 5px 24px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 5px 24px 0px rgba(0,0,0,0.15);
}
.singel_blog .blog_content h4{
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px;
}
.singel_blog .blog_content p{
    padding-bottom: 15px;
    
}

.singel_blog .blog_content ul li{
    display: inline-block;
    margin-right: 16px;
    margin-top: 7px;
    position: relative;
}
.singel_blog .blog_content ul li:last-child{
    margin-right: 0;
}
.singel_blog .blog_content ul li::before {
	content: '';
	position: absolute;
	width: 1px;
	height: 15px;
	background-color: #999;
	left: -10px;
	top: 5px;
}
.singel_blog .blog_content ul li:first-child::before{
    display: none;
}
.singel_blog .blog_content ul li a{
    font-size: 13px;
    color: #999;
}
.singel_blog .blog_content ul li a i{
    margin-right: 7px;
}

/*===============================
	Contact CSS
===============================*/
#contact{
	background:#f5f5f5;
}
#contact.personal{
	background:#fff;
}
#contact .form-group{
	position:relative;
}
#contact .form-group:last-child{
	margin:0;
}
#contact .form-group i {
	position: absolute;
	font-size: 16px;
	padding: 15px 12px;
}
#contact .form-group input {
	width: 100%;
	height: 50px;
	border: 1px solid #bbb;
	padding-left:15px;
	border-radius: 5px;
}
#contact .form-group textarea{
	border:1px solid #bbb;
	padding:10px;
	width: 100%;
	padding-left:15px;
	border-radius: 3px;
	resize:none;
}
#contact .form-group .button {
	display: block;
	height: 44px;
	border-radius: 3px;
	border: 0px solid;
	padding: 0 35px;
	font-size: 14px;
	text-transform: uppercase;
	display: inline-block;
	color: #fff;
}
#contact .form-group .button:hover{
	background:#252525;
}
#contact .form-group .button i{
	position:relative;
	display:inline-block;
	color:#fff;
	margin-right:10px;
	padding:0px;
}
#contact .map {
	width: 100%;
	height: 385px;
}
/*===============================
	End Contact CSS
===============================*/
/*=============================
	Personal header
===============================*/
.header.personal{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	z-index:93;
}
.header.personal .header-inner{
	padding:15px 0;
}
.header.personal .search-form{
	bottom:-105px;
}
.header.personal .side-menu .nav {
	padding: 28px 0;
}
/*=============================
	End Personal header
===============================*/

/*===============================
	footer Style
===============================*/
.footer .footer-top {
	background: #232328;
	padding: 30px 0 30px;
}
.footer .footer-logo {
	margin-bottom: 20px;
}
.footer .single-widget h2 {
	color: #fff;
	font-size: 18px;
	margin-bottom: 20px;
	text-transform: uppercase;
}
.footer .about p {
	color: #eee;
}
.footer .button .btn {
	margin-top: 20px;
	padding: 10px 35px;
	text-transform: capitalize;
	border-radius: 50px;
	border:1px solid transparent;
}
.footer .button .btn:hover{
	background:transparent;
	border-color:#fff;
}
.footer .contact ul{}
.footer .contact ul li {
	color: #eee;
	position: relative;
	padding-left: 40px;
	font-family: 'Roboto', sans-serif;
	margin-bottom: 10px;
}
.footer .contact ul li:last-child{
	margin:0;
}
.footer .contact ul li i {
	position: absolute;
	top: 50%;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	left: 0;
	margin-top: -15px;
	font-size: 16px;
}
.footer .contact ul li a{
	color:#fff;
}
.footer .social-icon li {
	float: left;
	width: 50%;
	margin-bottom: 10px;
}
.footer .social-icon li:last-child{
	margin:0;
}
.footer .social-icon li a {
	color: #eee;
}
.footer .social-icon li a:hover{
	color:#82B440
}
.footer .social-icon li a i {
	margin-right: 10px;
	width: 20px;
}
/*----- Copyright -----*/
.footer .copyright {
	padding: 12px 0;
	background: #1D1D21;
}
.footer .copyright p {
	color: #bbb;
	font-size: 14px;
}
/*====== BACK TO TOP ======*/
.back-to-top{
    position: fixed;
    right: 30px;
    bottom: 30px;
    width: 50px;
    height: 50px;
    line-height: 40px;
    font-size: 26px;
    color: #fff;
    background-color: #1e90ff;
    text-align: center;
    border-radius: 50%;
    z-index: 9;
    display: none;
}
.back-to-top i{color: #fff;}
.back-to-top:hover{
    background-color: #333;
    color: #fff;
}

#logo{background:#f5f5f5;}
.logopary li{float:left;width:25%;margin-bottom:10px;}
.logopary li img{width:150px;margin:0 auto;}
.btn-mod{padding:3px 10px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;margin-top:10px;display:inline-block;}
.modal-dialog{background:#fff;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	width:760px;
}}
.modal-header h3{color:#337ab7;}
.modal-body{height:400px;}
.modal-body p{margin-bottom:10px;color:#666;}

/*===============================
	End footer Style
===============================*/