html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;list-style:none; }
body{font-size: 16px; line-height: 1.5; font-family: Arial,Helvetica,'Segoe UI',Segoe,'Segoe WP',Tahoma,Verdana,Arial,sans-serif; font-weight: normal;}
.clear { display: block; clear: both; height: 0; overflow: hidden; }
ul,li{ }
a { color:#2e7fb7; text-decoration:none }
a:hover { text-decoration:none}
a img,img{ border:none;}
.folatR{ float:right}
.folatL{ float:left}
.greyBG{ background:#ededed;}
.siteContainer{ width:1250px; margin:0 auto; overflow:hidden;}
.siteContainer h1{ font-size:72px; text-align:center;color:#454545; margin-bottom:125px;}
.inputBox{ border:1px solid #fff; border-radius:4px; height:45px; line-height:45px; display:inline-block; font-size:26px; color:#ccc; padding-left:5px;}
/**================== reset css ======================**/

.header { position:relative;}
.header .headerImage{position:relative;z-index:1; min-width:1000px;}
.header .headerImage img{ width:100%;max-width:100%;}
.header .navArea{ position:absolute; top:0; z-index:2; width:100%;}
.header .logo { background: url(/Content/img/home/logo.png) no-repeat; height: 83px; width: 163px; float: left; margin:20px 0 0 120px; }
.navigate {
	font-size: 18px;
	color: #FFF;
	float: left;
	margin-top: 75px;
	margin-left: 260px;
}
.navigate a {
	color: #FFF;
	margin-right: 30px;
	text-decoration: none;
	padding-top: 80px;
}
.loginArea { background: url(/Content/img/home/slogan.png) no-repeat 130px 0; clear:both; height: 319px; margin-top: 160px; padding-top:220px; }
.loginArea form{ margin-left:240px;}
.loginArea .loginBtn{ display:inline-block; width:125px; height:50px; background:#1aa6e1; line-height:50px; text-align:center; color:#fff; font-size:30px; border-radius:4px; }
.username{ width:250px; height:30px; float: left; padding-right: 10px; }
.continue { background: url(/Content/img/home/continue.png) no-repeat; height: 39px;width: 227px; clear: both; margin:-39px auto 0 auto; position:relative;z-index:3 }

.technologyArea{ padding:100px 0;}
.technologyList{ text-align:center;}
.technologyList p{ font-size:24px; color:#555; font-size:19px;}
.technologyList ul{ overflow:hidden;}
.technologyList ul li p{ font-size:24px; color:#555;}
.technologyList ul li { float:left; width:375px; margin:0 60px 60px 0;}
.technologyList ul li.last{ margin-right:0;}
.technologyList ul li .iconBox{ display:inline-block; width:375px; height:120px; background:url(/Content/img/home/technoIcon.png) no-repeat center 0;}
.technologyList ul li .Satellite{ background-position:center -130px;}
.technologyList ul li .AES{ background-position:center -260px;}
.technologyList ul li .LBS{ background-position:center -390px;}
.technologyList ul li .Realtime{ background-position:center -520px;}
.technologyList ul li .service{ background-position:center -650px;}
.technologyList .viewBtn{ display:inline-block; width:232px; height:50px; line-height:50px; border:1px solid #1aa6e1; border-radius:4px; color:#1aa6e1; font-size:32px; margin-top:20px}

.targetArea{ border-top:1px solid #d6d6d6; padding:120px 0;}

.targetList{}
.targetList ul{ overflow:hidden; padding-left:125px;}
.targetList ul li{ width:250px; margin-bottom:80px; float:left; text-align:center}
.targetList ul li .iconBox{display:inline-block; width:250px; height:95px; background:url(/Content/img/home/targetIcon.png) no-repeat center 0;}
.targetList ul li .personal{background-position:center -130px;}
.targetList ul li .motocycle{ background-position:center -260px;}
.targetList ul li .truck{ background-position:center -390px;}
.targetList ul li .bus{ background-position:center -520px;}
.targetList ul li .heavy{ background-position:center -650px;}
.targetList ul li .boat{ background-position:center -780px;}
.targetList ul li .aircraft{ background-position:center -910px;}
.targetList ul li p{ font-size:24px; color:#555;}

.companyInfo{ overflow:hidden; padding-left:120px;}
.companyInfo .imageBlock{ width:190px; height:126px; overflow:hidden; float:left; position:relative; margin:0 16px 50px 0;}
.companyInfo .imageBlock .imageInfo{ height:126px; color:#fff; font-size:24px; position:absolute; top:0;left:0; line-height:22px; }
.companyInfo .imageBlock .imageInfo .blueBg{width:190px; background:#1aa6e1; opacity:0.75; color:transparent; position:absolute;top:48px; z-index:1; padding:3px 0;}
.companyInfo .imageBlock .imageInfo .text{width:190px;position:absolute;top:48px; text-align:center; z-index:2; padding:3px 0;}

.businesstArea{ border-top:1px solid #d6d6d6; padding:100px 0;}
.businessList ul { overflow:hidden;}
.businessList ul li{ width:250px; float:left; text-align:center;}
.businessList ul li .iconBox{display:inline-block; width:172px; height:172px;background:url(/Content/img/home/BusinessIcon.png) no-repeat center 30px #1aa6e1; margin-bottom:20px;}
.businessList ul li .typeIcon{background-position:center -110px;}
.businessList ul li .reportIcon{background-position:center -260px;}
.businessList ul li .fleetIcon{background-position:center -410px;}
.businessList ul li .callIcon{background-position:center -570px;}
.businessList ul li p{ font-size:24px; color:#555;}



.contactArea{ background:#1aa6e1; padding:40px 0; color:#fff;}
.contactArea .contactText{ width:770px; float:left; margin-left:25px;}
.contactArea .contactText h2{ font-size:51px;}
.contactArea .contactText h3{ font-size:40px;}
.contactArea .contactIcon{ width:455px; float:left; font-size:13px; text-align:center;}
.contactArea .contactIcon li{ width:150px; float:left}
.contactArea .contactIcon li p{ text-align:left;}
.contactArea .contactIcon a{ display:inline-block; width:75px; height:75px; overflow:hidden; margin:20px 40px 10px 0}
.contactArea .contactIcon a.contactEmailIcon img{ margin-top:-130px;}
.contactArea .contactIcon a.contactFormIcon img{ margin-top:-260px;}


.footer{ background:#eee; padding:20px 0;}
.footer .smallLogo{ float:right; margin:0 50px 0 70px;}
.share{ float:right;}
.shareIcon a{ display:inline-block; width:36px; height:32px; overflow:hidden}
.shareIcon a.twitter img{ margin-left:-36px}
.shareIcon a.in img{ margin-left:-72px}
.shareIcon a.youtube img{ margin-left:-108px}

.language{ float:right; margin-right:20px;}
.language select{ border-radius:4px; border:1px solid #d6d6d6; height:25px; line-height:25px; width:200px;}




@media screen and (max-width:1280px) {
.header .logo { margin:20px 0 0 50px; }
.loginArea { background-position:0 0; margin-top:80px; }
.loginArea form{ margin-left:120px;}
.siteContainer{ width:1000px;}
.technologyList ul li { float:left; width:333px; margin:0 0 60px 0;}
.businessList ul li{ width:200px;}
.targetList ul{padding-left:0px;}
.companyInfo{ padding-left:0px;}
.companyInfo .imageBlock{ margin:0 10px 50px 0;}
.contactArea .contactText{ width:520px;}
.navigate { margin-left: 0px; float:right }

}
@media screen and (max-width:1000px) {
.loginArea { background-position:-50px 0; margin-top:50px; }
.bodyContainer{width:1000px;}

}