.fangF { padding: 27px 0 50px; text-align: center; overflow: hidden; clear: both; }
.fangF a, .fangF span { margin: 0 4px; font-size:12px; display:inline-block; padding:12px; min-width: 25px; text-align:center; color:#555555;border: 1px solid #e4e4e4;background:#ffffff; }
.fangF a:hover{text-decoration:none;color:#000000;background:#f1f1f1;}
.fangF a.fCurrent { display:inline-block; padding:12px; font-weight: 500; color:#ffffff; background: #c50d25; text-align:center; border: 1px solid #c50d25; }
body {
	padding: 0;
	margin: 0;
	background: #FFF;
	font-family:"Microsoft Yahei";
}
body a {
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	text-decoration: none;
}
body a:hover {
	text-decoration: none;
}
body a:focus, a:hover {
	text-decoration: none;
}
input[type="button"], input[type="submit"] {
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-family:"Microsoft Yahei";
}
p {
	margin: 0;
}
ul {
	margin: 0;
	padding: 0;
}
label {
	margin: 0;
}
img {
    vertical-align: middle;
    width: 100%;
}
a:focus, a:hover {
	text-decoration: none;
	outline: none;
}
.p-50{ padding:50px 0;}
.m-50{ margin:50px 0;}
.mt-50{ margin-top:50px;}
.mb-50{ margin-bottom:50px;}

/********************************************************header********************************************************/
.w3layouts_header_left {
    float: right;
    margin-top: 10px;
}
.w3layouts_header_left p{
	color:#999;
	line-height:1.8em;
}
.w3layouts_header_right{
	float:left;
}
.header {
    padding: 0.6em 3em;
    background: #09347a;
}
.w3layouts_header_right ul li{
	display:inline-block;
	    color: #fff;
}
.header_contact_details_agile i {
    float: left;
    font-size: 2em;
	color:#fff;
	}
	.agileits-social.top_content ul {
    margin: 0!important;
}
.agileits-social.top_content {
    margin: .5em 0!important;
    float: right;
}
.agileits-social.top_content li {
    display: inline-block;
}
.agileits-social a {
    color: #eee;
    margin: .5em;
    font-size: 16px;
}
.agileits-social a:hover {
    color: #ff9800;
}
.w3layouts_header_right ul li i{
	 color: #47cf73;
}
.w3layouts_header_right ul li a{
		    color: #fff;
	text-decoration:none;
}
.w3layouts_header_right ul li a:hover{
	color:#fa3d43;
}
.w3layouts_header_left ul li {
    display: inline-block;
    list-style: none;
    margin-right: 1em;
}
.w3layouts_header_left ul li a {
      color: #fff;
    padding: 0.5em 1em;
    font-size: 1em;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.w3layouts_header_left i {
    color: #47cf73;
}
.social_list_w3ls {
    position: absolute;
    bottom: -126px;
    left: 16px;
}
.social_list_w3ls i {
    width: 0;
    height: 0;
    margin: 0;
}
.social_list_w3ls a {
    display: inline-block;
    margin-right:36px;
    color: #fff;
}
.social_list_w3ls a:hover{
	color:#00acee;
}
.social_list_w3ls span {
    font-size: 1em;
}

.w3layouts_header_mid ul li {
    list-style: none;
    display: inline-block;
    width: 23%;
}
.header_contact_details_agile i {
      color: #ef5734;
    width: 20%;
    float: left;
    text-align: center;
    margin-top: 7px;
}
.w3l_header_contact_details_agile {
    float: right;
    width: 80%;
}
.header-contact-detail-title {
    color: #1f1f1f;
    font-size: 1.1em;
    font-weight: 600;
}
a.w3l_header_contact_details_agile-info_inner,.w3l_header_contact_details_agile a {
    font-size: 1em;
    color: #868282;
}
.header_mid {
    padding: 1em 3em;
    background: rgba(245, 244, 244, 0.41);
}

.w3layouts_header_mid ul li {
    list-style: none;
    display: inline-block;
    width: 24.5%;
    border-right: 1px ridge#b5c0d4;
}
.w3layouts_header_mid ul li:nth-child(4) {
border:none;
}


/********************************************************bootstrap-pop-up********************************************************/
.modal-header {
    color: #222;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
	    border-bottom: none;
}
.close {
    opacity: 1;
}
.modal-body p {
    color: #444;
    text-align: left;
	padding:1em 0em 1em;
	margin: 0 !important;
	line-height:2em;
}
.modal-body p i {
    display: block;
    margin: 1em 0;
    color: #212121;
}
.modal-body {
    padding:0;
}
.modal-content {
    border-radius: 0;
}
button.close {
    font-size: 1.5em;
    color:#212121;
	outline: none;
}


/********************************************************nav********************************************************/
.navbar-default {
    background: none;
    border: none;
}
.navbar {
    margin-bottom: 0;
}
.navbar-collapse {
    padding: 0;
}
.navbar-right {
    margin-right: 0;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color:#eb0005; 
	border-bottom:1px solid #eb0005; 
	background:none;
}

.navbar-default .navbar-nav > li > a {
    letter-spacing: 1px;
    font-size: 16px;
}
.navbar-nav > li > a {
    margin: 0 0 0 2.5em;
    padding:0;
    text-transform: uppercase;
}
.navbar-default .navbar-nav > li > a:hover{
    color:#000144;
}
.navbar-default .navbar-nav > li > a:focus {
    color: #fff;
	outline:none;
}
nav.navbar.navbar-default {
    background: none;
    padding:3em 0;
    position:;
    z-index: 999;
    width: 100%;
}
.navbar-right {
    float: left !important;
    margin: .9em 0 0 8.5em;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color:#fff;
    background: none;
}
.navbar-default .navbar-nav > li > a {
    color: #000;
}
.navbar-default .navbar-nav  > .active.open > a:focus {
	background:transparent;
	color: #000;
}
.navbar-default .navbar-brand,.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
    color: #000;
}
.navbar-brand {
    height: 42px;
    padding: 0;
    font-size: 1.2em;
    line-height: 45px;
    font-weight: 700;
    text-transform: uppercase;
}
.navbar-brand span {
    color: #ff9800;
    border: 4px solid #eee;
    border-right: transparent;
    padding: 0px 0 0 10px;
}
.navbar-left {
    position: relative;
}

.link-effect-2 a {
  overflow: hidden;
  font-weight: 400;
}
.link-effect-2 a span {
  position: relative;
  display: inline-block;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.link-effect-2 a span::before {
  color:#000144;
  position: absolute;
  top: 100%;
  content: attr(data-hover);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.link-effect-2 a:hover span {
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}


/********************************************************华盛泰商业管理********************************************************/
.about p {
    font-size: 16px;
    color: #444;
    line-height: 30px;
    margin-bottom: 2em;
}
.hotline{background:url(../images/hotline-bg.jpg) center; background-size:cover; height:500px;}

/********************************************************合作伙伴********************************************************/
.partner ,.partner1 img{ width:auto;}
.partner .imgborder{ border:1px solid #eee; margin-bottom:30px}
.zzjg img{ width:auto;}
.honor img{ border:1px solid #eee; padding:10px}
.honor p{ padding:10px 0}

/********************************************************为什么选择华盛泰********************************************************/
#why_con { margin-top:30px;
    position: relative;
}
#why_con .container {
    position: relative;
    z-index: 8;
}
.why-section {
    position: relative;
}
.why-section .slide-item {
    display: inline-block;
    position: relative;
    overflow: hidden;
    margin-top: 15px;
}
.why-section .image-box img {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
}
.why-section .overlay {
    position: absolute;
    left: 0px;
    top: -100%;
    width: 100%;
    height: 100%;
    background: url(../images/icon-plus-2.png) center 40% no-repeat;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    z-index: 2;
    transition: all 500ms ease;
    -webkit-all: opacity 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
}
.why-section .slide-item:hover .overlay {
    opacity: 0.80;
    top: 0px;
}
.why-section .item-caption {
    position: absolute;
    left: 0px;
    bottom: -100%;
    width: 100%;
    text-align: center;
    color: #ffffff;
    padding: 10px 15px;
    background-color: rgba(0, 0, 0, 0.50);
    font-size: 14px;
    z-index: 3;
    opacity: 0;
    color: #6aaf08;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    border-top: 1px solid #eb0007;
}
.why-section .slide-item:hover .item-caption {
    opacity: 1;
    bottom: 0px;
}
.why-section .item-caption p {
    position: relative;
    font-size: 14px;
    margin: 0px;
    color: #ffffff;
}
.why-section .item-caption h4 {
    font-size: 14px;
}
.why-section .visit-slider-carousel .owl-nav [class*="owl-"] {
    background: transparent none repeat scroll 0 0;
    background:#1068a7;
    color: #fff;
    font-size: 12px;
    height: auto;
    line-height: 12px;
    margin: 22px 0 0;
    padding: 7px 12px;
    width: auto;
}
.why-section .visit-slider-carousel .owl-nav [class*="owl-"]:hover {
    background: #fff;
    color: #444;
}
.why-section .visit-slider-carousel .owl-nav .owl-prev {
    margin-right: 5px;
}
.why-section .visit-slider-carousel .owl-nav .owl-next {
    margin-left: 5px;
}

div#why,div#about,div#team,div#stats,div#offers  {
    padding: 5em 0 3em ;
}
div#offers  {
    padding: 5em 0 0em;
}

div#why {
    background: url(../images/whybg.jpg) no-repeat 0px 0px;
    background-size: cover;
    background-attachment: fixed;
}
.whyleft h3 {
    font-size: 28px;
    margin-bottom: .5em;
    color: #000; float: left;
    padding-right: 40px;
}
.whyleft p {
    font-size: 14px;
    margin-top: .5em;
    color: #000; float: left;
}
h3.title1 {
    text-align: center;
    font-size: 35px;
    margin-bottom: 1em;
    color: #fff;
    text-transform: capitalize;
    position: relative;
}
h3.title {
    text-align: center;
    font-size: 35px;
    margin-bottom: 1em;
    color: #000;
    text-transform: capitalize;
    position: relative;
}
.title {
    position: relative;
    text-align: center;
    color: #999;
}
h3.partner {
    text-align: center;
    font-size: 35px;
    margin-bottom: .2em;
    color: #000;
    text-transform: capitalize;
    position: relative;
}
p.partner {
    text-align: center;
    font-size: 14px;
    margin-bottom: 3em;
    color: #777;
    text-transform: capitalize;
    position: relative;
}

.why .grid1 {
    padding: 2em;
    background: #111;
    transition: 1s all;
	-webkit-transition: 1s all;
	-o-transition: 1s all;
	-moz-transition: 1s all;
	-ms-transition: 1s all;
}
.why .grid1:hover {
    transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
    transition: 1s all;
	-webkit-transition: 1s all;
	-o-transition: 1s all;
	-moz-transition: 1s all;
	-ms-transition: 1s all;

}
.why .clr1 {
    background: url(../images/about.jpg) no-repeat center; height:326px;
}
.why .clr2 {
    background: #00a4e4;
}
.why .clr3 {
    background: #fd5c63;
}
.why .clr4 {
    background: #003666;
}
.why .clr5 {
    background: #2ad2c9;
}
.why .clr6 {
    background: #ff6a00;
}
.whylefttop {
    margin-bottom: 2em;
    margin-top: 2em;
}
.grid1 i.fa {
    color: #fff;
    font-size: 30px;
    margin-bottom: 1em;
}
.grid1 h4 {
    color: #eee;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 300;
    line-height: 30px;
    letter-spacing: 0px;
    padding-left: 0px;
}



/********************************************************新闻动态********************************************************/
.news { margin:80px 0;
}
.new-show img{ width:auto}
.full-width img {
	width: 100%;
}
.img-full-width img{
	height: 252px;
}

.news-desk {
	width: 100%;
	padding: 25px 20px;
	box-shadow: 0 2px 5px 0px #e9e9e9;
	 -webkit-transition: box-shadow .3s ease-in-out;
		-moz-transition: box-shadow .3s ease-in-out;
			 transition: box-shadow .3s ease-in-out;
}
.news-desk h5{
	font-weight: 500;
	font-size: 16px; 
	margin-bottom:20px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.news-desk h5 a{ color:#000;}
.news-desk p{
    font-size: 14px; color:#777;
}


/********************************************************版权********************************************************/
.subscribe input[type="text"] {
    display: inline-block;
    background: transparent;
    border: none;
    width: 78%;
    border-bottom: 1px solid #fff;
    outline: none;
    padding: .6em 1em;
    font-size: 1.1em;
    color: #fff;
}
.footer form {
    width: 70%;
    margin: 0 auto;
}
.footer {
    background: #1068a7;
    padding: 3em 0;
}
.copyright ul li {
    list-style-type: none;
    display: inline-block;
}
.copyright {
    text-align: left;
}
.copyright h4{ color:#fff;
}
.copyright p{ line-height:30px;
}

.subscribe img{
    width:150px; 
    margin-left:20px;
}
.subscribe p { width:150px;
    margin-left:20px;
    text-align: center;
    color: #eee;
    font-size: 14px;
    margin-top: .5em;
    font-weight: 400;
    text-transform: capitalize;
}
.copyright ul li a {
    color: #fff;
    padding: 0 .8em 0 0;
    font-size: 14px; line-height:25px;
}
.copyright ul li a:hover{color: #000144;}
.copyright ul {
    padding-top: 1.5em;
}
.copyright p {
    margin-top: 2em;
    color: #eee;
    font-size: 15px;
}
.copyright p a {
    color: #fff;
}
.copyright p a:hover {
    color: #000144;
}
#cnzz_stat_icon_1275004726 img{ width:48px; height:12px;}



@media screen and (max-width: 1920px){
	.sliderBox h3, .sliderBox h2 {
		padding-top: 8em;
	}
}
@media screen and (max-width: 1680px){
	.sliderBox h3, .sliderBox h2 {
		padding-top: 7em;
	}
}
@media screen and (max-width: 1600px){
	.sliderBox h3, .sliderBox h2 {
		padding-top: 6em;
	}
}
@media screen and (max-width: 1440px){
	.sliderBox h3, .sliderBox h2 {
		padding-top: 7em;
	}
	#sl1,#sl2,#sl3,#sl4,#sl5,#sl2,#exampleSlider{
		min-height:700px;
	}
	.navbar-right {
		margin: .8em 0 0 9em;
	}
	.testimonials .col-md-4 {
		width: 30%;
		background: #737373;
		background: #7fc2f7;
		margin: 0 15px;
		padding: 3em 2em;
	}
	.footer form {
		width: 78%;
	}
}
@media screen and (max-width: 1366px){
	.navbar-right {
		margin: .8em 0 0 9em;
	}
	.footer form {
		width: 85%;
	}
	.title:before, .title:after {
		left: 51%;
	}
	.title:before {
		left: 38.65%;
	}
}

@media screen and (max-width: 1280px){
	#sl1, #sl2, #sl3, #sl4, #sl5, #sl2, #exampleSlider {
		min-height: 600px;
	}
	.navbar-right {
		margin: .8em 0 0 5em;
	}
	.navbar-nav > li > a {
		margin: 0 0 0 1.5em;
		padding: 0;
		text-transform: uppercase;
	}
	.w3_agile_event_right_grid_right h4 {
		letter-spacing: 0px;
		margin: 1em 0 0.2em;
	}
	.mail, .social, .address, .contactimg {
		padding: 3em 3em;
		height: 14em !important;
	}
	.subscribe input[type="text"] {
		width: 76%;
	}
	.sliderBox h3, .sliderBox h2 {
		padding-top: 6em;
	}
	#exampleSlider,.sliderBox {
		width:100%!important;
		height:600px!important;
	}
	.partner ,.partner1 img{ width:100%;}
}
@media screen and (max-width: 1080px){
	.navbar-brand {
		font-size: 1em;
	}
	#exampleSlider,.sliderBox {
		width:100%!important;
		height:580px!important;
	}
	.navbar-right {
		margin: .8em 0 0 2em;
	}
	.navbar-nav > li{ padding:.2em 0}
	.navbar-nav > li > a {
		padding: 0 em; text-align:center;
	}
	.why-grids-info h3 {
		font-size: 1.5em;
	}
	.why-grids-info p {
		font-size: 1.05em;
	}
	.why-grids-info.sgi,.why-grids-info.sgi1 {
		padding: 0;
	}
	.why .grid1 {
		padding: 2em 1.3em;
	}
	.count-grid {
		padding: 0 20px 20px;
	}
	.special-info-top h4 {
		font-size: 1.4em;
		letter-spacing: 2px;
	}
	.w3_agile_event_right_grid_left {
		padding: 0;
	}
	.testimonials .col-md-4 {
		padding: 2em 2em;
	}
	.mail, .social, .address, .contactimg {
		padding: 3em 2em;
	}
	.contact-form input[type="email"] {
		margin-bottom: 1.5em;
		margin: 0 1em;
	}
	.footer form {
		width: 95%;
	}
	.copyright p {
		font-size: 14px;
	}
	.copyright ul li a {
		font-size: 14px;
	}
	h3.title {
		font-size: 36px;
	}
	.title:before, .title:after {
		left: 52.2%;
	}
	.title:before {
		left: 37.65%;
	}
	.contact h4 {
		font-size: 21px;
		margin-bottom: .8em;
	}
	div#why, div#about, div#team, div#stats, div#offers {
		padding: 5em 0;
	}
	div#offers {
		padding: 5em 0 0;
	}
	.w3layouts_event_right {
		padding: 5em 5em;
	}
	.partner img{ width:100%;}
}
@media screen and (max-width: 1050px){
	.testimonials .col-md-4 {
		padding: 2em 1em;
		width: 29%;
	}
	iframe {
		height: 350px;
	}
	.subscribe input[type="text"] {
		width: 75%;
	}
}
@media screen and (max-width: 1024px){
	.navbar-right {
		margin: 2em 0 0 0em;
	}
	.navbar-nav > li {
		padding: 0 0.9em 0 .9em;
	}
	.navbar-nav > li > a {
		margin: 0 1em 0 0;
		text-transform: uppercase;
	}
	.subscribe input[type="text"] {
		width: 74%;
	}
	.subscribe h3 {
		font-size: 26px;
	}
	.partner img{ width:100%;}
}
@media screen and (max-width: 991px){
	.navbar-brand {
		font-size: .9em;
	}
	#exampleSlider,.sliderBox {
		width:100%!important;
		height:550px!important;
	}
	#sl1, #sl2, #sl3, #sl4, #sl5, #sl2, #exampleSlider {
		min-height: 550px;
	}
	.why-grids-info.sgi, .why-grids-info {
		padding: 0;
		width: 50%;
		float: left;
	}
	.why-grids-info.sgi1{
		width: 100%;
		float: none;
	}
	.whylefttop .col-md-4 ,.whyleftbottom .col-md-4 {
		width: 33.33%;
		float: left;
	}
	.tab1 .team-img-w3-agile, .tab2 .team-img-w3-agile, .tab3 .team-img-w3-agile, .tab4 .team-img-w3-agile {
		width: 250px;
		min-height: 250px;
		float: left;
	}
	.team-Info-agileits {
		text-align: left;
		padding: 1em 0 0 2em;
		width: 60%;
		float: left;
	}
	.count-grid {
		padding: 0 10px 20px;
		width: 25%;
		float: left;
	}
	.numscroller {
		font-size: 4em;
	}
	.count-grid h5 {
		font-size: 1.02em;
		letter-spacing: 0.5px;
	}
	.special-info-bottom {
		margin: 6em 0 0 0;
	}
	.special-info-top h4 {
		font-size: 1.2em;
		letter-spacing: 1px;
	}
	.special-info {
		padding: 2em 1em;
	}
	.special-info-bottom ul li {
		font-size: 1em;
	}
	.testimonials .col-md-4 {
		width: 46%;
		float: left;
		margin: 1em 1em 0 1em;
	}
	.mail, .social, .address{
		padding: 3em 2em;
		width: 50%;
		float: left;
	}
	.contactimg {
		width: 50%;
		padding: 0em 2em;
		float: left;
	}
	.contactimg img {
		height: 200px;
		width: 380px;
	}
	.contact-form input[type="email"] {
		margin-bottom: 1.5em;
		margin: 0 .7em;
	}
	.contact-form input[type="text"],.contact-form input[type="email"],.contact-form textarea {
		padding: .8em 1em;
		font-size: 1em;
	}
	.contact-form button.btn1 {
		padding: .5em 2em;
	}
	.footer form {
		width: 50%;
		margin-bottom: 2em;
	}
	.banner i.fa.fa-home {
		font-size: 31px;
		bottom: -48%;
	}
	.partner img{ width:100%;}
}
@media screen and (max-width: 900px){
	nav.navbar.navbar-default {
    background: none;
    padding:1em 0;
    position:;
    z-index: 999;
    width: 100%;
}
	.navbar-left {
		width: 100%;
		margin-bottom: em;
	}
	.banner i.fa.fa-home {
		left: 12%;
	}
	.sliderBox h3, .sliderBox h2 {
		padding-top: 7em;
	}
	.tab1 .team-img-w3-agile, .tab2 .team-img-w3-agile, .tab3 .team-img-w3-agile, .tab4 .team-img-w3-agile {
		width: 200px;
		min-height: 200px;
		float: left;
	}
	.team-Info-agileits {
		width: 68%;
		float: left;
	}
	.team-Info-agileits span {
		font-size: 1.2em;
	}
	.team-Info-agileits p {
		font-size: 14px;
		letter-spacing: .5px;
	}
	.footer form {
		width: 60%;
	}
	.partner img{ width:100%;}
	
	div#ba1, div#ba2, div#ba3, div#ba4, div#ba5, div#ba6, div#ba7{height: 200px!important}
    .new-show img{width:100%;}
    .col-md-12 img{width:100%;}
}

