*{margin:0 auto;padding:0;box-sizing:border-box;font-weight: normal;}
html,
body{font-family:"Microsoft YaHei",Helvetica,Tahoma,Arial,sans-serif;
    overflow-x:hidden;
    text-align: center;
   }
 a{
 	text-decoration: none;
 }
.top{
	position: relative;
	height:80px;
	width:1170px;
}
.top>img{
	float: left;
	display: inline-block;
	vertical-align: middle;
	margin-top: 16px;
}
.top>div{
	float: right;
}
.top>div>span{
	line-height:80px;
	font-size:20px;
	color:#333;
}
.top>div>img{
	vertical-align: middle;
	margin-left: 80px;
	margin-right: 15px;
	margin-top: -5px;
}
.banner{
	position: relative;
	
}
.banner{
	position: relative;
	width:100%;
}
.banner>h3{
	color:#fff;
	font-weight: bold;
	position: absolute;
	top:28%;
	font-size: 80px;
	left:0%;
	width:100%;
	letter-spacing: 2px;
}
.banner>p{
	color:#fff;
	position: absolute;
	top:48%;
	font-size: 24px;
	left:0%;
	letter-spacing: 1px;
	width:100%;
}
.banner a{
	display: inline-block;
	width:550px;
	height:108px;
	line-height: 106px;
	border-radius: 54px;
	background: #ff8800;
	font-size: 42px;
	color:#fff;
	transition: all .2s;
	letter-spacing: 2px;
	position: absolute;
	bottom:100px;
	left:50%;
	margin-left: -275px;
}
.banner a:hover{
	background: #f07f0e;
}
.banner>form{
	position: absolute;
    width: 19%;
    border-radius: 8px;
    border-top: 15px #27a9e7 solid;
    top: 17%;
    right: 17%;
    padding-bottom: 20px;
    padding-top: 5px;
    background: #fff;
}
.banner>form>h2{
	font-size:24px;
	color:#333;
	margin-bottom:10px;
}
.banner>form>h3{
	font-size:16px;
	color:#333;
	margin-bottom:10px;
}
.banner>form input{
	width: 80%;
    height: 42px;
    color: #808080;
    text-align: left;
    padding-left: 15px;
    margin-top: 15px;
    border: 1px #808080 solid;
    border-radius: 8px;
    background: #fff;
    font-size: 14px;
    outline: none;
}


.seoform .msabroad{
	margin-left: 0px;
}
.banner .msabroad{
	width:80%;
}
.banner .msabroad input,#tableb .msabroad input{
	appearance: none;
    -webkit-appearance: none;
    outline: none;
    display: none;
}
.banner .msabroad input+span{
    display: block;
    width: 100%;
    height: 42px;
    color: #808080;
    text-align: left;
    line-height: 40px;
    cursor: pointer;
    padding-left: 15px;
    margin-top: 5px;
    border: 1px #808080 solid;
    border-radius: 8px;
    background: #fff;
    font-size: 14px;
}
.banner .msabroad input+span>e,#tableb .msabroad input+span>e{
	display: inline-block;
	width:12px;
	height:12px;
	background: url(http://www.pkusky.cn/statics/images/mslx/cl.png) no-repeat;
	background-size: 100% 100%;
	margin-right: 10px;
	vertical-align: middle;
	margin-top: -2px;
}
.banner .msabroad input:checked+span,#tableb .msabroad input:checked+span{
	border-color:#ff3b32;
	background-color: #fff2f2;
}
.banner .msabroad input:checked+span>e,#tableb .msabroad input:checked+span>e{
	background: url(http://www.pkusky.cn/statics/images/mslx/clok.png) no-repeat;
}
.banner .msabroad input:checked+span>r,#tableb .msabroad input:checked+span>r{
	display: none;
}
.banner>form select{
	width:80%;
	height:42px;
	padding-left:10px;
	color:#808080;
    cursor: pointer;
	margin-top:15px;
	border:1px #808080 solid;
	border-radius: 8px;
	background:#fff;
	font-size:16px;
	outline: none;
	 background:url(../img/up.png) no-repeat;
    background-position:96%  54%;
    -webkit-appearance:none!important;
}
input:active,input:focus{
	border-color:#ff8900!important;
}

input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #808080; opacity:1; 
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #808080;opacity:1;
}

input:-ms-input-placeholder{
    color: #808080;opacity:1;
}

