/*轮播图*/
.isshow{
	display: block !important;
}

.item-color{
	color: #fff !important;
}

.item-back{
	background: linear-gradient(90deg, #2096FA 0%, #6736FA 100%) !important;
}

.read_span{
	border: 2px solid #327DFA !important;
	background: #327DFA !important;
	color: #fff !important;
}

.system-em{
	border-bottom: 6px solid #327DFA !important;
	color: #327DFA !important;
}

.service-banner{
	margin-top:74px !important;
}

.service-banner .s-banner-box{
	position: absolute;
	top: 25%;
	left: 13.5%;
	width:850px;
}

.service-banner .banner-img{
	min-height: 350px;
}

.service-banner .s-banner-box h1{
	font-size:50px;
	font-weight: 700;
	color: #fff;
	padding-bottom: 20px;
	border-bottom:1px solid #fff;
}

.service-banner .s-banner-box p{
	color: #fff;
	margin-top: 18px;
}

.service-banner .s-banner-box p span{
	font-size:40px;
	color: #fff;
	font-weight: 700;
}




/*播放视频*/
.service-box{
	box-shadow: 0 0 20px #ccc;
	width:1140px;
	margin:40px auto;
}

.service-box .service-des{
	padding: 60px 4%;
	width:50%;
	float: left;
	background:#fff;
}

.service-box .service-des p{
	font-size: 16px;
	line-height:24px;	
}

.service-des .service-play{
	width: 130px;
	height: 36px;
	line-height: 36px;
	color: #16b3ff;
	font-size: 16px;
	text-align: center;
	cursor: pointer;
	margin:40px 0 0 20px;
}

.service-des .service-play p{
	float: left;
	height: 36px;
	line-height: 36px;
	font-size: 16px;
	transition: all 0.3s;
}

.service-des .service-play:hover p{
	font-size: 14px;
}

.service-des .service-play img{
	float: left;
	margin-top:8px;
	margin-left:3px;
}

.service-box .ser-video{
	width:42%;
	float: left;
	cursor: pointer;
}






/*=========================技术优势=============================*/
.technology{
	background: #EBF2FF;
	padding:60px 0 100px;
	position: relative;
}

.technology .bgimg{
	position: absolute;
	top: 0;
	left: 0;
	width:33%;
}

.technology .technology-box{
	width:74%;
	margin:0 auto;
	text-align:center;
	position: relative;
	z-index: 10;
}

.technology .technology-box .technology-header h3{
	width:240px;
	margin:0 auto;
	text-align:center;
	padding-bottom: 10px;
	font-size:40px;
	border-bottom:4px solid #B1B1B1;
}

.technology .technology-box .technology-header p{
	font-size: 20px;
	color: #3E3E3E;
	margin-top:25px;
}

.technology-box .technology-item{
	margin-top:80px;
}

.technology-item .item-dl{
	float: left;
	width:22%;
	margin-bottom:50px;
	margin-right: 4%;
}

.technology-item .item-dl:nth-of-type(4n){
	
	margin-right: 0%;
}

.technology-item .item-dl dt{
	width:35%;
	margin:0 auto;
}

.technology-item .item-dl dt img{
	width:100%;
}

.technology-item .item-dl dd{
	margin:0 auto;
	width:82%;
}

.item-dl .dl-desc h5{
	color: #3E3E3E;
	font-size:30px;
	margin-top:10px;
	text-align:center;
}

.item-dl .dl-desc p{
	margin-top:14px;
	font-size:15px;
	text-align:center;
	color: #3E3E3E;
}

/*======================应用效益=================*/
.benefits h3{
	width:200px;
	position: absolute;
	top: 10%;
	left: 50%;
	margin-left:-100px;
	text-align:center;
	padding-bottom: 10px;
	font-size:40px;
	border-bottom:4px solid #fff;
	margin-bottom:30px;
	color: #fff;
}

/*======================解决问题=================*/
.solutions {
	padding:60px 0 80px;
}

.solutions .solutions-list{
	width:67%;
	margin:60px auto 0;
	position: relative;
	z-index: 99;
}

.solutions .solutions-list li{
	float: left;
	width:15.7%;
	margin-right: 12.4%;
}

.solutions .solutions-list li p{
	font-size: 20px;
	color: #000;
	margin-top: 20px;
	text-align:center;
	line-height:26px;
}

.solutions .solutions-list li:nth-last-of-type(1){
	margin-right: 0px;
}

.solutions .solutions_bg{
	position: absolute;
	bottom: 0;
	right: 0;
	width:14.5%;
}

/*======================解决方案=================*/
.programs{
	padding:60px 0 80px;
	background:#F6F6F6;
}

.programs .programs_bg{
	position: absolute;
	width:20.8%;
	left: 0;
	bottom: 0;
}

.programs .programs-list{
	width:70.5%;
	margin:0 auto;
	position: relative;
	z-index: 99;
}

.programs .programs-list li{
	width:32%;
	float: left;
	position: relative;
	margin-bottom: 30px;
}

.programs .programs-list li img{
	width:100%;
}

.programs .programs-list li p{
	position: absolute;
	bottom: 5%;
	width:100%;
	text-align:center;
	font-size: 25px;
	color: #3E3E3E;
	transition: all 0.5s;
}

.programs .programs-list li:hover p{
	color: #327DFA;
	font-size: 22px;
}

.programs .programs-list li:nth-of-type(3n+2){
	margin:0 2%;
}

/*================相关阅读===================*/
.court-read{
	padding:60px 0 100px;
}

.court-read h3,.solutions h3,.programs h3{
	width:200px;
	margin:0 auto;
	text-align:center;
	padding-bottom: 10px;
	font-size:40px;
	border-bottom:4px solid #B1B1B1;
	margin-bottom:30px;
}

.court-read .read-list{
	margin:30px auto 40px;
	width:445px;
}

.court-read .read-list li{
	float: left;
}

.court-read .read-list li:nth-of-type(2){
	margin:0 20px;
}

.court-read .read-list li span{
	display: inline-block;
	padding:13px 25px;
	border-radius: 23px;
	color: #000;
	font-size:20px;
	border: 2px solid #E1E1E1;
	background: #fff;
	cursor: pointer;
}

.court-read .read-link{
	margin-top:45px;
	width:57%;
	margin:0 auto;
}

.court-read .read-link a{
	display: none;
}

/*视频播放遮罩*/
.body-shade{cursor: pointer; display: none; top: 0; position: fixed; height: 100%; width: 100%; background: rgba(0,0,0,0.7); z-index: 10000;}
.publicity-video,.publicity-video2{position: fixed;display: none; left: 50%; top: 50%; margin-left: -480px; height: 540px; width:960px; margin-top: -299px; z-index: 20000;}
.publicity-video video,.publicity-video2 video{width: 100%;}

/*响应式*/
@media (min-width: 980px) and (max-width:1279px){
	.service-banner .s-banner-box h1{
		font-size:36px;
	}

	.service-banner .s-banner-box p{
		font-size:18px !important;
	}

	.service-banner .s-banner-box p span{
		font-size:26px;
	}
	
	.system-function .system-function-item p{
		font-size:16px;
	}

	.item-dl .dl-desc p{
		width:140px;
		margin-top:5px;
	}

	.item-dl .dl-desc h5{
		font-size:20px;
	}

	.technology .technology-box{
		width:84%;
	}

	.item-dl .dl-desc p{
		width:95%;
		margin:10px auto 0;
	}
	
	.technology-item .item-dl dd{
		width:100%;
	}

	.item-dl .dl-desc p{
		font-size:12px;
	}

	.court-read .read-link{
		width:60%;
	}

	.solutions .solutions-list{
		width:85%;
	}

	.solutions .solutions-list li p{
		font-size: 16px;
	}

	.programs .programs-list{
		width:85%;
	}

	.programs .programs-list li p{
		font-size: 16px;
	}

}



@media screen and (min-width:1280px) and (max-width:1500px) {
	.service-banner .s-banner-box h1{
		font-size:36px;
	}

	.service-banner .s-banner-box p{
		font-size:18px !important;
	}

	.service-banner .s-banner-box p span{
		font-size:26px;
	}

	.n-banner-box .btn-video{
		margin-top: 20px;
	}

	.technology .technology-box{
		width:84%;
	}

	.item-dl .dl-desc p{
		width:95%;
		margin:10px auto 0;
	}
	
	.technology-item .item-dl dd{
		width:100%;
	}

	.item-dl .dl-desc h5{
		font-size:24px;
	}

	.technology{
		padding:40px 0 60px;
	}

	.court-read .read-link{
		width:70%;
	}

	.solutions .solutions-list{
		width:85%;
	}

	.solutions .solutions-list li p{
		font-size: 18px;
	}

	.programs .programs-list{
		width:82%;
	}

	.programs .programs-list li p{
		font-size: 20px;
	}
}