/*--Author: W3Layouts
	Author URL: http://w3layouts.com
	License: Creative Commons Attribution 3.0 Unported
	License URL: http://creativecommons.org/licenses/by/3.0/
 --*/
/*-- Reset Code --*/
body { 
	padding: 0;
	margin: 0;
	background: #FFF;	
	font-family:'Microsoft Yahei', 'Roboto Condensed', sans-serif;
}
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;
	outline:none;
}
input[type="button"], input[type="submit"], button.btn {
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	transition: 0.5s all;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}
ul {
	margin: 0;
	padding: 0;
}
label {
	margin: 0;
}
.text-center {
	text-align: center;
}
/*-- //Reset-Code --*/
p {
	margin: 0;
	line-height: 2;
	font-size: 1em;
	color:#888;
}
/*-- header styling starts here --*/
/*-- //Reset-Code --*/
/*-- header --*/ 
.wx{
	position: relative;
}
a.wx:hover .fimg{
	display: block;
}
.fimg{
	position:absolute;
	top:60px;
	right:-90px;
	display: none;
}

.jarallax {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
h1 a.navbar-brand {
    font-size: 0.8em;
    color: #fff !important;
    padding: 0;
    height: inherit;
    margin:5px 0;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: 15px;
}
nav.navbar.navbar-default.navbar-fixed-top {
    background:rgba(0, 0, 0, 0.2);
	-webkit-transition:.5s all;
	-moz-transition:.5s all; 
	transition:.5s all;
	position: absolute;
}
.navbar-default .navbar-nav > li > a {
    color: #fff;
    font-size: 1.2em;
    font-weight: 400;
    letter-spacing: 1px;
    padding: 2em 1.5em;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #1DCAFF;
    background-color: transparent;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color:#0087c9;
    background-color: transparent;
}

.navbar-default .navbar-nav>li>p {
	display: none;
	position: absolute;
	top: 40px;
	z-index: 1200;
	width: 120px;
	height: auto;
	overflow: hidden;
	background: #909940;
}

.navbar-default .navbar-nav>li.active a {
	background: #909940;
	color: #fff;
}

.navbar-default .navbar-nav>li>p a {
	display: block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	color: #fff;
}

.navbar-default .navbar-nav>li>p a:hover {
	background: #fff;
	color: #909940;
}



nav.navbar.navbar-default.navbar-fixed-top.top-nav-collapse {
    padding: 0;
    background: rgba(0, 0, 0, 0.75);
}

.navbar_right{margin: 35px 0 0 20px;}
.navbar_right a{margin-left:15px;}

.header h2 {
    font-size: 4em;
    letter-spacing: 3px;
    font-weight: 500;
    color: #FFF;
    text-align: center;
}  
.header a {
    display: block;
    margin: 0.5em 0;
	background:transparent;
}
i.fa.fa-cubes {
    color: #ffa100;
}
.banner-text p {
    font-size: 1.1em;
    color: #fff;
    letter-spacing: 4px;
    text-transform: uppercase;
	margin:2em 0;
}
.header {
    background:url(../images/bannerbg.jpg) center no-repeat;
    background-size:100% auto;
}
.banner_text_w3layouts{
    padding: 20em 10em;
	text-align: center;
}
.banner_text_w3layouts h3 {
    color: #fff;
    font-size:5rem;
	line-height:1.3em;
    margin: 0.2em 0;
    font-weight: 500;
    text-transform: capitalize;
    letter-spacing: 3px;
	text-align: center;
	border-bottom: 1px #fff solid;
	display: inline-block;
	padding:15px 0;
}
.banner_text_w3layouts p {
    color: #fff;
    font-size:2.3rem;
    letter-spacing: 2px;
    text-transform: capitalize;
}
.banner_text_w3layouts h2{
	color: #fff;
	font-size: 1.1em;
	letter-spacing:1px;
}
.banner-text-w3l {
    width: 60%;
    border: 2px dashed #0087c9;
    padding: 2em 1.5em;
    text-align: center;
}
.banner-text-w3l h4 {
    color: #ffa100;
    text-transform: uppercase;
    font-size: 0.9em;
    text-align: center;
	letter-spacing:1px;
}
.w3-button a{
	color: #fff;
    padding: 0.8em 2em;
    text-decoration: none;
    margin: 0;
	font-size: 1em;
    border: 2px solid#7fbb00;
	background:none;
	font-weight: 700;
    text-transform: uppercase;
}
.w3-button a:hover{
color: #7fbb00;
border-color:#FFf;
  
}
.w3-button {
    position: relative;
    margin: 0;
    padding: 1em;
    z-index: 1;
}
/*--slider--*/
#slider2,
#slider3 {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  margin: 0 auto;
}
.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%;
}
.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);
    bottom: 50%;
    left: 0;
    z-index: 3;
    text-indent: -9999px;
    overflow: hidden;
    text-decoration: none;
    width: 40px;
    height: 22px;
}
 .callbacks_nav:hover{
  	opacity: 0.3;
  }
#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;
}
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display:none;
  width: 100%;
  left: 0;
  top: 0;
}
.rslides li{
  position: relative;
  display: block;
  float: left;
}
.rslides img {
  height: auto;
  border: 0;
  }
.callbacks_tabs {
    list-style: none;
    position: absolute;
    top: 44%;
    right: 0;
    padding: 0;
    margin: 0;
    display: block;
    z-index: 999;
}
.slider-top span{
	font-weight:600;
}
.callbacks_tabs li {
    display: block;
    margin: 0;
    list-style-type: disc;
}

