@charset "utf-8";

/* 导航 */
.navBox {
	position: fixed;
	top: 0;
	z-index: 999;
	box-shadow: 1px 1px 12px 0px #E0ECF5;
	min-width: 1366px;
	width: 100%;
}

.menu {
	background-color: #fff;
}

.main-header {
	height: 60px;
	/* line-height: 60px; */
	min-width: 1366px;
	z-index: 10;
	box-shadow: 0px 3px 6px 0px rgba(202, 227, 235, 0.43);
}

.navBox {
	min-width: 1366px;
}

.systemBg1 {
	background: url("../images/index/1.png") no-repeat top center;
	padding-bottom: 150px;
	min-width: 1200px;
}

.systemBg2 {
	background: url("../images/two/1.png") no-repeat top center;
	padding-bottom: 150px;
	min-width: 1200px;
}

.systemBg3 {
	background: url("../images/three/1.png") no-repeat top center;
	padding-bottom: 150px;
	min-width: 1200px;
}
.systemBg4 {
	background: url("../images/four/1.png") no-repeat top center;
	padding-bottom: 150px;
	min-width: 1200px;
}
.systemBg5 {
	background: url("../images/fire/1.png") no-repeat top center;
	padding-bottom: 150px;
	min-width: 1200px;
}
.systemBg6 {
	background: url("../images/six/1.png") no-repeat top center;
	padding-bottom: 150px;
	min-width: 1200px;
}
.systemBg7 {
	background: url("../images/seven/1.png") no-repeat top center;
	padding-bottom: 150px;
	min-width: 1200px;
}
.main-header .nav a {
	margin-left: 50px;
}

.main-header .nav a:hover {
	color: #2065FC;
}

.main-header[data-fixed='fixed'] {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 3;
	background: #fff;
	box-shadow: 2px 1px 8px 1px rgba(202, 227, 235, 0.43);
}

/* 右侧固定菜单 */
.fixed-menu {
	position: fixed;
	right: 10px;
	top: 55%;
	margin-top: -90px;
	width: 60px;
	z-index: 999;
}

.fx-ul {
	box-shadow: 0px 0px 18px 0px rgba(100, 142, 205, 0.33);
	border-radius: 10px;
	background-color: #fff;
	margin-bottom: 20px;
}

.fx-ul li {
	position: relative;
	height: 60px;
}

.fx-ul li a {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	display: block;
	width: 60px;
	height: 60px;
	text-align: center;
	-webkit-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-moz-transition: all 0.6s;
	text-decoration: none;
	padding: 15px 0;
}

.fixedtitle {
	position: absolute;
	left: 0px;
	bottom: 0;
	background-color: #fff;
	width: 150px;
	line-height: 20px;
	height: 58px;
	/* padding-top: 10px; */
	text-align: center;
	-webkit-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-moz-transition: all 0.6s;
	font-size: 14px;
	z-index: 1;
	opacity: 0;
	box-shadow: 0px 1px 27px 0px rgba(218, 218, 219, 0.39);
	/* border-radius: 10px; */
}

.fixedtitle:before {
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	position: absolute;
	right: -5px;
	top: 14px;
	background-color: #fff;
	transform: rotate(45deg);
}

.fx-ul li:hover .fixedtitle {
	left: -165px;
	top: 0;
	opacity: 1;
}

.fixedtitle img {
	background-color: #fff;
	width: 150px;
	height: 150px;
	padding: 10px;
	box-shadow: 0px 1px 27px 0px rgba(218, 218, 219, 0.39);
}

.fx-top a {
	width: 56px !important;
	height: 56px !important;
	text-align: center;
	padding-top: 17px;
	padding-left: 5px;
}

.fxTop {
	border-radius: 10px;
	padding-left: 3px;
}

.fx-ul li a:hover {
	color: #333;
}

/* 右侧固定菜单结束 */

/* 底部通用模块 */
.cooperation img {
	margin: 0 6px 30px 0;
}

.processBoxText {
	background: url(../images/index/31.png) no-repeat center center;
	width: 575px;
	height: 120px;
	padding: 30px 15px;
	border-radius: 10px;
}

.contact {
	background: url("../images/index/36.png") no-repeat center center;
	height: 220px;
	padding: 5px 0;
	min-width: 1200px;
	overflow: hidden;
}

/* footer */
.footer {
	background: #1D2129;
	min-width: 1200px;
	padding-top: 35px;
}

.footer a {
	display: block;
	margin-top: 15px;
}

.footer a:hover {
	color: #2065FC;
}

.Copyright {
	padding: 15px;
	text-align: center;
	border-top: 1px solid #9FA4AF;
	margin-top: 35px;
}

