#mediaCoverage .textArea-vice{	padding-top: 10px; }
.mobile-mt{ margin-top: 120px; }
.mobile-pd{
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
}
.mobile-mt-slevel{margin-top: 60px;}
.operateBtn{font-size: 16px;padding: 0; background-image: url(/Template/skin1/static2020/vocedu/images/btbg.png);
	background-repeat: no-repeat;
	background-position: 100% 0;
    background-size: auto 160%;;}
.honor-swiper{
	overflow: hidden;
	padding-bottom: 50px;
}
.honorTab{
	background: #fff;
}
.channel-banner {
	position: relative;
	overflow: hidden;
	background: #2E65EF;
}

.channel-banner__subtitle {
	font-size: 28px;
	color: #fff;
	margin-top: 40px;
}

.channel-banner .ks-container {
	position: relative;
	height: 100%;
}

.channel-banner .ks-container::after {
	content: '';
	width: 1220px;
	background: url(/Template/skin1/static2020/vocedu/images/omobanner.png) no-repeat 0 50%;
	background-size: auto 1100px;
	position: absolute;
	right: -340px;
	top: 0;
	height: 100%;
}

.channel-banner__info {
	position: absolute;
	top: 50%;
	margin-top: -210px;
	z-index: 1;
}

.channel-banner__title {
	font-size: 70px;
	color: #fff;
	font-weight: bold;
}

.channel-banner__desc {
	font-size: 36px;
	color: #fff;
	font-weight: 500;
	margin-top: 35px;
}

.channel-banner__button {
	width: 240px;
	height: 54px;
	line-height: 54px;
	padding: 0px;
	font-size: 24px;
	background-color: #fff;
	color: #2E65EF;
	margin-top: 80px;
}

.cf9 {
	background-color: #F9FAFD;
}

.piece {
	width: 390px;
	height: 160px;
	border-radius: 16px;
	color: white;
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	background-size: 100%;
	margin: auto;
	background-repeat: no-repeat;
	background-size: cover;
}

.piece-title {
	padding-top: 70px;
}

.piece p {
	padding: 29px 27px;
	font-size: 14px;
	line-height: 30px;
	font-weight: initial;
	text-align: left;
}

.qa {
	width: 96%;
	height: 120px;
	background: #FFFFFF;
	box-shadow: 0px 10px 30px 0px rgba(131, 152, 173, 0.1);
	border-radius: 16px;
	margin: auto;
	position: relative;
	margin-bottom: 20px;
}

.qa-floor {
	padding: 110px 0;
}

.qa img {
	width: 24px;
	position: absolute;
	left: 20px;
	top: 16px;
}

