/*轮播图*/
.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;
}

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

.tsg-banner .t-banner-box{
	position: absolute;
	top: 25%;
	left: 13.5%;
	width:1050px;
}

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

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

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

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


.t-banner-box .btn-video{
	width: 140px;
    height: 46px;
    display: block;
    background: linear-gradient(8deg, #2F5EF9 0%, #7720FA 100%);
    line-height:46px;
    cursor: pointer;
    border: 1px solid #FFFFFF;
    position: relative;
    overflow:hidden;
    margin-top: 30px;
}

.t-banner-box .btn-video p{
	margin-top: 0px;
	position: relative;
    z-index: 5;
    float: left;
    font-size:20px;
    color: #fff;
}

.t-banner-box .btn-video:hover p{
	font-size:16px;
    color: #3D66F6;
}

.t-banner-box .btn-video .btn-shade{
	position: absolute; 
    width:200%;
    height: 150%;
    left: 100%;
    top: -100%;
    background: #fff;
    z-index: 1;
    border-bottom-left-radius: 80px;
    transition: all 0.1s;
}

.t-banner-box .btn-video:hover .btn-shade{
	left: -20%;
    top: 0%;
    transition: all 0.5s;
}

.t-banner-box .btn-video .btn-video-icon{
	width:32px;
    height: 32px;
    background: url(../../../images/play_icon.png) no-repeat;
    float: left;
    margin:7px 5px 0 11px;
    position: relative;
    z-index: 5;
}

.t-banner-box .btn-video:hover .btn-video-icon{
	width:36px;
    height: 36px;
    background: url(../../../images/play_icon_hover.png) no-repeat;
    margin:5px 5px 0 11px;
}

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

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

.yy-system .system-icon-list li{
	float: left;
	width:150px;
	text-align:center;
	margin:0 30px;
	cursor: pointer;
}

.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:18px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.yy-system .system-icon-list li:hover .icon-bg6{
	background:url(../images/xs0.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 .item-box::before,.system-function .system-function-item .item-box2::before{
	height: 10px;
	width: 10px;
	background: #327DFA;
	border-radius: 10px;
	content: '';
	position: absolute;
	display: block;
	top: 5px;
}

.system-function .system-function-item .item-des{
	width:510px;
	position: relative;
}

.system-function .system-function-item .item-des i{
	height: 10px;
	width: 10px;
	background: #327DFA;
	border-radius: 10px;
	float: left;
	display: block;
	margin-top: 8px;
}

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

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

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

.system-function .system-function-item .item-box span,.system-function .system-function-item .item-box2 span{
	color: #327DFA;
	float: left;
	margin-left:4%;
	width: 26.5%;
}

.system-function .system-function-item .item-box2 span{
	width: 17%;
}

.system-function .system-function-item .item-box em,.system-function .system-function-item .item-box2 em{
	float: left;
	width: 68.5%;
}

.system-function .system-function-item .item-box2 em{
	width: 78%;
}

.system-function .system-function-item .system-play,.tsg-cases .cases-link{
    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,.tsg-cases .cases-link 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,.tsg-cases .cases-link .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,.tsg-cases .cases-link:hover .btn-shade{
    right: 0%;
}

.system-function-item .system-play:hover em,.tsg-cases .cases-link: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: #D2F9FF;
	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%;
	float: left;
}

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

.technology-item .item-dl dd{
	float: left;
	width:70%;
	padding-right: 5%;
}

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

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

.item-dl .dl-desc p{
	width:250px;
	margin-top:14px;
	font-size:15px;
}

/*效益分析*/
.benefits,.tsg-read{
	padding:60px 0 100px;
}

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

.benefits img{
	width:52%;
	margin:0 auto;
}

.benefits .benefits-list{
	margin:50px auto 0;
	width: 72.9%;
}

.benefits .benefits-list li{
	margin-right: 14%;
	width:14.5%;
	float: left;
}

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

.benefits .benefits-list li p{
	color: #327DFA;
	font-size:25px;
	text-align:center;
	font-weight: 700;
	margin-bottom:20px;
}

.benefits .benefits-list li span{
	color:#8D8D8D;
	font-size:20px;
	line-height: 26px;
}


/*===================经典案例===================*/
.tsg-cases{
	background: #F8F8F8;
	padding: 60px 0 40px;
}

.tsg-cases img{
	margin:30px auto 0;
	width:66%;
}

.tsg-cases .cases-link{
    margin: 40px auto 0;
}

/*================相关阅读===================*/
.tsg-read .read-list{
	margin:30px auto 40px;
	width:415px;
}

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

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

.tsg-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;
}

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

.tsg-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){
	.tsg-banner .t-banner-box h1{
		font-size:36px;
	}

	.tsg-banner .t-banner-box p{
		font-size:18px !important;
	}

	.tsg-banner .t-banner-box p span{
		font-size:26px;
	}

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

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

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

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

	.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:12px;
	}

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



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

	.tsg-banner .t-banner-box p{
		font-size:18px !important;
	}

	.tsg-banner .t-banner-box p span{
		font-size:26px;
	}

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

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

	.yy-system .system-icon-list li{
		width:170px;
		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;
	}

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