@charset "gb2312";
/* CSS Document */
body{font:12px/1.5 "\5b8b\4f53",arial,Helvetica,Tahoma,sans-serif; margin:0 auto; color:#333;}
p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe{margin:0; padding:0; font-weight:normal;}
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());}
.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;}
.layout{ clear:both;width:1200px;text-align:left;margin:0 auto;}
.marb6{ margin-bottom:6px; clear:both}
.marb25{ margin-bottom:25px; clear:both}
.marb40{ margin-bottom:40px; clear:both}

.topNav .navInfo .x, .list .jt1, .list .tc .jt2, .list .tc .tit2 .close, .helpList .h1, .helpList .h2, .helpList .h3, .help .con .phone, .studyCha .list .ico1, .studyCha .list .ico2, .studyCha .list .ico3, .teacherList .pic .bf1, .teacherList .pic .con .num,.teacherList .pic .bf2,
.lb .left .nr02-left, .lb .left .nr02-center, .newsHot .list .tit h3, .title02 h3, .floatCtro .fct{ background:url("/images/2016jxjy/zkzc/ico.png") no-repeat;}
.title{ height:39px; border-bottom:1px solid #cfd7e5;}
.title ul{ float:left;}
.title li{ float:left; display:inline; line-height:36px; font-size:20px; padding:0 10px 0 0; margin:0 36px 0 0; cursor:pointer;}
.title li.on{ border-bottom:4px solid #fc9726;}
.title .c1{ border-bottom:4px solid #07bdc7;}
.title .c2{ border-bottom:4px solid #07bdc7;}
.title .more{ float:right; font-size:14px; color:#909090; line-height:39px;}
.title .more a{ color:#909090;}

.title02{ height:46px; border-bottom:1px solid #cfd7e5;}
.title02 h3{ float:left; display:inline; line-height:42px; font-size:20px; padding:0 10px 0 0; margin:0 36px 0 0; cursor:pointer; border-bottom:5px solid #07bdc7; background-position:1px -918px; padding:0 0 0 40px;}
.title02 .back{ float:right; }
.title02 .back .a1{ display:inline-block; width:116px; height:38px; line-height:38px; text-align:center; font-size:14px; color:#fff; text-decoration:none; background:#fc9726; border-radius:5px;}
.title02 .back .a1:hover{ background:#fa8a0e;}
/**/
.topNav{ height:114px;}
.topNav .logo{ float:left; width:140px; height:56px; background:url("/images/2016jxjy/zkzc/logo.png") no-repeat 0 15px; margin:28px 0 0 0;}
.topNav .logo a{ display:block; width:140px; height:56px; line-height:0; font-size:0;}
.topNav h1{ float:left; font-size:22px; line-height:114px; color:#07bdc7; padding:0 0 0 20px;}
.topNav h1 a{ color:#07bdc7;}
.topNav .navInfo{ float:right; padding:45px 0 0 0;}
.topNav .navInfo li{ display:inline-block; display:inline; *zoom:1; padding:0 12px; position:relative; height:22px; line-height:22px; color:#676767;font-size:14px;}
.topNav .navInfo li a{ color:#676767; }
.topNav .navInfo .x{ width:1px; height:13px;  position:absolute; right:-2px; top:5px; background-position:0 -725px;}

/**/
.headerWrap{ width:100%; height:284px; background:url("/images/2016jxjy/zkzc/header.jpg") no-repeat center top;}
.header{ height:284px;}
.header .tex1{ width:483px; height:102px;  background:url("/images/2016jxjy/zkzc/tex1.png") no-repeat; position:absolute; left:120px; top:40px; -webkit-animation-name: zoomInDown; animation-name: zoomInDown;}
.header .tex2{ width:507px; height:119px;  background:url("/images/2016jxjy/zkzc/tex2.png") no-repeat; position:absolute; left:106px; top:110px; -webkit-animation-name: zoomInDown; animation-name: zoomInDown;}
.header .tex3{ width:586px; height:110px;  background:url("/images/2016jxjy/zkzc/tex3.png") no-repeat; position:absolute; left:64px; top:45px; -webkit-animation-name: zoomInDown; animation-name: zoomInDown;}
.header .ren{ width:444px; height:284px;  background:url("/images/2016jxjy/zkzc/ren.png") no-repeat; position:absolute; right:80px; top:0px; -webkit-animation-name: bounceInRight; animation-name: bounceInRight;}
.animated{ -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both;}
.animated2{ -webkit-animation-duration:2s; animation-duration:2s; -webkit-animation-fill-mode:both; animation-fill-mode:both;}
@keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}
@keyframes bounceInRight {
    from { opacity: 0;  -webkit-transform: translate3d(0, 50%, 0);  transform: translate3d(50%, 0, 0);  }
    to {  opacity: 1;  -webkit-transform: none;  transform: none;  }
}

/**/
.tabs{ float:left; width:796px;}
.tabsCon{ display:none;}
.tabs .zhukuai{}
.tabs .zhukuai .tit1{ line-height:32px; padding:10px 0; font-size:16px;}
.tabs .zhukuai .list{ width:100%;}
.tabs .zhukuai .list li{ float:left; display:inline; border-top:2px solid #fff; border-right:2px solid #fff; width:131px; height:46px; line-height:46px; text-align:center;background:#eef9fe; position:relative; cursor:pointer;}
.tabs .zhukuai .list li .jt1{ display:none; width:8px; height:5px; background-position:0 -177px; position:absolute; top:22px; right:17px;}
.tabs .zhukuai .list li:hover{ color:#01b2bc;}
.tabs .zhukuai .list li.cur{ color:#01b2bc;}
.tabs .zhukuai .list .tex{ display:inline-block;width:131px; height:46px;}
.tabs .zhukuai .list .tc{  display:none; width:204px; border:1px solid #07bdc7; position:absolute; left:50px; top:40px; background:#fff; z-index:9;}
.tabs .zhukuai .list .tc .jt2{ display:block; width:15px; height:6px; background-position:0 -188px; position:absolute; left:52px; top:-6px;}
.tabs .zhukuai .list .tc .tit2{ height:30px; line-height:30px; background:#07bdc7;}
.tabs .zhukuai .list .tc .tit2 .close{ float:right; display:inline; margin:10px 10px 0 0; width:10px; height:10px; background-position:0 -201px; cursor:pointer;}
.tabs .zhukuai .list .tc .nr{ text-align:center; line-height:48px; text-align:center; font-size:14px;}
.tabs .zhukuai .list .tc .nr a{ color:#07bdc7; margin:0 10px;}
.tabs .zhukuai .list .none{ border-right:0;}
.tabs .zhukuai .list .clo{ background:#e2f4ff;}
.tabs .zhukuai .list02 li{ width:264px; height:70px; line-height:70px;}
.tabs .zhukuai .list02 .tex{ width:264px; height:70px;}
.tabs .zhukuai .list02 .w1{ width:397px;}
.tabs .zhukuai .list02 .w1 .tex{ width:397px;}
.tabs .zhukuai .list02 li .jt1{ right:79px; top:33px;}
.tabs .zhukuai .list02 .tc{ left:120px; top:50px;}
.tabs .zhukuai .list02 .w1 .tc .jt2{ left:185px;}
.tabs .zhukuai .list02 .link1{ display:block; width:264px; height:70px;}
.tabs .zhukuai .list02 .link2{ display:block; width:397px; height:70px;}
/**/
.help{ float:right; width:360px;}
.help .con{}
.help .con .helpList{ margin:20px 0;}
.help .con .helpList li{ float:left; width:119px; height:94px; border:1px solid #e8eaf0; margin-left:-1px; text-align:center; line-height:26px;}
.help .con .helpList i{ display:inline-block; width:30px; height:30px; margin:20px 0 0;}
.help .con .helpList .h1{ background-position:-1px 2px;}
.help .con .helpList .h2{ background-position:0 -39px;}
.help .con .helpList .h3{ background-position:0 -81px;}
.help .con .helpList li a{ text-decoration:none;}
.help .con .helpList .dh1{ animation:xuanzhuan 1s linear 0s;}
.help .con .helpList .dh2{ animation:swing 1s linear 0s;}
@keyframes xuanzhuan{
    0%
        {transform:rotate(0deg)}
    50%
        {transform:rotate(180deg)}
    100%
        {transform:rotate(360deg)}
}
.help .con .phone{ height:60px; background-color:#f8f8f8; background-position:40px -111px;}
.help .con .phone p{ padding:8px 0 0 125px; font-size:14px; line-height:22px; color:#8c8d8d;}
@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}


/**/
.studyChaWrap{ width:100%; height:377px; background:url("/images/2016jxjy/zkzc/bg1.jpg") no-repeat right top #fafafa; padding:25px 0 0 0;}
.studyCha{}
.studyCha .tit{ font-size:14px; color:#8c8d8d; line-height:24px; padding:20px 0;}
.studyCha .list{}
.studyCha .list li{ float:left; display:inline; margin:0 117px 0 0; width:210px; height:179px; border-top:1px solid #07bdc7; position:relative;}
.studyCha .list .tp{ height:135px; z-index:99; position:relative; background:#fff; text-align:center; display:block;}
.studyCha .list .ewm{ display:inline-block; margin:18px 0 0 0;}
.studyCha .list .ico{ display:inline-block; width:76px; height:76px; margin:30px 0 0 0;}
.studyCha .list .ico1{ background-position:7px -223px;}
.studyCha .list .ico2{ background-position:12px -309px;}
.studyCha .list .ico3{ background-position:6px -401px;}
.studyCha .list li.on .ico{animation:swing 1s linear 0s;}
.studyCha .list p{ height:46px; line-height:46px; text-align:center; background:#07bdc7; font-size:14px; color:#fff; z-index:99; position:relative;}
.studyCha .list .bg{ width:210px; height:180px; background:url("/images/2016jxjy/zkzc/bg2.gif") no-repeat; position:absolute; right:-10px; bottom:-10px; z-index:9;}
.studyCha .list a{ text-decoration:none;}
.studyCha .list .none{ margin:0;}

/**/
.freeaudition{}
.freeaudition .teacherList{ padding:30px 0 20px 0;}
.freeaudition .teacherList li{ float:left; display:inline; margin:0 19px 0 0; _margin:0 17px 0 0; width:283px; height:336px; border:1px solid #d3d3d3;}
.freeaudition .teacherList .pic{ width:283px; height:187px; position:relative;}
.freeaudition .teacherList .pic .bf1{ display:block; width:50px; height:50px; background-position:0 -763px; position:absolute; top:63px; left:116px;}
.freeaudition .teacherList .pic .con{ display:none; width:228px; height:117px; z-index:1; position:absolute; left:0; bottom:0; background-color:#000; filter:alpha(opacity=70); opacity:0.7; padding:70px 0 0 55px;}
.freeaudition .teacherList .pic .con h4{ font-size:14px; line-height:22px;color:#fff;}
.freeaudition .teacherList .pic .con p{ padding:6px 0; line-height:18px;color:#fff;}
.freeaudition .teacherList .pic .con .num{ padding:0 0 0 20px;color:#fff; background-position:0 -833px;}
.freeaudition .teacherList .pic .a2{ display:block; width:284px; height:187px;  position:absolute; left:0; top:0; z-index:9}
.freeaudition .teacherList .pic .bf2{ display:block; width:29px; height:29px; background-position:0 -873px; position:absolute; left:15px; top:66px;}
.freeaudition .teacherList .tex{ line-height:26px; padding:15px 0 15px 12px;}
.freeaudition .teacherList .tex h3{ color:#07bdc7;}
.freeaudition .teacherList .tex p{color:#333;}
.freeaudition .teacherList .btn{ text-align:center;}
.freeaudition .teacherList .btn .a1{ display:inline-block; width:157px; height:37px; line-height:37px; text-align:center; font-size:16px; color:#fff; background:url("/images/2016jxjy/zkzc/btn.png") no-repeat; text-decoration:none;}
.freeaudition .teacherList .btn .a1:hover{ background:url("/images/2016jxjy/zkzc/btn.png") no-repeat 0 -37px;}
.freeaudition .teacherList .none{ margin:0;}
.freeaudition .lb{ overflow:hidden; clear:both;}
.freeaudition .lb .left{ width:560px;}
.freeaudition .lb .left .nr02{ overflow:hidden; clear:both; height:46px; line-height:46px; font-size:14px; border-bottom:1px dotted #d3d3d3;}
.freeaudition .lb .left .nr02-left{ width:385px; height:46px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-left:25px; background-position:0 -574px;}
.freeaudition .lb .left .nr02-right{ width:75px; background-position:0 -373px; text-align:right; padding:0 10px 0 0;}
.freeaudition .lb .left .nr02-right a{ color:#07bdc7;}
.freeaudition .lb .left .nr02-center{ width:35px; padding-left:25px; background-position:0 -615px;}
.freeaudition .lb .center{ width:80px; height:140px; background:url(/images/2016jxjy/zkzc/hjxjy_09.jpg) no-repeat center;}

/**/
.newsHotWrap{ width:100%; background:#fafafa; padding:20px 0;}
.newsHot{ padding:20px 0 0 0;}
.newsHot .list{ float:left; display:inline; width:365px; margin:0 52px 0 0;}
.newsHot .list .tit{ height:34px; border-bottom:1px solid #cfd7e5;}
.newsHot .list .tit h3{ float:left; font-size:16px; height:32px; line-height:32px; border-bottom:2px solid #07bdc7; padding:0 15px 0 30px; background-position:0 -677px;}
.newsHot .list .listNews{}
.newsHot .list li{ height:40px; line-height:40px; overflow:hidden; border-bottom:1px dashed #e7e7e7; padding:0 0 0 5px; font-size:14px;}
.newsHot .list .pic{ width:365px; height:130px; margin:20px 0 0 0; overflow:hidden; position:relative;}
.newsHot .list .pic img{ display:block; width:365px; height:130px; position:absolute; margin:-65px 0 0 -182.5px; top:50%; left:50%; z-index:1;}
.newsHot .none{ margin:0;}

/**/
.coures{ padding:22px 0;}
.coures .biaoge{ width:100%; border-bottom:1px solid #aadcff; border-left:1px solid #aadcff; text-align:center; font-size:14px; color:#8c8d8d;}
.coures .biaoge td{ height:28px; line-height:28px; padding:10px; border-top:1px solid #aadcff; border-right:1px solid #aadcff;}
.coures .biaoge .t1{ background:#e2f4ff; color:#07bdc7; font-size:16px;}
.floatCtro { display:none; width:38px; border: 1px solid #ededed; background-color: #f9f9f9; position:absolute; left:50%; top:0; margin-left: -660px; z-index:100 }
.floatCtro .fct{ width: 38px; height: 30px; background-position: 10px -969px;}
.floatCtro p { text-align:center; line-height:18px; padding: 5px 0; cursor:pointer; border-bottom: 1px dotted #ddd; color:#666;}
.floatCtro p:hover { color:#01b2bc;}
.floatCtro p.cur { background:#fff; color:#01b2bc;}