.logo>a>img{position: static;}
.bg{width: 100%;min-height: 100%;position: absolute;bottom: 0;}
img{position: absolute;width: 100%;}
a{cursor: pointer;}
html{height: 100%;}


/*public*/
.torch{position: relative;height: 100%;width: 100%;padding: 0;margin: 0;overflow: hidden;background: url(/Public/Home/m/images/About/torch/torch_bg.jpg) no-repeat;background-size: 100% 100%;}
.active_l,.active_r,.out_l,.out_r{display: block !important;}
.active_l,.active_r{z-index: 3;}
.show_all{display: block !important;-webkit-animation:pro_active 1.5s 0s linear both;}

/*head*/
.torch .torch_head{position: absolute;width: 85%;height: 43px;top: 3%;left: 7.5%;}
    .torch .torch_head .vlogo{left: 0;width: auto;height: 100%;}
    .torch .torch_head .call_to_us{right: 0;top: 0;height: 1.1rem;bottom: 0;width: auto;margin: auto;}
    .torch .torch_head .go_index{right: 10%;top: 0;height: 1.02rem;bottom: 0;width: auto;margin: auto;}
    .torch .torch_head .back_one{right: 20%;top: 20%;height: 60%;width: auto;}
.torch .card{position: absolute;overflow: hidden;width: 60%;left: 20%;text-align: left;border-radius: 20px;height: 264px;top: 25%;z-index: 99999999;color: #fff;display: none;}
    .torch .card .card_bg{width: 100%;height: 100%;background: #000;opacity: .5;position: absolute;top: 0;left: 0;}
    .torch .card .card_div{width: 90%;float: left;height: 33%;border-bottom: 1px solid #fff;position: relative;line-height: 88px;padding-left: 10%;font-size: 21px;}
    .torch .card .card_close{max-width: 19px;right: 5%;top: 5%;}
    .torch .card.dangban{z-index: 999;width: 100%;height: 100%;border:none;top: 0;left: 0;}

/*time_lib*/
.torch .time_lib{width: 100%;height: 40%;position: absolute;top: 14%;}
    .torch .time_lib .time_date{display: none;}


/*pro_lib*/
.torch .pro_lib{position: absolute;width: 100%;height: 40%;top: 23%;}
    .torch .pro_lib .pro{width: auto;height: 140%;bottom: 0;left: 0;right: 0;margin: 0 auto;display: none;}

/*title_lib*/
.torch .title_lib{position: absolute;top: 58%;width: 100%;text-align: center;color: #bf9e59;font-size: 25px;font-family: '方正兰亭纤黑简体';display: none;}
    .torch .title_lib span{display: none;position: absolute;top: 0;width: 100%;}

/*logo_lib*/
.torch .logo_lib{position: absolute;bottom: 18%;width: 65%;height: 17%;left: 17.5%;display: none;}
    .torch .logo_lib .logo_btn{width: 5%;max-width: 17px;top: 20%;bottom: 0;margin: auto 0;}
    .torch .logo_lib .logo_btn.logo_btn_l{left: -10%;}
    .torch .logo_lib .logo_btn.logo_btn_r{right: -10%;}
    .torch .logo_lib .logo_middle{width: 50%;left: 0;right: 0;margin: 0 auto;bottom: -25%;}

        .torch .logo_lib .logo{height: auto;width: auto;max-width: 20%;max-height: 90px;margin: auto 0;top: 20%;bottom: 0;display: none;transition: left .3s,height .3s,top .3s,opacity .3s,width .3s;}
        .torch .logo_lib .logo.logo_see_1{left: -5%;opacity: 0;display: block;pointer-events: none;}
        .torch .logo_lib .logo.logo_see_2{left: 5%;display: block;}
        .torch .logo_lib .logo.logo_see_3{top:0;left: 30%;width: auto;max-width: 40%;max-height: 170px;display: block;}
        .torch .logo_lib .logo.logo_see_3.shutiao{left: 35%;}
        .torch .logo_lib .logo.logo_see_4{left: 75%;display: block;}
        .torch .logo_lib .logo.logo_see_5{left: 85%;opacity: 0;display: block;pointer-events: none;}

/*foot*/
.torch .torch_foot{position: fixed;width: 100%;bottom: 0;height: 8%;max-height: 84px;}
    .torch .torch_foot .foot_bg{left: 0;top: 0;}
    .torch .torch_foot .foot_active{bottom: 0;width: 33.33%;opacity: 0;transition: opacity .3s;}
    .torch .torch_foot .foot_active.biling{opacity: 1;}
    .torch .torch_foot .torch_foot_btn{width: 32%;height: 100%;float: left;position:relative;z-index: 55;}
    .torch .torch_foot .torch_foot_btn:nth-of-type(2){margin:0 2%;}
    .torch .torch_foot .foot_active.num0{left: 0;}
    .torch .torch_foot .foot_active.num1{left: 33.33%;}
    .torch .torch_foot .foot_active.num2{right: 0;}
    .torch .torch_foot .foot_sel1{display: none;position: absolute;bottom: 99%;left: 33%;}
    .torch .torch_foot .foot_sel1 .foot_sel1_btn{display: block;width: 100%;position: static;height: auto;padding:0;margin:0;}
    .torch .torch_foot .foot_sel1.foot_two{display: block;}

/*animate*/
.time_date.active_l,.title_lib .active_l{
    -webkit-animation:active_l .3s 0s linear both;
}
.time_date.active_r,.title_lib .active_r{
    -webkit-animation:active_r .2s 0s linear both;
}
.pro.active_l,.pro.active_r{
    -webkit-animation:pro_active .3s 0s linear both;
}

.time_date.out_l,.title_lib .out_l{
    -webkit-animation:out_l .3s 0s linear both;
}
.time_date.out_r,.title_lib .out_r{
    -webkit-animation:out_r .2s 0s linear both;
}
.pro.out_l,.pro.out_r{
    -webkit-animation:pro_out .3s 0s linear both;
}
.torch .torch_foot .foot_sel1.foot_two .foot_sel1_btn:nth-of-type(1){-webkit-animation:foot_in 0.1s 0.15s linear both;}
.torch .torch_foot .foot_sel1.foot_two .foot_sel1_btn:nth-of-type(2){-webkit-animation:foot_in 0.1s 0.1s linear both;}
.torch .torch_foot .foot_sel1.foot_two .foot_sel1_btn:nth-of-type(3){-webkit-animation:foot_in 0.1s 0.05s linear both;}
.torch .torch_foot .foot_sel1.foot_two .foot_sel1_btn:nth-of-type(4){-webkit-animation:foot_in 0.1s 0s linear both;}

.logo_btn_r{-webkit-animation:btn_r .8s .1s infinite both;}
.logo_btn_l{-webkit-animation:btn_l .8s .1s infinite both;}

/*animate_lib*/
@keyframes active_l {
    0% {
        opacity: 0;
        transform: translate3d(-50px,0,0);
    }
    100% {
        opacity: 1;
        transform: translate3d(0,0,0);
    }
}
@keyframes active_r {
    0% {
        opacity: 0;
        transform: translate3d(50px,0,0);
    }
    100% {
        opacity: 1;
        transform: translate3d(0,0,0);
    }
}
@keyframes out_l {
    0% {
        opacity: 1;
        transform: translate3d(0,0,0);
    }
    100% {
        opacity: 0;
        transform: translate3d(50px,0,0);
    }
}
@keyframes out_r {
    0% {
        opacity: 1;
        transform: translate3d(0,0,0);
    }
    100% {
        opacity: 0;
        transform: translate3d(-50px,0,0);
    }
}
@keyframes pro_active {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes pro_out {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@-webkit-keyframes active_l {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-50px,0,0);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
    }
}
@-webkit-keyframes active_r {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(50px,0,0);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
    }
}
@-webkit-keyframes out_l {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(50px,0,0);
    }
}
@-webkit-keyframes out_r {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-50px,0,0);
    }
}
@-webkit-keyframes pro_active {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes pro_out {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes btn_r {
    0% {
        opacity:  0;
        transform: translate3d(0px,0,0);
    }
    100% {
        opacity:  1;
        transform: translate3d(20px,0,0);
    }
}
@keyframes btn_l {
    0% {
        opacity:  0;
        transform: translate3d(0px,0,0);
    }
    100% {
        opacity:  1;
        transform: translate3d(-20px,0,0);
    }
}
@-webkit-keyframes btn_r {
    0% {
        opacity:  0;
        -webkit-transform: translate3d(0px,0,0);
    }
    100% {
        opacity:  1;
        -webkit-transform: translate3d(20px,0,0);
    }
}
@-webkit-keyframes btn_l {
    0% {
        opacity:  0;
        -webkit-transform: translate3d(0px,0,0);
    }
    100% {
        opacity:  1;
        -webkit-transform: translate3d(-20px,0,0);
    }
}
@keyframes foot_in {
    0% {
        opacity: 0;
        transform: translate3d(0,40px,0);
    }
    100% {
        opacity: 1;
        transform: translate3d(0,0px,0);
    }
}
@-webkit-keyframes foot_in {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,40px,0);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0,0px,0);
    }
}