/*轮播*/
/*********************************/
/*轮播*/
/* line 9, scss/index.scss */
.banner { width: 100%; height: 695px; position: relative; overflow: hidden; }
/* line 14, scss/index.scss */
.banner a { display: block; width: 100%; height: 100%; position: relative; }
/* line 19, scss/index.scss */
.banner a img { width: 100%; height: 100%; margin: 0 auto; }
/* line 24, scss/index.scss */
.banner a .index_text { width: 1122px; height: 695px; padding-top: 150px; box-sizing: border-box; position: absolute; top: 0; left: 50%; margin-left: -561px; }
/* line 33, scss/index.scss */
.banner a .index_text .text_right { width: 486px; height: 120px; float: right; margin-right: 10px; border-right: 3px solid #fff; color: #fff; text-align: left; }
/* line 41, scss/index.scss */
.banner a .index_text .text_right p:nth-of-type(1) { font-size: 40px; line-height: 40px; }
/* line 45, scss/index.scss */
.banner a .index_text .text_right p:nth-of-type(2) { font-size: 30px; line-height: 58px; padding-left: 216px; box-sizing: border-box; color: #fff; }
/* line 52, scss/index.scss */
.banner a .index_text .text_right p:nth-of-type(3) { font-size: 20px; line-height: 20px; padding-left: 216px; box-sizing: border-box; color: #fff; }
/* line 62, scss/index.scss */
.banner .banner-pagination { position: absolute; z-index: 10; text-align: center; }
/* line 66, scss/index.scss */
.banner .banner-pagination .swiper-pagination-bullet { border: 1px solid #fff; }
/* line 69, scss/index.scss */
.banner .banner-pagination .swiper-pagination-bullet-active { background: #fff; }

/*********************************/
/*主要展示区*/
/* line 81, scss/index.scss */
#indexMain { width: 1122px; height: auto; margin: 0 auto; }
/* line 86, scss/index.scss */
#indexMain h2:nth-of-type(1) { background: url(../image/icon/01_serverBig.jpg) no-repeat center; }
/* line 89, scss/index.scss */
#indexMain h2:nth-of-type(2) { background: url(../image/icon/01_actionBig.jpg) no-repeat center; }
/* line 92, scss/index.scss */
#indexMain h2:nth-of-type(3) { background: url(../image/icon/01_costomBig.jpg) no-repeat center; }
/* line 95, scss/index.scss */
#indexMain h2:nth-of-type(4) { background: url(../image/icon/01_servercostomBig.jpg) no-repeat center; }
/* line 98, scss/index.scss */
#indexMain .service { width: 100%; height: 432px; padding-top: 72px; padding-bottom: 42px; overflow: hidden; }
/* line 104, scss/index.scss */
#indexMain .service .swiper-slide { padding: 0 40px; box-sizing: border-box; }
/* line 107, scss/index.scss */
#indexMain .service .swiper-slide ul { width: 100%; height: 100%; padding-top: 36px; box-sizing: border-box; }
/* line 112, scss/index.scss */
#indexMain .service .swiper-slide ul li { text-align: center; }
/* line 115, scss/index.scss */
#indexMain .service .swiper-slide ul li:nth-of-type(1) { width: 100%; height: 90px; }
/* line 119, scss/index.scss */
#indexMain .service .swiper-slide ul li:nth-of-type(2) { width: 100%; height: 52px; line-height: 52px; font-size: 20px; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
/* line 130, scss/index.scss */
#indexMain .service .swiper-slide ul li:nth-of-type(3) { width: 100%; height: 50px; line-height: 25px; font-size: 14px; color: #8c8c8c; }
/* line 137, scss/index.scss */
#indexMain .service .swiper-slide ul li:nth-of-type(4) { width: 100%; height: 28px; line-height: 28px; margin-top: 20px; }
/* line 142, scss/index.scss */
#indexMain .service .swiper-slide ul li:nth-of-type(4) span { display: inline-block; width: 93px; height: 28px; border: 1px solid #999; text-decoration: none; border-radius: 14px; color: #999; }
/* line 153, scss/index.scss */
#indexMain .service .swiper-slide:hover { box-shadow: 0 0 50px #f3f3f3; }
/* line 155, scss/index.scss */
#indexMain .service .swiper-slide:hover span { color: #229fd2 !important; border: 1px solid #229fd2 !important; }
/* line 161, scss/index.scss */
#indexMain .service .swiper-slide-active { box-shadow: 0 0 50px #f3f3f3; }
/* line 163, scss/index.scss */
#indexMain .service .swiper-slide-active span { color: #229fd2 !important; border: 1px solid #229fd2 !important; }
/* line 169, scss/index.scss */
#indexMain .classWay { width: 100%; height: 286px; background: #219fd2; margin-bottom: 42px; color: #fff; }
/* line 175, scss/index.scss */
#indexMain .classWay h2 { background: url(../image/icon/01_blueBig.png) no-repeat center; }
/* line 177, scss/index.scss */
#indexMain .classWay h2::after { background: #fff; }
/* line 181, scss/index.scss */
#indexMain .classWay p { text-align: center; font-size: 14px; color: #9ed5eb; line-height: 20px; }
/* line 186, scss/index.scss */
#indexMain .classWay p:nth-of-type(1) { margin-top: 16px; margin-bottom: 10px; }
/* line 192, scss/index.scss */
#indexMain .indexAction { width: 100%; height: 488px; margin-top: 60px; margin-bottom: 32px; display: flex; justify-content: space-between; }
/* line 199, scss/index.scss */
#indexMain .indexAction ul { width: 30.8%; height: 100%; }
/* line 202, scss/index.scss */
#indexMain .indexAction ul li:nth-of-type(1) { width: 100%; height: 202px; }
/* line 205, scss/index.scss */
#indexMain .indexAction ul li:nth-of-type(1) img { width: 100%; height: 100%; }
/* line 210, scss/index.scss */
#indexMain .indexAction ul li:nth-of-type(2) { width: 100%; height: 64px; line-height: 64px; font-size: 20; text-align: center; border-bottom: 1px solid #d0d0d0; margin-top: 8px; margin-bottom: 10px; }
/* line 220, scss/index.scss */
#indexMain .indexAction ul .textSame { width: 100%; height: 34px; font-size: 14px; color: #666; line-height: 34px; }
/* line 227, scss/index.scss */
#indexMain .indexAction ul li:last-child { width: 100%; height: 28px; text-align: right; margin-top: 5px; }
/* line 232, scss/index.scss */
#indexMain .indexAction ul li:last-child a { display: inline-block; width: 94px; height: 100%; border-radius: 14px; border: 1px solid #b8b8b8; font-size: 10px; color: #999; text-decoration: none; line-height: 28px; text-align: center; }
/* line 247, scss/index.scss */
#indexMain .case { width: 100%; height: 882px; margin-top: 60px; margin-bottom: 48px; }
/* line 252, scss/index.scss */
#indexMain .case .casMore { width: 100; height: 271px; margin-bottom: 20px; }
/* line 256, scss/index.scss */
#indexMain .case .casMore ul { width: 100%; height: 100%; }
/* line 259, scss/index.scss */
#indexMain .case .casMore ul li { float: left; }
/* line 262, scss/index.scss */
#indexMain .case .casMore ul li:nth-of-type(1) { width: 55%; height: 100%; }
/* line 265, scss/index.scss */
#indexMain .case .casMore ul li:nth-of-type(1) p { width: 100%; padding-right: 14px; box-sizing: border-box; line-height: 22px; font-size: 14px; color: #666; }
/* line 272, scss/index.scss */
#indexMain .case .casMore ul li:nth-of-type(1) p:nth-of-type(1) { height: 22px; line-height: 22px; font-size: 20px; color: #000; }
/* line 278, scss/index.scss */
#indexMain .case .casMore ul li:nth-of-type(1) p:nth-of-type(2) { margin-top: 4px; margin-bottom: 8px; }
/* line 282, scss/index.scss */
#indexMain .case .casMore ul li:nth-of-type(1) p:last-child { margin-top: 88px; }
/* line 287, scss/index.scss */
#indexMain .case .casMore ul li:nth-of-type(2) { width: 45%; height: 100%; }
/* line 290, scss/index.scss */
#indexMain .case .casMore ul li:nth-of-type(2) img { width: 100%; height: 100%; }
/* line 297, scss/index.scss */
#indexMain .case .casList { width: 100%; height: 592px; display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 303, scss/index.scss */
#indexMain .case .casList ul { width: 31.9%; height: 268px; background: #fafafa; margin-top: 26px; box-sizing: border-box; }
/* line 309, scss/index.scss */
#indexMain .case .casList ul li:nth-of-type(1) { width: 100%; height: 180px; }
/* line 312, scss/index.scss */
#indexMain .case .casList ul li:nth-of-type(1) img { width: 100%; height: 100%; }
/* line 317, scss/index.scss */
#indexMain .case .casList ul li:nth-of-type(2) { width: 100%; height: 88px; padding-top: 18px; text-align: center; }
/* line 322, scss/index.scss */
#indexMain .case .casList ul li:nth-of-type(2) p:first-child { width: 100%; height: 20px; font-size: 20px; line-height: 20px; margin-bottom: 14px; }
/* line 329, scss/index.scss */
#indexMain .case .casList ul li:nth-of-type(2) p:last-child { width: 200px; margin: 0 auto; font-size: 14px; line-height: 14px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/* line 341, scss/index.scss */
#indexMain .case .casList ul:hover li:nth-of-type(2) { background: #219fd2; color: #fff; }
/* line 344, scss/index.scss */
#indexMain .case .casList ul:hover li:nth-of-type(2) p:last-child { color: #c8e7f4; }
/* line 352, scss/index.scss */
#indexMain .customer { width: 100%; height: auto; margin-top: 62px; display: flex; justify-content: space-around; flex-wrap: wrap; }
/* line 359, scss/index.scss */
#indexMain .customer ul { width: 27.8%; height: 294px; padding-top: 12px; box-sizing: border-box; }
/* line 364, scss/index.scss */
#indexMain .customer ul li:first-child { width: 100%; height: 205px; box-shadow: 2px 2px 20px #e4e4e4; display: flex; justify-content: center; align-items: center; }
/* line 372, scss/index.scss */
#indexMain .customer ul li:last-child { width: 100%; height: 75px; line-height: 75px; font-size: 16px; text-align: center; }

/*******************************************/
.pagination {
	display: inline-block;
	padding-left: 0;
	margin: 20px 0;
	border-radius: 4px;
}
.pagination > li {
	display: inline;
}
.pagination > li > a,
.pagination > li > span {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #337ab7;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
	margin-left: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
	z-index: 2;
	color: #23527c;
	background-color: #eee;
	border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
	z-index: 3;
	color: #fff;
	cursor: default;
	background-color: #13843E;
	border-color: #13843E;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
	color: #777;
	cursor: not-allowed;
	background-color: #fff;
	border-color: #ddd;
}