.callbacks_tabs a{
 visibility: hidden;
}
.callbacks_tabs a:after {
    content: "\f111";
    font-size: 0;
    font-family: FontAwesome;
    visibility: visible;
    display: block;
    height: 10px;
    width: 10px;
    display: inline-block;
	background:#0087c9;
    border: 2px solid #0087c9;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
}
.callbacks_here a:after{
    background: #ffa100;
    border: 2px solid #ffa100;
}
/*-- //slider --*/
.agileits-w3layouts-info img{
	width:100%;
}
.modal-header h2{
    color: #212121;
    font-size: 2em;
    margin: 0;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
}
.modal-body p{
    margin: 1em 0 0 0;
    font-size: .875em;
    color: #999999;
    line-height: 1.8em;
}
.close {
    float: none;
}
/*-- //banner --*/
.w3-agile-logo h1 a {
    font-size: 1em;
    text-transform: uppercase;
    color: #fff;
    display: inline-block;
    padding: 1em;
    float: left;	
}
.w3layouts-nav-right {
    float: right;
    line-height: 85px;
    margin-right: 5em;
	 border-bottom: 1px solid #ffff;
}

ul.list-right li{
	list-style-type: none;
	display:inline-block;
}
ul.list-right.w3l li i {
    font-size: 1.5em;
    color: #7fbb00;
    padding: 0.5em;
}
ul.list-right.w3l {
    margin: 1em 3em 0 0em;
}
.list-right li span {
    color: #ffffff;
    font-size: 1em;
    font-weight: 600;
}
/*-- //header --*/ 
.w3ls-section{
	padding:70px 0;
}
.h3-w3l {
    font-size: 2.5em;
    color: #0087c9;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: capitalize;
    margin-bottom:1.5em;
	line-height: 1.1rem;
}
.h3-w3l p i{
	color: #49c3c7;
	font-weight:normal;
	font-size:24px;
	font-family:Helvetica;
	font-style: normal;
	
}
span.head-w3l {
    color: #ffa100;
}


/*-- //Portfolio --*/

.grid {
    position: relative;
    margin: 0 auto;
    padding: 1em 0 4em;
    list-style: none;
    text-align: center;
}
.grid figure {
    position: relative;
    float: left;
    overflow: hidden;
    width: 24.08%;
    background: #3085a3;
    text-align: center;
	padding:0;
}
.grid figure figcaption {
    padding: 2em;
    color: #fff;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
	text-transform:capitalize;
}
.grid figure figcaption::before, .grid figure figcaption::after {
}
.grid figure h4,.grid figure p {
    margin: 0;
}
.grid figure h4 {
    word-spacing: -0.15em;
    font-weight: 300;
}
.grid figure figcaption > a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}
.grid figure figcaption, .grid figure figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
a {
    outline: none;
    color: #3498db;
    text-decoration: none;
}
.grid figure figcaption::before, .grid figure figcaption::after {
}
/***** Bubba *****/
/*---------------*/

figure.w3l-service-hover {
	background: #fff;
}
figure.w3l-service-hover img {
	opacity: 1;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.w3l-service-hover:hover img {
	opacity: 0.4;
}

figure.w3l-service-hover figcaption::before,
figure.w3l-service-hover figcaption::after {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.w3l-service-hover figcaption::before {
	border-top: 1px solid #ffa100;
	border-bottom: 1px solid #ffa100;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}

figure.w3l-service-hover figcaption::after {
	border-right: 1px solid #ffa100;
	border-left: 1px solid #ffa100;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}

figure.w3l-service-hover h4 {
	font-size: 1.3em;
    color:#fff;
	padding-top: 30%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0);
}

figure.w3l-service-hover p {
	padding: 1em 1em 0;
	color: #a79a9a;
    opacity: 0;
    font-size: 0.9em;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}

figure.w3l-service-hover:hover figcaption::before,
figure.w3l-service-hover:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.w3l-service-hover:hover h4,
figure.w3l-service-hover:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	color: #333;
}
.w3l-service-hover.s2{
	margin:0 1em;
}
.w3l-service-hover.s3{
	margin:0 1em 0  0;
}
/*-- services --*/
/*-- section --*/
div#services {
    /*background:#0087c9;*/
}
div#services  h2.h3-w3l {
	font-weight: normal;
	text-align: center;
	margin: 0;
	margin-bottom: 30px;
}
div#services  h2.h3-w3l strong{
	font-weight: normal;
	color: #333;
	font-size: 30px;
}
div#services  h2.h3-w3l p{font-size:24px; color: #999; font-family: arial;}
div#services .grid{margin-bottom: 20px;}

.agileits-section{
	background:url(../images/mainbg1.jpg) center no-repeat;
	background-size:cover;
	min-height:335px;
}
.agileits-section p {
    width: 70%;
    margin: 0 auto;
    color: #fff;
    letter-spacing: 1px;
}

