﻿@charset "utf-8";
/*reset样式*/ 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
body{font:14px/1.5 '\5FAE\8F6F\96C5\9ED1','FZLanTingHeiS-UL-GB',Helvetica,Arial,Verdana;background-color:#fff;}
h1,h2,h3,h4,h5,h6{*font-size:100%;font-weight:400;}
span,var,strong,em,p{word-wrap:break-word;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,i,strong,th,var{font-style:normal;}
ol,ul{list-style:none outside;}
blockquote:before,blockquote:after,q:before,q:after{content:'';}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}
input,textarea,select,button{font-family:inherit;font-size:inherit;*font-size:100%;font-weight:inherit;resize:none;}
input,textarea{outline: none;}
area{outline:none; border:none;star:expression(this.onFocus=this.blur());}
button{cursor:pointer;}
a{text-decoration:none;outline:none;color:#6c6c6c;}
a:active{star:expression(this.onFocus=this.blur());}
a:hover{transition:color 0.2s ease-in-out 0s;color:#ff5b22;}
.clr:after{content:".";height:0;visibility:hidden;display:block;clear:both;}
.clr{display:inline-block;}
.clr{display:block;}
.clear{height:0;clear:both;overflow:hidden;}
/*首页开始*/
.xui-header{height:89px;background-color:#222;min-width:1170px;}
.xui-top{min-width:1170px;margin:0 auto;height:89px;background-color:#222;}
.xui-top h1{margin-left:50px;float:left;width:66px;height:66px;margin-top:16px;}
.xui-top .xui-nav{margin-right:50px;float:right;line-height:89px;font-size:18px;}
.xui-top .xui-nav a{color:#f5f5f5;margin-left:55px;}
.xui-top .xui-nav a:hover,.xui-top .xui-nav .cur{color:#13a286;}
.xui-content{min-width:1170px;overflow:hidden;padding-top:0px;}
.xui-content .com{background-image:none;background-repeat:no-repeat;background-position:center top;}
.xui-content .xui-system{height:711px;background:url(../images/index_xui_bg1.jpg) 50% 0 no-repeat;margin-top:282px;}
.xui-content .com .con1{width:1170px;text-align:center;margin:0 auto;position:relative;z-index:2;}
.xui-content .xui-area{position:absolute;left:0;width:1170px;}
.xui-content .xui-system .xui-area{top:-220px;}
.xui-content .com h2{font-size:60px;color:#3c342f;}
.xui-content .com p{font-size:18px;color:#837b76;line-height:35px;}
.xui-content .com a{font-size:18px;color:#2acdeb;display:block;margin-top:15px; }

.xlBg,.xrBg{position: absolute;top:0;height:1333px;}
.xlBg{background:url(../images/xl_bg.jpg) no-repeat;left:-424px;width:50px;}
.xrBg{background:url(../images/xr_bg.jpg) no-repeat;right:-413px;width:38px;}
#mb{display:none;width:100%;height:100%;background-color:#000;filter:alpha(opacity=50);opacity:.5;position:fixed;top:0;left:0;z-index:1000;transition: all ease .3s;}

/* 车机宝 */
.xui-content .xui-zsDownload1{position:relative;padding-top:163px;height:830px;background:url(../images/zs_bg1.jpg) 50% 90% no-repeat;-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;z-index:1;}
.xui-content .xui-zsDownload1 .xui-area{top:210px;}
.xui-content .xui-zsDownload1 .xui-area *{color:#fff;}
.xui-content .xui-zsDownload1 .xui-area h2{display:block;padding-bottom:15px;}
.xui-content .xui-zsDownload1 .xui-area p{color:rgba(255,255,255,0.70);}
.xui-content .xui-zsDownload1 .xui-area a{opacity:.8;filter:alpha(opacity=80);margin-top:25px;}
.xui-content .xui-zsDownload1 .helper-icon{position:absolute;width:100%;height:286px;top:-30px;background:url(../images/carlorful_icon_big.png) 50% 50% no-repeat;transition: all ease .3s;}
.appdownLoad1{display:none;width:872px;height:480px;position:fixed;top:295px;left:50%;top:50%;margin:-240px 0 0 -429px;z-index:1001;}
.appdownLoad1 #closeBtn{position:relative;width:62px;height:62px;float:right;cursor:pointer;}
.appdownLoad1 .appBtn{margin:500px 0 0 135px;width:440px;}
.appdownLoad1 .appBtn a{transition: all ease .3s;}
.appdownLoad1 .tabCut,.appdownLoad1 .tabCut .bg{background:url(../images/zs_layer_bg.png) no-repeat;}
.appdownLoad1 .tabCut{width:871px;height:117px;}
.appdownLoad1 .tabCut li{float:left;width:432px;height:88px;text-indent:-99999em;margin-top:28px;cursor:pointer;}
.appdownLoad1 .tabCut .tabli1{background-position:0 -117px;}
.appdownLoad1 .tabCut .carDown{margin-top:-34px;background-position:-432px -117px;width:380px;}
.zsDownload .appBtn{width:742px;height:248px;background:url(../images/tablayer1.jpg) no-repeat;margin:0;padding:193px 0 0 108px;}
.zsDownload .appBtn a{display:inline-block;width:176px;height: 48px;margin-top:174px;text-indent:-99999em;background-color:rgba(159,62,64,0.00);border-radius:30px;transition: all ease .3s;}
.zsDownload .appBtn a:hover{transition: all ease .3s;}
.zsDownload .appBtn a.left{margin-left:119px;}

.appdownLoad2{display:none;width:872px;height:480px;background:url(../images/layer_carlorful_bg.png) no-repeat;position:fixed;top:295px;left:50%;top:50%;margin:-240px 0 0 -429px;z-index:1001;transition: all ease .3s;}
.appdownLoad2 #closeBtn{position:relative;width:62px;height:62px;float:right;cursor:pointer;}
.appdownLoad2 .appBtn{float:left;margin:105px 0 0 135px;width:500px;}
.appdownLoad2 .appBtn a{display:inline-block;width:176px;height:48px;margin-top:292px;text-indent:-99999em;background-color:rgba(159,62,64,0.00);border-radius:30px;}
.appdownLoad2 .appBtn a.left{margin-left:85px;}
.appdownLoad2 .appBtn a.right{margin-left:40px;}

.xui-content .carlorful-clean{height:1080px;background:url(../images/zs_bg2.jpg) 50% 50% no-repeat #171c21;}
.xui-content .carlorful-clean .xui-area,.xui-content .carlorful-update .xui-area,.xui-content .carlorful-flow .xui-area,.xui-content .carlorful-screen .xui-area,.xui-content .carlorful-footer .xui-area{top:70px;}
.xui-content .carlorful-clean .xui-area h2{color:#ffffff;margin-bottom:15px;}
.xui-content .carlorful-clean .xui-area p{color:#909090;}
.xui-content .carlorful-update{height:1080px;background:url(../images/zs_bg3.jpg) 50% 368px no-repeat #f2f2f2;}
.xui-content .carlorful-update .xui-area h2{color:#333333;margin-bottom:18px;}
.xui-content .carlorful-update .xui-area h1{color:#555555;font-size:30px;margin-bottom:15px;}
.xui-content .carlorful-update .xui-area p{color:#7f7f7f;}
.xui-content .carlorful-flow{height:1080px;background:url(../images/zs_bg4.jpg) 50% 232px no-repeat #171c21;}
.xui-content .carlorful-flow .xui-area h2{color:#ffffff;margin-bottom:18px;}
.xui-content .carlorful-flow .xui-area h1{color:#dddddd;font-size:30px;margin-bottom:15px;}
.xui-content .carlorful-flow .xui-area p{color:#909090;}
.xui-content .carlorful-screen{height:1080px;background:url(../images/zs_bg5.jpg) 50% 149px no-repeat #f2f2f2;}
.xui-content .carlorful-screen .xui-area h2{color:#333333;margin-bottom:18px;}
.xui-content .carlorful-screen .xui-area h1{color:#555555;font-size:30px;margin-bottom:15px;}
.xui-content .carlorful-screen .xui-area p{color:#7f7f7f;}
.xui-content .carlorful-footer{position:relative;height:1080px;background:url(../images/zs_bg6.jpg) 50% 100% no-repeat #171c21;}
.xui-content .carlorful-footer .xui-area h2{color:#ffffff;}
.xui-content .carlorful-footer .xui-area h1{color:#dddddd;font-size:30px;margin:40px 0 30px 0;}
.xui-content .carlorful-footer .xui-area p{font-size:20px;color:#909090;}
.xui-content .carlorful-footer .xui-area div.teamlogo{height:46px;background:url(../images/team_logo.png) 50% 50% no-repeat;margin-top:67px;}
.xui-content .carlorful-footer .xui-area div.qrcode{height:166px;background:url(../images/qrcode_carlorful_small.png) 50% 50% no-repeat;margin-top:70px;}
.xui-content .carlorful-footer .xui-area p.qrcodeT{font-size:18px;color:#ffffff;margin-top:5px;}
.xui-content .carlorful-footer .bottomText{position:absolute;width:100%;height:20px;bottom:25px;text-align:center;z-index:14;font-size:16px;color:rgba(255,255,255,0.35)}

/*.zsDownload .appBtn a.left:hover{background:url(../images/layer_bg_androidBtn_hover.png) no-repeat;transition: all ease .3s;}*/
.zsDownload .appBtn a.right{margin-left:42px;}
/*.zsDownload .appBtn a.right:hover{background:url(../images/layer_bg_iosBtn_hover.png) no-repeat;transition: all ease .3s;}*/
.zsDownload .downBtn{width:742px;height:186px;background:url(../images/tablayer2.jpg) no-repeat;padding:255px 0 0 108px;}
.zsDownload .downBtn a{display:block;width:230px;height:58px;text-indent:-99999em;}
.top-mb{width:100%;height:994px;position:absolute;top:89px;background-color:#0f1e27;opacity:65;filter:alpha(opacity=65);z-index:1;min-width：1170px;}
.xui-content .xui-download{height:591px;background:url(../images/x_bg1.jpg) 50% 50% no-repeat;margin-top:402px;}
.xui-content .xui-download .xui-area{top: -320px;}
.xui-content .xui-download .xui-area a,.xui-content .xui-zsDownload1 a{display:block;width:218px;height:50px;line-height: 50px;background-color:#52b3ea;text-align:center;color:#fff;font-size:24px;border-radius:30px;margin:40px auto 0;transition: all ease .3s;}
.xui-content .xui-download a#xDownload:hover {background-color:#3b9ad0;transition: all ease .3s;}
.xui-content .xui-zsDownload1 a:hover{background-color:#3b9ad0;transition: all ease .3s;}
.xui-content .xui-download .xui-area a{background-color:#4bbcfc;}
.xui-content .zsDownload-footer{position:relative;z-index:2;min-width:1170px;margin-top:-2px;padding-top:20px;height:52px;background-color:#222;text-align:center;font-size:16px;color:rgba(255,255,255,0.35)}
