.type-box .row-26 .item-3{
	width:100%;
	background: url(../images/txt-3-bg.jpg) no-repeat center;
	background-size: cover;
	height: 271px;
	float: left;
	text-align:center;
	padding: 40px;
	margin-top:1px;
}

.type-box .row-26 .item-3 .mask-bg8{ padding-top:60px;}
.type-box .row-26 .item-8 .mask-bg8{ padding-top:60px;}
.type-box .row-26 .item-6 .mask-bg8{ padding-top:60px;}


.type-box .row-26 .item-8{
	width:100%;
	background: url(../images/txt-5-bg.jpg) no-repeat center;
	background-size: cover;
	height: 271px;
	float: left;
	padding: 40px;
		text-align:center;
	margin-top:1px;
}


.type-box .row-26 .item-6{
	width:100%;
	background: url(../images/txt-4-bg.jpg) no-repeat center;
	background-size: cover;
	height: 271px;
	float: left;
		text-align:center;
	padding: 40px;
	margin-top:1px;
}





.type-box .row-25 .item-3{
	width:18%;
	background: url(../images/txt-2-bg11.jpg) no-repeat center;
	background-size: cover;
	height: 271px;
	float: left;
	padding: 40px;
	margin-top:1px;
}
.type-box .row-25 .item-4{
		width: 32%;
	background:#5ba9ea;
	background-size: cover;
	height: 271px;
	float: left;
	padding: 40px;
	margin-top:1px;
}

.type-box .row-25 .item-1{
	width:32%;
	background:#5ba9ea;
	background-size: cover;
	height: 271px;
	float: left;
	padding: 40px;
	margin-top:1px;
}

.type-box .row-25 .item-2{
	width:18%;
	background: url(../images/txt-2-bg12.jpg) no-repeat center;
	height: 271px;
	float: left;
	padding: 40px;
	margin-top:1px;
}

.type-box .row-25 .item-22{
	width:18%;
	background: url(../images/txt-2-bg13.jpg) no-repeat center;
	height: 271px;
	float: left;
	padding: 40px;
	margin-top:1px;
}

.type-box .row-25 .item-33{
	width:18%;
	background: url(../images/txt-20-bg1.jpg) no-repeat center;
	height: 271px;
	float: left;
	padding: 40px;
	margin-top:1px;
}






.type-box .row-25 .item-30{
	width: 50%;
	background: url(../images/txt-20-bg.jpg) no-repeat center;
	background-size: cover;
	height: 271px;
	float: left;
	padding-top:40px; 
	padding-left:10px;
	padding-right:10px;

}
.type-box .row-25 .item-40{
	width: 50%;
	background: url(../images/txt-30-bg.jpg) no-repeat center;
	background-size: cover;
	height: 271px;
	float: left;
	padding-top:40px; 
	padding-left:10px;
	padding-right:10px;
}
.type-box .row-25 .item-50{
	width: 50%;
	background: url(../images/txt-40-bg.jpg) no-repeat center;
	background-size: cover;
	height: 271px;
	float: left;
	padding-top:40px; 
	padding-left:10px;
	padding-right:10px;
}
.type-box .row-25 .item-60{
	width: 50%;
	background: url(../images/txt-50-bg.jpg) no-repeat center;
	background-size: cover;
	height: 271px;
	float: left;
	padding-top:40px; 
	padding-left:10px;
	padding-right:10px;
}





.type-box .row-25 .item-30 .mask-bg{
	background: #5ba9ea
}
.type-box .row-25 .item-40 .mask-bg{
	background: #5ba9ea
}
.type-box .row-25 .item-50 .mask-bg{
	background: #5ba9ea
}
.type-box .row-25 .item-60 .mask-bg{
	background: #5ba9ea
}




.artice-box{
  width: 100%;
  position: relative;
  margin-bottom: 96px;
}
.artice-box:last-child{
  margin-bottom: 0;
}
.artice-box img{
  width: 100%;
  position: relative;
}
.artice-box .text-box{
  position: absolute;
  padding: 64px 88px 88px 64px;
  width: 514px;
  background: #FBFBFB;
  box-sizing: border-box;
  top: 94px;
  z-index: 5;
}
.artice-box .left-box{
  left: -24px;
}
.artice-box .right-box{
  right: -24px;
  width: 664px;
  padding: 64px 64px 88px 88px;
}


.artice-box .text-box h3{
  font-size: 26px;
  color: #2A2E2E;
  letter-spacing: 0;
  font-family: "黑体","simhei",;
  line-height: 45px;
  font-weight: 400;
}
.artice-box .text-box h3 img{
  width: 216px;
}
.artice-box .text-box h4{
  font-size: 20px;
  color: #2A2E2E;
  letter-spacing: 0;
  line-height: 30px;
  margin-top: 16px;
  margin-bottom: 4px;
  font-weight: 400;
}
.artice-box .text-box .desc{
  font-size: 14px;
  color: #5F6464;
  letter-spacing: 0;
  line-height: 25px;
  width: 362px;
}
.artice-box .right-box .desc{
  width: 100%;
}

