html {
  font-size: 62.5%;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
    /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
  font-family:verdana,geneva,sans-serif;
  font-size: 14px;
  line-height: 1.6;
  color: #333;
  background-color: #fff;
  padding:0;
	margin:0;
	position:relative;
}

input,label,p,ul,
button,
select,
textarea {
  font-family:verdana,geneva,sans-serif;
  font-size: 14px;
  line-height: 1.6;
  color: #333;
}
a {
  color:#015a9c;
  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;
}
a:hover,
a:focus {
  color: #a41016;
  text-decoration: none;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

/*
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;
}
a:hover{
 text-decoration:none;
}*/
input[type="button"],input[type="submit"],.port-grid ,.text p,.text h3{
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
h1,h2,h3,h4,h5,h6{
	font-family:verdana,geneva,sans-serif;
  	color: #333;
	margin:0;			   
}	
p,label{
	margin:0;
}
ul{
	margin:0;
	padding:0;
}

/*-----start-header----*/
.box {
    width:100%;
    background:#fff;
    border-radius:2px;
	border-bottom:3px solid #a41016;
}

/*------
.css3-shadow{
    position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);
}
.css3-shadow:after{
   content: "";
}-------*/
.logo{
  float: left;
  width: 25.5%;
  margin-top: 1.2em;
}


/* start h_menu */
.top-header {
	margin-top: 1.5em;
}
nav.top-nav {
	float: left;
}
.h_menu4{
	float:right;
	
}
.t-Menu {
	margin-left:200px;
    display: none;
	background:#a41016;
	width: 100%;
	color: #FFF;
	font-size: 1.5em;
}

.nav {
	list-style: none;
	padding: 0 1em;
	}
.nav ul {
    list-style: none;
	width: 18em;
	border:none;
	z-index:888;
}
.nav li a {
	display: block;
	padding: 29.5px 23px;
	color: #373737;
	font-size: 1.1em;
	text-transform: capitalize;
	font-weight: 400;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	text-decoration: none;
	border-top: 4px solid #fff;
}
.nav li a:hover {
	color:#fff;

}

.nav li {
    position: relative;
}
.nav li.active{
	
}
.nav > li {
    float:left;
    
}
.nav > li > a:hover{
 color: #a41016;
 background: -moz-linear-gradient(top,  rgba(225,225,225,0.6) 0%, rgba(225,225,225,0.6) 35%, rgba(225,225,225,0.56) 46%, rgba(225,225,225,0.48) 54%, rgba(225,225,225,0.2) 72%, rgba(225,225,225,0.09) 81%, rgba(225,225,225,0.04) 86%, rgba(225,225,225,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(225,225,225,0.6)), color-stop(35%,rgba(225,225,225,0.6)), color-stop(46%,rgba(225,225,225,0.56)), color-stop(54%,rgba(225,225,225,0.48)), color-stop(72%,rgba(225,225,225,0.2)), color-stop(81%,rgba(225,225,225,0.09)), color-stop(86%,rgba(225,225,225,0.04)), color-stop(100%,rgba(225,225,225,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(225,225,225,0.6) 0%,rgba(225,225,225,0.6) 35%,rgba(225,225,225,0.56) 46%,rgba(225,225,225,0.48) 54%,rgba(225,225,225,0.2) 72%,rgba(225,225,225,0.09) 81%,rgba(225,225,225,0.04) 86%,rgba(225,225,225,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(225,225,225,0.6) 0%,rgba(225,225,225,0.6) 35%,rgba(225,225,225,0.56) 46%,rgba(225,225,225,0.48) 54%,rgba(225,225,225,0.2) 72%,rgba(225,225,225,0.09) 81%,rgba(225,225,225,0.04) 86%,rgba(225,225,225,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(225,225,225,0.6) 0%,rgba(225,225,225,0.6) 35%,rgba(225,225,225,0.56) 46%,rgba(225,225,225,0.48) 54%,rgba(225,225,225,0.2) 72%,rgba(225,225,225,0.09) 81%,rgba(225,225,225,0.04) 86%,rgba(225,225,225,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(225,225,225,0.6) 0%,rgba(225,225,225,0.6) 35%,rgba(225,225,225,0.56) 46%,rgba(225,225,225,0.48) 54%,rgba(225,225,225,0.2) 72%,rgba(225,225,225,0.09) 81%,rgba(225,225,225,0.04) 86%,rgba(225,225,225,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99e1e1e1', endColorstr='#00e1e1e1',GradientType=0 ); /* IE6-9 */
border-top: 4px solid #a41016;
}

.nav > li.hover > ul {
    left:0px;
    top:80px;
}
.nav li li.hover ul {
    left: 100%;
   -webkit-transition: background .2s linear;
	-moz-transition: background .2s linear;
	-ms-transition: background .2s linear;
	-o-transition:  background .2s linear;
	transition: background .2s linear;
}
.nav > li > li > a{
	font-size: 0.85em;
	padding: 10px 20px;
	display: block;
	color: #a41016;
	background: #fff;
	position: relative;
	z-index: 9999;
	font-weight: normal;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	width: 100%;
	text-decoration: none;
	margin: 0;
	borde:none;
	text-transform: lowercase;
}
.nav li li {
	border-top:none;
}
.nav li li:hover{
	border-top:none;
}
.nav li li a{
	text-transform: capitalize;
	font-size:1em;
	padding: 0.8em;
	color:#313131;
	 border-top:none;
	  border-bottom: 2px ridge rgba(245, 245, 245, 0.13);
}
.nav li li a:hover{
	color:#a41016;
	padding: 0.8em;
	background:#fff;
}
.nav > li >  ul {
    position: absolute;
    left: -9999px;
    padding: 0;
    z-index: 9999;
    background:#F4F4F4;
	padding:0em 0;
	border-top: 4px solid #a41016;
}
a.toggleMenu {
  display: none;
}
/***** Media Quries *****/
	@media screen and (max-width: 800px) {
		.logo{
		text-align:center;
		float:none;
		margin-top:0.5em;
		margin-right: 0em;
		}
		.h_logo4{
			text-align:center;
			float: none;
			margin: 4% 0;
		}
		.h_menu4{
			float: none;
		}
		.t-Menu {
			padding: 5px 23px;
			width: 100%;
			display:block;
		}
		 a.t-Menu{
			padding: 5px 23px;
			color: #fff;	
			font-size: 19px;
			font-weight: 400;
			text-decoration:none;
		}
		.nav {
			margin-top: 0;
		}
		.nav li a {
			padding: 10px 15px;
		}
		.nav {
			background:#fff;
		}
		.active {
			display: block;
		}
		.nav > li {
			float: none;
		}
		.nav > li > .parent {
			background-position: 95% 50% !important;
		}
	   .nav ul {
			display: block;
			width: 100%;
		}
	   .nav > li.hover > ul , .nav li li.hover ul {
			position: static;
		}
		.header_bottom_right {
			float: right;
			width: 77%;
			text-align: center;
		}
		.h_menu4 {
		  float: none;
		  width: 100%;
			margin: 0.3em 0 0 0;
		}
		.social_icons {
	  float: right;
	  margin-top: 2em;
	  display: none;
	}
	}
/**************/
.logo a{
	display:block;
}
.social_icons{
	float:right;
	  margin-top: 2em;
}
.social_icons i {
  width:26px;
  height:26px;
  background: url('../images/s-icons.png') no-repeat 0px 0px;
  display: inline-block;
}
.social_icons  li {
list-style:none;
display:inline-block;
}
i.facebook {
  background-position: -241px -5px;
}
i.facebook:hover {
  background-position: -241px -44px;
}
i.twitter{
  background-position: -267px -5px;
}
i.twitter{
  background-position: -267px -44px;
}
i.rss{
  background-position: -293px -5px;
}
i.rss:hover{
  background-position: -293px -44px;
}

i.viemo{
  background-position: -318px -5px;
}
i.viemo:hover{
  background-position: -318px -44px;
}
i.youtube{
  background-position: -341px -5px;
}
i.youtube:hover{
  background-position: -341px -44px;
}
i.linkedin{
  background-position: -368px -5px;
}
i.linkedin:hover{
  background-position: -368px -44px;
}
.slider {
	position: relative;
	text-align: center;
	
}
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }
.rslides h3{
	color: #fff;
  font-size: 3.5em;
  width: 73%;
  margin: 6em auto 0;
  font-weight: 400;
  text-transform:uppercase;
    line-height: 1.2em;
}
.rslides h3 span {
  color: #d6ff00;
}
.rslides p{
  color: #fff;
  font-size: 2.2em;
  font-weight: 300;
  text-align: center;
}
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }
.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }
.callbacks_tabs a:after {
	content: "\f111";
	font-size: 0;
	font-family: FontAwesome;
	visibility: visible;
	display: block;
	width: 51px;
	height: 27px;
	display: inline-block;
	border:1px solid #fff;
	background:#fff;
}
.callbacks_here a:after{
	border: 1px solid #F7F0F0;
	background:#EC5844;
}
.callbacks_tabs a{
	visibility:hidden;
}
.callbacks_tabs li{
	display:inline-block;
}
ul.callbacks_tabs.callbacks1_tabs {
position:absolute;
	bottom: 7.3%;
	z-index: 999;
	left: -76%;
	display: block;
}
.callbacks_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 73%;
	left: 15%;
  opacity: 0.7;
  z-index: 3;
  background: transparent url("../images/gif.png") no-repeat 0px 0px;
  margin-top: -45px;
  display:none;
  }
.callbacks_nav.next {
  left: auto;
  background-position: right top;
  right: 15%;
 }
/*--- slider---*/
.slider-bg {
  background:url("../images/banner1.jpg") no-repeat 0px 0px;
  background-position:center;
  background-size: cover;
  -webkit-background-size: cover;
  -o- background-size: cover;
  -moz- background-size: cover;
  min-height: 520px;
}
.left-grid-1 {
  margin-top:2em;
  float:left;
}
.right-grid-1 {
   float:right;
}
.left-grid-1 h1,.left-grid-1 h2,.left-grid-1 h3 {
  color: #fff;
  background:#EC5844;
   padding: 0.2em 0.2em;
  width: 71%;
  font-size: 4em;
   border-bottom: 1px solid #fff;
  font-family: 'Oswald', sans-serif;
}
.left-grid-1 h2{
	width: 60%;
	font-size: 4em;
	border:none;
}
.left-grid-1 h3 {
    border-top: 1px solid #fff;
	 border-bottom:none;
}
/*---service-section----*/
.service-section {
   padding: 5em 0em;
}
.services-section-grid,.services-section-grid.lost {
  background:url(../images/ser-bg.png)no-repeat 0px 0px;
  padding: 0;
}
.services-section-grid.lost {
margin:0;
}
.service-icon {
  float: left;
  width: 18%;
  margin-right:2%;
}
.service-icon-heading {
  float: left;
  width: 80%;
  padding: 1em 1em;
}
.services-section-grid p {
  color: #999;
  font-size: 0.9em;
  line-height: 1.6em;
  font-weight: 400;
}
.service-icon-heading h4 {
  color:#565252;
  font-size: 1.2em;
  font-weight: 600;
  font-family: 'Oswald', sans-serif;
  text-transform: uppercase;  padding: 0.5em  0;
}
i.rocket {
  width: 67px;
    height: 123px;
  background: url('./images/s-icons.png') no-repeat 18px 43px #EC5844;
  display: inline-block;
}
i.plan {
   width: 67px;
    height: 123px;
  background: url('../images/s-icons.png') no-repeat -66px 43px #EC5844;
  display: inline-block;
}
i.book {
    width: 67px;
    height: 123px;
  background: url('../images/s-icons.png') no-repeat -144px 43px #EC5844;
  display: inline-block;
}
i.arrow{
  width: 67px;
    height: 123px;
  background: url('../images/s-icons.png') no-repeat 22px -74px #EC5844;
  display: inline-block;
}
i.download {
   width: 67px;
    height: 123px;
  background: url('../images/s-icons.png') no-repeat -64px -69px #EC5844;
  display: inline-block;
}
i.cloud {
    width: 67px;
   height: 123px;
   background: url('../images/s-icons.png') no-repeat -142px -69px #EC5844;
  display: inline-block;
}
.serve-grids.two {
  margin-top: 1.4em;
}
/*----mid-section----*/
.mid-section {
   padding: 4em 0;
  border-top: double #ddd;
  border-bottom: double #ddd;
}
.mid-top {
  background: #eee;
  padding: 3em 1em;
  border: 1px solid #ddd;
  border-left:5px solid #EC5844;
}
.mid-text  h3 {
  text-transform: uppercase;
  font-size: 1.15em;
  font-weight: 600;
  margin-bottom: 0.7em;
}
.mid-text p {
  color: #999;
  font-size: 0.95em;
}
.mid-text{
float:left;
}
.mid-button{
 margin-top:1em;
 padding: 0;
 float:right;
}
.mid-button a {
  padding: 1em 1em 1em 3em;
  color: #fff;
  font-size: 1.2em;
  font-weight: 600;
  text-decoration: none;
  -webkit-appearance: none;
  border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
  -o-border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  background: url(../images/windows.png) no-repeat 11px 14px #EC5844;
    box-shadow: inset 0px -2px 11px #AB0F0F;
	-webkit-box-shadow: inset 0px -2px 11px #AB0F0F;
	-o-box-shadow: inset 0px -2px 11px #AB0F0F;
	-moz-box-shadow: inset 0px -2px 11px #AB0F0F;
}
.mid-button a:hover{
  opacity: 0.8;
}
h4.stories span a{
display:block;
}
/*---portfolio-section-------*/
.port-section {
  padding: 20px 0;
  position:relative;
  color:#333;
}
.topname{
	padding: 1em 0 2em 0;
	text-align: center;
	font-size: 1.1em;
  	font-weight: 900;
}
.topline{
	height:4px;
	width:120px;
	background-color:#a41016;
	display: inline-block;
}

.port-grid {
  background: #f3f3f3;   /* eee f9f9f9*/
  width: 32%;
  float: left;
  margin-right: 1.0%;
  padding: 1em 1em;
    position: relative;
}
.port-grid.lost{
   margin-right:0%;
}
.port-grid:hover   {
 background:#51a0e2;     /* application  f9f9f9*/
}


.port-grid2 {   /* 无背景颜色*/
  width: 32%;
  float: left;
  margin-right: 1.0%;
  margin-bottom: 1.8%;
  position: relative;
}
.port-grid4 {   /* 无背景颜色*/
  width: 200px;
  float: left;
  margin-right: 1.0%;
  margin-bottom: 1.8%;
  position: relative;
}
.port-grid5 {   /* 无背景颜色*/
  width: 250px;
  float: left;
  margin-right: 1.0%;
  margin-bottom: 1.8%;
  position: relative;
}
.pictxt2{
	padding-top:3px;
}
.emergetext{
	height:44px;
	width: 100%;
	background:#065692;
	opacity:0.5;
    filter:alpha(opacity=60); /* IE8 及其更早版本 */
	
	margin-top:-44px;
	position:absolute; 
  	bottom:0px; 
  	left:0px; 
  	display:block;
}
.emergetext2{
	height:44px;
	width: 100%;
	
	margin-top:-44px;
	position:absolute; 
  	bottom:0px; 
  	left:0px; 
  	display:block;
}
.emergetext2 h3{
	margin-top:8px;
	margin-left:15px;
	color:#FFF;
	font-size:18px;

}


/* Why Choose AOKAI本 */
.port-grid3 {
  width: 32.3%;
  height:190px;
  float: left;
  margin-right: 1.0%;
  margin-bottom: 1.8%;
  position: relative;
  text-align:center;
}
.index_content{
	width: 100%;
	margin-top: 10px;
	text-align: center;
	font-size: 14px;
	line-height:22px;
}
.text1{
	font-weight: bold;
	margin-top:5px;
	margin-bottom:3px;
	
}
/* --------------------------about------------------------*/
.aboutak > div{
	padding:10px 0;
}
.aboutak > div > h3{
	margin-bottom:5px;
}
.aboutak > div > span{
	display:inline-block;
	margin-bottom:10px;
}
.pictxt{
	padding-top:3px;
	text-align: center;
}
.position{
	padding:10px 0 10px 0;
	margin-bottom:20px;
	background:#F7F7F7;
	border-bottom:1px solid #ebebeb;
	width:100%;
	height:42px;
}

/* -------------------------industry page------------------------*/
.industry{
	padding-bottom:30px;
}
.industry_pic{
  width: 500px;
  height:300px;
  float:left;
}
.industry_pic img{
  width: 100%;
  height:100%;
}
.industry_text{
	padding-left: 40px;
	padding-top: 10px;
	width: 580px;
	height: 300px;
	float:left;
}
.industry_text div{
	margin-top:20px;
}
.industry_text h3{
	font-size: 24px;
}
.industry_text ul{

	width:560px;
}
.industry_text ul li{

	margin-bottom:8px;
	width:280px;
	float:left;
	font-size: 15px;
	list-style:none;
}

/* --------------------------product-----------------------*/
.menuContent{
	float:left;
	margin-top:50px;
	margin-bottom:40px;
}
.menuContent a{
	color:#333;
}
.menuContent ul,.menuContent li {
    list-style:none;
}
 
.bMenuTitle {       
    width: 270px;
	border: 1px solid #e9e9e9;   /* 边框的颜色  */
	border-radius: 7px;
	margin-bottom:5px; 
	background: #F7F7F7;  /* 第一层菜单的背景色padding:8px 15px 8px 15px;    */
}  
.bMenuTitle > span {
    width: 270px;
    display: inline-block;
    line-height: 20px;
	padding:12px 15px 12px 15px;
    cursor: pointer;
}
.bMenuTitle > span:after
{
  content:"▼";
  color:#999;
  float:right;
  clear:both;
}

.oneLevelUl {       
    padding: 3px 0 3px 0; 
    display: none;
    background: #FFF; 
	overflow:hidden;
	border-radius: 0 0 7px 7px;
}
.oneLevelUl li {        
    padding:7px 15px 7px 30px;
	line-height: 20px;
	border-bottom:1px solid #F7F7F7;
	cursor: pointer;
} 
.oneLevelUl li:hover{        
    background: #d6eeff;

} 

.pro_content{
	float:right;
	width:850px;
}
.content_title{
	height:50px;
	
}

.proimg2 {
	display:block;
}

.proimage ul{
	list-style:none;
	overflow:hidden;
}
.proimage li{
	width:260px;
	height: 260px;
	margin:10px 10px;
	float:left;
	list-style:none;
	padding:10px 10px;
	background-color:#f3f3f3;
	
}

.picview{
	text-align:center;
	vertical-align: middle;
	position:relative;
	
}
.proimage li img{
	width:100%;
	height:100%;	
}
#typeid{
	display:none;
}

/* --------------------------prolist------------------------*/

.types{
	padding:30px 0;
  	border-bottom: double #ddd;
}
.types:last-child{
	border-bottom:none;
}
.prol_ind{
	height:36px;
}
.prol_ind h2{
	color:#015a9c;
}
.prolist {
  background: #f3f3f3;   /* eee f9f9f9*/
  width: 254px;
  float: left;
  padding: 15px 15px 8px 15px ;
  position: relative;
  margin:1% 1%;
  text-align:center;
}
.prolist.lost{
   margin-right:0%;
}
.prolist:hover   {
 background:#51a0e2;     /* application  f9f9f9*/
}

.prolisttext{
	min-height:40px;
	font-weight: bold;
	margin-top:5px;
	margin-bottom:3px;
	display: -webkit-box;             /*flex弹性布局*/
	-webkit-box-align: center;
	-webkit-box-pack: center;
}
.prolisttext h3{
	font-weight:400;
	line-height:22px;
	color:#333;
}
.prolist:hover h3  {
 color:#FFF; 
}
/* --------------------------contact------------------------*/
.contactprdcbox p{
	color:#FFF;
	
}
.contactprdc{
	margin-top:50px;
	background: url(../images/banner401_02.jpg) no-repeat bottom ;
	background-size: cover;
}
.tellme{
	width:400px;
	margin-top:80px;
	margin-left:60px;
	font-size:15px;
	color:#eeeeee;
	float:left;
}

.tellme .p1{
	font-size: 20px;
	font-weight: bold;
}

.tellme .p3{
	margin-top:50px;
	
}

.inquote{
	width:401px;
	margin:40px 10px 40px 150px;
	font-size:15px;
	color:#eeeeee;
	font-weight: bold;
	float:left;
}

.inquote p{
	margin-top:15px;
	margin-bottom:5px;
}
.quote2 input{
	color:#000;
}
.quote2 textarea{
	padding: 4px;
    border: solid 1px #E5E5E5;
	outline: 0;
	font: normal 13px/100% Verdana, Tahoma, sans-serif;
	width: 400px;
	height:100px;
	background:#eeeeee;
	color:#000;
	border-radius:5px;
	box-shadow:-0.5px px 6px #aaaaaa  inset;
    -moz-box-shadow:-0.5px 1px 6px #aaaaaa inset;
    -webkit-box-shadow: -0.5px 1px 6px #aaaaaa inset;    
}


.quote2 textarea:hover, textarea:focus { 
	border-color: #C9C9C9; 
	border: solid 1px #d83a40;
}


.cent .coolbg{
	margin-top:30px;

	outline:none;
	border: solid 1px #999;
	background:#015a9c;
	width:120px;
	height:35px;
	color:#FFF;
	font-size:15px;
	font-weight:500;
	text-align:center;
	
	
}
.cent .coolbg:hover{
	border: solid 1px #bababa;
	cursor:pointer;
	background:#0170bd;
}

.cent{
	width: 400px;
	text-align:center;
	
}

.a-upload  input {
    padding: 4px;
    border: solid 1px #E5E5E5;
    outline: 0;
    font: normal 13px/100% Verdana, Tahoma, sans-serif;
    width: 400px;
	height:30px;
	background:#eeeeee;
	border-radius:5px;
    box-shadow:-0.5px 1px 6px #aaaaaa  inset;
    -moz-box-shadow:-0.5px 1px 6px #aaaaaa inset;
    -webkit-box-shadow: -0.5px 1px 6px #aaaaaa inset;    
	
}


.a-upload input:hover, input:focus { 
	border-color: #C9C9C9; 
	border: solid 1px #d83a40;  /*#FF9900 */
}





.box_type {
 background: #EC5844;
  padding: 5px 21px;
  position: absolute;
  bottom: 146px;
  color: #fff;
  left: 14px;
  font-size: 0.85em;
}
.box-hover {
    position: absolute;
  bottom: 141px;
  right: 13px;
}
ul.port-icons li {
  list-style: none;
  display: inline-block;
}
ul.port-icons  li  i.per{
width: 27px;
  height: 27px;
  display: inline-block;
  background: url("../images/s-icons.png")-243px -83px no-repeat #EC5844;
}
ul.port-icons  li  i.loca{
	width: 27px;
  height: 27px;display:inline-block;
	background:url("../images/s-icons.png")-277px -83px no-repeat #EC5844;
}
.text  a  h3{
  color:#333;
  font-size: 1.2em;
  font-weight: 600;
  text-transform: uppercase;
  margin-top: 1em;
  padding: 0em 0 0.8em 0;
  border-bottom: 2px ridge rgba(212, 212, 212, 0.08);
}
.text p{
font-size:0.95em;
color:#999;
line-height:1.8em;
margin:0.5em 0;
}
.port-grid :hover  .text ,.port-grid.lost:hover .text,.port-grid.lost:hover .text h3,.port-grid:hover .text h3{
 color:#fff;
}
.port-grid:hover .text p {
  color: #fff;
}
.port-grid:hover .text h3 {
  border-bottom: 1px solid #fff;
}
/*----mid-section----*/
.bottom-section {
   padding: 4em 0;
  border-top: double #ddd;
  border-bottom: double #ddd;
}
.bottom-top {
  height:120px;
  background: #eee;
  border: 1px solid #ddd;
  border-left:5px solid #a41016;
  overflow:hidden;
}
.bottom-text p {
  color: #333;
  font-size: 16px;
  font-weight: 400;
  line-height:30px;
}
.bottom-text{
	margin: 30px 20px;
	width:70%;
	float:left;
}
.story{
	float:right;
	width: 185px;
}
.story span {
  height: 120px;
  position: absolute;
  width: 185px;
  background: #a41016;
  display: block;
  line-height: 1em;
  text-transform: uppercase;
  padding-top:42px;
  padding-left:90px;
}
.story span:before {
content: '';
  position: absolute;
  top: 14%;
  left: -20%;
  width: 0;
  height: 0;
  border-right: 180px solid #eee;
  border-top: 110px solid transparent;
  transform: rotate(-269deg);
  -webkit-transform: rotate(-269deg);
  -0- transform: rotate(-269deg);
  -moz- transform: rotate(-269deg);
  
}


/*----footer--------*/
.footer-section {
  padding:1em 0;
  background: #373737;

}
.footer-section p,.footer-section li {
  color:#CCC;
}
.footer-grids{
 padding:1em 0;
}

.footer-grid{
  font-size: 0.95em;
  line-height: 1.8em;
  color:#d4d4d4; 
}

.footer1{
	width:260px;
	float:left;
	position: relative;
	  min-height: 1px;
	margin-right:30px ;
}

.footer2{
	width:400px;
	float:left;
	position: relative;
	  min-height: 1px;
	margin:0 30px 0 60px ;
}
.footer2 a {
	text-decoration: none;
	color: #FFF;
}
.footer2 a:hover,
.footer2 a:focus {
  color: #d83a40;
  text-decoration: none;
}


.footer2 img{
	margin-top:10px;
}


.footer3{
	width:270px;
	float:left;
	position: relative;
	min-height: 1px;
	margin-left:30px;
}

.footer3 ul{
	list-style:none;
	width:300px;
	overflow:hidden;
	font-size: 0.95em;
	  line-height: 1.8em;
}

.footer3 li{
	width:150px;
	float:left;
	
	
}
.footer3 li a{
	color:#CCC;
}
.footer3 li a:hover,
.footer3 li a:focus {
  color: #d83a40;
  text-decoration: none;
}
.footer-grids h4 {
  font-size: 1.25em;
  text-transform: uppercase;
  font-weight: 700;
  color: #fff;
}
.border2 {
	border-bottom:2px solid #666;;
  padding: 0.5em 0 0.5em 0;
  width: 150px;
  margin-bottom: 1.3em;
}



/* --------------------------contact------------------------*/
.contact-informations{
	list-style:none;
}
.contactleft{
	float:left;
	width: 300px;
	padding-top:30px;
}

.contactleft .widget{
	width: 100%;
	margin-top:10px;
	margin-bottom:20px;
	
}
.widget2 > div{
	margin-top:10px;
	
}
.contactleft .widget2 .hours{
	float: right;
	margin-right:60px;
}

.quote2 input{
	width: 300px; 
	vertical-align: middle; 
	height: 35px;
}

.contactright .quote1{
	width: 700px;	
	margin-bottom:40px;
	text-align: center;
	font-size: 15px;
	color: #333;
}

.contactright{
	float:left;
	width: 750px;
	margin-left:30px;
}

.quotebtn{
	text-align: center;
}

.quotebtn input{
	text-align: center;
	height: 35px;
}

.contactmid{
	float:left;
	width:20px;
	height:400px;
	margin-top:60px;
	margin-left:30px;
	background: url(../images/line.png)  left no-repeat ;
	
}

.getquote{
	text-align: center;
	margin-top: 30px;
	font-size: 24px;
	color: #000;
}

.getquote2{
	margin-top:20px;
	margin-bottom:40px;
	text-align: center;
	font-size: 15px;
	color: #333;

}
.quote2 table{
	margin-left:60px;
	width: 600px; 
}

.quote2 table td{
	height: 50px;
	vertical-align: middle;
}
/*----copyright-------*/
.copyright{
  padding: 1em 0;
	background:#232323;
}
p.write {
  float: right;
  color:#999;
  font-size:0.98em;
  margin-top: 4px;
  margin-left:8px;
}

.logo2 {
  float: left;
  


}
/*----top-move------*/
#toTop {
  display: none;
  text-decoration: none;
  position: fixed;
  bottom: 10px;
  right: 10px;
  overflow: hidden;
  width: 40px;
  height: 22px;
  border: none;
  text-indent: 100%;
  background: url(../images/move-top.png) no-repeat 0px 0px;
}
/*--Starts-Responsive--*/
@media screen and (min-width:1200px){
	

} 
 @media screen and (min-width: 960px) and (max-width: 1199px) {   /*2*/
	 
	.container {
    width: 970px;
  }
  .slider-bg {
	  background: url("../images/banner1.jpg") center;
	  background-size:cover;
	  padding: 6em 0 0 0;
	  min-height: 290px;
	}
	.tellme{
	width:350px;
	margin-top:80px;
	margin-left:30px;
	}
	.inquote{
		width:401px;
		margin:40px 10px 40px 70px;
	}
	
	 .industry_pic{
	  width: 300px;
	  height:300px;
	  float:left;
	}
	.industry_pic img{
	  width: 100%;
	  height:100%;
	  object-fit: cover;
	}
	.footer1{
	width:260px;
	float:left;
	position: relative;
	  min-height: 1px;
	margin-right:10px ;
	}
	
	.footer2{
		width:330px;
		float:left;
		position: relative;
		  min-height: 1px;
		margin:0 10px 0 40px ;
	}
	.footer3{
	width:270px;
	float:left;
	position: relative;
	min-height: 1px;
	margin-left:10px;
	}
	.productslist{
		padding-left:50px;	
	}
	
	.menuContent{
		display:none;
	}
	.pro_content {
		margin-right:40px;
		float: right;
		width: 850px;
	}
	.proimg2 {
		margin-left:50px;
		display:block;
	}
	
	.contactmid {
    width: 5px;
    height: 400px;
    margin-top: 60px;
    margin-left: 20px;
    background: url(../images/line.png) left no-repeat;
	}
	.contactright {
		width: 550px;
		margin-left: 20px;
	}
	.contactright .quote1 {
    	width: 540px;
	}
	.quote2 table {
		margin-left:60px;
		width: 430px;
	}
	
 
 }   
 @media screen and (min-width: 768px) and (max-width: 959px) {   /*3*/
 	.slider-bg {
	  background: url("../images/banner1.jpg") center;
	  background-size:cover;
	  padding: 6em 0 0 0;
	  min-height: 200px;
	}
	.port-section {
    	padding: 20px 0 20px 0;
	}
	.story {
    width: 165px;
	}
	.tellme{
	width:400px;
	margin-top:80px;
	margin-left:170px;
	}
  .inquote{
		width:401px;
		margin:40px 10px 40px 170px;
	}
	.footer1{
	width:260px;
	float:left;
	position: relative;
	  min-height: 1px;
	  margin-left:10px ;
	margin-right:10px ;
	}
	
	.footer2{
		width:330px;
		float:left;
		position: relative;
		  min-height: 1px;
		margin:0 10px 0 100px ;
	}
	.footer3{
	width:270px;
	float:left;
	position: relative;
	min-height: 1px;
	margin-left:10px;
	}
	
	 .industry_pic{
	  width: 500px;
	  height:300px;
	  margin-left: 100px;
	}
	.industry_text {
    	padding-left: 100px;
	}
 	.prolist {
    width: 220px;
	}
	
	.menuContent{
		display:none;
	}
	.pro_content {
		margin-right:10px;
		float: right;
		width: 700px;
	}
	.proimage li {
		width: 220px;
		height: 220px;
		margin: 5px 5px;
	}
	.widget2{
		width:100%;
		
		
	}
	.widget2 > div{
		float:left;	
		width: 49%;
	}
	.contactmid{
		display:none;
	}
	.contactleft{
	float:none;
	width: 100%;
	padding-top:10px;
}
	.contactleft .widget{
		width: 100%;
		margin-top:10px;
		margin-bottom:20px;
		text-align: center;
		
	}
	.contactright {
    float: none;
    width: 100%;
	margin-left:0;
	margin-top:60px;
	}

 }
 @media only screen and (min-width: 480px) and (max-width: 767px){ 
  } 
@media only screen and (max-width: 479px) {
	 }



@media (max-width:1440px){
		.logo{
	  float: left;
	  width: 25%;
	   margin-top: 1.35em;
	}
	
	
}

@media (max-width:1024px){
	.logo {
	  margin-right:0;
	  width:18%;
	 }
	 .nav li a {
	  display: block;
	  padding: 29.5px 22px;
	  }	
	
	 .text a h3 {
	   font-size: 1.03em;
	  }
	  .text p {
	  font-size: 0.93em;
	  line-height:1.6em;
	  }
}



@media (max-width:768px){   /*top*/
	.widget2 {
    width: 95%;
    margin-left: 5%;
	}
	.widget2 > div{
		float:left;	
		width: 49%;
	}
	.contactmid{
		display:none;
	}
	.contactleft{
	float:none;
	width: 100%;
	padding-top:10px;
}
	.contactleft .widget{
		width: 100%;
		margin-top:10px;
		margin-bottom:20px;
		text-align: center;
		
	}
	.contactright {
    float: none;
    width: 100%;
	margin-left:0;
	margin-top:60px;
	}
	.contactright .quote1 {
    width: 100%;
	}
	.quote2 table {
    margin: 0 5%;
    width: 90%;
	}

	.port-section {
    	padding: 20px 0 20px 0;
	}
	.story {
    	width: 165px;
	}

	 .bottom-text {
		float: left;
		width: 450px;
   		margin: 38px 20px;
	 }
	  .bottom-text p{
		font-size: 14px;
    	line-height: 20px;
	 }
	.footer1{
	width:240px;
	float:left;
	position: relative;
	  min-height: 1px;
	  margin-left:10px ;
	margin-right:10px ;
	}
	
	.footer2{
		width:300px;
		float:left;
		position: relative;
		  min-height: 1px;
		margin: 0 0 0 30px;
	}
	.footer3{
	width:270px;
	float:left;
	position: relative;
	min-height: 1px;
	margin-left:10px;
	}
	.tellme{
	width:400px;
	margin-top:50px;
	margin-left:90px;
	}
  .inquote{
		margin:40px 10px 40px 90px;
	}
	
	 .industry_pic{
	  margin-left: 40px;
	}
	.industry_text {
    	padding-left: 40px;
		width: 500px;
    	height:auto;
	}
	
	.slider-bg {
	  background: url("../images/banner1.jpg") center;
	  background-size:cover;
	  padding: 6em 0 0 0;
	  min-height: 280px;
	}
	.toggleMenu {
	   background:#d83a40;
	  text-align: center;
	  font-weight:600;
	  font-size: 1.6em;
	  color: #fff;
	  padding: 0.3em 0;
	  width: 100%;
	  text-transform:uppercase;
	  margin-top: 0.4em;
	}
	a.toggleMenu:hover,a.toggleMenu.active,a.toggleMenu:visited,a.toggleMenu:link{
	 text-decoration:none;
	   color: #fff!important;
	}
	.logo {
	  width: 100%;
	  margin-top: 1em;
	}
	.nav li a {
	  display: block;
	  padding: 22.5px 21px;
	  text-align: center;
	}
	
	.text a h3 {
	  font-size: 1em;
	}
	
	ul.callbacks_tabs.callbacks1_tabs {
	  position: absolute;
	  bottom: 2.3%;
	  z-index: 999;
	  left: -80%;
	  display: block;
	}
	 #slider img{
	  width:100%;
	 }
	.port-grid {
	  width: 32.2%;
	  float: left;
	  margin-right: 1.0%;
	}
	.port-grid.lost {
	  margin-right: 0%;
	  display: none;
	}
	.port-grid2 {
	  width: 32.2%;
	  float: left;
	  margin-right: 1.0%;
	}
	 .container {
	   width: 620px;
	}
	.text h3 {
	  font-size: 1em;
	}
	.port-grid:hover .box-hover {
	  bottom: 144px;
	  right: 14px;
	}
	.contact p {
	  font-size: 0.95em;
	  margin: 0 auto;
	  width: 94%;
	}
	.contact input[type="text"], .contact textarea {
	  padding: 0.8em 1em;
	  margin-top: 1em;
	  width:32%;
	  font-size: 15px;
	 }
	.contac form input[type="text"]:nth-child(2) {
	  margin: 0 0.7em;
	}
	.contact textarea {
	  padding: 0.8em 1em;
	  margin-top: 1em;
	  width:97%;
	  font-size: 15px;
	 height: 180px;
	}
	.contact-section,.portfolio-section {
	  padding: 2em 0;
	}
	p.sub {
	  margin-top: 0.5em;
	}
	.nav li a {
	  display: block;
	  padding: 10.5px 10px;
	  text-align: center;
	}
	.contact h3 {
	  font-size: 2em;
	  }
	  .emergetext2 h3 {
    font-size: 12px;
    line-height: 1.2;
	}
	.aboutak > div > .col-md-3{   /*about页*/
	    padding-right: 2px;
        padding-left: 2px;
	}
	.pro_content {
		float:none;
		width: 100%;
	}
	.menuContent{
		display:none;
	}
}
@media (max-width:640px){   /*zuixiao*/
.port-section {
    	padding: 10px 0 10px 0;
	}
	
	.emergetext2 h3 {
    font-size: 12px;
    line-height: 1.2;
	}
	.story {
    	width: 165px;
	}

	 .bottom-text {
		float: left;
		width: 348px;
		margin: 30px 20px;
	 }
	 .port-grid3 {
    	height: 220px;
	 }
	.footer1{
	  margin-left:100px ;
	}
	
	.footer2{
		margin: 40px 10px 40px 100px;
	}
	.footer3{
	margin-left:100px;
	}

  .inquote{
		width:401px;
		margin:40px 10px 40px 140px;
	}
	.aboutak > div > .col-md-3{   /*about页*/
	    padding-right: 2px;
        padding-left: 2px;
	}
	
	.contactleft {
		float:none;
		width: 100%;
		padding: 10px 0 20px 0;
	}
	.contactmid{
		display:none;
	}
	.contactright {
    float: none;
    width: 100%;
	margin-top: 20px;
	}
	.contactright .quote1 {
    	width: 100%;
	}
	.quote2 table {
		padding: 0 10%;
    	width: 80%;
	}
	
	
	.industry_pic {
		width: 100%;
		height: auto;
		float: none;
		margin-left: 0;
	}

	.industry_text {
		padding-left: 10px;
		width: 100%;
		height:auto;
		float: left;
}
	.slider-bg {
	  background: url("../images/banner1.jpg") center;
	  background-size:cover;
	  padding: 6em 0 0 0;
	  min-height: 200px;
	}
	.tellme{
	width:400px;
	margin-top:80px;
	margin-left:90px;
	}
  .inquote{
		width:401px;
		margin:40px 10px 40px 90px;
	}
	
	body, .container {
	  width:590px;
	}
	.port-grid {
	  width: 32%;
	  float: left;
	  margin-right: 5px;
	  margin-bottom: 5px;
	  padding: 8px 8px;
	}
	
	.port-grid.lost {
	  margin-right: 0%;
	  display:block;
	}

	.box_type {
	  padding: 5px 21px;
	  bottom: 127px;
	}
	.box-hover,.port-grid:hover .box-hover {
	  bottom: 123px;
	  right: 14px;
	}
	p.write {
	  font-size: 0.95em;
	 }
	ul.single-icons {
	  right: 0px;
	    top: 319px;
	}
	.contact p {
	  font-size: 0.95em;
	  margin: 0 auto;
	  width: 83%;
	}
	 .contact input[type="submit"] {
	  padding: 1em 3em;
	  font-size: 1em;
	  }
	
}
/*
@media (max-width:480px){
	.slider-bg {
	  background: url("../images/bg.jpg") no-repeat 0px 0px;
	  padding:3.5em 0 0 0;
		min-height: 224px;
	}
	.container {
	  width: 433px;
	}
	
	.port-grid {
	  width: 100%;
	  float: left;
	  margin-right: 0%;
	  margin-bottom: 0.5em;
	 }
	 .port-grid.lost {
	  margin-right: 0%;
	  display: none;
	}
	.left-img {
	  width: 100%;
	  margin: 0 0% 1% 0;
	}
		ul.blog-icons {
	  right: -1px;
	  top: 261px;
	}
	.logo2 {
	  float: none;
	  text-align: center;
	}
	p.write {
	  font-size: 0.95em;
	  float: none;
	  margin-top: 10px;
	    text-align: center;
	}
	.bottom-text h3 {
	  font-size: 1.15em;
	  overflow: hidden;
	  height: 29px;
	}
	.bottom-text p {
	  color: #999;
	  font-size: 0.95em;
	  overflow: hidden;
	  height: 37px;
	}
	
	 .bottom-section {
	  padding: 2em 0;
	  }
	  .port-section {
	  padding: 2.5em 0 3em 0;
	}
	
	.contact input[type="text"], .contact textarea {
	  padding: 0.6em 1em;
	  margin-top: 1em;
	  width: 32%;
	  font-size: 13px;
	}
	.contact textarea {
	  padding: 0.6em 1em;
	  margin-top: 1em;
	  width: 97%;
	  font-size: 13px;
	  height: 139px;
	  margin: 1.5em 0 1em;
	}
	
	.contact h3 {
	  font-size: 1.6em;
	 }
	  .flickr-grid {
	  float: left;
	  width: 25%;
	  margin: 0 0.1em .2em;
	}	
	a.read {
	margin-bottom: 1em;
	}
	.contact p {
	  font-size: 0.95em;
	  margin: 1em auto;
	  width: 100%;
	}
}
@media (max-width:320px){
	.container {
	  width: 300px;
	}
	
	.slider-bg {
	  background: url("../images/bg.jpg") no-repeat 0px 0px;
	  padding: 2.2em 0 0 0;
	  min-height: 153px;
	}
	
	.contact input[type="text"], .contact textarea {
	  padding: 0.6em 1em;
	  margin-top: 0.4em;
	  width: 100%;
	  font-size: 13px;
	}
	.contact textarea {
	  padding: 0.6em 1em;
	  margin-top: 0.71em;
	  width: 100%;
	  font-size: 13px;
	  height: 122px;
	}
	.contact input[type="submit"] {
	  padding: 1em 3em;
	  font-size: 0.9em;
	}
	p.test {
	  font-size: 0.87em;
	  }
	
	.bottom-top {
	  padding: 1em 1em;
	}
	  .bottom-text h3 {
	  font-size: 1.1em;
	  overflow: hidden;
	  height: 18px;
	}
	.content {
	  padding: 1em 0;
	}
	p.likes {
	  font-size: 0.9em;
	  }
	  .print-main a h3,.print-main  h3 {
	  font-size: 0.9em;
	}
	p.span {
	  color: #798184;
	  font-size: 1em;
	  }
		.footer-grid p, p.sub {
	  font-size: 0.9em;
	  }
	  .footer-grids h4 {
	  font-size: 1.15em;
	  }
	  .icon-text h5 {
	  font-size: 0.8em;
	  }
	  .mid-button a {
	  padding: 0.8em 1em 0.8em 3em;
	  font-size: 0.9em;
	  background: url(../images/windows.png) no-repeat 5px 4px #EC5844;
	}
	.contact h3 {
	  font-size: 1.2em;
	  }
	p.write {
	  font-size: 0.9em;
	  line-height: 1.6em;
	}
	.port-section {
	  padding: 2em 0 2em 0;
	}
	.border2 {
	   margin-bottom: 0.5em;
	}
	.bottom-text {
	  width: 74%;
	  padding: 0;
	  }
	
	.footer-grid {
	  padding: 0;
	    margin-bottom:2em;
	}
	
}*/