@charset "utf-8";
/* CSS Document */
.header_container{
	width:100%;
	min-width:1030px;
	height:auto;
	background:#eaeaea;
}
.header{
	width:1030px;
	height:auto;
	margin:auto;
}
.header_top{
	width:1030px;
	height:auto;
	margin:auto;
    background: #de0000;
}
.login{
    float:right;
        float: right;
    width: 126px;
    height: 40px;
    margin-top: 10px;} 

.login a{
    margin-left: 24px;
    font-size: 18px;
    padding: 5px 20px;
    color: #fff9f9;
    text-decoration: none;
    background: #de0000;
    border-radius: 5px;
}
.header_in{
	width:1030px;
	height:auto;
	margin:auto;
	background:#fff;
}
.header_info{
	width: 412px;
	height: 149px;
	float: right;
}
.contact_info{
	width: 367px;
	height: auto;
	float: right;
	padding-top: 12px;
}
.phone{
	width: 99px;
	height: 16px;
	background: url(../images/phone.png) no-repeat 6px;
	padding-left: 19px;
	float: left;
	font-size: 13px;
	line-height: 16px;
}
.mail{
	width: 209px;
	height: 16px;
	float: left;
	margin-left: 8px;
	background: url(../images/mail.png) no-repeat 6px 3px;
	line-height: 16px;
	padding-left: 30px;

}
.mail a{
	text-decoration:none;
	color:#000;
}
.mail a:hover{
	text-decoration:none;
	color:#AA0002;
}
#logo{
	width: 501px;
	height: 114px;
	padding-left: 10px;
	float: left;
	padding-top: 15px;
}

.logo2{
	width:493px;
	height:103px;
	float:right;
	padding-top:10px;
	padding-right:10px;
}
.nav{
	width:1030px;
	height:54px;
	background:#a0aaa7;
}
.nav_in{
	width:833px;
	height:54px;
	float:right;
	font-size:14px;
	font-family:Open Sans;
	float:right;
	line-height:54px;
	overflow:hidden;
}
.nav_in ul li{
	list-style: none;
	float: right;
	-webkit-transform: skew(-20deg,0deg);
	transform: skew(-20deg,0deg);
	background: #2b2b2b;
	margin-right: -9px;
}
.nav_in ul li a{
	text-decoration:none;
	color:#fff;
	padding-left:18px;
	padding-right:18px;
	display:block;
	-webkit-transform: skew(20deg,0deg);
	transform: skew(20deg,0deg);
}
.nav_in ul li:hover{
	background:#C70105;
	color:#fff;
	-webkit-transform: skew(-20deg,0deg);
	transform: skew(-20deg,0deg);
}
.nav_act{
	background:#C70105 !important;
}
.banner{
	width:1030px;
	height:453px;
	margin:auto;
}
.banner_bottom{
	width:1030px;
	height:23px;
	background:url(../images/shadow.png) no-repeat center;
	margin:auto;
	margin-top:-1px;
}
.center_container{
	width:100%;
	height:auto;
	background:#f9f9f9;
}
.center_section{
	width:1030px;
	height:auto;
	margin:auto;
	margin-top:20px;
}
.center_section_top{
	width:1030px;
	height:auto;
	margin:auto;
}
.center_section_box{
	width: 237px;
	height: auto;
	float: left;
	margin: 10px;
	padding-bottom: 20px;
}
.center_section_box_image{
	width:237px;
	height:174px;
	position:relative;
	background:#fff;
}
.center_section_box_image img{
	width:auto;
	height:auto;
	max-width:100%;
	max-height:100%;
	position:absolute;
	margin:auto;
	left:0;
	right:0;
	top:0;
	bottom:0;
}
.center_section_box_text{
	width:237px;
	height:81px;
	background:#fff;
	color:#03588e;
	font-size:18px;
	text-align:center;
	padding-top:22px;
	font-family:Open Sans Condensed;
}
.center_section_box_text_shadow{
	width:237px;
	height:11px;
	background:url(../images/center_shadow.png) no-repeat center;
}
.center_bottom{
	width:1030px;
	height:auto;
}
.center_bottom_left{
	width: 322px;
	height: auto;
	float: left;
	margin: 10px;
	text-align:left;
}
.center_bottom_left ul {
	padding-left:20px;
	font-family:Open Sans;
}
.center_bottom_left ul li{
	text-align:left;
}
.center_bottom_right{
	width: 100%;
	height: auto;
	float: left;
	margin: 10px;
}
.center_bottom_right .areas p{
        font-family: 'Merienda', cursive;
    font-size: 21px;
    text-align: center;
    line-height: 1.4;
}
.area-box{
     float: LEFT;
    box-shadow: -5px 2px 9px #afafaf;
    margin: 10px;}
