@charset "gb2312";
/* CSS Document */
body{font:12px/1.5 "\5FAE\8F6F\96C5\9ED1","\5b8b\4f53",arial,Helvetica,Tahoma,sans-serif; margin:0 auto; color:#49494a;}
p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe{margin:0; padding:0;}
img{border:0 none;}
ul,li,ol{list-style-type:none;}
i,em,address, caption, cite, code, dfn, th, var {font-style: normal;font-weight: normal}
.msf{font-family:\5FAE\8F6F\96C5\9ED1,\9ED1\4F53;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:underline;}
a,a:hover{outline:none;blur:expression(this.onFocus=this.blur());}
.layout{ clear:both;width:1000px;text-align:left;margin:0 auto;}
.clearfix:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
.clearfix{*zoom:1;}
.fl{ float:left;_display: inline}
.fr{ float:right;_display: inline}
.pr{ position:relative}
.abs{position:absolute;}

.icon{background:url(/images/zhuanti/zhiyeceping/icon.png) no-repeat 0 0;_background:url(/images/zhuanti/zhiyeceping/icon.gif) no-repeat 0 0; }
.header{height: 100px; background: #f4f4f4;}
.header h1{ width: 390px; padding: 30px 0 0 10px; font-size: 26px;}
.header h1 span{ display: block; float: right; border-left:1px solid #dedede;color: #404144; font-weight: normal; padding-left: 25px;}
.header h1 span a{ color: #404144;}
.header p{ line-height: 100px; font-size: 14px; width:550px; padding-left: 20px;}
.header p a{ margin: 0 10px; color: #666;}
.header p span a{ display: block; float: right; width: 75px; height: 30px; line-height: 30px; background-color: #e0e0e0; margin: 35px 0 0;background-position: 15px 6px; padding-left:45px;}
.header p span a:hover{ background-position:-118px 7px;background-color: #6284fb; color: #f4f4f4;}
.slideBox { height:514px;  overflow: hidden;  position: relative; }
.slideBox .hd {  bottom: 25px;  height: 15px;  overflow: hidden;  position: absolute; left: 50%; z-index: 1;  }
.slideBox .hd ul {  float: left;  overflow: hidden;  }
.slideBox .hd ul li {  background: #3e3b3e;  cursor: pointer;  float: left; border-radius: 10px;  height: 10px;  line-height: 10px; line-height: 30px; overflow: hidden;  margin-right: 8px;  text-align: center;  width: 10px;  }
.slideBox .hd ul li.on {  background: #fff none repeat scroll 0 0;  color: #fff;  }
.slideBox .bd {  height: 100%;  position: relative;  z-index: 0;  }
.slideBox .bd li {  vertical-align: middle; height: 514px; }
.slideBox .bd li a{ display: block; height: 514px;}
.slideBox .bd img {  display: block;  }
.slideBox .prev, .slideBox .next { background-position:5px -23px; display: block;  height: 65px; border-radius: 8px;  left: 0%;  margin-top: -25px;  opacity:0.8;  position: absolute;  top: 50%;  width: 40px; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F6B6667', endColorstr='#7F6B6667');background-color:rgba(107,102,103,0.8);}
:root .slideBox .prev,:root .slideBox .next{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#006B6667', endColorstr='#006B6667');}/*for IE9*/
:root .slideBox .prev,:root .slideBox .next{filter:none;}/*for IE9*/
.slideBox .next { background-position: -57px -23px;  left: auto;  right:0%;  }
.slideBox .prev:hover, .slideBox .next:hover { opacity:1; }
.slideBox .prevStop { display: none;  }
.slideBox .nextStop {  display: none;  }
.part01 dl dt{ background: url(/images/zhuanti/zhiyeceping/course.jpg) no-repeat center center; width:396px; height: 393px; padding: 115px 0;  float: left; }
.part01 dl dt span{ display: block; left: 45px; top:258px; font-size: 24px; font-weight: bold; color: #fff;}
.part01 dl dt span.k01{ left:280px; top: 198px;}
.part01 dl dt span.k02{left: 145px; top:160px;}
.part01 dl dt span.k03{left: 145px; top:392px;}
.part01 dl dt span.k04{left: 285px; top:320px; line-height: 32px;}
.part01 dl dt span a{ color: #fff;}
.part01 dl dd{ font-size: 18px; line-height: 28px; padding: 80px 50px 0 100px; float: left; width: 440px; line-height: 32px;}
.part01 dl dd.jstop{ padding-top:150px;}
.part02{ background: url(/images/zhuanti/zhiyeceping/topHeader.jpg) no-repeat center top; height: 239px; font-size: 36px; font-weight: bold; padding-top: 275px; padding-right:350px;}
.part02 .layout{ text-align: center;}
.part02 span a{ display: block; width: 268px; height: 86px; line-height: 70px; background:url(/images/zhuanti/zhiyeceping/btn-ceping.png); font-size: 36px; margin:35px auto 0; color: #fff;}
/*.part02 span a.mflk1{ background: url(/images/zhuanti/zhiyeceping/start-btn.gif); font-size: 0;line-height: 500px;overflow: hidden;}*/
.part02 span a.mflk1{animation: get-scale 1.5s infinite linear; }
.part02 span a:hover{ text-decoration:none;}
.part03{ background: #5d66a9; padding-bottom: 90px;}
.part03 h3{ text-align: center; font-size: 30px; color: #fff; padding: 50px 0;}
.part03 li{ width: 230px; float: left; margin-left: 70px;}
.part03 li p{ height: 150px; text-align: center; font-size: 24px; color: #fff; background: #2f3568;}
.part03 li p.c01{ background: #5b69cc;}
.part03 li p.c02{ background: #dd5b41;}
.part03 li p span{ display: block; border-bottom: 4px solid #fff21d; width: 120px; padding: 20px 0 15px; margin: 0 auto;}
.part03 li img{ transition: transform 0.3s ease 0s; width: 230px;}
.part03 li img:hover { transform: scale(0.99); }

.log-before,.log-after{ height:20px; line-height:20px; font-size: 20px; color: #39237f; padding-top:10px; font-weight: normal;}
.log-before{ font-style: italic; }
.log-before a{ color: #39237f;font-weight: bold;}
.log-after span { margin-right:40px;}
.log-after .user{ font-size: 20px; color: #39237f;}
.log-after{ display:none;}
.log-after .logout-btn{ font-size: 20px;}
@-webkit-keyframes get-scale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes get-scale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}