@charset "utf-8";
html,body{
    height: auto;
}
body{
    overflow-y: auto;
}
 /* 内容区 */
.container{
    width: 100%;
    height: auto;
    /* padding-bottom:1.2rem; */
    overflow: hidden;
    margin: 0 auto;
}
.section1{
    position: relative;
    width: 19.2rem;
    height: 9.26rem;
    margin: 0 auto;
    background: url(../images/gm/new0929/bg1.jpg) no-repeat 50%;
    background-size: cover;
    padding-top: .9rem;
    box-sizing: border-box;
}
.theme_img{
    width: 7.1rem;
    height: 2.41rem;
    background: url(../images/gm/new0929/theme1.png) no-repeat 50%;
    background-size: contain;
    margin: 0 auto ;
}
/* 第一个轮播 */
.tab_swiper{
    position: absolute;
    top: 2.9rem;
    left: 50%;
    transform: translateX(-50%);
    width: 13.04rem;
    height: 6.72rem;
    background: url(../images/gm/new0929/banner1-bg.png) no-repeat 50%;
    background-size: contain;
}
.swiper-container.zs-swiper{
    width: 11.94rem;
    height: 5.62rem;
    margin:0 auto;
    margin-top: .41rem;
}
.zs-swiper .swiper-wrapper{
    height: 4.84rem;
}
.tab_swiper .swiper-pagination{
    height: .8rem;
}
.tab_swiper .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: 0;
}
.tab_swiper .swiper-pagination-bullet{
    position: relative;
    width: 20%;
    border-radius: 0;
    height: .8rem;
    line-height: .8rem;
    text-align: center;
    font-size: .18rem;
    text-align: center;
    color: #b4b4bb;
    letter-spacing: 2px;
    border-top: .04rem solid rgba(0,0,0,.8);
    background: rgba(0,0,0,.8);
    opacity: 1;
} 
.tab_swiper .swiper-pagination-bullet::before{
    content: " ";
    width: 1px;
    height: .52rem;
    opacity: 0.4;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    background: #f3c96c;
    display: block;
}
.tab_swiper .swiper-pagination-bullet:last-child::before{
    width: 0px;
    height: 0;
}
/* 指示点选中 */
.tab_swiper .swiper-pagination-bullet-active{
    color: #F3C96C;
    background: #2B2B2B;
    border-top: .04rem solid #F3C96C;
    font-size: .2rem;
}
.tab_swiper .swiper-pagination-bullet:hover{
    color: #F3C96C;
}
.tab_swiper .swiper-pagination-bullet-active::before{
     width: 0px;
    height: 0;
} 
.tab_swiper .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin: 0;
}   
.tab_swiper .swiper-pagination-bullet img{
    width: 100%;
    height: 100%;
    display: block;
} 
.point_ul{
    position: absolute;
    bottom: .9rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 100;
}
.point_ul li{
    float: left;
    width: .11rem;
    height: .11rem;
    border-radius: 50%;
    background: #fff;
    margin-right: .1rem;
}
.point_ul li.point_active{
    background: #FFE28E;
}
.tab_swiper .arrow_l{
    width: .48rem;
    height: .48rem;
    background: url(../images/gm/new0929/sprite.png) no-repeat 50%;
    background-size: 1.67rem 1.91rem;
    background-position:0 -.54rem;
}
.tab_swiper .arrow_l:hover{
    background-position:-.56rem -.55rem;
}
.tab_swiper .arrow_r{
    width: .48rem;
    height: .48rem;
    background: url(../images/gm/new0929/sprite.png) no-repeat 50%;
    background-size: 1.67rem 1.91rem;
    background-position:0 0;
}
.tab_swiper .arrow_r:hover{
    background-position:-.57rem 0;
}
.section2{
    width: 19.2rem;
    height: 12.79rem;
    margin: 0 auto;
    background: url(../images/gm/new0929/bg2.jpg) no-repeat 50%;
    background-size: cover;
    padding-top: .64rem;
    box-sizing: border-box;
    /* overflow: hidden; */
}
/* 数据展示 */
.show_num_msg{
    margin: 0 auto .86rem;
    text-align: center;
}
.section2 .wrap{
    width: 14rem;
    margin: 0 auto;
}
.show_num_msg li{
    position: relative;
    display: inline-block;
    padding: 0 .46rem;
    box-sizing: border-box;
}
.show_num_msg li::before{
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: .71rem;
    transform: translateY(-50%);
    background: #774B01;
}
.show_num_msg li:last-child::before{
    width: 0px;
    height: 0;
}
.show_num_msg li p{
    font-size: .24rem;
    text-align: center;
    color: #784C02;
    letter-spacing: .02rem;
}
.show_num_msg li p.num{
    font-size: .54rem;
    line-height: .54rem;
    text-align: center;
    color: #774B01;
    margin-top: .18rem;
}
/* 视频播放 */
.video_tit{
    width: 12.17rem;
    height: 1.03rem;
    background: url(../images/gm/new0929/video-tit.png) no-repeat 50%;
    background-size: contain;
    margin: 0 auto .16rem;
}
.video_box{
    position: relative;
    width: 9.55rem;
    height: 5.39rem;
    background: url(../images/gm/new0929/video-bg.png) no-repeat 50%;
    background-size: contain;
    margin: 0 auto;
}
.video_wra{
    width: 9.27rem;
    height: 5.05rem;
    object-fit: fill;
    margin: .14rem 0 0 .15rem;
}
.cover_bg{
    position: absolute;
    top: .14rem;
    left: .15rem;
    width: 9.27rem;
    height: 5.05rem;
    background: rgba(0,0,0,.5);
    cursor: pointer;
    z-index: 10;
}
.play_btn{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 1.07rem;
    height: 1.07rem;
    background: url(../images/gm/new0929/play.png) no-repeat 50%;
    background-size: contain;
}
.play_btn:hover{
    background: url(../images/gm/new0929/play-h.png) no-repeat 50%;
    background-size: contain;
}
.section3{
    width: 19.2rem;
    height: 11.9rem;
    margin: 0 auto;
    background: url(../images/gm/new0929/bg3.jpg) no-repeat 50%;
    background-size: cover;
    overflow: hidden;
}
.swiper2_tit{
    width: 13.4rem;
    height: 1.04rem;
    margin: 1.2rem auto .21rem;
    background: url(../images/gm/new0929/tit2.png) no-repeat 50%;
    background-size: contain;
}
/* 第二个轮播图 */
.swiper2_box{
    position: relative;
    width: 13.95rem; 
    height: 6.13rem;
    background: url(../images/gm/new0929/banner2-bg.png) no-repeat 50%;
    background-size: contain;
    margin: 0 auto; 
    border: 1px solid rgba(0, 0, 0, 0);
}
.swiper_box{
    width: 13.7rem;
    height: 5.9rem;
    margin: .11rem 0 0 .14rem;
}
.swiper-container{
    width: 100%;
    height: 100%;
}
.swiper-slide{
    cursor: pointer;
}
.swiper-slide img{
    width:100%;
    height: 100%;
}
.swiper2_box .swiper-pagination-bullet{
    width: .11rem;
    height: .11rem;
    background: #fff;
    opacity: 1;
}
.swiper2_box  .swiper-pagination-bullet-active{
    background: #FFE28E;
}
.pagination {
    position: absolute;
    width: 100%;
    z-index: 20;
    left: 0;
    bottom: .4rem!important;
    text-align: center;
}
  .swiper-pagination-switch {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: #222;
    margin-right: 5px;
    opacity: 0.8;
    border: 1px solid #fff;
    cursor: pointer;
  }
  .swiper-visible-switch {
    background: #aaa;
  }
  .swiper-active-switch {
    background: #fff;
  }
 .swiper2_box  .prev_btn{
    left: -.54rem;
    width: .5rem;
    height: .79rem;
    background: url(../images/gm/new0929/sprite.png) no-repeat 50%;
    background-size: 1.67rem 1.91rem;
    background-position:-1.13rem 0;
  }
  .swiper2_box  .prev_btn:hover{
    background-position:0 -1.11rem;
  }
  .swiper2_box  .prev_btn:focus,.swiper2_box .next_btn{
    outline: none;
  }
  .swiper2_box .next_btn{
    right: -.54rem;
    width: .5rem;
    height: .79rem;
    background: url(../images/gm/new0929/sprite.png) no-repeat 50%;
    background-size: 1.67rem 1.91rem;
    background-position:-.59rem -1.12rem;
  }
  .swiper2_box .next_btn:hover{
     background-position:-1.17rem -1.12rem;
  }
  .swiper2_box .tit{
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
    font-size: .24rem;
    text-align: center;
    color: #b4b4bb;
    letter-spacing: 2px;
    background: rgba(0,0,0,.5);
    padding: .04rem 0;
    box-sizing: border-box;
  }
