
.home-swipe{ height: 500px;margin-top: 0!important; }

.nav-icon{
	height: 130px;
	box-shadow: 0px 10px 40px 0px rgba(64, 90, 163, 0.15);
	border-radius: 10px;
	transform: translateY(-65px);
	z-index: 1;
}
.nav-icon .icon{
	margin-top: 30px;
	margin-bottom: 16px;
}
.nav-icon .text{color: #313131;}

.cont01 .title,
.cont02 .title,
.cont03 .title{
	font-size: 36px;
	padding-bottom: 50px;
}
.cont01 .title-olevel{
	font-size: 16px;
	color: #888;
}
.cont01 .item{ margin-top: 30px; }
.cont01 .item:nth-child(1){ margin-top: 18px; }
.cont01 .cover{
	width: 106px;
	height: 60px;
	border-radius: 4px;
}
.cont01 .desc{
	width: 475px;
	font-size: 18px;
	color: #555;
}
.cont01 .tag{ 
	padding-top: 17px;
}
.cont01 .tag span:not(:nth-child(1)) { 
	padding-left: 20px;
}
.cont01 .pl-olevel{ padding-left: 17px; }
.abt-left{
	position: absolute;
	top: 0;
	left: -100px;
}
.cont01 .right-cont .info{ margin-top: 24px; }
.cont01 .right-cont .info:nth-child(1){ margin-top: 20px; }
.cont01 .right-cont .on{
	width: 20px;
	height: 20px;
	line-height: 20px;
	border-radius: 2px;
	background-color: #C9CFD6;
	font-size: 16px;
}
.cont01 .right-cont .clearfix .m-col1:nth-child(1) .on{ background-color: #FF2E2E; }
.cont01 .right-cont .clearfix .m-col1:nth-child(2) .on{ background-color: #EE6A0C; }
.cont01 .right-cont .clearfix .m-col1:nth-child(3) .on{ background-color: #FAAB0E; }

.cont02 .title, .cont03 .title{ padding-bottom: 24px;margin-top: 100px; }
.cont02 .desc, .cont03 .desc{ font-size: 18px;padding-bottom: 50px; }
.cont02 .item{
	width: 224px;
	height: 383px;
	background: #FFFFFF;
	box-shadow: 0px 10px 40px 0px rgba(64, 90, 163, 0.15);
	border-radius: 16px;
}
.cont02 .item .icon{
	margin-top: 35px;
	margin-bottom: 24px;
}
.cont02 .item .title-olevel{ font-size: 22px; }

.cont02 .item li{
	font-size: 14px;
	padding-top: 30px;
}
.cont02 .item li .on{
	display: inline-block;
	vertical-align: top;
	margin-top: 5px;
	margin-right: 9px;
	width: 4px;
	height: 4px;
	background: #FAAB0E;
	border-radius: 50%;
}

.terminal .item:nth-child(1){
  border-left: 1px solid #F2F4F9;
  border-radius: 16px 0 0 16px;
}
.terminal .item:last-child{
  border-left: 1px solid #F2F4F9;
  border-radius: 0 16px 16px 0;
}
.terminal .item{
  width: 16.66%;
  height: 360px;
  padding: 78px 12px 0;
  border: 1px solid #F2F4F9;
  border-left: none;
  background-color: #fff;
}
.hover-border{
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #1991FF;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all .25s linear;
  background-color: #fff;
}
.terminal .item:hover > .ks-pst-re{
  z-index: 2;
}
.terminal .item:hover .hover-border{
  opacity: 1;
  transform: scale(1.1);
  border-radius: 16px;
  z-index: 1;
}
.terminal .item:hover .title{ font-size: 24px; }
.terminal .item:hover .icon-img{ transform: scale(1.1); }
.icon-img{
  width: 36px;
  height: 36px;
  transition: all .25s linear;
}
.terminal .item:hover .text{ font-size: 16px; }
.terminal .item .title{
  padding: 20px 0 28px;
  font-size: 22px;
  color: #313131;
  margin-top: 0;
  transition: all .25s linear;
}
.terminal .item .line{
  display: inline-block;
  width: 30px;
  height: 2px;
  background-color: #EAEAEA;
  margin-bottom: 34px;
}
.terminal .item .text{
  line-height: 20px;
  font-size: 14px;
  transition: all .1s linear;
}

/* 左 */
.home-swipe .swiper-button-prev.swiper-button-white, .home-swipe .swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url(/Template/skin1/static2020/sangkay/images/next_icon.png);
	width: 40px;
	height: 57px;
	background-size: 14px 24px;
	transform: rotate(180deg);
	background-color: rgba(255,255,255,.2);
	border-radius: 4px;
	left: 320px;
	background-repeat: no-repeat;
	background-position: center;
}
/* 右 */
.home-swipe .swiper-button-next.swiper-button-white, .home-swipe .swiper-container-rtl .swiper-button-prev.swiper-button-white{
	background-image: url(/Template/skin1/static2020/sangkay/images/next_icon.png);
	width: 40px;
	height: 57px;
	background-size: 14px 24px;
	background-color: rgba(255,255,255,.2);
	border-radius: 4px;
	right: 320px;
	background-repeat: no-repeat;
	background-position: center;
}
.home-swipe .swiper-button-next:after, .home-swipe .swiper-button-prev:after{display: none;}
.special{ margin-top: 120px; }
.special .title{
	padding-top: 42px;
	padding-bottom: 24px;
	font-size: 36px;
}
.special .btn{
	width: 190px;
	height: 46px;
	line-height: 46px;
	background: #FFFFFF;
	border-radius: 50px;
	padding: 0;
	font-size: 20px;
	color: #1991FF;
}

.qualifications .honor-img {
	width: 246px;
	height: 159px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
.qualifications .honor-img img {
    width: 100%;
    display: block;
    min-height: 100%;
}
.qualifications .honor-img::after {
    content: '';
    width: 100%;
    height: 100%;
    background: url(/Template/skin1/static2020/sangkay/images/imgbox.png) no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.qualifications .honor-title {
    margin-top: 15px;
    line-height: 24px;
    height: 48px;
    color: #555;
}

.cont04 .title{
	padding-top: 100px;
	font-size: 36px;
	margin-bottom: 36px;
}
.cont04 .pt-olevel{ padding-top: 73px; }

.case-logo .case-logo-item {
    width: 16.66%;
    float: left;
}
.case-logo .case-logo-item_box {
    margin: 20px 10px 0;
    height: 70px;
    background: #FFFFFF;
    border-radius: 8px;
    text-align: center;
    line-height: 70px;
    transition: 0.5s;
	box-shadow: 0px 10px 20px rgba(119, 151, 188, 0.2);
}
.case-logo .case-logo-item_box:hover {
	cursor: pointer;
    box-shadow: 0px 10px 20px 0px rgba(119, 151, 188, 0.2);
}
.case-logo .case-logo-item_box img {
    max-width: 100%;
    max-height: 70px;
    vertical-align: middle;
    object-fit: cover;
}
.case-logo .case-logo-tips {
    color: #666666;
    font-size: 16px;
    margin-top: 43px;
    text-align: center;
}



.home-swipe .swiper-slide{
	background-image: url(/Template/skin1/static2020/sangkay/images/sangkai_banner.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.lh-olevel{ line-height: 24px; }
.lh-tlevel{ line-height: 18px; }


.height-olevel{ height: 190px; }

.special{ background-image: url(/Template/skin1/static2020/sangkay/images/ad_01.png); }

/* start */
.online-school{
	padding-bottom: 140px;
}
.online-school .title{ 
	font-size: 34px;
}
.online-school .desc{ 
	font-size: 18px;
	padding-top: 20px;
}
.online-school .mt-olevel{ margin-top: 45px; }
.online-school .wd-olevel{ width: 158px;padding-top: 20px;color: #777;line-height: 22px; }
.online-school .col-20p img{ margin-bottom: 32px; }
.online-school .col-20p .ks-color-text-olevel{ font-size: 24px; }
.online-school .cont-r{ display: block; }
/* end */


/* start */
.online-school.bg-F6F9FE{ 
	background-color: #F6F9FE; 
	padding-top: 100px;
	padding-bottom: 100px;
}
.online-school .left-cont{
	position: absolute;
	top: 0;
	left: 0;
	width: 140px;
	height: 160px;
	padding-top: 54px;
	border-radius: 10px 0px 0px 10px;
}
.online-school .right-cont{
	padding-top: 30px;
	padding-bottom: 26px;
	padding-left: 140px;
	height: 160px;
}
.online-school .right-cont_title{
	font-size: 18px;
	margin-bottom: 42px;
}
.online-school .right-cont_title .ks-vtc-top{
	width: 4px;
	height: 20px;
	margin-left: 30px;
	margin-right: 10px;
}
.online-school .right-cont .pt-olevel{ padding-top: 16px; }
.online-school .right-cont .col-3{ font-size: 14px; }
.border-custom > .ks-pst-re{
	border-radius: 10px;
	overflow: hidden;
}
.border-custom:nth-child(n+3){ margin-top: 30px; }
.border-custom:nth-child(odd){ padding-right: 15px; }
.border-custom:nth-child(even){ padding-left: 15px; }
.bg-409EFF{ background-color: #409EFF; }
.bg-FFCC02{ background-color: #FFCC02; }
.bg-85D827{ background-color: #85D827; }
.bg-7777FE{ background-color: #7777FE; }
.bg-FF897D{ background-color: #FF897D; }
.bg-FF9A2D{ background-color: #FF9A2D; }
.intro-btn{
	margin-top: 50px;
	padding: 0;
	width: 230px;
	height: 60px;
	line-height: 60px;
	background: #409EFF;
	border-radius: 30px;
	font-size: 18px;
}
/* end */

/*大于即是1400 ipad */
@media (max-width: 1400px){
    
}
/*大于即是1024 ipad */
@media (max-width: 1024px){
    .home-swipe .swiper-button-prev.swiper-button-white, .home-swipe .swiper-container-rtl .swiper-button-next.swiper-button-white { left: 40px; }
	.home-swipe .swiper-button-next.swiper-button-white, .home-swipe .swiper-container-rtl .swiper-button-prev.swiper-button-white { right: 40px; }
	
	.nav-padding,
	.cont01,
	.cont02,
	.cont03,
	.cont04,
	.header-top-info{ padding: 0 30px; }
	
	#banner { margin-top: 0; }
	.cont02 .item { width: 180px;margin: auto; }
	.terminal .item { padding: 50px 12px 0;height: 335px; }
	.cont04 .title { font-size: 32px; }
	.qualifications .honor-img { width: 220px; }
	
	.online-school { padding-bottom: 50px; }
	.online-school .col-md-6{ text-align: left; }
	.online-school .cont-r{ display: inline-block;padding-left: 20px; }
	.online-school .col-20p .ks-color-text-olevel{ font-weight: bold; }
	.online-school .wd-olevel { width: 300px; }
	.online-school .col-20p img { margin-left: 65px; }
	
	.online-school .pd-olevel{ padding: 0 20px; }
	.online-school .right-cont_title .ks-vtc-top { margin-left: 15px; }
	
}

/*大于即是768 ipad */
@media (max-width: 768px){
	.home-swipe .swiper-slide{
		background-image: url(/Template/skin1/static2020/sangkay/images/m-sangkai_banner.png);
	}
	.abt-left{
		left: auto;
		right: 30px;
	}
	.cont01 .desc{ width: 200px; }
	.cont01 .pl-olevel { padding-left: 12px; }
	.cont02 .item { width: 320px;height: 308px; }
	.special-swipe .swiper-slide {
		transition: 300ms;
		transform: scale(0.8);
		box-shadow: 0px 10px 40px 0px rgba(64, 90, 163, 0.15);
		border-radius: 8px;
	}
	.special-swipe .swiper-slide-active,.special-swipe .swiper-slide-duplicate-active{ transform: scale(1); }
	.terminal .m-item{
		padding: 55px 40px 75px;
		box-sizing: border-box;
	}
	.special-swipe{ padding: 20px 0 40px; }
	.special-swipe .title{ margin-top: 20px;font-size: 18px; }
	.special-swipe .text { 
		font-size: 14px;
		line-height: 34px;
	}
	.cont03{ padding: 0; }
	.special { margin-top: 60px; }
	.cont04 .title { line-height: 54px;padding-top: 70px; }
	 
	.qualificate-swipe .honor-img {
		width: 100%;
		height: 240px;
	    position: relative;
	    overflow: hidden;
	    cursor: pointer;
	}
	.qualificate-swipe .swiper-slide {
		transition: 300ms;
		transform: scale(0.8);
	}
	.qualificate-swipe .swiper-slide-active,.qualificate-swipe .swiper-slide-duplicate-active{ transform: scale(1); }
	.qualificate-swipe .honor-img img {
	    width: 100%;
	    display: block;
	    min-height: 100%;
	}
	.qualificate-swipe .honor-img::after {
	    content: '';
	    width: 100%;
	    height: 100%;
	    background: url(/Template/skin1/static2020/sangkay/images/imgbox.png) no-repeat;
	    position: absolute;
	    left: 0;
	    top: 0;
	    background-repeat: no-repeat;
	    background-size: 100% 100%;
	}
	.xs-pd-olevel{ padding: 0; }
	.qualificate-swipe .honor-title{
		padding-top: 30px;
		font-size: 24px;
		color: #666;
	}
	.m-qualifications .swiper-container-horizontal>.swiper-pagination-progress{
		bottom: 0;
		width: 200px;
		top: auto;
		left: 50%;
		transform: translateX(-50%);
	}
	.m-qualifications .swiper-container{ padding-bottom: 50px; }
	.m-qualifications .swiper-pagination-progress .swiper-pagination-progressbar{
		background-color: #1991FF;
		border-radius: 3px;
	}
	.case-logo .case-logo-tips { padding-bottom: 35px; }
	.btm-line .col-md-6 { padding-left: 0px; }
	.btm-line .col-md-6:nth-child(2){ padding-left: 50px;margin-bottom: 30px; }
	.btm-line .col-md-6:nth-child(4){ padding-left: 50px; }
	.online-school .col-20p img { margin-left: 30px; }
	.online-school .wd-olevel { width: 225px; }
	
	.border-custom:nth-child(n+2){ margin-top: 30px; }
	.border-custom:nth-child(odd){ padding-right: 0; }
	.border-custom:nth-child(even){ padding-left: 0; }
	.online-school .right-cont_title .ks-vtc-top { margin-left: 44px; }
	
	.m-case-logo .case-swipe .swiper-slide img{ box-shadow: 0px 10px 20px rgba(119, 151, 188, 0.2);border-radius: 8px; margin-bottom: 20px; }
	.m-case-logo .case-swipe{ padding-bottom: 35px; }
	
}

/*大于即是480 */
@media (max-width: 480px){
	.nav-padding, .cont01, .cont02, .cont03, .cont04, .header-top-info, .footer { padding: 0 15px; }
	.cont02 .item {
	    width: 165px;
		height: 180px;
		border-radius: 8px;
		padding: 0 20px;
		box-sizing: border-box;
	}
	.cont01 .title, .cont02 .title, .cont03 .title {
	    font-size: 18px;
	    padding-bottom: 10px;
	}
	.cont02 .item .icon { 
		width: 32px;
		margin-top: 25px;
		margin-bottom: 12px;
	}
	.cont02 .item .title-olevel { font-size: 16px; }
	.cont02 .item li {
	    font-size: 10px;
	    padding-top: 15px;
	}
	.abt-left { right: 0; }
	.cont01 .clearfix:nth-child(2) .col-xs-12{
		margin-top: 25px;
	}
	.home-swipe {
	    height: 150px !important;
	}
	.nav-icon {
	    height: 160px;
	    transform: translateY(-25px); 
	}
	.nav-icon .icon {
	    margin-top: 25px;
	    margin-bottom: 10px;
		width: 24px;
	}
	.nav-icon .text { font-size: 10px; }
	.nav-icon .col-20p:nth-child(4) {
		box-sizing: border-box;
		padding-left: 55px;
	}
	.nav-icon .col-20p:nth-child(5){
		box-sizing: border-box;
		padding-right: 55px;
	}
	.cont01 .title{ padding-top: 15px; }
	.cont01 .title-olevel { font-size: 12px; }
	.cont01 .item { margin-top: 12px; }
	.cont01 .desc { font-size: 12px;width: 255px; }
	.cont01 .ks-omit1 {
	    -webkit-line-clamp: 2;
		line-height: 18px;
	}
	.cont01 .pl-olevel { padding-left: 8px; }
	.cont01 .tag { padding-top: 10px; }
	.abt-left img{
		transform: scale(0.9);
		vertical-align: middle;
	}
	.close {
	    width: 25px;
	    height: 25px;
	    margin: 0px 15px 0 0;
	}
	.cont01 .title-olevel > span{ padding-left: 10px; }
	.cont01 .title-olevel > span::before{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 3px;
		height: 12px;
		background: #1991FF;
		border-radius: 3px;
		z-index: 1;
	}
	.cont01 .ks-float-rt .title-olevel::before{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 3px;
		height: 12px;
		background: #1991FF;
		border-radius: 3px;
		z-index: 1;
	}
	.cont01 .right-cont .info:nth-child(1) { margin-top: 17px; }
	.cont01 .right-cont .info { margin-top: 15px; }
	.cont02 .title, .cont03 .title { margin-top: 40px; }
	.cont02 .desc, .cont03 .desc {
	    font-size: 10px;
	    padding-bottom: 25px;
	}
	.cont02 .col-sm-6:nth-child(n+3) { margin-top: 15px; }
	.cont02 .clearfix:nth-child(n+3) .col-sm-6 { margin-top: 15px; }
	.terminal .m-item { padding: 25px 20px 38px; }
	.cont03 .special-swipe .title{ margin-top: 12px; }
	.m-item .line { margin-bottom: 18px; }
	.special-swipe .text { line-height: 20px; }
	.special{ 
		background-image: url(/Template/skin1/static2020/sangkay/images/m-ad_01.png); 
		height: 95px;
		margin-top: 40px;
	}
	.special .title {
	    padding-top: 20px;
	    padding-bottom: 12px;
	    font-size: 18px;
	}
	.special .btn {
	    width: 95px;
	    height: 24px;
	    line-height: 24px;
	    background: #FFFFFF;
	    border-radius: 50px;
	    padding: 0;
	    font-size: 12px;
	    color: #1991FF;
	}
	.cont04 { padding: 0; }
	.cont04 .title {
		line-height: 27px;
		padding-top: 40px;
		padding-left: 15px;
		font-size: 18px;
		padding-right: 15px;
	}
	.cont03 { padding: 0; }
	.img-swipe{ height: 234px;padding-bottom: 22px; }
	.img-swipe .parallax-bg {
		position: absolute;
		left: 0;
		top: 0;
		width: 170%;
		height: 234px;
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
	}
	.img-swipe .swiper-pagination-progress .swiper-pagination-progressbar{ background-color: #1991FF; }
	.img-swipe .swiper-pagination-progress{ 
		background-color: #EEEEEE; 
		bottom: -0;
		top: auto;
		left: 50%;
		transform: translateX(-50%);
		width: 100px;
	}
	.xs-padding{ padding: 0 0 0 15px; }
	.qualificate-swipe .honor-img { height: 161px; }
	.qualificate-swipe .honor-title {
	    padding-top: 15px;
	    font-size: 12px;
	}
	.m-qualifications .swiper-container { padding-bottom: 25px; }
	.m-qualifications .swiper-container-horizontal>.swiper-pagination-progress { width: 100px; }
	.cont01 .right-cont .on {
	    width: 15px;
	    height: 15px;
	    line-height: 15px;
	    font-size: 12px;
	}
	.cont02 .item li .on {
	    margin-top: 3px;
	    margin-right: 6px;
	}
	.honor-swiper>.swiper-scrollbar {
        width: 100px;
        left: 50%;
        transform: translateX(-50%);
    }
    .honor-swiper { margin: 0;padding-bottom: 10px; }
    .enterpriseHonor{ padding-left: 0; padding-right: 0; }
    .online-school { padding-bottom: 50px; }
	.online-school .title { font-size: 18px; }
	.online-school .desc {
	    font-size: 10px;
	    padding-top: 10px;
	}
	.online-school .col-20p img { width: 55px;margin-left: 40px; }
	.online-school .cont-r { padding-left: 10px; }
	.online-school .col-20p .ks-color-text-olevel { font-size: 16px; }
	.online-school .wd-olevel {
	    width: auto;
	    font-size: 12px;
	    padding-top: 12px;
	}
	.online-school .mt-olevel { margin-top: 30px; }
	
	.online-school.bg-F6F9FE {
	    background-color: #F6F9FE;
	    padding-top: 50px;
	    padding-bottom: 50px;
	}
	.online-school .left-cont {
	    width: 100%;
	    height: 50px;
	    line-height: 50px;
	    padding-top: 0;
		text-align: left;
		border-radius: 10px;
	}
	.online-school .left-cont img{ width: 24px;display: inline-block;margin-top: 12px;margin-left: 25px;margin-right: 12.5px; }
	.online-school .left-cont .xs-show{ display: inline-block; }
	.online-school .right-cont {
	    padding-left: 0;
		height: 50px;
		padding-top: 0;
		padding-bottom: 0;
		overflow: hidden;
		transition: all .2s linear;
	}
	.open-down{
		height: 145px !important;
		padding-top: 75px !important;
	}
	.arrow{
		position: absolute;
		top: 50%;
		right: 24px;
		transform: translateY(-50%) rotate(0deg);
		width: 32px;
		height: 32px;
		background-size: 16px 16px;
	}
	.arrow-up{transform: translateY(-50%) rotate(180deg);}
	.intro-btn {
	    margin-top: 30px;
	    width: 172.5px;
	    height: 45px;
	    line-height: 45px;
	    font-size: 14px;
	}
	.border-custom:nth-child(n+2) { margin-top: 15px; }
	
	.m-case-logo .case-swipe .swiper-slide .col-sm-4{ padding: 0 5px; box-sizing: border-box; }
	.m-case-logo .case-swipe{ padding: 0 0 35px; }
	
}

/*大于即是375  ios6 */
@media  (max-width: 375px){
    .cont01 .cover {
        width: 97px;
        height: 55px;
	}
	.cont01 .desc { width: 230px; }
	.cont02 .item {
	    margin: 0;
	    display: inline-block;
	}
	.cont02 .clearfix .col-20p:nth-child(even){ text-align: right; }
	.case-logo .case-logo-tips {
	    font-size: 10px;
	    margin-top: 30px;
	}
	.online-school .col-20p img { margin-left: 36px; }
	.online-school .wd-olevel { width: 230px; }
	
}

/*大于即是360  安卓 */
@media (max-width: 360px){
    .cont01 .desc { width: 220px; }
	.cont02 .clearfix .col-sm-6{ box-sizing: border-box; }
	.cont02 .clearfix .col-sm-6:nth-child(odd){ padding-right: 5px; } 
	.cont02 .clearfix .col-sm-6:nth-child(even){ padding-left: 5px; } 
	.cont02 .item { width: 100%; }
	.online-school .col-20p img { margin-left: 30px; }
	
}

/*大于即是320  ios5 安卓 */
@media (max-width: 320px){
    .img-swipe { height: 200px; }
	.img-swipe .parallax-bg { height: 204px; }
	.cont01 .desc { width: 180px; }
	.nav-icon .icon { margin-top: 20px; }
	.nav-icon { height: 150px; }
	.online-school .desc {
	    padding-left: 15px;
	    padding-right: 15px;
	    line-height: 18px;
	}
    .online-school .wd-olevel { width: 190px; }
	
}<!--耗时1782845389.1924秒-->