.agileits-section.w3ls-section h2.h3-w3l {
	font-weight: normal;
	text-align: center;
	margin: 0;
}
.agileits-section.w3ls-section h2.h3-w3l strong{
	font-weight: normal;
	color: #fff;
	font-size: 30px;
}
.agileits-section.w3ls-section h2.h3-w3l p{font-size:24px; color: #999; font-family: arial;}


/*-- footer --*/
.agile-w3layouts-footer.text-center {
    background: #1b2025;
}
.social h6 {
    font-size: 1.5em;
    text-transform: capitalize;
    color: #000;
}
ul.social-icons {
	text-align: center;
}

ul.social-icons li {
	display: inline-block;
	margin: 0 5px;
}

ul.social-icons li a {
	font-size: 35px;
	color: #EEE;
}

ul.social-icons li a.icon1:hover {
	color: #3b5998;
}

ul.social-icons li a.icon2:hover {
	color: #1dcaff;
}

ul.social-icons li a.icon3:hover {
	color: #d34836;
}

ul.social-icons li a.icon4:hover {
	color: #517fa4;
}

ul.social-icons li a.icon5:hover {
	color: #bb0000;
}
.agile-w3layouts-footer p {
    padding: 1em;
	color:#fff;
	letter-spacing:1px;
}
.agile-w3layouts-footer a {
	color:#ffa100;
}
.agile-w3layouts-footer a:hover{
	color:#0087c9;
}
.social h6 {
    font-size: 1.5em;
    text-transform: capitalize;
    color: #0087c9;
    padding: 1em 0;
    letter-spacing: 2px;
}
/*-- footer --*/
/*-- to-top --*/
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 20px;
	right: 2%;
	overflow: hidden;
	z-index: 999; 
	width: 35px;
	height: 35px;
	border: none;
	text-indent: 100%;
	background: url(../images/move-up.png) no-repeat 0px 0px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	-moz-border-radius: 50%;
}
#toTopHover {
	width: 35px;
	height: 35px;
	display: block;
	overflow: hidden;
	float: right;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}