@media screen and (max-width: 800px){
	.banner i.fa.fa-home {
		left: 14%;
	}
	.testimonials .col-md-4 {
		width: 100%;
		float: left;
		margin: 1em 1em 0 1em;
	}
	.w3_agile_event_right_grid_left {
		padding: 0;
		width: 66px;
	}
	.title:before, .title:after {
		left: 53.3%;
	}
	.title:before {
		left: 37.65%;
	}
	.partner img{ width:100%;}
    .new-show img{width:100%;}
    .col-md-12 img{width:100%;}
}

@media screen and (max-width: 768px){
	.navbar-default .navbar-toggle {
		border-color: #121354;
		background: #121354;
	}
	.navbar-toggle {
		margin-top: 5px;
		margin-right: 5px;
		margin-bottom: 0px;
		border-radius: 0px;
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #fff;
	}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
		background-color: #ed0006;
	}
	.navbar-nav {
		text-align: center;
		margin: 0;
	}
	.navbar-right {
		margin: 1em 0 0 0em;
		width: 100%; padding:1em 0;
		background: #fff;
	}
	.navbar-default .navbar-nav > li > a {
		margin: .5em 0;
	}
	.agileits-social.top_content {
		margin: .5em 0!important;
		float: right;
		position: absolute;
		left: 46%;
		top: 26%;
	}
	div#bs-example-navbar-collapse-1 {
		position: ;
		width: 100%;
	}
	#exampleSlider, .sliderBox {
		height: 500px!important;
	}
	#sl1, #sl2, #sl3, #sl4, #sl5, #sl2, #exampleSlider {
		min-height: 500px;
	}	
	.hotline{height: 200px}
	div#ba1, div#ba2, div#ba3, div#ba4, div#ba5, div#ba6, div#ba7{height: 200px!important}
	.why-grids-info.sgi,.why-grids-info.sgi1, .why-grids-info {
		padding: 0 2em;
		width: 100%;
		float: left;
		margin-bottom: 2em;
	}
	.why-grids-info.sgi1 {
		margin-bottom: 0;
	}
	.why-grids-info img {
		width: 100%;
		height: 430px;
	}
	.whyleft h4 {
		font-size: 20px;
	}
	.grid1 h4 {
		font-size: 17px;
	}
	.single-post{ margin-bottom:3em}
	.news{ margin:2em 0}
	.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
		width: 100%;
	}
	.contact-form textarea {
		width: 99.5%;
		min-height: 150px;
	}
	.subscribe img {
    width: 150px;
    margin: 10px 0;
	}
	.subscribe p {
    width: 150px;
    margin-left: 0px;
	}
	.footer form {
		width: 70%;
	}
	.tab1 .team-img-w3-agile, .tab2 .team-img-w3-agile, .tab3 .team-img-w3-agile, .tab4 .team-img-w3-agile {
		width: 170px;
		min-height: 170px;
		float: left;
	}
	.team-Info-agileits {
		width: 70%;
		float: left;
		padding: 2em 0 0 1em;
	}
	h3.title {
		font-size: 32px;
	}
	.inner_w3l_agile_grids {
		margin-top: 0em;
	}
	.partner img{ width:100%;}
    .new-show img{width:100%;}
    .col-md-12 img{width:100%;}
}