.area-box h3{
   text-align: center;
    padding: 10px;}
.footer{
	width:100%;
	height:auto;
}
.footer_in{
	width:1030px;
	height:auto;
	margin:auto;
	padding-bottom:20px;
}
.footer_in span{
	font-size:11px;
}
.footer_in span a{
	padding-left:0px;
	padding-right:0px;
}
.social{
	width: 150px;
	height: auto;
	margin-top: 33px;
	float: left;
}
.social_icon{
	width:24px;
	height:24px;
	margin:5px;
	float:left;
	text-align:center;
	position:relative;
	transition:all ease-in 600ms;
}
.social_icon img{
	width:auto;
	height:auto;
	max-width:100%;
	max-height:100%;
	position:absolute;
	margin:auto;
	left:0;
	right:0;
	top:0;
	bottom:0;
}
.social_icon:hover{
	background:#fff;
	border-radius:50%;
}
.footer_nav{
	width: 700px;
	height: auto;
	float: right;
	font-family: Open Sans;
	margin-top: 11px;
	text-align: right;
}
.footer_nav a{
	text-decoration:none;
	color:#000000;
	padding-left:9px;
	padding-right:9px;
}
.footer_nav a:hover{
	color:#03588e;
	text-decoration:none;
}
/*--about page--*/

.about_center_wrap{
	width:100%;
	height:auto;
	background:#f9f9f9;
}
.about_section{
	width:1030px;
	height:auto;
	margin:auto;
	padding-bottom:10px;

}
.about_section_top{
	width:1030px;
	height:auto;
	margin:auto;
}

.top{
    text-align: center !important;
    margin:0 auto !important;
}
.side{
    float: right !important;
}


.quality_section_top img{
    float:left;
    margin-right: 30px;


}


