.head-box{
    width: 100%;
    position: relative;
    height: 113px;
    background: url(../img/header.jpg)no-repeat center center;
}
.head-box .head-con{
    width: 1160px;
    position: relative;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 113px;
}
.head-box .head-con .logo-box{
    width: 150px;
    height: auto;
    position: relative;
    margin: 0 auto;
    padding: 0;
    animation: nonemenu 0.5s ;
    -moz-animation: nonemenu 0.5s ;
    -webkit-animation: nonemenu 0.5s ;
    -o-animation: nonemenu 0.5s ;
    -webkit-transform: scale(1);
}
@keyframes nonemenu {
    0%{
        -webkit-transform: scale(0);
        opacity: 0.2;

    }
    100%{
        -webkit-transform: scale(1);
        opacity: 1;
    }
}
.none-img{
    display: none;
    transition: all 0.3s ease-out;
}
.head-box .head-con .menu-box{
    width: 100%;
    position: relative;
    display: block;
    padding: 0 ;
    margin: 0 auto;
}
.head-box .head-con .menu-box>ul{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.head-box .head-con .menu-box>ul>li{
    padding: 0 50px;
    animation: nonemenu 0.5s ;
    -moz-animation: nonemenu 0.5s ;
    -webkit-animation: nonemenu 0.5s ;
    -o-animation: nonemenu 0.5s ;
    -webkit-transform: scale(1);
}
.head-box .head-con .menu-box>ul>li.active .none-img{
    display: block;
    animation: nonemenu1 0.5s ;
    -moz-animation: nonemenu1 0.5s ;
    -webkit-animation: nonemenu1 0.5s ;
    -o-animation: nonemenu1 0.5s ;
    transition: all 0.3s ease-out;
}
.head-box .head-con .menu-box>ul>li.active .block-img{
    display: none;
    animation: nonemenu1 0.5s ;
    -moz-animation: nonemenu1 0.5s ;
    -webkit-animation: nonemenu1 0.5s ;
    -o-animation: nonemenu1 0.5s ;
    transition: all 0s ease-out;
}
@keyframes nonemenu1 {
    0%{
        transition: all 0s ease-out;
    }
    100%{
        transition: all 0.3s ease-out;
    }
}
.banner-box{
    width: 100%;
    height: 1313px;
    position: relative;
    display: block;
    background: url(../images/banner.jpg)no-repeat center center;
}
.abstract-box{
    width: 100%;
    position: relative;
    height: 1079px;
    display: block;
    overflow: hidden;
    background: url(../images/banner1.jpg)no-repeat center center;
}
.abstract-box .abstract-con{
    position: relative;
    width: 100%;
    margin: 0 auto;
    display: block;
}
.tetle-box{
    width: 335px;
    margin: 0 auto;
    position: relative;
}
.hero-box{
    width: 100%;
    position: relative;
}
.hero-box .hero-ul{
    display: flex;
    justify-content: center;
    text-align: center;
    position: relative;
    padding: 50px 0 0 0;
}
.hero-box .hero-ul li:nth-child(1){
    background: url(../images/sading2.png)no-repeat center center;
    width: 330px;
    height: 540px;
    position: relative;
}
.hero-box .hero-ul li:nth-child(2){
    background: url(../images/lls2.png)no-repeat center center;
    width: 320px;
    height: 400px;
    position: relative;
}
.hero-box .hero-ul li:nth-child(3){
    background: url(../images/leila2.png)no-repeat center center;
    width: 325px;
    height: 400px;
    position: relative;
}
.hero-box .hero-ul li:nth-child(4){
    background: url(../images/leiji2.png)no-repeat center center;
    width: 315px;
    height: 535px;
    position: relative;
}
@keyframes nonemenu2 {
    0%{
        -webkit-transform: scale(1);

    }
    100%{
        -webkit-transform: scale(1.1);
    }
}
.hero-box .hero-ul li .img-hero{
    transition: all 0.5s ease-out;
}
.hero-box .hero-ul li:hover .img-hero{
    animation: nonemenu2 0.5s ;
    -moz-animation: nonemenu2 0.5s ;
    -webkit-animation: nonemenu2 0.5s ;
    -o-animation: nonemenu2 0.5s ;
    -webkit-transform: scale(1.1);
}
.hero-box .hero-ul li:nth-child(1) .text-hero {
    width: 230px;
    position: absolute;
    bottom: 5rem;
    right: 0;
}
.hero-box .hero-ul li:nth-child(2) .text-hero {
    width: 230px;
    position: absolute;
    bottom: 3.5rem;
    right: 0;
}
.hero-box .hero-ul li:nth-child(3) .text-hero {
    width: 230px;
    position: absolute;
    bottom: 3.5rem;
    right: 0;
}
.hero-box .hero-ul li:nth-child(4) .text-hero {
    width: 230px;
    position: absolute;
    bottom: 5rem;
    right: 0;
}
.hero-box .hero-ul li:hover .text-hero{
    animation: showPolo 1.4s .2s ease 1;
    -webkit-animation: showPolo 1.4s .2s ease 1;
}
@keyframes showPolo{
    0%{
        -webkit-transform: translateY(70px);
        transform: translateY(70px);
    }
    44%{
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50%{
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    60%{
        -webkit-transform: translateY(0) ;
        transform: translateY(0) ;
    }
    70%{
        -webkit-transform: translateY(0) ;
        transform: translateY(0) ;
    }
    100%,80%{
        -webkit-transform: translateY(0) ;
        transform: translateY(0);
    }
}
.hero-box .tetle-con{
    width: 390px;
    margin: 0 auto;
    margin-top: -45px;
    animation: nonemenu 0.5s ;
    -moz-animation: nonemenu 0.5s ;
    -webkit-animation: nonemenu 0.5s ;
    -o-animation: nonemenu 0.5s ;
    -webkit-transform: scale(1);
}
.new-boxz{
    width: 100%;
    position: relative;
    background: url(../images/banner2.jpg)no-repeat center center;
    height: 1080px;
}
.new-boxz .new-conz{
    width: 100%;
    margin: 0 auto;
}
.news-boxz{
    background: url(../images/banner5.png)no-repeat center center;
    position: relative;
    width: 100%;
    height: 800px;
}

/* 轮播 */
.swiper-boxxx{
    width: 100%;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    padding-top: 0;
}
.swiper-container {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    height: 100%;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-slide{
    overflow: hidden;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
    z-index: 999999;
    cursor: pointer !important;
}
.news-swiper-box{
    width: 410px;
    height: 620px;
    z-index: 9;
    overflow: hidden;
    position: absolute;
    left: -2rem;
    top: 5rem;
}
.news-swiper{
    width: 1160px;
    overflow: hidden;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding-top: 8rem;
    position: relative;
}
.news-text {
    height: 540px;
    width: 783px;
    flex: 1;
    float: right;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding-left: 15rem;
    z-index: 8;
}
.news-text .news-left{
    width: 300px;
    height: 100%;
    position: relative;
}
.news-text .news-left>ul>li.active .block-img{
    display: none;
    animation: nonemenu1 0.5s;
    -moz-animation: nonemenu1 0.5s;
    -webkit-animation: nonemenu1 0.5s;
    -o-animation: nonemenu1 0.5s;
    transition: all 0.3s ease-out;
}
.news-text .news-left>ul>li.active .none-img{
    display: block;
    animation: nonemenu1 0.5s;
    -moz-animation: nonemenu1 0.5s;
    -webkit-animation: nonemenu1 0.5s;
    -o-animation: nonemenu1 0.5s;
    transition: all 0.3s ease-out;
    width: 330px;
}
.news-text .news-left>ul>li .block-img{
    width: 218px;
}
ul.news-left-ul {
    padding: 3rem 0;
}
li.news-left-li {
    padding: 20px 0;
}
.news-text .news-right {
    width: 610px;
    position: relative;
    height: 435px;
    margin-left: 10px;
    overflow: hidden;
}
.news-text .news-right .tab-con ul li {
    text-align: left;
    margin-left: 15px;
    margin-right: 10px;
    display: flex;
    justify-content: left;
    align-items: center;
    border-bottom: 1px solid #3b0500;
    color: #3b0500;
    font-weight: 600;
}
.news-text .news-right .tab-con ul li a{
    line-height: 4.2;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #3b0500;
    letter-spacing: 1px;
}
.news-text .news-right .tab-con ul li span.time{
    text-align: right;
    width: 100px;
    flex: 1;
}
.news-text .news-right .tab-con ul li::before{
    content: '';
    width: 8px;
    height: 8px;
    position: relative;
    display: block;
    background-color: #3b0500;
    transform: rotateZ(45deg);
    margin-right: 20px;
}
.news-text .news-left>ul>li .more-img{
    width: 175px;
    margin: 0 auto;
}
.banner-boxa{
    width: 100%;
    position: relative;
    display: block;
    padding: 0;
    margin: 0 auto;
    background: url(../images/banner6.jpg)no-repeat center center;
    height: 1080px;
}
.banner-boxa .banner-cona{
    width: 100%;
    margin: 0 auto;
    padding: 0 ;
    position: relative;
}
.banner-con-b{
    width: 100%;
    margin-top: 40px;
    position: relative;
    background: url(../images/banner7.png)no-repeat center;
    height: 800px;
}
.banner-con-b .banner-con-c{
    width: 1180px;
    height: 815px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    padding: 5rem 0;
}
.banner-con-b .banner-con-c ul{
    width: 1180px;
    height: 660px;
    display: flex;
    position: absolute;
}
.banner-con-b .banner-con-c ul li{
    width: 380px;
    height: 640px;
    padding-top: 25px;
    padding-right: 10px;
    cursor: pointer;
}

/* footer */
.foot{background:#333; text-align:center; min-width:100%;}
.foot_nav{background:#2e2e2e; font-size:14px; color:#acacac; line-height:30px; padding:10px 0}
.foot_nav .line{display:inline-block; color:#484848; padding:0 20px}
.foot_nav a{display:inline-block; color:#acacac}
.foot_nav a:hover{color:#ffdb01}
.foot_copy{font-size:12px; color:#858585; line-height:25px; padding:30px 0}
.foot_copy a:hover{color:#ffdb01}
.foot_copy .choice{font-size:14px; padding-bottom:10px}
.foot_copy .choice .line{color:#5c5c5c; padding:0 15px}
.foot_copy a{
    color: #858585;
}
/* footer */

/* 资讯 */
.new-banner{
    background: url(../images/new-banner.png)no-repeat center center;
    width: 100%;
    height: 1313px;
    background-color: #ffd401;
}
.nr-big-box{
    width: 100%;
    height: 1079px;
    background: url(../images/new-banner1.jpg)no-repeat center center;
    position: relative;
    margin: 0 auto;
    display: block;
}

/* 资讯 */


/* 内页 */
.nr-big-box .nr-big-con{
    width: 1180px;
    margin: 0 auto;
}
.nr-header{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 85%;
    margin: 0 auto;
    border-bottom: 2px solid #7917054a;
}
.nr-header .left-span-nr{
    flex: 1;
    float: left;
    text-align: left;
    padding-left: 5rem;
}
.nr-header .left-span-nr span{
    line-height: 3;
    color: #791705;
    font-size: 25px;
}
.nr-header .right-span-nr{
    flex: 1;
    float: right;
    text-align: right;
    padding-right: 5rem;
}
.nr-header .right-span-nr span,.nr-header .right-span-nr span a{
    color: #791705;
    font-size: 13px;
}
.nr-lower{
    width: 100%;
    position: relative;
    display: block;
    padding: 2.5rem 5rem;
}
.nr-lower .nr-btxz{
    position: relative;
}
.nr-lower .nr-btxz ul{
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    width: 65%;
    margin: 0 auto;
}
.nr-lower .nr-btxz ul li{
    /* margin: 0 auto; */
    cursor: pointer;
}
.nr-lower .nr-btxz ul li p{
    border: 1px solid #791705;
    line-height: 2;
    color: #791705;
    padding: 0 60px;
}
.nr-lower .nr-btxz ul li.active p{
    color: #ffdb01;
    background-color: #791705;
}
.part.active .animate-left, .part.active .animate-right, .part.active .animate-bottom{
    transform: translate(0,0);
    opacity: 1;
}
.nr-bt-con{
    width: 100%;
    position: relative;
    display: block;
    padding:  1rem 11.5rem;

}
.nr-bt-con ul li{
    border-bottom: 1px solid #7917054a;
    margin: 10px 0px;
}
.nr-bt-con ul li a{
    display: flex;
    justify-content: left;
    text-align: left;
    align-items: center;
    transition: all 0.3s ease-out;
}
.nr-bt-con ul li a p{
    line-height: 3;
    color: #791705;
    font-size: 13px;
    font-family: monospace;
    width: 100%;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.nr-bt-con ul li a span{
    flex: 1;
    float: right;
    text-align: right;
    color: #791705;
    font-size: 13px;
}

.nr-bt-con ul li a:hover{color: #9e7249;transform:translateX(10px);}
/* 翻页 */
.page{text-align:center; line-height:40px; height:40px; margin:0 auto; display:table;}
.page a, .page span{display:inline-block; font-size:14px; color:#791705; width:66px; margin-left: -1px; transition:all 0.3s linear; box-sizing:border-box; border:1px #791705 solid;}
.page a.prev{margin-right:20px;}
.page a.next{margin-left:20px;}
.page a:hover{background-color:#ededed;}
.page .dot{background:rgba(0, 0, 0, 0); border:medium none;}
.page .on{background-color:#ededed;}




/* wechat */
.scan-box{
    width: 180px;
    height: 460px;
    position: fixed;
    display: inline-block;
    top: 15%;
    right: 0;
    background: url(../images/wechat.png)no-repeat center center;
}
.scan-box .code{
    width: 100%;
    position: relative;
    display: block;
    padding: 30px 20px 15px;
}
.scan-box .code img{
    width: 100%;
}
.scan-box .btn-box{
    text-align: center;
    padding-bottom: 15px;
}
.scan-box .btn-box a img{
    width: 100%;
    padding: 0 15px;
}
.scan-box .gift{
    position:relative;
    width: 170px;
    margin: 0px auto;
    height: 145px;
    background-position:-126px -90px;animation: anim2 3s ease-in-out infinite alternate; display:block;background: url("../images/libao.png")no-repeat center;
}
.scan-box .gift:after{position:absolute;content:'';width:100%;height:100%;left:0;top:0;right:0;bottom:0;margin:auto;background: url("../images/libao.png")no-repeat center;opacity:0;}
.scan-box .gift:hover:after{animation:anim4 0.6s ease-in-out;}
@keyframes anim4

{
    from{transform:scale(1,1); opacity:0.5;}
    to{transform:scale(1.8,1.8); opacity:0;}
}
@-webkit-keyframes anim4
{
    from{transform:scale(1,1); opacity:0.5;}
    to{transform:scale(1.8,1.8); opacity:0;}
}

/* .scan-box{width: 200px;height: 440px;}
.scan-box .toggle-btn{position:absolute; font-size:32px; width:52px; height:113px; text-align: center; color:#fff; font-weight: 500; left:0; top:0; box-sizing: border-box; padding-top:20px; cursor: pointer;}
.scan-box .code{width: 134px;height: 134px;box-sizing:border-box;overflow:hidden;position:relative;margin: 10px auto;}
.scan-box .code img{width:100%; height:100%;}
.scan-box .code p{text-align:center; font-size:14px; color:#fff;}
.scan-box .code i{width:100%; height:10px; display:block; background:url(../images/code_line.png) no-repeat; position:absolute; top:0; left:0; animation:anim1 2s infinite;}
.scan-box .btn-box{width: 136px;padding-bottom: 10px;margin: 0px auto;}
.scan-box .btn-box a{width: 136px;height: 38px;transition:0.3s;margin-top: 10px;position:relative;display:block;}
.scan-box .btn-box a:after{position:absolute; content:''; width:100%; height:100%; left:0; right:0; top:0; bottom:0; margin:auto; background:url(../images/pqimg.png) no-repeat;}

.scan-box .btn-box .android,.scan-box .btn-box .android_no,.scan-box .btn-box .android:after,.scan-box .btn-box .android_no:after{background: url("../images/and.png")no-repeat 0 0;}
.scan-box .btn-box .ios,.scan-box .btn-box .ios_no,.scan-box .btn-box .ios:after,.scan-box .btn-box .ios_no:after{background: url("../images/ios.png")no-repeat 0 0;}
.scan-box .btn-box .android_no,.scan-box .btn-box .ios_no{cursor:default;}
.scan-box .btn-box a:hover:after{animation:anim4 0.6s ease-in-out;}

.scan-box .gift{position:relative;width: 156px;margin: 0px auto;height: 134px;background-position:-126px -90px;/* animation: anim2 3s ease-in-out infinite alternate; display:block;background: url("../images/libao.png")no-repeat center;}
/* .scan-box .gift:after{position:absolute;content:'';width:100%;height:100%;left:0;top:0;right:0;bottom:0;margin:auto;background: url("../images/libao.png")no-repeat center;opacity:0;}
.scan-box .gift:hover:after{animation:anim4 0.6s ease-in-out;} */ 

audio{
    display: none;
}
.inside_content{
    overflow: hidden;
}
.max-part{width:100%;}
.min-part{position:absolute; right:-200px; top:0;}
.inside_content .m1200:after{width:2000px; height:1px; background:#e0e0e0; content:''; position:absolute; left:50%; margin-left:-1000px; bottom:0;}
.inside_tit{padding:40px 0 35px 0;text-align:center;}
.inside_tit h2{display:table; margin:0 auto; font-size:30px; font-weight:bold; color:#791705; line-height:1em; position:relative;  position:relative;}
.inside_tit p{font-size:14px;color:#791705;margin-top:5px; display:none;}
.location{position:absolute; right:0; bottom:0;}
.location,.location a{font-size:14px; color:#999; line-height:40px;}
.location a:hover{color:#791705;}
.location .arrow{font-family:"宋体"; color:#999; padding:0 5px;}


.pqimg{background:url(../images/pqimg.png) no-repeat;}
ul:after{content:""; display:block; clear:both; height:0;}
.m1200{width:1200px; margin:0 auto; position:relative;}
.m1200:after{content:""; display:block; clear:both; height:0;}
.m-bg{position:relative;}
.m-bg2{position:relative; background:#fff url(../images/bg_05.jpg) no-repeat center top;}
.inside-banner{height:693px;}
.inner-box{min-height:650px; padding-bottom:70px;}


.news_list li .time{float:right; font-family:Arial; color:#b0b0b0;}
.news_list .arrow{display:inline-block; border-left:5px solid #b0b0b0; border-top:5px solid transparent; border-bottom:5px solid transparent; line-height:0; height:0; margin-right:10px; position:relative}
.news_list .arrow em{display:inline-block; border-left:5px solid #f9f9f9; border-top:5px solid transparent; border-bottom:5px solid transparent; line-height:0; height:0; margin:-5px 0 0 -7px; position:absolute; top:0; left:0; transition:0.3s;}
.news_list li a:hover .arrow{border-left-color:#791705;}
.detit{border-bottom:1px dotted #791705; text-align:center; margin-bottom:20px;}
.detit h1{font-size:25px; font-family:"微软雅黑"; font-weight:100; color:#791705; line-height:30px; padding:20px 0 20px;}
.detit p{display:block; font-size:14px; color:#791705; padding-bottom:20px;}
.page_updown{border-top:1px dotted #791705; font-size:14px; color:#791705; line-height:45px; padding:0 20px; margin-top:30px;}
.page_updown a{display:inline-block; color:#791705;}
.page_updown a:hover{color:#791705;}
.gift_list li{height:80px; padding-top:35px; padding-left:130px; display:block; position:relative; transition:all 0.2s linear 0s;}
.gift_list li:after{content:''; position:absolute; bottom:0; right:0; width:2000px; height:1px; background:#e0e0e0;}
.gift_list .gift_con{float:left; width:85%;}
.gift_list .gift_con .name{display:block; font-size:16px; font-weight:bold; color:#791705; padding-bottom:5px;}
.gift_list .gift_con .name h3{display:inline-block; width:280px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.gift_list .gift_con .text{font-size:14px; color:#791705; line-height:20px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.gift_list .gift_con .progre{height:12px; line-height:12px; padding-bottom:3px; position:relative; top:-4px;}
.gift_list .gift_con .progre .surplus{font-size:14px; font-weight:100; color:#791705; padding-left:10px;}
.gift_list .btn{position:absolute; top:40px; right:120px;}
.gift_list .btn_collar{float:right; border-radius:5px; border:1px solid #791705; font-size:14px; color:#791705; text-align:center; line-height:32px; height:32px; padding:0 30px; transition:all 0.4s linear;}
.gift_list .btn_collar:hover{background:#791705; color:#fff;}
.progre_slider{background:#ccc; display:inline-block; border-radius:3px; line-height:6px; height:6px; width:120px; margin-left:10px; vertical-align:middle; overflow:hidden;}
.progre_slider .goso{background:#791705; display:inline-block; border-radius:3px; line-height:6px; height:6px; vertical-align:top;}
.page{text-align:center; line-height:30px; height:30px; margin:0 auto; display:table;}
.page a, .page span{display:inline-block; font-size:14px; color:#791705; width:66px; margin-left: -1px; transition:all 0.3s linear; box-sizing:border-box; border:1px #791705 solid;}
.page a.prev{margin-right:20px;}
.page a.next{margin-left:20px;}
.page a:hover{
    background-color:#791705;
    color: #ffdb01
}
.page .dot{background:rgba(0, 0, 0, 0); border:medium none;}
.page .on{background-color:#ededed;}


.popup_box{background:#fff; position:fixed; top:50%; left:50%; _position:absolute; z-index:998}
.popup_box .popup_title{background:#333; height:50px; z-index:1; position:relative}
.popup_box .popup_title .title{float:left; font-size:18px; color:#e0e0e0; line-height:50px; padding-left:30px}
.popup_box .popup_close{display:block; background:url(../images/icon_close.png) no-repeat; width:50px; height:50px; position:absolute; top:0; right:0; z-index:2; transition:all 0.2s linear}
.popup_box .popup_close:hover{transform:rotate(180deg)}
.popup_bg{background:rgba(0,0,0,0.5); width:100%; height:100vh; position:fixed; _position:absolute; z-index:997}
.login_box{width:400px; margin:-120px 0 0 -200px; _top:expression(documentElement.scrollTop + 160 + "px");}
.login_top{line-height:30px; height:30px; padding-top:10px}
.login_top h2{display:block; background-position:0 -50px; font-size:16px; font-weight:100; color:#FFF; text-align:center; width:124px; margin-left:-10px}
.login_m{padding:40px 50px}
.login_m .input_box{background:#F8F8F8; border:1px solid #ededed; height:30px; width:100%; padding:4px 0; margin-top:-1px}
.login_m .input_box label{float:left; display:block; width:30px; height:30px; margin-right:10px}
.login_m .input_box .user{background-position:0 -55px}
.login_m .input_box .cipher{background-position:0 -85px}
.login_m .text{background:none; border:none; font-size:14px; font-family:"微软雅黑"; color:#999; line-height:30px; height:30px; width:250px; margin:0}
.login_m .btn_go{display:block; background:#029d1e; border:none; font-size:20px; font-family:"微软雅黑"; color:rgba(255, 255, 255, 0.8)!important; color:#FFF; text-align:center; width:100%; line-height:40px; height:40px; cursor:pointer; transition:background 0.2s linear 0s}
.login_m .btn_go:hover{background:#028918}
.popup_gift_box{width:600px; min-height:300px; margin:-150px 0 0 -300px;}
.popup_gift_info{padding:20px;}
.popup_gift_info li{font-size:14px; line-height:35px; position:relative;}
.popup_gift_info label{display:block; float:left; font-size:14px; color:#999; text-align:right; line-height:35px; width:150px; padding-right:10px;}
.popup_gift_info .rc{padding-left:160px;}
.popup_gift_info .rc input{color:#791705; border:none; line-height:35px;}
.popup_gift_box .btn{display:inline-block; background:#791705; border-radius:5px; font-size:16px; font-family:"微软雅黑"; color:rgba(255,255,255,0.8); text-align:center; line-height:45px; height:45px; padding:0 40px; cursor:pointer; transition:all 0.3s linear;}
.popup_gift_box .btn:hover{opacity:0.9;}

.m-bg2 .m1200{
    width: 70%;
}
.show_tab{position:relative;}
.show_tab ul{display:table; margin:0 auto;}
.show_tab li{float:left;}
.show_tab a{display:block; padding:10px 20px 15px; font-size:20px; color:#333333; transition:all 0.3s linear; position:relative;}
.show_tab .on, .show_tab a:hover{color:#791705;}
.show_tab a:after{content:''; position:absolute; left:0; right:0; bottom:0; margin:auto; width:0; height:2px; background-color:#791705; z-index:5; transition:0.3s;}
.show_tab .on:after,.show_tab a:hover:after{ width:100%;}


.m_text{font-size:16px; color:#791705; line-height:35px; padding:0 60px;}
.news_list li{font-size:16px; line-height:115px; height:115px; display:block; transition:background 0.2s linear 0s; position:relative;}
.news_list li:hover:before{width:100%; height:114px; content:''; position:absolute; top:0; right:1px; z-index:2;}
.news_list li:after{content:''; position:absolute; bottom:0; right:0; width: 100%; height:1px; background:#791705;}
.news_list li span,.news_list li a{position:relative; z-index:4;}
.news_list li a{float:left; font-size:18px; color:#791705; transition:all 0.3s linear;width:700px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;width: 75%;}
.news_list li a:hover{color:#791705; margin-left:10px;}

.news_list li .type{float:left; font-size:18px; color:#ffdb01; margin-right:15px; padding:0 15px; text-align:center; line-height:34px; background:#791705; margin-top:40px; transition:all 0.3s linear; position:relative;}
.news_list li:hover .type{background:#791705;}
.news_list li .type:before,.news_list li .type:after{content:''; position:absolute; border-style:solid; border-width:17px 10px; top:0; transition:all 0.3s linear;}
.news_list li .type:before{border-color:transparent #791705 transparent transparent; left:-20px;}
.news_list li .type:after{border-color:transparent transparent transparent #791705; right:-20px;}

.news_list li:hover .type{background-color:#ffdb01;color: #791705}
.news_list li:hover .type:before{border-right-color:#ffdb01;}
.news_list li:hover .type:after{border-left-color:#ffdb01;}

.news_list li .time{float:right; font-family:Arial; color:#791705;}
.news_list .arrow{display:inline-block; border-left:5px solid #b0b0b0; border-top:5px solid transparent; border-bottom:5px solid transparent; line-height:0; height:0; margin-right:10px; position:relative}
.news_list .arrow em{display:inline-block; border-left:5px solid #f9f9f9; border-top:5px solid transparent; border-bottom:5px solid transparent; line-height:0; height:0; margin:-5px 0 0 -7px; position:absolute; top:0; left:0; transition:0.3s;}
.news_list li a:hover .arrow{border-left-color:#791705;}


@keyframes fadeInLeft
{
    from{transform:translate(-200px,0); opacity:0.2;}
    to{transform:translate(0,0); opacity:1;}
}
@-webkit-keyframes fadeInLeft
{
    from{transform:translate(-200px,0); opacity:0.2;}
    to{transform:translate(0,0); opacity:1;}
}
@keyframes fadeInRight
{
    from{transform:translate(200px,0); opacity:0.2;}
    to{transform:translate(0,0); opacity:1;}
}
@-webkit-keyframes fadeInRight
{
    from{transform:translate(200px,0); opacity:0.2;}
    to{transform:translate(0,0); opacity:1;}
}
@keyframes anim4
{
    from{transform:scale(1,1); opacity:0.5;}
    to{transform:scale(1.8,1.8); opacity:0;}
}
@-webkit-keyframes anim4
{
    from{transform:scale(1,1); opacity:0.5;}
    to{transform:scale(1.8,1.8); opacity:0;}
}
@keyframes anim1
{
    from{top:10px;}
    to{top:100%;}
}
@-webkit-keyframes anim1
{
    from{top:10px;}
    to{top:100%;}
}
@keyframes anim2
{
0%,100%{
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    10%,30%,50%,70%,90% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    20%,40%,60%,80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px)
    }
}
@-webkit-keyframes anim2
{
0%,100%{
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    10%,30%,50%,70%,90% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    20%,40%,60%,80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px)
    }
}
@keyframes anim3
{
    0%, 100%, 20%, 50%, 80% { -webkit-transform: translateY(0); transform: translateY(0) }
    40% { -webkit-transform: translateY(-30px); transform: translateY(-30px) }
    60% { -webkit-transform: translateY(-15px); transform: translateY(-15px) }
}
@-moz-keyframes anim3
{
    0%, 100%, 20%, 50%, 80% { -webkit-transform: translateY(0); transform: translateY(0) }
    40% { -webkit-transform: translateY(-30px); transform: translateY(-30px) }
    60% { -webkit-transform: translateY(-15px); transform: translateY(-15px) }
}
@-webkit-keyframes anim3
{
    0%, 100%, 20%, 50%, 80% { -webkit-transform: translateY(0); transform: translateY(0) }
    40% { -webkit-transform: translateY(-30px); transform: translateY(-30px) }
    60% { -webkit-transform: translateY(-15px); transform: translateY(-15px) }
}
@-o-keyframes anim3
{
    0%, 100%, 20%, 50%, 80% { -webkit-transform: translateY(0); transform: translateY(0) }
    40% { -webkit-transform: translateY(-30px); transform: translateY(-30px) }
    60% { -webkit-transform: translateY(-15px); transform: translateY(-15px) }
}

@-webkit-keyframes arrow{
    0%{transform:translate(0,0); opacity:0.9;}
    50%{transform:translate(0,50%); opacity:0.6;}
    100%{transform:translate(0,0); opacity:0.9;}
}
@keyframes arrow{
    0%{transform:translate(0,0); opacity:0.9;}
    50%{transform:translate(0,50%); opacity:0.6;}
    100%{transform:translate(0,0); opacity:0.9;}
}
@-webkit-keyframes aniRotate{
    0%{transform:rotate(0deg);}
    100%{transform:rotate(360deg);}
}
@keyframes aniRotate{
    0%{transform:rotate(0deg);}
    100%{transform:rotate(360deg);}
}

@keyframes lightOpacity{
    0%{opacity:1;}
    50%{opacity:0.4;}
    100%{opacity:1;}
}

@media screen and (max-width:1650px){
    .m-bg2 .m1200{width:960px}
    .news_list li{width:920px;}
}
@media screen and (max-width:1400px){
    .scan-box{
        display: none !important;
    }

}

.menu-box>ul>li.active .none-img{
    display: block !important;
}
.wechat-box{
    width: 472px;
    height: 137px;
    background: url(../img/beijing.png)no-repeat center center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 25rem;
    margin: 0 auto;
    animation: nonemenu 0.5s ;
    -moz-animation: nonemenu 0.5s ;
    -webkit-animation: nonemenu 0.5s ;
    -o-animation: nonemenu 0.5s ;
    -webkit-transform: scale(1);
    display: flex;
    flex-grow: 3;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 10px;
}
.wechat-box .wechat-con{
    width: 120px;
    height: 120px;
    background-color: #ffdb01;
}
.ios-box {
    margin-bottom: 6px;
}
.ios-con {
    padding: 0 5px;
}
.viode-con{
    width: 120px;
    height: 120px;
    background: url(../img/shipin.png)no-repeat center center;
    margin: 0 auto;
    padding: 0;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.viode-con a img{
    width: 47px;
    height: 55px;
    margin: 0 auto;
    text-align: center;
}
.viode-con:hover a{
    animation: jump ease 1.5s 1;
    -webkit-animation: jump ease 1.5s 1;
}
@keyframes jump{
    0%{
        -webkit-transform: translate(0);
        transform: translate(0);
    }
    10%{
        -webkit-transform: translateY(5px) scaleX(1.2) scaleY(.8);
        transform: translateY(5px) scaleX(1.2) scaleY(.8);
    }
    30%{
        -webkit-transform: translateY(-13px) scaleX(1) scaleY(1) rotateZ(5deg);
        transform: translateY(-13px) scaleX(1) scaleY(1) rotateZ(5deg);
    }
    50%{
        -webkit-transform: translateY(0) scale(1) rotateZ(0);
        transform: translateY(0) scale(1) rotateZ(0);
    }
    55%{
        -webkit-transform: translateY(0) scaleX(1.1) scaleY(.9) rotateZ(0);
        transform: translateY(0) scaleX(1.1) scaleY(.9) rotateZ(0);
    }
    70%{
        -webkit-transform: translateY(-4px) scaleX(1) scaleY(1) rotateZ(-2deg);
        transform: translateY(-4px) scaleX(1) scaleY(1) rotateZ(-2deg);
    }
    80%{
        -webkit-transform: translateY(0) scaleX(1) scaleY(1) rotateZ(0);
        transform: translateY(0) scaleX(1) scaleY(1) rotateZ(0);
    }
    85%{
        -webkit-transform: translateY(0) scaleX(1.05) scaleY(.95) rotateZ(0);
        transform: translateY(0) scaleX(1.05) scaleY(.95) rotateZ(0);
    }
    100%{
        -webkit-transform: translateY(0) scaleX(1) scaleY(1);
        transform: translateY(0) scaleX(1) scaleY(1);
    }
}
.none-video{
    display: none;
    width: 650px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    bottom: 24rem;
}
.none-video video{
    width: 100%;
}
.hide-box{
    width: 175px;
    height: 60px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    background: url(../img/fanhui.png)no-repeat center center;
    z-index: 999;
    cursor: pointer;
}