html,body{
      margin: 0;
      padding: 0;
      position: relative;
   	  font-size: 12px;
    }
    .home_page{
      background-image:url('../../img/bgimg/bgimg4.png');
      background-repeat:no-repeat;
      background-size:100% 100%;
      -moz-background-size:100% 100%;
      width: 100%;
      height: 100%;
      max-width: 640px;
      max-height: 1008px;
      margin: 0 auto;
      box-shadow: 0 0 70px #000;
      position: relative;
      box-sizing: border-box;
      overflow:hidden;
       }
    
      
 .ZYGW{
    width: 100%;
    height: 44px;
    max-width: 640px;
    box-sizing: border-box;
    position: fixed;
    top: 0px;
    padding: 5px;
    background: rgba(0, 0, 0, 0.7);
    z-index: 99;
    animation:mymove 2s 1;
    -webkit-animation:mymove 2s 1;
}
@keyframes mymove {
    from {top:-80px;}
    to {top:0px;}
}
@-webkit-keyframes mymove {
    from {top:-80px;}
    to {top:0px;}
}
.ZYGW-user{
    float: left;
    width: 50%;
}
.head_img{
    width: 32px;
    height: 32px;
    border: 1px solid #eee;
    background-image: url("../../img/zygw/0.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    position: relative;
    float: left;
}
.head_img:after{
    content: '';
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    bottom: -2px;
    right: -3px;
    background-image: url('../../img/zygw/V.png');
    background-repeat: no-repeat;
    background-size: cover;
}
.ZYGW-info{
    width: 8rem;
    height: 32px;
    border-left: 1px solid #aaa;
    float: left;
    left: 5px;
    margin-left: 5px;
    font-family: "Fira Sans", "Helvetica Neue", Arial, sans-serif;
    text-align: center;
 	font-size:12px;
}
.ZYGW-user .ZYGW-info>span{
    display: block;
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    margin-left: 10px;
    color: #fff;
  	text-align: left;
}
.ZYGW-user .ZYGW-info .ZYGW-name{
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 1px;
  	overflow: hidden;
}
.ZYGW-main{
    float: right;
}
.ZYGW-main:after{
    content: '';
    height: 0;
}
.ZYGW-main hr{
    box-sizing: border-box;
    float: left;
    display: block;
    width: 1px;
    height: 15px;
    margin: 7px 5px;
    background-color: #fff;
}
.ZYGW-main li{
    float: left;
    height: 32px;
    width: 32px;
    transform: scale(1.4);
}
.ZYGW-main li a{
    display: block;
    width: 100%;
    height: 100%;
}
.icon1{
    background-image: url("../../img/zygw/menu.png");
    background-repeat: repeat;
    background-size: 256px;
    background-position: 0 160px;
}
.icon2{
    background-image: url("../../img/zygw/menu.png");
    background-repeat: repeat;
    background-size: 256px;
    background-position: -32px 160px;
}
.icon3{
    background-image: url("../../img/zygw/menu.png");
    background-repeat: repeat;
    background-size: 256px;
    background-position: -64px 160px;
}
.ZYGW-wximg{
    width: 100%;
    height: 100%;
    position: relative;
    background-color: rgba(0,0,0,0.8);
    z-index: 9998;
    display: none;
}
.zhezhao1{
    width: 200px;
    height: 300px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -100px;
    margin-top: -200px;
}
.ZYGW-wximg-tip{
    display: block;
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #fff;
    margin-top: 10px;
}
.ZYGW-qyinfo{
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .7);
    position: relative;
    top: 0;
    left: 0;
    z-index: 9999;
    display: none;
}
.zhezhao2{
    width: 90%;
    height: 90%;
    max-width: 400px;
    background: #fff;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    font-size: 12px;
    border-radius: 5px;
}
.info-main{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    overflow-y: scroll;
    overflow-x: hidden;
    border-radius: 5px;
}
.zhezhao2 img{
    width: 100%;
    display: block;
}
.x-info{
    width: 30px;
    height: 20px;
    position: fixed;
    right: 3%;
    top: 5%;
    color: #000;fff
    text-align: center;
    font-size: 20px;
    font-family: '微软雅黑';
}
    img {
      width: 100%;
    }
    .xjy_logo{
      width: 100%;
      height: 15%;
      position: relative;
      top: 5%;
    }
    /*右边菜单淡入*/
    .fade-in-right1 {
      transition: 1s;
      opacity: 1 !important;
      right: 5% !important;
    }
    .fade-in-right2 {
      transition: 1.5s;
      opacity: 1 !important;
      right: 5% !important;
    }
    .fade-in-right3 {
      transition: 2.0s;
      opacity: 1 !important;
      right: 5% !important;
    }
    .fade-in-right4 {
      transition: 2.5s;
      opacity: 1 !important;
      right: 5% !important;
    }
    .fade-in-right5 {
      transition: 3.0s;
      opacity: 1 !important;
      right: 5% !important;
    }
       .btn_right{
        position: absolute;
          top: 25%;
          right: 5%;
          height: 150px;
          width: 30px;
       }
       .btn_right li{
          width: 25px;
          height: 25px;
          margin-top: 20px;
        opacity: 0;
       }
     .btn_right li a{
       width: 100%;
       height: 100%;
     }
    /*下边菜单淡入*/
     .line{
      width: 80%;
      height: 1px;
        margin-left: 10%;
      background-color: #fffad1;
        opacity: 0.7;
        position: absolute;
        top: 75%;
    }
       .btn_bottom, .btn_bottom1 {
          width: 80%;
        padding: 0 10%;
        position: absolute;
        bottom: 13%;
       }
     .btn_bottom1{
      bottom: 2%;
    }
       .btn_bottom li, .btn_bottom1 li {
        float: left;
          width: 15%;
          height: 11%;
      padding: 0px 5%;
        box-sizing: content-box;
       }
     .btn_bottom li a, .btn_bottom1 li a {
       display: block;
       width: 100%;
       height: 100%;
     }
     .bird {
       width: 100%;
       height: 40%;
       opacity: 0;
     }
     .bird_show{
       transition: 3s;
       opacity: 1 ;
    }
       .text {
      width: 100%;
      height: 67%;
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;
    }
       .slogan{
            width: 100%;
            height: 20px;
            position: absolute;
            top: 62%;
            text-align: center;
            font-family:"Adobe 宋体 Std L";
            font-size: 12px;
            color: #f4e2c4;
        }
       .quan{
            position: absolute;
       width: 60px;
       height: 8px;
       top: 68%;
       left: 50%;
       margin-left: -30px;
        }
     
       .text_show{
      transition: 5s;
      opacity: 1 ;
    }
       .voice {
            background-image: url(../../img/btn/voice.png);
            background-size: 25px 25px;
            background-position: 0px 0px;
        }
       .phone{
            -webkit-animation: Tada 3s both infinite;
            -moz-animation: Tada 3s both infinite;
            -ms-animation: Tada 3s both infinite;
            animation: Tada 3s both infinite;
    }

        @-webkit-keyframes Tada{
            0% {
                -webkit-transform: scale(1);
                transform: scale(1)
            }
            70%,73% {
                -webkit-transform: scale(0.9) rotate(-3deg);
                transform: scale(0.9) rotate(-3deg)
            }
            77%,83%,90%,97% {
                -webkit-transform: scale(1.1) rotate(3deg);
                transform: scale(1.1) rotate(3deg)
            }
            80%,87%,93% {
                -webkit-transform: scale(1.1) rotate(-3deg);
                transform: scale(1.1) rotate(-3deg)
            }
            100% {
                -webkit-transform: scale(1) rotate(0);
                transform: scale(1) rotate(0)
            }
        }

        @-moz-keyframes Tada{
            0% {
                -moz-transform: scale(1);
                transform: scale(1)
            }
            70%,73% {
                -moz-transform: scale(0.9) rotate(-3deg);
                transform: scale(0.9) rotate(-3deg)
            }
            77%,83%,90%,97% {
                -moz-transform: scale(1.1) rotate(3deg);
                transform: scale(1.1) rotate(3deg)
            }
            80%,87%,93%{
                -moz-transform: scale(1.1) rotate(-3deg);
                transform: scale(1.1) rotate(-3deg)
            }
            100% {
                -moz-transform: scale(1) rotate(0);
                transform: scale(1) rotate(0)
            }
        }

        @-ms-keyframes Tada {
            0% {
                -ms-transform: scale(1);
                transform: scale(1)
            }
            70%,73% {
                -ms-transform: scale(0.9) rotate(-3deg);
                transform: scale(0.9) rotate(-3deg)
            }
            77%,83%,90%,97% {
                -ms-transform: scale(1.1) rotate(3deg);
                transform: scale(1.1) rotate(3deg)
            }
            80%,87%,93% {
                -ms-transform: scale(1.1) rotate(-3deg);
                transform: scale(1.1) rotate(-3deg)
            }
            100% {
                -ms-transform: scale(1) rotate(0);
                transform: scale(1) rotate(0)
            }
        }

        @keyframes Tada {
            0% {
                transform: scale(1);
                transform: scale(1)
            }
            70%,73%{
                transform: scale(0.9) rotate(-3deg);
                transform: scale(0.9) rotate(-3deg)
            }
            77%,83%,90%,97%  {
                transform: scale(1.1) rotate(3deg);
                transform: scale(1.1) rotate(3deg)
            }
            80%,87%,93%{
                transform: scale(1.1) rotate(-3deg);
                transform: scale(1.1) rotate(-3deg)
            }
            100% {
                transform: scale(1) rotate(0);
                transform: scale(1) rotate(0)
            }
        }