@media (max-width:1200px) {
html{font-size:125px}
}
@media (max-width:1400px) {
html{font-size:125px}
}
@media (max-width:1600px) {
html{font-size:200px}
}
@media (max-width:1920px) {
html{font-size:200px}
}
@media (max-width:2080px) {
html{font-size:200px}
}
.adapt_screen {
    position: relative;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
}
/*=====================系统功能======================*/
.yy-system{
	padding:50px 0 70px;
}

.yy-system h2 {
    width: 260px;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 10px;
    font-size: 40px;
    border-bottom: 4px solid #B1B1B1;
}
.system-em {
    border-bottom: 6px solid #327DFA !important;
    color: #327DFA !important;
}
.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(../img/Solution/zwdl.png) no-repeat;
}

.yy-system .system-icon-list .icon-bg1{
	background:url(../img/Solution/gw.png) no-repeat;
}

.yy-system .system-icon-list .icon-bg2{
	background:url(../img/Solution/ssdw.png) no-repeat;
}

.yy-system .system-icon-list .icon-bg3{
	background:url(../img/Solution/tcc.png) no-repeat;
}

.yy-system .system-icon-list .icon-bg4{
	background:url(../img/Solution/xs.png) no-repeat;
}

.yy-system .system-icon-list .icon-bg5{
	background:url(../img/Solution/lydh.png) no-repeat;
}

.yy-system .system-icon-list .icon-bg6{
	background:url(../img/Solution/vr.png) no-repeat;
}

.yy-system .system-icon-list li:hover .icon-bg0{
	background:url(../img/Solution/zwdl0.png) no-repeat !important;
}

.yy-system .system-icon-list li:hover .icon-bg1{
	background:url(../img/Solution/gw0.png) no-repeat !important;
}

.yy-system .system-icon-list li:hover .icon-bg2{
	background:url(../img/Solution/ssdw0.png) no-repeat !important;
}

.yy-system .system-icon-list li:hover .icon-bg3{
	background:url(../img/Solution/tcc0.png) no-repeat !important;
}

.yy-system .system-icon-list li:hover .icon-bg4{
	background:url(../img/Solution/xs0.png) no-repeat !important;
}

.yy-system .system-icon-list li:hover .icon-bg5{
	background:url(../img/Solution/lydh0.png) no-repeat !important;
}

.yy-system .system-icon-list li:hover .icon-bg6{
	background:url(../img/Solution/vr0.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,.gov-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,.gov-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,.gov-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,.gov-cases .cases-link:hover .btn-shade{
    right: 0%;
}

.system-function-item .system-play:hover em,.gov-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;
}

