.system-nav{
	width: 100%;
	min-width: 1200px;
	height: 46px;
	background: #faf9f9;
}
.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;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
}
.system-nav>ul>li{
	height: 44px;
	font-size: 14px;
	text-align: center;
	line-height: 44px;
	margin: 0 77px;
	cursor: pointer;
	position: relative;
}
.system-nav>ul>li:after{
	content: "";
	width: 0px;
	height: 2px;
	background: #ff9f00;
	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: #ff9f00;
}
.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{
    font-weight: bold;
	color: #ff9f00;
}
.system-nav>ul>li.act:after{
	width: 100%;
	left: 0;
}
.container .tlt{
    overflow: hidden;
    margin-top: 47px;
    margin-bottom: 27px;
}
.container .tlt>h1{
    height: 34px;
    font-size: 24px;
    line-height: 34px;
    color: #000000;
    padding-left: 10px;
    position: relative;
}
.container .tlt>h1::before{
    content: "";
    width: 4px;
    height: 24px;
    background: #ff9f00;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -12px;
}
/* 平台介绍 */
.platform-intro .container p{
    font-size: 14px;
    color: #3e3e3e;
    line-height: 30px;
    text-indent: 2em;
}
/* 平台构成 */
.platform-composition .container>div>h2{
    font-size:  16px;
    line-height: 20px;
    padding-left: 10px;
    position: relative;
    margin-bottom: 20px;
}
.platform-composition .container>div>h2::before{
    content: "";
    box-sizing: border-box;
    width: 5px;
    height: 5px;
    background: #3e3e3e;
    border-radius: 50%;
    position: absolute;
    top: 8px;
    left: 0;
}
.platform-composition .container .platform-module{
    overflow: hidden;
}
.platform-composition .container .platform-module ul{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.platform-composition .container .platform-module ul li{
    box-sizing: border-box;
    width: 264px;
    height: 317px;
    border: 1px solid #ff9f00;
    padding: 0 28px;
    margin-bottom: 62px;
}
.platform-composition .container .platform-module ul li .img-wrap{
    width: 100%;
    height: 80px;
    margin-top: 40px;
    position: relative;
}
.platform-composition .container .platform-module ul li .img-wrap img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.platform-composition .container .platform-module ul li h3{
    font-size: 18px;
    color: #010101;
    text-align: center;
    line-height: 48px;
}
.platform-composition .container .platform-module ul li p{
    font-size: 14px;
    color: #3e3e3e;
    line-height: 24px;
}
.platform-composition .container .sys-structure>div{
    margin-bottom: 67px;
}
.platform-composition .container .sys-structure>div>img{
    display: block;
    margin: 0 auto;
}
.unit-courses{
    width: 100%;
    min-width: 1200px;
    height: 690px;
    background: #f8f8f8;
}
/* 九大单元课程 */
.unit-courses .container>ul{
    padding: 10px;
    overflow: hidden;
}
.unit-courses .container>ul>li{
    box-sizing: border-box;
    width: 365px;
    height: 475px;
    border: 1px solid #dddddd;
    transition: all .2s;
    float: left;
}
.unit-courses .container>ul>li>h2{
    width: 100%;
    height: 58px;
    font-size: 18px;
    color: #212121;
    text-align: center;
    line-height: 58px;
    background: #eaeaea;
}
.unit-courses .container>ul>li>ul{
    overflow: hidden;
    margin-top: 15px;
}
.unit-courses .container>ul>li>ul>li{
    height: 40px;
    font-size: 14px;
    color: #7b7b7b;
    text-align: center;
    line-height: 40px;
}
.unit-courses .container>ul>li>ul>li>span{
    position: relative;
    display: none;
}
.unit-courses .container>ul>li.act{
    width: 447px;
    border-color: #ff9f00;
    box-shadow: 0 0 10px #ff9f00;
}
.unit-courses .container>ul>li.act>h2{
    font-size: 22px;
    background: #ff9f00;
    color: #ffffff;
   
}
.unit-courses .container>ul>li.act>ul>li{
    color: #575757;
    text-align: left;
    padding-left: 25px;
}
.unit-courses .container>ul>li.act>ul>li>span{
    display: inline-block;
    padding-left: 10px;
}
.unit-courses .container>ul>li.act>ul>li>span::before{
    content: "";
    box-sizing: border-box;
    width: 5px;
    height: 5px;
    border: 2px solid #575757;
    border-radius: 50%;
    background: #575757;
    position: absolute;
    left: 0;
    top: 17px;
}
.interface-display .container>div:last-child{
    overflow: hidden;
    margin-bottom: 100px;
}
.interface-display .container>div>img{
    display: block;
    margin: 0 auto;
}