/* 
* @Author: shmizy
* @Date:   2019-06-22 13:55:37
* @Last Modified by:   shmily
* @Last Modified time: 2019-06-25 17:02:26
*/
.main_bg{
    width: 100%;
    height: 960px;
    background: url(http://i3.gbimg.cn/zt/2019/06/24/zy_bg.jpg) no-repeat center top;
    position: relative;
    left: 0;
}
.zf_plan{
    width: 100%;
    height:960px;
    overflow: hidden;   
}
.zf_x{
    width:96%;
    height: 1014px;
    background:url(http://i3.gbimg.cn/zt/2019/06/24/zy_x.png) no-repeat;
    position: absolute;
    bottom: 0;
    left:50%;
    margin-left:-892px;
    z-index: 10;
}
.zf_peo{
    width: 100%;
    height:960px;
    overflow: hidden;
    background:url(http://i3.gbimg.cn/zt/2019/06/24/zy.png?id=1) no-repeat center left;
    padding-top:170px;
}
.zf_cont{
    width: 500px;
    height: 800px;
    position: absolute;
    right: 100px;
    top:80px;
}
.zf_cont .zf_p1{
    width: 40px;
    height: 429px;
    background:url(http://i3.gbimg.cn/zt/2019/06/24/zy_p1.png) no-repeat;
    float: left;
    margin-right: 16px;
    animation: fadeInTop 2s 3.4s 1 both    
}
.zf_cont .zf_p2{
    width: 24px;
    height: 422px;
    background:url(http://i3.gbimg.cn/zt/2019/06/24/zy_p3.png) no-repeat;
    float: left;
    margin-right: 16px;
    animation: fadeInTop 2s 2.7s 1 both
}
.zf_cont .zf_p3{
    width: 23px;
    height: 430px;
    background:url(http://i3.gbimg.cn/zt/2019/06/24/zy_p2.png) no-repeat;
    float: left;
    animation: fadeInTop 2s 2s 1 both   
}
@keyframes fadeInTop{
    0% {
        opacity: 0;
        transform: translate3d(0, 0 0)
    }

    100% {
        opacity: 1;
        transform: none
    }
}
@-moz-keyframes fadeInTop{
    0% {
        opacity: 0;
        transform: translate3d(0, 0 0)
    }

    100% {
        opacity: 1;
        transform: none
    }
}
@-webkit-keyframes fadeInTop{
    0% {
        opacity: 0;
        transform: translate3d(0, 0 0)
    }

    100% {
        opacity: 1;
        transform: none
    }
}
@-o-keyframes fadeInTop{
    0% {
        opacity: 0;
        transform: translate3d(0, 0 0)
    }

    100% {
        opacity: 1;
        transform: none
    }
}
.zf_cont .r_zf{
    width: 330px;
    height: 480px;
    position: absolute;
    top:0;
    right: 0;
}
.zf_cont .r_zf .zf_name{
    width: 275px;
    height: 448px;
    background: url(http://i3.gbimg.cn/zt/2019/06/24/zy_name.png) no-repeat;
    float: left;
   animation: fadeInTop 1.5s 1.5s 1 both 
}

.zf_cont .r_zf .zf_zp{
    width: 51px;
    height: 241px;
    background: url(http://i3.gbimg.cn/zt/2019/06/24/btl.png) no-repeat;
    float: left;
   animation: fadeInTop 1s 1s 1 both
}

.zf_cont .zf_jie{
    width: 490px;
    height: 310px;
    position: absolute;
    left:0;
    bottom: 0;
    z-index: 12;
    animation: fadeOut 2s 0.6s 1 both;
}
@keyframes fadeOut {
    0% {
        opacity: 0;
        transform: translate3d(0, 0, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}
@-webkit-keyframes fadeOut {
    0% {
        opacity: 0;
        transform: translate3d(0, 0, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}
@-moz-keyframes fadeOut {
    0% {
        opacity: 0;
        transform: translate3d(0, 0, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}
@-o-keyframes fadeOut {
    0% {
        opacity: 0;
        transform: translate3d(0, 0, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}
.zf_cont .zf_jie .zf_btn{
    width: 164px;
    height: 310px;
    float: left;
}
.zf_cont .zf_jie .zf_btn .zf1{
    width: 164px;
    height: 164px;
    background:url(http://i3.gbimg.cn/zt/2019/06/24/zy1.png) no-repeat;
    display: block;
}
.zf_cont .zf_jie .zf_btn .zf1.on{
    background:url(http://i3.gbimg.cn/zt/2019/06/24/zy1_on.png) no-repeat;
    position: relative;
    z-index: 2;
}
.zf_cont .zf_jie .zf_btn .zf2{
    width: 164px;
    height: 164px;
    background:url(http://i3.gbimg.cn/zt/2019/06/24/zy2.png) no-repeat;
    display: block;
    margin-top:-24px;
}
.zf_cont .zf_jie .zf_btn .zf2.on{
    background:url(http://i3.gbimg.cn/zt/2019/06/24/zy2_on.png) no-repeat;
    position: relative;
    z-index: 2
}
.zf_cont .zf_jie .zf_c{
    width: 320px;
    height: 260px;
    float: left;
}
.zf_cont .zf_jie .zf_c .zf_r_c{
    display: none;
    padding-left: 20px;
    margin-top:40px;
    animation: fadeInRight1 .8s .2s 1 both;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}
.zf_cont .zf_jie .zf_c .zf_r_c .zf_wg_p{
    width: 280px;
    line-height: 30px;
    font-size: 16px;
    color:#d8cfad;
    overflow: hidden;
}
.zf_cont .zf_jie .zf_c .zf_r_c .zf_line{
    width: 160px;
    height: 1px;
    background:#76694c;
    margin-top:16px; 
}