@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
ul,li{ list-style-type:none;}
img{ border:none;}
body{ font-family:"微软雅黑"; font-size:12px;}
a{ text-decoration:none;}
.mainbox{ max-width:1200px; margin:auto; position:relative; width:100%}
i,em{ font-style:normal;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;height:0px;overflow:hidden}
.clearfix{display:block;*zoom:1}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden}

/*头部banner最先*/
.bigBannerB{ position:relative; height: 700px;overflow: hidden;}
.bigBannerB .swiper-slide{ background-size:auto 100%; background-repeat:no-repeat; background-position:center center;}
.bigBannerB .banner-pagination{ position:absolute;bottom:30px;width:100%; text-align:center;height:12px; line-height:12px; overflow:hidden; z-index: 1;}
.bigBannerB .banner-pagination .swiper-pagination-bullet{width:50px;height:5px; background:#fff;margin:0px 5px; cursor:pointer;opacity: 0.3; border-radius: 0px;}
.bigBannerB .banner-pagination .swiper-pagination-bullet-active{ background:#000; }

.carousel-prev{width:34px;height:60px; position:absolute;left:0;top:50%;margin-top:-30px; cursor:pointer; background:#333;}
.carousel-next{width:34px;height:60px; position:absolute;right:0;top:50%;margin-top:-30px; cursor:pointer; background:#333;}


.channel-banner{
    position: relative;
    overflow: hidden;
    background:#2E65EF;
    
}

.channel-banner .ks-container{
    position: relative;
    height: 100%;
}
.channel-banner .ks-container::after{
    content: '';
    width: 1220px;
    background: url(/Template/skin1/static2020/crm/images/691597747163.png) no-repeat 0 50%;    
    background-size: auto 1100px;
    position: absolute;
    right:-340px;
    top:0;
    height: 100%;
}
.channel-banner__info{
    position: absolute;
    top:50%;
    margin-top:-210px;
    z-index: 1;
}
.channel-banner__title{
    font-size: 64px;
    color:#fff;
    font-weight: bold;
}
.channel-banner__desc{
    font-size: 36px;
    color:#fff;
    font-weight: 500;
    margin-top: 35px;
}
.channel-banner__button{
    width: 240px;
    height: 54px;
    line-height: 54px;
    padding:0px;
    font-size: 24px;
    background-color: #fff;
    color: #2E65EF;
    margin-top: 80px;
}


/*头部banner竣事*/

/*中心样式*/
.floor{padding: 112px 0; overflow:hidden;}
.titleBox {margin-bottom: 112px;}
.titleBox .bigTitle{font-size: 40px;font-weight: normal;text-align: center;margin-bottom: 40px; animation-duration:1s; animation-delay:0s; /*animation-iteration-count:3s;*/}
.titleBox .infoTitle{font-size: 18px;color: #999;width: 672px; text-align:center;margin: auto;line-height: 35px;animation-duration:1s; animation-delay:0s; /*animation-iteration-count:3s;*/}
.f1 .contentBox,.f12 .contentBox,.f3 .contentBox,.f4 .contentBox,.f5 .contentBox,.f6 .contentBox{animation-duration:1.5s;}
.grayBg{ background:#ecf0f1;}

.f3{ padding-bottom:80px;}
.opacity-0{filter:alpha(opacity=0);  -moz-opacity:0;  -khtml-opacity: 0;  opacity: 0; }

/*中心样式*/


/*第一层样式*/

.f1 ul li .welcome-box {position:relative;margin: auto;border-radius: 100%;height: 240px;width: 240px;text-align: center;position: relative;}
.f1 ul li .welcome-box .lineBox{border-radius: 240px;border:2px solid #00a0e9;height: 240px;width: 240px;-moz-transition: -moz-transform 1.5s ease;-webkit-transition: -webkit-transform 1.5s ease;-o-transition: -o-transform 1.5s ease;transition: transform 1.5s ease;}
.f1 ul li .welcome-box p {font-size: 25px;color: #333;margin-top: 95px;line-height: 35px;position: absolute;top: 0;width: 100%;}
.welcome-box .lineBox i {border: 1px solid #fff;border-radius: 100%;color: #31cec3;display: inline-block;height: 51px;font-size: 18px;width: 51px;position: absolute;top: 0;right: 15px;line-height: 51px;text-align: center;}

.welcome-box .lineBox i.icon-Cup{ background:url(/Template/skin1/static2020/crm/images/noicon1.jpg) no-repeat center #fff;}
.welcome-box .lineBox i.icon-Cup2{ background:url(/Template/skin1/static2020/crm/images/noicon2.jpg) no-repeat center #fff;border: 1px solid #00a0e9;}
.welcome-box .lineBox i.icon-Cup3{ background:url(/Template/skin1/static2020/crm/images/noicon3.jpg) no-repeat center #fff;}

.f1 ul li.cur .welcome-box .lineBox{background: #00a0e9;}
.f1 ul li.cur .welcome-box p{ color:#fff;}

.f1 .animated li .welcome-box:hover .lineBox{-webkit-transform: rotate(-360deg);-moz-transform: rotate(-360deg);rotation: -360deg;}

/*第二层样式*/
.animated{ opacity:100%;}
.f2 ul li .process-item {background: #ffffff none repeat scroll 0 0;text-align: center; width:165px;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent;position: relative;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: transform;transition-property: transform;}
.f2 ul li:hover .process-item{-webkit-transform: translateY(-5px);transform: translateY(-5px);}
.f2 ul li .process-item:before {pointer-events: none;position: absolute;z-index: -1;content: '';top: 100%;left: 5%;height: 10px;width: 90%;opacity: 0;background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: transform, opacity;transition-property: transform, opacity;}
.f2 ul li:hover .process-item:before {opacity: 1;-webkit-transform: translateY(5px);transform: translateY(5px);}
.f2 ul li .process-item-icon {font-size: 60px;line-height: 60px;padding: 60px 30px 80px;text-align: center;padding: 30px 30px 50px;}
.f2 ul li .process-item-content {border-top: 1px solid #f2f2f2;padding: 20px 10px;position: relative;}
.f2 ul li .process-item-content .process-item-number {background-color: #00a0e9;border: 5px solid #fff;border-radius: 40px;color: #fff;font-weight: 700;left: 50%;position: absolute;text-align: center;transform: translateX(-50%);font-size: 16px;height: 46px;line-height: 35px;top: -23px;width: 46px;box-sizing: border-box;}
.f2 ul li .process-item-content .process-item-title{font-size: 14px;font-weight: normal;margin: 17px 0 0;}
.f2 ul li .process-item-icon .ion-ios-lightbulb-outline{width: 61px;height: 61px;display: block;margin: auto;}
.f2 .ctn1{ background:url(/Template/skin1/static2020/crm/images/noi1.png) center no-repeat;}
.f2 .ctn2{ background:url(/Template/skin1/static2020/crm/images/noi2.png) center no-repeat;}
.f2 .ctn3{ background:url(/Template/skin1/static2020/crm/images/noi3.png) center no-repeat;}
.f2 .ctn4{ background:url(/Template/skin1/static2020/crm/images/noi4.png) center no-repeat;}
.f2 .ctn5{ background:url(/Template/skin1/static2020/crm/images/noi5.png) center no-repeat;}
.f2 .ctn6{ background:url(/Template/skin1/static2020/crm/images/noi6.png) center no-repeat;}
.f2 .bgB{ background:#00a0e9;}
.f2 ul li .bgB .process-item-title{ color:#fff;}
.f2 ul li .process-item-content.bgB {border-top: 1px solid #fff;}

.b6,.b4{float: left;animation-duration:1s; animation-delay:0s;}
#f3 .b6,#f3 .b4{animation-duration:1.5s; animation-delay:1s;}
.b6{ width:60%;margin-top:90px;}
.b4{ width:40%; text-align:center;}
.alignLeft{ text-align:left;}
.alignRight{ text-align:right;}
.b6 h2{font-size:30px;font-weight: normal;line-height: 30px;margin-bottom: 16px;}
.b6 .infoText{font-size: 18px;line-height: 35px; color:#999;}

/*统计的样式*/
.f11{padding:0; background:url(/Template/skin1/static2020/crm/images/new_slider3.png) no-repeat center fixed; background-size:cover;}
.f11 ul li{ width:25%; float:left; text-align:center;padding: 100px 0 70px;color: #fff;}
.f11 ul li .topNum{ font-size:50px;line-height: 74px;}
.f11 ul li .bottomNum{ font-size:20px;}
.btnBox {text-align:center;margin-top:40px;margin-bottom: 120px;}
.btnBox a{display: inline-block;padding: 18px 66px;background:#f8a953;line-height: 1;font-size: 24px;letter-spacing: 3px;color: #ffffff;cursor: pointer;-webkit-box-shadow: 0 6px 16px 0 rgba(255,137,12,0.2);-moz-box-shadow: 0 6px 16px 0 rgba(255, 137, 12, 0.2);box-shadow: 0 6px 16px 0 rgba(255, 137, 12, 0.2);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.btnBox a:hover{color:#fff;}

/*相助网站*/
.f12 ul li{ width:16.66%; float:left; margin-bottom:18px;}
.f12 ul li .imgBox{ width:90%; margin:auto;border:1px solid #ededed;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: transform;transition-property: transform;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);}
.f12 ul li:hover .imgBox{-webkit-transform: translateY(-5px);transform: translateY(-5px);border: 1px solid #00a0e9;}
.f12 ul li .imgBox img{ display:block; margin:auto;}

/*主要突出部分功效*/
.f4,.f5{ padding-bottom:0;}
.f12{ display:none;}

@media screen and (max-width:1024px)
{
      .channel-banner__title{
        font-size: 56px;
    }
    .channel-banner__desc{
        font-size: 26px;
        margin-top: 25px;
    }
    .channel-banner__info{
        left:60px;
        margin-top:-160px;
    }
    .channel-banner__button{
        font-size: 22px;
        width: 220px;
        height: 50px;
        line-height: 50px;
        margin-top:60px;
    }
  
    .channel-banner .ks-container::after{
        width: 100%;
        background-size: auto 125%;
        right: -320px;
    }
    .contentBox li{margin-bottom:30px}
    .contentBox ul {margin-left:45px}
    .contentBox img{max-width:100%;overflow:hidden;display:block}

    .floor{
		padding: 90px 0;
    }
    .bigBannerB{
        height: 400px;
    }
    .bigBannerB .banner-pagination .swiper-pagination-bullet{
        width: 40px;
        height: 4px;
    }
}

@media screen and (max-width:480px)
{
     .channel-banner .ks-container{
        background-position: 50% 50%;
        background-size: auto 76%;
    }

    .channel-banner .ks-container::after{
        right: 0px;
        background-size: 160% auto;
        background-position:50% 80%;
    }
    .channel-banner__info{
        top:6%;
        width: 100%;
        left:0;
        margin-top:50px;
        height: 74%;
    }
    .channel-banner__info::after{
        content: '';
        width: 30px;
        height: 30px;
        background: url(/Template/skin1/common/images/common_icon_more@2x.png) no-repeat;
        background-size: auto 100%;
        position: absolute;
        left:0;
        right: 0;
        margin: 0 auto;
        bottom: -50px;
        animation: bannermore 2s linear infinite;
    }
    @keyframes bannermore{
        0% {
           bottom: -50px;
        }
        50% {
            bottom: -65px;
        }
        100% {
            bottom: -50px;
        }
      }
    .channel-banner__title{
        font-size: 28px;
        margin-left: 35px;
    }
    .channel-banner__desc{
        margin-left: 35px;
        font-size: 18px;
        margin-top: 20px;
    }
    .channel-banner__button{
        font-size: 16px;
        width: 160px;
        height: 38px;
        line-height: 38px;
        left:0;
        right: 0;
        margin: 0 auto;
        position: absolute;
        bottom: 0;
    }
.floor{
    padding: 70px 0;
}
.bigBannerB{ height:240px; }
.bigBannerB .swiper-slide{background-size:auto 100% !important;}
.bigBannerB .banner-pagination{
    bottom: 15px;
}
.bigBannerB .banner-pagination .swiper-pagination-bullet{
    width: 30px;
    height: 3px;
}

.bigBannerB .crmimg1{
    background-image: url(/Template/skin1/static2020/crm/images/banner6_m.jpg) !important;
}
.bigBannerB .crmimg2{
    background-image: url(/Template/skin1/static2020/crm/images/crm-img1_m.jpg) !important;
}
.titleBox .infoTitle{width: auto;font-size: 14px;padding: 0 20px;line-height: 25px;}
.titleBox {margin-bottom: 20px;}
.contentBox ul{margin-left:15px;margin-bottom: 20px;}
.titleBox .bigTitle{font-size:22px}
.imgText{padding-left:0!important}
.imgText img{max-width:80%;display:block;overflow:hidden;margin: auto;}

.b6 .infoText{font-size: 14px;line-height: 25px;padding: 0 20px;}
.b6 h2{padding: 0 20px;font-size: 20px;}
.b6{margin-top:30px;}
.f2 ul li .process-item-content .process-item-title{font-size: 13px;}
.f11 ul li{box-sizing: border-box;width: 50%;padding: 50px 20px;}
.f1 ul li .welcome-box p{ font-size:16px;}
.btnBox a{padding: 14px 60px;font-size: 16px;border-radius:3px;}
}<!--耗时1782902347.3274秒-->