h4, h5, h6,h1, h2, h3 {margin-top: 0;}
ul, ol {margin: 0;}
p {margin: 0;}
html, body{
   font-family:"Microsoft Yahei","SimHei", Verdana, Arial;
   font-size: 100%;
   background:#fff; 
}
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}
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;
}

.header_top{position:relative; width:100%; top:0; left:0; font-size:12px; line-height:25px;z-index:1112;background:#fff; color:#fff}
.header_top a{ color:#fff;}
.header_top_left{ float:left;height:45px;background:#fff;}
.header_top_right{ float:right;height:80px;}

.header{position:relative; width:100%; left:0; padding:10px 0;  z-index:1111;box-shadow:0px 2px 2px #ccc;}
.height115{ height:0px;}
/*--start-header--*/
.logo {
	float: left;
	line-height:80px;
}
.logo img{ width:180px;}
.top-nav ul li a {
	color: #fff;
	font-size: 16px;
	text-align: center;
	position: relative;
	font-weight: 700;
	text-decoration: none;
	padding: 0px 25px;
	display: block;
}
.top-nav ul li a:hover,.top-nav ul li a.active{
	color:#fff;
	background-color: #de6026;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
.logo a{
	display:block;
}


.nav-header{height:45px;
background: #555;
background: -webkit-linear-gradient(#818181,#525252);
background: -o-linear-gradient(#818181,#525252);
background: -moz-linear-gradient(#818181,#525252);
background: linear-gradient(#818181,#525252);
border: 1px solid #9b9b9b;
border-radius: 4px;}

.live-help{
	background-color:#de6026;
	background-image:url(../images/live-help-bg.png);
	width:292px;
	height: 45px;
	margin-left: 1px;
	float:right;
	/*position:relative;*/
	list-style-type: none!important;
        position:absolute;
        right:0px;
	}

.live-help a:hover{background:none!important;}
.live-help a{display:block;  width:100%!important;  height: 45px!important;  border-right:0px!important; padding:0!important;}
.help-left{height:37px; padding-top:9px; float:left;padding-left:14px;}
.help-left img{
display:block; float:left; font-size:12px; color:#fff; padding-top:2px;padding-right:12px; line-height:1.2;font-weight:400;
}
.help-left span{display:block; float:right; font-size:12px; color:#fff; line-height:1.2;font-weight:400;}
.help-right{/*width:180px;*/ height:35px; float:right; line-height:1; position:absolute; top: 12px; right:0px; text-align: right;
    padding-right: 6px;}
.help-right p{font-size:24px; color:#fff; letter-spacing:-0.2px;}
.social-footer{float:left!important; width:130px; height:31px; margin-top:30px!important; position:relative;}


ol, ul {
    list-style-type: none;
}




.social-footer li a:hover{background-color:rgba(0,0,0,0.2);}
.socials{ width:250px; height:31px;margin-top:28px; margin-right: 230px; }
.socials li{float:left; width:31px; height:31px; position:relative;}
.socials li a{display:block; width:31px; height:31px; position:absolute; top:0; left:0;}
.socials li a:hover{background-color:rgba(0,0,0,0.2);}


.facebook-header{background-image:url(../images/facebook.png);}
.youtube-header{background-image:url(../images/youtube.png);}
.twitter-header{background-image:url(../images/twitter.png);}
.socials li{margin-right:10px;}


.login-cart-wrap{width:332px; height:80px; float:right; margin:0 0 0 24px;position:absolute;right:0;bottom:0}


.login{width:146px;height:80px;float:left;background-image:url(../images/login-bg.png);}
.login-unlocked{background-image:url(images/unlocked-header.png);}
.login span{display:block;  width:116px; height: 30px; margin:0 auto; padding-top:30px;}
.login img{width:26px; height:25px; float:left;}
.login p, .cart p{float: left;
font-size: 16px;
font-weight: 700;
color: #414142;
margin-top: 4px;
margin-left: 14px;}


.cart{width:146px;height:80px;float:right;background-image:url(../images/cart-bg.png);}
.cart img{width:26px; height:25px; float:left;}

.cart img{width:26px; height:25px; float:left;}
.cart span{display:block;  width: 120px; height: 30px; margin:0 auto; padding-top:30px;}

#total_cart
{
    display: inline;
}

/**********
HOME PAGE
**********/
.featured-course-wrap{width:100%;max-width:100%; height:200px;}
.featured-course{width:78%;max-width:100%; height:200px; float:left; position:relative; background-image:url(../images/default-course-image.jpg);}
/*
.featured-course h6{text-transform:uppercase; font-size:17px; color:#fff; font-weight:400; position:absolute; top:23px; left:20px;}
.featured-course h5{font-size:22px; color:#fff; position:absolute; bottom:38px; left:20px;}
*/
.featured-course h5 a{font-size:22px; color:#fff !important; position:absolute; top:23px; left:20px; right: 10px;}
.featured-course h6 {text-transform:uppercase; font-size:17px; color: #606061 !important; font-weight:400; position:absolute; bottom:6px; right: 10px;}
.featured-course p{
	font-size:14px;
	color:#fff;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	position:absolute;
	bottom:15px;
	left:20px;
	}
.view-all-courses{width:20%; height:200px; background-color:#275c7d; float:right; padding:40px 18px;}
.view-all-courses:hover{background-color:#de6026;}
.view-all-courses a{display:block; width:120px; height:200px; border:3px solid red;}
.view-all-courses img{width:48px; height:47px; padding-left:16px; margin-bottom:15px;}
.view-all-courses p{font-size:21px; color:#fff; line-height:1.2;}


.box-shadow:after {
    content: "";
	width: 100%;
	display: block;
	position: absolute;
	left: 0%;
	-webkit-box-shadow: 0px 0px 8px 2px #000000;
	-moz-box-shadow: 0px 0px 8px 2px #000000;
	box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.3);
	z-index: 1;
	}

.course-catalog li:first-child{
	background-color: #ededed!important;
	}
.course-catalog li{
	border-bottom:1px solid #fff;
	/*height:14px;*/
	line-height:1.2;
	padding: 7px 18px 11px 16px;
	font-size: 14px;
	color: #4e4e4e;
	line-height:1.2;
	}
.course-catalog li:hover{background-color: #de6026;}
.course-catalog li:first-child p{padding-left:20%; font-size: 19px; color: #4e4e4e; line-height:1.2;}
.course-catalog span{font-size: 15px; font-weight: 700; padding-right:15px;color: #414142; line-height:1.2;}
.course-catalog li:first-child{height:107px; width:193px; padding:0px 0px 15px 15px!important;}
.course-catalog li:last-child{border-bottom:0px!important;}	
.search{width:32px; height:32px; display:block; margin-top:4px; float:left; background-image:url(../images/search.png);}	


.s-left-contact span{font-size: 15px; font-weight: 700; padding-right:15px;color: #414142; line-height:1.2;}
.s-left-contact li:first-child p{padding-left:20%; font-size: 19px; color: #4e4e4e; line-height:1.2;}
.s-left-contact li{
	
	/*height:14px;*/
	line-height:1.2;
	padding: 7px 18px 11px 16px;
	font-size: 14px;
	color: #4e4e4e;
	line-height:1.2;
	}
.s-left-contact li:hover{background-color: #ededed !important;}
.left-contact{width:50px; height:50px; display:block; margin-top:4px; float:left; background-image:url(../images/take-courses-cert.png);}

.orange-sidebar-button{
	background-color:#de6026;
	width:174px;
	height:24px;
        
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align:center;
	
	font-size:13px;
	text-transform:uppercase;
	cursor:pointer;
        margin-top:25px;
	}
.orange-sidebar-button a{color:#fff !important;background-color:rgba(222, 96, 38, 0.895);}
.orange-sidebar-button hover{color:#fff !important;background-color:rgba(222, 96, 38, 0.895);}

learn-more{margin:0 auto; width: 185px;}	

.search-submit{
	width:25px;
	height:25px;
	background-image:url(../images/search-icon.png);
	background-repeat:no-repeat;
	outline:none;
	border:none;
	cursor:pointer;
	display:block;
	text-indent: -9000px;
	position:absolute;
	top:3px;
	right:3px;
	}

.sb-4-wrap{
	margin:0; padding:10px 0 10px 0px;
        border-top:3px solid #4e4e4e;
	position:relative;
	background-color:#ededed;
	-webkit-box-shadow: 1px 6px 5px -4px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 6px 5px -4px rgba(0,0,0,0.2);
	box-shadow: 1px 6px 5px -4px rgba(0,0,0,0.2);
	margin-bottom:20px;
	}
.sb-4-wrap-orange{
	margin:0; padding:10px 0 10px 0px;
        border-top:3px solid #DE6026;
	position:relative;
	background-color:#ededed;
	-webkit-box-shadow: 1px 6px 5px -4px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 6px 5px -4px rgba(0,0,0,0.2);
	box-shadow: 1px 6px 5px -4px rgba(0,0,0,0.2);
	margin-bottom:20px;
	}



.course-search{
	color:#000;
	background-color:#fff;
	border:1px solid #b0b0b0;
	width: 193px;
	height: 31px;
	position:relative;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-top: 10px;
	margin-bottom:5px;
	}
.sb-4-wrap .course-search p{height:30px;}
.sb-4-wrap .course-search  input[type=text]{
	padding: 2px 5px 2px 5px;
	width: 148px;
	margin-right: 30px;
	
	border: 0px;
	outline:none;
	display:block;
	}


.blue {
    color: #4f5b82 !important;
}
.abouts h1{
    
    font-size: 32px !important;
    font-weight: 400 !important;
    text-transform: uppercase;
    line-height: 0.85;
}

.enquiry{
margin:25px auto auto 0;
text-align: center;
}
.enquiry a.lm {margin:0 auto; display: inline-block; width: 228px; max-width: 75%; font-size: 20px; line-height: 1.2; padding: 15px 0; background: #4e4e4e; color: #fff; text-align: center; border-radius: 3px; font-weight: bold;  }
.enquiry a.lm:hover { background: #F06200; color:#fff;}
@media screen and (min-width: 1380px) {
.enquiry a.lm { padding: 19px 0; }
}

/* top-nav */
.quote {
	margin-top: 7px;
}
.quote a {
	font-size: 21px;
	font-weight: 400;
	background: #666;
	letter-spacing: 2px;
	color: #fff;
	padding: 8px 33px;
	border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	-o-border-radius: 0.3em;
	-ms-border-radius: 0.3em;
}
.quote a:hover{
	color: #fff;
	text-decoration:none;
	background: #80B22D;;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.header {
	background: #fff !important;
	padding:0px 0;
}
.header1{ padding:0; position:relative; z-index:10000;}
.quote{
	display:block;
	float:right;
	margin-left: 0em;
}
nav {
	width: auto;
	float:left;
	
}
nav ul {
	padding: 0;
	float: left;
	color:#dce3e4;
}
nav li {
	display: block;
	float:left;
	
}
nav a {
    border-right: 1px solid rgba(255,255,255,0.2);
	color: #fff;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	line-height: 45px;
}
nav a:hover{
	text-decoration:none;
	color:#00A2C1;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
nav a#pull {
	display: none;
}
.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
/*Styles for screen 600px and lower*/
@media screen and (max-width: 768px) {
	nav { 
  		height: auto;
  		float:none;
  	}
  	nav ul {
  		width: 100%;
  		display: block;
  		height: auto;
  	}
  	nav li {
  		width: 100%;
  		position: relative;
  	}
  	nav li {
	position: relative;
	margin-left: 0px;
	border-bottom: 1px solid#eee;
	}
	.header {
		position:fixed;
	}
	.quote {
		width: 37%;
	}
  	.top-nav ul li.active a, .top-nav ul li a:hover {
	border-bottom: none;
	}
  	nav li a {
		margin: 0px 0px;
		color: #4972A5;
		padding: 0em 0;
		font-size: 1.2em;
	}
  	nav a {
	  	text-align: left;
	  	width: 100%;
  	}
  	
}
/*Styles for screen 515px and lower*/
@media only screen and (max-width : 768px) {
	nav {
		border-bottom: 0;
		float:none;
	}
	nav ul {
		display: none;
		height: auto;
		margin:0 0 0px 0px;
		background:#fff;
	}
	nav a#pull {
		display: block;
		position: relative;
		color: #F26D7D;
		text-align: left;
		position: absolute;
		top: 14%;
		width: 7%;
		right: 48%;
	}
	nav {
		width: 100%;
		position: relative;
	}
	nav a#pull:after {
		content:"";
		background: url('../images/nav-icon.png') no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 10px;
	}
	nav a#pull img{
		margin-top: 38%;
	}
	.top-nav ul li a {
		color: #2C3E50;
		padding: 0em 0;
	}
	.quote{ margin-top:24px;}
}
/*Smartphone*/
@media only screen and (max-width : 320px) {
	nav {
		float:none;
	}
	nav li {
		display: block;
		float: none;
		width: 100%;
	}
}
/*--end-header--*/
/*--starts-banner--*/
.banner-1{
	background:url(../images/banner-1.jpg) no-repeat;
	background-size:100% 100%;
	min-height: 600px;
}
.banner-2{
	background:url(../images/banner-2.jpg) no-repeat;
	background-size:100% 100%;
	min-height: 600px;
}
.banner-3{
	background:url(../images/banner-3.jpg) no-repeat;
	background-size:100% 100%;
	min-height: 600px;
}
/*------------------ Slider Part starts Here----------*/
.slider{
	background:url(../images/slide-banner.jpg)no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	-moz-background-size: cover;
	min-height:300px;
}
#slider2,
#slider3 {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  margin: 0 auto;
}
.rslides_tabs {
  list-style: none;
  padding: 0;
  background: rgba(0,0,0,.25);
  box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  -moz-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  -webkit-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  font-size: 18px;
  list-style: none;
  margin: 0 auto 50px;
  max-width: 540px;
  padding: 10px 0;
  text-align: center;
  width: 100%;
}
.rslides_tabs li {
  display: inline;
  float: none;
  margin-right: 1px;
}
.rslides_tabs a {
  width: auto;
  line-height: 20px;
  padding: 9px 20px;
  height: auto;
  background: transparent;
  display: inline;
}
.rslides_tabs li:first-child {
  margin-left: 0;
}
.rslides_tabs .rslides_here a {
  background: rgba(255,255,255,.1);
  color: #fff;
  font-weight: bold;
}
.events {
  list-style: none;
}
.callbacks_container {
  position: relative;
  float: left;
  width: 100%;
}
.callbacks {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
}
.callbacks li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}
.callbacks img {
  position: relative;
  z-index: 1;
  height: auto;
  border: 0;
}
.callbacks .caption {
	display: block;
	position: absolute;
	z-index: 2;
	font-size: 20px;
	text-shadow: none;
	color: #fff;
	left: 0;
	right: 0;
	padding: 10px 20px;
	margin: 0;
	max-width: none;
	top: 10%;
	text-align: center;
}
.callbacks_nav {
	position: absolute;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	top: 96.8%;
	left: 97.1%;
	opacity: 0.7;
	z-index: 3;
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
	height: 16px;
	width: 16px;
	background: transparent url("../images/arrows.png") no-repeat left top;
}
.callbacks_nav:active {
  opacity: 1.0;
}
.callbacks_nav.next {
  left: auto;
  background-position: right top;
  right: 0%;
}
#slider3-pager a {
  display: inline-block;
}
#slider3-pager span{
  float: left;
}
#slider3-pager span{
	width:100px;
	height:15px;
	background:#fff;
	display:inline-block;
	border-radius:30em;
	opacity:0.6;
}
#slider3-pager .rslides_here a {
  background: #FFF;
  border-radius:30em;
  opacity:1;
}
#slider3-pager a {
  padding: 0;
}
#slider3-pager li{
	display:inline-block;
}
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
}
.rslides li {
  -webkit-backface-visibility: hidden;
  color: #676b6d;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
}
.rslides li{
  position: relative;
  display: block;
  float: left;
}
.rslides img {
  height: auto;
}
.callbacks_tabs {
	list-style: none;
	position: absolute;
	top: 92%;
	z-index: 999;
	left: 44%;
	padding: 0;
	margin: 0;
	display: block;
}
.slider-top{
	text-align: center;
	margin-bottom:2.5em;
}
.slider-top p.below{
	font-size: 14px;
	color: #fff;
	font-weight: 100;
}
.slider-top h3{
	font-size:20px;
	font-weight:400;
	margin:10px 0px;
	color:#fff;
}
.slider-top ul.social-slide{
	display:inline-flex;
	margin: 0px;
	padding: 0px;
}
.callbacks_tabs li{
	display:inline-block;
}
@media screen and (max-width: 600px) {
  .callbacks_nav {
    top: 47%;
    }
}
/*----*/
.callbacks_tabs a{
 visibility: hidden;
}
.callbacks_tabs a:after {
  content: "\f111";
  font-size:0;
  font-family: FontAwesome;
  visibility: visible;
  display: block;
  height:3px;
  width:50px;
  display:inline-block;
  background:#fff;
}
.callbacks_here a:after{
	background:#80B22D;;
}
ul.callbacks_tabs.callbacks2_tabs {
	display: none;
}
/*--Slider-Part-Ends-Here--*/
/*--end-banner--*/


.related { margin-top: 2%; padding-top: 16px; }
.related .title { color: #fff; font-size: 16px; line-height: 1.25; background: #4e4e4e; padding: 10px; min-width: 192px; display: inline-block; text-align: center; }


@media screen and (max-width: 600px) { .related .title { display: block; min-width: auto; min-width: initial; } }
.related .justify { border: 1px solid #e8e8e8; padding: 2.24719% 2.80899% 0 2.80899%; margin-top: 1px; }
.related .justify .box, .related .justify .line { width: 25%; }
.related .justify .box { float:left;padding-bottom: 20px; margin-bottom: 1.1236%; text-align: center; margin-top: 5px; }
.related .justify .box img { width: 100%; }
.related .justify .box a{ color:#333; }
.related .justify .box a:hover{ color:#80B22D; }
.related .justify .box span { font-size: 14px; margin-top:8px; text-align: center; display: block;}
@media screen and (max-width: 600px) { .related .justify .box { width: 47%; }
  .related .justify .line { display: none; } }











/*--start-touch--*/
.touch{
	background:#333;
	padding:1.5em 0px;
}
.touch-right{
	text-align:center;
}
.touch-right a img{ width:60px; height:60px;}
.touch-left label {
	color: #727272;
	font-size: 17px;
	font-weight: 300;
	margin-top: 2px;
	font-style: italic;
}
.touch-right ul{
	padding:0;
	margin-top: 5%;
}
.touch-right ul li{
	list-style:none;
	display:inline-block;
}
.touch-right ul li span{
	background:url(../images/social-icons.png) no-repeat;
	width:64px;
	height:64px;
	display:block;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.touch-right ul li span.fb{
	background-position:0px 0px;
}
.touch-right ul li span.twt{
	background-position:-64px 0px;
}
.touch-right ul li span.g{
	background-position:-128px 0px;
}
.touch-right ul li span.p{
	background-position:-192px 0px;
}
.touch-right ul li span.drb{
	background-position:-256px 0px;
}
.touch-right ul li span.fb:hover{
	background-position:0px -64px;
}
.touch-right ul li span.twt:hover{
	background-position:-64px -64px;
}
.touch-right ul li span.g:hover{
	background-position:-128px -64px;
}
.touch-right ul li span.p:hover{
	background-position:-192px -64px;
}
.touch-right ul li span.drb:hover{
	background-position:-256px -64px;
}
.touch-left{
	text-align:left;
}
.touch-left1 li{ width:50%; float:left; font-size:14px;}
.touch-left1 ul{ overflow:hidden;}
.touch-left ul{ padding-left:0px; list-style:none;}
.touch-left ul li{ line-height:20px; padding:5px 0;}
.touch-left ul li a{ color:#fff;}
.touch-left h3, .touch-right h3 {
	color: #fff;
	font-size: 1.5em;
	font-weight: 400;
	margin: 13px 0;
}
.touch-left p {
	color: #fff;
	font-size: 14px;
	font-weight: 300;
	margin: 8px 0px;
	line-height: 1.6em;table-layout:fixed; word-break: break-all; overflow:hidden;
}
.touch-left p a{
	color:#fff; font-size:14px;
}
.touch-left p a:hover{
	color:#80B22D;;
	text-decoration: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;
}
.touch-left p span{
	display:block;
	margin-left: 12%;
}
/*--end-touch--*/
/*--start-footer--*/
.footer{
	background:#111;
	padding:15px 0;
}
.footer-text {
	text-align:center;
}
.footer-text p {
	color: #ffffff;
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 5px;
}
.footer-text p a {
	color: #fff;
}
.footer-text p a:hover {
	color: #80B22D;;
	text-decoration: 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;
}
.foot_products div{ line-height:26px;}
.foot_products div a{ color:#eee; font-size:15px;}
.foot_products div dl dd a{ font-size:13px;}
.foot_products div dl{ margin:0; padding-left:15px;}
.foot_products div:hover a{ color:#fff;}
/*--end-footer--*/
/*--start-error--*/
.error {
	background: #e9e9e9;
	padding: 10em 0px;
}
.error-main p {
	color: #666;
	font-size: 2.8em;
	font-style: italic;
}
.error-main h1 {
	font-size: 15em;
	color: #80B22D;;
	font-weight: 700;
	margin: 0px;
	letter-spacing: -25px;
}
.error-main h1 span {
	color: #666;
}
.err-bttn a {
	color: #fff;
	background: #262626;
	padding: 1em 3em;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
	-o-transition: 0.5s all;
	font-size: 19px;
	outline: none;
	text-decoration: none;
	border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	-o-border-radius: 0.3em;
	-ms-border-radius: 0.3em;
}
.err-bttn {
	margin-top: 3%;
}
.err-bttn a:hover {
	background: #80B22D;;
}
.error-main {
	text-align: center;
}
/*--end-error--*/
/*--start-about--*/
.about {
	padding:0 0px 1em 0px;
}	
.nodata{ width:92%; margin:0 auto;}
.about-nav{ margin-bottom:20px;}
.about-main{ padding-right:0; padding-left:0; padding-top:0 !important;}
.abouts{ padding:0px 10px 20px 10px !important;}
.products_s{ padding:20px 0px;}
.about-nav h1, .about-nav h2{ 
	line-height:40px; background:#ededed;; font-size:21px; color:#414142; margin:0; padding:10px 0 10px 20px;;
}
.about-nav ul,.about-nav li{ list-style:none;}
.about-nav ul{ padding-left:0; background:#ededed;; padding:5px 0;}
.about-nav ul li{ position:relative;}
.about-nav ul li ul.dropdown-menu{ background:#de6026;; position:absolute; top:0; left:100%; display:none; min-width:220px;}
.about-nav ul li ul.dropdown-menu li a{ padding-right:20px; border:0}
.about-nav ul li ul.dropdown-menu li:hover a{ background:#de6026;border:0; color:#fff;}
.about-nav ul li:hover ul.dropdown-menu{ display:block;}
.about-nav li{ line-height:20px;}
.about-nav li a{ display:block; font-size:15px; padding:10px 0;font-weight:700; border-bottom:1px solid #fff;padding-left:20px; color:#4e4e4e;}
.about-nav li:hover a{ text-decoration:none;}
.about-nav li:hover{ background:#de6026;}
.about-nav li.curr{ background:#de6026;}
.about-nav li.curr a{color:#fff;}
.about-nav li .navigate_two_tree a{ font-size:14px;}
.about-main h2,.team-main h3,.contact-top h3,.get-main h3{
	font-size: 2em;
	color: #595959;
	font-weight: 600;
	margin: 0px;
}
.about-main img{ max-width:100% !important; width:auto !important; max-height:100% !important;}
.about-main h5 {
	font-size: 18px;
	line-height: 1.5em;
	margin: 1em 0px 0px 0px;
	color: #010101;
}
.about-main p {
	font-size: 16px;
	line-height: 20px;
	color: #333;
}
.about-main1 p{ font-size:13px;}
.about-text-left img{
	width:100%;
}
.about-text-left h5 {
	font-size: 1.5em;
}
.about-text {
	margin-top: 1.2em;
}
.about-text ul{ list-style:none; padding-left:0; margin:5px 0;}
.about-text ul li{ padding:5px 0;}
.about-text ul li img{ padding-right:10px;}
/*--end-about--*/

/*--start-conatct--*/
.contact-top p,.team-main p{
	color: #959191;
	font-size: 16px;
	width: 75%;
	margin: 10px auto 0;
}
.contact {
	padding: 5em 0px;
}
.mp {
	margin-top: 3em;
}
.mp iframe {
	width: 100%;
	height: 300px;
}
.contact-bottom-left h3, .contact-bottom-right h3 {
	color: #595959;
	font-size: 1.6em;
	margin: 1em 0;
}
.contact-bottom-left p {
	color: #858585;
	font-size: 15px;
	margin: 0;
	line-height: 1.5em;
}
.contact-bottom-left h6 {
	color: #1E1E1E;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.5em;
	margin: 0.5em 0;
}
.contact-bottom-left p a:hover {
	text-decoration: none;
	color: #80B22D;;
}
.contact-text input[type="text"] {
	width: 49.75%;
	color: #898888;
	outline: none;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	padding: 15px 10px;
	margin-bottom: 1em;
	border: solid 1px #D5D4D4;
	-webkit-appearance: none;
}
.contact-textarea textarea {
	resize: none;
	width: 100%;
	color: #898888;
	font-size: 16px;
	font-family: 'Lato', sans-serif;
	outline: none;
	padding: 10px 10px;
	border: solid 1px #D5D4D4;
	min-height: 11em;
	-webkit-appearance: none;
}
.contact-but input[type="submit"] {
	border: none;
	outline: none;
	color: #fff;
	background: #595959;
	padding: 10px 20px;
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	font-weight: 600;
	margin-top: 1.5em;
	-webkit-appearance: none;
	border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	-o-border-radius: 0.3em;
	-ms-border-radius: 0.3em;
}
.contact-but input[type="submit"]:hover {
	background: #80B22D;;
	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-but {
	text-align: center;
}
.contact-top {
	text-align: center;
}
.contact-bottom-left span {
	display: block;
}
.contact-bottom {
	margin-top: 3%;
}
/*--end-contact--*/

/*导航*/
.top-nav li.dropdown .dropdown-menu{ display:none; top:96%; border-radius:0; min-width:230px; padding:30px 0 20px 0; background:#4e4e4e; border:none;}
.top-nav li.dropdown:hover>ul.dropdown-menu{  display:block;}
.top-nav li.dropdown .dropdown-menu>li{ display:block; float:none; width:100%; margin:0 auto;position:relative;}
.top-nav li.dropdown .dropdown-menu>li a{ text-align:left !important; padding:10px 12px; font-size:14px;}
.top-nav li.dropdown .dropdown-menu .dropdown-submenu .dropdown-menu{ display:none; position:absolute; top:0; left:100%;}
.top-nav li.dropdown .dropdown-menu li.dropdown-submenu:hover ul.dropdown-menu{ display:block;}
.top-nav li.dropdown .dropdown-menu .dropdown-submenu .dropdown-menu li{ display:block; float:none;}
/*--end-get--*/
/*--starts-media-quaries--*/
@media (max-width:1440px){
	
}
@media (max-width:1366px){
.team {
	padding: 1em 0px 5em 0px;
}
.error {
	padding: 8em 0px;
}
.banner-1,.banner-2,.banner-3{
	min-height: 550px;
}
.planning {
	width: 90%;
	height: 98px;	
	background-size: 100%;
	margin:0 auto;
	margin-top:6%
}
.planning p{ padding-top:15px;}
}
@media (max-width:1280px){
.banner-1,.banner-2,.banner-3{
	min-height: 525px;
}
.planning p {
	font-size: 1.9em;
}
.quote a {
	font-size: 12px;
	padding: 7px 5px;
	display:inline-block;
	letter-spacing:0px;
}

}
@media (max-width:1024px){

.logo{ width:20%;}
.logo img{ width:100%;}
.about-main h2, .team-main h3, .contact-top h3 {
	font-size: 1.8em;
	color: #595959;
	font-weight: 600;
	margin: 0px;
}

.contact-text input[type="text"] {
	width: 49.7%;
}
.mp {
	margin-top: 1.8em;
}
.contact {
	padding: 3.2em 0px;
}
.error-main p {
	font-size: 2.5em;
}
.err-bttn a {
	padding: 16px 2.5em;
}
.error-main h1 {
	font-size: 13em;
}
.top-nav ul li a {
	font-size: 16px;
	padding: 0px 5px 0px 5px;	
}
nav {
	margin-top:0px;
}
.quote {
	width: 14%;
}
.logo a img {
	margin-top: 7px;
}
.banner-1, .banner-2, .banner-3 {
	min-height: 450px;
}

.touch-right ul li span {
	width: 50px;
	height: 50px;
	background-size: 499%;
}
.touch-right ul li span.fb:hover {
	background-position: 0px -50px;
}
.touch-right ul li span.twt {
	background-position: -50px 0px;
}
.touch-right ul li span.twt:hover {
	background-position: -50px -50px;
}
.touch-right ul li span.g{
	background-position: -100px 0px;
}
.touch-right ul li span.g:hover{
	background-position: -100px -50px;
}
.touch-right ul li span.p {
	background-position: -150px 0px;
}
.touch-right ul li span.p:hover{
	background-position: -150px -50px;
}
.touch-right ul li span.drb {
	background-position: -200px 0px;
}
.touch-right ul li span.drb:hover{
	background-position: -200px -50px;
}
.touch {
	padding: 4em 0px;
}
.touch-left h3 {
	font-size: 1.8em;
}
.touch-left p {
	font-size: 15px;
	line-height: 1.5em;
}
.touch-left p span {
	margin-left: 17%;
}
.touch {
	padding: 3.2em 0px;
}
.footer {
	padding: 2em 0px;
}
}
@media (max-width:768px){
nav {
	width: 100%;
}

.about-main h2, .team-main h3, .contact-top h3,.get-main h3{
	font-size: 1.55em;
}

.mp iframe {
	height: 230px;
}
.contact-bottom {
	margin-top: 3%;
	text-align: center;
}
.contact-bottom-left h3, .contact-bottom-right h3 {
	font-size: 1.5em;
	margin: 11px 0;
}
.contact-bottom-right {
	margin-top: 3%;
}
.contact-text {
	margin-top: 4%;
}
.contact-but input[type="submit"] {
	padding: 9px 16px;
	font-size: 16px;
}
.about-main {
	text-align: center;
}
.about-main h5 {
	font-size: 17px;
	margin: 11px 0px 0px 0px;
}
.about-main p {
	font-size: 14px;
	margin-top: 4px;
}
.about-text {
	margin-top: 1.5em;
}
.col-md-4.about-text-left:nth-child(3){
	display:none;
}
.col-md-4.about-text-left{
	width:50%;
	float:left;
}
.contact-top p, .team-main p {
	font-size: 15px;
	width: 93%;
	margin: 8px auto 0;
}

.about {
	padding: 1em 0px 1em 0px;
}

.error {
	padding: 7em 0px 8em 0px;
}
.quote {
	width: 26%;
}
.header {
	padding: 1.2em 0px;background-color:#fff;
}
nav a {
	line-height: 25px;
}
.quote a {
	font-size: 17px;
	padding: 6px 23px;
}
.banner-1, .banner-2, .banner-3 {
	min-height: 350px;
}	

.touch-left {
	text-align: center;
}
.touch-left p {
	font-size: 16px;
	line-height: 1.4em;
}
.touch-left p span {
	margin-left: 8%;
}
.touch-left h3 {
	font-size: 1.68em;
}
.touch-right ul {
	margin-top: 4%;
}
.touch {
	padding: 2.5em 0px;
}
.footer-text p {
	font-size: 15px;
	margin-bottom: 1em;
}
.footer {
	padding: 1.5em 0px;
}
.callbacks_tabs a:after {
	height: 3px;
	width: 35px;
}
.callbacks_tabs {
	top: 89%;
	left: 42%;
}
}
@media (max-width:640px){
.quote a {
	font-size: 15px;
	padding: 5px 17px;
}

.about-main h5 {
	font-size: 16px;
}
.about-text-left h5 {
	font-size: 1.2em !important;
}

.about-main h2, .team-main h3, .contact-top h3 {
	font-size: 1.48em;
}
nav a#pull img {
	margin-top: -10%;
}
.design h1{ font-size:1.3em;}
.design h1 a{ padding-right:5px; font-size:12px; line-height:18px;}
.square_teaser{ height:250px;}
.error-main p {
	font-size: 2.2em;
}
.error-main h1 {
	font-size: 12em;
}
.err-bttn a {
	padding: 15px 2.3em;
}
.quote {
	margin-top: 2%;
}	
.logo a img {
	width:110px;
	margin-top: 7px;
}
.banner-1, .banner-2, .banner-3 {
	min-height: 265px;
}

.touch-left h3 {
	font-size: 1.58em;
}
.touch {
	padding: 2em 0px;
}
#search-keyword{ width:85% !important; margin-bottom:5px;}
.glyphicon-search{ right:5% !important; margin-bottom:5px;}
.header .container{ padding:0 5px;}
}
@media (max-width:480px){
	.work-bottom{ padding:20px 10px;}
	.square_teaser{ height:220px !important;}
	.square_teaser .item-media{ height:220px !important; line-height:220px !important;}
	.square_teaser .item-content p{ display:block !important;}

.about-main h2, .team-main h3, .contact-top h3,.get-main h3{
	font-size: 1.4em;
}

.quote {
	width: 35%;
}
.contact-top p, .team-main p {
	width: 100%;
}
.banner-1, .banner-2, .banner-3 {
	min-height: 220px;
}
.carousel-indicators li{ width:30px;}
.callbacks_tabs {
	top: 84%;
	left: 38%;
}
.callbacks_tabs a:after {
	height: 3px;
	width: 32px;
}

.quote a {
	font-size: 14px;
	padding: 4px 16px;
}

.quote {
	margin-top: 12px;
}

.touch-left h3 {
	font-size: 1.28em;
}
.touch-left p {
	font-size: 14px;
	margin: 5px 0px;
}
.touch-left {
	margin: 9px 0px;
}
.header {
	padding: 1em 0px;
}
.touch-right ul li span {
	width: 42px;
	height: 42px;
	background-size: 503%;
}
.touch-right ul li span.fb:hover {
	background-position: 0px -42px;
}
.touch-right ul li span.twt {
	background-position: -43px 1px;
}
.touch-right ul li span.twt:hover {
	background-position: -43px -41px;
}
.touch-right ul li span.g{
	background-position: -87px 0px;
}
.touch-right ul li span.g:hover{
	background-position: -87px -42px;
}
.touch-right ul li span.p {
	background-position: -127px 1px;
}
.touch-right ul li span.p:hover{
	background-position: -127px -41px;
}
.touch-right ul li span.drb {
	background-position: -170px 1px;
}
.touch-right ul li span.drb:hover{
	background-position: -170px -41px;
}
.touch-right ul li span.fb {
	background-position: 0px 1px;
}
.footer-text p {
	font-size: 14px;
	margin-bottom: 11px;
}
.footer {
	padding: 1em 0px;
}
.touch {
	padding: 1.5em 0px;
}
.error {
	padding: 5em 0px 6em 0px;
}
.error-main h1 {
	font-size: 9em;
	letter-spacing: -14px;
}
.err-bttn a {
	padding: 12px 1.5em;
	font-size: 16px;
}
.contact-bottom-left h3, .contact-bottom-right h3 {

	font-size: 1.35em;
}
.mp {
	margin-top: 1.2em;
}
.mp iframe {
	height: 170px;
}
.contact-text input[type="text"] {
	width: 49.615%;
	font-size: 14px;
	padding: 10px 10px;
	margin-bottom: 10px;
}
.contact-but input[type="submit"] {
	margin-top: 1em;
}
.contact {
	padding: 2em 0px;
}
.contact-textarea textarea {
	font-size: 14px;
	padding: 7px 10px;
	min-height: 10em;
}
}
@media (max-width:320px){
.work-mian p i{ width:38%;}
.work-mian p span{ width:62%;}
#small-dialog .login img{    max-width: 100%;max-height: 100%;}
.square_teaser{height:250px !important;}
.square_teaser .item-media{ height:250px !important; line-height:250px !important;}
.square_teaser .item-content p{ display:block !important;}
.footer-text img {
	width: 11%;
}	
.footer-text p {
	font-size: 13px;
	margin-bottom: 7px;
}
.touch-right ul li span {
	width: 40px;
	height: 40px;
	background-size: 498%;
}
.touch-right ul li span.fb:hover {
	background-position: 0px -40px;
}
.touch-right ul li span.twt:hover {
	background-position: -40px -40px;
}
.touch-right ul li span.twt{
	background-position: -40px 0px;
}
.touch-right ul li span.g {
	background-position: -80px 0px;
}
.touch-right ul li span.g:hover{
	background-position: -80px -40px;
}
.touch-right ul li span.p {
	background-position: -120px 0px;
}
.touch-right ul li span.p:hover{
	background-position: -120px -40px;
}
.touch-right ul li span.drb {
	background-position: -160px 0px;
}
.touch-right ul li span.drb:hover{
	background-position: -160px -40px;
}

.quote a {
	font-size: 11px;
	padding: 4px 7px;
}
.quote {
	width:32%;
}
nav a#pull img {
	width: 150%;
}
.banner-1, .banner-2, .banner-3 {
	min-height: 140px;
}
.callbacks_tabs a:after {
	height: 3px;
	width: 30px;
}
.callbacks_tabs {
	top: 78%;
	left: 30%;
}

.error-main p {
	font-size: 1.6em;
}
.error-main h1 {
	font-size: 8em;
	letter-spacing: -13px;
}
.err-bttn a {
	padding: 12px 1em;
	font-size: 15px;
}
.error {
	padding: 4em 0px 5em 0px;
}
.about-main h2, .team-main h3, .contact-top h3,.get-main h3 {
	font-size: 1.32em;
}
.about-main h5 {
	overflow: hidden;
	height: 49px;
}
.about-main p {
	font-size: 14px;
	overflow: hidden;
	height: 67px;
	line-height: 1.6em;
}
.col-md-4.about-text-left {
	width: 100%;
	float: none;
	margin-bottom: 1.1em;
}
.about-text-left img {
	width: 85%;
}
.about-text {
	margin-top: 0px;
}
.contact-top p, .team-main p {
	font-size: 14px;
	overflow: hidden;
	height: 39px;
	margin: 6px auto 0;
}

.about {
	padding: 1.7em 0px 0px 0;
}
.about-text-left h5 {
	font-size: 1.12em !important;
	height: 25px !important;
}
.mp {
	margin-top: 1em;
}
.mp iframe {
	height: 130px;
}
.contact-bottom-left h3, .contact-bottom-right h3 {
	font-size: 1.2em;
}
.contact-bottom-left p {
	font-size: 14px;
	overflow: hidden;
	height: 42px;
}
.contact-bottom-left h6 {
	font-size: 15px;
}
.contact-text input[type="text"] {
	width: 100%;
	padding: 9px 10px;
	margin-bottom: 9px;
}
.contact-but input[type="submit"] {
	padding: 8px 14px;
	font-size: 15px;
	margin-top: 11px;
}

nav a#pull {
	right: 46.5%;
}
}
/*--end-media-quaries--*/

/*------news------*/
/*.within_news h5{ line-height:50px;}*/
.within_news h1{ line-height:50px;}
.within_news ul{ width:100%; height:auto; overflow:hidden; padding:0;}
.within_news ul li{ width:100%; height:auto; padding:5px 0; border-bottom:1px dashed #ccc; overflow:hidden;}
.within_news ul li .wn_l{ width:15%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center;  -webkit-justify-content: center;  justify-content: center;  -webkit-box-align: center;  -ms-flex-align: center;  -webkit-align-items: center;  align-items: center;}
.within_news ul li .wn_l img{ width:100%;}
.within_news ul li .wn_r{ width:100%;}
.within_news ul li .wn_r h2{ font-size:14px; font-weight:bold; line-height:30px; overflow:hidden; margin:0; width:100%;}
.within_news ul li .wn_r h2 span{ float:right; font-weight:normal; font-size:12px; color:#999;}
.within_news ul li .wn_r h2 i{ display:inline-block; width:60%; float:left; overflow:hidden; height:30px; white-space: nowrap; text-overflow: ellipsis; font-family:"Microsoft Yahei"; font-size:14px; font-style:normal; color:#333;}
.within_news ul li .wn_r p{ height:36px; line-height:18px; overflow:hidden; color:#666;}


ol, ul, li, figure {
    list-style: none;
}

.proDisplay .wn_r{
	font-size: 15px;
 background-color: #4e4e4e !important;

    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	line-height:20px;
	padding:7px 3px;
	text-align:center;
}

.proDisplay .box { float:left;padding-bottom: 16px; margin-bottom: 0.67416%; }
.proDisplay .box img { width: 100%; }
.proDisplay a{ color:#fff;}
.proDisplay a span { margin-bottom: 3px; display: block; margin-top: 8px;}
.proDisplay a:hover { color: #fff; }
.proDisplay .box, .proDisplay .line { width: 22.5%; margin-right:2.5%;float:left;}
@media screen and (max-width: 600px) { .proDisplay .box { width: 47.5%; }
  .proDisplay .line { display: none; } }
@media screen and (max-width: 280px) { .proDisplay .box { width: 100%; } }







/*------new_details------*/
/*.within_news h5{ font-size:18px;text-align:left; color:#000; margin-bottom:15px;}*/
.within_news h1{ 
    font-size: 24px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 0.85;}
.within_news1 h1{ text-align:center; margin-bottom:0;}
.within_news h6{ font-size:12px; color:#666; text-align:center; margin-top:5px;}
.within_news .nd_within{border-top:1px dashed #eee; padding:20px 0;}
.within_news .nd_within .nd_within1{ float:left;}
.within_news .nd_within p{ font-size:14px; color:#666; line-height:23px;}
.within_news .nd_within .nd_within1 img{ float:right; padding:20px 10px;}
.within_news .nd_within p span{ }

.within_news .col-bg{
	position: relative;
	margin-bottom: 30px;	
}
.within_news .col-bg div.list_details{ font-size:13px; padding-left:15px;}
.within_news .col-bg div.list_details span{ display:block; height:72px; line-height:18px; overflow:hidden;}
.within_news .col-bg div.list_img{ padding-left:0; padding-right:0;}
.within_news .col-bg p{ width:100%;overflow:hidden;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.within_news .col-bg .none_img{ border-bottom:1px dashed #eee; overflow:hidden; display:block; width:98%; padding:5px 0; float: right;}
.within_news .col-bg p img{ width:100%; border:1px solid #ddd;}
.within_news .col-bg .none_img span{ float:right; color:#ccc; font-family:"Microsoft Yahei","SimHei", Verdana, Arial font-size:12px;}
.within_news .col-bg .none_img .none_wz{ float:left; width:auto; font-size:14px;}
.within_news h2{ font-size:24px; color: #404041; padding:5px 0;font-weight: 400;
    text-transform: uppercase;
}
.within_news .col-bg img{
	width: 100%;
}
.within_news .col-bg .wn_r{
	font-size: 16px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	line-height:20px;
	padding:10px 0;
	text-align:center;
}

.within_news .col-bg:hover a{ color:#80B22D;;}
.within_news .col-bg .wn_bg{
	position: absolute;
    top: -3px;
    left: 12px;
	width: 91%;
}
.within_news2{ margin:30px 0 !important;}
/*mbx_nav*/
.page_nav{ width:100%; background:#fff;background:url(/upload/sub-banner.png) no-repeat center;font-size:14px; text-align:right; padding:39px 0;border-bottom:1px solid #eee; margin-bottom:25px;}

.page_nav h1{
float:left !important;
padding-left:3%;
font-size:46px;
font-weight:400;line-height: 46px;


}
.page_nav .container{ line-height:30px; }
.page_nav a{ font-size:14px; color:#333; padding:0 5px;}
.page_nav a:hover{ color:#80B22D;;}
/*about zs*/
.about-main .zs1_img{ width:46% !important; margin:0 10px; margin-bottom:20px;}
.swiper-container {
	width: 100%;
	height:auto;
	margin-left: auto;
	margin-right: auto;
}
.swiper-slide {
	background-size: cover;
	background-position: center; 
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.within_prodcuts{ width:100%; height:auto; overflow:hidden; margin:20px 0;}
.within_prodcuts1{ width:100%; float:right;}
.within_prodcuts1 .row img{
	width: 100%;
}
.within_prodcuts ul{ list-style:none; overflow:hidden; padding:0;}
.within_prodcuts li{ width:33.33%; float:left; margin-bottom:2%; list-style:none;}
.within_prodcuts li a{ width:95%; display:block; margin:0 auto; position:relative;}
.within_prodcuts li p{ position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(238,129,0,0.8); text-align:center;text-align:center;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center; -webkit-box-align: center;-ms-flex-align: center; -webkit-align-items: center; align-items: center;  transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out; color:#fff; font-size:16px; opacity:0;}
.within_prodcuts li img{ width:100%;}
.within_prodcuts li:hover p{  transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out; color:#fff; opacity:1;}

.wp_details_s{ width:100%; height:auto; overflow:hidden; margin:20px 0;}
.wp_details_s table{ width:100% !important; border:1px solid #eee; margin-top:20px;}
.wp_details_s table td{ border:1px solid #eee; text-align:center; font-size:13px;}


#nav li ul{
    background-color: #f5f5f5;	
}

a.skype-style:hover{
	color: #000;
}
.skype-style{
	padding-left: 115px !important;
    background: url('/templets/default/themes/images/skype.png') !important;
    background-size: 100px 60px !important;
    background-repeat: no-repeat !important;
}
.design-main{
	margin: 0 auto;
    width: 120%;
}


@media (max-width: 980px) {
	.build-right{
		display: none;
	}	
}

#search-keyword{
	opacity: 0.5;
    width: 100%;
    height: 40px;
    line-height: 40px;
    margin-left: 10px;
    padding-left: 10px;
    border: 1px solid #80B22D;;
}
.glyphicon-search{
	position: absolute;
    width: 65px;
    height: 40px;
    padding: 15px 25px;
    right: 0px;
    top: 0px;
    background-color: #80B22D;;
    color: #ffffff;
	cursor: pointer;
}

.tags-list{
	margin-bottom: 20px;
}
.tags-list a{
	margin: 0 5px;
}
.logo .t{
	padding-left: 8px;
}
@media (max-width: 1200px) {
	.logo .t{
		display: none;
	}
}

@media (max-width: 1200px) {
	.logo .t{
		display: none;
	}
}

@media (max-width: 520px) {
	.work-mian {
		width: 100% !important; 	
	}
	.forms_main .sub input{ width:40%;}
}

/*
@media (min-width: 980px) {
	.work-mian-lg {
		width: 450px;
	}
}

@media (max-width: 990px) {
	.within_news .col-bg .wn_bg{
		top: 0px;
		left: 14px;
		width: 93%;
	}
}

@media (max-width: 520px) {
	.within_news .col-bg .wn_bg{
		width: 89%;
	}
}

@media (max-width: 414px) {
	.within_news .col-bg .wn_bg{
		width: 88%;
	}
}

@media (max-width: 380px) {
	.within_news .col-bg .wn_bg{
		width: 87%;
	}
}

@media (max-width: 320px) {
	.within_news .col-bg .wn_bg{
		width: 84%;
	}
}

*/

.products_nav{ width:100%; height:auto; overflow:hidden;}
.products_nav li{ border-bottom:1px solid #ccc;}
.products_nav li a{ font-size:16px; line-height:17px; padding:10px 12px;}
.products_nav li a:hover{ color:#80B22D;;}
.products_nav li ul.navigate_two_tree{ background:#f5f5f5;}
.products_nav li ul li a{ font-size:14px;}
.products_nav li ul li a:hover{ color:#80B22D;;}

#product_list_font{ font-size:12px;}

/*index products*/
.square_teaser{ width:100%; height:400px; overflow:hidden; margin-top:30px; position:relative;}
.square_teaser .item-media{ position:relative; height:400px; top:0; left:0; line-height:400px; text-align:center;}
.square_teaser .item-media img{ max-width:90%; max-height:90%;}
.square_teaser .item-content{ position:absolute; top:0; left:0; background:rgba(50,50,50,0.2); width:100%; height:100%; text-align:center;}
.square_teaser .item-content a{ display:block; height:100%;}
.square_teaser .item-content h4{ padding-top:30px; color:#fff; font-size:25px; width:90%; margin:0 auto;}
.square_teaser .item-content a:hover{ text-decoration:none;}
.square_teaser .item-content p{ display:none; width:95%; margin:0 auto; color:#fff; margin-top:20px; line-height:20px; font-size:15px;}
.square_teaser .item-content:hover{ background:rgba(233,177,10,0.8); transition:0.4s;}
.square_teaser .item-content:hover p{ display:block;}



.page_nav_s{ line-height:40px;}
#formsearch{ padding-bottom:10px;}
@media (min-width:1024px){
	.quote{ margin-top:12px;}
	.quote a{ font-size:18px;padding: 7px 10px;}	
}
@media (min-width:960px){
	.quote{ margin-top:12px;}
	.quote a{ font-size: 14px;padding: 7px 15px;}	
}
@media (max-width:640px){
	.logo{ width:80%;}
	.logo a img{ width:60%;}
	.quote{ display:none;}
	.skype{ display:none;}
	nav{ margin-top:0px;}
	.design-text{padding:0 0;}
	.serach{ display:none;}
	.top-nav li .navigate_two_tree{ display:none !important;}
	nav a#pull{ position:absolute; top:0; right:5%; margin-top:-15%;}
	nav ul{ margin:0;}
	.header{ padding:0; position:relative;}
	.header1{ border-bottom:none;}
	.header1 nav{ margin:0;}
	.height115{ height:110px;}
}
@media (min-width:1200px){
	.quote{ margin-top:28px;}
	.quote a{
	font-size: 21px;
    font-weight: 400;
    background: #666;
    letter-spacing: 2px;
    color: #fff;
    padding: 8px 33px;
    border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    -o-border-radius: 0.3em;
    -ms-border-radius: 0.3em;}
}

/*fixed*/
.tel_bg{ width:30px; height:150px; background:url(../images/tel_bg.png) no-repeat center; position:fixed; top:50%; margin-top:-100px; right:0; background-size:cover; cursor:pointer; z-index:10000;}

.skype{ width:125px; height:335px; position:fixed; top:50%; margin-top:-170px; right:-125px; background: url(../images/skype_pic.jpg) no-repeat center; z-index:10000;}
.skype ul{ margin-top:223px; list-style:none; width:100%; text-align:left; padding-left:25px; table-layout:fixed; word-break: break-all; overflow:hidden;}
.skype ul li{ line-height:12px;}
.skype ul li.skype_li{ margin-top:6px;}
.skype ul li.skype_li1{ margin-top:6px;}
.skype ul li.skype_li2{ margin-top:7px;}
.skype ul li.skype_li3{ margin-top:10px;}
.skype ul li a{ color:#000; list-style:none; font-size:12px;}
.skype ul li a:hover{ text-decoration:underline;}
.skype div{ text-align:center; width:100%; margin-top:10px;}
.skype div a{color:#fff;}

.contact_table{ margin-bottom:20px; line-height:25px;}
.contact_table table{ padding:8px 0;}
.contact_table table td{ padding:0px 8px; font-size:14px; background:#F4F3F4; border:2px solid #fff;}
.contact_table table td a:hover{ color:#000;}

.forms{ width:100%; height:auto; overflow:hidden; padding:0; margin-top:20px;}
.forms_header{ width:100%; height:auto; overflow:hidden; padding:0;}
.forms_header .forms_header1{ background:#4e4e4e;; padding:10px; color:#fff;}
.forms_header .forms_header2{ background:#EDF4F7; padding:10px;}
.forms_main{ padding:0; margin-top:10px;}
.forms_main input{ width:100%; height:35px; border:1px solid #ddd; background:#fff; padding:0 10px; font-size:14px; color:#ccc;}
.forms_main textarea{ width:100%; padding:10px 10px;border:1px solid #ddd; background:#fff; height:80px;}
.forms_main .sub{ text-align:center;}
.forms_main .sub input{ width:20%; text-align:center; color:#fff; margin:0 10px; border:none;}
.forms_main .sub input#submit{ background:#4e4e4e;}
.forms_main .sub input#reset{ color:#fff; background:#4e4e4e;}
.forms_main .sub input#submit:hover{ background:#F06200;;transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}
.forms_main .sub input#reset:hover{ background:#F06200;; color:#fff;transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}
.forms_main div{ margin-top:20px; padding:0 5px;}

.about-main .h2_title{ height:40px; line-height:40px; font-weight:normal;background:#666 url(../images/title_bg.png) no-repeat left; width:100%; margin:0; font-size:18px; color:#fff; text-indent:2em;}
.within_news .h2_title{ height:40px; line-height:40px; font-weight:normal;background:#666 url(../images/title_bg.png) no-repeat left; width:100%; margin:0; font-size:18px; color:#fff; text-indent:2em; width:100%; float:none; padding:0;}

.products_details{ margin-bottom:10px;}
.tishi{
    font-size: 16px;
    padding-top: 20px;
    overflow: hidden;
    clear: both;
    margin-bottom: 0;}
	


/*banner*/
.banner{ width:100%; height:auto; overflow:hidden;margin-bottom:25px}
.swiper-container {width: 100%;height: 100%;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-slide a{ display:block; width:100%;}
.swiper-slide img{ width:100%;}
/*nav*/
.top-nav li .navigate_two_tree{ display:none; position: absolute; top:44px; left:0; width:150%; background:#E7EDF4; color:#fff; padding:5px 0;}
.top-nav li .navigate_two_tree li{ display:block;text-align:left; float:none;margin:0 auto; padding:0 15px;}
.top-nav li .navigate_two_tree li a{ display:inline-block; height:auto;line-height:18px; padding:5px 5px; color:#000; font-size:13px;text-align:left;}
.top-nav ul li .navigate_two_tree li a:hover{ background:#fff; color:#339900;}
.serach{ float:right; margin-top:28px;}
#formsearch{ padding-bottom:0;}
.serach input[type=text]#search-keyword{ height:auto; line-height:inherit; opacity:1; width:72%; padding:4px 7px; border:none; border:1px solid #80B22D;; outline:none;}
.serach input[type=submit]{ width:20%; height:32px; display:inline-block; background:#fff url(../images/serach_icon.png) no-repeat center center; border:none; position:relative; right:8px; cursor:pointer;border:1px solid #80B22D;;}



.pages_header{ background:#80B22D;; padding-top:40px; text-align:center; font-size:30px; padding-bottom:15px; color:#fff;}
.mb_top1{ padding:10px 8px; padding-top:20px;}
@media (max-width: 640px) {
	.forms_main .sub input{ width:40%;}
}

@media screen and (min-width:1024px) and (max-width:1200px){
	.top-nav ul li a{ font-size:15px; padding:0 20px;}
}
@media screen and (min-width:900px) and (max-width:1024px){
	.logo{ width:20%; text-align:center; float:left;}
	.logo img{ width:100%; margin-top:0 !important;} 
	.top-nav ul li a{ font-size:14px; padding:0 20px;}
	.header .container{ padding:0 5px;}
	.tel_bg{ display:none;}
	.height115{ height:105px;}
	nav{ float:left; text-align:center; margin-top:0px;}
	.project-name{ width:100%;  left:0;}
	#owl-demo .item{ width:96%; margin:0 auto;}
	.project-name{ padding:5px; font-size:14px;}
}
@media screen and (min-width:769px) and (max-width:899px){
	.logo{ width:20%; text-align:center; float:left;}
	.logo img{ width:100%; margin-top:0 !important;} 
	.top-nav ul li a{ font-size:14px; padding:0 12px;}
	.header .container{ width:760px; padding:0 5px;}
	.tel_bg{ display:none;}
	.height115{ height:105px;}
	nav{ float:left; text-align:center; margin-top:0px;}
	.project-name{ width:100%;  left:0;}
	#owl-demo .item{ width:96%; margin:0 auto;}
	.project-name{ padding:5px; font-size:14px;}
}
@media screen and (min-width:641px) and (max-width:768px){
	.header{ padding:0;}
	.logo{ width:30%; text-align:left; line-height:70px;}
	.logo a img{ width:80%; margin:0;} 
	.top-nav ul li a{ font-size:16px; padding:5px 5px;}
	nav a#pull{ margin-top:0; right:90%;}
	nav a#pull img{ margin-top:0px;}
	.header .container{ padding:0 15px;}
	.dropdown-menu{ display:none !important;}
	.tel_bg{ display:none;}
	.height115{ height:70px;}
	.header_top{ display:none;}
	.header{ top:0;}
	.work-mian p .span0{ width:28%;}
	.project-name{ width:100%;  left:0;}
	#owl-demo .item{ width:96%; margin:0 auto;}
}
@media screen and (min-width:0px) and (max-width:640px){
	.logo{ width:40%; text-align:left; line-height:70px;}
	.logo a img{ width:80%; margin:0;} 
	.top-nav ul{ margin-top:45px !important;font-size:16px; padding:5px 5px;}
	.top-nav ul li a{ font-size:16px; padding:5px 5px;}
	nav a#pull{ margin-top:8px; right:95%;}
	nav a#pull img{ margin-top:0px;}
	.header .container{ padding:0 15px;}
	.dropdown-menu{ display:none !important;}
	#pro-categories{display:none !important;}
	#s-left-contact{display:none !important;}
	.tel_bg{ display:none;}
	.height115{ height:0px;background:#fff;}
	.header_top_right{display:none}
        .header_top { height:80px;background:#fff !important;}
	.header{top:0px !important;}
	.work-mian p .span0{ width:28%;}
	.project-name{ width:100%;  left:0;}
	#owl-demo .item{ width:96%; margin:0 auto;}
	.abouts{ padding:0px 15px 20px 15px; text-align:left;}

  .featured-course
    {
        float:none;width:100%;
    }
    .view-all-courses
    {
        float:none;
        text-align: center;
        width:auto;
    }
    .featured-course-wrap
    {
        height:auto;
    }
}