@charset "utf-8";
/* CSS Document */



/*banner*/
@media (min-width:992px){
	.banner{
		padding-top: 92px;
	}
	
	.left-jiantou{
		position: relative;
		top: 50%;
		width: 30%;
		left: 20%
	}
	
	.right-jiantou{
		position: relative;
		top: 50%;
		right: -50%;
		width: 30%;
	}

}


@media (min-width:768px) and (max-width:991px){
	/*.banner{
		padding-top: 92px;
	}*/
	.left-jiantou{
		display: none;
		
	}
	
	.right-jiantou{
		display: none;
	}
}

@media (max-width:767px){
	/*.banner{
		padding-top: 82px;
	}*/
	
	.left-jiantou{
		display: none;
		
	}
	
	.right-jiantou{
		display: none;
	}
}
/*banner*/








/*products*/
.pro a{
	color: white;
}

.pro h2{
	text-align: center;
	padding: 5% 0 2% 0;
	font-size: 3rem;
}

.pro .col-md-12{
	padding-left: 0;
	padding-right: 0;
}

.swiper-container {
      width: 100%;
	padding-bottom: 3%;
}

.pro .swiper-button-next, .swiper-button-prev{
	top: 40%;
}

.swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
		width: 520px;
		

      /* 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;
}

/*products*/

/*btm*/
.set_9_btn-corner {
  padding: 0px 2%;
  border: none;
  background: transparent;
  color: #333;
  width:auto;
  float:left;
  position:relative;
  line-height:5rem;
  cursor:pointer;
  margin-right: 2em;
	left: 46%;
	margin-top: 2%;
	background: #172593;
	border-radius: 5px;
}


@media (min-width:992px) {
	.set_9_btn-corner b{
		font-size: 30px;
		font-weight: normal;
	}
}

@media (max-width:991px) {
	.set_9_btn-corner b{
		font-size: 2rem;
		font-weight: normal;
	}
}
/*btm*/








/*about*/
.about{
	height: 600px;
	margin-top: -10px;
}

.about-l{
	padding: 5%;
	height: 600px;
}

@media (min-width:992px){
.ab-img{
	background: url(../images/cf.jpg)no-repeat 0px 0px;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    min-height: 55%;
    width: 100%;
    position: absolute;
    z-index: 5;
    top: 14em;
    left: 12%;
    box-shadow: 3px 3px 15px rgb(0, 0, 0);
}
}

.about-img{
	position: relative;
	left: 10%;
	z-index: 55;
	top: 10%;
}

.about-r{
	background:#1E1E1E;
	padding: 5% 8% 5% 10%;
	height: 600px;
}

.about-r h3{
	color: white;
	margin-bottom: 5%;
}

.about-r p{
	color: white;
	line-height: 2.5rem;
	margin-bottom: 2rem;
}
/*about*/


/*-- welcome --*/
.welcome{
	padding:5% 0;
}
h3.agileits-title {
    font-size: 3.5em;
    text-transform: uppercase;
    color:skyblue;
    margin-bottom:1.2em;
    font-weight: 300;
    font-family: 'Roboto', sans-serif;
}
h3.agileits-title span {
    border: 2px solid;
    margin-right: 8px;
    color: #222;
    padding: 5px 8px;
    display: inline-block;
}
.welcome p {
    font-size: 1em; 
    color: #000;
    line-height: 1.8em;
}
.welcome-agileinfo {
    background:#ECECEC;
    margin:3em 0;
	box-shadow: 5px 5px 10px #888
}
@media (min-width:1200px){
	.welcome-agileinfo {
    background:#ECECEC;
    margin:3em 5em;
}
}
.w3ls_welcome_left h3.agileits-title {
    font-size: 3em;
    margin-bottom: 0.8em;
    color: #fff;
}
.w3ls_welcome_left {
    padding: 5em 0em 3em 5em;
}

