/* 合作院校 start*/
#university-join {
    width: 100%;
    min-height: 694px;
    background: url(../../../images/default/tim-bish-MOLPxhKRVlI-unsplash.png) no-repeat left top / 100% 50%;
}

#university-join .u-container {
    width: 1200px;
    margin: 0 auto;
    padding: 0 9px;
    overflow: hidden;
}

#university-join .u-container h4{
    font-weight: 600;
    margin-top: 27px;
}

#university-join .u-container .u-item {
    width: 220px;
    height: 125px;
    background: #FFFFFF;
    border-radius: 10px;
    float: left;
    margin-top: 20px;
    text-align: center;
    line-height: 125px;
}
#university-join .u-container a {
    margin-right: 21px;
    display: inline-block;
}
#university-join .u-container a:nth-child(5n) {
    margin-right: 0;
}
#university-join .u-container .u-item img {
    width:198px;
    /* height: 71px; */
}
/* 合作院校 end*/

/* 高校 start */
.banner-wrap {
    padding-top:163px;
    height: 600px;
    background: url(../../../images/default/banner1.png) no-repeat center center / cover;
}
.banner-wrap .banner-content,.banner-wrap .service,.service .service-content,.technological{
    width:1200px;
    padding: 0 9px;
    margin:0 auto;
}
.banner-wrap .banner-content h3{
    font-size: 45px;
    font-weight: 800;
    color: #FFFFFF;
    margin-bottom: 50px;
}
.banner-wrap .banner-content p{
    font-size: 28px;
    font-weight: 400;
    color: #FFFFFF;
}
.banner-wrap .trial_btn {
    width: 354px;
    height: 72px;
    background: #FFAC38;
    box-shadow: 0px 6px 24px 0px rgba(163, 96, 2, 0.4);
    border-radius: 10px;
    margin-top: 74px;
    text-align: center;
    line-height: 72px;
    color:#fff;
    font-size: 30px;
    cursor: pointer;
}
.service {
    position: relative;
    background: #fff;
}
.service .title {
    text-align: center;
    height: 80px;
    font-size: 42px;
    font-weight: bold;
    color: #2E2E2E;
	position: absolute;
	left: 50%;
	top: 56px;
    transform: translateX(-50%);
	z-index: 1;
    width: 100%;
}
.service .title-wrap {
	height: 140px;
}
.service .title-wrap::before {
	content: "SERVICE";
    font-size: 96px;
	position: absolute;
	left: 50%;
    top: 0;
    transform: translateX(-50%);
	color: #d8d8d8;
	font-weight: bold;
}
.service .service-content {
	display: flex;
    justify-content:space-around;
}
.service .service-content>div {
    width: 255px;
    height: 380px;
}
.service .service-content>div i{
    display: block;
    width: 200px;
    height: 260px;
    margin: 0 auto;
}
.service .service-content>div .img1{
    background: url(../../../images/default/结合操作.png) no-repeat center center / 100% 100%;
}
.service .service-content>div .img2{
    background: url(../../../images/default//多方教学.png) no-repeat center center / 100% 100%;
}
.service .service-content>div .img3{
    background: url(../../../images/default/服务管理.png) no-repeat center center / 100% 100%;
}
.technological{
    position: relative;
}
.technological .title {
    text-align: center;
    height: 80px;
    font-size: 42px;
    font-weight: bold;
    color: #2E2E2E;
	position: absolute;
	left: 50%;
	top: 56px;
    transform: translateX(-50%);
	z-index: 1;
    width: 100%;
}
.technological .title-wrap {
	height: 140px;
}
.technological .title-wrap::before {
	content: "TECHNOLOGICAL";
    font-size: 96px;
	position: absolute;
	left: 50%;
    top: 0;
    transform: translateX(-50%);
	color: #d8d8d8;
	font-weight: bold;
}
.technological p{
    text-align: center;
    font-size: 22px;
    color:#666;
}
.slideshow-wrap {
    position: relative;
    width:1200px;
    margin: 40px auto 0;
    padding: 0 9px 80px;
}
.slideshow-wrap .slideshow-title{
    font-size: 22px;
    position: absolute;
    bottom:20px;
    font-weight: bold;
    color: #303030;
    text-align: center;
    width: 100%;
}
.slideshow-wrap .prev_btn,.slideshow-wrap .next_btn{
    position: absolute;
    top:50%;
    cursor: pointer;
    width: 39px;
    height: 89px;
    background: #CFCFCF;
    opacity: 0.6;
    border-radius: 10px;
    line-height: 89px;
    text-align: center;
    transform: translateY(-50%);
    color:#fff;
    font-size: 32px;
    font-weight: 600;
}
.slideshow-wrap .prev_btn {
    left:0;
}
.slideshow-wrap .next_btn {
    right:0;
}
.panel-bg{
    width: 800px;
    height: 440px;
    transform-style: preserve-3d;
    /*景深相当于眼睛距离元素的位置距离*/
    perspective: 100px;
    position: relative;
    margin: auto;
}
.panel-bg .img.prev,.panel-bg .img.next,.panel-bg .img.on{
    z-index: 1;
    display: block;
}
.panel-bg .img.prev{
    transform: translate3d(-50%,0,-50px);
    opacity: .5;
}
.panel-bg .img.next{
    transform: translate3d(50%,0,-50px);
    opacity: .5;
}
.panel-bg .img.on{
    transform: translate3d(0,0,0);
    opacity: 1;
}
.panel-bg .img{
    width: 800px;
    height: 440px;
    position: absolute;
    transition: transform .5s linear;
    transform: translate3d(0,0,-50px);
    opacity: .5;
}
.compute {
    position: relative;
    background: #fff;
}
.compute .title {
    text-align: center;
    height: 80px;
    font-size: 42px;
    font-weight: bold;
    color: #2E2E2E;
	position: absolute;
	left: 50%;
	top: 56px;
    transform: translateX(-50%);
	z-index: 1;
    width: 100%;
}
.compute .title-wrap {
	height: 140px;
}
.compute .title-wrap::before {
	content: "COMPUTE";
    font-size: 96px;
	position: absolute;
	left: 50%;
    top: 0;
    transform: translateX(-50%);
	color: #d8d8d8;
	font-weight: bold;
}
.compute .compute-content {
    width: 1200px;
    padding:0 9px;
    margin: 0 auto;
    height: 542px;
    background: url(../../../images/default/数据强化.png) no-repeat center center;
}
.university-container {
    background: #fff;
}
.university-container .university-wrap {
	position: relative;
    width: 1200px;
    margin: 0 auto;
    padding: 0 9px;
    display: block;
}
.university-wrap .title {
    text-align: center;
    height: 80px;
    font-size: 42px;
    font-weight: bold;
    color: #2E2E2E;
	position: absolute;
	left: 50%;
	top: 74px;
    transform: translateX(-50%);
	z-index: 1;
}
.university-wrap .title-wrap {
	height: 140px;
}
.university-wrap .title-wrap::before {
	content: "COOPERATION";
    font-size: 96px;
	position: absolute;
	left: 50%;
    top: 0;
    transform: translateX(-50%);
	color: #d8d8d8;
	font-weight: bold;
}
.university-wrap .university-list li{
	width: 220px;
    height: 125px;
    background: #FFFFFF;    
    box-shadow: 0px 4px 4px 0px rgba(69, 69, 69, 0.1);
    border-radius: 10px;
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
    line-height: 125px;
    transition:all .2s linear;
}
.university-wrap .university-list li:hover{
    transform:scale(1.1);
}

.university-wrap .university-list a {
    margin-right: 20px;
    display: inline-block;
}
.university-wrap .university-list a:nth-child(5n) {
    margin-right: 0;
}

.university-wrap .university-list li img{
	width: 198px;
    height: 71px;
}
/* 高校 end */