.line{
    width:60px;
    height:7px;
    background-color:#ffb63b;
    margin:0 auto 20px;
}
.f20{
    font-size:20px;
    line-height:32px;
    text-align: center;
    margin-bottom:44px;
}
.f_z{
    margin:0 auto 40px;
    width: 1040px;
}
.f_z li{
    box-sizing: border-box;
    width: 234px;
    height:234px;

    float: left;
    margin:0 13px;
    text-align: center;
    position:relative;
    perspective: 800px;
}
.f_z li h2{
    font-size: 36px;
}
.f_z li p{
    font-size: 24px;
}

.courseBefore{
    box-sizing: border-box;
    border-radius:234px;
    width: 234px;
    height:234px;
    border:8px solid #ffd52b;
    padding-top:60px;
    text-align: center;
    position:absolute;top:0;left:0;
    transition: .8s;
    backface-visibility: hidden;
}
.courseAfter{
    position:absolute;top:0;left:0;width:234px;height:234px;
    backface-visibility: hidden;
    transition:.8s;
    transform: rotateY(-180deg);
}
.f_z li:hover .courseBefore{
    transform: rotateY(180deg);
}
.f_z li:hover .courseAfter{
    transform: rotateY(0deg);
}
.bg1{background:url("../images/yjjzPC_04.png") no-repeat;}
.bg2{background:url("../images/yjjzPC_06.png") no-repeat;}
.bg3{background:url("../images/yjjzPC_08.png") no-repeat;}
.bg4{background:url("../images/yjjzPC_10.png") no-repeat;}
.color_1 h2{color:#ea1b65}  .color_1 p{color:#353535}
.color_2 h2{color:#1b9aea}  .color_2 p{color:#353535}
.color_3 h2{color:#ffb63b}  .color_3 p{color:#ffb63b}
.color_4 h2{color:#ea1b1b}  .color_4 p{color:#353535}
.f34{
    font-size: 34px;
    text-align: center;
}
.f24{
    font-size: 24px;
    text-align: center;
    padding-bottom:65px;
}
.bg_f2f2f2{
    background-color:#f2f2f2;
}
.sub_tt{
    font-size: 34px;text-align: center;
    line-height:120px;
}
.w_1185{
    width: 1185px;
    margin:0 auto;
    position:relative;
    z-index: 10;
}
.w_1185 .line{
    position:absolute;
    top:20px;
    left:21px;
    height:820px;
    width: 2px;
    background-color: #ff6e01;
    z-index: -1;
}
.w_1185 .x_left{
    width:43px ;
    height: 43px;
    border-radius:43px;
    background-color: #ff6e01;
    color:#fff;
    font-size: 24px;
    text-align: center;
    line-height:43px;
    margin-top:16px;
}
.w_1185 .x_right{
    box-sizing: border-box;
    width:1104px;
    background-color: #fff;
    padding:32px 66px 34px;
    margin-bottom:44px;
}
.yj_hint{
    float:left;
    width: 420px;
}
.yj_hint h4{
    width: 342px;
    font-size:28px;
    border-bottom:1px solid #bfbfbf;
    margin-bottom:26px;
    line-height:68px;
}
.yj_hint p{
    font-size: 16px;
    line-height:26px;
    margin-bottom:24px;
}
.yj_hint span{
    font-size: 14px;
    color:#ff1f1f;
}
.bd{
    float: right;
    width: 513px;
}
.bd label{
    display: inline-block;
    width: 120px;
    font-size:18px;
    text-align: right;
    margin-right:12px;
    line-height:45px;
    color:#535353;
}
.bd input{
    box-sizing: border-box;
    padding-left:10px;
    width: 362px;
    line-height:45px;
    border:1px solid #535353
}
.bd input[type="submit"]{
    border:none;
    background-color: #ff1f1f;
    color:#fff;
    font-size:20px;
}
.bd form div{
    margin-bottom:20px;
}
.img{
    clear:left;
    margin-bottom:16px;
}
.img img{
    margin-right:10px;
}
.f18{
    font-size: 18px;
    line-height:28px;
    margin-bottom:18px;
}
.f18 span{
    color:#ff1f1f;
}
.cy{
    width: 342px;
    height:45px;
    display: block;
    margin:0 auto;
    font-size: 24px;
    color:#fff;
    background-color: #ff1f1f;
    border: none;
    outline: none;
}

.zet_a1p1 {
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    padding: 30px 0;
}
.bw {
    width: 1201px;
    margin: 0 auto;
}
.zet_a1p1sp1 {color: red;}
#demo{height:345px;text-align:center;overflow:hidden;background:#fff;border:1px solid #ebebeb}
.md{margin-top:20px}
.md p{background:#305cbf;padding:10px 0;color:#fff}
.md p span{padding:10px 59px;font-size:22px;text-align:center;font-weight:bold}
#demo1 td{width:1%;height:35px;}
#demo2 td{width:1%;height:35px;}