/*轮播图*/
.isshow{
	display: block !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;
}

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

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

.card-banner .c-banner-box{
	position: absolute;
	top: 36%;
	left: 12%;
	width:940px;
}

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

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

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

/*=====================产品背景======================*/
.card-Background{
	padding:60px 0 70px;
}

.card-Background h2{
	width:200px;
	margin:0 auto;
	text-align:center;
	padding-bottom: 10px;
	font-size:40px;
	border-bottom:4px solid #B1B1B1;
}

.card-Background .background-box{
	width:75%;
	margin:40px auto 0;
	box-shadow: 0 0 20px #ccc;
}

.card-Background .background-box img{
	width:41.6%;
	float: left;
}

.background-box .background-list{
	padding:28px 4.2%;
	width:50%;
	float: left;
}

.background-box .background-list li p{
	font-size: 20px;
	color: #3E3E3E;
	margin-bottom: 30px;
	line-height:30px;
	width:95%;
	float: left;
}

.background-box .background-list li i{
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: #327DFA;
	float: left;
	margin-right:10px;
	display: block;
	opacity: 0.9;
	position: relative;
	top: 9px;
}




/*=====================系统功能======================*/
.yy-system{
	padding:50px 0 70px;
}

.yy-system .system-icon-list{
	width:1440px;
	margin:70px auto 0;
}

.yy-system .system-icon-list li{
	float: left;
	width:144px;
	text-align:center;
	margin-right:180px;
	cursor: pointer;
}

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

.yy-system .system-icon-list li em{
	padding:8px 0;
	border-bottom: 6px solid #fff;
	color: #3E3E3E;
	display: inline-block;
	margin:0 auto;
	font-size:16px;
}

.yy-system .system-icon-list div{
	margin:0 auto;
	width:60px;
	height: 60px;
}

.yy-system .system-icon-list .icon-bg0{
	background:url(../images/grmp0.png) no-repeat;
}

.yy-system .system-icon-list .icon-bg1{
	background:url(../images/qyjs.png) no-repeat;
}

.yy-system .system-icon-list .icon-bg2{
	background:url(../images/cpjs.png) no-repeat;
}

.yy-system .system-icon-list .icon-bg3{
	background:url(../images/qydt.png) no-repeat;
}

.yy-system .system-icon-list .icon-bg4{
	background:url(../images/grzx.png) no-repeat;
}


.yy-system .system-icon-list li:hover .icon-bg0{
	background:url(../images/grmp0.png) no-repeat !important;
}

.yy-system .system-icon-list li:hover .icon-bg1{
	background:url(../images/qyjs0.png) no-repeat !important;
}

.yy-system .system-icon-list li:hover .icon-bg2{
	background:url(../images/cpjs0.png) no-repeat !important;
}

.yy-system .system-icon-list li:hover .icon-bg3{
	background:url(../images/qydt0.png) no-repeat !important;
}

.yy-system .system-icon-list li:hover .icon-bg4{
	background:url(../images/grzx0.png) no-repeat !important;
}

.system-container{
	margin:0 auto;
	width:1460px;
}

.system-container .system-function{
	position: relative;
}

.system-function .system-function-item{
	position: absolute; 
	left: 47%;
	top: 15%;
}

.system-function .system-function-item h4{
	color: #3E3E3E;
	font-size:30px;
	padding-bottom: 20px;
	border-bottom:6px solid #327DFA;
	display: inline-block;
	margin-bottom:30px;
}

.system-function .system-function-item p{
	font-size:18px;
	color: #3E3E3E;
	margin-bottom:20px;
	width:460px;
	position: relative;
	line-height:24px;
}

.system-function .system-function-item p span{
	color: #327DFA;
}