@media screen and (max-width: 736px){
	nav.navbar.navbar-default {
    background: none;
    padding:1em 0;
    position:;
    z-index: 999;
    width: 100%;
}
	.navbar-default .navbar-toggle {
		border-color: #121354;
		background: #121354;
	}
	.navbar-toggle {
		margin-top: 5px;
		margin-right: 5px;
		margin-bottom: 0px;
		border-radius: 0px;
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #fff;
	}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
		background-color: #ed0006;
	}
	.navbar-nav {
		text-align: center;
		margin: 0;
	}
	.navbar-right {
		padding: 1em 0 1em;
		width: 100%;
		background: #fff;
	}
	.navbar-default .navbar-nav > li > a {
		margin: .5em 0;
	}
	.agileits-social.top_content {
		margin: .5em 0!important;
		float: right;
		position: absolute;
		left: 46%;
		top: 26%;
	}
	div#bs-example-navbar-collapse-1 {
		position: absolute;
		width: 100%;
	}
	.count-grid {
		padding: 0 70px 40px;
		width: 50%;
		float: left;
	}
	div#services,div#about,div#team,div#stats,div#offers,div#why {
		padding: 4em 0;
	}
	div#offers {
		padding: 4em 0 0;
	}
	.w3layouts_event_right {
		padding: 4em 3em;
	}
	.partner img{ width:100%;}
.new-show img{width:100%;}
.col-md-12 img{width:100% !important;}
}
@media screen and (max-width: 667px){
	#sl1, #sl2, #sl3, #sl4, #sl5, #sl2, #exampleSlider, .sliderBox {
		min-height: 280px!important;
		height: 280px!important;
	}
	.hotline{min-height: 200px!important;}
	div#ba1, div#ba2, div#ba3, div#ba4, div#ba5, div#ba6, div#ba7{height: 200px!important}
	
	.sliderBox h3, .sliderBox h2 {
		padding-top: 6.5em;
	}
	.contact-form input[type="email"] {
		margin-bottom: 1.5em;
		margin: 0 .5em;
	}
	.footer form {
		width: 73%;
	}
	.tab1 .team-img-w3-agile, .tab2 .team-img-w3-agile, .tab3 .team-img-w3-agile, .tab4 .team-img-w3-agile {
		width: 160px;
		min-height: 160px;
		float: left;
	}
	.partner img{ width:100%;}
.new-show img{width:100%;}
.col-md-12 img{width:100% !important;}
}
@media screen and (max-width: 640px){
	.navbar-right { margin:1em 0;
		padding: 1em 0 1em;
		width: 100%;
		background: #fff;
	}
	.sliderBox h3, .sliderBox h2 {
		font-size: 1.8em;
	}
	.readmore-w3 a {
		font-size: 14px;
		padding: 8px 25px;
	}
	.whylefttop .col-md-4, .whyleftbottom .col-md-4 {
		padding: 0 5px;
	}
	.count-grid {
		padding: 0 50px 40px;
		width: 50%;
		float: left;
	}
	.contactimg {
		padding: 0em 0em;
	}
	.contactimg img {
		height: 180px;
		width: 330px;
	}
	.contact-form input[type="email"] {
		margin: 0em;
	}
	.contact-form input[type="text"],.contact-form input[type="email"] {
		width: 99%;
		margin-bottom: 1.5em;
	}
	iframe {
		height: 300px;
	}
	.footer form {
		width: 80%;
	}
	.sliderBox h3, .sliderBox h2 {
		padding-top: 7.4em;
	}
	.tab1 .team-img-w3-agile, .tab2 .team-img-w3-agile, .tab3 .team-img-w3-agile, .tab4 .team-img-w3-agile {
		float: none;
	}
	.team-Info-agileits {
		width: 100%;
		float: none;
		padding: 2em 0 0 0em;
	}
	.title:before, .title:after {
		left: 54%;
	}
	.title:before {
		left: 37.65%;
	}	
	.partner img{ width:100%;}

	div#services,div#about,div#team,div#stats,div#offers,div#why {
		padding: 4em 0;
	}
.new-show img{width:100%;}
.col-md-12 img{width:100% !important;}
}

@media screen and (max-width: 568px){
	.navbar-brand {
		font-size: .8em;
	}
	.banner i.fa.fa-home {
		left: 19%;
		font-size: 26px;
		bottom: -38%;
	}
	.agileits-social.top_content {
		left: 50%;
	}
	.grid1 h4 {
		font-size: 15px;
	}
	.grid1 i.fa {
		font-size: 27px;
		margin-bottom: .4em;
	}
	.contactimg img {
		height: 190px;
		width: 300px;
	}
	.footer form {
		width: 90%;
	}
	.partner img{ width:100%;}
.new-show img{width:100%;}
.col-md-12 img{width:100% !important;}
}

@media screen and (max-width: 480px){
	.navbar-right { margin:2em 0;
		padding: 1em 0 1em;
		width: 100%;
		background: #fff;
	}
	nav.navbar.navbar-default {
		padding: 2em 0em;
	}
	.agileits-social a {
		margin: .3em;
		font-size: 15px;
	}
	.agileits-social.top_content {
		left: 54%;
	}
	.banner i.fa.fa-home {
		left: 21%;
		font-size: 24px;
		bottom: -34%;
	}
	.sliderBox h3, .sliderBox h2 {
		padding: 3em 2.5em 0;
		padding-top: 7em;
		line-height: 35px;
		letter-spacing: 1px;
	}
	.whyleft h4 {
		font-size: 19px;
		padding-left: 0px;
	}
	.grid1 h4 {
		font-size: 15px;
	}
	div#ba1, div#ba2, div#ba3, div#ba4, div#ba5, div#ba6, div#ba7{height: 136px!important}
	.whylefttop .col-md-4, .whyleftbottom .col-md-4 {
		width: 100%;
		margin-bottom: 1em;
		float: left;
	}
	.why .grid1 {
		padding: 2em;
	}
	.mail, .social, .address {
		padding: 2em 2em;
		width: 100%;
		float: none;
		height: auto !important;
	}
	.contactimg {
		width: 100%;
		padding: 2em;
		float: none;
		height: auto !important;
	}
	.subscribe input[type="text"] {
		width: 69%;
	}
	.copyright {
		padding: 0;
	}
	.copyright p {
		line-height: 28px;
	}
	.whylefttop {
		margin-bottom: 1em;
	}
	.whyleft h3 {
		font-size: 1.6em; margin-bottom:.1em;
	}
	.team-Info-agileits h4 {
		font-size: 1.6em;
	}
	.count-grid {
		padding: 0 25px 40px;
	}
	.title:before, .title:after {
		left: 56%;
	}
	.title:before {
		left: 36%;
	}
	.title span:before {
		bottom: -19%;
	}
	.why-grids-info img {
		width: 100%;
		height: auto;
	}
	.count-grid {
		padding: 0 18px 40px;
	}
	.footer form {
		width: 95%;
	}
	.copyright{ padding:0 1em;}
	.copyright ul li a {
		padding: 0 .3em;
	}
	.partner img{ width:100%;}
.new-show img{width:100%;}
.col-md-12 img{width:100% !important;}
}
@media screen and (max-width: 414px){
	.navbar-brand {
		font-size: .75em;
	}
	div#services,div#about,div#team,div#stats,div#offers,div#why {
		padding: 3em 0;
	}
	div#offers {
		padding: 3em 0 0;
	}
	.w3layouts_event_right {
		padding: 3em;
	}
	.banner i.fa.fa-home {
		left: 24%;
	}
	.whyleft h4 {
		font-size: 18px;
		line-height: 28px;
	}
	.count-grid {
		padding: 0 10px 40px;
	}
	.testimonials .col-md-4 {
		margin: 0 0 1em;
	}
	.w3layouts_event_right {
		padding: 6em 2em;
	}
	.footer form {
		width: 100%;
	}
	.copyright ul li a {
		padding: 0 .4em;
		letter-spacing: 0px;
	}
	.copyright p {
		padding: 0 0em;
	}
	.team-Info-agileits {
		padding: 2em 0 0 0em;
	}
	.resp-tabs-container {
		padding: 1em 0;
	}