/* 公司资质 */
.company_msg_box{
    width: 12.1rem;
    margin: 5.78rem auto 0;
}
.company_wrap{
    position: relative;
    width: 11.5rem;
    height: 7.44rem;
    top: 50%;
    left: 50%;
    margin-left: -5.75rem;
    margin-top: -3.72rem;
    background: url(../images/index/new/slide/swiper-bg.png) no-repeat 50%;
    background-size: contain;
    border: 1px solid rgba(0, 0, 0, 0);
  }
.company_ul{
    margin: 0 auto;
}
.company_ul li{
    position: relative;
    float: left;
    box-sizing: border-box;
    text-align: center;
    margin-right: .18rem;
    cursor: pointer;
}
.company_ul li:last-child{
    margin-right: 0;
}
.company_ul li .img_box{
    width: 2.26rem;
    height: 1.6rem;
    margin-bottom: .14rem;
    background: url(../images/index/new/item-bg.png) no-repeat 50%;
    background-size: contain;
    transition: all 0.5s;
}
.company_ul li img{
    width: 2.13rem;
    height: 1.46rem;
    margin-top: .07rem;
    margin-left: -.01rem;
}
.company_ul li:first-child img{
    margin-left: 0;
}
.company_ul li .msg_name{
    display: block;
    font-size: .18rem;
    text-align: center;
    color: #a28648;
    line-height: .18rem;
}
.company_ul li:hover .msg_name{
    color:  #F3C96C;
}
.company_ul li .large_img{
    position: absolute;
    top: -5.9rem;
    left: -50%;
    width: 4.26rem;
    height: 5.68rem;
    z-index: 102;
    transform: scale(0);
    -ms-transform: scale(0); /* IE 9 */
    -webkit-transform: scale(0); 
    -o-transform:scale(0); 
    -moz-transform:scale(0); 
    opacity: 0;
    transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition:all 0.3s ease;
} 
.company_ul li:nth-child(2) .large_img,.company_ul li:nth-child(3) .large_img{
    width: 7.66rem;
    height: 5.68rem;
    left: -2.7rem;
}
.company_ul li:hover .large_img{
    transform: scale(1);
    -ms-transform: scale(1); /* IE 9 */
    -webkit-transform: scale(1); 
    -o-transform:scale(1);
    -moz-transform:scale(1); 
    opacity: 1;
}
.company_ul li .large_img img{
    width: 100%;
    height: 100%;
    display: block;
}
/* 备案号 */
.icp-box{
    width: 100%;
    text-align: center;
    margin-top: .4rem;
}
.icp-box a {
    color:#774B01;
    font-size: 0.18rem;
}
/* 底部固定悬浮 */
.fixed_box{
    position: fixed;
    bottom: -0.22rem;
    left: 0;
    width: 100%;
    z-index: 102;
}
.fixed_footer{
    width: 100%;
    height: 1.78rem;
}
.fixed_footer img{
    width: 100%;
    height: 100%;
    display: block;
}
/* 手指戳动画 */
.finger_animate{
    position: relative;
}

