@charset "utf-8";
/*reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
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:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
/*common*/
body{position:relative;font:12px/1.5 tahoma,arial,\5b8b\4f53;color:#505050;}
a{text-decoration:none;color:#505050;cursor:pointer;}
a:hover{text-decoration:none;}
.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
.clearfix{zoom:1;}
.btn{display:inline-block;padding:0;border:none;text-align:center;background-color:transparent;cursor:pointer;}
.hide{display:none;}
.hide.current{display:block;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.bold{font-weight:bold;}
.tc{text-align:center;}
.ti2{text-indent:2em;}
#container{min-width:1000px;}
/*sprite bg*/
#header .links span,.roll_ctrl .prev,.roll_ctrl .next,.product dd,.login_ctn .submit a,.help_list li{background:url("../home/sprite.png?v=20130328") no-repeat;}
#header{background-image:url("../home/x.png");background-repeat:repeat-x}
/*mod_slide*/
.mod_slide{position:relative;width:636px;height:158px;margin:0 0 6px;border:solid 1px #cecdcc;overflow:hidden;zoom:1;}
.slide_ctn li{display:none;}
.slide_ctn li.current{display:block;}
.slide_ctrl{position:absolute;right:8px;bottom:8px;text-align:center;}
.slide_ctrl a{border:1px solid #8d8d8d;padding:1px 4px;margin-left:5px;color:#40495c;cursor:default;outline:none;font-size:11px;background-position:;text-align:center;}
.slide_ctrl .on{background:#40495c;color:#fff;}
/*AndroidPopUp*/
.AndroidPopUp{position:absolute;left:2px;top:668px;}
.AndroidPopUp_fixed{position:fixed;left:2px;bottom:25px;top:auto;}
/*header*/
#header{position:relative;box-shadow:0 1px 4px #5c6982;z-index:99;}
#header .header_bg{display:block;width:960px;height:53px;margin:0 auto;background:url("../home/header.jpg?v=4") 4px 0 no-repeat;}
#header .links{float:right;height:53px;background-position:0 0;}
#header .links span{float:left;display:block;width:100px;height:53px;margin:0;color:#fff;}
#header .links a{display:block;width:78px;height:27px;line-height:27px;margin:12px 0 0 11px;color:#fff;text-align:center;font-weight:normal;}
/*map*/
#map{position:relative;height:500px;zoom:1;overflow:hidden;}
#map iframe{width:100%;height:500px;border:none;}
/*login*/
.login_box{position:absolute;right:-238px;top:88px;width:269px;}
.login_box .toggle{float:left;width:31px;height:275px;background:url("../home/login_toggle.png?v=2");outline:none;}
.login_box .content{float:left;width:238px;height:275px;overflow:hidden;background:url("../home/login_bg.png") -31px 0;}
.tab_ctrl{float:left;display:inline;height:38px;margin-top:4px;}
.tab_ctrl li{float:left;}
.tab_ctrl li a{float:left;height:38px;line-height:38px;font-weight:bold;font-size:16px;outline:none;text-align:center;}
.tab_ctrl li .first{width:76px;background:url("../home/login_bg.png") -35px -284px;}
.tab_ctrl li .last{width:158px;background:url("../home/login_bg.png") right -284px;}
.tab_ctrl .current a{background:none;}
.login_ctn{clear:both;padding:26px 0 0 19px;}
.login_ctn li{position:relative;display:none;}
.login_ctn .current{display:block;}
.login_ctn .tip_err td{visibility:hidden;padding:3px 0 9px;color:#F98307;}
.login_ctn .tip_err_2 td{padding:3px 0 2px;}
.login_ctn input.txt{width:181px;border:none;display:inline-block;padding:7px 6px;font-size:14px;background-color:transparent;outline:none;}
.login_ctn .rem_pwd td{padding:0 0 12px 0;}
.login_ctn .rem_pwd input{margin-right:4px;vertical-align:middle;}
.login_ctn .rem_pwd a{display:inline-block;margin-left:52px;}
.login_ctn .rem_pwd a:hover{text-decoration:underline;}
.wt_account,.wt_pwd,.wt_imei{position:absolute;left:8px;top:0;width:182px;height:31px;line-height:31px;font-size:14px;color:#878787;}
.wt_pwd{left:8px;top:61px;}
.wt_imei{left:8px;top:0;}
/*main*/
#main{padding:20px;background:url("../home/x_main.png") repeat-x #dbdfe7;}
#main .main_wrap{width:952px;margin:0 auto;position:relative;font:12px/1.5 微软雅黑,tahoma,arial,宋体}
#main .col_1{position:relative;float:left;width:254px;height:418px;padding:22px 14px 23px;overflow:hidden;background:url("../img/square_y.png?t=131030.1146") left repeat-y;}
#main .col_2{float:left;width:640px;padding:13px 0 18px 25px;}
#main .col_1 h3{border-bottom:solid 1px #cacdd2;font-size:14px;font-weight:bold;color:#fff;}
#main .col_1 h3 span{display:inline-block;padding:0 4px 6px;border-bottom:solid 1px #cacdd2;}
/*col_1*/
.devices_wrap{position:relative;height:399px;_height:396px;overflow:hidden;}
#devices{position:relative;overflow:hidden;}
.device{height:92px;padding:0 4px 3px;border-bottom:dashed 1px #cacdd2;}
.device dt{float:left;width:146px;padding:12px 0 4px;font-size:13px;color:#fff;}
.device dd{float:left;line-height:24px;color:#fff;}
.device .time{width:100px;padding:9px 0 4px;}
.device .speed{width:146px;}
.device .direction{width:100px;}
.device .address{width:230px;height:23px;overflow:hidden;}
.device_mask{position:absolute;left:12px;bottom:-11px;width:254px;height:40px;/*background:url(../home/mask.png) 0 -5px repeat-x;*/}
/*col_2*/
.bg_top_a{display:block;height:38px;background:url(../img/square.png) no-repeat;}
.bg_bottom_a{display:block;height:38px;background:url(../img/square.png) 0 -32px no-repeat;}
.bg_top_b{display:block;height:38px;background:url(../img/square.png) 0 -79px no-repeat;}
.bg_bottom_b{display:block;height:38px;background:url(../img/square.png) 0 -111px no-repeat;}
.sec_wrapper{float:left;width:302px;padding:5px 0 0 5px;}
.sec_content{height:135px;padding:0 29px;color:#fff;background:url("../img/square_y.png?t=131030.1146") right repeat-y;}
.sec_content dl{float:left;width:135px;}
.sec_content dt{font-size:18px;line-height:18px;}
.btn_download,.btn_detail{display:block;width:56px;height:23px;margin-top:7px;text-align:center;color:#ddd;line-height:22px;letter-spacing:2px;background:url(../img/btn_download.png?t=132415.45) -66px 0px no-repeat;}
.btn_download:hover{background-position:-66px -35px;}
.btn_detail{background-position:-66px 0px;}
.btn_detail:hover{background-position:-66px -35px;}
.dimension_code{position:relative;float:right;width:100px;height:100px;margin-top:15px;cursor:crosshair;background:url(../img/code.png) -492px -25px no-repeat;}
.dimension_code:hover .large_code{position:absolute;right:-61px;bottom:-61px;width:222px;height:222px;background:url(../img/code.png) no-repeat;}
.sec_1 .desc{padding:7px 0 25px;}
.sec_1 .dimension_code .large_code{background-position:-20px -30px;}
.sec_2 .desc{padding:7px 0 25px;}
.sec_2 .dimension_code{background-position:-596px -25px;}
.sec_2 .dimension_code .large_code{background-position:-259px -29px;}
.sec_3 .desc{padding:7px 0 43px;}
.sec_3 .dimension_code{background-position:-492px -129px;}
.sec_3 .dimension_code .large_code{background-position:-21px -266px;}
.sec_4 .desc{padding:7px 0 25px;}
.sec_4 .dimension_code{background-position:-596px -129px;}
.sec_4 .dimension_code .large_code{background-position:-258px -267px;}
/*footer*/
#footer{background:#5c6982;}
#footer .copyright{width:472px;height:97px;margin:0 auto;background:url("../home/footer.png") 104px 0 no-repeat;}
#footer .copyright span{display:block;padding-top:58px;color:#bec6d5;text-align:center;}