@charset "utf-8";
/* CSS base */
html { color:#000;} body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin:0; padding:0; } body{ font: 12px/1.5 Helvetica,Arial,sans-serif; color:#333; } h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; } section, header, article, time, nav, footer, figure, figcaption { display:block; margin:0; padding:0; } input:focus, a:focus { outline:none; } fieldset, img { border:0; } address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; } ol, ul { list-style:none; } caption, th { text-align:left; } h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; } q:before, q:after { content:''; } abbr, acronym { border:0; font-variant:normal; } sup { vertical-align:text-top; } sub { vertical-align:text-bottom; } button, input, textarea, select { font-family:tahoma, arial, simsun, sans-serif; font-size:inherit; font-weight:inherit; line-height:1.5; vertical-align:middle; } button, input, textarea, select { *font-size:100%; } textarea { resize:none; } legend { color:#000; } a{ vertical-align:baseline; } a{ text-decoration:none; } a:hover{text-decoration:none;} /*functions*/ .clear { display:block; float:none; clear:both; overflow:hidden; visibility:hidden; width:0; height:0; background:none; border:0; font-size:0; } .clearfix:before, .clearfix:after { content:""; display:table; } .clearfix:after { clear:both; } .clearfix{ zoom:1; }  

body{font-family: microsoft yahei;color: #444;}
a{color: #444;}
a:hover{color: #039ae7;}
.main{width: 960px;margin: 0px auto;padding: 30px 0px;}
.main h2{height: 60px;line-height: 60px;font-weight: bold;font-size: 18px;padding-left: 10px;background: url(http://edu.21cn.com/zt/imagesdongao/wk_pk_img_27.png) no-repeat left center;}
.main img{}
.main img:hover{-webkit-animation:rubberBand 0.3s;animation:rubberBand 0.3s;}
.bg_wrap{background: #f0f0f0;}

.header{height: 80px;line-height: 80px;color: #fff;font-size: 18px;background: #039ae7;}
.header .main{padding: 0px;}
.header h1{font-size: 24px;}
.header span{float: right;}
.header a{margin: 0px 10px;color: #fff;}

.k_line{background:#717171;width:960px;padding:20px 0px; margin:0 auto;font-family:"microsoft yahei";margin-top:15px;}
.k_line .kl_cont{width:940px;margin:0px auto;}
.k_line h3{text-align:center;font-size:24px;font-weight:bold;color:#fff;line-height:50px;}
.k_line p{text-indent:2em;color:#fff;font-size:14px;line-height:26px;}
.k_line a{display:block;float:right;background:url(http://edu.21cn.com/zt/images/wk_zt_ls_21.png) no-repeat;width:146px;height:40px;line-height:40px;text-align:center;color:#155797;font-size:14px;}

.pkTitle{background: url(http://edu.21cn.com/zt/imagesdongao/wk_pk_img_18.png) no-repeat center center;}
.pkTitle .pkt_box{float: left;width: 368px;border:1px solid #32abe8;padding: 20px 0px;position: relative;display: inline;}
.pkTitle .pkt_pic{line-height: 30px;position: absolute;left:-11px;top:-1px;background: #32abe8;padding-left: 10px;font-size: 0px;line-height: 0px;}
.pkTitle .pkt_pic img{padding: 10px;width: 162px;height: 62px;}
.pkTitle .pkt_pic span{width: 10px;height: 13px;background: url(http://edu.21cn.com/zt/imagesdongao/wk_pk_img_10.png) no-repeat;top:100%;left:0px;display: block;position: absolute;}
.pkt_tit{padding-left: 170px;height: 90px;border-bottom:1px solid #ddd;margin: 0px 20px;}
.pkt_tit h3{font-size: 16px;padding-bottom: 10px;}
.pkt_tit em{color: #f00;}
.pkt_tit span a{float: right;color: #999;}
.pkt_box p{font-size: 14px;color: #666;position: relative;line-height: 24px;padding: 10px 0px;padding-left: 75px;margin: 0px 20px; }
.pkt_box p b{position: absolute;left:0px;top:10px;font-size: 14px;}
.pkt_btn{overflow: hidden;}
.pkt_btn a{float: left;text-align: center;width: 100px;line-height: 34px;border:1px solid #ddd;background: #fafafa;font-size: 14px;margin-top: 15px;border-radius:3px;margin-left: 14px;}
.pkt_btn a:hover{background: #039ae7;border-color:#039ae7;color: #fff;}
.pkTitle .pkt_box2{float: right;border-color:#f28e1e;}
.pkTitle .pkt_box2 .pkt_pic{background-color: #f28e1e;}
.pkTitle .pkt_box2 .pkt_btn a:hover{background-color: #f28e1e;border-color:#f28e1e;}
.pkTitle .pkt_box2 .pkt_pic span{background-image: url(http://edu.21cn.com/zt/imagesdongao/wk_pk_img_13.png);}

.kpl_btn{float:left;width:44px;height:24px;line-height:24px;background:url(http://net.thea.cn/up/pic/20148521500wk_kjwx_img_07.png) no-repeat 0px -173px;padding-left:26px;color:#ff6138;margin-top:5px;}

.videoKing ul{margin-left: -60px;}
.videoKing li{float: left;width: 280px;line-height: 24px;text-align: center;margin-left: 60px;margin-bottom: 20px;font-size: 14px;display: inline;}
.qualificate ul{margin-left: -30px;}
.qualificate li{float: left;width: 300px;margin-left: 30px;margin-bottom: 30px;overflow: hidden;height: 100px;display: inline;}
.qualificate li img{float: left;margin-right: 10px;width: 100px;height: 100px;}
.qualificate li h5{font-size: 14px;font-weight: bold;line-height: 30px;}
.qualificate li p{color: #666;line-height: 20px;height: 40px;overflow: hidden;}
.qualificate .qf_favour{float: left;background: #fafafa url(http://edu.21cn.com/zt/imagesdongao/wk_pk_img_31.png) no-repeat 5px 3px;border:1px solid #ddd;border-radius:3px;height: 22px;line-height: 22px;padding: 0px 10px;padding-left: 30px;margin-top: 5px;}
.qualificate .qf_favour:hover,.qualificate .cur{background-position: 5px -47px;color: #f00;}
.teacherPk ul{margin-left: -30px;}
.teacherPk li{float: left;width: 300px;margin-left: 30px;line-height: 30px;overflow: hidden;font-size: 14px;display: inline;}
.uczeReview ul{margin-left: -30px; margin-top:20px;}
.uczeReview li{float: left;width: 450px;margin-left: 30px;height: 80px;overflow: hidden;font-size: 14px;margin-bottom: 30px;display: inline;}
.uczeReview li img{float: left;width: 60px;height: 60px;margin-right: 10px;}
.uczeReview li .ur_tit{padding-bottom: 5px;}
.uczeReview li .ur_tit span{margin-left: 30px;color: #999;}
.uczeReview li p{line-height: 18px;height: 36px;overflow: hidden;}
.friendLink p{font-size: 14px;line-height: 24px;}
.friendLink p a{color: #666;margin-right: 20px;}
.friendLink p a:hover{color: #039ae7;}

/* footer */
#footer {padding:15px 0 50px; background:#fafafa; text-align:center;border-top:1px solid #ddd;margin-top:20px;color:#666;}
#footer .dib-wrap .dib {margin:0 5px;font-size: 12px;letter-spacing: normal;word-spacing: normal;vertical-align: top;display:inline;}
#footer p {margin:5px 0;}
#footer .links {color:#DDD;}
#footer .links a {margin:0 10px;color:#333;}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}