input::-webkit-input-placeholder{
    color: #808080;opacity:1;
}
form .msg{
	width:47%!important;
	margin-right:12px!important;
	margin-bottom: 10px;
}
form .yzm{
	width:28%!important;
	outline: none!important;
	padding-left:0px!important;
	text-align: center!important;
	cursor: pointer;
	margin-bottom: 10px;
}

form .liaojie{
	width:80%;
	height:50px!important;
	line-height:48px!important;
	cursor: pointer;
	text-align: center;
	border:1px solid #f44e51;
	color:#f44e51;
	font-size:20px;
	margin-top:10px;
	border-radius: 8px!important;
}
form .lingqu{
	background:#27a9e7!important;
	color:#fff!important;
	border:0px!important;
	font-size:24px!important;
	text-align: center!important;
	padding-left: 0px!important;
	height:50px!important;
	line-height:48px!important;
	cursor: pointer;
	
	border-radius: 8px!important;
	
}
form .lingqu:hover{
	background:#2396cc!important;
}
.yzma{
	background:#ff8900!important;	
	color: #fff!important;
	border:0px!important;
}
form .successimg{
	position: relative;
	width:82%;
	height:40px;
	margin-bottom:20px;	
}
form .successimg>.imgleft{
	width:45%;
	position: relative;
	float: left;
	left:4%;
}
form .successimg>.imgright{
	position: relative;
	width:45%;
	float: right;
	
}
form .successimg>div>span{
	display: inline-block;
	color:#999;
	width:47%;
	font-size:14px;
	
}
form .successimg>div>img{
	display: inline-block;
	width:36px;
	float:left;
}
.lqcg{
	position: relative;
	height:40px;
	margin-top: 20px;
	overflow: hidden;
}
.con{
	position: absolute;
	height:120px;
	width:100%;
}
/*关注*/
.focus{
	position: relative;
	padding-top: 60px;
	width:1170px;
}
.focus>h2{
	font-size:40px;
	color:#333;
	margin-bottom: 40px;
}
.focus>.div1{
	position: absolute;
	left:110px;
	top:170px;
}
.focus>.div1>span{
	display: inline-block;
	font-size: 24px;
	color:#333;
}
.focus>.div1>img{
	vertical-align: middle;
	margin-top:25px;
}
.focus>.div2{
	position: absolute;
	left:-33px;
	top:362px;
}
.focus>.div2>span{
	display: inline-block;
	font-size: 24px;
	color:#333;
}
.focus>.div2>img{
	vertical-align: middle;
	margin-top:-8px;
}
.focus>.div3{
	    position: absolute;
    left: -48px;
    top: 528px;
}
.focus>.div3>span{
	display: inline-block;
	font-size: 24px;
	color:#333;
	text-align: left;
}
.focus>.div3>img{
	vertical-align: middle;
	margin-top:-40px;
}
.focus>.div4{
	position: absolute;
	right:15px;
	top:185px;
}
.focus>.div4>span{
	display: inline-block;
	font-size: 24px;
	color:#333;
	text-align: left;
}
.focus>.div4>img{
	vertical-align: middle;
	margin-top:-32px;
}
.focus>.div5{
	    position: absolute;
    right: -46px;
    top: 362px;
}
.focus>.div5>span{
	display: inline-block;
	font-size: 24px;
	color:#333;
	text-align: left;
}
.focus>.div5>img{
	vertical-align: middle;
	margin-top:-6px;
}
.focus>.div6{
	    position: absolute;
    right: -49px;
    top: 528px;
}
.focus>.div6>span{
	display: inline-block;
	font-size: 24px;
	color:#333;
	text-align: left;
}
.focus>.div6>img{
	vertical-align: middle;
	margin-top:-40px;
}
/*多元化课程体系  轻松搞定你的学习*/
.lesson{
	position: relative;
	padding-top: 60px;
	width:1180px;
}
.lesson>h2{
	font-size:40px;
	color:#333;
	margin-bottom: 40px;
}
.lesson>.lessona{
	position: relative;
	height:250px;
}
.lesson>.lessona>div{
	position: relative;
	float: left;
	height:235px;
	width:236px;
	background:url(../img/bmbg2.png) ;
}
.lesson>.lessona>div>h3{
	font-size:32px;
	font-weight: bold;
	color:#fff;
	position: absolute;
	top:50px;
	left:45px;
}
.lesson>.lessona>div>a{
	display: block;
	width:120px;
	height:32px;
	border:1px solid #ff8900;
	line-height:30px;
	border-radius:5px;
	margin-top: 20px;
	color:#ff8900;
	font-size: 16px;
}
.lehover{
	position: relative!important;
	height:253px!important;
	background:url(../img/bmbg1.png)!important ;
}
.lehover a{
	background:#ff8900;
	color:#fff!important;
}
.lesson>.lessona>div>a:hover{
	
}
.lesson>.lessonb>div{
	display: none;
}
.lesson>.lessonb>div>h3{
	margin-top:30px;
	font-size:32px;
	font-weight: bold;
	color:#333;
	margin-bottom: 15px;
}
.lesson>.lessonb>div>p{
	font-size:16px;
	color:#333;
}
.lesson>a{
	display: block;
	width:300px;
	height:62px;
	line-height:60px;
	background:#ff8900;
	font-size:24px;
	color:#fff;
	border-radius: 5px;
	margin-top: 50px;
	margin-bottom: 50px;
	transition: all .2s;
}