.new-show img{width:100%;}
.col-md-12 img{width:100% !important;}
}
@media screen and (max-width: 384px){
	.navbar-toggle {
		margin-top: 60px;
	}
	.agileits-social.top_content {
		left: 68%;
		top: 18%;
	}
	.banner i.fa.fa-home {
		left: 26%;
		bottom: 41%;
	}
	.sliderBox h3, .sliderBox h2 {
		padding: 3em 2em 0;
		padding-top: 7em;
		font-size: 1.7em;
	}
	.team-Info-agileits h4 {
		font-size: 1.5em;
	}
	.team-Info-agileits span {
		font-size: 1.1em;
	}
	.count-grid {
		padding: 0 80px 40px;
		width: 100%;
	}
	.numscroller {
		font-size: 3em;
	}
	.subscribe input[type="text"] {
		width: 66%;
	}
	button.btn1 {
		font-size: 1em;
	}
	.contact h4 {
		font-size: 19px;
	}
	.copyright ul li {
		margin: .5em 0;
	}
	.why-grids-info.sgi, .why-grids-info.sgi1, .why-grids-info {
		padding: 0 1em;
	}
	.why-grids ul li a {
		letter-spacing: .5px;
	}
	h3.title {
		font-size: 30px;
	}
.new-show img{width:100%;}
.col-md-12 img{width:100% !important;}
}
@media screen and (max-width: 320px){
	.agileits-social.top_content {
		left: 10%;
		top:72%;
	}
	.sliderBox h3, .sliderBox h2 {
		font-size: 1.5em;
	}
	.resp-tab-content {
		padding: 2em 1em;
	}
	.navbar-toggle {
		margin-top: 5px;
	}
	.banner i.fa.fa-home {
		left: 32%;
		bottom: -33%;
	}
	div#ba1, div#ba2, div#ba3, div#ba4, div#ba5, div#ba6, div#ba7{height: 100px!important}
	.why-grids-info.sgi, .why-grids-info.sgi1, .why-grids-info {
		padding: 0 .5em;
	}
	.title:before, .title:after {
		left: 59%;
	}
	.title:before {
		left: 36%;
	}
	.why-grids ul li a {
		letter-spacing: .5px;
		font-size: .9em;
		padding-left: 8px;
	}
	.count-grid {
		padding: 0 45px 40px;
	}
	.subscribe input[type="text"] {
		width: 95%;
	}
	button.btn1 {
		padding: .7em 6.65em;
	}
.new-show img{width:100%;}
.col-md-12 img{width:100% !important;}
}
@media screen and (max-width: 320px){
	
}
@media screen and (max-width: 320px){
	
}
@media screen and (max-width: 320px){
	
}
@media screen and (max-width: 320px){
	
}
@media screen and (max-width: 320px){
	
}
@media screen and (max-width: 320px){
	
}
@media screen and (max-width: 320px){
	
}
@media screen and (max-width: 320px){
	
}
@media screen and (max-width: 320px){
	
}
@media screen and (max-width: 320px){
	
}
@media screen and (max-width: 320px){
	
}
@media screen and (max-width: 320px){
	
}
@media screen and (max-width: 320px){
	
}
@media screen and (max-width: 320px){
	
}



/****************************************************************************************************
内页样式
****************************************************************************************************/
.fzlc img{ width:auto}

/*div#ba1 {
    background: url(../images/ba1.jpg) bottom #ebeced;
    background-size: cover; height:400px;
}
div#ba2 {
    background: url(../images/ba2.jpg) no-repeat bottom #ebeced;
    background-size: cover; height:400px;
}
div#ba3 {
    background: url(../images/ba3.jpg) no-repeat bottom #ebeced;
    background-size: cover; height:400px;
}
div#ba4 {
    background: url(../images/ba4.jpg) no-repeat bottom #ebeced;
    background-size: cover; height:400px;
}
div#ba5 {
    background: url(../images/ba5.jpg) no-repeat bottom #ebeced;
    background-size: cover; height:400px;
}
div#ba6 {
    background: url(../images/ba6.jpg) no-repeat bottom #ebeced;
    background-size: cover; height:400px;
}
div#ba7 {
    background: url(../images/ba7.jpg) no-repeat bottom #ebeced;
    background-size: cover; height:400px;
}*/


div#offers  {
    padding: 6em 0 0em;
}
div#services {
    background: url(../images/aboutbg.jpg) no-repeat bottom #ebeced;
    background-size: cover; padding:30px 0 50px;
    background-attachment: fixed;
}
.servicesleft h3 {
    font-size: 24px; text-align:center;
    text-transform: uppercase;
    margin-bottom: .5em;
    color: #fff;
}
.servicesleft h4 {
    font-size: 24px; text-align:center;
    text-transform: uppercase;
    margin-bottom: .5em;
    color: #fff;
}
.servicesleft p {
    font-size: 14px; text-align:center;
    text-transform: uppercase;
    margin-bottom: .5em;
    color: #fff;
}

