.banner,.banner .swiper-container,.nav,.nav ul li a {
	position:relative
}
.banner,.banner .swiper-container,.banner .swiper-wrapper,.custom-box-wrap,body,main {
	min-width:1200px
}
@font-face {
	font-family:iconfont;
	src:url(../iconfont/about/iconfont.woff2?t=1623405461829) format('woff2'),url(../iconfont/about/iconfont.woff?t=1623405461829) format('woff'),url(../iconfont/about/iconfont.ttf?t=1623405461829) format('truetype')
}
.iconfont {
	font-family:iconfont!important;
	font-size:16px;
	font-style:normal;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
.icon-xiangshang:before {
	content:"\e645"
}
.icon-xiangyou:before {
	content:"\e646"
}
.icon-xiangzuo:before {
	content:"\e647"
}
a {
	color:inherit
}
.banner {
	height:650px
}
.banner .swiper-container {
	height:100%
}
.banner .swiper-wrapper .swiper-slide {
	height:650px;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	background-image:url(../img/index/index_banner2.png)
}
.banner .pagination {
	position:absolute;
	bottom:150px;
	left:50%;
	transform:translateX(-50%)
}
.banner .pagination .swiper-pagination-switch {
	cursor:pointer;
	float:left;
	margin:6px;
	display:block;
	width:8px;
	height:8px;
	background-color:#fff;
	border-radius:4px;
	opacity:.5;
	transition:all .3s
}
.banner .pagination .swiper-active-switch {
	width:60px;
	opacity:.8
}
.banner .click-to-left,.banner .click-to-right {
	position:absolute;
	z-index:99;
	top:290px;
	color:#fff;
	font-size:90px;
	opacity:.7;
	cursor:pointer
}
.banner .click-to-left {
	left:0
}
.banner .click-to-right {
	right:0
}
.nav {
	z-index:9;
	width:1200px;
	margin:-132px auto 0;
	height:265px;
	background:#FFF;
	box-shadow:0 3px 24px 0 rgba(0,0,0,.13)
}
.nav ul li {
	width:20%;
	height:265px;
	float:left;
	text-align:center
}
.nav ul li a {
	margin:0 auto;
	height:100%;
	width:213px;
	display:block;
	overflow:hidden
}
.nav ul li .sm-img {
	position:absolute;
	top:35px;
	margin-left:-40px;
	left:50%;
	width:80px;
	height:80px
}
.nav ul li .sm-img img {
	position:absolute;
	left:50%;
	top:50%;
	transform:translateX(-50%) translateY(-50%)
}
.nav ul li h3 {
	margin:148px auto 12px;
	font-size:22px;
	font-family:Microsoft YaHei;
	font-weight:400;
	color:#333;
	line-height:22px
}
.nav ul li span {
	margin:0 auto;
	display:block;
	width:208px;
	font-size:16px;
	font-family:Microsoft YaHei;
	font-weight:400;
	color:#999;
	line-height:24px
}
.saas-box {
	margin:188px auto 0;
	width:1200px;
	text-align:center
}
.saas-box .saas-box-head {
	text-align:center
}
.saas-box .saas-box-head h1 {
	font-size:34px;
	font-family:Microsoft YaHei;
	font-weight:400;
	color:#333;
	line-height:1
}
.saas-box .saas-box-head span {
	display:block;
	margin:19px auto 0;
	width:78px;
	height:8px;
	background:#3264A6;
	border-radius:4px
}
.saas-box .saas-box-content {
	position:relative;
	margin-top:116px;
	margin-bottom:109px;
	overflow:hidden
}
.saas-box .saas-box-content .left-desc {
	float:left
}
.saas-box .saas-box-content .left-desc p {
	position:relative;
	margin-bottom:63px;
	padding-left:36px;
	width:512px;
	font-size:22px;
	font-family:Microsoft YaHei;
	font-weight:400;
	color:#666;
	line-height:32px;
	text-align:left
}
.saas-box .saas-box-content .left-desc p::before {
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:6px;
	width:24px;
	height:20px;
	background:url(../images/index_right.png) center no-repeat
}
.saas-box .saas-box-content .right-img {
	margin-top:8px;
	float:right;
	width:641px;
	height:464px
}
.saas-box .saas-box-content .right-img img {
	width:100%
}
.custom-box-wrap {
	max-width:1920px;
	margin:0 auto ;
	background:url(../images/index_custombg.png) top/cover no-repeat
}
.custom-box {
	margin:0 auto;
	width:1200px
}
.custom-box .custom-box-head {
	text-align:center
}
.custom-box .custom-box-head h1 {
	font-size:34px;
	font-family:Microsoft YaHei;
	font-weight:400;
	color:#333;
	line-height:1
}
.custom-box .custom-box-head span {
	display:block;
	margin:19px auto 0;
	width:78px;
	height:8px;
	background:#3264A6;
	border-radius:4px
}
.custom-box .custom-box-head p {
	margin:13px auto 0;
	width:859px;
	font-size:18px;
	font-family:Microsoft YaHei;
	font-weight:400;
	color:grey;
	line-height:50px
}
.custom-box .process {
	margin-top:70px
}
.custom-box .process li {
	float:left;
	margin:0 90px 95px 0;
	position:relative;
	width:168px;
	height:168px;
	background:#FFF;
	box-shadow:0 1px 8px 0 rgba(0,0,0,.07);
	border-radius:10px
	transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out;
}

.custom-box .process li:hover {
	box-shadow:0 1px 10px 0 rgba(0,0,0,.20);
            transform: scale(1.2);
            -webkit-transform: scale(1.2);
            -moz-transform: scale(1.2);
            -o-transform: scale(1.2);
            -ms-transform: scale(1.2);
        }

.custom-box .process li:last-child {
	margin-right:0
}
.custom-box .process li .sm-img {
	position:absolute;
	margin-left:-25px;
	left:50%;
	top:35px;
	width:50px;
	height:50px
}
.custom-box .process li .sm-img img {
	position:absolute;
	left:50%;
	top:50%;
	transform:translateX(-50%) translateY(-50%)
}






.custom-box .process li span {
	margin-top:109px;
	display:block;
	font-size:16px;
	font-family:Microsoft YaHei;
	font-weight:400;
	color:#333;
	line-height:1;
	text-align:center
}
.custom-box .process li::after {
	content:"";
	display:block;
	position:absolute;
	margin-top:-10px;
	top:50%;
	right:-75px;
	width:60px;
	height:19px;
	background:url(../images/index_arrow.png) center/cover no-repeat
}
.custom-box .process li:last-child::after {
	display:none
}
.custom-box .cooperation {
	cursor:pointer;
	display:block;
	margin:0 auto;
	width:228px;
	height:56px;
	background:#3264A6;
	border-radius:6px;
	font-size:20px;
	font-family:Microsoft YaHei;
	font-weight:400;
	color:#FFF;
	line-height:56px
}