.system-function .system-function-item .system-play{
    display: block;
    width: 160px;
    height: 46px;
    background: linear-gradient(8deg, #2F5EF9 0%, #7720FA 100%);
    border-radius: 23px;
    color:#fff;
    position: relative;
    overflow:hidden;
    margin-top: 30px;
    transition: all 0.3s;
    cursor: pointer;
}

.system-function-item .system-play em{
    font-size:20px;
    display: block;
    text-align:center;
    position: relative;
    z-index: 10;
    height: 44px;
    line-height:44px;
    border-radius: 23px;
    transition: all 0.1s;
    text-indent: 10px;
}

.system-function-item .system-play .btn-play{
    height: 32px;
    width:32px;
    background: url(../../../images/video_play.png) no-repeat;
    position: absolute;
    top: 7px;
    left: 7px;
    z-index: 10;
}

.system-function-item .system-play .btn-shade{
    position: absolute;
    background: #66B7FE;
    border-radius: 23px;
    width:110%;
    height: 110%;
    top: -2px;
    right: -120%;
    transition: all 0.3s;
    z-index: 1;
    border-radius: 23px;
}

.system-function-item .system-play:hover .btn-shade{
    right: 0%;
}

.system-function-item .system-play:hover em{
    font-size:18px;
    color: #fff;
}

.system-function-item .system-play:hover .btn-play{
    background: url(../../../images/video_white_play.png) no-repeat;
    height: 36px;
    width:36px;
    top: 4px;
    left: 7px;
}

.yy-system h2{
	width:260px;
	margin:0 auto;
	text-align:center;
	padding-bottom: 10px;
	font-size:40px;
	border-bottom:4px solid #B1B1B1;
}

/*=========================技术优势=============================*/
.technology{
	background: #EEF5FF;
	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:200px;
	margin:0 auto;
	text-align:center;
	padding-bottom: 10px;
	font-size:40px;
	border-bottom:4px solid #B1B1B1;
}

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

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

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

.technology-item .item-dl:nth-of-type(3n+2){
	margin:0 5%;
}

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

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

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

.item-dl .dl-desc{
	margin-left:10px;
	text-align:center;
}

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

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



/*================创建名片===================*/
.creat{
	padding:50px 0 40px;
	background: linear-gradient(271deg, #2096FA 0%, #6736FA 100%);
}

.creat h4{
	font-size: 40px;
	margin-bottom:40px;
	color: #fff;
	text-align:center;
}

.creat .creat-btn{
	width: 190px;
	height: 60px;
	border:1px solid #fff;
	background:url(../images/creat_btn.png) no-repeat 10px 10px;
	margin:0 auto;
	line-height:60px;
	cursor: pointer;
	text-align:center;
}

.creat .creat-btn p{
	font-size: 25px;
	color: #fff;
	text-indent: 30px;
}

.creat .creat-btn:hover{
	background:url(../images/creat_btn_hover.png) #fff no-repeat 10px 10px;
}

.creat .creat-btn:hover p{
	color: #327DFA;
}


/*视频播放遮罩*/
.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){
	.card-banner .c-banner-box h1{
		font-size:36px;
	}

	.card-banner .c-banner-box p{
		font-size:18px !important;
	}

	.card-banner .c-banner-box p span{
		font-size:26px;
	}

	.yy-system .system-icon-list{
		width:1044px;
	}

	.yy-system .system-icon-list li{
		width:116px;
		margin:0 auto;
	}

	.yy-system .system-icon-list li em{
		font-size:14px;
	}

	.system-container{
		width:1050px;
	}

	.system-function .system-function-item p{
		font-size:16px;
	}

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

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

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

	.card-banner .c-banner-box{
		width:600px;
	}

	.card-Background .background-box{
		width:85%;
	}

	.background-box .background-list{
		padding:20px 4.2%;
	}

	.background-box .background-list li p{
		font-size: 16px;
		line-height:24px;
		margin-bottom: 15px;
	}

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

	.technology{
		padding:60px 0;
	}

}



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

	.card-banner .c-banner-box p{
		font-size:18px !important;
	}

	.card-banner .c-banner-box p span{
		font-size:26px;
	}

	.card-banner .c-banner-box{
		width:600px;
	}

	.card-Background .background-box{
		width:85%;
	}

	.background-box .background-list{
		padding:22px 4.2%;
	}

	.background-box .background-list li p{
		font-size: 18px;
		line-height:26px;
		margin-bottom: 15px;
	}

	.yy-system .system-icon-list{
		width:1188px;
	}

	.yy-system .system-icon-list li{
		width:132px;
		margin:0 auto;
	}

	.system-container{
		width:1190px;
	}

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

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

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

	.benefits{
		padding:40px 0 80px;
	}

}