@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;}
/*sprite bg*/
#header .links span,.roll_ctrl .prev,.roll_ctrl .next,.product dd,.login_ctn .submit a,.help_list li{background:url("../Images/sprite.png") no-repeat;}
#header{background-image:url("../Images/bg.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-color:#fff;}
.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("./v3/home/default_cn_image/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;}
.login_box .toggle{float:left;width:31px;height:275px;background:url("../Images/login_toggle.png?v=2");outline:none;}
.login_box .content{float:left;width:238px;height:275px;overflow:hidden;background:url("../Images/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("../Images/login_bg.png") -35px -284px;}
.tab_ctrl li .last{width:158px;background:url("../Images/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("../Images/x_main.png") repeat-x #dbdfe7;}
#main .main_wrap{width:952px;margin:0 auto;background-color:#fff;border-radius:4px;}
#main .col_1{position:relative;float:left;width:254px;height:418px;padding:18px 14px;overflow:hidden;background:url("../Images/device_y.png") right repeat-y;}
#main .col_2{float:left;width:640px;padding:18px 14px;}
#main .col_1 h3{border-bottom:solid 1px #cacdd2;font-size:14px;font-weight:bold;color:#4a5467;}
#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;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:#333;}
.device dd{float:left;line-height:24px;color:#666;}
.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(../Images/mask.png) 0 -5px repeat-x;}
/*col_2*/
.product_list{float:left;width:400px;}
.product_list li{height:106px;padding:10px 0;border-bottom:dashed 1px #cacdd2;}
.product_list a{float:left;}
.product_list .last{border-bottom:none;}
.product{margin-left:118px;}
.product dt{padding:6px 0;font-size:13px;font-weight:bold;}
.product dd{float:left;line-height:23px;padding:0 8px 0 14px;white-space:nowrap;background-position:-94px -60px;}
.downloads{float:right;}
.btn_ios,.btn_android,.btn_pc,.btn_wap{display:block;width:216px;height:53px;margin:8px 0 0;background:url("../Images/btn_download.png?v=2");}
.btn_android{background-position:0 -62px;}
.btn_pc{background-position:0 -125px;}
.btn_wap{background-position:0 -187px;}
/*footer*/
/*
#footer{background:#5c6982;}
#footer .copyright{width:472px;height:97px;margin:0 auto;background:url("../Images/footer.png") 104px 0 no-repeat;}
#footer .copyright span{display:block;padding-top:58px;color:#bec6d5;text-align:center;}
*/

/*改之2：
#footer #whiteFooter{ width:100%; height:50px; position:relative;}
#footer #whiteFooter div{ width:100%;height:50px; position:relative;background:url("../home/default_cn_image/footer.png") no-repeat 50% 0;}
#footer #whiteFooter div div{ width:100%;bottom:0px; background-color:transparent; height:40px;background: none repeat scroll 0 0 #5C6982; position:absolute;}
#footer .copyright{width:100%; margin-top:60px;height:35; text-align:center;display:block;color:#bec6d5;}

#footer table{ width:690px;margin:0 auto;}
#footer table tr td{ width:30.3%; height:94px;}
#footer table tr td div{height:94px; line-height:94px;}
#footer table tr td:first-child div{ background:url("../../images/defaultImg01/twoNoWeiXin.png") no-repeat 0 50%; padding-left:85px;}
#footer table tr td.second div{ background:url("../../images/defaultImg01/Windos.png") no-repeat 0 50%; padding-left:85px;}
#footer table tr td.third div{ background:url("../../images/defaultImg01/twoNoAndroid.png") no-repeat 0 50%; padding-left:85px;}
#footer table tr td a{ padding:10px 0px 10px 10px; height:94px; line-height:94px;color:White;text-decoration:underline;font-family:黑体; font-size:18px; font-weight:500;}
#footer table tr td:first-child a{background:url("../../images/defaultImg01/WeiXin.png") no-repeat 0 50%; cursor:auto; padding-left:36px; }
#footer table tr td.second a{background:url("../../images/defaultImg01/download.png") no-repeat 0 50%;padding-left:36px;}
#footer table tr td.third a{background:url("../../images/defaultImg01/Android.png") no-repeat 0 50%;padding-left:36px;}
*/

/*ball*/

#footer #whiteFooter{ width:100%; height:60px; position:relative;}
#footer #whiteFooter .backImg{ width:100%;height:60px; position:relative;background:url("../Images/footer.png") no-repeat 50% 0;}
#footer .copyright{width:100%; margin-top:30px;height:35; text-align:center;display:block;color:#bec6d5;}

.nativeApp{height: 45px; margin: 0; padding: 0;text-align: center;white-space: nowrap;width: auto;margin: 0 auto;padding-left: 50%;}
.nativeApp a, .nativeApp button {display: inline-block;height: 50px;margin-top: 10px;position: relative; vertical-align: top;width: 55px;}
button, .btn {-moz-box-sizing: content-box;background: none repeat scroll 0 0 transparent;border: 0 none;cursor: pointer;outline: 0 none;overflow: visible;padding: 0;text-indent: 0;width: auto;}
.nativeApp b{display:block;position:relative;margin:5px 0 0;overflow:hidden;text-indent:-99em;background:url("../Images/D-icons/allIcon.png") no-repeat 0 0;height:45px;-webkit-transition:-webkit-transform ease-out .2s;transition:transform ease-out .2s}
.nativeApp a:hover,.nativeApp button:hover{text-indent:0}
.nativeApp a:hover b,.nativeApp button:hover b{top:-5px\9;-webkit-transform:translate3d(0,-5px,0) scale3d(1,1,1);transform:translate3d(0,-5px,0) scale3d(1,1,1)}
.nativeApp .pc b{background-position:-68px 0}
.nativeApp .pc:hover b{background-position:-68px -48px}
.nativeApp .android b{background-position:-201px 0}
.nativeApp .android:hover b{background-position:-201px -48px}
.nativeApp .Iphone b{margin:0;margin-top:5px;background-position:-134px 0}
.nativeApp .Iphone:hover b{background-position:-134px -48px}
/*.nativeApp .Iphone:hover b{top:-5px\9;-webkit-transform:translate3d(0,-5px,0) scale3d(1,1,1);transform:translate3d(0,-5px,0) scale3d(1,1,1)}*/
.nativeApp .weixin b{margin:0;margin-top:5px;background-position:-267px 0}
.nativeApp .weixin:hover b{background-position:-267px -48px}
/*.nativeApp .weixin:hover b{top:-5px\9;-webkit-transform:translate3d(0,-5px,0) scale3d(1,1,1);transform:translate3d(0,-5px,0) scale3d(1,1,1)}*/
.nativeApp .Iphone .twocard,.nativeApp .weixin .twocard, .nativeApp .android .twocard { left:-75px;bottom:45px; display:none;background: url("../Images/D-icons/weixinOut.png") no-repeat scroll center center transparent;display: none;height: 202px;position: absolute;width: 190px;z-index: 1000;}
.nativeApp .Iphone .twocard img,.nativeApp .weixin .twocard img, .nativeApp .android .twocard img {height: 160px;margin: 15px; width: 160px;}
.nativeApp .Iphone:hover .twocard,.nativeApp .weixin:hover .twocard, .nativeApp .android:hover .twocard{ display:block;}