*{
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}
body {
	margin: 0;
    max-width: 100vw;
    max-height: 100vh;
    overflow: hidden;
    font-family: "微软雅黑";
}
ul,li,ol,dl,dt,dd{
	list-style: none;
}
a,a:hover{
	text-decoration: none;
}

.wrapper {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    position: relative;
	background-image: url(../img/abiBgALong.jpg);
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
}

/******************** 主页展示  *********************/
.content{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow-y: auto;
}
.content h2{
	position: absolute;
	left: 14.95%;
	top: 7.5%;
	line-height: 52px;
	text-align: left;
	font-size: 34px;
color: #5daefc;
    background-image: linear-gradient(-135deg,#00c6ff,#07e5ff);
    -webkit-background-clip: text;
    color: transparent;
	font-weight: normal;
}
.content .btn-content{
position: absolute;
	right: 0;
	top: 10%;
display: block;
    width: 133px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #fff;
    text-align: left;
    text-indent: 55px;
letter-spacing: 1px;
    font-weight: bold;
    background: linear-gradient(90deg,#576efb 0,#46b7fe 100%);
background-color: #506ae8;
    border-radius: 25px 0 0 25px;
    box-shadow: 0 3px 6px rgba(74,134,252,.35);
}
.content .btn-content:before{
    content: '';
    position: absolute;
    left: 20px;
    top: 50%;
    margin: -10px 0 0;
    width: 25px;
    height: 19px;
    background-image: url(../img/icon-content.png);
    background-position: center;
background-repeat: no-repeat;
}
.content .btn-content:hover{
    background: linear-gradient(90deg,#2854e8 0,#32daff 100%);
    background-color: #2854e8;
}

/* 主页left  */
.content .leftTitle{
	position: absolute;
	left: 14.95%;
	top: 29.35%;
	text-align: left;
	height: auto;
	overflow: hidden;
	padding-top: 28px;
}
.content .leftTitle:before, .content .rightTitle:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 38px;
	height: 5px;
	background-color: #fff;
}
.content .leftTitle h6, .content .rightTitle h6{
	line-height: 48px;
	font-size: 28px;
	color: #fff;
	font-weight: normal;
}
.content .leftTitle p, .content .rightTitle p{
	width: 275px;
	line-height: 29px;
	font-size: 16px;
	color: #fff;
}
.content .leftTitle .links, .content .rightTitle .links{
	display: block;
	width: 150px;
	height: 40px;
	line-height: 38px;
	font-size: 18px;
	color: #fff;
	text-align: center;
	background: rgba(41,186,252,.1);
	border: 1px solid #1095ef;
	border-radius: 20px;
	margin-top: 43px;
}
.content .leftTitle .linksL:hover{
	background: linear-gradient(360deg,#1088ff 0,#01deff 100%);
    background-color: #1088ff;
    border-color: #0eb2ff;
    border-top-color: #01deff;
    border-bottom-color: #1088ff;
}

/* 主页right */
.content .rightTitle{
	position: absolute;
	right: 14.9%;
	top: 22%;
	width: 275px;
	height: auto;
	overflow: hidden;
	text-align: left;
	padding-top: 28px;
}
.content .rightTitle:before{
	background-color: #596efb;
}
.content .rightTitle h6, .content .rightTitle p{
	color: #182132;
}
.content .rightTitle .links{
	background: linear-gradient(90deg,#506ae8 0,#44c4ff 100%);
    background-color: #506ae8;
	border: 0;
}
.content .rightTitle .linksR:hover{
	background: linear-gradient(90deg,#2854e8 0,#32daff 100%);
    background-color: #2854e8;
	border: 0;
}

/* 右边动画 */
.content .move{
	position: absolute;
	bottom: 324px;
	left: 50%;
	width: 375px;
	height: 565px;
}
.content .move img{
	position: absolute;
}

/* 左边动画  */
.content .moveLeft{
	width: 199px;
	height: 137px;
	position: absolute;
	left: 32.55%;
	bottom: 386px;
}
.content .moveLeft img{
	position: absolute;
}

/* 主页footer */
.content .footer{
	position: absolute;
	left: 0;
	bottom: 12.31%;
	width: 100%;
	height: 34px;
	line-height: 34px;
	text-align: center;
	color: #3d3d3d;
	font-size: 14px;
}
.content .footer span{
	color: #9faab0;
	padding-left: 8px;
}

/** 点击行业案例按钮展示 **/
.case, .function{
	position: absolute;
	left: 0;
	top: 0;
	width: 100vw;
    height: 100vh;
    overflow: hidden;
	background-color: #000119;
}

/** 行业案例背景  **/
.case::before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	overflow: hidden;
	opacity: .85;
	background-image: url(../img/abiBgBLong.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

/** 点击功能演示按钮展示 **/
.function{
background-image: url(../img/function-bg.jpg);
	background-position: center;
	background-color: #fff;
background-size: cover;
	background-repeat: no-repeat;
}
/******************** 行业案例页  *********************/

/** 返回  **/
.case .goBack{
	position: absolute;
	right: 3.7%;
	top: 5.1%;
	width: 97px;
	height: 55px;
	background-image: url(../img/casebtn01.png);
	background-position: left center;
	background-repeat: no-repeat;
	cursor: pointer;
}
.case .goBack:hover{
	background-image: url(../img/casebtn01hover.png);
}

/** 大标题  **/
.case .headlines{
	position: absolute;
	left: 0;
	top: 10.74%;
	width: 100%;
	height: auto;
	overflow: hidden;
	text-align: center;
	letter-spacing: 3px;
	background-image: url(../img/abiBnavBj1.png);
	background-position: center 4px;
	background-repeat: no-repeat;
}
.case .headlines h2{
	line-height: 107px;
	font-size: 38px;
	background-image:-webkit-linear-gradient(90deg,#ffffff 0,#91abe4 100%); 
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent;
    color: #d8ecff;
}
.case .headlines h3{
	line-height: 50px;
	font-size: 30px;
	background-image:-webkit-linear-gradient(90deg,#ffffff 0,#91abe4 100%); 
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent;
	color: #d8ecff;
	font-weight: 600;
	margin-top: 12px;
}

/** 中间主体部分  **/
.picScroll{
	position: absolute;
	left: 50%;
	top: 34.85%;
	width:1667px;
	height: 476px;
}
.picScroll .prev, .picScroll .next{
	position: absolute;
	left: 0;
	top: 159px;
	display:block;
	width:57px;
	height:57px;
	overflow:hidden;
	cursor:pointer; 
	border: 2px solid #44dfff;
	opacity: .4;
	border-radius: 50%;
}
.picScroll .prev:before, .picScroll .next:before{
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -15px 0 0 -9px;
	width: 19px;
	height: 30px;
	background-image: url(../img/casebtn2.png);
	background-position: left center;
	background-repeat: no-repeat;
}
.picScroll .next{ 
	left: auto;
	right: 0;
}
.picScroll .next:before{
	background-position: right center;
}
.picScroll .prev:hover, .picScroll .next:hover{ 
	opacity: 1; 
}

.picScroll .bd{ 
	width: auto;
	height: 476px;
	overflow:hidden;
	margin:0 4.89% 0 5.34%; 
}
.picScroll .bd ul{ 
	width: 1000%;
	height: 476px;
	overflow:hidden;
	position: relative;
}
.picScroll .bd ul li{ 
	float: left;
	width: auto;
	height: 413px;
	text-align:center;
	padding: 43px 0 20px;
	margin-bottom: 50px;
}
.picScroll .bd ul li a{
	display: block;
	position: relative;
	background-position: center top;
	background-size: cover;
	background-repeat: no-repeat;
	margin: 0 11px;
}
.picScroll .bd ul .listA a{
	background-image: url(../img/caseBgA1.png);
}
.picScroll .bd ul .listB a{
	background-image: url(../img/caseBgB1.png);
}
.picScroll .bd ul .listC a{
	background-image: url(../img/caseBgC1.png);
}
.picScroll .bd ul .listD a{
	background-image: url(../img/caseBgD1.png);
}
.picScroll .bd ul .listE a{
	background-image: url(../img/caseBgE1.png);
}
.picScroll .bd ul .listF a{
	background-image: url(../img/caseBgF1.png);
}
.picScroll .bd ul .listG a{
	background-image: url(../img/caseBgG1.png);
}

.picScroll .bd ul li:nth-child(2) a, .picScroll .bd ul li:nth-child(4) a{
	border-radius: 2px;
}

.picScroll .bd ul li a:before{
	content: '';
	position: absolute;
	left: 0;
	top: 290px;
	width: 100%;
	height: 123px;
	background-position: center top;
	background-size: 100%;
	background-repeat: no-repeat;
}
.picScroll .bd ul .listA a:before{
	background-image: url(../img/caseBgA3.png);
}
.picScroll .bd ul .listB a:before{
	background-image: url(../img/caseBgB3.png);
}
.picScroll .bd ul .listC a:before{
	background-image: url(../img/caseBgC3.png);
}
.picScroll .bd ul .listD a:before{
	background-image: url(../img/caseBgD3.png);
}
.picScroll .bd ul .listE a:before{
	background-image: url(../img/caseBgE3.png);
}
.picScroll .bd ul .listF a:before{
	background-image: url(../img/caseBgF3.png);
}
.picScroll .bd ul .listG a:before{
	background-image: url(../img/caseBgG3.png);
}

.picScroll .bd ul li a:after{
	content: '';
	position: absolute;
	top: 19px;
	left: 35px;
	width: 206px;
	height: 220px;
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.picScroll .bd ul .listA a:after{
	background-image: url(../img/caseBgA2.png);
}
.picScroll .bd ul .listB a:after{
	background-image: url(../img/caseBgB2.png);
}
.picScroll .bd ul .listC a:after{
	background-image: url(../img/caseBgC2.png);
}
.picScroll .bd ul .listD a:after{
	background-image: url(../img/caseBgD2.png);
}
.picScroll .bd ul .listE a:after{
	background-image: url(../img/caseBgE2.png);
}
.picScroll .bd ul .listF a:after{
	background-image: url(../img/caseBgF2.png);
}
.picScroll .bd ul .listG a:after{
	background-image: url(../img/caseBgG2.png);
}

.picScroll .bd ul li .module{
	width: 276px;
	height: 290px;
	position: relative;
	z-index: 1;
}
.picScroll .bd ul li .module img{
	position: absolute;
}
.picScroll .bd ul li h6{
	position: absolute;
	bottom: 29px;
	left: 0;
	width: 100%;
	height: 34px;
	line-height: 34px;
	font-size: 20px;
	color: #fff;
	letter-spacing: 1px;
	font-weight: normal;
}

/* li hover */
.picScroll .bd ul .listA a:hover, .picScroll .bd ul .listA.active a{
	background-image: url(../img/caseBgAhover1.png);
}
.picScroll .bd ul .listB a:hover, .picScroll .bd ul .listB.active a{
	background-image: url(../img/caseBgBhover1.png);
}
.picScroll .bd ul .listC a:hover, .picScroll .bd ul .listC.active a{
	background-image: url(../img/caseBgChover1.png);
}
.picScroll .bd ul .listD a:hover, .picScroll .bd ul .listD.active a{
	background-image: url(../img/caseBgDhover1.png);
}
.picScroll .bd ul .listE a:hover, .picScroll .bd ul .listE.active a{
	background-image: url(../img/caseBgEhover1.png);
}
.picScroll .bd ul .listF a:hover, .picScroll .bd ul .listF.active a{
	background-image: url(../img/caseBgFhover1.png);
}
.picScroll .bd ul .listG a:hover, .picScroll .bd ul .listG.active a{
	background-image: url(../img/caseBgGhover1.png);
}

.picScroll .bd ul .listA a:hover:after, .picScroll .bd ul .listA.active a:after{
	background-image: url(../img/caseBgAhover2.png);
}
.picScroll .bd ul .listB a:hover:after, .picScroll .bd ul .listB.active a:after{
	background-image: url(../img/caseBgBhover2.png);
}
.picScroll .bd ul .listC a:hover:after, .picScroll .bd ul .listC.active a:after{
	background-image: url(../img/caseBgChover2.png);
}
.picScroll .bd ul .listD a:hover:after, .picScroll .bd ul .listD.active a:after{
	background-image: url(../img/caseBgDhover2.png);
}
.picScroll .bd ul .listE a:hover:after, .picScroll .bd ul .listE.active a:after{
	background-image: url(../img/caseBgEhover2.png);
}
.picScroll .bd ul .listF a:hover:after, .picScroll .bd ul .listF.active a:after{
	background-image: url(../img/caseBgFhover2.png);
}
.picScroll .bd ul .listG a:hover:after, .picScroll .bd ul .listG.active a:after{
	background-image: url(../img/caseBgGhover2.png);
}

/*焦点导航 */
.picScroll .focusNav{
	position: absolute;
	left: -3.51%;
	bottom: -29px;
	width: 107.2%;
	height: 40px;
	background-image: url(../img/abiBnavBj2.png);
	background-position: 18px center;
	background-size: 100% auto;
	background-repeat: no-repeat;
	text-align: center;
	font-size: 0;
}
.picScroll .focusNav li{
	display: inline-block;
	width: 127px;
	height: 40px;
	line-height: 40px;
	background-image: url(../img/abiBtitBtn1.png);
	background-position: center;
	background-size: 100% auto;
	background-repeat: no-repeat;
	position: relative;
	margin: 0 8px;
}
.picScroll .focusNav li a{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	font-size: 18px;
	color: rgba(255,255,255,.75);
	z-index: 1;
}
.picScroll .focusNav li.active:before, .picScroll .focusNav li:hover:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: url(../img/abiBtitBtn2.png);
	background-position: center;
	background-size: 100% auto;
	background-repeat: no-repeat;
}
.picScroll .focusNav li.active a, .picScroll .focusNav li:hover a{
	color: #0edfed;
}

/******************** 功能演示  *********************/
.function .logo{
	position: absolute;
	right: 7%;
	bottom: 9.26%;
	z-index: 2;
	display: block;
	width: 148px;
	height: 21px;
}
.function .logo img{
	width: 148px;
	height: 21px;
}
.function .headlines{
	position: absolute;
	left: 6.93%;
	top: 8.5%;
	z-index: 2;
	text-align: left;
	letter-spacing: 1px;
	color: #1044a3;
}
.function .headlines h2{
	line-height: 63px;
	font-size: 42px;
	font-weight: normal;
	margin-bottom: 7px;
}
.function .headlines h3{
	line-height: 45px;
	font-size: 30px;
	font-weight: normal;
	margin-bottom: 41px;
}
.function .headlines span{
	display: block;
	width: 55px;
	height: 11px;
	background: linear-gradient(90deg,#506ae8 0,#44c4ff 100%);
    background-color: #506ae8;
}
/* 大标题end */
.function .goBack{
	position: absolute;
	right: 7%;
	top: 9.4%;
	z-index: 2;
	width: auto;
	height: 46px;
}
.function .goBack a{
	display: block;
	float: left;
	width: 140px;
	height: 46px;
	line-height: 46px;
	text-align: center;
	font-size: 20px;
	color: #1044a3;
	position: relative;
	margin-left: 12px;
}
.function .goBack .btn1{
	text-align: left;
	text-indent: 65px;
	border: 1px solid transparent;
    background-clip: padding-box,border-box;
    background-origin: padding-box,border-box;
    background-image: linear-gradient(90deg,#ecf8ff,#ecf8ff),linear-gradient(90deg,#506ae8,#44c4ff);
    background-color: #ecf8ff;
    cursor: pointer;
}
.function .goBack .btn1:before{
	content: '';
	position: absolute;
	left: 38px;
	top: 50%;
	margin-top: -6px;
	width: 19px;
	height: 15px;
	background-image: url(../img/functionIcon1.png);
	background-position: center;
	background-repeat: no-repeat;
}
.function .goBack .btn2{
	color: #fff;
	background: linear-gradient(90deg,#506ae8 0,#44c4ff 100%);
    background-color: #506ae8;
}
.function .goBack .btn1:hover{
    background-image: linear-gradient(90deg,#b9c3f6,#b4e7ff),linear-gradient(90deg,#506ae8,#44c4ff);
    background-color: #b4e7ff;
}
.function .goBack .btn2:hover{
	background: linear-gradient(90deg,#2344d9 0,#1bb1fb 100%);
    background-color: #2344d9;
}
/* 返回end */

.function .funNav{
	position: absolute;
	left: 6.93%;
	top: 33.5%;
	width: 156px;
	height: auto;
	overflow: hidden;
}
.function .funNav li{
	width: 156px;
	height: 46px;
	line-height: 46px;
	text-align: center;
	position: relative;
	cursor: pointer;
	margin-bottom: 20px;
}
.function .funNav li:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 154px;
	height: 44px;
	border: 1px solid transparent;
    background-clip: padding-box,border-box;
    background-origin: padding-box,border-box;
    background-image: linear-gradient(90deg,#ecf8ff,#ecf8ff),linear-gradient(90deg,#506ae8,#44c4ff);
    background-color: #ecf8ff;
    opacity: .4;
}
.function .funNav li a{
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 2;
}
.function .funNav li span{
	position: relative;
	z-index: 2;
	font-size: 18px;
	color: #4f6ce8;
}
.function .funNav li.active:before{
	width: 156px;
	height: 46px;
	background: linear-gradient(90deg,#506ae8 0,#44c4ff 100%);
    background-color: #506ae8;
    opacity: 1;
}
.function .funNav li.active span{
	color: #fff;
}
/* 侧导航end */

/* 功能演示主题内容  */
.funMain{
	position: absolute;
	right: 7.8%;
	top: 10.19%;
	width: 1286px;
	height: 787px;
	z-index: 1;
}
.funMain li, .funMain li img, .funMain div img, .funMain h6 img{
	position: absolute;
}

/* 四周矩形块  */
.funMain .rectTop{
	position: absolute;
	right: 291px;
	top: 29px;
}
.funMain .rectLeft{
	position: absolute;
	left: 2px;
	bottom: 206px;
}
.funMain .rectRight{
	position: absolute;
	right: 56px;
	top: 326px;
}

/* 数据填报  */
.funMain .moduleA{
	width: 296px;
	height: 258px;
	left: 104px;
	bottom: 168px;
	z-index: 3;
	background-image: url(../img/funAbj1.png);
	background-position: center bottom;
	background-repeat: no-repeat; 
}
.funMain li .title-link{
	display: block;
}
.funMain .moduleA .title-link{
	content: '';
	position: absolute;
	left: 23px;
	bottom: 21px;
	z-index: 2;
	width: 117px;
	height: 100px;
	background-image: url(../img/funAwz1.png);
	background-position: center;
	background-repeat: no-repeat; 
}
.funMain li .funAtu3{
	left: 54px;
	top: 0;	
}
.funMain li .funAtu2{
	left: 98px;
	top: 53px;	
}
 .funMain li .funAtu1{
	left: 195px;
	bottom: 49px;	
}

/* 数据填报hover  */
.funMain .moduleA:hover,
.funMain .moduleA.active
{
	background-image: url(../img/funAbjhover1.png);
}
.funMain .moduleA:hover .title-link,
.funMain .moduleA.active .title-link{
	background-image: url(../img/funAwzhover1.png);
}

/* 数据处理  */
.funMain .moduleB{
	width: 482px;
	height: 462px;
	left: 0;
	top: 0;
	z-index: 1;
	background-image: url(../img/funBbj2.png);
	background-position: 188px 181px;
	background-repeat: no-repeat; 
}
.funMain .moduleB .title-link{
	content: '';
	position: absolute;
	left: 14px;
	bottom: 16px;
	z-index: 5;
	width: 117px;
	height: 100px;
	background-image: url(../img/funBwz1.png);
	background-position: center;
	background-repeat: no-repeat; 
}
.funMain .moduleB:after{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 3;
	width: 261px;
	height: 160px;
	background-image: url(../img/funBbj1.png);
	background-position: center;
	background-repeat: no-repeat; 
}
.funMain .moduleB .funBtu11{
	top: 5px;
	right: 35px;
}
.funMain .moduleB .funBtu13{
	top: 135px;
	left: 165px;
}
.funMain .moduleB .funBtu1{
	bottom: 55px;
	left: 65px;
	z-index: 4;
}
.funMain .moduleB .funBtu3{
	bottom: 49px;
	left: 160px;
	z-index: 4;
}
.funMain .moduleB .funBtu2{
	bottom: 79px;
	left: 213px;
	z-index: 4;
}
.funMain .moduleB .funBtu14{
	top: 102px;
	left: 307px;
}

/* 菱形块跳动 */
.funMain .moduleB .lumpA{
	position: absolute;
	left: 76px;
	bottom: 88px;
	width: 104px;
	height: 174px;
}
.funMain .moduleB .lumpA img{
	z-index: 4;
}

/* 数据处理hover  */
.funMain .moduleB:hover,
.funMain .moduleB.active{
	background-image: url(../img/funBbjhover2.png);
}
.funMain .moduleB:hover .title-link,
.funMain .moduleB.active .title-link{
	background-image: url(../img/funBwzhover1.png);
}
.funMain .moduleB:hover:after,
.funMain .moduleB.active:after{
	background-image: url(../img/funBbjhover1.png);
}

/* 报表分析  */
.funMain .moduleC{
	top: 0;
	right: 419px;
	z-index: 3;
	width: 250px;
	height: 320px;
}
.funMain .moduleC:after{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 250px;
	height: 186px;
	background-image: url(../img/funCbj1.png);
	background-position: center;
	background-repeat: no-repeat;
}
.funMain .moduleC .lumpA{
	position: absolute;
	top: 24px;
	left: 57px;
	z-index: 2;
	width: 133px;
	height: 189px;
}
.funMain .moduleC .title-link{
	position: absolute;
	left: 6px;
	bottom: 11px;
	width: 116px;
	height: 106px;
	z-index: 2;
}
/* 报表分析hover  */
.funMain .moduleC:hover:after,
.funMain .moduleC.active:after{
	background-image: url(../img/funCbjhover1.png);
}

/* 图表分析  */
.funMain .moduleD{
	top: 185px;
	right: 211px;
	z-index: 1;
	width: 343px;
	height: 317px;
	background-image: url(../img/funDbj1.png);
	background-position: center bottom;
	background-repeat: no-repeat;
}
.funMain .moduleD .title-link{
	content: '';
	position: absolute;
	left: 33px;
    bottom: 31px;
	width: 117px;
	height: 100px;
	background-image: url(../img/funDwz1.png);
	background-position: center;
	background-repeat: no-repeat;
}
.funMain .funDtu1{
	left: 61px;
	top: 0;
}
.funMain .moduleD .lumpA{
	position: absolute;
	left: 125px;
	top: 41px;
	width: 92px;
	height: 132px;
}
.funMain .funDline1{
	top: 110px;
	left: 22px;
}
.funMain .funDline2{
	top: 125px;
	left: 58px;
}
.funMain .circularDlong{
	width: 5px;
	height: 5px;
	background: #fff;
	border-radius: 50%;
	position: absolute;
}
.funMain .circularDsmall{
	width: 3px;
	height: 3px;
	background: #54f1ff;
	border-radius: 50%;
	position: absolute;
}
.funMain .moduleD .lumpB{
	position: absolute;
	left: 78px;
    top: 185px;
	width: 80px;
	height: 33px;
	overflow: hidden;
}
.funMain .moduleD .funDpillars{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 3px;
	height: 12px;
	background: linear-gradient(-180deg,#b3f3ff -30%,#5a73f4 100%);
    background-color: #5a73f4;
}
.funMain .moduleD .lumpC{
	position: absolute;
	left: 107px;
    bottom: 87px;
	width: 44px;
	height: 41px;
	background-image: url(../img/funDminorWire.png);
	background-position: center;
	background-repeat: no-repeat;	
}
.funMain .moduleD .lumpD{
	position: absolute;
	right: 74px;
    bottom: 124px;
	width: 20px;
	height: 20px;	
}

/* 图表分析hover */
.funMain .moduleD:hover,
.funMain .moduleD.active{
	background-image: url(../img/funDbjhover1.png);
}
.funMain .moduleD:hover .title-link,
.funMain .moduleD.active .title-link{
	background-image: url(../img/funDwzhover1.png);
}

/* 炫酷的可视化  */
.funMain .moduleE{
	top: 168px;
	left: 388px;
	z-index: 2;
	width: 340px;
	height: 413px;
	background-image: url(../img/funEbj1.png);
	background-position: center bottom;
	background-repeat: no-repeat;
}
.funMain .moduleE .title-link{
	content: '';
	position: absolute;
	left: 50px;
	bottom: 122px;
	width: 117px;
	height: 100px;
	background-image: url(../img/funEwz01.png);
	background-position: center;
	background-repeat: no-repeat;
}
.funMain .funEtu1{
	left: 43px;
	bottom: 22px;
}
.funMain .funEtu2{
	left: 105px;
	bottom: 159px;
}
.funMain .moduleE .lumpA{
	position: absolute;
	left: 126px;
	top: 0;
	width: 91px;
	height: 177px;
}
.funMain .funEtu3{
	left: 0;
	bottom: 0;
}
.funMain .funEtu6{
	bottom: 23px;
	left: 0;
}
.funMain .funEtu16{
	bottom: 35px;
	left: 0;
}
.funMain .funEtu26{
	bottom: 51px;
	left: 0;
}
.funMain .funEtu36{
	bottom: 67px;
	left: 0;
}
.funMain .funEtu8{
	top: 34px;
	left: 13px;
}
.funMain .funEline1{
	top: 118px;
	left: 23px;
}
.funMain .funEline2{
	top: 147px;
	left: 32px;
}
.funMain .funEline3{
	top: 130px;
	left: 64px;
}
.funMain .funEline4{
	top: 91px;
	left: 80px;
}
.funMain .moduleE .lumpB{
	width: 17px;
	height: 62px;
	position: absolute;
	left: 110px;
	top: 174px;
	overflow: hidden;
}

/*小柱子*/
.funMain .moduleE .lumpC{
	width: 63px;
	height: 55px;
	position: absolute;
	left: 140px;
	top: 196px;
}
.funMain .moduleE .funEpillars{
	position: absolute;
	width: 3px;
	height: 17px;
	background-color: #86f8ff;
}

/* 炫酷的可视化hover */
.funMain .moduleE:hover,
.funMain .moduleE.active{
	background-image: url(../img/funEbjhover1.png);
}
.funMain .moduleE:hover .title-link,
.funMain .moduleE.active .title-link{
	background-image: url(../img/funEwzhover01.png);
}

/* 报告分析  */
.funMain .moduleF{
	right: 0;
	bottom: 50px;
	z-index: 1;
	width: 333px;
	height: 278px;
	background-image: url(../img/funFbj1.png);
	background-position: center bottom;
	background-repeat: no-repeat;
}
.funMain .moduleF .title-link{
	position: absolute;
	left: 25px;
	bottom: 21px;
	width: 117px;
	height: 98px;
	z-index: 3;
}
.funMain .funFtu1{
	right: 43px;
	top: 0;
}
/* 报告分析hover */
.funMain .moduleF:hover,
.funMain .moduleF.active{
	background-image: url(../img/funFbjhover1.png);
}

/* 报告分析  */
.funMain .moduleG{
	left: 537px;
	bottom: 11px;
	z-index: 2;
	width: 260px;
	height: 322px;
	background-image: url(../img/funGbj1.png);
	background-position: center bottom;
	background-repeat: no-repeat;
}
.funMain .moduleG:after, .funMain .moduleG .title-link{
	content: '';
	position: absolute;
	left: 13px;
	bottom: 17px;
	width: 117px;
	height: 100px;
	background-image: url(../img/funGwz1.png);
	background-position: center;
	background-repeat: no-repeat;
}
.funMain .moduleG .title-link{
	background: none;
	z-index: 2;
}
.funMain .funGtu1{
	bottom: 49px;
	left: 65px;
}
.funMain .moduleG .lumpA{
	position: absolute;
	left: 98px;
	top: 0;
	width: 62px;
	height: 112px;
}
.funMain .funGround{
	display: block;
	position: absolute;
	width: 4px;
	height: 4px;
	background-color: #fff;
	border-radius: 50%;
	opacity: .8;
}
.funMain .moduleG .lumpB{
	width: 39px;
	height: 102px;
	position: absolute;
	bottom: 96px;
	left: 74px;
	background-image: url(../img/funGpillars0.png);
	background-position: center;
	background-repeat: no-repeat;
}
.funMain .moduleG .lumpC, .funMain .moduleG .lumpD{
	width: 50px;
	height: 67px;
	position: absolute;
	bottom: 80px;
	right: 75px;
	background-image: url(../img/funGmountain1.png);
	background-position: center;
	background-repeat: no-repeat;
}
.funMain .moduleG .lumpD{
	bottom: 138px;
    right: 76px;
    background-image: url(../img/funGmountain4.png);
}

/* 报告分析hover */
.funMain .moduleG:hover,
.funMain .moduleG.active{
	background-image: url(../img/funGbjhover1.png);
}
.funMain .moduleG:hover:after,
.funMain .moduleG.active:after{
	background-image: url(../img/funGwzhover1.png);
}

/* 操作 A */
.funMain .moduleH{
	position: absolute;
	left: 225px;
	bottom: 0;
	z-index: 3;
	width: 288px;
	height: 233px;
	background-image: url(../img/funHbj1.png);
	background-position: center bottom;
	background-repeat: no-repeat;
}
.funMain .moduleH .lumpA{
	position: absolute;
	left: 117px;
	top: 31px;
	width: 72px;
	height: 133px;
}

/* 操作A hover */
.funMain .moduleH:hover,
.funMain .moduleH.active{
	background-image: url(../img/funHbjhover1.png);
}

/* 充电  */
.funMain .moduleI{
	position: absolute;
	right: 330px;
	bottom: 147px;
	z-index: 1;
	width: 205px;
	height: 139px;
	background-image: url(../img/funIbj1.png);
	background-position: center bottom;
	background-repeat: no-repeat;
}
.funMain .moduleI:hover,
.funMain .moduleI.active{
	background-image: url(../img/funIbjhover1.png);
}
.funMain .funItu4{
	left: 46px;
	top: 0;
}
.funMain .funItu2{
	left: 58px;
	top: 7px;
}
.funMain .funItu5{
	left: 67px;
	top: 19px;
	opacity: 0;
}
.funMain .funItu3{
	right: 42px;
	top: 47px;
}

/* 移动操作 B  */
.funMain .moduleJ{
	position: absolute;
	right: 114px;
	top: 121px;
	width: 210px;
	height: 190px;
	background-image: url(../img/funJbj1.png);
	background-position: center bottom;
	background-repeat: no-repeat;
}
.funMain .moduleJ:hover,
.funMain .moduleJ:active{
	background-image: url(../img/funJbjhover1.png);
}
.funMain .funJtu5{
	left: 47px;
	top: 5px;
}
.funMain .funJtu6{
	left: 48px;
	bottom: 71px;
}
.funMain .funJtu2{
	left: 106px;
	bottom: 37px;
}

/* 管子 */
.funMain .funPipe1{
	position: absolute;
	left: 153px;
	top: 416px;
	z-index: 2;
	width: 51px;
	height: 75px;
}
.funMain .funPipe2{
	position: absolute;
	left: 218px;
	top: 322px;
	width: 61px;
	height: 46px;
}
.funMain .funPipe3{
	position: absolute;
	left: 431px;
	top: 176px;
	z-index: 0;
	width: 224px;
	height: 75px;
	overflow: hidden;
}
.funMain .funPipe4{
	position: absolute;
	left: 831px;
	top: 147px;
	width: 189px;
	height: 71px;
}
.funMain .funPipe4 .hideHeight{
	position: absolute;
	left: 0;
	top: 0;
	width: 178px;
	height: 60px;
	overflow: hidden;
}
.funMain .funPipe5{
	position: absolute;
	left: 943px;
	top: 269px;
	width: 106px;
	height: 69px;
	overflow: hidden;
}
.funMain .funPipe5 .hideHeight{
	position: absolute;
	left: 0;
	top: 0;
	width: 106px;
	height: 45px;
	overflow: hidden;
}
.funMain .funPipe6{
	position: absolute;
	right: 79px;
	top: 430px;
	z-index: 1;
}
.funMain .funPipe7{
	position: absolute;
	right: 257px;
	bottom: 6px;
	z-index: 2;
	width: 301px;
	height: 103px;
}
.funMain .funPipe8{
	position: absolute;
	left: 441px;
	bottom: 96px;
	width: 159px;
	height: 45px;
}
.funMain .funPipe9{
	position: absolute;
	left: 377px;
    bottom: 135px;
    z-index: 3;
	width: 79px;
	height: 125px;
}
.funMain .funPipetu{
	position: absolute;
	left: 0;
	bottom: 0;
}
.funMain .funPipe10{
	position: absolute;
	left: 335px;
	bottom: 285px;
}
.funMain .funPipe11{
	position: absolute;
	left: 425px;
	top: 277px;
	z-index: 1;
}
.funMain .funPipe12{
	position: absolute;
	left: 604px;
	top: 285px;
	z-index: 1;
}
.funMain .funPipe13{
	position: absolute;
	right: 477px;
    top: 421px;
	z-index: 1;
	width: 140px;
	height: 123px;
}
.funMain .funPipe14{
	position: absolute;
	right: 456px;
	bottom: 427px;
	z-index: 1;
	width: 46px;
	height: 91px;
	overflow: hidden;
}
.funMain .funPipe14 img{
	position: absolute;
	right: 0;
	bottom: 0;
}
.funMain .funPipe15{
	position: absolute;
	right: 244px;
	bottom: 205px;
	width: 137px;
	height: 56px;
	overflow: hidden;
}
.funMain .funPipe15 .hideHeight{
	position: absolute;
	left: 0;
	top: 0;
	width: 119px;
	height: 47px;
	overflow: hidden;
}
.funMain .funPipe16{
	position: absolute;
	right: 475px;
	top: 432px;
	z-index: 1;
}


/**** 自适应屏幕css ****/
@media screen and (max-width: 1440px) {
	/** 主页css **/
	.wrapper{
		background-image: url(../img/abiBgASmall.jpg);
		background-size: 1366px 768px;
	}
	.content h2, .content .leftTitle{
		left: 6%;
	}
	.content .rightTitle{
		right: 5.78%;
	}
	.content .move{
		bottom: 135px;
	}
	.content .moveLeft{
		bottom: 270px;
		left: 30.6%;
	}
	.content .footer{
		bottom: 7.1%;
	}
	
	/** 行业案例css **/
	.case .goBack, .case .headlines{
		top: 3%;
	}
	.case .headlines{
		top: 7%;
	}
       @media screen and (min-height: 800px) {
            .wrapper{background-size: cover;}
        }
	
}

@media screen and (min-width: 1260px) {
	@media screen and (max-height: 700px) {
		/* 主页面 */
		.wrapper{
			background-position: center;
		}
		.content .move{
			bottom: 57px;
		}
		.content .moveLeft{
			bottom: 170px;
			left: 29.6%;
		}
		.content .footer{
			bottom: 1.3%;
		}
		
		/** 功能演示css **/
		.function .headlines{
			top: 3%;
		}
		.function .logo{
			bottom: 4%;
		}
		.function .funNav{
			top: 28%;
		}
		.function .funMain{
			top: 3.69%;
		}
		.function .goBack{
			top: 4%;
		}
	}
}

@media screen and (min-width: 1880px) {
	@media screen and (max-height: 1000px) {
		/* 主页面 */
		.wrapper{
			background-position: center;
		}
		.content .move{
			bottom: 254px;
		}
		.content .moveLeft{
			bottom: 330px;
		}
		.content .footer{
			bottom: 7%;
		}
		/** 行业案例css **/
		.picScroll{
			top: 33%;
		}
		/** 功能概述css **/
		.function .logo{
			bottom: 4.4%;
		}
		.function .headlines{
			top: 4.5%;
		}
		.funMain{
			top: 6.19%;
		}
		.function .funNav{
			top: 29.5%;
		}
		.function .goBack{
			top: 4.4%;
		}
	}
}