/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td, p, img {
	margin:0;
	padding:0; 
}
table {
	bborder-collapse:collapse;
	border-collapse: inherit;
	border-spacing:0; margin:0;
	padding:0; border:0px;
	bborder-style: hidden;
}

address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal
}
ol, ul, li {
	list-style:none
}
caption, th {
	text-align:left
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal
}
q:before, q:after {
	content:''
}
/* Global reset-RESET */
/* The below restores some sensible defaults */
strong {
	font-weight:bold
}
em {
	font-style:italic
}
a img {
	border:none
} /* Gets rid of IE's blue borders */

a {text-decoration:none;}

button{border:0;}

img { border:none; }

abbr{ border:none;}


/******************************* end reset*******************************/

/*******************************background Image*******************************/

		
/*******************************end background Image*******************************/


/*******************************layout*******************************/
html,body {
	margin: 0px;
	padding: 0;
	height: 100%;
	border: none;
	
	}
	


BODY {
	font-family: Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height:18px;
	color: #000;
	background-color:#e5e5e5;
	}


#container
{width: 100%; min-height:100%;position:relative; overflow: hidden;}

#main_page
{width:980px; margin:auto; background-color:#FFF;  
font-size:12px; line-height:20px; overflow:auto;

}

#header
{	 width:980px; margin:auto;
	background:url(../images/header_bg.jpg) repeat-x; height:77px; 
	z-index:1010;
}
#header_wrapper{width:980px; margin:auto}
#header_left{float:left; width:156px;}
#header_right{float:left; padding-left:0px; width:812px;}

#hp_bottom_wrapper{width:100%;}
#hp_bottom{width:940px; margin:auto; background-color:#fff;padding:20px; z-index:99999; position:relative; overflow:hidden; }

.footer_bg
{
	width:940px; background-color:#000; height:40px; margin:auto; text-align:center; padding:20px;
}


#footer_bottom{width:940px; margin:auto; color:#999999; position:relative; font-size:11px; font-family:Verdana, Geneva, sans-serif; text-align:center; background:#000;}


.footer_menu{
	padding-left:100px;
	padding-right:100px;
	}

.footer_menu ul{
	
	}

.footer_menu ul li{
	display: inline;}

.footer_menu ul li a{
	
	float: left; text-decoration: none;
	color: #999999; 
	margin-right:25px;
	font-size:13px;
	
	text-align:center;
	}



.footer_menu ul li a:hover{
	color: #2596c2;
	}

	
/*******************************layout*******************************/

