.system-nav{
	width: 100%;
	min-width: 1200px;
	height: 46px;
	background: #efefef;
}
.system-nav>ul{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 1200px;
	height: 46px;
	padding: 0 75px;
	margin: 0 auto;
}
.system-nav>ul>li{
	width: 56px;
	height: 44px;
	font-size: 14px;
	text-align: center;
	line-height: 44px;
	margin: 0 77px;
	cursor: pointer;
	float: left;
	position: relative;
}
.system-nav>ul>li:after{
	content: "";
	width: 0px;
	height: 2px;
	background: #0296f4;
	position: absolute;
	top: 100%;
	left: 100%;
	transition: all .2s linear;
	-ms-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
}
.system-nav>ul>li:hover{
	color: #0296f4;
}
.system-nav>ul>li:hover:after{
	width: 100%;
	top: 100%;
	left: 0;
	transition-delay: 0.1s;	
	-ms-transition-delay: 0.1s;
	-webkit-transition-delay: 0.1s;
	-moz-transition-delay: 0.1s;
	-o-transition0delay: 0.1s;
}
.system-nav>ul>li:hover~.system-nav>ul>li:after{
	left: 0;
}
.system-nav>ul>li.act{
	color: #0296f4;
}
.system-nav>ul>li.act:after{
	width: 100%;
	left: 0;
}
.system-intro-module .container>h2{
	height: 78px;
	font-size: 24px;
	color: #000000;
	line-height: 78px;
	text-indent: 10px;
	position: relative;
}
.system-intro-module .container>h2:before{
	content: "";
	width: 4px;
	height: 24px;
	background: #0296f4;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -12px;
}
.system-intro{
	width: 100%;
	min-width: 1200px;
	height: auto;
	padding: 25px 0 35px 0;
	background: #ffffff;
}
.system-intro .container p{
	font-size: 14px;
	color: #020202;
	line-height: 30px;
	text-indent: 2em;
}
.system-feature{
	width: 100%;
	min-width: 1200px;
	height: auto;
	padding-bottom: 50px;
	background: #ffffff;
}
.system-feature .container>ul>li{
	list-style: disc;
	list-style-position: inside;
	font-size: 14px;
	color: #020202;
	line-height: 60px;
}
.system-function{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 100%;
	min-width: 1200px;
	height: 688px;
	padding-top: 20px;
	background: #f8f8f8;
}
.system-function .container .function-item{
	height: 186px;
}
.system-function .container .function-item>h3{
	width: 100%;
	height: 60px;
	font-size: 16px;
	line-height: 60px;
	text-indent: 13px;
	position: relative;
}
.system-function .container .function-item>h3:before{
	content: "";
	width: 7px;
	height: 7px;
	background: #0296F4;
	border-radius: 50%;
	position: absolute;
	left: 1px;
	top: 50%;
	margin-top: -3.5px;
}
.system-application{
	width: 100%;
	min-width: 1200px;
	height: auto;
	padding-top: 47px;
	padding-bottom: 83px;
}
.system-application .container .application-list {
	width: 1209px;
	height: auto;
	overflow: hidden;
	margin-left: -5px;
}
.system-application .container .application-list .application-item{
	width: 383px;
	height: 116px;
	border-radius: 10px;
	background: #0296F4;
	margin: 11px 10px;
	float: left;
}
.system-application .container .application-list .application-item>img{
	margin: 0 auto;
	margin-top: 21px;
}
.system-application .container .application-list .application-item>h3{
	font-size: 18px;
	color: #ffffff;
	text-align: center;
	line-height: 42px;
}
.system-prtsc{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 100%;
	min-width: 1200px;
	height: 736px;
	padding-top: 20px;
	background: #f8f8f8;
}
.system-prtsc .container .img-wrap{
	width: 1200px;
	height: 500px;
	margin: 0 auto;
	margin-top: 40px;
}
.system-prtsc .container .img-wrap>img{
	float: left;
}
.system-prtsc .container .img-wrap>img:first-child{
	margin-top: 42px;
	margin-right: 50px;
}