@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:1180px; 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;}
.bigBannerB .carousel-item{ background-size:cover; background-repeat:no-repeat; background-position:center center;}
.bigBannerB .carousel-dots{ position:absolute;bottom:30px;width:100%; text-align:center;height:12px; line-height:12px; overflow:hidden;}
.bigBannerB .carousel-dots span{ display:inline-block;}
.bigBannerB .carousel-dots i{width:50px;height:5px;float:left; background:#fff;margin:0px 5px; cursor:pointer;filter:alpha(opacity=50);  -moz-opacity:0.5;  -khtml-opacity: 0.5;  opacity: 0.5;}
.bigBannerB .carousel-dots .on{ background:#000;filter:alpha(opacity=50);  -moz-opacity:0.5;  -khtml-opacity: 0.5;  opacity: 0.5;}

.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;}

/*头部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(images/noicon1.jpg) no-repeat center #fff;}
.welcome-box .lineBox i.icon-Cup2{ background:url(images/noicon2.jpg) no-repeat center #fff;border: 1px solid #00a0e9;}
.welcome-box .lineBox i.icon-Cup3{ background:url(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(images/noi1.png) center no-repeat;}
.f2 .ctn2{ background:url(images/noi2.png) center no-repeat;}
.f2 .ctn3{ background:url(images/noi3.png) center no-repeat;}
.f2 .ctn4{ background:url(images/noi4.png) center no-repeat;}
.f2 .ctn5{ background:url(images/noi5.png) center no-repeat;}
.f2 .ctn6{ background:url(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(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;}
.bigBannerM{display:none}
@media all and (max-width: 992px) {
.contentBox li{margin-bottom:30px}
.contentBox ul {margin-left:45px}
.contentBox img{max-width:100%;overflow:hidden;display:block}

}
@media all and (min-width:1180px) and (max-width:1920px){}

@media screen and (max-width:480px){
.bigBannerM{ background:url(../crm/images/banner6.jpg) no-repeat center; height:200px; background-size:auto 100%;}
.bigBannerM img{ display:none;}
.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;}
.bigBannerB{display:none}
.bigBannerM{display:block}
.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;}
}