/*-- //to-top --*/
/* -- Responsive code -- */ 
@media screen and (max-width: 1280px){
	.callbacks_tabs {
        right: 5%;
		top:43%;
	}
	#quote-carousel {
		padding: 2em 5em 0;
	}
}
@media screen and (max-width: 1080px){
	.agile-about-grid1 h4 {
		font-size: 1.2em;
	}
	.agileits-section p {
		width: 75%;
	}
	.grid figure {
		width: 23.8%;
	}
	.grid figure figcaption {
		padding: 2em 1em;
	}
	.agile-sicon {
		left: 9.5%;
	}
	#quote-carousel {
		padding: 0em 5em 0;
	}
}
@media screen and (max-width: 1050px){
	#quote-carousel .carousel-control.right {
		right: -33px;
	}
}
@media screen and (max-width: 1024px){
	figure.w3l-service-hover p {
		font-size: 0.875em;
	}
	figure.w3l-service-hover h4 {
		padding-top: 47%;
	}
}
@media screen and (max-width: 991px){
	.header-w3layouts .container {
		width: 94%;
	}
	.banner-text-w3l {
		width: 77%;
	}
	.banner_text_w3layouts {
		padding: 20em 0;
	}
	div#about .container {
		width: 90%;
	}
	.agile-about-grid {
		padding: 2em 3em 2em 1em;
	}
	.agile-sicon {
		left: 10.5%;
	}
	.agileits-section p {
		width: 98%;
	}
	.w3portfolioaits-item {
		width: 33.3%;
		float: left;
	}
	.grid figure {
		width: 32%;
	}
	.w3l-service-hover.s3 {
		margin:0 0 1em 0;
	}
	figure.w3l-service-hover.s4 {
		margin: 0 17em;
	}
	figure.w3l-service-hover p {
		padding: 1em 2em 0;
	}
	blockquote {
		font-size: 1.2em;
	}
	.carousel-inner {
		min-height: 260px;
	}
	.contact-right-w3l {
		width: 60%;
	}
	.contact-left-w3ls {
		width: 40%;
	}
}
@media screen and (max-width: 900px){
	.header-w3layouts .container {
		width: 100%;
	}
	div#about .container {
		width: 98%;
	}
	.agile-about-grid1 h4 {
		font-size: 1.18em;
	}
}
@media screen and (max-width: 800px){
	.w3ls-section {
		padding: 3em 0;
	}
	.navbar-default .navbar-nav > li > a {
		padding: 1.3em 1em;
	}
	.agile-about-grid.agile-about-grid1 {
		padding: 0em 3em 2em 4em;
	}
	i.agile-sicon {
		font-size: 1.6em;
	}
	.agile-sicon {
		left: 13.5%;
	}
	.agile-about-grid{
		width: 100%;
		float: none;
	}
	.about-info p {
		padding-right: 2em;
	}
	div#about .container {
		width: 750px;
	}
	.about-info-grids {
		margin: 4em 0 0 4em;
	}
	#quote-carousel .carousel-control.right {
		right: -31px;
	}
}
@media screen and (max-width: 768px){
	.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
		margin-left: 0px;
	}
	.navbar-default .navbar-nav > li > a {
		padding: 1.3em 0.9em;
	}
	.banner_text_w3layouts {
		padding: 17em 0;
	}
	.banner-text-w3l {
		width: 80%;
	}
	.h3-w3l {
		margin-left: 1em;
	}
	h2.h3-w3l,.agileits-section.w3ls-section h3.h3-w3l{
		margin-left:0;
	}
	.home_con{width: 100% !important;padding: 0 20px;}
	.home_service ul li{width:20% !important;height: auto !important;}
	.home_service ul li a{width: 100%;height: 130px !important;display: block;}
	.home_service ul li a .img{ width: 60px !important; height: 60px !important;padding-top:15px !important;}
	.home_service ul li a .img img{width: 30px !important; height: 30px !important;}
	.home_service ul > li > a h3 {font-size: 15px !important;}
	.home_service ul li p {font-size: 14px !important;}
	.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse {
	    margin-right: 0 !important;
	    margin-left: 0 !important;
	}
}
@media screen and (max-width: 736px){
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #ffa100;
	}
	.navbar-default .navbar-toggle {
		border-color: #0087c9;
	}
	.navbar-toggle {
		margin-top: 15px;
		background-color: #0087c9;
		border: 1px solid #0087c9;
		transition: 0.5s all;
		-webkit-transition: 0.5s all;
		-moz-transition: 0.5s all;
		-o-transition: 0.5s all;
		-ms-transition: 0.5s all;
	}
	.navbar-toggle:hover{
		background:#ffa100;
	}
	.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
		margin-left: 15px;
	}
	.callbacks_tabs {
		top: 41%;
	}
	.about-info {
		width: 33%;
		float: left;
	}
	.grid figure {
		width: 31.98%;
	}
	.banner-text-w3l {
		width: 81%;
	}
	div#about .container {
		width: 98%;
	}
	.nav > li {
		text-align: center;
	}
	.navbar-default .navbar-nav > li > a {
		padding: 0.9em;
	}
	.banner-text-w3l {
		width: 76%;
		padding: 1.5em;
		margin-left:15px;
	}
	.banner_text_w3layouts h3 {
		font-size: 2.5em;
	}
	.contact-form-w3l.w3ls-section .col-sm-6 {
		width: 60%;
		margin: 0 auto;
	}
	.contact-w3-agileits h3.h3-w3l {
		font-size: 2.3em;
		margin-left: 0;
	}
	.agile-sicon {
		left: 14.5%;
	}
	#quote-carousel .carousel-indicators {
		left: 38%;
	}
	.about-info p {
		padding-right: 1em;
	}
}
@media screen and (max-width: 667px){
	.banner-text-w3l {
		width: 86%;
	}
	.button {
		margin-top: 2em;
	}
	.agile-sicon {
		left: 15%;
	}
	.w3l-service-hover.s2 {
		margin: 0 0 1em 1em;
	}
	.grid figure {
		width: 48.8%;
	}
	figure.w3l-service-hover.s4 {
		margin: 0 0 0 1em;
	}
	figure.w3l-service-hover h4 {
		padding-top: 34%;
	}
	.carousel-inner {
		min-height: 235px;
		left:15%;
	}
	.agile-about-grid.agile-about-grid1 {
		padding: 0em 2em 2em 2em;
	}
	.about-info-grids {
		margin: 4em 0 0 0em;
	}
}
@media screen and (max-width: 640px){
	.banner_text_w3layouts h3 {
		font-size: 2.4em;
	}
	.banner_text_w3layouts {
		padding: 15em 0;
	}
	.about-info p {
		padding-right: 0;
	}
}
@media screen and (max-width: 600px){
	.banner-text-w3l {
		width: 84%;
	}
	.banner_text_w3layouts h3 {
		font-size: 2.1em;
	}
	.callbacks_tabs {
		right: 6%;
	}
	.about-info p {
		padding-right: 0em;
	}
	.agile-sicon {
		left: 17.5%;
	}
	.agileits-section.w3ls-section h3.h3-w3l {
		letter-spacing: 4px;
	}
	.grid figure {
		width: 48.7%;
	}
	.contact-grid-agileinfo {
		padding:1em;
	}
	.carousel-inner {
		left: 15%;
	}
	.contact-w3-agileits h3.h3-w3l {
		font-size: 2.1em;
	}
}
@media screen and (max-width: 568px){
	.banner-text-w3l {
		width: 90%;
	}
	.callbacks_tabs {
		right: 2%;
		top:41%;
	}
	.banner_text_w3layouts {
		padding: 12em 0;
	}
	.h3-w3l {
		margin-bottom: 0.8em;
	}
	.about-info h4 {
		font-size: 1.4em;
	}
	.grid figure {
		width: 48.6%;
	}
	.agileits-section.w3ls-section h3.h3-w3l {
		letter-spacing: 3px;
	}
	.contact-form-w3l.w3ls-section .col-sm-6 {
		width: 65%;
	}
}
@media screen and (max-width: 480px){
	.banner-text-w3l {
		width: 87%;
	}
	.banner_text_w3layouts h3 {
		font-size: 1.7em;
		letter-spacing: 2px;
	}
	.agile-about-grid1 h4 {
		font-size: 1.1em;
	}
	.about-info {
		width: 100%;
		float: none;
	}
	.agile-sicon {
		left: 7.5%;
	}
	.about-info.about-info2 {
		margin: 3em 0;
	}
	.agileits-section.w3ls-section h3.h3-w3l {
		letter-spacing: 2px;
		font-size: 2.3em;
	}
	.grid figure {
		width: 80%;
		float: left;
		margin: 0 3em;
	}
	.w3l-service-hover.s2,.w3l-service-hover.s3,figure.w3l-service-hover.s4 {
		margin: 1em 3em;
	}
	.w3l-service-hover.s3,figure.w3l-service-hover.s4{
		margin-top:0;
	}
	.carousel-inner {
		bottom: 50px;
	}
	#quote-carousel {
		padding: 2em 5em 0;
	}
	.contact-left-w3ls,.contact-right-w3l {
		width: 100%;
		float: left;
	}
	.contact-grid-agileinfo {
		padding: 1em 2em;
	}
	.contact-form-w3l.w3ls-section .col-sm-6{
		width: 75%;
	}
	.carousel-inner {
		top:60px;
		left:0;
		min-height: 260px;
	}
	#quote-carousel .carousel-indicators {
		left: 30%;
		width: 100%;
	}
	#quote-carousel {
		padding: 4em 1em 0;
	}
	#quote-carousel .carousel-indicators li{
		display:inline-block;
	}
	#quote-carousel .carousel-indicators .active {
		margin: 0px 0.5em;
	}
	blockquote {
		font-size: 1.1em;
		padding: 16px 0px;
	}
}
@media screen and (max-width: 414px){
	.banner_text_w3layouts h3 {
		font-size: 1.5em;
		letter-spacing: 1px;
	}
	.banner_text_w3layouts p {
		font-size: 0.95em;
		letter-spacing: 1px;
	}
	.callbacks_tabs {
		top: 39%;
	}
	.agile-about-grid1 h4 {
		font-size: 1em;
		line-height:2;
		margin:0;
	}
	.h3-w3l {
		margin-bottom: 0.6em;
	}
	.agile-sicon {
		left: 9%;
		top:13px;
	}
	.w3portfolioaits-item {
		width: 100%;
		float: left;
	}
	.agileits-section.w3ls-section h3.h3-w3l {
		letter-spacing: 1px;
		font-size: 2em;
	}
	.grid figure {
		width: 84%;
		margin: 0 2em;
	}
	.w3l-service-hover.s2, .w3l-service-hover.s3, figure.w3l-service-hover.s4 {
		margin: 1em 2em;
	}
	.contact-form-w3l.w3ls-section h3 {
		margin-left: 1.7em;
	}
}	
@media screen and (max-width: 384px){
	.banner-text-w3l {
		width: 100%;
		margin:0;
	}
	.callbacks_tabs {
		top: 63%;
		right:5%;
	}
	.callbacks_tabs li {
		display: inline-block;
	}
	.agile-about-grid.agile-about-grid1 {
		padding: 0em 1em 2em 1em;
	}
	.h3-w3l {
		font-size: 2.3em;
	}
	.agile-sicon {
		left: 9.5%;
	}
	.agileits-section.w3ls-section h3.h3-w3l {
		font-size: 1.9em;
	}
	.contact-form-w3l.w3ls-section .col-sm-6 {
		width: 85%;
	}
	.agile-about-grid2 {
		background: url(../images/2.jpg)no-repeat;
	}
}
@media screen and (max-width: 375px){
	.agile-about-grid.agile-about-grid1 {
		padding: 0em 0em 2em 1em;
	}		
	.banner_text_w3layouts {
		padding: 10em 0;
	}
	.callbacks_tabs {
		top: 65%;
	}
	.navbar-toggle {
		padding: 7px 3px;
	}
	.carousel-inner {
		min-height: 265px;
	}
	.h3-w3l {
		margin-bottom: 0.4em;
		font-size: 2em;
		margin-left: 1em;
	}
	
}
@media screen and (max-width: 320px){
	.banner_text_w3layouts h3 {
		font-size: 1.4em;
		letter-spacing: 0px;
	}
	.banner_text_w3layouts p {
		font-size: 0.9em;
	}
	.grid figure {
		width: 89%;
		margin: 0 1em;
	}
	.w3l-service-hover.s2, .w3l-service-hover.s3, figure.w3l-service-hover.s4 {
		margin: 1em 1em;
	}
	.carousel-inner {
		min-height: 335px;
	}
	.contact-form-w3l.w3ls-section .col-sm-6 {
		width: 95%;
	}
	.mail.contact-grid-agileinfo.c1{}
	.agile-sicon {
    left: 11.5%;
}

}
.service_con{width: 100%;}
.about_con{width: 100%;}
/* -- //Responsive code -- */  

