@CHARSET "UTF-8";

/*** -------- 主页内容--------- ***/

/* 轮播图 */
.index-pagebanner {
	max-width: 100%;
	width: 100%;
	height: 450px;
}

.index-pagebanner a {
	width: 100%;
	height: 100%;
	display: block;
}

.index-pagebanner .banner {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.index-pagebanner .pagination {
	position: absolute;
	bottom: 10px;;
	width: 100%;
	text-align: center;
	z-index: 3;
}
.swiper-pagination-switch {
    border: 3px solid #e8e7d9;
}

/* 移动端 */
@media only screen and (max-width: 768px) {
	.index-pagebanner, .index-pagebanner .swiper-wrapper, .index-pagebanner .swiper-slide
		{
		height: 208px ! important;
	}
}

/* 轮播图end */
.index-container {
	margin: 50px auto 0;
	background-color: #fff;
}

/* 首页标题 */
.index-title {
	line-height: 24px;
/* 	border-bottom: 1px solid #d4d4d4; */
/* 	background-color: #fff; */
}

.index-title h1 {
	padding: 15px 0 15px 26px;
	font-size: 24px;
	color: #1a9ff3;
	background: url(images/decorate.png) no-repeat 0 center;
	background-size: 14px 12px;
}

.index-title h1 a {
	padding-top: 4px;
	display: inline-block;
	width: 10px;
	height: 20px;
	float: right;
	background: url(images/more.png) no-repeat center;
}

.index-title .clear:after {
	background: none;
}
/* 首页标题end */

/* 首頁案例 */
.index-case {
	padding: 35px 22px 0;
/* 	background-color: #fff; */
	float: left;
    width: 100%;
}

.index-case .case-infor {
	padding-bottom: 15px;
	margin: 40px 19px 0;
	width: 21.6%;
	float: left;
	cursor: pointer;
	border: 1px solid #d4d4d4;
}

.index-case .case-infor:last-child {
	margin-right: 0;
}

.index-case .case-infor:hover {
	border: 1px solid #1a9ff3;
}

.index-case .case-infor .pic {
	position: relative;
	width: 100%;
	height: auto;
	cursor: pointer;
}

.index-case .case-infor .icon {
    height: 120px;
}

.index-case .case-infor i {
	display: block;
	width: 100%;
	height: 100%;
}

.index-case .case-infor i {
	background: url(images/watch.png) no-repeat center;
	background-size: 30px;
}

.index-case .case-infor .mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C81a9ff3,
		endColorstr=#C81a9ff3);
	background-color: rgba(26, 159, 243, .8);
	overflow: hidden;
	display: none;
}

.index-case .case-infor .pic:hover .mask {
	display: block;
}

.index-case .case-infor h2 {
	padding: 15px 20px 5px;
	font-size: 18px;
	color: #333;
}

.index-case .case-infor p {
	padding: 0 20px;
	color: #555;
	font-size: 12px;
	height: 80px;
	line-height: 20px;
	overflow: hidden;
}

.index-case-slide {
	margin: 5px -19px 45px;
	overflow: hidden;
}

/* 清除滚动条 */
/* .index-clear-scroll {
	overflow: hidden;
} */

/* 移动端*/
@media only screen and (max-width: 1100px) {
	.index-case .case-infor {
		width: 258px ! important;
	}
	.index-case {
		padding: 35px 12px 0;
	}
	.index-case-slide {
		width: 1173px;
		margin-bottom: 30px;
	}
}

/* 首頁案例end*/
.index-module {
	padding: 0 22px;
}

/* 移动端*/
@media only screen and (max-width: 1100px) {
	.index-module {
		padding: 0 12px;
	}
}

/* 首页行业动态 */
.index-news {
	float: right;
	width: 50%;
	background-color: #fff;
}
/* 首页行业动态  移动端*/
@media only screen and (max-width: 1100px) {
	.index-news {
		width: 100%;
	}
}

/* 首页技术文章 */
.index-article {
	margin-right:2%;
	float: left;
	width: 48%;
	background-color: #fff;
}
/* 首页技术文章  移动端*/
@media only screen and (max-width: 1100px) {
	.index-article {
		padding-top: 50px;
		width: 100%;
	}
}

/* 合作伙伴 */
.index-partner {
	padding: 60px 0;
	position: relative;
	clear: both;
/* 	background-color: #fff; */
}

.index-partner a {
	margin: 0 15px;
	width: 180px;
	text-align: center;
	display: block;
/* 	border: 1px solid #d4d4d4; */
}

.index-partner a:hover {
/* 	border: 1px solid #1a9ff3; */
}

.index-partner .partner-box {
	margin: 25px 56px 0;
}

.index-partner .partner-img {
	height: auto ! important;
}

.index-partner .partner-box .logo {
    height: 90px;
}

.index-partner .swiper-button-prev, .index-partner .swiper-button-next {
	position: absolute;
	top: 55%;
	width: 14px;
	height: 26px;
	background-size: 14px 26px;
}

.index-partner .swiper-button-prev {
	right: 22px;
	background: url(images/right.png) no-repeat center;
	cursor: pointer;
}

.index-partner .swiper-button-next {
	left: 22px;
	background: url(images/left.png) no-repeat center;
	cursor: pointer;
}

/* 移动端 */
@media only screen and (max-width: 1100px) {
	.index-partner .swiper-button-prev {
		right: 12px;
	}
	.index-partner .swiper-button-next {
		left: 12px;
	}
}

/* 合作伙伴end */
.index-up {
	position: absolute;
	right: 12px;
	top: 85%;
	width: 50px;
	height: 50px;
	display: none
}

@media only screen and (max-width: 1100px) {
	.index-up {
		display: block ! important;
	}
}