/* 底部通用模块结束 */
/* banner */
.bannerText {
	padding-top: 150px;
	color: #1D2129;
}

.topBtn1 {
	background-color: #2065FC;
	border-radius: 10px;
	width: 90px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #fff;
}

.topBtn1:hover,
.butBox a:nth-child(1):hover,
.butBox a:nth-child(2):hover {
	background-color: #4E9CFE;
	color: #fff !important;
}

.butBox {
	font-size: 18px;
}

.butBox a:nth-child(1) {
	background-color: #2065FC;
	border-radius: 10px;
	padding: 15px 70px;
	color: #fff;
}

.butBox a:nth-child(2) {
	background-color: #fff;
	border-radius: 10px;
	padding: 15px 70px;
	color: #2065FC;
	margin-left: 30px;
}

.picList {
	width: 285px;
	margin: 0 7px;
}

.textPic {
	border-radius: 0 0 10px 10px;
	padding: 20px 30px;
}

.picList:hover .textPic div:nth-child(1) {
	color: #2065FC;
}

.picList:hover {
	box-shadow: 0px 1px 27px 0px rgba(214, 214, 214, 0.5);
}

.picList {
	transition: transform 0.3s ease;
}

.picList:hover {
	transform: translateY(-10px);
}

.more {
	background-color: #2065FC;
	padding: 8px 40px;
	color: #fff;
	border-radius: 10px;
}

.more:hover {
	background-color: #4E9CFE;
}

.promotion {
	background: url(../images/index/9.png) no-repeat center center;
	height: 450px;
	min-width: 1200px;
}

.promotionText .promotionHeight {
	height: 141px;
}

.advantage {
	background: url(../images/index/16.png) no-repeat top center;
	height: 600px;
	min-width: 1200px;
}

.advantageText {
	width: 285px;
	height: 328px;
	margin: 0 7px;
}

.advantageWenzi {
	margin-top: -120px;
	padding-left: 15px;
}

.coreBox {
	background: url(../images/two/2.png) no-repeat center center;
	height: 440px;
	min-width: 1200px;
}

.core {
	transition: transform 0.3s ease;
}

.core:hover {
	transform: translateY(-10px);
}

.core2>div {
	box-shadow: 0px 3px 21px 0px rgba(153, 153, 153, 0.1);
}

.hevelopment:hover {
	background-color: #F7F8FB;
	border-radius: 10px;
}

.picBackground {
	width: 18%;
	margin-right: 25px;
	padding: 15px;
	display: inline-block;
	border-radius: 10px;
}

.picBackground:last-child {
	margin-right: 0;
}

.technology {
	background: url(../images/three/10.png) no-repeat center center;
	width: 100%;
	border-radius: 10px;
}

.flowBox {
	background: url(../images/three/2.png) no-repeat center center;
	min-width: 1200px;
	height: 864px;
}

.flowBoxText {
	background: url(../images/three/11.png) no-repeat center center;
	width: 575px;
	height: 150px;
	padding: 30px;
	border-radius: 10px;
	margin-bottom: 15px;
}
.systemPicList{
	border: 1px solid #EEEEEE;
	width: 236px;
	padding: 15px;
	display: inline-block;
	margin-bottom: 4px;
}
.systemPicList:hover{
	background-color: #F7F8FB;
}
.kernel:hover{
	background-color: #F7F8FB;
}

.hover10 {
	transition: transform 0.3s ease;
}

.hover10:hover {
	transform: translateY(-10px);
}
.serveHover{
	padding: 15px;
}
.serveHover:hover{
	box-shadow: 0px 3px 21px 0px rgba(153,153,153,0.1);
}
.chooseBox{
	background: url(../images/fire/2.png) no-repeat center center;
	min-width: 1200px;
	height: 570px;
}
.choose{
	background: url(../images/fire/10.png) no-repeat center center;
	border-radius: 10px;
	width: 300px;
}
.choose2{
	background: url(../images/fire/9.png) no-repeat center center;
	border-radius: 10px;
	margin-bottom: 30px;
}
.relation{
	box-shadow: 0px 3px 21px 0px rgba(153,153,153,0.1);
	border-radius: 10px;
}
.customization{
	background: url(../images/six/2.png) no-repeat center center;
	height: 550px;
	min-width: 1200px;
}
.customization input,
.customization textarea{
	width: 100%;
	border-radius: 10px;
	padding: 15px;
	border: none;
	resize: none;
	outline: none;
}
.IT {
	background: url(../images/seven/2.png) no-repeat center center;
	height: 460px;
	min-width: 1200px;
}