html, body {
	margin:0;
	padding:0;
	font-size:14px;
	line-height:auto;
	font-family:"PT Sans Narrow",sans-serif;
	color:#505050;
}
body {
	text-align:center;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	font-size:14px;
	line-height:auto;
	font-family:"PT Sans Narrow",sans-serif;
	padding:0;
	color:#505050;	
	background: #fff;
}


html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, 
	  big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, 
	  center, dl, dt, dd, fieldset, form, label, legend {
	margin:0;
	padding:0;
	vertical-align:baseline;
	
}
blockquote {margin:0; padding:0; padding-left:25px; padding-top:7px; padding-bottom:20px;}

p {
	line-height:auto;
	text-align:left;
	color:#505050;
	font-family:"PT Sans Narrow",sans-serif;
	font-size:14px;

}
img {border:none;}
a{color: #0018ff; text-decoration: none; font-family:"PT Sans Narrow",sans-serif;}
a:hover {color: blue; text-decoration: underline;}

.clear {	clear:both;}

/* --Header */
.headertop {width:100%; height:97px; /* background: url(../images/headbg.jpg) no-repeat 50% 0; */ 
	border-top:1px solid #fff;
	background: #87c5f5 url(../images/headerbg.png) no-repeat 50% 0;
	background-size:100%;
}
.headertopin {max-width:1200px; margin:0 auto;}
.hlogo {float:left;}
.hlogo h2{float:left;}
.hlogo h2 a {background: url(../images/logo2.png) no-repeat 10px 0; font-weight:bold; font-size:30px;
	text-transform:uppercase; display:block; text-align:left; padding:17px 0 10px 99px;
	color: #fff; 
	text-shadow: 0 0 1px #1a499b;
	letter-spacing: 2px;
}
.hlogo h2 a span {font-size:16px; padding: 0 0 0 2px; font-weight:normal;text-transform:none; text-shadow:none; letter-spacing: 0;}
.hlogo h2 a:hover{text-decoration:none;}

.hlogo h3 {font-weight:normal; font-size:19px; color: #fff; float:left; text-align:left; margin:25px 0 0 15px;
	border-left:1px solid #cfe7f7; padding:0 0 0 16px;
	letter-spacing: 2px;
	text-shadow: 1px 0 1px #80acc3;
}


.sinfo {float:right;}
.sinfo ul{margin:0 10px 0 0; padding:0;}
.sinfo ul li{display:inline-block; list-style:none;}
.sinfo ul li a{width:30px; height:30px; display:block; margin-top:5px; overflow:hidden;
	border-radius: 2px 2px 2px 2px;
	opacity:1;
	background: rgba(92, 158, 200, 0.4);
}
.sinfo ul li a:hover{opacity:1;}
.sinfo ul li a img {padding-top: 7px;}

.changelangs {float:right;}
.changelangs a {display:block; background: rgba(92, 158, 200, 0.4); color: #fff; padding:6px 7px 5px 7px; margin-top:5px;
	 font-weight:bold; font-size:15px; 
	border-radius: 2px 2px 2px 2px;
}
.changelangs a:hover {background: #0071c1; text-decoration:none;}

/* ---Service */
.porservice {width:100%; background: #fff; padding:7px 0 0 0; 
	 box-shadow: inset 0 0 10px #979797;
}
.servicein {max-width:1200px; margin:0 auto;}
.servicein ul{margin:0; padding:0;}
.servicein ul li{list-style:none; display:inline-block; vertical-align:top; opacity: 0.7; padding:10px 0 0 0;cursor:default}
.servicein ul li:hover{list-style:none; display:inline-block; vertical-align:top; opacity: 1;}
.servicein ul li h1 { margin-bottom:5px; padding:5px 0 15px 0;}
.servicein ul li h1 a{font-weight:normal;font-size:16px; text-transform:uppercase; color: #25303f;}
.servicein ul li h1 a:hover{text-decoration:none;}
.servicein ul li h2{ text-align:center; padding-bottom:9px; background: url(../images/listicon.png) no-repeat 2px 8px; 
	/* border-top:1px solid #ccc; */ padding-left:10px; text-align:left;
}
.servicein ul li h2 a{font-weight:normal;font-size:15px; color: #535e71; line-height:16px;}
.servicein ul li h2 a:hover{text-decoration:none; color: #25303f;}
.serviceinliin {padding:0 10px}
.serviceinliin img{opacity:1;}

.serhdies {display:none;border-top:1px solid #99a4b2; padding:7px 0;}


/* ---Home */
.changecntout {width:100%; background: #fff url(../images/bg.jpg) repeat 0 0; padding:40px 0; }
.changecnt {max-width:1200px; margin:0 auto; 
	background: #fff; /* box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.0.01); */ 
	border:1px solid #e1e1e1;
}
.boxwt {width:100%; display:table;}
.selcontents {width:68%; padding:0 1% 1% 1%; }
.listcnts {width:26%; background: #fbfbfb; padding:1%; border-left:1px solid #eee;
}

.boxht {display:table-cell;}



.homeouts {width:100%; display:table; margin:20px 0 5px 0;}
.homecl {display:table-cell;}
.homecol1 {width:55%; padding:0 2%; text-align:left;}
.homecol2 {width:37%; vertical-align:top; border-left:1px solid #e1e1e1; }

.homecol1 ul {margin:0; padding:0;}
.homecol1 ul li{list-style:none; padding:20px 0;}
.homecol1 ul li h2 {padding-bottom:7px;}
.homecol1 ul li h2 a{font-weight:normal; font-size:19px; color: #000;}


.hmrightpd { padding:0 8px 5px 20px;text-align:left;}
.hmrightpd h1 {font-weight:normal; font-size:22px; color: #000; padding:0 0 10px 0;}
.hmrightpdl { padding:0 8px 5px 10px;text-align:left;}
.hmrightpdl h1 {font-weight:normal; font-size:19px; color: #000; padding:0 0 10px 0;}

.hmonts {padding-bottom:15px; background: url(../images/line.png) no-repeat 50% 0; }
.hmonts a{color: #385f7c; float:right; margin-top:7px;}
.olne1 {background-image:none;}
.olne2 {padding-top:15px;}
.olne3 {padding-top:15px;}

.ontsvid {padding:10px 0; border-top:1px solid #e1e1e1;}
.ontsvid h2 {padding-top:4px;}
.ontsvid h2 a{font-size:17px; font-weight:normal; color: #000;}

.homecol1 h3 {font-weight:bold; font-size:15px; color: #258ad1;}

/* ---List */
.hmontsl {text-align:left;padding:5px 10px}
.hmontsl h1{font-weight:normal; font-size:20px; color: #000; line-height:22px; padding-bottom:5px;}
.hmontsl h2 {padding-top:10px;}
.hmontsl h2 a{background: #0072c9; padding:5px 15px; font-weight:normal; font-size:15px;color: #fff; }
.hmontsl h2 a:hover{background: #00c909; padding:5px 15px; font-weight:normal; font-size:15px;color: #fff; text-decoration:none;}

/* ---FOOTER customerstag */
.customerstag {width:100%; background: #e2f2ff url(../images/cbg1.png) no-repeat 0 50%; 
	/* background-attachment:fixed; */
	padding:10px 0;
	background-size:100%; text-align:center;
}
.customerstagin {max-width:1150px; margin:0 auto;}
.customerstag  h1 a{font-weight:normal; font-size:14px; color: #575b5f;}
.customerstag  h1 a:hover{text-decoration:none; opacity:0.7;}
.customerstag h3 {font-weight:normal; font-size:19px; color: #2d3134; opacity:0.7; padding:5px 0; margin-bottom:7px;}
.customerstag h3:before {
	content: "------------------------------";
    font-weight: normal;
	letter-spacing: -3px;
	padding-right:10px;
}
.customerstag h3:after {
    content: "-------------------------------";
    font-weight: normal;
	letter-spacing: -3px;
	padding-left:10px;
}



.footerbot {max-width:1200px; margin:0 auto;}


.wfooterin {max-width:1200px;text-align:left; margin:0 auto; padding:20px 0;}
.devlptm h4 {font-weight:normal; color: #656565; padding:4px 0; border-top:1px solid #ccc; }

.wfleft {float:left; min-width:290px; margin-left:20px;}
.wfright {float:right;}
.wfright ul {margin:0; padding:10px 0 0 0; float:right;}
.wfright ul li{display:inline-block; list-style:none; vertical-align:middle; border-left:1px solid #ccc;}
.wfright ul li h1{font-weight:normal; font-size:16px; text-align:right; color: #707070;
	padding-right:15px;
}

.clogo1 a {background: url(../images/clogo1.jpg) no-repeat 0 0; width:133px; height:52px; display:block;}
.clogo1 a:hover {background: url(../images/clogo1.jpg) no-repeat 0 -52px; width:133px; height:52px; display:block;}
.clogo2 a {background: url(../images/clogo2.jpg) no-repeat 0 0; width:136px; height:52px; display:block;}
.clogo2 a:hover {background: url(../images/clogo2.jpg) no-repeat 0 -52px; width:136px; height:52px; display:block;}