@media (max-width:991px){
	.w3ls_welcome_left {
    padding: 3em 0.5em 3em 0.5em;
}
}
.agileits_w3layouts_welcome_grid {
    margin-top: -2em;
    margin-bottom: -2em;
	border: 5px solid #000;
	width: 68%;
	
}
.w3ls_welcome_right { 
	position:relative;
	padding: 0 2em 0 0;
	right: -10%;
} 
.agileits_w3layouts_welcome_grid img {
    width: 100%;
}
.w3ls_welcome_right1 h6 {
    font-size: 1.5em;
    color: #000;
    line-height: 1.8em;
    text-transform: capitalize;
    letter-spacing: 1px;
} 
.w3ls_welcome_right1 p {
    margin: 2em 0 0;
    line-height: 2.2em;
    color: #000000;
}
@media (min-width:1200px){
	.welcome .container{
		width: 1300px;
	}
}
/*-- //welcome --*/




/*-- news --*/   
.news{
	
	padding: 5% 0;
}

.news h2{
	text-align: center;
	padding: 0% 0 3% 0;
}

@media (min-width:1801px){
	.news-gridtext {
    -webkit-box-shadow:-2px 4px 5px rgba(25, 13, 15, 0.17);
    -moz-box-shadow:-2px 4px 5px rgba(25, 13, 15, 0.17);
    box-shadow:-2px 4px 5px rgba(25, 13, 15, 0.17);
	-webkit-transition:.5s all;
	-moz-transition:.5s all; 
	transition:.5s all;
	height: 460px;
}
}

@media (min-width:1200px) and (max-width:1800px){
	.news-gridtext {
    -webkit-box-shadow:-2px 4px 5px rgba(25, 13, 15, 0.17);
    -moz-box-shadow:-2px 4px 5px rgba(25, 13, 15, 0.17);
    box-shadow:-2px 4px 5px rgba(25, 13, 15, 0.17);
	-webkit-transition:.5s all;
	-moz-transition:.5s all; 
	transition:.5s all;
	height: 390px;
}
}

.news-gridtext:hover{
	box-shadow:-2px 4px 50px rgba(25, 13, 15, 0.38);
} 


.news-w3img a {
    display: block;
    overflow: hidden;
}
.news-w3img a img {
  width: 100%;
  -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
}
.news-w3lgrids:hover a img{
	-webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.news-w3imgtext {
    padding:2em 2.5em; 
    text-align: center;
    position: relative; 
}

@media (min-width:992px) and (max-width:1199px){
	.news-w3imgtext {
    padding:2em 1.5em; 
    text-align: center;
    position: relative; 
}
	.news-gridtext {
    -webkit-box-shadow:-2px 4px 5px rgba(25, 13, 15, 0.17);
    -moz-box-shadow:-2px 4px 5px rgba(25, 13, 15, 0.17);
    box-shadow:-2px 4px 5px rgba(25, 13, 15, 0.17);
	-webkit-transition:.5s all;
	-moz-transition:.5s all; 
	transition:.5s all;
	height: 360px;
}
}
.news h5 {
    display: inline-block;
    background: #172593;
    padding: .8em 1.5em;
    font-size: 1em;
    color: #fff;
    position: absolute;
    top: -18px;
    left: 32%;
    letter-spacing: 1px;
    font-family: 'Roboto Condensed', sans-serif;
}
.news h4 {
    font-size: 1.5em;
    padding: 1em 0 .8em;
    font-weight: 300;
    letter-spacing: 1px;
}
.news h4 a{
	color:#333;
	text-decoration:none;
	-webkit-transition:.5s all;
	-moz-transition:.5s all; 
	transition:.5s all;
}
.news-w3lgrids:hover  h4 a {
	color:#172593;
}  
.news a.w3-agilebtn {
    padding: .6em 1.5em;
    color: #999;
    font-size: 0.9em;
    border-color: #999;
    margin: 1.5em 0 0;
}
.news a.w3-agilebtn:hover{ 
    color: #fff; 
} 
.news a{
	color: black;
}

.news P{
	font-size: 13px;
}
/*-- //news --*/