.qa-title {
	font-size: 20px;
	font-weight: bold;
	color: #333333;
	line-height: 30px;
	padding: 10px 56px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.qa-content {
	font-size: 14px;
	font-weight: 400;
	color: #666666;
	line-height: 30px;
	padding: 0 56px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.ks-color-lighter {
	text-align: center;
	margin-top: -40px;
}
.multiple{
	margin-top: 50px;
}
.multiple .honorTab{
	width: 700px;
	background: #F9F9FD;
	margin: auto;
	border-radius: 50px;
}
.multiple .honorTab-item{
	width: 175px;
	height: 50px;
	line-height: 50px;
	border-radius: 50px;
	color: #888;
	font-size: 16px;
}
.honorTab-item.active {
	background-color: #2D65EF;
	font-weight: 600;
	color: #fff;
}
.ks-pst-re {
	display: none;
}
.ks-pst-re.active {
	display:block;
}
.honor-img{
	width: 100%;
	height:165px;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}
.honor-img img{
	width: 100%;
	display: block;
	min-height: 100%;
}
.honor-img::after{
	content: '';
	width: 100%;
	height: 100%;
	background: url(/Template/skin1/static2020/vocedu/images/imgbox.png) no-repeat;
	position: absolute;
	left:0;
	top:0;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.honor-swiper__title{
	margin-top: 15px;
	line-height: 24px;
	height: 48px;
	color:#555;
}

.honor-swiper>.swiper-scrollbar{
	width: 70%;
	left:15%;
	background: #eee;
}
.honor-swiper .swiper-scrollbar-drag{
	background-color: #2E66EF;
}

.welfare{
	margin-left: 35px;
	box-shadow: 0px 16px 40px 0px rgba(112,144,176,0.2);
	border-radius:10px;
	overflow: hidden;
	height: 432px;
}
.welfare-img{
	width: 100%;
	height: 190px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
#welfare .row{
	margin-left: -35px;
}
.operateBtn{
	width: 240px;
	height: 56px;
	line-height: 56px;
	border-radius:6px;
	margin-bottom: 140px;
}

.honorTab{
	width: 530px;
	height: 50px;
	margin: 0 auto 50px;
	border-radius: 50px;
}
.honorTab-item{
    width: 132px;
	height: 50px;
	line-height: 50px;
	border-radius: 50px;
	color: #888;
	font-size: 16px;
}
.tabAct{
	background-color: #2D65EF;
	font-weight: 600;
	color: #fff;
}
.traschool{
	text-align: center;
	margin-top: 60px;
}
.traschool-img img{
	width: 890px;
	height: 790px;
}
.traschool-info{
	font-size: 16px;
	color: #666;
	line-height: 20px;
	margin-top: 30px;
}
.ks-headline__white {
    color: #fff;
}
.ks-headline__white::after {
    background-image: url(/Template/skin1/static2020/vocedu/images/white.png);
}
.client{
	background: url(/Template/skin1/static2020/vocedu/images/part7_bg@2x.png);
	background-size: 100% 100%;
	height: 700px;
}
.client-box{
	width: 284px;
	border-radius: 10px;
	margin: auto;
}
.client li{
	float: left;
	width: 25%;
	height: 180px;
}
.client-title{
	font-size: 20px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	margin: 10px 0 20px;
}
.internet{
	background: url(/Template/skin1/static2020/vocedu/images/part4_bg@2x.png);
	background-size: 100% 100%;
	height: 720px;
}
.internet ul{
	padding: 0px 60px;
    font-size: 20px;
    font-weight: 400;
    color: #333333;
    line-height: 48px;
}
.internet ul li{
	position: relative;
}
.internet ul li::active{
	position: absolute;
	background: url(/Template/skin1/static2020/vocedu/images/73@2x.png);
	left: -10px;
}
.internet-title{
	font-size: 24px;
	font-weight: bold;
	color: #333;
	padding: 50px 0 10px 0;
	text-align: center;
}
.internet-left{
	width: 300px;
	height: 340px;
	background: #FFF;
	border-radius: 30px;
	margin: auto;
}
.internet-right{
	width: 300px;
	height: 340px;
	background: #2E65EF;
	border-radius: 30px;
	margin: auto;
}
.internet-right .internet-title,.internet-right ul{
	color: #fff;
}

.solution{
    position: relative;
    text-align: center;
    margin-top: -20px;
}

.solution-tabs{
    width: 139px;
    box-shadow:0px 10px 20px 0px rgba(23,60,98,0.08);
    border-radius:6px;
    background-color: #fff;
    position: absolute;
    overflow: hidden;
    left:25px;
    top:90px;
}
.solution-tab-item{
    text-align: center;
    height: 68px;
    line-height: 68px;
    font-size: 14px;
    color: #666;
    cursor: pointer;
    position: relative;
}
.solution-tab-item::after{
    content: '';
    width: 119px;
    background-color: #EFEFEF;
    left: 10px;
    bottom: 0;
    height: 1px;
    position: absolute;
}
.solution-tab-item.active{
    background: #2E65EF url(../images/solution-tabbg.png) no-repeat;
    background-size: cover;
    color:#fff;
}
.solution-tab-item:last-child::after,
.solution-tab-item.active::after{
    display: none;
}
.solution-content{
    position: relative;
    text-align: center;
    overflow: hidden;
}

.solution-tag{
    width: 129px;
    height: 129px;
    position: absolute;
    background: url(/Template/skin1/static2020/vocedu/images/tagbg.png) no-repeat;
    background-size: 100%;
    text-align: center;
    animation: tagscale 3s linear infinite;
}
.solution-tag span{
    width: 100%;
    line-height: 24px;
    top:50%;
    margin-top:-19%;
    position: absolute;
    left:0;
    color:#fff;
}
.solution-content{
    margin-left:250px;
}
.solution-content-body{
    padding-bottom: 46px;
}

.solution-tag:first-child{
    left:0;
    top:20%;
    font-size: 18px;
}
.solution-tag:nth-child(2){
    width: 100px;
    height: 100px;
    left:35%;
    top:-9%;
    font-size: 14px;
}
.solution-tag:nth-child(3){
    width: 127px;
    height: 127px;
    font-size: 17px;
    right:20%;
    top:-9%;
}
.solution-tag:nth-child(4){
    width: 110px;
    height: 110px;
    left: 44%;
    top:10%;
    font-size: 14px;
}
.solution-tag:nth-child(5){
    width: 120px;
    height: 120px;
    left: 22%;
    top:40%;
    font-size: 16px;
}
.solution-tag:nth-child(6){
    width: 128px;
    height: 128px;
    right: 0px;
    top:24%;
    font-size: 17px;
}
.features-sbutitle{
	font-size: 16px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #999;
    line-height: 30px;
	margin-bottom: 35px;
	margin-top: 20px;
}
.khimg{
	padding: 40px 70px 50px;text-align: center;
}

.f-index-model .fk-index-sliderPanel {
    height: 1000px;
}
.f-index-model .tag1{ height: 1570px; }
.f-index-model .tag2{ height: 1845px; }

/*ipad ipad pro*/
@media screen and (max-width: 1024px){
	.f-index-model .f-listWrap {
		width: 100%;
		margin: 0 auto;
		overflow: auto;
	}
	.channel-banner .ks-container::after {
		width: 100%;
		background-size: auto 125%;
		right: -390px;
		top: 0;
		height: 100%;
	}
	.channel-banner__info {
		left: 60px;
		margin-top: -160px;
	}
	.channel-banner__title {
		font-size: 56px;
	}
	.channel-banner__desc {
		font-size: 26px;
		margin-top: 25px;
	}
	.channel-banner__button {
		font-size: 22px;
		width: 220px;
		height: 50px;
		line-height: 50px;
		margin-top: 60px;
	}
	.operateBtn{
		margin-bottom: 90px;
	}
	.honor-swiper{
		margin: 0 40px;
	}
	.welfare{
		height: 360px;
	}
	.honor-swiper .honor-img{height: 185px;}
	.welfare .welfare-img{height: 152.5px;}
	.mobile-mt{ margin-top: 60px; }
	.welfare .ks-omit4{
		-webkit-line-clamp: 3;
	}
	.traschool-img img {
		width: 750px;
		height:auto;
	}

	.solution{
        margin: 0 15px;
    }
    .solution-content{
        margin-left: 0px;
        background-color: #F6F9FC;
        background:rgba(246,249,252,1);
        box-shadow:0px 8px 20px 0px rgba(112,144,176,0.2);
        border-radius:8px;
        padding-top: 0px;
        padding-bottom: 20px;
    }
    .solution-img img{
        width: 86%;
    }
    .solution-content-body{
        padding-bottom: 20px;
    }
    .solution-img__info{
        position: relative;
        padding: 40px 0 30px 0;
        line-height: 40px;
    }
    .solution-tag{
        margin-top:150px;
    }
    .solution-img__info .solution-img__title{
        font-size:20px;
        font-weight: bold;
        color:#333;
    }
    .solution-img__info p{
        font-size: 14px;
    }
    
    .solution-button{
        width: 200px;
        height:50px;
        line-height: 50px;
        margin-top:40px;
    }
	.tag1 { height: 1320px !important; }
	.tag2 { height: 1830px !important; }
	.client { height: 585px; }
	.client-box { width: 210px; }
	.piece {
	    width: 284px;
	    font-size: 16px;
	}
}

@media screen and (max-width: 768px){
	.piece {
		width: 235px;
		height: 288px;
	}
	.piece-title {
		padding-top: 48px;
	}

	#mediaCoverage{ padding: 0 30px; }
	.honor-swiper .honor-img{height: 135px;}
	#welfare .row{
		margin-top: -20px;
	}
	#welfare .welfare{
		position: relative;
		padding:0 0 0 290px;
		margin-top: 20px;
		height: 170px;
		overflow: hidden;
	}
	.welfare .welfare-img{width: 280px; height: 170px; position: absolute;left:0;top:0;border-radius: 10px 0 0 10px; }
	.welfare .ks-omit4{-webkit-line-clamp: 1;}
	.channel-banner__title {
		font-size: 38px;
	}
	.channel-banner__subtitle {
		font-size: 20px;
		color: #fff;
		margin-top: 20px;
	}
	.channel-banner__button {
		font-size: 20px;
		width: 170px;
		height: 50px;
		line-height: 50px;
		margin-top: 60px;
	}
	.client-box { width: 165px; }
	.client-title { font-size: 18px; }
	.client { height: 540px; }
	.tag1 { height: 960px !important; }
	.tag2 { height: 1400px !important; }
}

@media screen and (max-width: 480px){
	.client-box {
		width: 90%;
		border-radius: 10px;
		margin: auto;
	}
	.client-title {
		font-size: 16px;
	}
	.qa {
		width: 92%;
	}
	.channel-banner .ks-container{
        background-position: 50% 50%;
        background-size: auto 76%;
    }
	.channel-banner__subtitle {
		font-size: 16px;
		color: #fff;
		margin-top: 20px;
		margin-left: 30px;
	}
    .channel-banner .ks-container::after{
        right: 0px;
        background-size: 160% auto;
        background-position:50% 80%;
    }
    .channel-banner__info{
        top:6%;
        width: 100%;
        left:0;
        margin-top:50px;
        height: 74%;
    }
    .channel-banner__info::after{
        content: '';
        width: 30px;
        height: 30px;
        background: url(/Template/skin1/static2020/common/images/common_icon_more@2x.png) no-repeat;
        background-size: auto 100%;
        position: absolute;
        left:0;
        right: 0;
        margin: 0 auto;
        bottom: -50px;
        animation: bannermore 2s linear infinite;
    }
    @keyframes bannermore{
        0% {
           bottom: -50px;
        }
        50% {
            bottom: -65px;
        }
        100% {
            bottom: -50px;
        }
      }
    .channel-banner__title{
        font-size: 28px;
        margin-left: 35px;
    }
    .channel-banner__desc{
        margin-left: 35px;
        font-size: 18px;
        margin-top: 20px;
    }
    .channel-banner__button{
        font-size: 16px;
        width: 160px;
        height: 38px;
        line-height: 38px;
        left:0;
        right: 0;
        margin: 0 auto;
        position: absolute;
        bottom: 0;
    }

	.honorTab {
		height: 38px;
	}
	.multiple .honorTab {
		width: 100%;
	}
	.multiple {
		margin-top: 0px;
	}
	.multiple .honorTab-item {
		width: 25%;
		height: 36px;
		line-height: 36px;
		border-radius: 50px;
		font-size: 16px;
	}
	.ks-floor{
		padding-top: 20px;
	}
	.qa-title{
		font-size: 14px;
	}
	.khimg{
		padding: 0;
	}
	.traschool-img img {
		width: 80%;
		height: auto;
	}
	.solution-img__info {
		position: relative;
		padding: 20px 15px 0px 15px;
		line-height: 36px;
	}
	.features-sbutitle {
		margin-top: 20px;
		padding: 0 20px;
		margin-bottom: 5px;
	}
	.qa-floor{
		padding: 0;
	}
	.honorTab{margin-bottom: 25px;}
	.honor-swiper{
		margin: 0 15px;
		padding-bottom: 40px;
	}
	.honor-swiper .honor-img{
		height: 161px;
	}
	.honor-swiper .item{
		color: #666;
	}
	.honor-swiper .swiper-pagination-progress{
		bottom: -25px;
		top: auto;
		width: 200px;
		left: 50%;
		transform: translateX(-50%);
	}
	.mobile-mt{ margin-top: 80px; }
	#welfare .welfare{
		width: auto;
		padding:0 0 20px 0;
		height: inherit;
	}
	#welfare .welfare .welfare-img{width: 100%; height: 170px; position: relative;left:0;top:0;border-radius: 10px 10px 0 0; }
	#welfare .welfare .textArea-vice{ 
		padding-left: 10px; 
		padding-right: 10px; 
	}
	.mobile-pd{
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 15px;
	}
	#welfare .ks-omit4{ -webkit-line-clamp: 2; }
	#welfare .welfare:nth-child(3n-1){
		margin-left: 0;
		margin-right: 0;
	}
	#welfare .ks-color-primary{color: #333;font-weight: 600;}
	#welfare .ks-fonts-xl{font-size: 16px;color: #333;}
	#welfare .ks-fonts-md{font-size: 12px;color: #666;}
	#welfare .ks-fonts-sm{font-size: 12px;}
	.mobile-mt-slevel{margin-top: 30px;}
	.operateBtn{margin-bottom: 30px;width: 160px;height: 40px;line-height: 40px;}
	.mobile-mg{
		padding: 0 15px;
	}
	.mobile-mg .honorTab{
		width: 100%;
		height: 30px;
	}
	.mobile-mg .honorTab .honorTab-item{
		width: 25%;
		height: 30px;
		line-height: 30px;
		font-size: 10px;
	}
	.qa-content {
		font-size: 14px;
		font-weight: 400;
		color: #666666;
		line-height: 24px;
	}
	.piece{
		width: 90%;
		height: 145px;
		margin-bottom: 10px;
	}
	.m-mb-olevel{
		padding-bottom: 74px;
		overflow-x: hidden;
	}
	.piece-title {
		padding-top: 10px;
	}
	.piece p {
		padding: 0px 27px;
		font-size: 14px;
		line-height: 24px;
		font-weight: initial;
		text-align: left;
	}
	.khimg img{
		padding-bottom: 10px;
	}
	.ks-headline {
		padding-top: 46px;
	}
	.internet {
		height: 370px;
	}
	.client { height: 730px; }
	.tag1 { height: 1165px !important; }
	.tag2 { height: 2870px !important; }
}