.about_section_bottom{
	width:1030px;
	height:auto;
	margin:auto;
}
.left{
	width:504px;
	height:auto;
	float:left;
	margin-right:20px;
}
.right{
	width:504px;
	height:auto;
	float:left;
}
.line {
	background: none repeat scroll 0 0 #156FE8;
	float: left;
	height: 1px;
	position: relative;
	top: 0px;
	margin-bottom:10px;
	width: 100%;
}
.line:before{
	content:"";
	width:20%;
	height:1px;
	position:absolute;
	z-index:100;
	background:#000;
}
/*--Contact us page--*/
.contact_left{
	width: 505px;
	height: auto;
	float: left;
	margin-right: 20px;
}
.contact_left a{
	text-decoration:none;
	color:#000;
}
.contact_left a:hover{
	text-decoration:none;
	color:#DB0003;
}
.map{
	width:505px;
	height:auto;
}
.map_bottom{
	width:1030px;
	height: auto;
	margin:auto;
	padding-bottom:20px;
}
.contact_phone{
	width: 463px;
	height: auto;
	background: url(../images/con_telephone.png) no-repeat;
	padding-left: 42px;
	margin-top:10px;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom: 1px solid #ccc;
}
.contact_mobile{
	width: 463px;
	height: auto;
	background: url(../images/con_phone.png) no-repeat;
	padding-left: 42px;
	margin-top:10px;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom: 1px solid #ccc;
}
.contact_fax{
	width: 463px;
	height: auto;
	background: url(../images/con_fax.png) no-repeat;
	padding-left: 42px;
	margin-top:10px;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom: 1px solid #ccc;
}
.contact_web{
	width: 463px;
	height: auto;
	background: url(../images/con_web.png) no-repeat;
	padding-left: 42px;
	margin-top:10px;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom: 1px solid #ccc;
}
.contact_email{
	width: 463px;
	height: auto;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../images/con_mail.png);
	padding-left: 42px;
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom: 1px solid #ccc;
}
.locator{
	width:460px;
	height:auto;
	background: url(../images/locater.png) no-repeat 3px 5px ;
	padding-bottom:10px;
	padding-top:20x;
	padding-left:45px;
	border-bottom:1px solid #ccc;
}
.contact_right{
	width: 505px;
	height: 280px;
	float: left;
}
.input{
	width: 505px;
	height: 22px;
	margin-bottom: 11px;
	border: 1px solid #E8E8E8;
	font-size: 12px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	outline:none;
}
.text{
	width: 505px;
	height: 100px;
	border: 1px solid #E8E8E8;
	font-size: 12px;
	margin-bottom: 11px;
	font-family:Arial, Verdana, Tahoma;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	resize: vertical;
	outline:none;
}
.but{
	width: auto;
	height: auto;
	padding: 5px;
	border: none;
	background: #07a4ae;
	color: #fff;
	float: left;
	margin-right: 5px;
	border-radius: 3px;
	cursor:pointer;
}
.but:hover{
	background:#1c74b3;
}
/*--career page--*/
.datagrid table tbody tr td{
   border: 1px solid #CCC;}
	
.datagrid table { border-collapse: collapse; text-align: left; width: 100%; } .datagrid {font: normal 12px/150% Arial, Helvetica, sans-serif; background: #fff; overflow: hidden; border: 1px solid #006699; }.datagrid table td, .datagrid table th { padding: 5px 9px; }.datagrid table thead th {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557F) );background:-moz-linear-gradient( center top, #006699 5%, #00557F 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');background-color:#006699; color:#FFFFFF; font-size: 15px; font-weight: normal; border-left: 1px solid #0070A8; } .datagrid table thead th:first-child { border: none; }.datagrid table tbody td { color: #00557F; border-left: 1px solid #E1EEF4;font-size: 12px;font-weight: normal; }.datagrid table tbody .alt td { background: #E1EEf4; color: #00557F; }.datagrid table tbody td:first-child { border-left: none; }.datagrid table tbody tr:last-child td { border-bottom: none; }
/*--- products page---*/
.product_box{
	width: 743px;
	height: auto;
	border: 1px solid #999999;
	padding: 10px;
}
.product_box ul{
	padding-left:20px;
}
.product_left{
	width: 227px;
	height: 171px;
	float: left;
	position: relative;
	margin: 10px;
}
.product_left img{
	position:absolute;
	width:auto;
	height:auto;
	max-height:100%;
	max-width:100%;
	margin:auto;
	top:0;
	left:0;
	right:0;
	bottom:0;
}
.product_bottom{
	width: 743px;
	height: auto;
	margin-top: 27px;
	float: left;
}
.facilityt_box{
	width: 319px;
	height: auto;
	border: 1px solid #999999;
	padding: 10px;
	float: left;
	margin-top: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 15px;

}
.facilityt_box:hover .facility_image img{
		transform:scale(1.06);
}
.facility_image{
	width: 319px;
	height: auto;
	overflow:hidden;
}
.facility_image img{
	transition:all ease-in 0.9s;
}
.facility_text{
	width: 473px;
	height: auto;
	float: left;
}

#news-container
{
	width: 400px; 
	margin: auto;
	margin-top: 30px;
	border: 5px solid #333333;
}

#news-container ul li div
{
	border: 1px solid #aaaaaa;
	background: #ffffff;
}
/*--contract page--*/
.contract_box{
	width: 280px;
	height: 281px;
	float: left;
	background: #0A0A0A;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 15px;
	background: #fff;
	transition: all ease-in 0.9s;
}
.contract_box:nth-child(1){
	margin-left:18px;
}
.contract_box:hover{
	background:#FBFBFB;
	color:#CC0508;
}
.contract_box:hover img{
	transform:scale(1.06);
}
.contract_image{
	width:280px;
	height:200px;
	overflow:hidden;
	background:#0E0E0E;
	transition:all ease-in 500ms;
}
.contract_image img{
	transition:all ease-in 500ms;
}
.contract_text{
	width:280px;
	height:50px;
	margin-top:15px;
	padding-bottom:15px;
	text-align:center;
	font-size:18px;
	line-height:30px;
	
}
.contract_text a{
	text-decoration:none;
	color:#000;
	display:block;
}
.contract_text a:hover{
	color:#CC0508;
}
.home_box{
	width: 308px;
	height: 93px;
	border: 1px solid #B8B7B7;
	padding: 10px;
	float: left;
	border-radius: 5px 0px 0px 5px;
	background: #FFFFFF;
         margin-right: 12px;
}
.home_box ul li:first-child{
        font-weight: 600;
    list-style: none;
}
.home_box:last-child{
	/*	border-left:0px;*/
/*	border-radius:0px 5px 5px 0px;*/
}
.about_box{
	width: 311px;
	height: 258px;
	border: 1px solid #B8B7B7;
	padding: 10px;
	float: left;
	border-radius: 0px;
	background: #FFFFFF;
}
.about_box:nth-child(2){
	border-left:0px;
	background:#FF0004;
}
.about_box_1{
	width: 161px;
	height: 258px;
	border: 1px solid #B8B7B7;
	border-right: 0px;
	padding: 10px;
	float: left;
	border-radius: 5px 0px 0px 5px;
	background: #FFFFFF;
}
.about_box_2{
	width: 161px;
	height: 258px;
	border: 1px solid #B8B7B7;
	border-left: 0px;
	padding: 10px;
	float: left;
	border-radius: 0px 5px 5px 0px;
	background: #FFFFFF;
}
.about_box_2 img{
	width:auto;
	height:auto;
	max-width:100%;
	max-height:100%;
}
.iso{
	width: 155px;
	height: auto;
	float: left;
	margin-right: 17px;
}
.about_img{
	width:100%;
	height:auto;
	text-align:center;
	padding-top:15px;
	padding-bottom:15px;
}
.row{
	width:100%;
	height:auto;
}
.row table{
	width:98%;
	border-bottom:0px solid #fff;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	border-spacing:0px !important;
	margin-bottom:15px;
	margin-top:15px;
}
.row table th{
	padding:5px;
	margin:0px;
	background:#F3F3F3;
	border-left:1px solid #fff;
	border-bottom:1px solid #fff;
}
.row table td{
	border-left:1px solid #fff;
	border-bottom:1px solid #fff;
	padding:5px;
    text-align: center;
        background: #DDE8F7;
}
.row table tr:first-child{
	font-weight:bold;
	background:#fff;
}
.facil_box{
	width:1030px;
	height:auto;
	margin-bottom:20px;
}
.facil_imag{
	width:586px;
	height:292px;
	margin:auto;
	padding:5px;
}
.carousel{
	width:1030px;
	height:auto;
	overflow:hidden;
}
.banner_bottom_box{
	width: 323px;
	height: 278px;
	float: left;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
.banner_bottom_image{
	width: 323px;
	height: 175px;
}
.banner_bottom_name{
	width:323px;
	height:81px;
	background:#fff;
	color:#03588e;
	font-size:18px;
	text-align:center;
	padding-top:22px;
	font-family:Open Sans Condensed;
}
.news{
	width: 302px;
	height:330px !important;
	padding:10px;
	margin-bottom: 19px;
	background:#fff;
}
.vticker ul li{
	padding-bottom:10px;
	padding-top:10px;
}
@media print {
	.header{ display:none;}
	.banner{display:none;}
	.center_bottom_left{display:none;}
	.center_section_top{display:none;}
	.footer{display:none;}
	.home_box{width:47.5%;}
	.center_bottom_right{width:100%;}
}