/*产品中心*/
.wrapper{position:relative;z-index:3;}
.productList{padding-bottom:30px;}
.productItem{position:relative;padding:28px 0;border-bottom:1px dotted #CCCCCC;overflow:hidden;}
.productItem .img{float:left;width:25%;overflow:hidden;max-width:260px;max-height:210px;}
.productItem .img img{width:100%;height:100%;-webkit-transition: all 0.5s;transition: all 0.5s;}
.productItem .text{float:left;width:75%;padding-left:20px;font-size:12px;color:#666;height:84px;overflow:hidden;}
.productItem .text h2{font-size:18px;color:#0046AD;margin-bottom:20px;overflow:hidden;font-weight:700;}
.productItem .text .tit{max-width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.productItem .text p{line-height:20px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:justify;}
.productItem .more{position:absolute;width:120px;height:40px;line-height:40px;bottom:28px;right:1px;font-size:14px;border:1px solid #ccc;text-align:center;-webkit-transition: all 0.3s;transition: all 0.3s;}
.productItem:last-child{border-bottom:none;}
.productItem:hover .img img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.productItem:hover .more{color:#0046AD;border-color:#0046AD;}
.proColor{position:absolute;bottom:28px;left:25%;padding-left:20px;}
.proColor a{float:left;width:67px;margin-right:12px;}
.proColor a img{width:100%;}




/*产品详情*/
.productDetails{padding:50px 0;margin-bottom:30px;border-bottom:1px solid #EAEAEA;}
.productDetails .color_0046AD,.pro_case .color_0046AD,.pro_solution .color_0046AD{color:#0046AD;font-weight:700;margin-bottom:20px;}
.productDetails h1{float:left;width:100%;font-size:22px;}
.textContent{width:65.5%;font-size:14px;}
.productDetails h2{font-size:18px;padding:20px 0;border-bottom:1px solid #EAEAEA;}
.pro_case h2{font-size:18px;}
.textContent h3{font-size:16px;padding:15px 0;border-bottom:1px solid #EAEAEA;margin-top:20px;}
.textContent p{line-height:28px;}

.imgContent{width:27.6%;padding-top:32px;}
.imgContent .top_img{width:100%;border:15px solid #F0F0F0;overflow:hidden;margin-bottom:20px;}
.imgContent .top_img img{width:100%;}
.effect h2{padding:0;}
.effect{padding:15px 12px 70px;border-top:10px solid #0046AD;background:#F0F0F0;}
.effect .img{width:100%;overflow:hidden;margin-bottom:20px;border:9px solid #E1E1E1;}
.effect img{width:100%;}


/*案例*/
.index_case_list{position:relative;width:96%;margin:0 auto;}
.index_case_list .swiper-container{width:100%;overflow:hidden;}
.index_case_list .swiper-wrapper{width:9999px;overflow:hidden;}
.index_case_list .swiper-slide{position:relative;float:left;}
.index_case_list .swiper-slide .img{width:100%;padding:0 7px;}
.index_case_list .swiper-slide img{width:100%;}
.index_case_list .p{position:absolute;width:100%;height:40px;line-height:40px;font-size:14px;text-align:center;left:0;bottom:0;color:#fff;-webkit-transition: all 0.5s;transition: all 0.5s;padding:0 7px;}
.index_case_list p{background:#133F90;background:rgba(19,63,144,0.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 15px;}
.index_case_list .swiper-slide:hover p{background:#133F90;}

.index_case_list .swiper-button{position:absolute;width:20px;height:31px;top:50%;margin-top:-15px;cursor:pointer;}
.index_case_list .swiper-button-next{right:-30px;background:url(../image/right.png) no-repeat;background-size:100% 100%;}
.index_case_list .swiper-button-prev{left:-30px;background:url(../image/left.png) no-repeat;background-size:100% 100%;}
.index_case_list .swiper-button.swiper-button-disabled{opacity:0.3;}

.details{position:fixed;width:100%;height:100%;top:0;left:0;z-index:10;background:rgba(0,0,0,0.65);display:none;}
.details .outer{width:490px;height:636px;background:#fff;position:absolute;top:50%;left:50%;margin:-318px 0 0 -245px;padding:40px;}
.details .close{position:absolute;width:30px;height:30px;background:url(../image/icon_11.png) no-repeat;background-size:100% 100%;top:-12px;right:-9px;cursor:pointer;z-index:5;}
.details .swiper-container{position:relative;width:100%;overflow:hidden;margin-bottom:10px;}
.details .outer .swiper-wrapper{width:9999px;margin-bottom:10px;}
.details .outer .swiper-slide{float:left;max-height:287px;overflow:hidden;}
.details .outer .swiper-slide img{width:100%;}
.details .outer h2{font-size:18px;width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.details .introduce{padding:10px 0 8px;border-bottom:1px solid #ccc;margin-bottom:10px;}
.details .introduce p{float:left;width:50%;font-size:14px;margin-bottom:8px;}
.details .pro{margin-top:12px;}
.details .pro a{font-size:13px;padding-bottom:6px;border-bottom:1px dashed #ccc;margin-bottom:6px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:15px;}
.details .pro a:hover{color:#0046AD;}
/*.details .pro a:last-child{border-bottom:none;}*/
.details .pro img{width:100%;}
.details .inner{width:100%;height:100%;overflow-y:auto;}
.details .inner::-webkit-scrollbar{width:8px;overflow:hidden;background:#153c72;}
.details .inner::-webkit-scrollbar-thumb{background:#007bd6;border-radius:8px;}
.details .swiper-button-area{text-align:center;}
.details .swiper-button{display:inline-block;width:20px;height:31px;cursor:pointer;margin:0 35px;}
.details .swiper-button-next{background:url(../image/right.png) no-repeat;background-size:100% 100%;}
.details .swiper-button-prev{background:url(../image/left.png) no-repeat;background-size:100% 100%;}
.details .swiper-button.swiper-button-disabled{opacity:0.3;}
.detailsList{width:100%;height:100%;overflow:hidden;}


/*解决方案*/
.pro_solution {
	margin-top: 30px;
	border-top: 1px #EAEAEA solid;
	padding-top: 20px;
}

.solution_list li {
	border-bottom: 1px #EAEAEA dashed;
	font-size: 16px;
	line-height: 1;
	padding-bottom: 15px;
	padding-left: 20px;
	margin-bottom: 15px;
	position: relative;
}

.solution_list li:before {
	content: "";
	width: 6px;
	height: 6px;
	background: #999;
	border-radius: 50%;
	position: absolute;
	top: 5px;
	left: 3px;
}

.solution_list li:after {
	content: "";
	width: 10px;
	height: 10px;
	border: 1px #999 solid;
	border-radius: 50%;
	position: absolute;
	top: 2px;
	left: 0;
}

.solution_list li a {
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.solution_list li:hover a {
	color: #0046AD;
}

.solution_list li:hover:before {
	background: #0046AD;
}

.solution_list li:hover:after {
	border-color: #0046AD;
}


@media ( min-width: 1200px ) and ( max-width: 1399px ){
	/*产品中心*/
	.proColor a{width:62px;}


	/*产品详情*/
	.productDetails{padding-top:45px;}
	.textContent p{line-height:26px;}
	.imgContent{width:29%;}
	.imgContent .top_img{border-width:10px;}
}


@media ( min-width: 992px ) and ( max-width: 1199px ){
	/*产品中心*/
	.proColor a{width:60px;}
	.productItem .text{height:67px;}
	.productItem .text h2{margin-bottom:5px;}
	.productItem .more{width:110px;height:35px;line-height:35px;}


	/*产品详情*/
	.productDetails{padding-top:35px;}
	.productDetails .color_0046AD,.pro_case .color_0046AD,.pro_solution .color_0046AD {margin-bottom:15px;}
	.productDetails h1{font-size:20px;}
	.textContent h3{margin-top:10px;}
	.textContent p{line-height:26px;}
	.imgContent{width:29%;}
	.imgContent .top_img{border-width:10px;}

	
	/*案例*/
	.index_case_list .p{font-size:13px;height:35px;line-height:35px;}
	.index_case_list p{padding:0 10px;}

}


@media ( min-width: 768px ) and ( max-width: 991px ){
	/*产品中心*/
	/*.productItem .img img{height:100%;}*/
	.proColor a{width:50px;}
	.productItem .text{height:67px;}
	.productItem .text h2{font-size:16px;margin-bottom:5px;}
	.productItem .more{width:100px;height:35px;line-height:35px;}


	/*产品详情*/
	.productDetails{padding-top:35px;}
	.productDetails .color_0046AD,.pro_case .color_0046AD,.pro_solution .color_0046AD {margin-bottom:15px;}
	.productDetails h1{font-size:18px;}
	.productDetails h2{font-size:16px;padding:10px 0;}
	.pro_case h2,.pro_solution h2 {font-size:16px;}
	.textContent{font-size:13px;}
	.textContent h3{margin-top:10px;font-size:14px;padding:5px 0;}
	.textContent p{line-height:26px;}
	.imgContent{width:29%;}
	.imgContent .top_img{border-width:6px;}
	.effect{padding:0 8px 70px;}
	.effect .img{margin-bottom:15px;border-width:5px;}


	/*案例*/
	.index_case_list .p{font-size:13px;height:35px;line-height:35px;}
	.index_case_list p{padding:0 10px;}
	.index_case_list .swiper-button-next{right:-20px;}
	.index_case_list .swiper-button-prev{left:-20px;}
}


@media ( min-width: 0px ) and ( max-width: 767px ){
	/*产品中心*/
	.productList{padding-bottom:0;}
	.productItem .img{width:35%;}
	/*.productItem .img img{height:100%;width:auto;}*/
	.proColor{left:35%;padding-left:14px;}
	.proColor a{margin-right:10px;}
	.proColor a{width:45px;}
	.productItem .text{width:65%;height:auto;padding-left:14px;}
	.productItem .text h2{font-size:15px;margin-bottom:0;}
	.productItem .more{display:none;width:100px;height:35px;line-height:35px;}


	/*产品详情*/
	.productDetails{padding-top:30px;}
	.productDetails .color_0046AD,.pro_case .color_0046AD,.pro_solution .color_0046AD {margin-bottom:15px;}
	.productDetails h1{font-size:16px;margin-bottom:8px!important;}
	.productDetails h2{font-size:15px;padding:10px 0;}
	.pro_case h2,.pro_solution h2 {font-size:15px;}
	.textContent{width:100%;font-size:13px;}
	.textContent h3{margin-top:10px;font-size:14px;padding:5px 0;}
	.textContent p{line-height:26px;}
	.imgContent{width:100%;}
	.imgContent .top_img{width:100%;margin:0 auto 15px;border-width:10px;}
	.effect{padding:0 8px 20px;overflow:hidden;}
	.effect .img{float:left;width:49%;margin-right:2%;margin-bottom:10px;border-width:5px;}
	.effect .img:nth-child(odd){margin-right:0;}


	/*案例*/
	.details .outer{width:90%;height:76%;left:5%;top:12%;margin:0;padding:10px;}
	.details .outer h2{font-size:16px;}
	.details .introduce p{margin-bottom:5px;}
	.details .swiper-button{width:15px;height:23px;}


	.index_case_list .p{font-size:12px;height:30px;line-height:30px;}
	.index_case_list p{padding:0 10px;}
	.index_case_list .swiper-button{width:15px;height:23px;margin-top:-11px;}
	.index_case_list .swiper-button-next{right:-18px;}
	.index_case_list .swiper-button-prev{left:-18px;}
	
	/*解决方案*/
	.solution_list li {
		font-size: 12px;
		padding-left: 15px;
	}
	.solution_list li:before {
		width: 4px;
		height: 4px;
		top: 4px;
	}
	.solution_list li:after {
		width: 8px;
		height: 8px;
		top: 1px;
	}
}

.caseList{margin-top:30px;}
.caseListUl li{float:left;width:30.76%;margin-right:3.85%;margin-bottom:3.85%;cursor:pointer;}
.caseListUl li:nth-child(3n){margin-right:0;}
.caseListUl .img{position:relative;width:100%;overflow:hidden;}
.caseListUl .img img{width:100%;-webkit-transition: all 0.5s;transition: all 0.5s;vertical-align:top;display:block;float:left;}
.caseListUl .img p{position:absolute;width:100%;height:45px;line-height:45px;font-size:14px;text-align:center;left:0;bottom:0;background:#133F90;background:rgba(19,63,144,0.6);color:#fff;-webkit-transition: all 0.5s;transition: all 0.5s;padding:0 15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.caseListUl li:hover>.img img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.caseListUl li:hover>.img p{background:#133F90;}
.caseListUl li .img p a{color:#ffffff;}

.sideBar {
    width: 291px;
    background: #fff;
    top: 0;
}
@media (max-width: 1399px) and (min-width: 1200px){
.sideBar {
    width: 237px;
}
}

@media (max-width: 768px){
.caseListUl li:nth-child(3n){margin-right:3.85%;}
.caseListUl li:nth-child(2n){margin-right:0;}
.caseListUl li{float:left;width:48%;margin-right:2%;margin-bottom:3.85%;cursor:pointer;}
.caseListUl li:nth-child(3n){margin-right:2%;}
.caseListUl li:nth-child(2n){margin-right:0;}
}