.student .type-box{
  margin:0 auto;
  margin-top:40px;
  margin-right:-15px;
  width: 100%;

}
.type-box .row{
	width: 100%;
}
.type-box .row-1 .item-1{
	width: 100%;
	background: url(../images/txt-1-bg.jpg) no-repeat center;
	background-size: cover;
	height: 271px;
	float: left;
	padding: 40px;
	
}

.type-box .row-2 .item-3{
	width: 33.33333333%;
	background: url(../images/txt-3-bg.jpg) no-repeat center;
	background-size: cover;
	height: 271px;
	float: left;
	padding: 40px;
}
.type-box .row .item{
	box-sizing: border-box;
	float: left;
	padding: 40px;
	height: 271px;
	position: relative;
	overflow: hidden;
}
.type-box .row .item .title{
	font-size: 26px;
  color: #FFFFFF;
  letter-spacing: 0;
  margin-bottom: 25px;
  position: relative;
  padding-left:30px;
  font-family: "黑体","simhei",;
}

.type-box .row-25 .item .title{
	font-size: 26px;
  color: #fff;
  letter-spacing: 0;
  margin-bottom: 25px;
  position: relative;
  font-family: "黑体","simhei",;
}

.type-box .row .item .mask-bg{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	box-sizing: border-box;
	top: 0;
    left: 0;
    transform: translate(0, 271px);
    transform-origin: bottom;
    transition: all .5s cubic-bezier(0.2, 0.0, 0.2, 1);
    -webkit-transition: all .5s cubic-bezier(0.2, 0.0, 0.2, 1);
    -moz-transition: all .5s cubic-bezier(0.2, 0.0, 0.2, 1);
    -ms-transition: all .5s cubic-bezier(0.2, 0.0, 0.2, 1);
    -o-transition: all .5s cubic-bezier(0.2, 0.0, 0.2, 1);
}
.type-box .row-1 .item-1 .mask-bg{
	background: #01afa9
}

.type-box .row-2 .item-3 .mask-bg{
	background: #9B26B6
}
.type-box .row-2 .item-4 .mask-bg{
	background:#0188af
}
.type-box .row-2 .item-5 .mask-bg{
	background: #afa501
}
.type-box .row-3 .item-6 .mask-bg{
	background: rgba(150,140,131,1)
}
.type-box .row-3 .item-7 .mask-bg{
	background: rgba(121,192,0,1)
}

.type-box .row-2 .item-8 .mask-bg{
	background: rgba(255,103,31,1)
}
.type-box .row-2 .item-9 .mask-bg{
	background: rgba(121,192,0,1)
}
.type-box .row-2 .item-10 .mask-bg{
	background: rgba(0,82,217,1)
}

.type-box .row .item .label{
	font-size: 16px;
	color: #FFFFFF;
		letter-spacing: 0;
	line-height: 26px;
	margin-top: 25px;
	padding-left:30px;
	margin-right: 20px;

}







.type-box .row .item .label8{
	font-size: 16px;
	color: #FFFFFF;
		letter-spacing: 0;
	line-height: 26px;
	margin-top: 25px;
	padding-left:30px;
	margin-right: 20px;
	position: relative;
	opacity: 0;
	transform: translate(0, 80px);
    transform-origin: bottom;
    -webkit-transform-origin: bottom;
    -moz-transform-origin: bottom;
    -ms-transform-origin: bottom;
    -o-transform-origin: bottom;
    transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
    -webkit-transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
    -moz-transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
    -ms-transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
    -o-transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
	
}
.type-box .row .item:hover .mask-bg{
	transform: translate(0, 0px);
	-webkit-transform: translate(0, 0px);
	-moz-transform: translate(0, 0px);
	-ms-transform: translate(0, 0px);
	-o-transform: translate(0, 0px);
}
.type-box .row .item:hover .label{
	opacity: 1;
    transform: translate(0, 0px);
	-webkit-transform: translate(0, 0px);
	-moz-transform: translate(0, 0px);
	-ms-transform: translate(0, 0px);
	-o-transform: translate(0, 0px);
}

.type-box .row .item:hover .label8{
	opacity: 1;
    transform: translate(0, 0px);
	-webkit-transform: translate(0, 0px);
	-moz-transform: translate(0, 0px);
	-ms-transform: translate(0, 0px);
	-o-transform: translate(0, 0px);

}
.type-box .row-2 .item-4{
	width: 33.33333333%;
	background: url(../images/txt-4-bg.jpg) no-repeat center;
	background-size: cover;
}
.type-box .row-2 .item-5{
	width: 33.3333333%;
	background: url(../images/txt-5-bg.jpg) no-repeat center;
	background-size: cover;
}
.type-box .row-3 .item-6{
	width: 33.33333333%;
	background: url(../images/txt-6-bg.jpg) no-repeat center;
	background-size: cover;
}
.type-box .row-3 .item-7{
	width: 66.66666666%;
	background: url(../images/txt-7-bg.jpg) no-repeat center;
	background-size: cover;
}
.type-box .row-2 .item-8{
	width: 33.3333333%;
	background: url(../images/txt-8-bg.jpg) no-repeat center;
	background-size: cover;
}
.type-box .row-2 .item-9{
	width: 33.3333333%;
	background: url(../images/txt-9-bg.jpg) no-repeat center;
	background-size: cover;
}
.type-box .row-2 .item-10{
	width: 33.3333333%;
	background: url(../images/txt-10-bg.jpg) no-repeat center;
	background-size: cover;
}