.footer_btn_right{
    position: absolute;
    top: 33%;
    right: 1.5rem; 
}
.footer_btn_right .right_btn{
    width: 2.25rem;
    height: .64rem;
    margin:0 auto;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;	/* Chrome 和 Safari */
    -moz-backface-visibility:hidden; 	/* Firefox */
    -ms-backface-visibility:hidden; 	/* Internet Explorer */
    background: url(../images/gm/gm_awb_3333/bottom/gm_login_btn.png) no-repeat;
    background-size:90rem 0.64rem;
    -webkit-animation: gm_login_animate 3s steps(39)  infinite;
     -moz-animation: gm_login_animate 3s steps(39)  infinite;
     -ms-animation: gm_login_animate 3s steps(39)  infinite;
     -o-animation: gm_login_animate 3s steps(39)  infinite;
    animation: gm_login_animate 3s steps(39)  infinite;
}
/* 登录按钮动画 */
@keyframes gm_login_animate{
    0% {
        background-position: 0 0;
    }
    100% {       
        background-position: 100% 0;
    }
}
@-moz-keyframes gm_login_animate{
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 100% 0;
    }
}
@-webkit-keyframes gm_login_animate{
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 100% 0;
    }
}
@-ms-keyframes gm_login_animate{
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 100% 0;
    }
}
@-o-keyframes gm_login_animate{
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 100% 0;
    }
}
.count{
   margin-top: .06rem
}
.count_gm{
    border-right: 1px solid #fff;
}
.count p{
    font-size: .14rem;
    padding: 0 .1rem;
    letter-spacing: 1px;
}
.count_num{
    color: #FFE684;
}