/*大于即是414 ios6plus */
@media (max-width: 414px){
	#welfare .welfare .welfare-img{height: 202px;}
}

/*大于即是375  ios6 */
@media (max-width: 375px){
	#welfare .welfare .welfare-img{height: 197px;}
	.honor-swiper .swiper-pagination-progress{ width: 300px; }
	.tag1 { height: 1050px !important; }
	.tag2 { height: 2570px !important; }
}

/*大于即是360  安卓 */
@media (max-width: 360px){
	#welfare .welfare .welfare-img{height: 189px;}
	.mobile-mg .honorTab .honorTab-item{ font-size: 12px; }
	.tag1 { height: 1010px !important; }
	.tag2 { height: 2445px !important; }
}

/*大于即是320  ios5 */
@media (max-width: 320px){
	.mobile-mg .honorTab .honorTab-item{ font-size: 10px; }
	.mobile-mg { padding: 0 10px; }
	.honor-swiper .swiper-pagination-progress{ width: 246px; }
	#welfare .welfare .welfare-img{height: 152.6px;}
	.piece { font-size: 16px; }
	.client-title { font-size: 14px; }
	.client { height: 656px; }
	.tag1 { height: 900px !important; }
	.tag2 { height: 2150px !important; }
}
<!--耗时1782849105.1665秒-->