.services .grid1 {
    padding: 2em;
    background: #111;
    transition: 1s all;
	-webkit-transition: 1s all;
	-o-transition: 1s all;
	-moz-transition: 1s all;
	-ms-transition: 1s all;
}
.services .grid1 i{ text-align:center; width:80px; margin:0 auto; font-size:60px; display:block; color:#fff;}
.services .grid1:hover {
    transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
    transition: 1s all;
	-webkit-transition: 1s all;
	-o-transition: 1s all;
	-moz-transition: 1s all;
	-ms-transition: 1s all;

}
.services .clr1 {
    background: #5896cc;
}
.services .clr2 {
    background: #121354;
}
.services .clr3 {
    background: #9cce7d;
}
.services .clr4 {
    background: #aa94ab;
}
.services .clr5 {
    background: #61bba3;
}
.services .clr6 {
    background: #8fad9c;
}
.serviceslefttop {
    margin-bottom: 2em;
    margin-top: 2em;
}
.title-1{ font-size:28px;}

/*****************************************************************内页标题**********************************************************************/
.bradcaump__inner {
    align-items: center;
    display: flex;
    height: 120px;
    justify-content: space-between;
    padding-bottom: 8px; }
.bradcaump__inner h2 {
      color: #000;
      font-size: 30px;
      text-transform: capitalize; }
.bradcaump__inner .breadcrumb-item {
      color: #444;
      font-size: 14px;
      text-transform: uppercase;
      transition: all 0.3s ease 0s; }
.bradcaump__inner .brd-separetor {
      padding: 0 10px; }


.title__des {
  align-items: center;
  border: 1px solid #ddd;
  height: 40px; line-height:40px; margin-bottom:30px;}
.title__des a {
  color: #444;
  padding: 0 30px;
  position: relative;
  text-transform: capitalize; }
.title__des a.active, .title__des a:hover {
  color: #ed0006; }
.title__des a + a::before {
  background: #dddddd none repeat scroll 0 0;
  content: "";
  height: 40px;
  left: 0;
  position: absolute;
  top:;
  transform: translateY(-0%);
  width: 1px; }
@media only screen and (max-width: 768px) {
  .title__single__details .title__cat ul {
    flex-wrap: wrap; }

  .title__des {
    border: 1px solid #ddd;
    height: 41px; line-height:41px;
    width: auto; }

  .title__des a + a::before {
  background: #dddddd none repeat scroll 0 0;
  content: "";
  height: 40px;
  left: 0;
  position: absolute;
  top:;
  transform: translateY(-0%);
  width: 1px; }

  .title__des a {
    padding: 0 10px; }

  .title__nav.title__tab__bottom.nav.flex-wrap a + a {
    margin-left: 0;
    margin-top: 0; }

  .title__nav.nav.flex-wrap a + a {
    margin-left: 0;
    margin-top: 0; }

  .title__nav.nav.flex-wrap a {
    flex-basis: 50%;
    padding: 0 10px; } 
}
@media only screen and (max-width: 640px) {
  .title__single__details .title__cat ul {
    flex-wrap: wrap; }
  .title__des {
    border: 1px solid #ddd;
    height: 41px; line-height:41px;
    width: auto; }
  .title__des a + a::before {
	background: #dddddd none repeat scroll 0 0;
	content: "";
	height: 40px;
	left: 0;
	position: absolute;
	top:;
	transform: translateY(-0%);
	width: 1px; }
  .title__des a {
    padding: 0 10px; }
  .title__nav.title__tab__bottom.nav.flex-wrap a + a {
    margin-left: 0;
    margin-top: 0; }
  .title__nav.nav.flex-wrap a + a {
    margin-left: 0;
    margin-top: 0; }
  .title__nav.nav.flex-wrap a {
    flex-basis: 50%;
    padding: 0 10px; } 
}
@media only screen and (max-width: 420px) {
  .title__single__details .title__cat ul {
    flex-wrap: wrap; }

  .title__des {
    border: 1px solid transparent;
    height: 77px;
    width: auto; }

  .title__des a + a::before {
    display: none; }

  .title__des a {
    padding: 0 14px 0 0; }

  .title__nav.title__tab__bottom.nav.flex-wrap a + a {
    margin-left: 0;
    margin-top: 0; }

  .title__nav.nav.flex-wrap a + a {
    margin-left: 0;
    margin-top: 0; }

  .title__nav.nav.flex-wrap a {
    flex-basis: 50%;
    padding: 0 10px; } 
}



/**园区风采**/
div#youshi{
	background: linear-gradient(to right, #000144, #1068a7);}
.stylebg{ background:#f1f1f1}
.stylecon p {
    color: #fff;
    line-height: 1.9em;
    font-size: 1em;
}
.stylecon-images {
    float: left;
}
.stylecon-img-w3-agileits {
    padding: 0;
}
.stylecon-info-w3 {
    margin-top: 1.5em;
}
.stylecon-info-w3 ul {
    margin-top: 20px;
}
.stylecon-info-w3 ul li {
    list-style: none;
    margin: 25px 17px 25px 0px;
}
.style-grids.sgi ul li a {
    color: #fff;
}
.style-grids ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.style-grids ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.style-grids ul li:nth-child(1) {
  margin: 0;
}
.style-grids-info ul li {
    padding-bottom: 1.2em;
}
.style-grids ul li a {
    color: #fff;
    font-size: 1em;
    padding-left: 10px;
    letter-spacing: 1px;
    text-transform: capitalize;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
i.glyphicon {
    font-size: 14px;
    color: #30b2e4;
}
.style-grids ul li a:hover{
	color:#30b2e4;
	padding-left: 1em;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
.style-grids-info h3 {
    font-size: 1.8em;
    color: #4fa1e2;
    padding-top: 0;
    margin-bottom: 1em;
    text-transform: capitalize;
}
.style-grids-info img{
	width: 100%;
}

.style-grids-info p {
    font-size: 1.2em;
    color: #fff;
    line-height: 1.8em;
    margin-bottom: 2em;
}

/*****************************************************************物业服务**********************************************************************/
.company-goal {
  background: #f7f7f7;
  padding: 75px 0 35px 0;
  margin-bottom: 40px;
}
.company-goal h2 {
  font-weight: 700;
  line-height: 50px;
  margin-bottom: 115px;
}
.company-goal .single-goal {
  position: relative;
  background: #fff; margin-top:40px;
  padding: 0px 0px 25px 0px;
  border-radius: 5px;
  margin-bottom: 10px;
}
.company-goal .single-goal h5 {
  font-weight: 700;
  font-size: 20px;
  margin: 40px 0 20px;
}
.company-goal .single-goal .img-icon {
  position: ;
  top:-55px;
  left:0;
  right:0;
  z-index: 1;
  margin: auto;
  max-height: 150px;
  overflow: hidden;
}
.single-goal:hover{  
  -webkit-transition: all .8s ease-in-out;
  transition: all .8s ease-in-out;
  box-shadow: 0px 0px 18px -3px rgba(2,181,255,0.3);
}



/**-------------留言反馈----------------**/
.contact-form input[type="text"] {
    display: inline-block;
    background: none;
    border: solid 1px #ccc;
    width: 31.9%;
    outline: none;
    padding: 1em;
    font-size: 1.1em;
    color: #444;
    margin-bottom: 1.5em;
}
.contact-form input[type="email"] {
    display: inline-block;
    background: none;
    border: solid 1px #ccc;
    width: 31.9%;
    outline: none;
    padding: 1em;
    font-size: 1.1em;
    color: #444;
    margin-bottom: 1.5em;
    margin: ;
}
.contact-form textarea {
    display: inline-block;
    background: none;
    border: solid 1px #ccc;
    width: 100%;
    outline: none;
    padding: 1em;
    font-size: 1.1em;
    color: #444;
    margin-bottom: 1.5em;
    min-height: 200px;
}
.contact-form button.btn1 {
    color: #fff;
    font-size: 1.1em;
    padding: .8em 2em;
    text-align: center;
    text-decoration: none; background:#ed0006; border: none;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
.contact-form button.btn1:hover {
    background: #121354;
}
.contact-form  {
    padding:1em 0;
}



/**-------------流程----------------**/
.working-process .process-box {
    text-align: center;
}

.working-process .process-box .title {
    color: #000;
    font-size: 16px;
    margin: 30px 0;
    text-transform: uppercase;
}

.working-process .process-box .icon {
    border: 1px solid #c5c5c5; background:#fff;
    display: inline-block;
    width: 130px;
    height: 130px;
    line-height: 130px;
    position: relative;
    text-align: center;
}

.working-process .process-box .icon:before {
    color: #c5c5c5;
    content: '\f105';
    font-family: "FontAwesome";
    font-size: 26px;
    height: 1px;
    position: absolute;
    right: -94px;
    top: -5px;
}

.working-process .process-box .icon:after {
    background-color: #c5c5c5;
    content: "";
    height: 1px;
    position: absolute;
    right: -80px;
    top: 60px;
    width: 65px;
}

.working-process .process-box .icon.no-arrow:before,
.working-process .process-box .icon.no-arrow:after {
    display: none;
}

.working-process .process-box .icon i {
    color: #ccc; padding-top:30px;
    font-size: 70px;
    transition: all 0.3s ease-in-out;
    -webkit-all: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

.working-process .process-box:hover .icon i {
    color: #6aaf08;
}

.working-process .process-box .icon .process-number {
    background-color: #121354;
    color: #fff;
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    height: 38px;
    left: -38px;
    line-height: 38px;
    position: absolute;
    text-align: center;
    top: 40px;
    width: 38px;
}


/**-------------新闻----------------**/
.entry-title{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.featured-courses.horizontal-column,
.featured-courses.vertical-column {
    padding: 30px 0;
    background: #fff;
}

.featured-courses.horizontal-column .course-thumbnail {
    width: calc(50% - 30px); float:left;
    background: #fff;
}

.featured-courses.horizontal-column .course-thumbnail img {
    height: 100%;
}

.featured-courses.horizontal-column .course-content-wrap {
    width: calc(50% + 30px); float:right;
    padding-left: 30px; padding:20px 20px 11px;
    border-left: 0;
}
.course-content-wrap p{ line-height:25px;
}
.course-content-wrap .new-t{
    overflow: hidden;
    text-overflow: ellipsis;
	 height:45px;
}
.featured-courses.horizontal-column .course-ratings {
    margin-bottom: 8px;
}
.course-date {
    position: relative; padding:10px 0;
    color: #757686;
}
.course-author {
    padding-top:10px;
}

.course-author a {
    color: #ed0006;
    text-decoration: none;
}

@media screen and (max-width: 576px){
    .featured-courses.horizontal-column .course-thumbnail {
        width: 100%;
    }

    .featured-courses.horizontal-column .course-content-wrap {
        width: 100%;
        padding: 30px;
        border: 1px solid #ebebeb;
        border-top: 0;
    }
}


/*******************************************************************************************************************/


/*--------------------------------
    Slider CSS
--------------------------------*/
.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}
.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.slick-list:focus {
	outline: none;
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}
.slick-slider .slick-track, .slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.slick-track:before, .slick-track:after {
	display: table;
	content: '';
}
.slick-track:after {
	clear: both;
}
.slick-loading .slick-track {
	visibility: hidden;
}
.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}
[dir='rtl'] .slick-slide {
	float: right;
}
.slick-slide img {
	display: block;
}
.slick-slide.slick-loading img {
	display: none;
}
.slick-slide.dragging img {
	pointer-events: none;
}
.slick-initialized .slick-slide {
	display: block;
}
.slick-loading .slick-slide {
	visibility: hidden;
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
	display: none;
}


/* ------ venobox.css --------*/
.vbox-overlay *, .vbox-overlay *:before, .vbox-overlay *:after {
	-webkit-backface-visibility: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.vbox-overlay {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 1040;
	-webkit-transform: translateZ(1000px);
	transform: translateZ(1000px);
	transform-style: preserve-3d;
}
/* ----- navigation ----- */
.vbox-title {
	width: 100%;
	height: 40px;
	float: left;
	text-align: center;
	line-height: 28px;
	font-size: 12px;
	padding: 6px 40px;
	overflow: hidden;
	position: fixed;
	display: none;
	left: 0;
	z-index: 1050;
}
.vbox-close {
	cursor: pointer;
	position: fixed;
	top: -1px;
	right: 0;
	width: 50px;
	height: 40px;
	padding: 6px;
	display: block;
	background-position: 10px center;
	overflow: hidden;
	font-size: 24px;
	line-height: 1;
	text-align: center;
	z-index: 1050;
}
.vbox-num {
	cursor: pointer;
	position: fixed;
	left: 0;
	height: 40px;
	display: block;
	overflow: hidden;
	line-height: 28px;
	font-size: 12px;
	padding: 6px 10px;
	display: none;
	z-index: 1050;
}
/* ----- navigation ARROWS ----- */
.vbox-next, .vbox-prev {
	position: fixed;
	top: 50%;
	margin-top: -15px;
	overflow: hidden;
	cursor: pointer;
	display: block;
	width: 45px;
	height: 45px;
	z-index: 1050;
}
.vbox-next span, .vbox-prev span {
	position: relative;
	width: 20px;
	height: 20px;
	border: 2px solid transparent;
	border-top-color: #B6B6B6;
	border-right-color: #B6B6B6;
	text-indent: -100px;
	position: absolute;
	top: 8px;
	display: block;
}
.vbox-prev {
	left: 15px;
}
.vbox-next {
	right: 15px;
}
.vbox-prev span {
	left: 10px;
	-ms-transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
.vbox-next span {
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	right: 10px;
}
/* ------- inline window ------ */
.vbox-inline {
	width: 420px;
	height: 315px;
	height: 70vh;
	padding: 10px;
	background: #fff;
	margin: 0 auto;
	overflow: auto;
	text-align: left;
}
/* ------- Video & iFrames window ------ */
.venoframe {
	max-width: 100%;
	width: 100%;
	border: none;
	width: 100%;
	height: 260px;
	height: 70vh;
}
.venoframe.vbvid {
	height: 260px;
}
@media (min-width: 768px) {
.venoframe, .vbox-inline {
	width: 90%;
	height: 360px;
	height: 70vh;
}
.venoframe.vbvid {
	width: 640px;
	height: 360px;
}
}
@media (min-width: 992px) {
.venoframe, .vbox-inline {
	max-width: 1200px;
	width: 80%;
	height: 540px;
	height: 70vh;
}
.venoframe.vbvid {
	width: 960px;
	height: 540px;
}
}
/* 
Please do NOT edit this part! 
or at least read this note: http://i.imgur.com/7C0ws9e.gif
*/
.vbox-open {
	overflow: hidden;
}
.vbox-container { 
    width:1200px; 
	margin:auto;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	overflow-scrolling: touch;
	-webkit-overflow-scrolling: touch;
	z-index: 20;
	max-height: 100%;
}
.vbox-content {
	text-align: center;
	float: left;
	width: 100%;
	position: relative;
	overflow: hidden;
	padding: 20px 10px;
}
.vbox-container img {
	max-width: 100%;
	height: auto;
}
.figlio {
	box-shadow: 0 0 12px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
	max-width: 100%;
	text-align: initial;
}
img.figlio {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.vbox-content.swipe-left {
	margin-left: -200px !important;
}
.vbox-content.swipe-right {
	margin-left: 200px !important;
}
.animated {
	webkit-transition: margin 300ms ease-out;
	transition: margin 300ms ease-out;
}
.animate-in {
	opacity: 1;
}
.animate-out {
	opacity: 0;
}
/* ---------- preloader ----------
 * SPINKIT 
 * http://tobiasahlin.com/spinkit/
-------------------------------- */
.sk-double-bounce, .sk-rotating-plane {
	width: 40px;
	height: 40px;
	margin: 40px auto
}
.sk-rotating-plane {
	background-color: #333;
	-webkit-animation: sk-rotatePlane 1.2s infinite ease-in-out;
	animation: sk-rotatePlane 1.2s infinite ease-in-out
}
@-webkit-keyframes sk-rotatePlane {
0% {
-webkit-transform:perspective(120px) rotateX(0) rotateY(0);
transform:perspective(120px) rotateX(0) rotateY(0)
}
50% {
-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0);
transform:perspective(120px) rotateX(-180.1deg) rotateY(0)
}
100% {
-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
}
}
@keyframes sk-rotatePlane {
0% {
-webkit-transform:perspective(120px) rotateX(0) rotateY(0);
transform:perspective(120px) rotateX(0) rotateY(0)
}
50% {
-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0);
transform:perspective(120px) rotateX(-180.1deg) rotateY(0)
}
100% {
-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
}
}
.sk-double-bounce {
	position: relative
}
.sk-double-bounce .sk-child {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #333;
	opacity: .6;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: sk-doubleBounce 2s infinite ease-in-out;
	animation: sk-doubleBounce 2s infinite ease-in-out
}
.sk-chasing-dots .sk-child, .sk-spinner-pulse, .sk-three-bounce .sk-child {
	background-color: #333;
	border-radius: 100%
}
.sk-double-bounce .sk-double-bounce2 {
	-webkit-animation-delay: -1s;
	animation-delay: -1s
}
@-webkit-keyframes sk-doubleBounce {
0%, 100% {
-webkit-transform:scale(0);
transform:scale(0)
}
50% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes sk-doubleBounce {
0%, 100% {
-webkit-transform:scale(0);
transform:scale(0)
}
50% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
.sk-wave {
	margin: 40px auto;
	width: 50px;
	height: 40px;
	text-align: center;
	font-size: 10px
}
.sk-wave .sk-rect {
	background-color: #333;
	height: 100%;
	width: 6px;
	display: inline-block;
	-webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
	animation: sk-waveStretchDelay 1.2s infinite ease-in-out
}
.sk-wave .sk-rect1 {
	-webkit-animation-delay: -1.2s;
	animation-delay: -1.2s
}
.sk-wave .sk-rect2 {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s
}
.sk-wave .sk-rect3 {
	-webkit-animation-delay: -1s;
	animation-delay: -1s
}
.sk-wave .sk-rect4 {
	-webkit-animation-delay: -.9s;
	animation-delay: -.9s
}
.sk-wave .sk-rect5 {
	-webkit-animation-delay: -.8s;
	animation-delay: -.8s
}
@-webkit-keyframes sk-waveStretchDelay {
0%, 100%, 40% {
-webkit-transform:scaleY(.4);
transform:scaleY(.4)
}
20% {
-webkit-transform:scaleY(1);
transform:scaleY(1)
}
}
@keyframes sk-waveStretchDelay {
0%, 100%, 40% {
-webkit-transform:scaleY(.4);
transform:scaleY(.4)
}
20% {
-webkit-transform:scaleY(1);
transform:scaleY(1)
}
}
.sk-wandering-cubes {
	margin: 40px auto;
	width: 40px;
	height: 40px;
	position: relative
}
.sk-wandering-cubes .sk-cube {
	background-color: #333;
	width: 10px;
	height: 10px;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: sk-wanderingCube 1.8s ease-in-out -1.8s infinite both;
	animation: sk-wanderingCube 1.8s ease-in-out -1.8s infinite both
}
.sk-chasing-dots, .sk-spinner-pulse {
	width: 40px;
	height: 40px;
	margin: 40px auto
}
.sk-wandering-cubes .sk-cube2 {
	-webkit-animation-delay: -.9s;
	animation-delay: -.9s
}
@-webkit-keyframes sk-wanderingCube {
0% {
-webkit-transform:rotate(0);
transform:rotate(0)
}
25% {
-webkit-transform:translateX(30px) rotate(-90deg) scale(.5);
transform:translateX(30px) rotate(-90deg) scale(.5)
}
50% {
-webkit-transform:translateX(30px) translateY(30px) rotate(-179deg);
transform:translateX(30px) translateY(30px) rotate(-179deg)
}
50.1% {
-webkit-transform:translateX(30px) translateY(30px) rotate(-180deg);
transform:translateX(30px) translateY(30px) rotate(-180deg)
}
75% {
-webkit-transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5);
transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5)
}
100% {
-webkit-transform:rotate(-360deg);
transform:rotate(-360deg)
}
}
@keyframes sk-wanderingCube {
0% {
-webkit-transform:rotate(0);
transform:rotate(0)
}
25% {
-webkit-transform:translateX(30px) rotate(-90deg) scale(.5);
transform:translateX(30px) rotate(-90deg) scale(.5)
}
50% {
-webkit-transform:translateX(30px) translateY(30px) rotate(-179deg);
transform:translateX(30px) translateY(30px) rotate(-179deg)
}
50.1% {
-webkit-transform:translateX(30px) translateY(30px) rotate(-180deg);
transform:translateX(30px) translateY(30px) rotate(-180deg)
}
75% {
-webkit-transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5);
transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5)
}
100% {
-webkit-transform:rotate(-360deg);
transform:rotate(-360deg)
}
}
.sk-spinner-pulse {
	-webkit-animation: sk-pulseScaleOut 1s infinite ease-in-out;
	animation: sk-pulseScaleOut 1s infinite ease-in-out
}
@-webkit-keyframes sk-pulseScaleOut {
0% {
-webkit-transform:scale(0);
transform:scale(0)
}
100% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:0
}
}
@keyframes sk-pulseScaleOut {
0% {
-webkit-transform:scale(0);
transform:scale(0)
}
100% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:0
}
}
.sk-chasing-dots {
	position: relative;
	text-align: center;
	-webkit-animation: sk-chasingDotsRotate 2s infinite linear;
	animation: sk-chasingDotsRotate 2s infinite linear
}
.sk-chasing-dots .sk-child {
	width: 60%;
	height: 60%;
	display: inline-block;
	position: absolute;
	top: 0;
	-webkit-animation: sk-chasingDotsBounce 2s infinite ease-in-out;
	animation: sk-chasingDotsBounce 2s infinite ease-in-out
}
.sk-chasing-dots .sk-dot2 {
	top: auto;
	bottom: 0;
	-webkit-animation-delay: -1s;
	animation-delay: -1s
}
@-webkit-keyframes sk-chasingDotsRotate {
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes sk-chasingDotsRotate {
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@-webkit-keyframes sk-chasingDotsBounce {
0%, 100% {
-webkit-transform:scale(0);
transform:scale(0)
}
50% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes sk-chasingDotsBounce {
0%, 100% {
-webkit-transform:scale(0);
transform:scale(0)
}
50% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
.sk-three-bounce {
	margin: 40px auto;
	width: 80px;
	text-align: center
}
.sk-three-bounce .sk-child {
	width: 20px;
	height: 20px;
	display: inline-block;
	-webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
	animation: sk-three-bounce 1.4s ease-in-out 0s infinite both
}
.sk-circle .sk-child:before, .sk-fading-circle .sk-circle:before {
	display: block;
	border-radius: 100%;
	content: '';
	background-color: #333
}
.sk-three-bounce .sk-bounce1 {
	-webkit-animation-delay: -.32s;
	animation-delay: -.32s
}
.sk-three-bounce .sk-bounce2 {
	-webkit-animation-delay: -.16s;
	animation-delay: -.16s
}
@-webkit-keyframes sk-three-bounce {
0%, 100%, 80% {
-webkit-transform:scale(0);
transform:scale(0)
}
40% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes sk-three-bounce {
0%, 100%, 80% {
-webkit-transform:scale(0);
transform:scale(0)
}
40% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
.sk-circle {
	margin: 40px auto;
	width: 40px;
	height: 40px;
	position: relative
}
.sk-circle .sk-child {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0
}
.sk-circle .sk-child:before {
	margin: 0 auto;
	width: 15%;
	height: 15%;
	-webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
	animation: sk-circleBounceDelay 1.2s infinite ease-in-out both
}
.sk-circle .sk-circle2 {
	-webkit-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	transform: rotate(30deg)
}
.sk-circle .sk-circle3 {
	-webkit-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	transform: rotate(60deg)
}
.sk-circle .sk-circle4 {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg)
}
.sk-circle .sk-circle5 {
	-webkit-transform: rotate(120deg);
	-ms-transform: rotate(120deg);
	transform: rotate(120deg)
}
.sk-circle .sk-circle6 {
	-webkit-transform: rotate(150deg);
	-ms-transform: rotate(150deg);
	transform: rotate(150deg)
}
.sk-circle .sk-circle7 {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}
.sk-circle .sk-circle8 {
	-webkit-transform: rotate(210deg);
	-ms-transform: rotate(210deg);
	transform: rotate(210deg)
}
.sk-circle .sk-circle9 {
	-webkit-transform: rotate(240deg);
	-ms-transform: rotate(240deg);
	transform: rotate(240deg)
}
.sk-circle .sk-circle10 {
	-webkit-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg)
}
.sk-circle .sk-circle11 {
	-webkit-transform: rotate(300deg);
	-ms-transform: rotate(300deg);
	transform: rotate(300deg)
}
.sk-circle .sk-circle12 {
	-webkit-transform: rotate(330deg);
	-ms-transform: rotate(330deg);
	transform: rotate(330deg)
}
.sk-circle .sk-circle2:before {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s
}
.sk-circle .sk-circle3:before {
	-webkit-animation-delay: -1s;
	animation-delay: -1s
}
.sk-circle .sk-circle4:before {
	-webkit-animation-delay: -.9s;
	animation-delay: -.9s
}
.sk-circle .sk-circle5:before {
	-webkit-animation-delay: -.8s;
	animation-delay: -.8s
}
.sk-circle .sk-circle6:before {
	-webkit-animation-delay: -.7s;
	animation-delay: -.7s
}
.sk-circle .sk-circle7:before {
	-webkit-animation-delay: -.6s;
	animation-delay: -.6s
}
.sk-circle .sk-circle8:before {
	-webkit-animation-delay: -.5s;
	animation-delay: -.5s
}
.sk-circle .sk-circle9:before {
	-webkit-animation-delay: -.4s;
	animation-delay: -.4s
}
.sk-circle .sk-circle10:before {
	-webkit-animation-delay: -.3s;
	animation-delay: -.3s
}
.sk-circle .sk-circle11:before {
	-webkit-animation-delay: -.2s;
	animation-delay: -.2s
}
.sk-circle .sk-circle12:before {
	-webkit-animation-delay: -.1s;
	animation-delay: -.1s
}
@-webkit-keyframes sk-circleBounceDelay {
0%, 100%, 80% {
-webkit-transform:scale(0);
transform:scale(0)
}
40% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes sk-circleBounceDelay {
0%, 100%, 80% {
-webkit-transform:scale(0);
transform:scale(0)
}
40% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
.sk-cube-grid {
	width: 40px;
	height: 40px;
	margin: 40px auto
}
.sk-cube-grid .sk-cube {
	width: 33.33%;
	height: 33.33%;
	background-color: #333;
	float: left;
	-webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
	animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out
}
.sk-cube-grid .sk-cube1 {
	-webkit-animation-delay: .2s;
	animation-delay: .2s
}
.sk-cube-grid .sk-cube2 {
	-webkit-animation-delay: .3s;
	animation-delay: .3s
}
.sk-cube-grid .sk-cube3 {
	-webkit-animation-delay: .4s;
	animation-delay: .4s
}
.sk-cube-grid .sk-cube4 {
	-webkit-animation-delay: .1s;
	animation-delay: .1s
}
.sk-cube-grid .sk-cube5 {
	-webkit-animation-delay: .2s;
	animation-delay: .2s
}
.sk-cube-grid .sk-cube6 {
	-webkit-animation-delay: .3s;
	animation-delay: .3s
}
.sk-cube-grid .sk-cube7 {
	-webkit-animation-delay: 0ms;
	animation-delay: 0ms
}
.sk-cube-grid .sk-cube8 {
	-webkit-animation-delay: .1s;
	animation-delay: .1s
}
.sk-cube-grid .sk-cube9 {
	-webkit-animation-delay: .2s;
	animation-delay: .2s
}
@-webkit-keyframes sk-cubeGridScaleDelay {
0%, 100%, 70% {
-webkit-transform:scale3D(1, 1, 1);
transform:scale3D(1, 1, 1)
}
35% {
-webkit-transform:scale3D(0, 0, 1);
transform:scale3D(0, 0, 1)
}
}
@keyframes sk-cubeGridScaleDelay {
0%, 100%, 70% {
-webkit-transform:scale3D(1, 1, 1);
transform:scale3D(1, 1, 1)
}
35% {
-webkit-transform:scale3D(0, 0, 1);
transform:scale3D(0, 0, 1)
}
}
.sk-fading-circle {
	margin: 40px auto;
	width: 40px;
	height: 40px;
	position: relative
}
.sk-fading-circle .sk-circle {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0
}
.sk-fading-circle .sk-circle:before {
	margin: 0 auto;
	width: 15%;
	height: 15%;
	-webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
	animation: sk-circleFadeDelay 1.2s infinite ease-in-out both
}
.sk-fading-circle .sk-circle2 {
	-webkit-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	transform: rotate(30deg)
}
.sk-fading-circle .sk-circle3 {
	-webkit-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	transform: rotate(60deg)
}
.sk-fading-circle .sk-circle4 {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg)
}
.sk-fading-circle .sk-circle5 {
	-webkit-transform: rotate(120deg);
	-ms-transform: rotate(120deg);
	transform: rotate(120deg)
}
.sk-fading-circle .sk-circle6 {
	-webkit-transform: rotate(150deg);
	-ms-transform: rotate(150deg);
	transform: rotate(150deg)
}
.sk-fading-circle .sk-circle7 {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}
.sk-fading-circle .sk-circle8 {
	-webkit-transform: rotate(210deg);
	-ms-transform: rotate(210deg);
	transform: rotate(210deg)
}
.sk-fading-circle .sk-circle9 {
	-webkit-transform: rotate(240deg);
	-ms-transform: rotate(240deg);
	transform: rotate(240deg)
}
.sk-fading-circle .sk-circle10 {
	-webkit-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg)
}
.sk-fading-circle .sk-circle11 {
	-webkit-transform: rotate(300deg);
	-ms-transform: rotate(300deg);
	transform: rotate(300deg)
}
.sk-fading-circle .sk-circle12 {
	-webkit-transform: rotate(330deg);
	-ms-transform: rotate(330deg);
	transform: rotate(330deg)
}
.sk-fading-circle .sk-circle2:before {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s
}
.sk-fading-circle .sk-circle3:before {
	-webkit-animation-delay: -1s;
	animation-delay: -1s
}
.sk-fading-circle .sk-circle4:before {

	-webkit-animation-delay: -.9s;
	animation-delay: -.9s
}
.sk-fading-circle .sk-circle5:before {
	-webkit-animation-delay: -.8s;
	animation-delay: -.8s
}
.sk-fading-circle .sk-circle6:before {
	-webkit-animation-delay: -.7s;
	animation-delay: -.7s
}
.sk-fading-circle .sk-circle7:before {
	-webkit-animation-delay: -.6s;
	animation-delay: -.6s
}
.sk-fading-circle .sk-circle8:before {
	-webkit-animation-delay: -.5s;
	animation-delay: -.5s
}
.sk-fading-circle .sk-circle9:before {
	-webkit-animation-delay: -.4s;
	animation-delay: -.4s
}
.sk-fading-circle .sk-circle10:before {
	-webkit-animation-delay: -.3s;
	animation-delay: -.3s
}
.sk-fading-circle .sk-circle11:before {
	-webkit-animation-delay: -.2s;
	animation-delay: -.2s
}
.sk-fading-circle .sk-circle12:before {
	-webkit-animation-delay: -.1s;
	animation-delay: -.1s
}
@-webkit-keyframes sk-circleFadeDelay {
0%, 100%, 39% {
opacity:0
}
40% {
opacity:1
}
}
@keyframes sk-circleFadeDelay {
0%, 100%, 39% {
opacity:0
}
40% {
opacity:1
}
}
.sk-folding-cube {
	margin: 40px auto;
	width: 40px;
	height: 40px;
	position: relative;
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg)
}
.sk-folding-cube .sk-cube {
	float: left;
	width: 50%;
	height: 50%;
	position: relative;
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}
.sk-folding-cube .sk-cube:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #333;
	-webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
	animation: sk-foldCubeAngle 2.4s infinite linear both;
	-webkit-transform-origin: 100% 100%;
	-ms-transform-origin: 100% 100%;
	transform-origin: 100% 100%
}
.sk-folding-cube .sk-cube2 {
	-webkit-transform: scale(1.1) rotateZ(90deg);
	transform: scale(1.1) rotateZ(90deg)
}
.sk-folding-cube .sk-cube3 {
	-webkit-transform: scale(1.1) rotateZ(180deg);
	transform: scale(1.1) rotateZ(180deg)
}
.sk-folding-cube .sk-cube4 {
	-webkit-transform: scale(1.1) rotateZ(270deg);
	transform: scale(1.1) rotateZ(270deg)
}
.sk-folding-cube .sk-cube2:before {
	-webkit-animation-delay: .3s;
	animation-delay: .3s
}
.sk-folding-cube .sk-cube3:before {
	-webkit-animation-delay: .6s;
	animation-delay: .6s
}
.sk-folding-cube .sk-cube4:before {
	-webkit-animation-delay: .9s;
	animation-delay: .9s
}
@-webkit-keyframes sk-foldCubeAngle {
0%, 10% {
-webkit-transform:perspective(140px) rotateX(-180deg);
transform:perspective(140px) rotateX(-180deg);
opacity:0
}
25%, 75% {
-webkit-transform:perspective(140px) rotateX(0);
transform:perspective(140px) rotateX(0);
opacity:1
}
100%, 90% {
-webkit-transform:perspective(140px) rotateY(180deg);
transform:perspective(140px) rotateY(180deg);
opacity:0
}
}
@keyframes sk-foldCubeAngle {
0%, 10% {
-webkit-transform:perspective(140px) rotateX(-180deg);
transform:perspective(140px) rotateX(-180deg);
opacity:0
}
25%, 75% {
-webkit-transform:perspective(140px) rotateX(0);
transform:perspective(140px) rotateX(0);
opacity:1
}
100%, 90% {
-webkit-transform:perspective(140px) rotateY(180deg);
transform:perspective(140px) rotateY(180deg);
opacity:0
}
}




/*--------------------------------
    21. Single Product Page CSS
--------------------------------*/
.product-menu {
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	margin-top: 20px;
	padding: 10px 0;
	width: 100%;
}
.product-details-img  {
	padding: 0 25px;
}
.product-details-img img  {
	width: 100%;
}
.product-tab-menu .slick-arrow {
	position: absolute;
	border: 1px solid #e5e5e5;
    color: #e5e5e5;
    background: #fff;
    height: 28px;
    width: 22px;
    line-height: 26px;
	font-size: 18px;
    display: block;
	cursor: pointer;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    left: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	text-align: center;
	z-index: 99;
}
.product-tab-menu .slick-next-btn.slick-arrow {
	left: auto;
    right: 0;
}
.product-tab-menu .slick-arrow:hover{
    color: #fff;
    border-color: #abd373;
    background-color: #abd373;
}
.product-tab-menu:hover .slick-arrow{
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" 
}
.product-large-thumb{
    position: relative;
    overflow: hidden;
}
a.popup-img {
	position: absolute;
	width: 43px; padding-top:15px;
	height: 43px;
	line-height: 43px;
	text-align: center;
	background: #373737;
	color: #fff;
	border-radius: 4px;
	z-index: 999;
	top: 50%;
	left: 0;
	right: 0;
	margin: 0 auto;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.product-large-thumb:hover a.popup-img{
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
a.popup-img:hover{
    background-color: #abd373;
    color: #fff;
}
.easyzoom-flyout img {
width: auto !important;
max-width: none !important;
}
.product-details-content {
	position: relative; margin-left:50px;
}
.product-nav {
	position: absolute;
	top: 0;
	right: 0;
}
.product-nav > a {
	display: inline-block;
	width: 30px;
	height: 30px;
	border: 1px solid #d1d1d1;
	line-height: 28px;
	text-align: center;
	border-radius: 3px;
	color: #d1d1d1;
	position: relative;
	margin-right: 5px;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.product-nav > a:hover {
	background: #abd373;
	border-color: #abd373;
	color: #fff;
}
.product-details-content > h2 {
	color: #000;
	font-size: 28px;
	font-weight: 600;
	margin: 30px 0;
}
.product-details-content > p {
	color: #444;
	font-size: 14px; line-height:30px;
	margin-bottom: 30px;
}
.single-product-reviews {
	color: #dcba00;
	font-size: 14px;
	margin-bottom: 10px;
}
.review-link {
	font-size: 14px;
	color: #999;
	margin-left: 10px;
	line-height: 30px;
	display: inline-block;
}
.review-link:hover{
    color: #abd373;
}
.single-product-price {
	color: #555;
	font-size: 16px;
	font-weight: 600;
}
.product-description > p {
	font-size: 14px;
	line-height: 25px;
	color: #666;
	margin: 35px 0;
}
.stock {
	color: #666666;
	font-size: 12px;
	font-weight: 700;
	margin: 0 0 15px 0;
	text-transform: uppercase;
	width: 100%;
}
.stock:before {
	color: #81ca33;
	content: '\f058';
	float: left;
	font-family: FontAwesome;
	font-size: 14px;
	margin: -2px 8px 0 0;
}
.single-product-quantity {
	overflow: hidden;
	margin-bottom: 25px;
}
.single-product-quantity .product-quantity {
	background: #fff;
	border: 1px solid #ededed;
	float: left;
	margin-right: 15px;
	padding: 0 10px;
	border-radius: 0;
}
.single-product-quantity .product-quantity input {
	background: none;
	border: none;
	color: #555;
	font-size: 20px;
	font-weight: 400;
	height: 38px;
	line-height: 38px;
	padding: 0;
	width: 60px;
}
.product-btn {
	background: #eb0005;
	border: none;
	color: #fff;
	font-size: 11px;
	font-weight: 500;
    cursor: pointer;
	height: 40px;
	letter-spacing: 2px;
	line-height: 40px;
	margin: 0;
	padding: 0 40px;
	text-transform: uppercase;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.product-btn i{ font-size:20px;}
.product-btn:hover{
    background: #94c74c;
    color: #fff;
}
.wishlist-compare-btn {
	margin-bottom: 30px;
}
.wishlist-compare-btn a {
	background: none;
	border: 1px solid #ededed;
	color: #555;
	display: inline-block;
	font-size: 14px;
	font-weight: normal;
	height: 45px;
	line-height: 43px;
	text-align: center;
	width: 170px;
	border-radius: 0;
	-webkit-transition: .3s ease;
	transition: .3s ease;
}
.wishlist-compare-btn a.wishlist-btn{
    margin-right: 20px;
}
.wishlist-compare-btn a.wishlist-btn:before,
.wishlist-compare-btn a.add-compare:before{
	content: '\f08a';
	display: inline-block;
	font-family: FontAwesome;
	font-size: 16px;
	margin-right: 5px;
	vertical-align: top;
}
.wishlist-compare-btn a.add-compare:before{
    content: '\f021';
}
.wishlist-compare-btn a:hover {
  background: #abd373;
  border-color: #abd373;
  color: #fff;
}
.wishlist-compare-btn a:hover:before {
  -webkit-animation: crFlipX 2s ease-in-out infinite both;
          animation: crFlipX 2s ease-in-out infinite both;
}
.product-meta {
	padding: 10px 0;
	width: 100%;
}
.product-meta .posted-in {
	color: #555;
	font-size: 14px;
	font-weight: 700;
	margin-right: 10px;
	text-transform: uppercase;
}
.product-meta .posted-in > a {
	color: #666;
	font-weight: 400;
	text-transform: none;
}
.product-meta .posted-in > a:hover{
    color: #abd373;
}
.single-product-sharing {
	margin-bottom: 0;
	padding: 0px;
	width: 100%;
}
.single-product-sharing > h3 {
	color: #555;
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	margin-right: 15px;
	text-transform: uppercase;
}
.single-product-sharing ul{
    display: inline-block;
    margin-bottom: 10px;
}
.single-product-sharing ul > li {
	display: inline-block;
    list-style: none;
	margin-bottom: 0;
	margin-right: 15px;
	position: relative;
}
.single-product-sharing ul > li > a {
	color: #666;
	display: block;
	font-size: 16px;
	text-align: center;
}
.single-product-sharing ul > li > a:hover{
    color: #abd373;
}
.dec-and-review-menu {
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.dec-and-review-menu > li {
	list-style: none;
	position: relative;
	z-index: 9;
	display: inline-block;
	margin: 0 50px 0 0;
}
.dec-and-review-menu > li > a {
	font-size: 18px;
	color: #000;
	font-weight: 500;
	text-transform: capitalize;
	line-height: 25px;
	display: block;
	padding: 0 0 10px 0;
	position: relative;
}
.dec-and-review-menu > li > a:after {
	background: #abd373;
	bottom: -1px;
	content: '';
	display: block;
	height: 1px;
	left: 50%;
	position: absolute;
	right: 50%;
	width: 0;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.dec-and-review-menu > li:hover > a:after,
.dec-and-review-menu > li > a.active:after{
    left: 0;
    right: 0;
    width: 100%;
}
.dec-and-review-menu > li > a.active,
.dec-and-review-menu > li > a:hover{
    color: #000;
}
.product-review-content-tab {
	border-top: 1px solid #e5e5e5;
	box-shadow: none;
	float: left;
	font-size: 16px;
	line-height: 1.8;
	margin: 0;
	min-height: 160px;
	padding: 0;
	padding: 35px 0px 0 0;
	width: 100%;
}
.product-review-content-tab p{ color:#555; font-size:14px;}
.single-product-description > h2 {
	font-size: 18px;
	color: #444;
	line-height: 18px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 20px;
}
.single-product-description > p {
	font-size: 14px;
	line-height: 28px;
	color: #666;
}
.review-page-comment h2 {
	font-size: 16px;
	font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.review-page-comment > ul {
	margin: 0 0 25px;
}
.review-page-comment > ul > li {
	margin: 0 0 20px;
	position: relative;
    list-style: none;
}
.product-comment img {
	width: 60px;
	float: left;
}
.product-comment-content {
	border: 1px solid #ededed;
	border-radius: 3px;
	margin-left: 80px;
	position: relative;
	padding: 15px 15px 0;
}
.product-comment-content:before {
	background: #fff;
	border-bottom: 1px solid #ededed;
	border-left: 1px solid #ededed;
	content: '';
	display: block;
	height: 10px;
	left: -6px;
	position: absolute;
	top: 10px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 10px;
}
.meta > strong {
	font-size: 17px;
	text-transform: uppercase;
	line-height: 31px;
	color: #777;
}
.meta > span {
	font-size: 17px;
	color: #777;
	font-weight: 400;
	line-height: 31px;
}
.description > p {
	font-size: 16px;
	color: #222;
	line-height: 28px;
}
.comment-notes {
	margin: 0;
}
.rating i.fa:not(:last-child) {
	color: #F9BA48;
}
.input-element {
	max-width: 600px;
	width: 100%;
}
.comment-form-comment {
	margin-bottom: 10px;
}
.comment-form-comment textarea {
	border: 1px solid #ededed;
	border-radius: 0;
	height: 125px;
	padding: 10px;
	width: 100%;
	background: #f5f5f5;
}
.review-comment-form-author,
.review-comment-form-email{
	margin-bottom: 20px;
}
.review-comment-form-author input,
.review-comment-form-email input {
	background: #f5f5f5;
	border: none;
	border-radius: 0;
	height: 38px;
	line-height: 38px;
	width: 100%;
	display: block;
	padding: 0 0 0 10px;
	vertical-align: middle;
}
.review-comment-form-author input:focus,
.review-comment-form-email input:focus,
.comment-form-comment textarea:focus {
    outline: auto;
    outline-color: #abd373;
}



/*
* ----------------------------------------------------------------------------------------
* 08.START PORTFOLIO DESIGN
* ----------------------------------------------------------------------------------------
*/
.template_portfolio{padding-bottom: 0px;
padding-top: 0px;}
.single_project {
  padding-bottom: 40px;
}
.single_our_work{
	margin-bottom:30px;
	overflow: hidden;
	text-align: center;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.sing_work_photo{
	position: relative;
}

.sing_work_photo.hehe{
    max-height: 150px;
}

.single_our_work img{
	width: 100%;
	-webkit-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
}
.single_our_work figure{
	margin-bottom: 0;	
}
.sing_work_text_link{
	position:absolute;
	width: 100%;
	height: 100%;
	top: 0;
    padding:150px 0;
	color: #ffffff;
	background: rgba(0,0,0, 0.6);
	-webkit-transition: .5s;
	transition: .5s;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	visibility: hidden;
}
.sing_work_text_link.hehe {
    height: 150px;
    padding:50px 0;
}
.sing_work_content_wrap{
	display: table;
	height: 100%;
	width: 100%;
}
.sing_work_content{
	display: table-cell;
	vertical-align: middle;
}
.sing_work_text_link h5{
color: #fff;
font-size: 16px;
margin-bottom: 5px;
margin-top: 20px;
text-transform: uppercase;
letter-spacing: 2px;
}

.sing_link_img a i.fa{
	font-size: 14px; padding:10px 0;
}
.sing_link_img a{
	background: #2a80b9 none repeat scroll 0 0;
	border: 1px solid #2a80b9;
	border-radius: 50%;
	color: #fff;
	display: inline-block;
	height: 40px;
	line-height: 39px;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: 40px;	
}
.sing_link_img a:hover{	
	background: #fff none repeat scroll 0 0;
	border-color: #fff;
	color: #2a80b9;
}
.sing_link_img a.search{
	margin-right: 16px;
}
.single_our_work:hover  .sing_link_img a.search{
	-webkit-animation: slideInDown 800ms ease-in-out;
	        animation: slideInDown 800ms ease-in-out;
}
.single_our_work:hover  .sing_link_img a.link{
	-webkit-animation: slideInDown 800ms ease-in-out;
	        animation: slideInDown 800ms ease-in-out;
}
.single_our_work:hover{
	background: #fff;
	color: #fff;
}
.single_our_work:hover .sing_work_text_link{
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	visibility: visible;
}

/*project modal*/
.modal-title {
  color: #333;
  margin: 0;
  text-transform: uppercase;
}
.modal-content{
	padding: 10px 30px;
	border-radius: 0px;
}
.modal-body{
	margin-bottom: 15px;
}
.modal-body p{
margin: 20px 0;
}
.project-list {
margin: 30px 0;
}
.project-list label{
color: #333;
margin-bottom: 0;
margin-right: 20px;
width: 100px;
}
.project-list li{
padding: 7px 0;
font-size: 14px;
}
.project-list li a{
color: #777;
font-size: 13px;
transition: all 0.4s ease 0s;
}
.project-list li a:hover{color:#2a80b9;}




.widget {
  margin-bottom: 45px;
}
.widget ul.widget-arrow-list li {
  position: relative; list-style:none;
  padding-left: 25px; line-height:40px;
  border-bottom: 1px dashed #eee;
  margin-bottom: 10px;
}

.widget ul.widget-arrow-list li a {
  display: inline-block;
  color: #252323;
}

.widget ul.widget-arrow-list li a:hover {
  color: #1a8ae1;
}

.widget ul.widget-arrow-list li:last-child a {
  margin-bottom: 0;
}

.widget ul.widget-arrow-list li:before {
  content: "\f105";
  font-family: FontAwesome;
  position: absolute;
  left: 0;
  top: 0;
  color: #b2b2b2;
}


.hr_title a {
  color: #444;
  padding: 0 30px; float:left;
  position: relative;
  text-transform: capitalize; }
.hr_title a.active, .hr_title a:hover {
  color: #ed0006; }
.hr_title a + a::before {
  content: "|";
  height: 40px;
  left: 0;
  position: absolute;
  top:;
  transform: translateY(-0%);
  width: 1px; }
.grid2{ display:none;}
.grid2 img{ max-width:100%;}