@charset "utf-8";
/* CSS Document */
a.hover-yellow:hover{color:#ff9600;}

div{border: 0px white solid;box-sizing: border-box;}
*{font-family: "微软雅黑";}
ul{list-style: none;margin: 0;padding: 0;}
li{margin: 0;padding: 0;}
h1{font-size: 90px;color: white;margin: 0;padding: 0;font-weight:normal;}
h1{color:#ffa600;font-size: 48px;margin:0 0 80px 0;text-align: center;line-height: 48px;}
h2{font-size: 16px;color: white;margin: 0;padding: 0;font-weight:normal;}
h3{font-size: 16px;color: white;margin: 0;padding: 0;font-weight:normal;}
h4{font-size: 16px;color: white;margin: 0;padding: 0;font-weight:normal;}
.clearfix{clear:both;margin: 0;padding: 0;}
/*header*/
.header{width:100%;margin: 0 auto;}
.header-top-dakuang{width: 100%;background-color:#1d2228;}
.header-top{width: 1200px;margin: 0 auto;}
.logo{padding:40px 0px 20px 0px;float:left;}
.name{font-size: 20px;float:left;margin: 55px 20px 18px;color:white;}
.tel{float:right;font-size: 20px;color: white;}
.tel_tu{float:left;padding: 50px 0px 20px;}
.tel_number{float:right;padding: 58px 0px 20px 4px;}
.header-down-dakuang{width: 100%;background-color:#191e24;}
.header-down{width: 1200px;margin: 0 auto;}
.header-down li{font-size: 20px;color: white;float:left;padding: 14px 35px 20px;position: relative;}
.header-down .huakuai{width:102px;height: 2px;background-color: white;position:absolute;bottom: 0px;left:0px;}

.header-down .yuyan{float:right;color: white;padding:14px 0px 20px;}
.header-down .yuyan2{float:right;color: white;padding:14px 0px 60px;}

/*banner*/
.banner_dakuang{height:584px;width: 100%;overflow: hidden;}
.banner_kuang{width:5760px;height:584px;position: relative;left:calc(50% - 960px);transition: 1s;}
.banner{float: left;}
.banner00{left:calc(50% - 2880px);}
.banner01{left:calc(50% - 960px);}
.banner02{left:calc(50% - 4800px);}

/*funav*/
.funav_dakuang{width:100%;background-color: #1d2228;height:240px;position: relative;}
.funav{width:1000px;height:240px;background-color: #191e24;border-radius: 4px;
	box-shadow:2px 2px 10px #000;
	position:absolute;top:-120px;left:calc(50% - 500px);
	}
.funav_kuang{margin: 0px 44px 0px 44px;}
.funav_tuwen{margin:58px;float:left;}
.funav_tuwen .funav_wen{color: white;text-align: center;font-size: 16px;line-height: 16px;}
.funav_tuwen .funav_tu{height:112px;margin-bottom: 20px;}

/*大事件*/
.dashijian_dakuang{width:100%;background-color:#1d2228;}
.dashijian h2{color:#fff;font-size: 32px;margin:0 0 52px 0;text-align: center;line-height: 48px;}
.dashijian h3{color:#fff;font-size: 24px;margin:0 0 0px 0;text-align: center;line-height: 36px;}
.dashijian h4{color:#ffa600;font-size: 28px;margin:0 0 74px 0;text-align: center;line-height: 40px;}
.dashijian .gaodu{height:2px;}

/*历程*/
.licheng_dakuang{width:100%;background-color:#191e24;padding: 124px 0 0 0;}
.licheng h2{color:#fff;font-size: 32px;margin:0 0 52px 0;text-align: center;line-height: 48px;}
.licheng h3{color:#fff;font-size: 24px;margin:0 0 74px 0;text-align: center;line-height: 36px;}
.licheng .gaodu{height:2px;}

/*产品*/
.chanpin_dakuang{width:100%;background-color:#1d2228;}
.chanpin_kuang{width:930px;margin: auto;}
.chanpin_kuang h1{padding: 124px 0 0 0;}
.chanpintu{width:calc(100% / 3 - 152);height:480px;margin:0px 76px 80px;float:left;position: relative;}
.chanpintu .fugai{background-color: #21252C;opacity: 0.84;width: 100%;height:100%;position: absolute;top:0px;
	transition: transform 0.5s , opacity 1s;}
.chanpintu .tuwen{position: absolute;top:104px;width:300px;text-align: center;transition: 0.5s;}
.chanpintu .juxing{width:32px;height:4px;background-color: white;border-radius: 2px;margin:50px auto 60px;transition: transform 0.5s , opacity 0.5s;}
.chanpintu .wen{font-size: 24px;margin:50px auto;color: white;text-align: center;line-height: 24px;	transition: transform 1s;}
.chanpintu .wen_shuoming{font-size: 20px;color: white;text-align: center;transition: opacity 1s ,transform 1s;opacity: 0;}
.chanpintu .tubiao{transition:transform 1s; }
.chanpintu:hover .tubiao{transform: translate(0px,-20px);}
.chanpintu:hover .fugai{opacity: 0.6;}
.chanpintu:hover .juxing{opacity: 0;transform: translate(0px,-40px);}
.chanpintu:hover .wen{transform: translate(0px,-80px);}
.chanpintu:hover .wen_shuoming{opacity: 1;transform: translate(0px,-80px);}

/*解决方案*/
.fangan_dakuang{width:100%;background-color:#191e24;}
.fangan_kuang{width: 1204px;margin: auto;}
.fangan_kuang h1{padding: 124px 0 0 0;}
.fangan_box{float:left;transition: 0.3s;}
.fangantu_xiao{width:200px;height:480px;margin:0px 2px 80px;float:left;overflow: hidden;position: relative;}
.fangantu_xiao .fugai{background-color: #000;opacity: 0.8;width: 100%;height:100%;position: absolute;top:0px;}
.fangantu_da{width:588px;height:480px;margin:0px 2px 80px;float:left;overflow: hidden;position: relative;}
.fangantu_da img{position:relative;}
.fangantu_da .fugai{background-color: #000;opacity: 0.5;width: 100%;height:100%;position: absolute;top:0px;}
.fangantu_da .wen{color: white;text-align: center;position: relative;top:-510px;}
.fangantu_da .wen h2{font-size: 36px;margin:122px 0px 72px;text-align: center;}
.fangantu_da .wen h3{font-size: 24px;line-height: 36px;text-align: center;}

/*成功案例*/
.anli_dakuang{width:100%;background-color:#1d2228;}
.anli_kuang{width: 1224px;margin: auto;}
.anli_kuang h1{padding: 124px 0 0 0;}
.anlitu{width:386px;height:480px;margin:0px 11px 80px;float:left;position: relative;}
.anlitu .fugai1{background-color: #000;opacity: 0.5;width: 100%;height:100%;position: absolute;top:0px;text-align: center;transition: transform 1s;}
.anlitu .fugai2{background-color: #000;opacity: 0.3;width: 100%;height:100%;position: absolute;top:0px;text-align: center;transition: transform 1s;}
.anlitu .tuwen{position: absolute;top:80px;text-align: center;}
.anlitu > img{transition: transform 1s;}
.anlitu .tuwen .tu{width:386px;height:104px;display:table-cell;vertical-align:middle;text-align: center;overflow: hidden;}
.anlitu .tuwen .juxing{width:32px;height:4px;background-color: white;border-radius: 2px;margin:60px auto 0px;opacity: 1;
	transition: opacity 1s,transform 1s;}
.anlitu .tuwen .wen{font-size: 24px;margin:80px auto;color: white;text-align: center;line-height: 24px;width:386px;transition:  transform 2s;}
.anlitu:hover > img{transform: scale(1.2);}
.anlitu:hover .fugai1{transform: translate(0,-528px);}
.anlitu:hover .fugai2{transform: scale(1.2);}
.anlitu:hover .juxing{opacity: 0;transform: translate(0px,-20px);}
.anlitu:hover .wen{transform: translate(0px,-30px);}
.anlitu:hover{z-index: 5;}



/*关于我们*/
.guanyu_dakuang{width:100%;background-color:#000000;}
.guanyu_kuang h1{padding: 100px 0 0 0;}
.guanyu_kuang h2{color:#fff;font-size: 32px;margin: 0 52px 0;text-align: center;line-height: 48px;}
.ditu{text-align: center;}
.zhanlue2{padding: 124px 0 0 0;text-align: center;}
.guanyu_kuang h3{color:#fff;font-size: 24px;margin:0 0 74px 0;text-align: center;line-height: 36px;}
.guanyu_kuang h4{color:#FFA600;font-size: 32px;margin:90px 0 30px 0;text-align: center;line-height: 36px;}
.guanyuwenzi {padding: 124px 0 0 0;}
.rongyu1{text-align: center;}
.rongyu2{text-align: center;padding: 100px 0 0 0;}
.huanhang2{padding: 120px 0 0 0;}

/*用车宝二维码*/
.yongchebao_dakuang{width:100%;background-color:#191e24;}
.yongchebao_kuang h1{padding: 100px 0 0 0;}
.yongchebao_kuang h2{color:#fff;font-size: 32px;margin: 0 52px 0;text-align: center;line-height: 48px;}
.ditu{text-align: center;}
.yongchebao_1{text-align: center;}
.yongchebao_2{text-align: center;padding: 100px 0 0 0;}
.erweima_wen{color:#fff;font-size: 32px;margin: 0 52px 0;text-align: center;line-height: 48px;}

/*服务客户*/
.kehu_dakuang{width:100%;background-color:#191e24;}
.kehu_kuang{width: 1224px;margin: auto;}
.kehu_kuang h1{padding: 124px 0 0 0;}
.shangbiao{width:calc(100% / 9 - 24px);height:124px;margin:0px 12px 80px;float:left;}
.shangbiao .wen{font-size:16px;text-align: center;color: white; margin: 30px 0 0 0;width:104px;}
.shangbiao .tu{text-align:center;width:104px;height:96px;display:table-cell;vertical-align:middle;}

/*页脚*/
.footer_dakuang{width:100%;background-color:#000;color: white;padding: 100px 0 0 0;}
.footer_kuang{width: 1200px;margin: auto;}
.footer_kuang > .zuo{float:left;margin: 0px 0px 14px 0px;}
.footer_kuang .zuo .shang .fenlei{float:left;margin: 40px 60px 24px 50px;}
.footer_kuang .zuo .shang .fenlei h2{font-size:24px;line-height: 52px;}
.footer_kuang .zuo .shang .fenlei h3{font-size:16px;line-height: 36px;}
.footer_kuang .zuo .xia{float: left;margin: 0px 0 0 50px;}
.footer_kuang .zuo .xia .shang{float: left;font-size: 14px;line-height: 21px;}
.footer_kuang .zuo .xia .xia{margin: 0px;}
.footer_kuang .zuo .xia .xia .zuo{float: left;font-size: 12px;line-height: 24px;}
.footer_kuang .zuo .xia .xia .you{float: left;font-size: 12px;line-height: 24px;}
.footer_kuang > .you{float:right;font-size: 12px;text-align: center;margin: 64px 158px 24px 50px;line-height: 14px;}
.footer_kuang > .you .tu{margin: 0 0 12px 0;}

 /*文字渐变动画*/
Flex-color-Special
 {
    text-shadow: 0 0 10px #fff,
               0 0 20px  #fff,
               0 0 30px  #fff,
               0 0 40px  #00c0ef,
               0 0 70px  #00c0ef,
               0 0 80px  #00c0ef,
               0 0 100px #00c0ef,
               0 0 150px #00c0ef;
  }
 
@-webkit-keyframes fadeIn {
0% {
opacity: 0; /*初始状态 透明度为0*/
}
50% {
opacity: 0.5; /*中间状态 透明度为0*/
}
100% {
opacity: 1; /*结尾状态 透明度为1*/
}
}
 
.Flex-fadeIn
{-webkit-animation-name: fadeIn; /*动画名称*/
-webkit-animation-duration: 1s; /*动画持续时间*/
-webkit-animation-iteration-count: 1; /*动画次数 infinite 为无限 否则就是具体次数*/
-webkit-animation-delay: 0.5s; /*延迟时间*/}

/*xiahuaxian*/
.header ul,li{
    display:inline-block;
}

.header a:link{
    position:relative;
    padding:10px 15px;
}
.header a:after{
    content: "";
    width: 0;
    height: 3px;
    background: #FFFFFF;
    position: absolute;
    bottom: 0;
    left: 50%;
    transition: all .2s;
}
a:hover:after,a.active:after{
    left: 0%;
    width: 100%;
}

/*分页-产品*/

/*产品二级菜单*/
.erji_dakuang{width:100%;background-color: #000;height:120px;position: relative;}
.erji{width:1000px;height:130px;background-color: #000b21;border-radius: 4px;
	box-shadow:2px 2px 10px #000;
	position:absolute;top:-50px;left:calc(50% - 500px);
	}
.erji_kuang{margin: 0px 44px 0px 150px;}
.erji_tuwen{margin:58px;float:left;}
.erji_tuwen .erji_wen{color: white;text-align:  center;font-size: 20px;line-height: 16px;outline-width: 16px;}

/*产品概述*/
.gaishu_dakuang{width:100%;background-color:#191e24;height: 400px;}
.gaishu_kuang{width: 1020px;margin: auto;}
.gaishu_dakuang h11{color:#ffa600;background-color: #000b21;font-size: 48px;margin:0 0 80px 0;text-align:center ;line-height: 48px;}
.gaishu_dakuang h2{color: #FFFFFF;font-size: 20px;}
.gaishu_kuang .wen{width:510px;height:100%;float:left;}
.gaishu_kuang .tu{width:510px;height:100%;float:right;}


/*生产能力*/
.shengchan_dakuang{width:100%;background-color:#000;padding: 124px 0 0 0;}
.shengchan_kuang{width: 1020px;margin: auto;}
.shengchan_dakuang h11{color:#ffa600;background-color: #000b21;font-size: 48px;margin:0 0 80px 0;text-align:center ;line-height: 48px;}
.shengchan_dakuang h2{color: #FFFFFF;font-size: 20px;}
.shengchan_kuang .wen{width:510px;height:100%;float:left;}
.shengchan_kuang .tu{width:510px;height:100%;float:right;}
.shengchan_kuang .wen2{width:510px;height:100%;float:right;}
.shengchan_kuang .tu2{width:510px;height:100%;float:left;}
.shengchan_kuang .wen3{float:right;}

/*产品图*/
.chanpin_dakuang2{padding: 124px 0 0 0;width:100%;background-color:#191e24;}
.chanpin_kuang2{width:930px;margin: auto;}
.chanpintu2{width:calc(100% / 3 - 152);height:480px;margin:0px 76px 80px;float:left;position: relative;}
.chanpintu2 .fugai{background-color: #21252C;opacity: 0.84;width: 100%;height:100%;position: absolute;top:0px;
	transition: transform 0.5s , opacity 1s;}
.chanpintu2 .tuwen{position: absolute;top:104px;width:300px;text-align: center;transition: 0.5s;}
.chanpintu2 .juxing{width:32px;height:4px;background-color: white;border-radius: 2px;margin:50px auto 60px;transition: transform 0.5s , opacity 0.5s;}
.chanpintu2 .wen{font-size: 24px;margin:50px auto;color: white;text-align: center;line-height: 24px;	transition: transform 1s;}
.chanpintu2 .wen_shuoming{font-size: 20px;color: white;text-align: center;transition: opacity 1s ,transform 1s;opacity: 0;}
.chanpintu2 .tubiao{transition:transform 1s; }
.chanpintu2:hover .tubiao{transform: translate(0px,-20px);}
.chanpintu2:hover .fugai{opacity: 0.6;}
.chanpintu2:hover .juxing{opacity: 0;transform: translate(0px,-40px);}
.chanpintu2:hover .wen{transform: translate(0px,-80px);}
.chanpintu2:hover .wen_shuoming{opacity: 1;transform: translate(0px,-80px);}

/*产品功能*/
.gongneng_dakuang{width:100%;background-color:#000;padding: 124px 0 0 0;}
.gongneng_kuang{width: 1024px;margin: auto;}
.zuowen{font-size: 30px;color: white;width: 512px;float:left;}
.youwen{font-size: 24px;color: white;width: 512px;float:right;}
.gongneng_kuang2{width: 1024px;margin: auto;padding: 124px 0 0 0;}


/*分页2-CRM*/

/*CRM流程管理体系*/
.CRMguanli_dakuang{width:100%;background-color:#191e24;padding: 224px 0 0 0;}
.CRMguanli_kuang{width: 1020px;margin: auto;}
.CRMguanli_kuang h2{font-size: 24px;color: #FFFFFF;text-align: center;}

.CRMguanli_kuang2{padding: 44px 0 0 0;width:510px;float: left;}
.CRMguanli_kuang2 h3{font-size: 60px;text-align: center;color: #db9106; -webkit-text-stroke: 0.5px white;}
.CRMguanli_kuang3{padding: 44px 0 0 0;width:510px;float: right;}
.CRMguanli_kuang3 h3{font-size: 60px;text-align: center;color: #db9106; -webkit-text-stroke: 0.5px white;}


/*行业解决方案*/
.hangye_dakuang{width:100%;background-color:#191e24;padding: 224px 0 0 0;}
.hangye_kuang{width: 1020px;margin: auto;background-color:#000;align-items: center;}
.hangye_kuang h2{font-size: 30px;text-align: center;color: #db9106; -webkit-text-stroke: 0.5px white;}
.hangye_kuang2{padding: 44px 0 0 0;width:340px;float: left;}
.hangye_kuang2 h2{font-size: 50px;text-align: center;color: #db9106; -webkit-text-stroke: 0.5px white;}
.hangye_kuang3{padding: 44px 0 0 0;width:340px;float: right;}
.hangye_kuang3 h2{font-size: 50px;text-align: center;color: #db9106; -webkit-text-stroke: 0.5px white;}
.hangye_kuang4{padding: 44px 0 0 0;width:340px;float: right;}
.hangye_kuang4 h2{font-size: 50px;text-align: center;color: #db9106; -webkit-text-stroke: 0.5px white;}
.huanhang{padding: 0 0 224px 0;}

/*平台-内容*/
.nierong_dakuang{width:100%;background-color:#191e24;}
.nierong_kuang{width: 1020px;margin: auto;background-color:#000;align-items: center;}
.nierong_kuang2{width: 884px;margin: auto;background-color:#000;align-items: center;padding: 224px 0 0 0;}

/*结构*/
.jiegou_dakuang{width:100%;background-color:#191e24;}
.jiegou_kuang{width: 1205px;margin: auto;background-color:#000;align-items: center;}

/*CRM-4S*/
.CRM4S_dakuang{width:100%;background-color: #000000;}
.CRM4S_kuang{width: 1200px;margin: auto;background-color:#000;align-items: center;}
.CRM4S_kuang h1{text-align: left;}
.CRM4S_kuang h2{font-size: 40px;text-align: center;color: #FFA600;padding: 0 0 120PX 0;}
.CRM4S_kuang h3{font-size: 35px;text-align: center;color: #f4af2f;padding: 0 0 60PX 0;}
.CRM4S_kuang h4{font-size: 35px;text-align: center;color: #FFFFFF;padding: 0 0 60PX 0;}

/*分页3-端云*/
.duanyun_dakuang{width:100%;background-color: #000000;}
.duanyun_kuang{width: 1200px;margin: auto;background-color:#000;align-items: center;}
.duanyun_kuang h1{text-align: left;}
.duanyun_kuang h2{font-size: 40px;text-align: center;color: #FFA600;padding: 0 0 120PX 0;}
.duanyun_kuang h3{font-size: 35px;text-align: center;color: #f4af2f;padding: 0 0 60PX 0;}
.duanyun_kuang h4{font-size: 35px;text-align: center;color: #FFFFFF;padding: 0 0 60PX 0;}

/*分页4-成功案例*/
.chenggong_dakuang{width:100%;background-color: #000000;}
.chenggong_kuang{width: 1200px;margin: auto;background-color:#000;align-items: center;}
.chenggong_kuang h1{text-align: left;}
.chenggong_kuang h2{font-size: 40px;text-align: center;color: #FFA600;padding: 0 0 120PX 0;}
.chenggong_kuang h3{font-size: 35px;text-align: center;color: #f4af2f;padding: 0 0 60PX 0;}
.chenggong_kuang h4{font-size: 35px;text-align: center;color: #FFFFFF;padding: 0 0 60PX 0;}

/*分页5-关于我们*/
.qiye_dakuang{width:100%;background-color: #000000;}
.qiye_kuang{width: 1200px;margin: auto;background-color:#000;align-items: center;}
.qiye_kuang h1{text-align: center;}
.qiye_kuang h2{font-size: 40px;text-align: center;color: #FFA600;padding: 0 0 120PX 0;}
.qiye_kuang h3{font-size: 35px;text-align: center;color: #f4af2f;padding: 0 0 60PX 0;}
.qiye_kuang h4{font-size: 30px;text-align: center;color: #FFFFFF;padding: 0 0 30PX 0;}
.qiye_kuang h5{font-size: 22px;text-align: left;color: #FFFFFF;padding: 0 0 30PX 0;line-height:30px;}
.qiye_kuang h6{font-size: 22px;text-align: center;color: #FFFFFF;padding: 0 0 30PX 0;line-height:30px;}
.qiyewen{width: 850px;margin: auto;background-color:#000;}

/*服务客户*/
.kehu2_dakuang{width:100%;background-color:#191e24;}
.kehu2_kuang{width: 1224px;margin: auto;}
.kehu2_kuang h1{font-size: 35px;text-align: center;color: #f4af2f;padding: 120px 0 0 0;}
.shangbiao{width:calc(100% / 9 - 24px);height:124px;margin:0px 12px 80px;float:left;}
.shangbiao .wen{font-size:16px;text-align: center;color: white; margin: 30px 0 0 0;width:104px;}
.shangbiao .tu{text-align:center;width:104px;height:96px;display:table-cell;vertical-align:middle;}
