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

#wraper{width:980px; margin:auto; height:auto;}

#header{width:980px; height:155px; position:relative; }

#header .logo{width:331px; height:94px; margin-top:10px; float:left;}

#menu{width:980px; 
position:relative; 
height:40px; 
text-align:left; 
margin-top:10px;
background-image:url(../images/11.jpg);}
#menu ul
{
margin:0;
padding:0;
}
#menu ul li
{
list-style:none;
line-height:35px;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
display:inline;
margin-left:8px;
margin-right:8px;
}
#menu ul li a
{
color:#FFFFFF;
text-decoration:none;

}
#menu ul li a:hover
{
color:#2AC9F5;
text-decoration:none;

}
.social-link
	{float:right; margin-top:40px; }
.social-link a
	{float:right;text-decoration:none; list-style: none; }
.social-link a:hover
	{text-decoration:none; color:#ad0257;}


/*================ banner part ==============================*/
#banner{width:960px; height:351px; padding:10px; background-color:#fff; margin-top:10px; position:relative; -webkit-box-shadow: 0px 0px 8px rgba(50, 50, 50, 0.75); -moz-box-shadow:0px 0px 8px rgba(50, 50, 50, 0.75); box-shadow: 0px 0px 8px rgba(50, 50, 50, 0.75);}

#banner img
{
width:960px;
height:351px;

}
/*=============== finish banner part ============================*/

/*=============== banner part ===================================*/

.contain-part{width:980px; margin-top:20px; position:relative; padding-top:	0px;}
.scroller{
height:auto;
width: 961px;
background-color: #f2f2f2;
padding: 10px;

}
.scroller ul
{margin: 0;
padding: 0;
}
.scroller li
{list-style: none;
margin:7px;
}

.scroller li img
{
list-style: none;
height:115px;
width:130px;  
}

.product-section{width:249px; margin-right:55px; float:left;}
.product-section ul{margin:0; padding:0;}
.product-section ul li
{list-style:none; 
line-height:36px; 
font-family:Arial, Helvetica, sans-serif; 
font-size:14px; color:#707070; 
border-bottom-color:#999999; 
border-bottom-style:dotted; 
border-bottom-width:thin; 
display:block; 
text-transform:uppercase;
background-image: url(../images/arro.jpg);
background-repeat:no-repeat;
	background-position: 0px 15px;
	padding-left: 20px; }

.product-section ul li a{ color:#707070; text-decoration:none;}
.product-section ul li a:hover{color:#CCCCCC; text-decoration:none;margin-top:20px;}

.content-3
{width: 980px;

border-top: 5px solid #06326D;
padding-top: 15px;
height: auto;
}
.welcome
{
width:670px;
height:345px;
float:left;
font-family:verdana; 
margin-left:5px;
}

.product1
{
width:700px;
height:auto;
background:#f5f5f5;
text-align:justify;
font-family:verdana;
font-size:13px;   
float:left; 
}

.product1 p
{
max-width:457px;
height:auto;
background:#f5f5f5;
text-align:justify;
font-family:verdana;
font-size:13px; 
padding-right:5px;
padding-left:11px;    
float:left; 
}


.product
{
width:702px;
height:auto;
background:#f5f5f5;
float:left;
text-align:justify;
font-family:verdana;
font-size:13px;   
margin-left:-36px;
padding-top: 15px;
padding-left: 5px;
}



.welcome-img
{float: left;
	}
.welcome_para
{
font-size:13px;
width:705px;
height:250px;
float:left;
text-align:justify; 
overflow: hidden;
line-height:18px;
margin-right:10px;
margin-left:-40px; 
}

.welcome_para p
{
font-size:13px;
font-family:verdana; 
float:left;
text-align:justify; 
line-height:18px;
padding:10px 0 0 10px; 
width:545px; 
}

.welcome_img
{
width:150px;
height:200px;
float:right;
}


.welcome_img img
{width:150px; height:200px;}

.content2
{

width:960px;
height:auto;
padding:15px 15px 0 10px;
float:left;
}

.part{width:655px; margin:0 30px 8px -6px; height:auto; float:left; font-family:Verdana; font-size:13px; color:#707070; line-height:18px; text-align:justify;
 overflow:hidden;}

.why_us
{
width:300px;
height:250px;
float:left;
overflow:hidden;
margin:8px;
}
.infrastructure
{
width:320px;
height:400px;
float:left;
margin-right:10px;
}
.infrastructure .img
{
width:325PX;
height:200PX;
margin-top:10px;

}
.infrastructure p
{
font-size:12px;
margin-top:10px;
}


.inquiry_now
{
width:280px;
height:auto;
float:right;
border-bottom:#000000;
}

.inquiry_now img
{
width:130px;
height:auto;
float:left;
border-bottom:#000000;
}

.inquiry_now .inquiry
{
width:250px;
height:30px;
font-family: Arial, Helvetica, sans-serif;
margin:3px;
color:;
border-reduis:5px;
padding:5px;

}

.inquiry-class{width:250px; height:25px; margin-bottom:8px; border:#c8c8c8; border-style:solid; border-width:thin; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#7c7c7c; text-transform:normal; padding:5px; -moz-border-radius:3px;
border-radius:3px; -moz-box-shadow: inset 0 0 15px #888;
-webkit-box-shadow: inset 0 0 15px#888;
box-shadow: inner 0 0 15px #888;}

.inquiry-class1{width:120px; height:25px; border:#c8c8c8; border-style:solid; border-width:thin; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#7c7c7c; text-transform:normal; padding:5px; -moz-border-radius:3px;
border-radius:3px; -moz-box-shadow: inset 0 0 15px #888;
-webkit-box-shadow: inset 0 0 15px#888;
box-shadow: inner 0 0 15px #888;}

.inquiry_now p 
{font-family:verdana; font-size:11px; color:black;   }


.inquiry-text{width:250px; height:50px;  margin-bottom:8px; border:#c8c8c8; border-style:solid; border-width:thin; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#7c7c7c; text-transform:uppercase; padding:5px; -moz-border-radius:3px;
border-radius:3px; -moz-box-shadow: inset 0 0 15px #888;
-webkit-box-shadow: inset 0 0 15px#888;
box-shadow: inner 0 0 15px #888;}

.scroller-bottom{
height: 157px;
width: 964px;
padding: 10px 0 10px 15px;
border: 2px solid #AAAAAA;
border-radius:5px;
}
.scroller-bottom ul
{margin: 0;
padding: 0;
}
.scroller-bottom li
{list-style: none;
margin:8px;
}

.scroller-bottom li img
{
height:130px;
width:130px;

}

/*==================== footer ==========================*/


#fotter
{
	height:120px;
	width:980px;
	background-color:#213455; 
	color:white;
	text-align:center; 
	
	}

#fotter p
{
font-family:verdana;
font-size:12px;
color:white;
padding-top:5px;   
}

#fotter ul
{
text-align:center; 
padding: 0 0 0 115px;
	  
	}

#fotter li
{
	list-style-type:none;
	text-align:center;  
	margin:0 0 0 110px;
	padding:0 0 0 5px;   
}

#fotter a
{
		font-family:sans-serif;
	 	font-size:13px;
	 	text-decoration:none; 
		color:white; 
}

#fotter li a
{
		text-decoration:none;
	 	float:left;
	 	font-family:verdana;
	 	font-size:13px;
	 	padding-left:5px;
	 	padding-top:12px;  
	 	color:white; 	 	      
}

/*========================== finish footer ========================>



/*--------------button--------------*/

.read-more{width:auto; float:right;
 height:auto;
 margin-right:15px; 
 font-family:Verdana; 
 font-size:13px; 
 background-color:#06326D;
 color:white;  
 text-transform:uppercase; 
 text-align:center; 
 padding:5px;
  border:none;}

.read-more a{ text-decoration:none;color:white; padding: 7px;}
.read-more a:hover{background-color:#6d6c6b; color:#fff;
 text-decoration:none;
 border-radius:5px; }
 .read-more:hover{background-color:#6d6c6b; color:#fff; 
 text-decoration:none;
 border-radius:5px; }

.read-more1{width:auto; float:right;
 height:auto;
 margin-right:8px;
 margin-top:17px;  
 font-family:Verdana; 
 font-size:13px; 
 background-color:#06326D;
 color:white;  
 text-transform:uppercase; 
 text-align:center; 
 padding:5px;
  border:none;}

.read-more1 a{ text-decoration:none;color:white; padding: 7px;}
.read-more1 a:hover{background-color:#6d6c6b; color:#fff;
 text-decoration:none;
 border-radius:5px; }

.inner-page-tital{width:940px; float:left; height:100px;}
.inner-page-tital-f {
    background-color: #22D9EB;
    color: #FFFFFF;
    float: left;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 54px;
    height: 44px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 38px;
    text-align: center;
    text-transform: uppercase;
    width: auto;
}
.inner-page-tital-l{color: #626262;
    float: left;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 36px;
    padding-right: 8px;
    padding-top: 47px;
}

#inner-contain{width:975px; padding:3px; height:auto; float:left; min-height:350px;}

.pera-full{width:968px; height:auto; font-family:Verdana; font-size:13px; line-height:23px; text-align:justify;}

.pera-full img{width:200px; float:left; height:200px; }


.pera-full p{font-family:Verdana; font-size:13px; padding-left:208px;  line-height:20px; text-align:justify;}


.im{width:200px; height:auto; padding:10px; margin-top:16px;  border:#22D9EB; border-style:double; border-width:thin; background-color:none; float:left; margin-bottom:20px;}
.im img{width:200px; height:200px;}

.sub-title{font-family:Verdana, Geneva, sans-serif; font-size:20px; color:#626262; text-transform:uppercase; margin-bottom:8px;}

.footer-logo{width:154px; height:58px; margin:auto; text-align:center; background-position:center; margin-top:15px;}

/*------------------------photo-gallery-------------------------*/

.photo-gallery{width:190px; height:190px; border:#21d9ea; border-style:solid; border-width:thin; margin:5px; padding:5px;}

.inquiry-main{width:940px; float:left; height:auto; margin-bottom:8px;}
.inquiry-text1{width:127px; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-align:left; }
.inquiry-input{width:300px; height:25px; float:left;}
.inquiry-input-c{width:294px; height:19px; border:#22D9EB; border-style:solid; border-width:thin; padding:3px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; }

.inquiry-inputarea{width:300px; height:50px; float:left;}

.inquiry-inputarea-c{width:294px; height:50px; border:#22D9EB; border-style:solid; border-width:thin; padding:3px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; }

.button-part{width:300px; float:left; margin-left:127px; height:50px; margin-top:10px;}

.button-send{width:auto; float:left; margin-left:8px;}

.contact-us-box
{background-color: #06326D;
    border-radius: 7px 7px 7px 7px;
    color: #FFFFFF;
    float: left;
    height: auto;
    margin:16px 0 0 31px;
    padding: 10px;
    width: 300px;
	}

.client-image {height:120px; width:114px; padding:10px; border:#22D9EB; border-style:double; border-width:thin; background-color:none; margin-right:20px; float:left; 
margin-bottom:20px;}

.client-image img{height:120px; width: 120px; float:left;}


.inputform {
padding: 5px;
margin: 0px 0 10px 5px;
background: #fff;
width: 250px;
font-size: 14px;
color: #555;
border: 1px #ddd solid;
height:auto;

/* -- CSS3 Shadow - create a shadow around each input element -- */
-webkit-box-shadow: 0px 0px 4px #aaa;
-moz-box-shadow: 0px 0px 4px #aaa;
box-shadow: 0px 0px 4px #aaa;

/* -- CSS3 Transition - define what the transition will be applied to (i.e. the background) -- */
-webkit-transition: background 0.3s linear;
}

.textarea {
width: 243px;
height: 85px;
padding: 8px;
margin: -25px 0 3px 76px;
background: #fff;
font-size: 14px;
color: #555;
border: 1px #ddd solid;

/* -- CSS3 Shadow - create a shadow around each input element -- */
-webkit-box-shadow: 0px 0px 4px #aaa;
-moz-box-shadow: 0px 0px 4px #aaa;
box-shadow: 0px 0px 4px #aaa;

/* -- CSS3 Transition - define what the transition will be applied to (i.e. the background) -- */
-webkit-transition: background 0.3s linear;


}

.inputform:hover, textarea:hover {
background: #e7f5da;
}