.study{
	position: relative;
	padding-top: 60px;
	height:590px;
	background:url(../img/bg1.jpg);
}
.study>h2{
	font-size:40px;
	color:#fff;
	margin-bottom: 40px;
}
.study>div{
	position: relative;
	width:1170px;
}
.study>div>.study_left{
	float: left;
	position: relative;
}
.study>div>.study_left>div{
	position: absolute;
	top:85px;
	width:170px;
	height:170px;
	left:150px;
	cursor: pointer;
	background:url(../img/play1.png) no-repeat center center;
}
.study>div>.study_left>div:hover{
	background:url(../img/play2.png) no-repeat center center;
}
/*.study>div>.study_left>div>.play2{
	position: absolute;
	top:75px;
	left:145px;
}*/
.study>div>.study_right{
	float: right;
	width:54%;
	text-align: left;
	position: relative;
}
.study>div>.study_right>h3{
	font-size:32px;
	color:#fff;
	padding-top: 20px;
	margin-bottom: 15px;
}
.study>div>.study_right>p{
	font-size:24px;
	color:#fff;
	line-height: 35px;

}
/*现在开始*/
.start{
	position: relative;
	padding-top: 60px;
}
.start>h2{
	font-size:40px;
	color:#333;
	margin-bottom: 40px;
}
.start>div{
	position: relative;
	width:1170px;
	height:275px;
}
.start>div>div{
	float: left;
	width:370px;
	height:235px;
	background:#f5f5f5;
	margin-right: 30px;	
	padding:40px 30px 30px 30px;
}
.start>div>div:last-child{
	margin-right: 0px!important;
}
.start>div>div>p{
	text-align: left;
	color:#999;
	font-size:14px;
	line-height:30px;
}
.start>div>div>h3{
	font-size:24px;
	color:#333;
	text-align: left;
	margin-bottom: 20px;

}
.start>div>div:hover{
	
	height:275px;
	background:url(../img/talk.png);
	background-size:100% 100%;
}
.start>div>div:hover h3{
	color:#fff;
}
.start>div>div:hover p{
	color:#fff;
}
.start>h5{
	width:1170px;
	padding-left:10px;
	position: relative;
	text-align: left;
	margin-bottom: 50px;
}
.start>h5>img{
	margin-right: 290px;
}
/*我们是一家*/
.chengji{
	position: relative;
	padding-top: 100px;
	height:410px;
	background:url(../img/bg2.png);
}
.chengji>h2{
	font-size:40px;
	color:#fff;
	margin-bottom: 40px;
}
.chengji>div{
	position: relative;
	width:1170px;
}
.chengji>div>div{
	float: left;
	width:290px;
	border-right:1px solid #6dc1e8;
}
.chengji>div>div>h2{
	font-size:24px;
	color:#fff;
}
.chengji>div>div>h2>span{
	font-size:72px;
	color:#fff;
}
.chengji>div>div>h5{
	color:#fff;
	font-size:16px;
}
.language{
	position: relative;
	padding-top: 60px;
	height:700px;
}
.language form{
	position: relative;
	z-index:10;
}
.language>h2{
	font-size:40px;
	color:#333;
	margin-bottom: 15px;
}
.language>h3{
	color:#333;
	font-size:20px;
	margin-bottom: 30px;
}
.language>img{
	position: absolute;
	bottom:0px;
	left:0px;
}
.language input{
	height:62px;
	width:585px;
	font-size: 14px;
	margin-bottom: 30px;
	border-radius:5px;
	border:1px solid #bfbfbf;
	outline: none;
	color:#808080;
}
.language .msg,.language .yzmb{
	width:282px!important;
	margin-bottom: 10px;
}
.language .msg,.language .phone{
	padding-left: 15px;
}
.language .yzmb{
	background:#fff;
}
.language .lingqub{
	background:#ff8900;
	color:#fff;
	font-size: 24px;
	border:0px;
}
#tableb .msabroad input+span{
    display: block;
    height: 62px;
    width: 585px;
    color: #808080;
    text-align: left;
    line-height: 60px;
    cursor: pointer;
    padding-left: 15px;
    border: 1px #bfbfbf solid;
    border-radius: 5px;
    background: #fff;
    font-size: 14px;
    margin-bottom: 20px;
}
/*.language .lingqub:hover{
	background:#2396cc;
}*/
.video{
	position: fixed;
	width:100%;
	top:0px;
	left:0px;
	z-index:20;
	height:100%;
	display: none;
	background:rgba(0,0,0,.4);
}
.video>div{
	position: relative;
	width:880px;
	height:586px;
	top:20%;
	background:#fff;
}
.video>div>.title{
	width:100%;
	height:60px;
	text-align:left;
	line-height:60px;
	
}
.video>div>.title>span{
	font-size:18px;
	padding-left: 20px;
	color:#333;
}
.video>div>.title>p{
	display: inline-block;
	width:30px;
	height:30px;
	float: right;
	margin-right: 20px;
	margin-top: 15px;
	background:url(../img/close.png) no-repeat center center;
}
.video>div>.title>p:hover{
	background:url(../img/closered.png) no-repeat center center;
}
.success{
	position: fixed;
	width:100%;
	top:0px;
	left:0px;
	z-index:20;
	height:100%;
	display: none;
	background:rgba(0,0,0,.4);
}
.success>div{
	position: relative;
	width:545px;
	height:546px;
	top:20%;
	padding-top: 60px;
	background:#fff;
}
.success>div>h2{
	color:#333;
	font-size:30px;
	margin-bottom: 15px;
}
.success>div>p{
	color:#999;
	font-size:16px;
	line-height:30px;
}
.success .closeb{
	display: inline-block;
	width:30px;
	height:30px;
    position: absolute;
    top:10px;
    right:10px;
	background:url(../img/close.png) no-repeat center center;
}
.success .closeb:hover{
	background:url(../img/closered.png) no-repeat center center;
}
@media (max-width: 1400px){
	.banner>form {
    position: absolute;
    width: 27%;
    border-radius: 8px;
    border-top: 15px #27a9e7 solid;
    top: 9%;
    right: 7%;
    padding-bottom: 20px;
    padding-top: 20px;
    background: #fff;
}
}
@media (max-width: 1700px){
   .banner form{
   	 position: absolute;
    width: 25%;
    border-radius: 8px;
    border-top: 15px #27a9e7 solid;
    top: 9%;
    right: 6%;
    padding-bottom: 20px;
    padding-top: 20px;
    background: #fff;
   }
}


@media (max-width: 1200px){
   .banner form{
 position: absolute;
    width: 30%;
    border-radius: 8px;
    border-top: 15px #27a9e7 solid;
    top: 2%;
    right: 3%;
    padding-bottom: 0px;
    padding-top: 9px;
    background: #fff;
     }
}


.jpty{
	display: table;
	position: relative;
	width:1170px;
	margin-top: 60px;
}
.jpty>div{
	float: left;
	position: relative;
	width:277px;
	margin-right: 20px;
	padding:15px;
	border:1px solid #e6e6e6;
	transition: all .2s;
}
.jpty>div:last-child{
	margin-right: 0px;
}
.jpty>div>h2{
	font-size: 24px;
	margin:15px 0px 10px;
}
.jpty>div>p{
	font-size: 16px;
	color:#666;
	text-align: left;
	line-height: 30px;
}
.jpty>div>a{
	display: block;
	width:146px;
	height:42px;
	line-height: 40px;
	border-radius: 5px;
	background: #ff8900;
	color:#fff;
	margin-top:20px;
	margin-bottom: 5px;
	cursor: pointer;
}
.jpty>div:hover{
   box-shadow: 0px 8px 13px rgba(153,153,153,.2);
}