@keyframes ballScale {
    0% { box-shadow:0 0 0 8px rgba(255,244,142,.3); }
    100% { box-shadow:0 0 0 12px rgba(255,244,142,.8); }
}
@keyframes float01 {
    0% { transform: translateX(0); }
    100% { transform: translateX(50px); }
}
@keyframes float02 {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50px); }
}
@keyframes float03 {
    0% { transform: scale(1); opacity: 1; }
    100% { transform: scale(.8); opacity: .5; }
}
@keyframes float04 {
    0% { box-shadow: 0 0 0 4px rgba(35,145,224,.2); }
    100% { box-shadow: 0 0 0 6px rgba(35,145,224,.4); }
}
.zy_b{
    display: block;
    width: 100%;
    height: 850px;
    background: url(http://old.edulxw.cn/lxzt/images/zyb.png) no-repeat center top;background-size: cover; 
    position: relative;
    overflow: hidden;
}

.title {
    margin:120px auto 0px;
    text-align: center;
}
.title h3 {
    display:inline-block;
    color: #0a0a0a; 
    font-size:42px; 
    line-height: 80px;
}
.titL,
.titR {
    position: relative; display:inline-block; width:80px; height: 60px; vertical-align: top;
    /*background: url(../images/pic00.png) no-repeat center;*/
}
.titR {
    /*background-image: url(../images/pic01.png);*/
}
.titL i,
.titR i {
    position: absolute; top:33px; left:0;
    display: block; width:20px; height: 20px;
    background: #c70100; border-radius:100%;
    animation: float01 1.9s .5s ease-in infinite alternate;
}
.titR i {
    left:auto; right:0;
    animation-name: float02;
}
.title h4 {
    font-size:28px; line-height: 50px;
}
.title h4:before,
.title h4:after {
    content: " "; display: inline-block; width:50px; height: 2px; vertical-align: middle;
    background: #333;
}
.ul_zl{
    display: block;
    clear: both;
    width: 1200px;
    height: 300px;
    margin: 0 auto;
    margin-top: 100px;
}
.ul_zl li{
    display: block;
    width: 210px;
    height: 210px;
    float: left;
    background: #e21011;
    border-radius:10px;
    position: relative;
}
.ul_zl li p{
    display: block;
    clear: both;
    width: 88px;
    height: 88px;
    border: 4px solid #c40100;
    position:  absolute;
    top: -48px;
    left: 57px;
    border-radius:50px;
    background: #fff;
    line-height: 88px;
    color: #c40100;
    font-size: 55px;
}
.ul_zl li span{
    display: block;
    padding-top: 70px;
    text-align: center;
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    letter-spacing: 2px;
}
.ul_zl li a{
    display: block;
    width: 120px;
    height: 37px;
    background: #fec045;
    border-radius:20px;
    margin: 20px auto;
    text-align: center;
    line-height: 37px;
    font-size: 18px;
    color: #c70102;
    font-weight: 600;
    letter-spacing: 1px;
    transition: all 0.3s; 
}
.ul_zl li a:hover{
    transform: scale(1.1);
}

.xtb{
    display: block;
    clear: both;
    width: 100%;
    padding-bottom: 20px;
        margin-bottom: 30px;
    border-bottom:1px dashed #ccc;
    text-align:justify;
}
.xtb p{
    display: block;
    clear: both;
    width: 100%;
    line-height: 24px;
    font-size: 24px;
    color: #c80100;
    margin-bottom: 10px;
}
.xtb p b{
    display: block;
    float: left;
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 30px;
    background: #c80100;
    text-align: center;
    color: #fff;
     border-radius:24px;
     font-size: 18px;
     margin-right: 10px;
}
.xtb span{
    display: block;
    clear: both;
    line-height: 30px;
    font-size: 20px;
     text-indent:34px;
     color: #000;
    
}
.kc_zx{
    display: block;clear: both;width: 550px;margin: 0 auto;line-height: 50px; text-align: center;margin-top: 45px;
}
.kc_zx a{
    display: block;width: 175px;height: 50px; border-radius:30px; background: linear-gradient(0,#c40b0d,#fd1013);font-size: 22px;color:#fff;
        -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.kc_zx a:hover{
    background: linear-gradient(0,#b41718,#d80c0f);
        transform: translateY(-6px);
    -webkit-transform: translateY(-6px);
    -moz-transform: translateY(-6px);
    box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.3);
    -webkit-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.3);
    -moz-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.3);
}
.silder-button {
    top: 173px;
    width: 25px;
    height: 54px;
    position: absolute;
    cursor: pointer;
}
.silder-button.btl{left:0px;background:url(/zt/images/bl.png);}
.silder-button.btr{right:0px;background:url(/zt/images/br.png);}