@charset "UTF-8";

.banner h0 {
	
	color: #fff;
	font-size: 48px;

	line-height: 1.8em;

}
.banner sup{
	font-size: 22px;
}
.func {
	background:#EFF2F4
}
.func .func-content {
	display:flex;
	justify-content:space-around;
	flex-wrap:wrap
}
.func .func-content .item {
	display:inline-block;
	vertical-align:top;
	width:23%;
	margin:0 1%;
	position:relative;
	padding-bottom:54px;	   
	 border-bottom: 1px dashed #ccc;
}
.func .func-content .item h4 {
	margin:20px 0 10px
}
.func .func-content .item .detail-btn {
	position:absolute;
	bottom:0
}



.features {

	background-size:100% 100%;
	color:#191818;
	text-align:center
}
.features h2 {
	color:#fff
}
.features .item {
	display:inline-block;
	vertical-align:top;
	width:290px;
	padding-top: 2%;
	padding-bottom: 2%;
	padding-left: 3%;
	padding-right: 2%;
	box-sizing:border-box
}
.features .item .icon {
	height:60px;
	width:auto;
}
.features .item h4 {
	
	border-radius:50px;
	border:0.5px dashed  #ffb119;
	width:180px;
	margin:14px auto 16px;
	padding:3px 0;
	font-weight:400;
	color:#fff
}
.features .down-btn {
	border:1px solid #fff;
	border-radius:50px;
	padding:0 40px;
	display:inline-block;
	transition:all .3s;
	background:transparent;
	color:#fff;
	box-sizing:border-box;
	line-height:32px
}
@media screen and (max-width:768px) {
	.features {
	background:#ffffff;
	padding-top: 2%;
	padding-bottom: 2%;
	padding-left: 5%;
	padding-right: 5%;
}
}


.lr-pt {
	background-size:100% 100%
}
.lr-pt.deep {
	background:#eff2f4;
	color:#565d6d;
}
.lr-pt.deep h2,.lr-pt.deep .h3,.lr-pt.deep .h4 {
	color:#565d6d;
}
.lr-pt.light {
	background:#eff2f4
}
.lr-pt .image,.lr-pt .text {
	display:inline-block;
	vertical-align:middle;
	width:49%;
}
.lr-pt .image {
	text-align:center;

.lr-pt .h3 {
	text-align:left;
	color:#626dae;
	margin-bottom:20px
}
.lr-pt .h4 {
	margin-top:10px;
	margin-bottom:0;
	text-align:center;
}
.lr-pt .grid-5-5 .image {
	width:49%
}
.lr-pt .grid-5-5 .text {
	width:49%
}
.lr-pt .grid-4-6 .image {
	width:40%
}
.lr-pt .grid-4-6 .text {
	width:58%
}
.lr-pt .grid-3-7 .image {
	width:30%
}
.lr-pt .grid-3-7 .text {
	width:68%
}
.lr-pt .grid-2-8 .image {
	width:20%
}
.lr-pt .grid-2-8 .text {
	width:78%
}
.lr-pt .grid-8-2 .image {
	width:78%
}
.lr-pt .grid-8-2 .text {
	width:20%
}
.lr-pt .grid-7-3 .image {
	width:68%
}
.lr-pt .grid-7-3 .text {
	width:30%
}
.lr-pt .grid-6-4 .image {
	width:58%
}
.lr-pt .grid-6-4 .text {
	width:40%
}
@media screen and (max-width:768px) {
	.lr-pt .grid-5-5 .image,.lr-pt .grid-4-6 .image,.lr-pt .grid-3-7 .image,.lr-pt .grid-2-8 .image,.lr-pt .grid-8-2 .image,.lr-pt .grid-7-3 .image,.lr-pt .grid-6-4 .image,.lr-pt .grid-7-3 .image,.lr-pt .grid-8-2 .image {
	display:none
}
.lr-pt .grid-5-5 .text,.lr-pt .grid-4-6 .text,.lr-pt .grid-3-7 .text,.lr-pt .grid-2-8 .text,.lr-pt .grid-8-2 .text,.lr-pt .grid-7-3 .text,.lr-pt .grid-6-4 .text,.lr-pt .grid-7-3 .text,.lr-pt .grid-8-2 .text {
	width:100%
}
.lr-pt .grid-5-5 .text img,.lr-pt .grid-4-6 .text img,.lr-pt .grid-3-7 .text img,.lr-pt .grid-2-8 .text img,.lr-pt .grid-8-2 .text img,.lr-pt .grid-7-3 .text img,.lr-pt .grid-6-4 .text img,.lr-pt .grid-7-3 .text img,.lr-pt .grid-8-2 .text img {
	margin-bottom:.2667rem
}
.lr-pt .grid-5-5 .text .h3,.lr-pt .grid-4-6 .text .h3,.lr-pt .grid-3-7 .text .h3,.lr-pt .grid-2-8 .text .h3,.lr-pt .grid-8-2 .text .h3,.lr-pt .grid-7-3 .text .h3,.lr-pt .grid-6-4 .text .h3,.lr-pt .grid-7-3 .text .h3,.lr-pt .grid-8-2 .text .h3 {
	margin-bottom:.2667rem
}
}

}
/* 典型客户闪图 */
body {
    min-width: 1280px;
}

