@charset "UTF-8";
/* css reset*/
html{color:#333;background:#fff;font-family:Microsoft YaHei,sans-serif,Arial,'宋体';}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,strong{padding:0;margin:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}a{text-decoration:none;outline:none;color:inherit; }caption,em,strong,i{font-style:inherit;font-weight:inherit;}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:'';}input,button,textarea,select,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}.clear{clear:both;height:0px;overflow:hidden;}.clearfix:after{clear:both;display: block;content: "...";visibility: hidden;height: 0;font-size: 0;}input,button,textarea{border:none;outline:none;border-radius:0;-webkit-appearance: none;}.clearfix{*zoom:1;}a,div,span,p,li{-webkit-tap-highlight-color:transparent;}
::-webkit-scrollbar-thumb {border-radius: 2px;background-color: rgba(0,0,0,.2);}
/* common */
html,body{height:100%;font-size: 14px;background-color: #fff;}
img{vertical-align:top;}
::-webkit-scrollbar {width: 5px;background-color: #fff;}
.clearfix::after {content: " ";display: block;clear: both;height: 0;}
.clearfix { zoom: 1; }  
*{box-sizing: border-box;-ms-box-sizing: border-box;}
    /* 主宽度 */
.content{width: 1200px;margin: 0 auto;}
.banner{height: 600px;}
.mobile{display: none;}
    /* header */
.header{position: fixed;left: 0;top: 0;width: 100%;height: 70px;z-index: 10;transition: all .1s ease;}
.header .logo{float: left;width: 250px;height: 55px;background: url("//bk-test12.oss-cn-beijing.aliyuncs.com/house_v2/2b/logo_white.png") no-repeat;background-size: 155px 55px;}
.header .menu-box{float: right;height: 70px;line-height: 70px;font-size: 16px;color: #fff;}
.header .menu-group{float: left;}
.header .menu-group .menu-item{float: left;height: 70px;padding:0 15px;line-height: 70px;cursor: pointer;}
.header .menu-group .menu-item:hover{color: #ff8214;}
.header .menu-group .menu-item + .menu-item{margin-left: 20px;}
.header .current{border-bottom: 2px solid #fff;}
.header .menu-btn{float: right;display: flex;height: 70px;align-items: center; line-height: 70px;font-size: 14px;text-align: center;margin-left: 30px;}
.header .login-btn{ width: 84px;height: 30px;line-height: 28px; border:1px solid #fff;border-radius: 5px;}
.header .registered-btn{ width: 84px;height: 30px;line-height: 29px;margin-left: 20px;color: #333; border-radius: 5px; background:  #fff;}

.header .drop-menu-wrap{position: absolute;left: 0;top: 70px;width: 100%;height: 60px;background: #f9f9f9;opacity: 0;z-index: -10;transform: translate(0,-100%);border-bottom: 1px solid #dcdcdc;}
.header .drop-menu-wrap .menu-grop{float: right;width: 610px;}
.header .drop-menu-wrap .menu-item{float: left;width: 100px;line-height: 60px;text-align: center;color: #333;}
.header .drop-menu-wrap .current{color:#ff8214;border:none; }
.header .drop-menu:hover .drop-menu-wrap{opacity: 1;z-index: 1;transform: translate(0,0);transition:all .2s .2s ease;-ms-transition:all .2s .2s ease;-webkit-transition:all .2s .2s ease;}

.header:hover {background: #ff8214;}
/*.header:hover .menu-group{background: #fff;}*/
/* .header:hover .logo{background-size: 236px 70px; background: url("//static.xique520.com/xq/image/2b_bg.jpeg") no-repeat;} */
.header:hover .menu-box{color: #333;}
.header:hover .current{border-color:#ff8214;}
.header:hover .login-btn{ border:1px solid #fff;color: #fff;}
.header:hover .registered-btn{color: #ff8214;background:#fff;}

.header.actived {background: #ff8214;box-shadow: 0 0 2px 2px rgba(100,100,100,.2);transition:all .2s .2s ease;-ms-transition:all .2s .2s ease;-webkit-transition:all .2s .2s ease;}
/* .header.actived .logo{background-size: 236px 70px;background: url("//static.xique520.com/xq/image/2b_bg.jpeg") no-repeat;transition:all .2s .2s ease;-ms-transition:all .2s .2s ease;-webkit-transition:all .2s .2s ease;} */
.header.actived .menu-box{color: #333;transition:all .2s .2s ease;-ms-transition:all .2s .2s ease;-webkit-transition:all .2s .2s ease;}
.header.actived .current{border-color:#ff8214;}
.header.actived .login-btn{ border:1px solid #fff;color: #fff;transition:all .2s .2s ease;-ms-transition:all .2s .2s ease;-webkit-transition:all .2s .2s ease;}
.header.actived .registered-btn{color: #ff8214;background:#fff;transition:all .2s .2s ease;-ms-transition:all .2s .2s ease;-webkit-transition:all .2s .2s ease;}

.footer{position: relative;width: 100%;height: 240px;color: #fff;overflow: hidden;}
.footer .footer-bg{position: absolute;height: 240px;left: 50%;top: 0;transform: translate(-50%,0);z-index: 1;}
.footer .content{position: relative; padding-top: 60px; overflow: hidden; z-index: 2;}
.footer .about-us{float: left;display: flex;width: 510px; font-size: 16px;}
.footer .qrcode{width: 102px;height: 102px;margin-right: 20px;}
.footer .title{height: 22px;padding-bottom: 5px;line-height:22px;font-size: 18px;}
.footer .text{height: 16px;margin-top: 13px;line-height: 16px;}
.footer .loaction{text-align: right;}

.banner{position: relative; height: 600px;overflow: hidden;}
.banner .banner-bg{position: absolute;left: 50%;top: 0;transform: translate(-50%,0);z-index: 1;}
.banner .content{position: relative;z-index: 2;}
/* index */
.index .banner .content{position: relative;height: 600px;}
.index .slider-item{position: absolute;left: 0;top:200px; width: 100%; text-align: center;color: #fff;z-index: -1;opacity: 0;transition:all .5s .5s ease;}
.index .slider-item h1{font-size: 44px;line-height: 70px;}
.index .slider-item p{font-size: 24px;line-height: 60px;}
.index .slider-item.active{z-index: 1;opacity: 1;}
.index .registered-btn{position: absolute;left: 50%;bottom: 100px;width: 140px;height: 40px;line-height: 39px;text-align: center;color: #fff;font-size: 19px;background: #ff8214;border-radius: 5px;transform: translate(-50%,0);}
/* .index .registered-btn::after{content: url('../image/finger.png');position: absolute;top: 24px;right: 0;width: 32px;height: 38px;} */
.index .block{padding:60px 0;}

.index .block .content > .title{height: 28px;line-height: 28px;color: #ff8214;font-size: 28px;text-align: center;}
.index .block .text{margin-top: 30px;height: 20px;line-height:20px;font-size: 20px;text-align: center;}
.index .block .banner-img{margin-top: 40px;width: 100%;}
.index .block .p2-content{width: 100%; height: 300px;box-sizing: border-box;-ms-box-sizing: border-box;margin-top: 100px;padding: 0 40px;display: flex;}
.index .block .p2-content ul{width:200px;height: 100%;border-right: 1px solid #E5E5E5;display: flex;flex-direction: column;justify-content: space-between;}
.index .block .p2-content ul li{width: 140px;height: 40px;line-height: 40px;font-size: 18px;color: #333;text-align: center;cursor: pointer;}
.index .block .p2-content ul li.active{background: #ff8214;border-radius: 2px;color: #fff;}
.index .block .p2-content .box{flex: 1;box-sizing: border-box;-ms-box-sizing: border-box;}
.index .block .p2-content .subbox{padding: 20px 0px 20px 60px ;display: flex;flex-direction: column;justify-content: space-between;height: 100%;display: none;}
.index .block .p2-content .subbox.active{display: flex;}
.index .block .p2-content .subbox>div:first-of-type{display: flex;justify-content: space-between;}
.index .block .p2-content .subbox .title{font-size: 24px;}
.index .block .p2-content .subbox .btns a{cursor: pointer; text-align: center;display: inline-block; font-size:14px ;width: 84px;height: 30px;line-height: 30px; border-radius: 4px;box-sizing: border-box;-ms-box-sizing: border-box;}
.index .block .p2-content .subbox .btns a:first-of-type{border: 1px solid #39aafb;color: #39aafb;margin-right: 20px;}
.index .block .p2-content .subbox .btns a:last-of-type{background: #39aafb;color: #fff;}
.index .block .p2-content .subbox p{font-size: 16px;color: #333;line-height: 30px;}
.index .block .p2-content .subbox>div:last-of-type{display: flex; justify-content: space-between;}
.index .block .p2-content .subbox>div:last-of-type>div{display: flex;flex-direction: column;text-align: center;}
.index .block .p2-content .subbox>div:last-of-type .img{width: 100px;height: 100px;border-radius: 50%;padding-top: 25px;box-sizing: border-box;-ms-box-sizing: border-box; margin-bottom: 20px;box-shadow: 4px 4px 10px rgba(0,0,0,.1);}
.index .block .p2-content .subbox>div:last-of-type .img:hover{animation:imgJump .5s ease;}
.index .comt-box{display: flex;padding-top: 40px;}
.index .comt-box .items{flex: 1;text-align: center;color: #333;}
.index .comt-box .icon{width: 144px;height: 116px;margin: 0 auto 55px;}
.index .comt-box .icon-tech{background: url("../image/icon-index-tech.png") center no-repeat;}
.index .comt-box .icon-team{background: url("../image/icon-index-team.png") center no-repeat;}
.index .comt-box .icon-comm{background: url("../image/icon-index-comm.png") center no-repeat;}
.index .comt-box .icon-auto{background: url("../image/icon-index-auto.png") center no-repeat;}
.index .comt-box .items:hover{color: #ff8214;}
.index .comt-box .items:hover .icon-tech{background: url("../image/icon-index-tech_active.png") center no-repeat;}
.index .comt-box .items:hover .icon-team{background: url("../image/icon-index-team_active.png") center no-repeat;}
.index .comt-box .items:hover .icon-comm{background: url("../image/icon-index-comm_active.png") center no-repeat;}
.index .comt-box .items:hover .icon-auto{background: url("../image/icon-index-auto_active.png") center no-repeat;}
.index .comt-box .title{font-size: 24px;}
.index .comt-box .text{font-size: 16px;margin-top: 20px}
.index .b2{background: #f9f9f9;}
.index .indu-box{margin-top: 50px;}
.index .indu-box .item{float: left; width: 292px;height: 380px;margin-bottom: 20px; box-shadow:0px 0px 16px 0px rgba(142,142,142,0.2);background: #fff;}
.index .indu-box .item + .item{margin-left: 10px;}
.index .indu-box .pic{width: 100%;height: 240px;overflow: hidden;}
.index .indu-box img{transition:all .5s .2s ease;}
.index .indu-box .item:hover .pic img{transform: scale(1.1);}
.index .indu-box .item:hover{box-shadow:0px 0px 16px 0px rgba(142,142,142,0.4);transition:all .2s .2s ease;-ms-transition:all .2s .2s ease;-webkit-transition:all .2s .2s ease;}
.index .indu-box .title{margin:30px 0 18px 0px;height: 30px;line-height: 30px; font-size: 24px;color: #333;text-align: center;}
.index .indu-box .star{height: 26px;background: url("../image/index-icon-star.jpg")center center no-repeat;}
.b4box{display: flex;justify-content: space-between;margin-top: 60px;background: #F9F9F9;}
.b4box>div{width: 292px;height: 302px;font-size: 16px; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);box-sizing: border-box;-ms-box-sizing: border-box;display: flex;flex-direction: column;padding:48px 30px ;justify-content: space-between;background: #fff;}
.b4box>div:hover{background: #ff8214;color: #fff !important;}
.b4box>div .img{width: 56px ; height: 56px; background-size: 100%;}
.b4box>div .img1{background: url("../image/toker_01.png") no-repeat;}
.b4box>div:hover .img1{background: url("../image/toker_01_active.png");}
.b4box>div .img2{background: url("../image/toker_02.png") no-repeat;}
.b4box>div:hover .img2{background: url("../image/toker_02_active.png");}
.b4box>div .img3{background: url("../image/toker_03.png") no-repeat;}
.b4box>div:hover .img3{background: url("../image/toker_03_active.png");}
.b4box>div .img4{background: url("../image/toker_04.png") no-repeat;}
.b4box>div:hover .img4{background: url("../image/toker_04_active.png");}
.b4box>div:hover .subtitle,.b4box>div:hover a{color: #fff;}
.b4box>div .subtitle,.b5box>div .subtitle{font-size: 24px;color: #333;}
.b4box>div a{color: #ff8214;}
.b5box{text-align: center;}
.b5box .box-items + .box-items{margin-left: 20px;}
.b5box .box-items{display: inline-block;width:388px;text-align: center;}
.b5box .box-items .subtitle{padding-top: 50px;font-size: 32px;color: #fff;line-height: 1;display: none;}
.b5box .box-items .num{font-size: 72px;line-height: 1; color: #fff;padding-top:85px;}
.b5box .box-items .sub-text{font-size: 22px;color: #fff;padding-top:30px;line-height: 1;}
.b5box .box-items .num span{font-size: 36px;vertical-align: bottom;}
/* .b5box .box-items:hover{background: #39AAFB;} */
.b5box .box-items:hover .num,.b5box .box-items:hover .sub-text{color: #fff;}
/* 美采  */

.mc .banner .content {position: relative;height: 600px;}
.mc .slider-item{position: absolute;left: 0;top:230px; width: 100%; text-align: center;color: #fff;}
.mc .banner .slider-item .registered-btn{position: absolute;left: 50%;bottom: 100px;width: 140px;height: 40px;line-height: 39px;text-align: center;color: #fff;font-size: 19px;background: #ff8214;border-radius: 5px;transform: translate(-50%,0);}
.mc .banner .slider-item h1{font-size: 48px;line-height: 70px;}
.mc .banner .slider-item p{font-size: 24px;line-height: 60px;}
.mc .banner .registered-btn{position: absolute;left: 50%;bottom: 100px;width: 140px;height: 40px;line-height: 39px;text-align: center;color: #fff;font-size: 19px;background: #ff8214;border-radius: 5px;transform: translate(-50%,0);}
.mc .block{padding: 100px 0 90px;}
.mc .block .content > .title{height: 35px;line-height: 35px; color: #ff8214;font-size: 28px;text-align: center;}
.mc .block .text{margin-top: 24px;height: 26px;font-size: 20px;text-align: center;}
.mc .block .banner-img{    margin-top: 65px;}
.mc .b2{padding-top: 0;margin-top: -18px;}  
.mc .b2 .banner-img{margin-top: 100px;width: 100%;}  
.mc .b3 .banner-img + .banner-img {margin-top: 0;vertical-align: top;}  
.mc #anchor1{padding-bottom:50px;}
.mc #anchor2{padding-top:60px;padding-bottom:50px;background: #f9f9f9;}
.mc #anchor4{padding-bottom:30px;padding-bottom:50px;background: #f9f9f9;}

/* cooperation start */
.cooperation{height: 720px;}
.cooperation .content{padding-top: 190px;text-align: center;}
.cooper-banner__text1{font-size: 24px;color: #ffffff;}
.cooper-banner__text2{margin-top: 30px;font-size: 48px;color: #ffffff;}
.cooper-banner__text2 span{color: #ff8214;}
.cooper-banner__text3{margin-top: 40px;font-size: 32px;color: #ffffff;}
.cooper-banner__prog{text-align: center;padding-top: 60px;}
.cooper-banner__icons, .cooper-banner__text{display: flex;width: 640px;margin: 0 auto 20px;justify-content: space-between;align-items: center;}
.cooper-banner__icon{width: 82px;height: 82px;}
.cooper-banner__arrow{width: 40px;height: 10px;}
.cooper-text__item{width: 75px;font-size: 24px;color: #ffffff;}

.cooper-proxy__box{position: relative;}
.proxy-show{display: flex;height: 282px;flex-flow: column nowrap;justify-content: center;text-align: center;}
.cooper-proxy__text1{padding: 20px 0;color: #023354;font-size: 32px;}
.cooper-btn__outer{padding: 20px 0;text-align: center;}
.cooper-proxy__btn{display: inline-block;width: 188px;height: 47px;text-align: center;line-height: 45px;background: #ff8214;border: none;outline: none;font-size: 20px;color: #ffffff;border-radius: 2px;cursor: pointer;transition: all 0.3s ease-in;}
.cooper-proxy__btn:hover{background: #0090f0;}
.proxy-hide{display: none;position: absolute;left: 50%;transform: translate(-50%,0);top: -52px; padding-top: 40px;padding-bottom: 20px;margin-bottom: 70px;box-shadow: 0 4px 10px rgba(0,0,0,.1);background: #fff;border-radius: 10px;z-index: 5;}
.proxy-hide .cooper-proxy__btn{width: 120px;height: 32px;line-height: 30px;font-size: 14px;}
.cooper-proxy__text2{text-align: center;color: #023354;font-size: 20px;}
.cooper-proxy__text2 span{color: #0090f0;}
.cooper-form__group{width: 500px;margin: 20px auto 0;padding: 20px 0;}
.cooper-form__item{display: flex;align-items: center;padding: 10px 0;}
.cooper-form__lb{width: 140px;text-align: right;font-size: 16px;color: #333333;}
.cooper-form__lb i{color: #0090f0;}
.cooper-form__control{flex: 1;text-align: left;height: 32px;line-height: 32px;text-indent: 10px;border-radius: 4px;background: #ffffff;border: 1px solid #999999;color: #333333;font-size: 16px;}
.cooper-form__control::-webkit-input-placeholder{color: #c5c5c5;}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{-webkit-box-shadow: 0 0 0px 1000px white inset}
.cooper-valid__code{width: 80px;height: 32px;line-height: 32px;text-align: center;padding: 0 5px;margin: 0 10px;color: #333333;font-size: 20px;background: #eeeeee;border-radius: 4px;letter-spacing: 3px;}
.cooper-change__code{width: 80px;height: 32px;line-height: 32px;color: #666666;font-size: 16px;}
.cooper-change__code span{color: #0090f0;cursor: pointer;}

.cooper-regist{display: none;text-align: center;background: #f9f9f9;}
.cooper-regist .content{display: flex;height: 214px;flex-flow: column nowrap;justify-content: center;}
/* cooperation end */

/* aboutus start */
.aboutus-regist{text-align: center;background: #f9f9f9;}
.aboutus-regist .content{display: flex;height: 214px;flex-flow: column nowrap;justify-content: center;}
.aboutus .content{padding-top: 240px;}
.aboutus-banner__text1{text-align:center;font-size: 48px;color: #ffffff;}
.aboutus-logo{padding: 95px 0 30px;}
.aboutus-logo-img{display: inline-block;width: 236px;}
.aboutus-content__parag{padding: 30px 0;line-height: 44px;font-size: 24px; color: #333333;font-family: 'Microsoft YaHei Light';text-align: justify}
.aboutus-certify__box{text-align: center; padding: 10px 0 20px;}
.aboutus-certify__item{width: 334px;height: 418px;}
.aboutus-certify__item + .aboutus-certify__item{margin-left: 60px;}
/* aboutus end */

/* saas 店务*/
.banner-saas p{color: #fff; text-align: center;font-size:48px;line-height: 48px}
.banner-saas p:nth-child(1){margin-top: 256px;}
.banner-saas p:nth-child(2){font-size:24px;margin-top: 32px;line-height: 24px;}
.banner-saas .color-blue{color: #ff8214;}
.banner-saas .btn-wrap{width: 140px;height: 40px;line-height: 40px;text-align: center;color: #fff;font-size: 20px;background-color: rgb(51, 153, 255);border-radius: 4px;margin:100px auto 0;cursor: pointer;}
.saas .p1{font-size: 28px;line-height:28px;color:#ff8214;margin-top: 60px;text-align: center;}
.saas .p2{font-size: 20px;margin-top: 30px; text-align: center;}

.saas .img{margin-top: 80px;overflow: hidden;}
.saas .img img{float: left; width: 530px;height: auto;margin-top: 80px;}
.saas .text-box{overflow: hidden;float: left; padding-top: 50px; }
.saas .text-box .text-row{padding-left:80px;overflow: hidden;}
.saas .text-box .text-item{float: left;padding-top: 50px; width: 300px;}
.saas .text-box .text-p{line-height: 38px;font-size: 14px;}
.saas .text-box .text-item + .text-item{width: 270px; margin-left: 30px;}
.saas .img>div .title{color: #39AAFB; font-size: 18px;position: relative;margin-bottom: 18px;}
.saas .img>div .title::before{content: '';width: 8px;height: 8px;border-radius: 50%;background: #39AAFB;position: absolute;left: -20px;top: 10px;}
.saas .CRM-icon{width: 1077px;margin: 0 auto; display: flex;justify-content: space-between}
.saas .CRM-icon img{width: 100%;display: block;margin-top: 70px;}
.saas .CRM-icon p{font-size: 24px;line-height:30px;text-align: center}
.saas .itme-fours-wrap{margin-top: 100px;display: flex;justify-content: space-between}
.saas .single{width: 293px; position: relative;height: 560px;margin-bottom:100px;background: #F9F9F9}
.saas .single .single-content{width: 236px;margin:0 auto;position: relative; }
.saas .line{width: 56px;height: 4px;background: #ff8214;margin:40px auto 39px}
.saas .single p{font-size: 16px;line-height: 28px;}
.saas .single p:nth-child(1){font-size: 24px;line-height: 24px;color:#ff8214;text-align: center;}
.saas .single p:nth-child(2){margin-top: 30px}
.saas .single img{width: 100%;margin-top: 0}
.saas .single .single-pic{width: 80px;height: 80px;display: block;position:absolute;top:70px;left: 50%;transform: translateX(-50%)}
.saas .login{margin-top: 50px;}
.saas .login p{font-size: 32px; line-height:32px;text-align: center}
.saas .login-btn{width:188px;height:47px;line-height:47px;color:#fff;text-align:center;background:rgba(0,153,255,1);border-radius:2px;margin:40px auto 42px;font-size:20px;}
.saas .single:hover .mine-img{transform: scale(1.1);transition: all 1s}
.saas .content .CRM-icon-item:hover p{color: #0090f0;}
.saas .content .CRM-icon-item:hover img{animation: imgJump 0.5s ease;}
.saas .item:nth-of-type(2){background: #f9f9f9;}
.saas .item2-top{background: #fff;margin:100px 0 0 0;}
.saas .item2-top p,.saas .item2-top ul{width: 1225px;margin: 0 auto;}
.saas .item ul{display: flex;justify-content: space-between;font-size: 16px;margin-top: 75px;padding-bottom: 40px;}
.saas .item ul li{cursor: default;position: relative;}
.saas .item ul li.active{color: #39aafb;}
.saas .item ul li.active::after{content: '';position: absolute;width: 0;height: 0;border-width: 20px;border-style: solid; border-color: transparent transparent #f9f9f9 transparent;bottom: -40px;left: 50%;transform: translateX(-20px);}
.saas .item .item-box{display: none;justify-content: space-between;align-content: center;}
.saas .item .item-box p{line-height: 32px;}
.saas .item .item-box.active{display: flex;}
.saas .item .item-box img{width: 566px;height: 422px;}
.saas .item .item-box>div span{font-weight: 700;color: #333;}
.saas .item .item-box>div a{width: 170px;height: 48px;line-height: 48px;border-radius: 24px;background: #39AAFB;color: #fff;text-align: center;}
.saas .item .item-box>div{display: flex;flex-direction: column;justify-content: space-between;width: 500px;font-size: 20px;color: #666;padding: 120px 0;}
/* marketing 营销 */
.marketing .p1{font-size: 28px;padding-bottom: 10px;line-height:36px;color:#ff8214;text-align: center;}
.marketing .p2{font-size: 20px;line-height:24px;margin-top: 14px; text-align: center;}
.marketing img{display: block;width: 100%;}
.marketing .pic-1{width: auto;margin:82px auto 0;}
.marketing .pic-3{width: 100%;margin:82px auto 0;}
.marketing .item{margin: 80px 0 100px}
.marketing .item-content-wrap{display: flex;justify-content: space-between}
.marketing .item-content {width: 593px; height: 648px;box-shadow:0px 0px 18px 0px rgba(0,153,255,0.2);margin-top: 50px}
.marketing .item-content-bottom{padding: 0 20px}
.marketing .item-content-bottom p:nth-child(1){margin-top: 43px;font-size:20px;font-weight:bold;line-height:24px;}
.marketing .item-content-bottom p:nth-child(2){margin-top: 11px;font-size:15px;}
.marketing .item-content-bottom p:nth-child(3){margin-top: 25px;font-size:17px;}
.marketing .star{width: 114px; float: right;}
.marketing .login{margin-top: 150px;}
.marketing .login p{font-size: 32px; line-height:32px;text-align: center}
.marketing .login-btn{width:188px;height:47px;line-height:47px;color:#fff;text-align:center;background:rgba(0,153,255,1);border-radius:2px;margin:40px auto 42px;font-size:20px;}
.marketing .img-box{position: relative;}
.marketing .link-item{position: absolute;width: 240px;height: 240px;}
.marketing .link-item:nth-child(1){left: 30px;top: 10px;}
.marketing .link-item:nth-child(2){left: 335px;top: 10px;}
.marketing .link-item:nth-child(3){left: 645px;top: 10px;}
.marketing .link-item:nth-child(4){left: 955px;top: 10px;}
.marketing .link-item:nth-child(5){left: 204px;top: 254px;}
.marketing .link-item:nth-child(6){left: 490px;top: 254px;}
.marketing .link-item:nth-child(7){left: 780px;top: 254px;}
.marketing .block.light{background: #fff;}
.marketing .block.gray{background: #f9f9f9;}
.marketing .text{position: absolute;width: 50%;top:50%;transform: translate(0,-50%);}
.marketing .right{left: 50%;padding-left: 50px;}
.marketing .left{left: 0;}
.marketing .title{font-size: 28px;line-height:40px;}
.marketing .text-item{font-size: 20px;line-height:34px;padding-top: 16px;}



.main .registered-block{background: #f9f9f9;}
.main .registered-block{padding: 55px 0 40px !important;}
.main .registered-block .content > .title{display: none; height: 40px;line-height: 40px;color:#023354;font-size: 32px;text-align: center; background: #f9f9f9;}
.main .registered-block .reg-btn{display: block;width:188px; height:47px;margin: 0px auto 0;line-height: 47px;font-size: 20px;color: #fff; text-align: center;background:rgba(0,153,255,1);border-radius:2px;}

.overflowhid{overflow: hidden;}
.fixed-tool-bar{position: fixed;right: 10px;top: 300px;z-index: 10;}
.fixed-tool-bar .item{width: 44px;height: 44px;margin-bottom: 10px;background: #ff8214;cursor: pointer;}
.fixed-tool-bar .item-cs{display: block;width: 44px;height: 44px;background: url("../image/icon-cs.png") center no-repeat;}
.fixed-tool-bar .item-wx{width: 44px;height: 44px;background: url("../image/icon-wx.png") center no-repeat;}
.fixed-tool-bar .wx-eqcode{position: absolute;right: 65px;top: 55px;width:110px;height: 110px;z-index: -10;opacity: 0;transition:all .2s .2s ease;-ms-transition:all .2s .2s ease;-webkit-transition:all .2s .2s ease;pointer-events: none;}
.fixed-tool-bar .item-wx:hover + .wx-eqcode{right: 55px;top: 55px; z-index: 1;opacity: 1;box-shadow:0px 0px 10px 0px rgba(142,142,142,0.4);}
@keyframes imgJump{0%{transform:translate(0,0)}
25%{transform:translate(0,-20px)}
50%{transform:translate(0,10px)}
75%{transform:translate(0,-8px)}
100%{transform:translate(0,0)}
}
@keyframes swing{20%{transform:rotate(15deg)}
40%{transform:rotate(-10deg)}
60%{transform:rotate(5deg)}
80%{transform:rotate(-5deg)}
100%{transform:rotate(0)}
}

.mini-header{display: none; position: fixed;left: 0;top: 0;width: 100%;z-index: 10;}
.mini-header .content{position: absolute;left: 0;top: 0;width: 100%; height: 55px;display: flex;align-items: center;justify-content: space-between;background: #fff;box-shadow: 0 0 2px 2px rgba(100,100,100,.2);z-index: 9;}
.mini-header .drop-menu-arrow{position:relative;display: inline-block;vertical-align: top; width:20px;height:18px;margin-left: 17px;}
.mini-header .drop-menu-arrow i{position:absolute;display:block;width:20px;height:2px;background:#ff8214;border-radius:10px 0 0 10px;}
.mini-header .drop-menu-arrow i:nth-of-type(1){top:0px}
.mini-header .drop-menu-arrow i:nth-of-type(2){top:8px}
.mini-header .drop-menu-arrow i:nth-of-type(3){top:16px}
.mini-header .logo{display: inline-block;vertical-align: top; height: 20px; width: 100px;margin-left: 6px;background: url("//static.xique520.com/xq/image/2b_bg.jpeg") no-repeat;background-size: auto 40px;}
.mini-header .registered-btn{width: 77px;height: 28px;margin-right: 14px; line-height: 28px;text-align: center;color: #fff;font-size: 14px;background: #009BFF;border-radius:2px;}

.mini-header .drop-menu{position: fixed;left: 20px;top: 66px;width: 120px;text-align: center; background: #fff;border-radius: 4px;z-index: 10;display: none;}
.mini-header .drop-menu .drop-item{display: block;width: 100%;line-height: 45px;font-size: 14px;color: #1F232D;}
.mini-header .drop-menu .drop-item + .drop-item{border-top: 1px solid #E5E5E5;}
.mini-header .drop-menu .current{color: #009BFF}
.mini-header .drop-menu::before{ content: '';position: fixed;left: 22px;top: 60px;width: 0;height: 0;border-width: 0 10px 10px;border-style: solid;border-color: transparent transparent #fff;z-index: 1;}
.mini-header .drop-menu + .mask{position: fixed;left: 0;top: 0;width: 100vw;height: 100vh; z-index:1;background: rgba(0,0,0,.2);display: none;}
.mini-header .drop-menu.active,.mini-header .drop-menu.active + .mask{display: block}

#index-slider{display: none;}
#index-slider .banner-bg{width: 100%;height: auto;}
#index-slider .slides > li{height: 55.4vw;text-align: center;color: #fff;}
#index-slider h1{padding-top: 13.3vw; font-size: 4.4vw;}
#index-slider p{font-size: 13px;line-height:40px;}
#index-slider .btn{display: inline-block; width: 90px;height: 26px;margin-top: 20px; line-height: 25px;text-align: center;color: #fff;font-size: 14px;background: #ff8214;border-radius: 2px;}
#index-slider .btn{transform: translate(-50%, 0px); left: 50%;bottom: 46px;position: absolute;}
 
  
.registered-block-fixed{display: none;position: fixed;left: 0;bottom: 0;width: 100%;height: 55px;line-height: 54px;font-size: 20px;color: #fff; text-align: center; background: #ff8214;z-index: 9;}
/* 解决方案 */
.product-banner .slides li{position: relative}
.product-banner .slides .banner-items{position: absolute;left: 0;top: 0;width: 100%;height: 100%;text-align: center;color: #fff;}
.product-banner h1{padding-top: 13.3vw;font-size: 4.4vw;}
.product-banner p{font-size: 2.2vw;line-height:40px;}
.product-banner .btn{display: inline-block; width: 90px;height: 26px;margin-top: 20px; line-height: 25px;text-align: center;color: #fff;font-size: 14px;background: #ff8214;border-radius: 2px;}

.proxy-hide .close-btn{float: right; width: 30px;height: 1.2em;margin-right: 10px; vertical-align: middle; background: url("../image/mobile/close.png") center no-repeat;background-size: 1.2em;}
/* ipad */
@media all and (min-width: 768px) and (max-width: 1100px) {
  .content{max-width: 1000px;width: 100%;}
  /* index */
  .index .indu-box .item{width: calc(50% - 20px);}
  .index .indu-box .pic{width: 100%;height: auto;}
  .saas .CRM-icon,.marketing .pic-1,.block .content .banner-img{width: 100% !important;}
  .saas .single{width: 24%;height: auto;padding-bottom: 20px;}
  .item-content-wrap{padding-top: 40px;}
  .marketing .item-content{width: 49%;height: auto;margin-top:0px;padding-bottom: 20px;}
  .mc .b2 .banner-img{margin-top:60px !important;}
  .aboutus-logo{text-align: center;padding:60px 0 30px;}
  .aboutus-content__parag{padding: 30px;}
}

/*大数据新增 2019-11-7 start*/

.idata-empower__t1{text-align:center;color:#ff8214;font-size:28px}
.idata-empower__t2{text-align:center;margin-top:24px;color:#333;font-size:20px}
.idata-empower__content{display:flex;justify-content:space-between;margin-top:100px}
.idata-empower__item{width:232px;height:295px;text-align:center;padding:40px 20px 0;background:#fff;box-shadow:0 4px 10px 0 rgba(0,0,0,.1);transition:all ease-in .3s}
.idata-empower__item:hover{transform:translateY(-20px)}
.idata-empower__icon{display:inline-block;width:58px;height:56px}
.idata-empower__nm{margin-top:25px;color:#333;font-size:24px}
.idata-empower__txt{line-height:24px;margin-top:20px;color:#333;font-size:16px;text-align: left;}

@keyframes blockDown {
  0%{
    transform: translateY(-80px);
    opacity: 0;
  }
  100%{
    transform: translateY(0);
    opacity: 1;
  }
}

/*大数据新增 2019-11-7 end*/

/*大数据二级 2019-11-7 start*/
.idata-d__img{display:inline-block;width:1200px;margin-top:80px}
.idata-analys{display:flex;justify-content:space-between;padding-top:100px}
.idata-analys__part{width:260px;padding-top:60px}
.idata-analys__item{text-align:left;margin-bottom:40px}
.idata-analys__t{margin-bottom:18px;color:#39aafb;font-size:20px;font-weight:700}
.idata-analys__c{font-size:16px;color:#333}
.idata-analys__center{position:relative;width:332px;height:232px}

.idata-analys__cbg{position:absolute;left:0;top:0;width:332px;height:232px;z-index:1;transform-origin:center center}
.idata-analys__cbl{position:absolute;left:50%;top:50%;width:178px;height:178px;transform:translate(-50%,-50%);z-index:3}
@keyframes lightWave{0%{transform:scale(1)}
100%{transform:scale(1.2)}
}
.idata-draw{display:flex;justify-content:space-between;padding-top:100px}
.idata-draw__item{width:400px;text-align:center}
.idata-draw__icon{display:inline-block;width:400px;height:430px}
.idata-draw__t{margin-top:80px;font-size:24px;color:#333}
.idata-draw__c{margin-top:25px;padding: 0 50px; font-size:16px;color:#333}

/*大数据二级 2019-11-7 end*/

/*V1.2*/
/*关于我们*/
.aboutus-content__art{display:block;width:1080px;margin:75px auto}
.aboutus-content__art .aboutus-content__parag{font-size:16px;color:#333;line-height:28px;padding:15px 0}
.aboutus-regist .content{background-color:#ff8214;width:100%}
.cooper-btn__outer span{color:#fff;font-size:28px}
a.cooper-proxy__btn{border:2px solid #fff;border-radius:8px;width:148px;height:46px;line-height:42px;font-size:24px;margin-left:40px}
.aboutus-banner-box{width:1080px;margin:0 auto;overflow:hidden}
.aboutus .content{padding-top:130px}
.aboutus-banner-box .left{float:left;width:500px}
.aboutus-banner-box .right{float:right;width:510px}
.right p{color:#fff}
.right p.rP1{font-size:44px;margin-bottom:12px;margin-top:50px}
.right p.rP2{font-size:24px;line-height:40px}
.footer{background:#000}

/*关于我们end*/

/*合作渠道*/
.cooperation .content{padding-top:145px}
.cooper-banner__text1{font-size:20px}
.cooper-banner__text2{font-size:44px;line-height:64px}
.colBoxType1 p.ptitle1{font-size:30px;margin-bottom:28px;padding-top:78px}
.colBoxType1{width:1260px;margin:0 auto;text-align:center;display:block}
.colBoxType1 p.ptitle2{font-size:18px}
.box1-cont{margin-top:40px;padding-bottom:78px}
.box1-cont .cont{display:inline-block;width:calc(33.33% - 20px);border:1px solid #666;margin:0 10px;transition:all .1s}
.box1-cont .cont p.colContTitle{font-size:48px;margin:34px 0}
.box1-cont .cont p.colCont{font-size:18px;line-height:18px;margin-bottom:40px}
.colBoxType1:hover{cursor:default}
.box1-cont .cont:hover{background:#ff8214;border-color:#ff8214;color:#fff;transition:all .1s}
.bgf5{background:#f5f5f5}
.bgf9{background:#f9f9f9}
.colBoxType2{width:960px;margin:0 auto}
.typeBox{overflow:auto;margin-top:75px}
.colBoxType2 .typeBox .title{font-size:30px;margin-bottom:24px;line-height:45px}
.colBoxType2 .typeBox .title2{font-size:18px;line-height:1}
.colBoxType2 .typeBox .text{color:#999;font-size:14px;line-height:22px;margin-top:8px;margin-bottom:18px}
.colBoxType2 .typeBox .rightBox{width:50%;float:right;text-align:right}
.colBoxType2 .typeBox .title.mB45{margin-bottom:45px}
.colBoxType2 .typeBox .leftBox{width:50%;float:left}
.box1-cont2{width:1260px;margin:0 auto;padding-bottom:68px}
.box1-cont2 .cont{width:calc(25% - 20px);display:inline-block;border:1px solid #d3d3d3;border-radius:5px;margin:0 10px;background:#fff;box-shadow:0 2px 4px 2px rgba(100,100,100,.2)}
.box1-cont2 .cont img{display:block;border-radius:5px 5px 0 0}
.box1-cont2 .cont p.title{font-size:18px;margin-top:25px;margin-bottom:22px}
.box1-cont2 .cont span.line{display:block;margin:0 auto;width:80px;height:3px;background:#ff8214;margin-bottom:22px}
.box1-cont2 .cont p.text{color:#999;line-height:22px;margin-bottom:35px;font-size:14px}
.reg .leftPic{width:50%;float:left}
.rightRegBox{width:50%;float:right;text-align:center}
.rightRegBox p.regTip{font-size:24px;margin-top:60px}
input.cooper-form__control{font-size:12px}
button#submitInfo{font-size:16px;line-height:32px;width:150px;border-radius:5px;height:32px;margin-left:-65px}
.cooper-btn__outer{padding:0;margin-bottom:60px}

/*供应链*/
.mc .slider-item{top:188px;font-size:44px}
.mc .banner .slider-item p{font-size:20px}
.mc .banner .registered-btn{bottom:40px;font-size:16px}
.mc .block .content>.title{font-size:30px;color:#333}
.mc .block .text{font-size:18px}
.mc .block{padding:60px 0 0 0}
.mc .block.b2{background:#f5f5f5}
.mc .block .banner-img{margin-top:70px}
.aboutus-regist .content{height:180px}
.aboutus-regist .cooper-btn__outer{margin-bottom:0}
.mc-hoverTab{width:1160px;margin:40px auto 55px;overflow:auto;display:flex;height:295px}
.mc-hoverTab .tabs{width:485px;float:left}
.mc-hoverTab .tabs a{font-size:18px;display:block;line-height:60px;background:#f9f9f9;width:360px;margin:24px auto;position:relative;box-sizing:content-box;padding-right:10px;color:#666;text-align:left;padding-left:50px}
.mc-hoverTab .tabs a:before{content:'';display:block;position:absolute;width:8px;height:8px;background:#999;border-radius:50%;top:26px;left:15px}
.mc-hoverTab .tabs a.active{background:#e5f4ff;color:#333}
.mc-hoverTab .tabs a.active:before{background:#ff8214}
.mc-hoverTab .swiper-container{margin-top:24px;margin-left:20px}

/*精准营销*/
.banner-saas p:nth-child(1){margin-top:188px}
.banner-saas p:nth-child(2){font-size:20px;margin-top:36px}
p.tempTitle1{font-size:30px;line-height:28px; text-align:center}
p.tempTitle2{font-size:18px;text-align:center;margin-top:30px}
.marketing .item{margin:0;padding:80px 0}
.banner-saas p:nth-child(1){margin-top:188px}
.banner-saas p:nth-child(2){font-size:20px;margin-top:36px}
.item.bg000{background:#292b32}
.item.bg000 p.tempTitle1,.item.bg000 p.tempTitle2{color:#fff}
.marketing .item{margin:0;padding:60px 0}
.marketing .item-content{width:285px;height:270px;position:relative;box-shadow:none;background:#fff}
.marketing .item-content-wrap{width:1200px;margin:0 auto}
.item-content>img{height:150px;width:100%}
.marketing .item-content-bottom p:nth-child(1){font-size:18px;margin-top:40px}
.marketing .item-content-bottom p:nth-child(2){color:#999}
.item-content .fadeBox{position:absolute;width:100%;height:100%;top:0;padding:32px;background:#fff;text-align:center;opacity:0;transition:opacity .2s;cursor:default}
.item-content .fadeBox .name{font-size:18px;text-align:center;margin-top:10px;color:#333}
.item-content .fadeBox .line{display:inline-block;width:80px;height:3px;background:#ff8214;margin-top:30px}
.item-content .fadeBox p{color:#999;text-align:left;margin-top:25px}
.item-content:hover .fadeBox{opacity:1;transition:opacity .2s}
.marketing .item-content-bottom{text-align:center}
.logoBox{text-align:center;margin-top:60px}
.logoBox .boxCont{width:60px;display:inline-block;margin:0 32px}
.logoBox .boxCont img{height:60px;display:block;margin-bottom:12px}
.logoBox .boxCont p{color:#fff}
a.detailLink{width:140px;display:block;margin:60px auto 0;text-align:center;color:#fff;background:#ff8214;line-height:36px;border-radius:5px}
.marketing .left.text .title,.marketing .right.text .title{color:#333;font-size:24px;margin-bottom:20px}
.marketing .left.text .text-item,.marketing .right.text .text-item{color:#999;font-size:16px;line-height:24px;padding:0}
.marketing .right{padding-left:100px}

/*大数据*/
.idata p.tempTitle1{font-size:30px}
.idata p.tempTitle2{font-size:18px;line-height:26px}
.idata-empower__content{margin-top:40px;padding-bottom:70px}
.idata-empower__item{width:224px;position:relative;padding:0}
.idata-empower__txt{position:absolute;background:#fff;width:100%;height:100%;top:0;left:0;text-align:center;transition:opacity .3s;padding:30px 28px;opacity:0;margin-top:0}
.idata-empower__nm{margin-top:50px;font-size:18px}
.idata-empower__txt p.text1{font-size:18px;margin-bottom:20px;margin-top:10px}
.idata-empower__txt .line{display:block;width:80px;height:3px;background:#ff8214;margin:0 auto 30px}
.idata-empower__txt p.text2{font-size:14px;line-height:22px;color:#999}
.idata-empower__item:hover .idata-empower__txt{opacity:1;transition:opacity .4s}
.idata-empower__item .empowerPic{display:block;width:100%;height:150px;margin-top:24px}
.idata-empower__nm{margin-top:34px}
.idataBox2{text-align:center}
.idataBox2 .contBox{display:inline-block;width:290px;height:190px;border:1px solid #979797;margin:60px 5px 50px;transition:all .2s;background:#fff}
.idataBox2 .contBox .boxIcon{display:block;margin:40px auto 30px;width:40px;height:40px;color:#ff8214;transition:color .2s}
.idataBox2 .contBox p{font-size:18px;text-align:center}
.idataBox2 .contBox:hover .boxIcon{color:#ff8214;transition:all .2s}
.idataBox2 .contBox:hover .mendain{color:#ff8214;transition:all .2s}
.idataBox2 .contBox:hover p{color:#fff;transition:all .2s}
.idataBox2 .contBox:hover{transition:all .2s;background:#ff8214;border-color:#ff8214}
.idataBox2 .contBox .store{background:url("../image/storeAnalyze.png") no-repeat}
.idataBox2 .contBox:hover .store{background:url("../image/icon/store-icon1.png") no-repeat}
.idataBox2 .contBox .vip{background:url("../image/images13.png") no-repeat;background-size:100%}
.idataBox2 .contBox:hover .vip{background:url("../image/icon/vip-icon1.png") no-repeat}
.idataBox2 .contBox .goods{background:url("../image/icon/goods-icon.png") no-repeat}
.idataBox2 .contBox:hover .goods{background:url("../image/icon/goods-icon1.png") no-repeat}
.idataBox2 .contBox .money{background:url("../image/financial.png")  no-repeat}
.idataBox2 .contBox:hover .money{background:url("../image/icon/money-icon1.png") no-repeat}
.idata-empower__t1{color:#333}
.idata-empower__t2{font-size:18px}
.idata-d{margin-top:56px;margin-bottom:88px}
img.idata-d__img{margin-bottom:100px;width:auto}
.idata-d_right{margin-left:146px;margin-bottom:100px;text-align:left}
.idata-d_right li{list-style-type:disc;margin:18px 0;font-size:18px;color:#333}
#anchor2 .idata-empower__t1{color:#fff}
#anchor2 .contBox{text-align:center}
#anchor2 .contBox .cont{display:inline-block;width:200px;height:100px;background:#fff;border-radius:10px;margin:75px 75px 35px 75px}
#anchor2 .contBox .cont .boxIcon{font-size:40px;height:40px;width:40px;text-align:center;line-height:40px;color:#333;margin:16px auto 14px;display:block}
#anchor2 .contBox .cont p{line-height:20px}
p.idata-analys__t{color:#333}
.idata-draw__item{width:290px;height:180px;display:inline-block;margin:0 27px;border:1px solid #666;background:#fff;transition:all .2s;position:relative}
.idata-draw{display:block}
img.idata-draw__icon{height:48px;width:48px;line-height:48px;font-size:48px;margin-top:40px}
.idata-draw__t{margin-top:32px}
.idata-draw__c{position:absolute;top:0;background:#ff8214;height:100%;width:100%;margin-top:0;color:#fff;opacity:0;transition:opacity .2s}
.idata-draw__c .title{margin-top:35px;font-size:18px}
.idata-draw__c .line{display:block;width:80px;height:3px;background:#fff;margin:20px auto}
.idata-draw__c .text{font-size:14px!important;line-height:22px;margin-top:0}
.idata-draw__item:hover .idata-draw__c{opacity:1;transition:all .2s;cursor:default}
.idata-draw__item:hover{border-color:#ff8214}

/*店务*/
.banner-saas p{font-size:44px;line-height:44px}
.banner-saas .btn-wrap{font-size:16px;margin:130px auto 0}
.saas .p1{font-size:30px;color:#333}
.saas .p2{font-size:18px}
.saas .text-box{overflow:hidden}
.saas .text-box.leftBox{float:left;width:500px;padding-top:50px}
.saas .text-box .text-item+.text-item{margin-left:0;width:100%}
.saas .text-box .text-item .title{font-size:18px;transition:color .2s}
.contBox{overflow:hidden;cursor:default}
.saas .text-box .text-item .text-p{font-size:14px;margin-top:12px;line-height:22px;color:#999;transition:color .2s}
.saas .text-box .text-item{padding-top:36px}
.saas .contBox .rightBox{float:right;margin-top:100px}
.saas .contBox .rightBox img{width:150px;display:inline-block;margin:0 10px;height:270px;opacity:.45;transition:all .3s}
.saas .contBox .rightBox img.active{opacity:1;height:324px;width:180px;transition:all .3s}
.saas .text-box .text-item.active .text-p,.saas .text-box .text-item.active .title{color:#ff8214;transition:color .2s}
.saas .item ul li{line-height:50px}
.saas .item ul:after{content:'';display:block;width:1280px;position:absolute;height:2px;background:#ccc;left:50%;margin-left:-640px;top:70px}
.saas .item ul{position:relative}
.saas .item ul li.active::after{height:4px;width:100px;bottom:-22px;left:0;z-index:2;border:none;background:#ff8214}
.saas .item2-top{margin:60px 0 0 0;padding-top:60px;background:#f9f9f9}
.saas .item ul{margin-top:50px}
.saas .item .item-box{margin-top:30px;padding-bottom:30px}
.saas .item .item-box>div span{font-size:18px}
.saas .item .item-box p{font-size:14px;line-height:22px;margin-bottom:36px}
.saas .item .item-box>div a{width:80px;height:34px;font-size:14px;line-height:34px}
.saas .item .item-box{margin-top:20px;padding-bottom:10px}
.saas .item .item-box>div span{font-size:18px}
.saas .item .item-box p{font-size:14px;line-height:22px;margin-bottom:36px}
.saas .item .item-box>div a{width:80px;height:34px;font-size:14px;line-height:34px;border-radius:2px}
.saas .item .item-box img{width:100%;height:100%;display:inline-block}
.content.saasTabCont{height:380px}

.saas .item .item-box>div{padding:80px 0 60px 80px}
.saas .item .item-box>div span{margin-bottom:20px}
.crmCont{background:url("../image/saas/crmBack.png") top center no-repeat;height:498px;display:block}
.saas .crmCont p.p1{color:#fff;margin-top:0;padding-top:80px;margin-bottom:22px}
.saas .crmCont p.p2{color:#fff;margin-bottom:50px}
.saas .crmCont .slideBox{display:block;overflow:hidden;height:255px;padding-top:30px}
.saas .crmCont .slideBox .CRM-icon img{width:60px;height:60px;margin:0 auto}
.saas .crmCont .slideBox .CRM-icon p{color:#fff;font-size:16px;margin-top:20px}
.saas .content .CRM-icon-item{padding-top:20px}
.crmCont .pf-slider-pagination.pagination-style-1 li{width:36px!important;height:6px!important;margin:0 20px!important;color:#fff;opacity:.5}
.crmCont .pf-slider-pagination.pagination-style-1 li:hover{background:#fff;opacity:1}
.crmCont .pf-slider-pagination li.active{opacity:1;background:#fff}
.saas .itme-fours-wrap{margin-top:40px}
.saas .single{height:270px;position:relative;background:#fff;margin-bottom:60px;width:285px}
.saas .itme-fours-wrap .single img{width:100%;height:150px;display:block}
.saas .itme-fours-wrap .single .title{margin-top:50px;font-size:18px;color:#333;text-align:center}
.saas .itme-fours-wrap .single .fadeBox{position:absolute;top:0;width:100%;height:100%;background:#fff;transition:opacity .3s;opacity:0}
.saas .itme-fours-wrap .single:hover .fadeBox{opacity:1;transition:opacity .3s;cursor:default}
.item.manage{overflow:hidden;background:#f9f9f9}
.saas .itme-fours-wrap .single .fadeBox p.fadeTitle{font-size:18px;margin-top:60px;margin-bottom:20px;line-height:1;color:#333}
.saas .itme-fours-wrap .single .fadeBox .line{width:90px;height:2px;margin-bottom:26px}
.saas .itme-fours-wrap .single .fadeBox p.fadetext{font-size:14px;color:#999;padding:0 40px;line-height:22px;text-align:center}
.eco .itme-fours-wrap{width:810px;margin:60px auto 70px}
.eco .wrap-cont{width:212px;text-align:center}
.eco .img-box{height:112px}
.eco .wrap-cont p.tittle{margin-bottom:24px;line-height:1;font-size:18px}
.eco .wrap-cont .text{color:#999;line-height:1}
.smalCont .content{width:960px}
.saas .smalCont .CRM-icon{width:100%}
.saas .smalCont .item2-top ul{width:960px}


/*首页*/
.banner.fadeSlider{height:500px}
.index .banner .content{height:500px}
.slider-item{top:180px}
.index .slider-item{top:135px}
.index .slider-item h1.title1{font-size:32px}
.index .slider-item p{font-size:20px}
.index .registered-btn{width:140px;height:40px;font-size:16px;bottom:40px}
.index .block .content>.title{color:#333;font-size:30px;line-height:30px}
.index .block .text{font-size:18px}
.slideWrap{height:300px;overflow:hidden;width:1200px;margin:48px auto 0}
.slideWrap .wrapBox .extendBox{display:none;position:relative;height:100%;width:100%;padding:36px 10px 36px 50px}
.slideWrap .wrapBox .smallCont{display:block;width:165px}
.wrapBox{float:left;width:165px;height:300px;border:1px solid #ccc;background:#fff;overflow:hidden}
.wrapBox.active{width:540px;border-color:#ff8214}
.slideWrap .wrapBox.active .smallCont{display:none}
.slideWrap .wrapBox.active .extendBox{display:block}
.slideWrap.noborder{border-right-color:#ff8214}
.slideWrap .wrapBox .extendBox .left{width:308px;float:left}
.slideWrap .wrapBox .extendBox .title{line-height:30px;font-size:24px;padding-bottom:20px;border-bottom:1px solid #d8d8d8}
.slideWrap .wrapBox .extendBox span.titleIcon{display:block;float:left;width:32px;height:32px;margin-right:10px}
.slideWrap .wrapBox .extendBox .sub-title{font-size:16px;margin-top:20px;margin-bottom:12px;line-height:16px}
.slideWrap .wrapBox .extendBox .sub-text{color:#666;line-height:22px}
.slideWrap .wrapBox .extendBox .link{color:#ff8214;margin-top:20px;display:block}
.slideWrap .wrapBox .extendBox .rightBtnBox{position:absolute;top:60px;left:376px;width:150px}
.slideWrap .wrapBox .extendBox .rightBtnBox .btnCont{display:block;float:left;width:60px;margin:0 6px 14px;text-align:center}
.slideWrap .wrapBox .extendBox .rightBtnBox .btnCont .iconBox{display:block;width:24px;height:24px;margin:0 auto 8px}
.slideWrap .wrapBox .extendBox .rightBtnBox .btnCont p{color:#999;line-height:1}
.smallCont img{display:block;margin:36px auto 16px;height:32px;width:32px}
.smallCont .title{font-size:18px;text-align:center;margin-bottom:18px;color:#666}
.index .block .smallCont .text{color:#999;margin-top:0;line-height:22px;font-size:14px}
.wrapBox.active .titleIcon.icon-1{background:url("../image/indexIcon/icon-1-a.png") center center no-repeat;background-size:100%}
.wrapBox.active .titleIcon.icon-2{background:url("../image/indexIcon/icon-2-a.png") center center no-repeat;background-size:100%}
.wrapBox.active .titleIcon.icon-3{background:url("../image/indexIcon/icon-3-a.png") center center no-repeat;background-size:100%}
.wrapBox.active .titleIcon.icon-4{background:url("../image/indexIcon/icon-4-a.png") center center no-repeat;background-size:100%}
.wrapBox.active .titleIcon.icon-5{background:url("../image/indexIcon/icon-5-a.png") center center no-repeat;background-size:100%}
.iconBox.wrapIcon-11{background:url("../image/indexIcon/wrapIcon-11.png") center center no-repeat;background-size:100%}
.iconBox.wrapIcon-12{background:url("../image/indexIcon/wrapIcon-12.png") center center no-repeat;background-size:100%}
.iconBox.wrapIcon-13{background:url("../image/indexIcon/wrapIcon-13.png") center 1px no-repeat;background-size:100%}
.iconBox.wrapIcon-14{background:url("../image/indexIcon/wrapIcon-14.png") center center no-repeat;background-size:100%}
.iconBox.wrapIcon-15{background:url("../image/indexIcon/wrapIcon-15.png") center center no-repeat;background-size:100%}
.iconBox.wrapIcon-16{background:url("../image/indexIcon/wrapIcon-16.png") center center no-repeat;background-size:100%}
.iconBox.wrapIcon-21{background:url("../image/indexIcon/wrapIcon-21.png") center center no-repeat;background-size:100%}
.iconBox.wrapIcon-22{background:url("../image/indexIcon/wrapIcon-22.png") center center no-repeat;background-size:100%}
.iconBox.wrapIcon-23{background:url("../image/indexIcon/wrapIcon-23.png") center center no-repeat;background-size:100%}
.iconBox.wrapIcon-24{background:url("../image/indexIcon/wrapIcon-24.png") center center no-repeat;background-size:100%}
.iconBox.wrapIcon-25{background:url("../image/indexIcon/wrapIcon-25.png") center center no-repeat;background-size:100%}
.iconBox.wrapIcon-26{background:url("../image/indexIcon/wrapIcon-26.png") center center no-repeat;background-size:100%}
.iconBox.wrapIcon-31{background:url("../image/indexIcon/wrapIcon-31.png") center center no-repeat;background-size:100%}
.iconBox.wrapIcon-32{background:url("../image/indexIcon/wrapIcon-32.png") center center no-repeat;background-size:100%}
.iconBox.wrapIcon-33{background:url("../image/indexIcon/wrapIcon-33.png") center center no-repeat;background-size:100%}
.iconBox.wrapIcon-34{background:url("../image/indexIcon/wrapIcon-34.png") center center no-repeat;background-size:100%}
.iconBox.wrapIcon-35{background:url("../image/indexIcon/wrapIcon-35.png") center center no-repeat;background-size:100%}
.iconBox.wrapIcon-36{background:url("../image/indexIcon/wrapIcon-36.png") center center no-repeat;background-size:100%}
.iconBox.wrapIcon-41{background:url("../image/indexIcon/wrapIcon-41.png") center center no-repeat;background-size:100%}
.iconBox.wrapIcon-42{background:url("../image/indexIcon/wrapIcon-42.png") center center no-repeat;background-size:100%}
.iconBox.wrapIcon-43{background:url("../image/indexIcon/wrapIcon-43.png") center center no-repeat;background-size:100%}
.iconBox.wrapIcon-44{background:url("../image/indexIcon/wrapIcon-44.png") center center no-repeat;background-size:100%}
.iconBox.wrapIcon-45{background:url("../image/indexIcon/wrapIcon-45.png") center center no-repeat;background-size:100%}
.iconBox.wrapIcon-46{background:url("../image/indexIcon/wrapIcon-46.png") center center no-repeat;background-size:100%}
.iconBox.wrapIcon-51{background:url("../image/indexIcon/wrapIcon-51.png") center center no-repeat;background-size:100%}
.iconBox.wrapIcon-52{background:url("../image/indexIcon/wrapIcon-52.png") center center no-repeat;background-size:100%}
.iconBox.wrapIcon-53{background:url("../image/indexIcon/wrapIcon-53.png") center center no-repeat;background-size:100%}
.iconBox.wrapIcon-54{background:url("../image/indexIcon/wrapIcon-54.png") center center no-repeat;background-size:100%}
.iconBox.wrapIcon-55{background:url("../image/indexIcon/wrapIcon-55.png") center center no-repeat;background-size:100%}
.iconBox.wrapIcon-56{background:url("../image/indexIcon/wrapIcon-56.png") center center no-repeat;background-size:100%}
.index .block.sucBlock{background:url("../image/sucPic.png") top center no-repeat;padding-bottom:0;height:432px}
.index .block.sucBlock .content>.text,.index .block.sucBlock .content>.title{color:#fff}
.sucBlock .b5box{width:960px;display:flex;margin:0 auto}
.sucBlock .b5box .box-items{background:0 0;height:245px;box-shadow:none}
.sucBlock .b5box .box-items .num{padding-top:80px}
.sucBlock .b5box .box-items .sub-text{color:#eaeaea;padding-top:20px;font-size:16px}
.index .indu-box .item{height:240px}
.index .indu-box .title{font-size:18px;margin-top:20px;margin-bottom:0;line-height:18px}
.index .indu-box .star{height:20px;background-size:50%}
.index .indu-box .pic{height:160px}
.index .indu-box .pic img{width:100%}
.index .indu-box .item{height:240px;margin:0 10px 20px;width:285px}
.index .indu-box .title{font-size:18px;margin-top:16px;line-height:18px;height:18px;margin-bottom:10px}
.index .indu-box .star{height:20px;background-size:50%}
.index .comt-box .items{width:285px;margin:0 10px;border:1px solid #979797;height:240px;transition:background .3s}
.index .comt-box .icon{margin:42px auto 34px;height:48px;width:48px}
.index .comt-box .icon.tecpic1{background:url("//bk-test12.oss-cn-beijing.aliyuncs.com/house_v2/2b/tecpic1.png") center center no-repeat;background-size:100%}
.index .comt-box .icon.tecpic2{background:url("//bk-test12.oss-cn-beijing.aliyuncs.com/house_v2/2b/tecpic2.png") center center no-repeat;background-size:100%}
.index .comt-box .icon.tecpic3{background:url("//bk-test12.oss-cn-beijing.aliyuncs.com/house_v2/2b/tecpic3.png") center center no-repeat;background-size:100%}
.index .comt-box .icon.tecpic4{background:url("//bk-test12.oss-cn-beijing.aliyuncs.com/house_v2/2b/tecpic4.png") center center no-repeat;background-size:100%}
.index .comt-box .items:hover .icon.tecpic1{background:url("//bk-test12.oss-cn-beijing.aliyuncs.com/house_v2/2b/tecpic1-o.png") center center no-repeat;background-size:100%}
.index .comt-box .items:hover .icon.tecpic2{background:url("//bk-test12.oss-cn-beijing.aliyuncs.com/house_v2/2b/tecpic2-o.png") center center no-repeat;background-size:100%}
.index .comt-box .items:hover .icon.tecpic3{background:url("//bk-test12.oss-cn-beijing.aliyuncs.com/house_v2/2b/tecpic3-o.png") center center no-repeat;background-size:100%}
.index .comt-box .items:hover .icon.tecpic4{background:url("//bk-test12.oss-cn-beijing.aliyuncs.com/house_v2/2b/tecpic4-o.png") center center no-repeat;background-size:100%}
.index .comt-box .title{font-size:18px;line-height:18px;margin-bottom:20px}
.index .comt-box .text{color:#999;font-size:14px;line-height:18px}
.index .comt-box .items:hover{background:#ff8214;border-color:#ff8214;transition:background .3s}
.index .comt-box .items:hover .text,.index .comt-box .items:hover .title{color:#fff}
.header .menu-group .menu-item{color:#ccc;transition:color .3s}
.header .menu-group .menu-item.current{color:#fff;font-weight:700;border-bottom-color:transparent;transition:color .3s}
.header .menu-group .menu-item.current:hover{color:#ff8214}
.header.actived .menu-group .menu-item.current{color:#fff;transition:color .3s}
.header.actived .menu-group .menu-item{color:#333;transition:color .3s}
.fixed-tool-bar .item{margin-bottom:0;height:75px;width:60px;position:relative}
.fixed-tool-bar .item:nth-child(1):after{content:'';width:56px;height:1px;background:#fff;display:block;bottom:0;left:2px;position:absolute}
.fixed-tool-bar .item:nth-child(1){border-radius:5px 5px 0 0}
.fixed-tool-bar .item-cs{margin:0 auto;height:100%;width:100%;background:url("../image/icon-kf.png") center no-repeat}
.fixed-tool-bar .item:nth-child(2){border-radius:0 0 5px 5px}
.fixed-tool-bar .item-wx{width:100%;height:100%}
.fixed-tool-bar .wx-eqcode{right:85px;top:0}
.fixed-tool-bar .item-wx:hover+.wx-eqcode{right:70px;top:0}
.mc .block.b2.bg_f9{background:#f9f9f9}
.mc .banner .content{height:100%}
.idataBox2 .contBox .vip{background:url("../image/icon-menber.png")center no-repeat;background-size:100%}
.idataBox2 .contBox:hover .vip{background:url("../image/icon-menber-o.png")center no-repeat;background-size:100%}
.banner{height:500px}
.header:hover .menu-group .menu-item.current{color:#fff}
.header:hover .menu-group .menu-item{color:#333}
.detailBox .img-box{width:800px;overflow:hidden;height:500px}
.detailBox .block:nth-child(odd) .img-box img{float:left;left:50px}
.detailBox .block:nth-child(odd) .img-box .text{float:right;right:50px}
.detailBox .block:nth-child(even) .img-box img{float:right;right:50px}
.detailBox .block:nth-child(even) .img-box .text{float:left;left:50px}
.detailBox .img-box img{max-width:100%;width:initial;display:block;position:absolute;top:50%;transform:translate(0,-50%)}
.marketing .text-item{font-size:16px;line-height:24px;color:#999}
.marketing .title{font-size:24px;line-height:24px;margin-bottom:20px}
.marketing .text{transform:translate(0,-75%)}