.student .link-box{
  margin-top: 0;
}

.pc-bg{
	display: block;
}
.mobile-bg{
	display: none;
}


@media all and (max-width:1440px){
	.en-us .type-box .row .item .title{ font-size:24px;}
	.en-us .type-box .row .item .label{ line-height: 24px;}
}


@media all and (max-width:1024px){
	.student .mod-section-ad h2{ margin-top:70px;}
	.en-us .type-box .row .item .label{ display:none;}
	.en-us .type-box .row .item:hover .mask-bg{ display:none;}
}



@media all and (max-width:768px){

.student .type-box{
  margin:0 auto;
  margin-top:40px;

  width: 94%;

}
.type-box .row-26 .item-3 .mask-bg8{ padding-top:30px;}
.type-box .row-26 .item-8 .mask-bg8{ padding-top:30px;}
.type-box .row-26 .item-6 .mask-bg8{ padding-top:30px;}

.row{ margin:0 auto;}
	.student .mod-section-ad h2{ width:450px; }

.type-box .row-26 .item-3{
	width:100%;
	background: url(../images/txt-3-bg.jpg) no-repeat center;
	background-size: cover;
	height: 271px;
	float: left;
	margin-top:1px;
	
}


.type-box .row-26 .item-8{
	width:100%;
	background: url(../images/txt-5-bg.jpg) no-repeat center;
	background-size: cover;
	height: 271px;
	float: left;
	margin-top:1px;
}

.type-box .row-26 .item-6{
	width:100%;
	background: url(../images/txt-4-bg.jpg) no-repeat center;
	background-size: cover;
	height: 271px;
	float: left;
	margin-top:1px;
}




	.type-box .row .item .title{
	font-size:15px;
	line-height:20px;
	padding-top:10px;
	min-width:90px;
	}
	
	.type-box .row-25 .item-3{
	width:30%;
	background: url(../images/txt-2-bg11.jpg) no-repeat center;
	background-size: cover;
	height: 230px;
	float: left;
	padding: 40px;
	margin-top:1px;
}
.type-box .row-25 .item-4{
		width: 70%;
	background:#5ba9ea;
	background-size: cover;
	height:230px;
	float: left;
	padding-top:10px;
	padding-left:1px;
	padding-right:1px;
	margin-top:1px;
}

.type-box .row-25 .item-1{
	width:70%;
	background:#5ba9ea;
	background-size: cover;
	height:230px;
	float: left;
	padding-top:15px;
	padding-left:1px;
	padding-right:1px;
	line-height:16px;
	margin-top:1px;
}

.type-box .row-25 .item-2{
	width:30%;
	background: url(../images/txt-2-bg12.jpg) no-repeat center;
	height: 230px;
	float: left;
	padding: 40px;
	margin-top:1px;
}

.type-box .row-25 .item-22{
	width:30%;
	background: url(../images/txt-2-bg13.jpg) no-repeat center;
	height: 230px;
	float: left;
	padding: 40px;
	margin-top:1px;
}

.type-box .row-25 .item-33{
	width:30%;
	background: url(../images/txt-20-bg1.jpg) no-repeat center;
	height: 230px;
	float: left;
	padding: 40px;
	margin-top:1px;
}






.type-box .row-25 .item-30{
	width: 50%;
	background: url(../images/txt-20-bg.jpg) no-repeat center;
	background-size: cover;
	height: 271px;
	float: left;
	padding-top:40px; 
	padding-left:10px;
	padding-right:10px;
}
.type-box .row-25 .item-40{
	width: 50%;
	background: url(../images/txt-30-bg.jpg) no-repeat center;
	background-size: cover;
	height: 271px;
	float: left;
	padding-top:40px; 
	padding-left:10px;
	padding-right:10px;
}
.type-box .row-25 .item-50{
	width: 50%;
	background: url(../images/txt-40-bg.jpg) no-repeat center;
	background-size: cover;
	height: 271px;
	float: left;
	padding-top:40px; 
	padding-left:10px;
	padding-right:10px;
}
.type-box .row-25 .item-60{
	width: 50%;
	background: url(../images/txt-50-bg.jpg) no-repeat center;
	background-size: cover;
	height: 271px;
	float: left;
	padding-top:40px; 
	padding-left:10px;
	padding-right:10px;
}



.type-box .row-25.label8{
	font-size: 16px;
	color: #FFFFFF;
padding-left:5px;
	margin-right: 5px;
}


	
}

@media all and (max-width:425px){
	.student .mod-section-ad .desc br{ display: none;}
	.artice-box .text-box h4{ font-size:16px; line-height: 1.5;}
}