/******************************* common links*******************************/
a:link { color : #000000; text-decoration : none; }
 
a:visited { color : #000000; text-decoration : none; }
 
a:hover { color : #000000; text-decoration : none; }

a:link.readmore { 
color : #ffffff; 
text-decoration : none; 
font-size : 14px;  } 

a:hover.readmore { 
color : #ffffff; 
} 

a:visited.readmore { 
color : #ffffff; 
} 


a:link.contactus { 
color : #333; 
text-decoration : none; 
font-size : 14px;  } 

a:hover.contactus { 
color : #0033CC; 
} 

a:visited.contactus { 
color : #0033CC; 
} 
	
a:link.career { color : #0067b4; text-decoration : underline; font-size : 15px; }
 
a:visited.career { color : #c41919; text-decoration : underline;}
 
a:hover.career { color : #c41919; text-decoration : underline;} 




/*******************************end common links*******************************/
.white-txt{color:#999;}	







/*******************************gap*******************************/
.gap5{height:5px;}

.gap10{height:10px;}

.gap15{height:15px;}

.gap20{height:20px;}

.gap100{height:100px;}

.gap50{height:50px; background-color:#fff; width:980px; margin:auto}


/*******************************End gap*******************************/

.clear{clear:both;}

#bannerWrapper { display: block;  width: 100%; height:420px; position:relative; float:left;}
.banner-title {
position: absolute;
bottom: 0px;
left: 150px;
width: 36%;
height:80px;
padding: 1%;
background: rgba(0,0,0, 0.7);
top:150px;
}
.banner-title p{color: #fff;
font-size: 30px;
font-weight: 400;
line-height: 40px;}

.banner-title span{color:#fff; font-size:18px; line-height:24px;}

/*******************************end layout*******************************/




/*******************************hp slider css end *******************************/
.clear{clear:both;}
.left{float:left}
.right{float:right}
h2{font-size:25px; color:#086b91; font-weight:400; padding-bottom:20px; }


/*******************************menu *******************************/
.menu{
	}

.menu ul{
	margin: 0; padding: 0;
	float: left;}

.menu ul li{
	display: inline;}

.menu ul li a{
	
	float: left; text-decoration: none;
	color: #0876b0; 
	padding:35px 8px 10px 10px; 
	margin-right:1px;
	font-size:16px;
	height:32px;
	}



.menu ul li a:hover, .menu ul li .current{
	color: #fff;
	background-color:#2596c2;}

/*******************************end menu *******************************/

/*
.hp_column_main{width: 940px;
margin: 0px auto; background-color:#F00; overflow:hidden; }

.hp_column_first{width: 310px;
float: left;



.hp_column_second{
width: 310px;
float: left;

}

.hp_column_third{
width: 310px;
float: left;
padding-top: 24px;

	}*/
	
	
	 .button_organe {
	 border:1px solid #136c8f;
	 background: #2596c2;
	color:#fff;
	padding:5px;
	text-align:center;
	
}

 .button_organe:hover {
	border:1px solid #333;
  	background: #3b3939; 
   padding:5px;
	color:#fff; text-decoration:none;
   }
 .button_organe:active {
   border-top-color: #107da8;
   background: #4aa8e6;
   color:#ffffff;
   }
   
   
   
.hp_mid_wrapper{width:940px; float:left; overflow:hidden;}
.hp_mid_left{width:250px; float:left; margin-right:10px; padding:5px;}
.hp_mid_mid{width:250px; float:left; margin-right:10px; padding:5px;}
.hp_mid_right{width:250px; float:left; padding:5x;margin-right:10px;padding:5px;}
.hp_mid_right1{width:100px; float:left; padding:5px;}




.hp_bottle_title{color:#2596c2; font-size:20px; text-align:center; padding-bottom:20px;}
.hp_bottom_brief{color:#333; font-size:12px; line-height:20px;padding-top:10px;}




	
	#inner_bottom_wrapper{width:100%;background:#e5e5e5 url(../images/inner_bg.jpg) no-repeat; height:700px;}
	
	#inner_content_bg{width:940px; margin:auto; background-color:#fff;padding:0px 20px 20px 0; z-index:99999; position:relative; top:-30px; overflow:hidden; height:83%}
	
	.inner_content{padding:20px; line-height:28px; font-size:18px; color:#333; font-family:verdana, Helvetica, sans-serif; text-align:justify; }
	
	#inner_bottom_career_wrapper{width:100%;background:#e5e5e5 url(../images/inner_bg_career.jpg) no-repeat; height:900px;}
	
	#inner_bottom_client_wrapper{width:100%;background:#e5e5e5 url(../images/inner_bg_client.jpg) no-repeat; height:1450px;}
	#inner_bottom_award_wrapper{width:100%;background-image:url(../images/inner_bg_award.jpg); background-repeat:no-repeat; }


.contact_wrapper{float:left; width:980px; background-color:red; overflow:hidden;}
.contact_map_left{background-color:#FFFF; padding:10px; width:500px; height:400px; float:left}
.contact_address_left{width:370px;float:left; padding-left:10px; text-align:left;padding-top:20px;}
.contact_txt{font-size:14px;}
.client_bg{height:420px; background-image:url(../images/client_01.jpg); background-repeat:no-repeat;}

.contct_bg{height:420px; background-image:url(../images/contact_01.jpg); background-repeat:no-repeat;}
.award_bg{height:420px; background-image:url(../images/award_01.jpg); background-repeat:no-repeat;}
.product_bg{height:420px; background-image:url(../images/products_bg.jpg); background-repeat:no-repeat;}


.form-style-2{
    max-width: 500px;
    padding: 20px 12px 10px 20px;
    font: 13px Arial, Helvetica, sans-serif;
}
.form-style-2-heading{
    font-weight: bold;
    font-style: italic;
    border-bottom: 2px solid #ddd;
    margin-bottom: 20px;
    font-size: 15px;
    padding-bottom: 3px;
}
.form-style-2 label{
    display: block;
    margin: 0px 0px 15px 0px;
}
.form-style-2 label > span{
    width: 100px;
    font-weight: bold;
    float: left;
    padding-top: 8px;
    padding-right: 5px;
}
.form-style-2 span.required{
    color:red;
}
.form-style-2 .tel-number-field{
    width: 40px;
    text-align: center;
}
.form-style-2 input.input-field{
    width: 48%;
   
}

.form-style-2 input.input-field,
.form-style-2 .tel-number-field,
.form-style-2 .textarea-field,
 .form-style-2 .select-field{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #C2C2C2;
    box-shadow: 1px 1px 4px #EBEBEB;
    -moz-box-shadow: 1px 1px 4px #EBEBEB;
    -webkit-box-shadow: 1px 1px 4px #EBEBEB;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 7px;
    outline: none;
}
.form-style-2 .input-field:focus,
.form-style-2 .tel-number-field:focus,
.form-style-2 .textarea-field:focus,  
.form-style-2 .select-field:focus{
    border: 1px solid #0C0;
}
.form-style-2 .textarea-field{
    height:100px;
    width: 55%;
}
.form-style-2 input[type=submit],
.form-style-2 input[type=reset],
.form-style-2 input[type=button]{
    border: none;
    padding: 8px 15px 8px 15px;
    background: #FF8500;
    color: #fff;
    box-shadow: 1px 1px 4px #DADADA;
    -moz-box-shadow: 1px 1px 4px #DADADA;
    -webkit-box-shadow: 1px 1px 4px #DADADA;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.form-style-2 input[type=submit]:hover,
.form-style-2 input[type=reset],
.form-style-2 input[type=button]:hover{
    background: #EA7B00;
    color: #fff;
}