/*数值驱动企业新未来*/
body {
    font-size: 14px;
    line-height: 2;
    color: #565d6d;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.home-intell {
    padding: 70px 0
}

@media (max-width: 1100px) {
    .home-intell {
        padding: 30px 0;
        padding-top: 20px
    }
}

@media (max-width: 500px) {
    .home-intell {
        padding-top: 20px;
        padding-bottom: 5px
    }
}

* {
    box-sizing: inherit;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.home-intell .container {
    padding: 0
}

@media (max-width: 768px) {
    .home-intell .container {
        padding: 0 5px
    }
}

.container {
    width: 1220px;
    margin: 0 auto;
    padding: 0 10px
}

@media (max-width: 1219px) {
    .container {
        width: 100%;
        color: #fff;
    }
}

.titlez1 {
    color: #191919;
    font-size: 40px !important;
    line-height: 50px;
    text-align: center
}

@media (max-width: 1100px) {
    .titlez1 {
        font-size: 18px;
        line-height: 24px
    }
}

.home-intell ul {
    padding-top: 40px
}

@media (max-width: 1100px) {
    .home-intell ul {
        padding-top: 15px
    }
}

ul,
li {
    box-sizing: border-box
}

ul,
ol {
    overflow: hidden
}

body,
ul,
ol,
li,
p,
h1,
h2,
h3,
h4,
h5,
dl,
dt,
dd,
figure {
    padding: 0;
    margin: 0;
    font-weight: 400
}

ul {
    list-style: none;
}

.home-intell li {
    padding: 12px;
    width: 33.33%;
    float: left
}

@media (max-width: 768px) {
    .home-intell li {
        padding: 5px
    }
}


@media (max-width: 480px) {
    .home-intell li {
        width: 50%
    }
}

@media (max-width: 360px) {
    .home-intell li {
        width: 100%
    }
}

.home-intell li a:hover .bg {
    height: 100%;
    background: rgba(0, 90, 255, 1) !important;
}

.home-intell li a:hover .maskxin {
    height: 100%
}

.home-intell li a:hover .maskxin .title {
    margin-top: 40px
}

@media (max-width: 1100px) {
    .home-intell li a:hover .maskxin {
        height: 36px
    }

    .home-intell li a:hover .maskxin .title {
        margin-top: 0
    }
}

a,
a:hover,
a:active,
input,
button,
li {
    text-decoration: none;
    -webkit-tap-heighlight-color: transparent;
    tap-heighlight-color: transparent;
    -moz-user-focus: none;
    -webkit-touch-callout: none;
    outline: 0;
    text-decoration: none;
    border: 0;
}

li {
    list-style: none
}

.home-intell li a {
    width: 100%;
    height: 100%;
    color: #fff;
    display: block;
    position: relative
}

a,
a:link,
a:visited,
a:hover {
    text-decoration: none;
}

.home-intell li .pic {
    position: relative
}

.home-intell li .pic:after {
    content: "";
    display: block;
    /* padding-bottom: 67.2% */
}

figure {
    padding: 0;
    margin: 0;
    font-weight: 400
}

img {
    border: 0;
    max-width: 100%;
    vertical-align: top;
    position: relative;
}

img {
    height: auto;
    max-width: 100%;
}

img:after {
    content: ' ';
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    background: transparent
}

*:before,
*:after {
    box-sizing: inherit;
}

.home-intell li .bg {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 60px;
    z-index: 9;
    position: absolute;
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center;
    /*    background-color: #013460;*/
    background: rgba(0, 90, 255, 0.8)
}
@media (max-width: 767px) {
    .home-intell li .bg {
        display: none
    }
}
.home-intell li .maskxin {
    left: 0;
    bottom: 0;
    content: "";
    width: 100%;
    height: 60px;
    padding: 0 40px;
    text-align: center;
    position: absolute;
    overflow: hidden;
    z-index: 19;
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out
}

@media (max-width: 1100px) {
    .home-intell li .maskxin {
        height: 36px;
        padding: 0 10px;
        background: rgba(1, 52, 96, 0.8)
    }
}

.home-intell li .title1 {
    width: 100%;
    height: 60px;
    font-weight: normal;
    font-size: 24px;
    overflow: hidden;
    line-height: 60px;
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out
}

@media (max-width: 1100px) {
    .home-intell li .title1 {
        font-size: 16px;
        height: 36px;
        line-height: 36px
    }
}

h3 {
    font-size: 22px;
    text-align: center
}

h1,
h2,
h3,
h4,
h5,
p {
    word-break: break-word
}

.home-intell li .line {
    width: 25px;
    height: 2px;
    margin: 0 auto;
    background: #fff
}

@media (max-width: 1100px) {
    .home-intell li .line {
        display: none
    }
}

p {
    font-size: 14px !important;
    color: #262626;
	/* width: 320px; */
	margin: 0 2px;
}

.home-intell li .textxin {
    font-size: 15px;
    /* height: 44px; */
    margin-top: 20px;
    /* overflow: hidden; */
    line-height: 22px;
    position: relative;
}

@media (max-width: 1100px) {
    .home-intell li .textxin {
        display: none
    }
}

.home-intell li .more {
    margin-top: 20px
}

@media (max-width: 1100px) {
    .home-intell li .more {
        display: none
    }
}

.home-intell li .more img {
    margin-top: 3px;
    vertical-align: top;
    margin-right: 10px
}

.clearfix:after {
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both
}
/* 典型客户闪图 end */

/* 左右图Start */
.platform {
	width: 100%;
	padding: 0px 0;
	background: linear-gradient(to left, #eff2f4 50%, #eff2f4 50%)
}

.platform2 {
	width: 100%;
	padding: 0px 0;
	background: linear-gradient(to left, #ffffff 50%, #ffffff 50%)
}

.platform .box1 {
	display: flex;
	margin-top: 0px;
	flex-wrap: wrap
}

.platform .box1 .platform-left {
	width: 50%;
	padding-top: 10%;
	padding-right: 0;
	padding-bottom: 5%;


}

.platform .box1 .platform-left img {
	width: 80%;
	margin-bottom: 30px
}

.platform .box1 .platform-left .des {
	font-size: 12px;
	padding-left: 27%;
	color: gray
}

.platform .box1 .platform-right {
	width: 50%;
	display: flex;
	align-items: center;
	text-align: justify;
	padding-left: 60px;
	padding-right: 60px;
	box-sizing: border-box;
	margin-top: .26667rem
}

@media screen and (max-width:1000px) {
	.platform .box1 .platform-right {
		padding-left: 35px
	}
}

.platform .box1 .platform-right .p-title {
	font-size: 24px !important;
	color: #454e68 !important
}

@media screen and (max-width:1000px) {
	.platform .box1 .platform-right .p-title {
		font-size: 18px
	}
}

@media screen and (max-width:1200px) {
	.platform .box1 .platform-right .p-title {
		font-size: 20px
	}
}

@media screen and (max-width:1000px) {
	.platform .box1 .platform-right .p-title {
		font-size: 16px
	}
}

.platform .box1 .platform-right .p-title .p2 {
	position: relative;
	color: #333;
}

.platform .box1 .platform-right .p-title .p2:before {

	font-size: 40px;
	position: absolute;
	bottom: -25px;
	left: -59px
}

.platform .box1 .platform-right .title1 {
	font-size: 18px;
	color: #333;
	margin-top: 20px
}

.platform .box1 .platform-right .title2 {
	font-size: 14px;
	color: #4d4d4d;
	margin: 0 60px 0 20px;
}

.box2 {
	display: flex;
	flex-wrap: wrap;
	background: linear-gradient(to left, #ffffff 50%, #ffffff 50%)
}

.box2 .platform-right {
	width: 50%;
	padding-top: 10%;
	padding-left: 10%;
	padding-bottom: 5%;
	box-sizing: border-box
}

@media screen and (max-width:1600px) {
	.box2 .platform-right img {
		width: 80%
	}
}

.box2 .platform-left {
	width: 50%;
	padding-right: 60px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	text-align: justify
}

@media screen and (max-width:1600px) {
	.box2 .platform-left {
		padding-top: 3%;
		padding-left: 6%;
		padding-bottom: 6%
	}
}

@media screen and (max-width:1444px) {
	.box2 .platform-left {
		padding-left: 3%
	}
}

.box2 .platform-left .p-title {
	font-size: 24px !important;
	color: #454e68 !important
}

@media screen and (max-width:1000px) {
	.box2 .platform-left .p-title {
		font-size: 18px
	}
}

@media screen and (max-width:1200px) {
	.box2 .platform-left .p-title {
		font-size: 20px
	}
}

@media screen and (max-width:1000px) {
	.box2 .platform-left .p-title {
		font-size: 16px
	}
}

.box2 .platform-left .p-title .p2 {
	position: relative;
	color: #333;
}
.box1 .platform-right .p-title .p3 {
	position: relative;
	margin-left: 60px
}
.box2 .platform-left .p-title .p4 {
	position: relative;
	margin-left: 60px
}
.box1 .platform-right .p-title .p5 {
	position: relative;
	margin-left: 60px
}
.box2 .platform-left .p-title .p6 {
	position: relative;
	margin-left: 60px
}

.box2 .platform-left .p-title .p2:before {

	font-size: 40px;
	position: absolute;
	bottom: -25px;
	left: -59px
}

.box1 .platform-right .p-title .p3:before {
	content: "03";
	font-size: 40px;
	position: absolute;
	bottom: -25px;
	left: -59px
}
.box2 .platform-left .p-title .p4:before {
	content: "04";
	font-size: 40px;
	position: absolute;
	bottom: -25px;
	left: -59px
}
.box1 .platform-right .p-title .p5:before {
	content: "05";
	font-size: 40px;
	position: absolute;
	bottom: -25px;
	left: -59px
}
.box2 .platform-left .p-title .p6:before {
	content: "06";
	font-size: 40px;
	position: absolute;
	bottom: -25px;
	left: -59px
}
.box2 .platform-left .title1 {
	font-size: 18px;
	color: #333;
	margin-top: 20px
}

.box2 .platform-left .title2 {
	font-size: 14px;
	color: #4d4d4d;
	margin: 0 60px 0 20px;

}



.box3 {
	display: flex;
	flex-wrap: wrap
}

.box3 .platform-left {
	width: 50%;
	background: url(../images/box3-left.jpg) no-repeat center center;
	background-size: cover;
	padding: 60px 30px 60px 260px;
	box-sizing: border-box
}

@media screen and (max-width:1660px) {
	.box3 .platform-left {
		padding: 60px 80px 60px 250px
	}
}

@media screen and (max-width:1300px) {
	.box3 .platform-left {
		padding: 60px 60px 60px 184px
	}
}

.box3 .platform-left img {
	position: relative;
	top: -20px
}

.box3 .platform-right {
	width: 50%;
	background-color: #f5f8fc;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	text-align: justify;
	padding-left: 70px
}

.box3 .platform-right .p-title {
	font-size: 24px;
	color: #6886bc;
	margin-bottom: 20px
}

@media screen and (max-width:1000px) {
	.box3 .platform-right .p-title {
		font-size: 18px
	}
}

@media screen and (max-width:1200px) {
	.box3 .platform-right .p-title {
		font-size: 20px
	}
}

.box3 .platform-right .p-title span {
	font-size: 24px;
	margin-right: 20px
}

@media screen and (max-width:1200px) {
	.box3 .platform-right .p-title span {
		font-size: 20px
	}
}

@media screen and (max-width:1000px) {
	.box3 .platform-right .p-title span {
		font-size: 16px
	}
}

.box3 .platform-right .p-title .p2 {
	position: relative;
	margin-left: 60px
}

.box3 .platform-right .p-title .p2:before {
	content: "03";
	font-size: 40px;
	position: absolute;
	bottom: -25px;
	left: -59px
}

.box3 .platform-right .title1 {
	font-size: 18px;
	color: #333;
	margin-top: 20px;
	margin-bottom: 10px
}

.box3 .platform-right .title2 {
	font-size: 14px;
	color: #4d4d4d
}

.box4 {
	display: flex;
	flex-wrap: wrap
}

.box4 .platform-left {
	width: 50%;
	padding: 30px 30px 30px 260px;
	box-sizing: border-box;
	background-color: #f5f8fc
}

@media screen and (max-width:1440px) {
	.box4 .platform-left {
		padding: 30px 30px 30px 170px
	}
}

@media screen and (max-width:1366px) {
	.box4 .platform-left {
		padding: 30px 30px 30px 150px
	}
}

@media screen and (max-width:1230px) {
	.box4 .platform-left {
		padding: 30px 53px 30px 34px
	}
}

@media screen and (max-width:1000px) {
	.box4 .platform-left {
		padding: 30px 29px 30px 10px
	}
}

.box4 .platform-left .p-title {
	font-size: 24px;
	color: #6886bc;
	margin: 50px auto 30px
}

@media screen and (max-width:1000px) {
	.box4 .platform-left .p-title {
		font-size: 18px
	}
}

.box4 .platform-left .p-title span {
	font-size: 24px;
	margin-right: 20px
}

@media screen and (max-width:1200px) {
	.box4 .platform-left .p-title span {
		font-size: 20px
	}
}

@media screen and (max-width:1000px) {
	.box4 .platform-left .p-title span {
		font-size: 16px
	}
}

.box4 .platform-left .p-title .p2 {
	position: relative;
	margin-left: 60px
}

.box4 .platform-left .p-title .p2:before {
	content: "04";
	font-size: 40px;
	position: absolute;
	bottom: -25px;
	left: -59px
}

.box4 .platform-right {
	width: 50%;
	background-color: #f5f8fc;
	box-sizing: border-box
}

.box4 .platform-right .p-title {
	font-size: 24px;
	color: #6886bc
}

.box4 .platform-right .p-title span {
	font-size: 34px;
	margin-right: 20px
}