@charset "utf-8";
/*reset样式*/ 
@font-face {
    font-family: 'BigruixianRegularGB2.0';
    src: url('../fonts/BigruixianRegularGB20.eot');
    src: url('../fonts/BigruixianRegularGB20.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BigruixianRegularGB20.woff') format('woff'),
         url('../fonts/BigruixianRegularGB20.ttf') format('truetype'),
         url('../fonts/BigruixianRegularGB20.svg#BigruixianRegularGB2.0') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'PingFang SC';
    src: url('../fonts/PingFangSCLight.eot');
    src: url('../fonts/PingFangSCLight.eot?#iefix') format('embedded-opentype'),
         url('../fonts/PingFangSCLight.woff') format('woff'),
         url('../fonts/PingFangSCLight.ttf') format('truetype'),
         url('../fonts/PingFangSCLight.svg#PingFangSCLight') format('svg');
    font-weight: 300;
    font-style: normal;
}

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:81px;}
.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:315px;}
.xui-content .com .con1{width:1170px;text-align:center;margin:0 auto;position:relative;z-index:2;}

.xui-content .xos_subNav{position:absolute;z-index:10;height:40px;background:#fff;text-align:center;width:100%;top:112px;left:0px;}
.xui-content .xos_subNav div{width:1170px;margin:0 auto;height:40px;}
.xui-content .xos_subNav div p{display:block;width:352px;margin:0 auto;}
/*{left:50%;bottom:auto;right:auto;-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);-o-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);}*/
.xui-content .xos_subNav div a{font-size:13px;display:block;float:left;width:30px;padding:11px 43px 10px;border:1px #989898 solid;transition:background ease .3s;}
.xui-content .xos_subNav div a:hover,.xui-content .xos_subNav a:active{background:#CCCCCC;transition: background ease .3s;color:#000;}
.xui-content .xos_subNav div a:link,.xui-content .xos_subNav a:visited{background:#ffff;transition: background ease .3s;color:#000;}
.xui-content .xos_subNav div a:nth-of-type(1){border-right:none;border-bottom-left-radius:14px;-moz-border-bottom-left-radius:14px;border-top-left-radius:14px;-moz-border-top-left-radius:14px;}
.xui-content .xos_subNav div a:nth-of-type(3){border-left:none;border-bottom-right-radius:14px;-moz-border-bottom-right-radius:14px;border-top-right-radius:14px;-moz-border-top-right-radius:14px;}
.xui-content .xos_subNav div a.subNav_active{background:#989898;color:#fff;}

.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;font-family:'PingFang SC';}
.xui-content .com h1{font-size:20px;font-family:'PingFang SC';}
.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;}

/*设计开始*/
.xui-content .xui-jy{height:992px;}
 .xui-jy .xui-area,.xui-tl .xui-area,.xui-pointer .xui-area,.xui-hy .xui-area,.xui-zt .xui-area,.xui-nav .xui-area{top:97px;}
.xui-content .xui-jy .con1,.xui-content .xui-pointer .con1{overflow:hidden;}
.xui-content .focus{position:relative;width:874px;height:502px;background:url(../images/pro_bg.jpg) no-repeat;margin:401px auto 0;padding:88px 0 0 86px;}
.focusCon{width:775px;overflow:hidden;position:relative;height:449px;}
.focusCon .xuiImgList{position:absolute;width:2325px;height:449px;overflow: hidden;z-index:0;}
.focusCon .xuiImgList li{float:left;height:449px;width:775px;}
.focusCon .fBtn{position:absolute;width:669px;bottom:15px;left:106px;text-align:center;z-index:1;}
.focusCon .fBtn span,.flArrow,.frArrow{background:url(../images/btns.png) no-repeat;}
.focusCon .fBtn span{display:inline-block;width:11px;height:11px;cursor:pointer;background-position:0 -72px;margin:0 9px;text-indent:-99999em;}
.focusCon .flArrow,.focusCon .frArrow{width:36px;height: 36px;position:absolute;top:205px;z-index:1;cursor:pointer;}
.focusCon .flArrow{background-position:0 0;left:-120px;}
.focusCon .frArrow{background-position:0 -36px;right:-120px;}
.focusCon .focus_leftBar{position:absolute; background:url(../images/pro_bg0.jpg) no-repeat;width:106px;height:405px;top:1px;left:0px;z-index:14;}
.focusCon .fBtn .curr{background-position:0 -84px; }
.xui-content .xui-tl{position:relative;height:1080px;background:url(../images/design_bg1_bg.jpg) repeat-x;}
.xui-content .xui-tl .xui-tl-appPic{position:absolute;bottom:0px;width:100%;height:739px;background:url(../images/design_bg1.png)50% 50% no-repeat;}
.xui-content .xui-pointer,.xui-content .xui-zt{height:1080px;overflow:hidden;}
.xui-content .xui-pointer-show{width:1170px;height:590px;background:url(../images/design_bg2.jpg) no-repeat;margin:395px auto 0;}
.xui-content .xui-hy{height:1080px;background:url(../images/design_bg3.jpg) 50% 50% no-repeat #f2f2f2;}
.scrollBox{margin-top:356px;width:100%;height: 540px;overflow:hidden;position:relative;}
.scrollBox .imgList{width:6662px;height:540px;}
.scrollBox img{float:left;width:944px;height:540px;margin-right:9px;}
.scrollBox .mr0{margin-right:0;}
.scrollBox span{position:absolute;width:60px;height:60px;background:url(../images/arrowLr_bg.png) no-repeat;top:240px;cursor:pointer;}
.scrollBox .lArrow{left:70px;}
.scrollBox .rArrow{right:70px;background-position:0 -60px;}


/* 快马仪表 */
div.dashboard_app_icon{width:170px;margin:0px auto 30px;}
div.dashboard_app_icon div.appName{font-family:'BigruixianRegularGB2.0';padding-top:185px;font-size:36px;color:#fff;}
cite.titleText{display:inline-block;width:72px;height:83px;background:url(../images/titleText_pic.png) no-repeat;}

.xui-content .com2 .con1 .xui-area h2{font-size:60px;color:#ffffff;font-family:'PingFang SC';}
.xui-content .com2 .con1 .xui-area p{font-size:18px;color:rgba(255,255,255,0.60);line-height:35px;}
.xui-content .com2 .con1 .xui-area a{font-size:18px;color:#2acdeb;display:block;margin-top:15px; }
.xui-content .xui-area .version{font-size:10px;font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;color:rgba(255,255,255,0.70);}

.xui-content .com2 .cd-slider-nav li a{margin-top:0px;}
.xui-content .xui-varietyTheme{position:relative;padding-top:80px;height:830px;background:url(../images/vt_bg1.jpg) 50% 0% no-repeat;-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;z-index:1;}
.xui-content .xui-varietyTheme .xui-area{top:0px;}
.xui-content .xui-varietyTheme .xui-area *{color:#fff;}
.xui-content .xui-varietyTheme .xui-area h2{display:block;padding-bottom:15px;}
.xui-content .xui-varietyTheme .xui-area p{color:rgba(255,255,255,0.60);}
.xui-content .xui-varietyTheme .xui-area a{opacity:.95;filter:alpha(opacity=95);}
.xui-content .xui-varietyTheme .helper-icon{position:absolute;width:100%;height:236px;top:0px;background:url(../images/carlorful_icon.png) 50% 50% no-repeat;transition: all ease .3s;}



.xui-content .varietyTheme-weather .xui-area,.xui-content .varietyTheme-video .xui-area,.xui-content .varietyTheme-car .xui-area,.xui-content .varietyTheme-footer .xui-area{top:60px;}


.xui-content .varietyTheme-car{position:relative;height:1080px;background:url(../images/vt_bg4.jpg) 50% 0 no-repeat; -moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;}
.xui-content .varietyTheme-car .con1{width:100%;}
.xui-content .varietyTheme-car .xui-area{position:absolute;left:0;width:100%;}
.xui-content .varietyTheme-car .xui-area h2{color:#ffffff;margin-bottom:18px;}
.xui-content .varietyTheme-car .xui-area h1{color:#555555;font-size:20px;margin-bottom:15px;}
.xui-content .varietyTheme-car .xui-area p{color:rgba(255,255,255,0.60);}
.xui-content .varietyTheme-car .bottomText{position:absolute;width:100%;height:20px;bottom:25px;text-align:center;z-index:14;font-size:14px;color:rgba(255,255,255,0.2)}


.xui-content .xui-varietyTheme .xui-area a,.xui-content .varietyTheme-footer .xui-area a{font-family:'PingFang SC';display:block;width:340px;height:74px;line-height: 74px;background-color:#338ee8;text-align:center;color:#fff;font-size:34px;border-radius:50px;margin:40px auto 0;transition: all ease .3s;}
.xui-content .xui-varietyTheme a:hover,.xui-content .varietyTheme-footer a:hover{background-color:#105faf;transition: all ease .3s;}
.xui-content .xui-varietyTheme a.help{display:inline-block;margin-top:30px;background:none;font-size:18px;color:rgba(203,208,255,0.75);transition: all ease .3s; text-decoration: underline;height:20px;width:120px;line-height:15px;}
.xui-content .xui-varietyTheme a:hover{color:rgba(224,233,255,1);transition: all ease .3s;}
.xui-content .varietyTheme-footer a.help{display:inline-block;margin-top:30px;background:none;font-size:18px;color:rgba(203,208,255,0.75);transition: all ease .3s; text-decoration: underline;height:20px;width:120px;line-height:15px;}
.xui-content .varietyTheme-footer a:hover{color:rgba(224,233,255,1);transition: all ease .3s;}


/*弹出层*/
.box-target{position: fixed;top:-100%;width:100%;background: rgba(0, 0, 0, 0.7);opacity:0;transition:opacity .2s ease-in-out;overflow:hidden;z-index: 99999;}
.box-target .box_bg{
	background:linear-gradient(#013f7e, #002953);
	background:-webkit-linear-gradient(#013f7e, #002953);
	background:-o-linear-gradient(#013f7e, #002953);
	background:-moz-linear-gradient(#013f7e, #002953);
	border-radius:16px;
	margin:auto;position: absolute;
	top: 0;left: 0;right: 0;bottom: 0;
	max-height: 350px;
	max-width: 800px;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
	transition:all ease .2s;
	padding:2vw;
	}
.box-target:target{opacity: 1;top: 0;bottom: 0;}
.box-target:target .box_bg{min-height:450px;min-width:900px;}
.box-target span.windowsTitle{position:relative;display:block;top:-2%;font-size:22px;color:#fff;width:100%;text-align: center;margin-bottom: 1.5%;}
.box-target table{position:relative;width:100%;height:90%;}
.box-target table td{text-align: center; vertical-align: top;}
.box-target table thead tr:nth-of-type(1) td:nth-of-type(1){height: 80px;width:33.333%;border-right: 1px dashed rgba(116,186,255,0.2);background:url("../images/icon_steup_mode01.png")50% 50% no-repeat;-moz-background-size:contain;-webkit-background-size:contain;-o-background-size:contain;background-size:contain;}
.box-target table thead tr:nth-of-type(1) td:nth-of-type(2){height: 80px;width:33.333%;border-right: 1px dashed rgba(116,186,255,0.2);background:url("../images/icon_steup_mode02.png")50% 50% no-repeat;-moz-background-size:contain;-webkit-background-size:contain;-o-background-size:contain;background-size:contain;}
.box-target table thead tr:nth-of-type(1) td:nth-of-type(3){height: 80px;width:33.333%;background:url("../images/icon_steup_mode03.png")50% 50% no-repeat;-moz-background-size:contain;-webkit-background-size:contain;-o-background-size:contain;background-size:contain;}
.box-target table thead tr:nth-of-type(2) td{height:20px;background:none;padding-bottom:10px;font-size:18px;line-height:26px;color:#bad7ff;border-bottom: 1px dashed rgba(116,186,255,0.2);border-right: 1px dashed rgba(116,186,255,0.2);}
.box-target table thead tr:nth-of-type(2) td:nth-of-type(3){border-right: none;}
.box-target table tbody tr td{height: ;font-size:15px;color:#86b6fd;line-height:26px;border-right: 1px dashed rgba(116,186,255,0.2);padding-top:15px;}
.box-target table tbody tr td:nth-of-type(3){border-right: none;}
.box-target table tbody tr td p.small{font-size:10px;color:rgba(129,192,255,0.5);}
.box-target table tbody tr td p.mini{font-size:10px;line-height: 14px;}
.box-target table tfoot tr td{height:;}
a.box-close {display:block;position:absolute;top:0%;right:0%;width:50px;height:50px;}
a.box-close img{position:absolute;height:100%;z-index: 999;}