.footnav{
	height: auto;
	overflow:hidden;
	padding: 50px 0;
	text-align: left;
}
.footnav dd{
	
	width:180px;
	height: auto;
	overflow: hidden;
	float: left;
}
.footnav dt{
	margin-right: 80px;
	width:210px;
	height: auto;
	overflow: hidden; 
	text-align: center;
	float: left;
}
.footnav dt img{float: left; display: block; margin-bottom: 20px;margin-right: 15px;}
.footnav h4{width: 100%;display: block;}
.footnav h4 img{float: left;}
.footnav h3{font-size: 16px; color: #ddd; margin-bottom: 15px;}
.footnav p{padding: 0; font-weight: normal; color: #999; }
.footnav a{font-size: 14px; color: #999; display: block; text-align:left;}
.copyright{
	border-top: 1px #444 solid;
	padding: 10px 0 5px 0;
	text-align: left;
}
.copyright p{padding:0; color: #666; font-size: 14px;text-align: center;}
.copyright .right{float: right;}
.copyright .right a{margin-left:10px;}


.navbar-brand>img {
	width: 80px;
}


/*列表*/
li{list-style: none;}
.banner{width: 100%;height: 800px;}
.main{width: 1200px;height:auto; overflow: hidden; margin:0 auto; padding:100px 0;}
.list_tit{text-align: center;margin-bottom: 52px;}
.list_tit strong{font-size: 30px;color: #626060;letter-spacing: 1px;}
.list_tit p{font-size: 24px;color: #999999;}
.list{ height: auto; overflow: hidden;}
.list li {height: auto; overflow: hidden; border-bottom: 1px #dddddd dashed; padding: 30px 0;}
.list li img{float: left; margin-right: 56px;margin-left: 77px;}
.list li p{font-size: 20px;}
.list li h3{font-size: 24px; margin: 20px 0;}

/* home */
/* page1 */
h2.home_title{ text-align: center;font-weight:normal;}
h2.home_title strong{font-weight: normal;color: #333;font-size: 18px;}
h2.home_title p{ font-weight:normal; font-size:24px; color: #333; font-family:Helvetica;}
.home_service{ padding-bottom: 70px;}
.home_service .home_con{width: 110%; height:260px; overflow: hidden;}
.home_service ul{border: 0; text-align: center;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;}
/* .home_service ul li{width:210px;height: auto;float: left;margin-right:110px;} */
.home_service ul li{width:210px;height: auto;}
.home_service ul li a{width: 100%;height: 190px;display: block;}
.home_service ul li a .img{ width: 134px; height: 134px; border:1px #ededed solid; border-radius: 50%; margin: 0 auto;padding-top: 26px;}
.home_service ul li p{margin-top:25px;}
.home_service ul > li > a h3{color: #737373; font-size: 18px;margin-top:30px;}
.home_service ul > li > a:hover h3{color: #0087C9;}
.home_service ul > li > a:hover .img{border-color: #358ebd;}
/* page2 */
.home_case{}
.home_case .home_con{width: 110%;overflow: hidden;}
.home_case .grid figure{width: 563px;height: 377px;margin:0 30px 30px 0;}
/* page3 */
.home_future{width: 100%;height:280px;background: url(../images/future_bg.jpg) no-repeat;}
.home_future h3{margin-top:99px; line-height: 45px; text-align: center;font-style: normal;letter-spacing: 2px;}
.home_future h3 strong{ text-align: center; font-size:40px;color:#fff;font-weight: normal;}
.home_future h3 p{color:#fff;font-size: 20px;font-family:Helvetica ;}
/* page4 */
.home_advantages{}
.home_advantages ul h4{font-size: 22px;color: #fff;letter-spacing: 1px;margin:48px 0 35px 0;}
.home_advantages ul p{ color: #fff;font-size: 14px; margin-bottom: 35px;}
.home_advantages ul a{width: 114px;height:35px; line-height: 35px; color: #fff;font-size: 14px;text-align: center; border:1px #fff solid; display: block;}
.home_advantages ul li{width: 586px;height: 280px; overflow: hidden; float: left;margin:0 10px 10px 0;padding-left: 35px;}
.home_advantages ul .con1{background: url(../images/ys1.jpg) no-repeat center top ;}
.home_advantages ul .con2{background: url(../images/ys2.jpg) no-repeat center top ;}
.home_advantages ul .con3{background: url(../images/ys3.jpg) no-repeat center top ;}
.home_advantages ul .con4{background: url(../images/ys4.jpg) no-repeat center top ;}
.home_advantages ul a:hover{border-color: #0087C9;font-size:16px;}
/* page5 */
.home_news{ height: 725px; background: url(../images/news_bg.jpg) no-repeat center top;}
.home_news li{width: 100%;background-color: #fff;}
.home_news h3{color: #333333;font-size: 16px;margin-top:20px;}
.home_news p{color: #999;font-size: 12px;}
.home_news h4{float: right;margin: 15px;}
.home_news span{color: #bab6b6;font-size: 14px;display: block;float: left;}
.home_news span strong{color: #797979;font-size:18px;text-align: center;margin-left: 12px;font-weight: normal;}
.home_news .news_con{width: 418px;height: 468px;background-color: #fff;float: left;margin-right: 15px;}
.home_news .news_con a{margin:0 15px;display: block;}
.home_news .news_con a span{margin-top:5px;}
.home_news .news_con1{width: 420px;height: 468px; overflow: hidden; float: left;margin-right: 15px;}
.home_news .news_con1 ul li {height: 230px; overflow: hidden; margin-bottom:10px; padding:5px 20px 10px 20px;}
.home_news .news_con1 ul li p{margin:40px 0 ;}
.home_news .news_con2{width:323px;height:468px;overflow: hidden;float: left;}
.home_news .news_con2 ul li {height:145px; overflow: hidden; margin-bottom:15px; padding:0px 15px 5px 15px;}
.home_news .news_con2 ul li p{margin:13px 0 ;line-height: 15px;}
.home_news a:hover h3 {color: #0087C9;}
.home_news a:hover p {color: #0087C9;}

.home_news .home_con .con{height: 400px;}
.home_news .home_con .con p{font-size: 15px;color: #000;}
.home_con .details_img_box {display: flex;justify-content: space-between;align-items: center;}
.home_con .details_img_box img{width: 30%;}
.home_con .download_btn_box{text-align: center;margin-top: 30px;}


/* page6 */
.home_partner{}
.home_partner .partner_list0{width: 105%; height: auto; overflow: hidden;}
.home_partner .partner_list0 li{float: left; text-align: center; margin:30px 25px 0 0;}
.home_partner .partner_list0 li a{display: block; height: auto; overflow: hidden; border: 1px #f5f5f5 solid;}
.home_partner .partner_list0 li a img{
	transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;}
.home_partner .partner_list0 li a:hover{border-color: #666;}
.home_partner .partner_list0 li a:hover img{transform: scale(1.3);}

.corporate .home_con .con{margin-bottom: 10px;}
.corporate .home_con .con h3{font-size: 15px;margin-bottom: 10px;}


/* neiye */
.sbanner{height: 600px; overflow:hidden;}
.sbanner .banner_text_w3layouts{padding:12.5em 10em;}
.sbanner .banner_text_w3layouts h3{text-align: center;font-size:3.5em; line-height: 1em; font-weight: bold;}
.sbanner .banner_text_w3layouts p{text-align: center; font-size: 2em;}

.mainbody{}
.smenubar{width: 1200px; height: 94px; line-height: 94px; overflow: hidden; border-bottom: 1px solid #ececec;margin: 0 auto;}
.smenubar .subnav{float: left;}
.smenubar .subnav dt{float: left; height: 68px; line-height: 68px; font-size:24px; color: #333; font-weight: bold; margin-right: 40px;}
.smenubar .subnav dd{float: left; height: 68px; line-height: 68px; margin-right:40px;}
.smenubar .subnav dd a{display: block; height: 67px; line-height: 66px; overflow: hidden; font-size:16px; color: #666;}
.smenubar .subnav dd a:hover{color: #0087C9; border-bottom: 2px #0087C9 solid;}
.smenubar .subnav dd.curr a{color: #0087C9; border-bottom: 2px #0087C9 solid;}
.smenubar .position{float: left; color: #999; background: url(../images/ico.png) no-repeat left 49%; padding-left:20px;}
.smenubar .position a{color: #999;}
.smenubar .position a:hover{color: #0087C9;}
.smenubar .position a:last-child{color: #0087C9;}

/* about */
.about{}
.about_banner{background:url(../images/about_banner.jpg) center top no-repeat;}
.about_banner .banner_text_w3layouts{padding-top:250px;}
.about_banner .banner_text_w3layouts h3{ margin: 0; padding:10px 0; font-size:34px; border: none;}
.about_banner .banner_text_w3layouts p{font-size:20px;}
.about_page{}
.about_page .about_con .page_con{width:50%;height: 400px;overflow: hidden;padding:40px 40px;float: left;}
.about_page .about_con .page_con h2{height:60px;margin-bottom:40px;}
.about_page .about_con .page_con h2 p{height:35px;}
.about_page .about_con img{display: block;float: left;	transition: 0.5s all;-webkit-transition: 0.5s all;}
.about_page .about_con img:hover{transform: scale(1.1);}
.about_page1{ width: 100%;height: auto; overflow: hidden; padding:30px 0; background: #3c3f42;margin-top:70px;}
.about_page1 .about_con{width:150%; height:130px; overflow: hidden;}
.about_page1 li{width:140px;height:auto;overflow: hidden;float: left;margin-right: 200px;}
.about_page1 li .about_img{width: 60%;height: auto;overflow: hidden;margin: 0 auto;}
.about_page1 li .about_img img{	transition: 0.5s all;-webkit-transition: 0.5s all;}
.about_page1 li .about_img img:hover{transform: rotateY(360deg);}
.about_page1 li h4{text-align: center;margin-top: 15px;font-size:18px;}
.about_page1 li strong{color: #FFFFFF;font-weight: normal;}
.about_page1 li strong:hover{color: #0087C9;}
.about_page1 li p{color: #FFFFFF;}
.move{margin-top: 70px;}
/* news */
.news{}
.news .w3ls-section{padding: 0;}
.news_banner{background:url(../images/news_banner.jpg) center no-repeat;}
.news_banner .banner_text_w3layouts{padding-top:250px;}
.news_banner .banner_text_w3layouts h3{ margin: 0; padding:10px 0; font-size:34px; border: none;}
.news_banner .banner_text_w3layouts p{font-size:20px;}

.news .news_list{width: 100%; height: auto; overflow: hidden;margin-bottom: 70px;}
.news .news_list li{width:100%; height: auto; overflow: hidden; float: left; text-align: left; margin-right: 50px;}
.news .news_list li a{width: 100%; height: auto; overflow:hidden; display: block; border-bottom:1px solid #e5e5e5; padding: 20px 0;}
.news .news_list li a img{float: left;}
.news .news_list li a strong{float: left; font-size: 24px; color: #333;margin:0 30px 0 70px;float: left;display: block;}
.news .news_list li a strong em{display: block;font-weight: normal; font-style: normal; color: #333;font-size: 18px;}
.news .news_list li a .list_con{ width:70%; margin-left:0px; position: relative;margin-top:7px; float: right; }
.news .news_list li a h3{font-size:24px; color: #454545; height:30px; overflow: hidden; display: block;text-overflow: ellipsis;  white-space: nowrap; font-weight: bold; }
.news .news_list li a p{ font-size: 16px; color: #999999; margin-top: 26px; height:60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news .news_list li a span{ font-size: 14px;color: #1ebbce; padding-bottom: 15px; background: url(../images/more.png) no-repeat center bottom;}
.news .news_list li a:hover{background: #f6f6f6;}
.news .news_list li a:hover h3{color: #0087C9;}

/* good */
.good{}
.good_banner{background:url(../images/good_banner.jpg)no-repeat center ;}
.good_banner .banner_text_w3layouts{padding-top:250px;}
.good_banner .banner_text_w3layouts h3{ margin: 0; padding:10px 0; font-size:34px; border: none;}
.good_banner .banner_text_w3layouts p{font-size:20px;}
.good li{width: 100%;height:500px;overflow:hidden;}
.good li .li_con{width: 450px;height:310px;overflow: hidden;margin:70px 0 0 70px;}
.good li .li_con h3{ width:100%;font-size: 24px; text-align: center; font-weight:bold;color: #333333;margin:0 0 45px 0;}
.good li .li_con p{font-size: 16px;color: #333333;line-height: 32px;}
.good li .li_con img {display: block;margin-left: 30px;}
.good .good_li{background:url(../images/good_conbg.png) no-repeat center center;}
.good .good_li .li_con{float: right;margin-right: 300px;}
.good .good_li1{background:url(../images/good_conbg1.jpg) no-repeat center center;}
.good .good_li1 .li_con{margin-left: 300px;}
.good .good_li2{background:url(../images/good_conbg2.jpg) no-repeat center center;}
.good .good_li2 .li_con{float: right;margin-right: 300px;}
.good .good_li3{background:url(../images/good_conbg3.jpg) no-repeat top center;}
.good .good_li3 .li_con{margin-left: 300px;}
/* service */
/* service_banner */
.service_tit h3{font-size: 24px;color: #333333;font-weight: bold;text-align: center;margin-bottom: 70px;}
.service_banner{background:url(../images/server_banner.jpg) center center no-repeat;}
.service_banner .banner_text_w3layouts{padding-top:250px;}
.service_banner .banner_text_w3layouts h3{ margin: 0; padding:10px 0; font-size:34px; border: none;}
.service_banner .banner_text_w3layouts p{font-size:20px;}
/* service_page1 */
.service_yd{}
.service_yd .service_tit h3{margin-bottom: 0px;}
.service_yd .service_con{width: 110%;}
.service_yd li{width: 386px;height:auto; overflow: hidden; padding:34px 30px; margin-right: 20px;float: left;margin-top:70px;
		transition: 0.5s all;
		-webkit-transition: 0.5s all;}
.service_yd li:hover{margin-top: 55px;  box-shadow: darkgrey 5px 5px 20px 5px ;}
.service_yd li img{display: block;margin: 0 auto;}
.service_yd li h2{font-size: 18px;color: #fff;text-align: center;font-weight:bold ;margin: 30px 0 15px 0;}
.service_yd li p{font-size: 14px;color: #fff;line-height:20px;}
.li_color{background-color: #56a5c1;}
.li_color1{background-color: #1fd8e3;}
.li_color2{background-color: #34bfa3;}
/* service_page2 */
.service_js{ width: 100%; height: 500px; background: url(../images/server_bg.jpg) no-repeat center center;}
.service_js .service_con{margin-top:30px;}
.service_js .service_tit h3{color: #fff;}
.service_js li{width:25%;height: auto;overflow: hidden;float: left;margin-top: 30px;padding: 0 70px;}
.service_js li h3{font-size: 16px;color:#fff;font-weight: bold;margin-bottom: 20px;letter-spacing: 2px;}
.service_js li p{font-size: 14px;color: #fff;letter-spacing: 1px;}
.service_js a:hover p{color: #54c3f1;}
/* service_page3 */
.service_sj{}
.service_sj .service_con ul{width: 100%;height: 406px;overflow: hidden;background: url(../images/server_conbg.jpg) no-repeat center center;}
.service_sj li{width: 400px;height:203px;padding: 51px 0; float: left;
	transition: 1s all;
	-webkit-transition: 1s all;
}
.service_sj li:hover{ background:rgba(0,0,0,0.1);}
.service_sj li img{display: block;margin: 0 auto;}
.service_sj li p{font-size: 20px;color: #fff;text-align: center;}
/* service_page4 */
.service_ch{width: 100%;height: 500px;background:url(../images/server_conbg1.jpg) no-repeat center center;}
.service_ch .service_con{width: 110%;overflow: hidden;}
.service_ch .service_tit h3{color: #fff;}
.service_ch li{width:285px; height: 300px;overflow: hidden; margin-right: 20px;float: left;  }
.service_ch li a{width:285px;height: 300px; overflow: hidden; background:rgba(255,255,255,0.2);display: block; padding:50px 0;
	transition: 1s all;
	-webkit-transition: 1s all;
	-moz-transition: 1s all;
	-o-transition: 1s all;
	-ms-transition: 1s all;
}
.service_ch li h3{font-size: 18px;font-weight: bold;text-align: center;margin-bottom:54px;}
.service_ch li img{display: block;margin: 0 auto;	}
.font_color{color: #33ccff;}
.font_color1{color: #ff6699;}
.font_color2{color: #ff9933;}
.font_color3{color: #33cc99;}
.service_ch a:hover{transform: rotateY(360deg);}
/* Case*/
.case{}
.case_banner{background:url(../images/case_banner.jpg) center no-repeat;}
.case_banner .banner_text_w3layouts{padding-top:250px;}
.case_banner .banner_text_w3layouts h3{ margin: 0; padding:10px 0; font-size:34px; border: none;}
.case_banner .banner_text_w3layouts p{font-size:20px;}
.case .case_list{width: 105%; height: auto; overflow: hidden;}
.case .case_list li{float: left; height: auto; overflow: hidden; margin:0 40px 30px 0; position: relative;}
.case .case_list li a{width: 590px; height: 320px; display: block; overflow: hidden; background: #000;}
.case .case_list li img{width:  590px; height: 320px; display: block; opacity:0.6;
	transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;}
.case .case_list li a p{width: 100%; position:absolute; z-index: 10; left:0; text-align: center; top: 48%; color: #fff; opacity: 0; font-size: 18px;
	transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
	}
.case .case_list li a:hover img{opacity: 1; transform: scale(1.3);}
.case .case_list li a:hover p{opacity: 1;}

/* partner */
.partner{}
.partner_banner{background:url(../images/partner_banner.jpg) center no-repeat;}
.partner .partner_list{width: 105%; height: auto; overflow: hidden;}
.partner .partner_list li{float: left; text-align: center; margin:30px 25px 0 0;}
.partner .partner_list li a{display: block; height: auto; overflow: hidden; border: 1px #f5f5f5 solid;}
.partner .partner_list li a img{
	transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;}
.partner .partner_list li a:hover{border-color: #666;}
.partner .partner_list li a:hover img{transform: scale(1.3);}
/* neiye */
.snew{}
.snew .smenubar{width: 980px;margin: 0 auto;background: #F7F7F7;}
.new_xq{background: #F7F7F7;}
.new_xq .xq_con{width: 980px;height: auto;overflow: hidden;padding:20px 80px 60px 80px;background: #FFFFFF;margin: 0 auto;}
.xq_con .xq_tit{width: 100%;height: 98px;overflow: hidden;}
.xq_con .xq_tit h3{font-size: 24px;color: #333333;text-align: center;}
.xq_con .xq_tit p{font-style: normal;text-align: center;margin-top: 15px;}
.xq_con .xq_img{width: auto;height: auto;margin: 0 auto;}
.xq_con .xq_img img{display: block;margin: 0 auto 30px auto;}
.xq_con .xq_text p{color: #333333;font-size: 16px;}
.xq_con .xq_nav{width: 100%;height:60px;border-top: 1px #ececec solid;margin-top:30px;padding-top: 20px;}
.xq_con .xq_nav a{width: 30%;height: 30px;line-height: 30px;color: #9999;font-size: 14px;}
.xq_con .xq_nav a:hover{color: #0087C9;}
.fl{float: left;}
.fr{float: right;text-align: right;}