.section{ position: relative; overflow: hidden; }
#fullpage{ position: relative; }
.section .fp-tableCell{ display: block;position: relative;}
.logo>a>img{position: static;}
.bg{width: 100%;min-height: 100%;position: absolute;bottom: 0;}
img{position: absolute;width: 100%;}
a{cursor: pointer;}
body{
-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
-khtml-user-select:none;
user-select:none;
}

::-webkit-scrollbar{width:2px;height:5px;background-color: #fff;opacity: .2;}
::-webkit-scrollbar-track{border-radius: 0px;background:rgba(255,255,255,0);}
::-webkit-scrollbar-thumb{border-radius:5px;background: #d6d6d7;}
::-webkit-scrollbar-thumb:hover{border-radius:5px;background: #d6d6d7;}
::scrollbar{width:5px;height:5px;background-color: #fff;opacity: .2;}
::scrollbar-track{border-radius: 0px;background:rgba(255,255,255,0);}
::scrollbar-thumb{border-radius:5px;background:#bf9d5a;}
::scrollbar-thumb:hover{border-radius:5px;background:#bf9d5a;}

.torch a.logo{width: 10%;max-width: 184px;top: 5%;left: 5%;position: absolute;height: 8%;z-index: 999;-webkit-animation: fadeIn 1.5s .8s both;-ms-animation: fadeIn 1.5s .8s both;}
/*go_back*/
/*.torch .go_back{position: absolute;left: 80%;top: 4%;width: 25%;font-size: 0.18rem;color: #bf9e59;z-index: 999;}
    .torch .go_back>a{float: left;margin-right: 20px;padding-left: 30px;height: 32px;line-height: 32px;display: block;position: relative;color: #bf9e59;}
    .torch .go_back>a:before{content:"";background: url(../images/about/torch_3/go_back.png) no-repeat;width: 28px;height: 100%;position: absolute;}
    .torch .go_back>a.back_to_home:before{background-position: 3px 4px;left: 0%;}
    .torch .go_back>a.call_to_us:before{background-position: -64px 4px;left: 0%;}*/
.torch .go_back{position: fixed;top: 6%;right: 1%;width: 10%;height: 30px;z-index: 999;min-width: 150px;-webkit-animation: fadeIn 1.5s .8s both;-ms-animation: fadeIn 1.5s .8s both;opacity: .7;}
    .torch .go_back>a{display: block;width: 20%;max-width: 27px;height: 100%;float: left;margin-right: 20%;position: relative;}
    .torch .go_back>a>img{max-width: 0.25rem;bottom: 0;}
    .torch .go_back .back_to_home.enter{/*-webkit-animation:back_to_home 2s 0s infinite linear both;*/}
    .torch .go_back .call_to_us.enter{-webkit-animation:call_to_us 2s 0s infinite linear both;}
.torch .card{position: absolute;padding: 30px 30px;right: 5%;top: 9%;z-index: 99;color: #deba8d;border: 1px solid;border-radius: 10px;background-color: #fff;font-size: 0.28rem;display: none;}
    .torch .card .card_close{max-width: 25px;right: 5%;top: 5%;cursor: pointer;width: 6%;border: 1px solid;border-radius: 50%;}
    .torch .card>span{display: block;}
    .torch .card .card_s1{font-size: 0.18rem;margin-bottom: 5px;}
    .torch .card .card_s2{margin-bottom: 20px;font-weight: bold;}
    .torch .card .card_s3{margin-bottom: 5px;font-size: 0.20rem;}
    .torch .card .card_s4{font-size: 0.20rem;}

.torch{position: relative;width: 100%;overflow: hidden;}
    .torch .time{}
        .torch .time .time_date{width: 30%;display: none;left: 2%;top: 40%;}
        .torch .time .time_date.active{display: block;}
        .torch .time .time_date.out{display: block;}

    .torch .content{position: absolute;width: 40%;height: 60%;left: 30%;top: 16%;}
        .torch .content .pro_lib{width: 25%;height: 100%;position: absolute;left: 2%;top: 0;}
            /*.torch .content .pro_lib>div{height: 100%;position: absolute;width: 100%;display: none;}
            .torch .content .pro_lib>div.active{display: block;}*/
            .torch .content .pro_lib .pro{width: auto;display: none;height: 100%;left: 0;}
            .torch .content .pro_lib .pro.active{display: block;}
            .torch .content .pro_lib .pro.out{display: block;}

        .torch .content .logo_lib{position: absolute;width: 13%;height: 100%;top: 0;left: 20%;}
            .torch .content .logo_lib .logo{bottom: 33%;display: none;}
            .torch .content .logo_lib .logo.active{display: block;}
            .torch .content .logo_lib .logo.out{display: block;}

        .torch .content .con_lib{position: absolute;padding-right: 20px;display: none;left: 40%;top: 20%;width: 57%;line-height: 1.5;max-height: 65%;overflow: auto;}
            .torch .content .con_lib.active{display: block;z-index: 2;}
            .torch .content .con_lib.out{display: block;}
            .torch .content .con_lib .title{font-size: 0.30rem;color: #bf9e59;margin-bottom: -13%;font-weight: bold;}
            .torch .content .con_lib .address{font-size: 0.18rem;color: #bf9e59;margin-bottom: 10px;border: 1px solid;display: inline-block;padding: 2px 10px;border-radius: 6px;}
            .torch .content .con_lib .word{font-size: 0.20rem;color: #6b6b6b;line-height: 1.8;margin-bottom: 30px;}
            .torch .content .con_lib .con_all{width: 100%;font-size: 0.20rem;color:#6b6b6b;line-height: 1.8;opacity: 0;}
            .torch .content .con_lib .con_all.show_all{opacity: 1;}
            .torch .content .con_lib .con_all>span{display:block;}
            .torch .content .con_lib .con_all>span:nth-of-type(1),.torch .content .con_lib .con_all>span:nth-of-type(3){font-weight: bold;margin-bottom: 5px;margin-top: 15px;}
            .torch .content .con_lib .con_all .con_bottom{margin-top: 15px;}
            .torch .content .con_lib .con_all .con_bottom .con_b_content{width: 100%;}
            .torch .content .con_lib .con_all .con_bottom .con_b_contents{font-weight: bold;display: block;float: right;text-align: left;width: 94%;}
            .torch .content .con_lib .con_all .con_bottom .jiantou{letter-spacing: -3px;font-size: 0.10rem;}
        
        .torch .content .btn{width: 3%;bottom: 13%;left: 40%;}

    .torch .select_torch{position: absolute;width: 70%;height: 15%;left: 0;right: 0;margin: 0 auto;bottom: 7%;}
        .torch .select_torch .sel_torch{position: static;width: auto;max-width: 2.28%;height: 80%;margin: 0 2.1%;cursor: pointer;transition: height,width .3s,.3s;display: block;float: left;}
        .torch .select_torch .sel_torch.active{/* height: 130%; *//* max-width: 100%; *//* margin-top: -2.5%; *//* margin-left: 2.5%; *//* margin-right: 2.5%; */transform: scale3d(1.5,1.5,1.5);-webkit-transform: scale3d(1.5,1.5,1.5);}

@media screen and (max-width: 1450px) {
    .torch .content .con_lib .con_all .con_bottom .con_b_contents{width: 92%;}
}

/*animate*/
.time_date.active{
    -webkit-animation:time_dateIn 1s .7s both;
}
.time_date.out{
    -webkit-animation:time_dateout .5s .1s both;
}
.pro.active{
    transform-origin: center center;
    -webkit-transform-origin: center center;
    -webkit-animation: proInA .5s .1s linear both;
}
/*div.active{
    -webkit-animation: proInB .5s .1s linear both;
}*/
.pro.out{
    -webkit-animation: proout 0.3s .1s linear both;
}
.logo.active{
    -webkit-animation:logoIn 1s .8s both;
}
.logo.out{
    -webkit-animation:logoout .8s .1s both;
}
.con_lib.active{
    -webkit-animation:logoIn 1s .8s both;
}
.con_lib.out{
    -webkit-animation:logoout .5s .1s both;
}
/*.btn{
    -webkit-animation:btn_jump .5s 0s infinite both;
}*/

/*public*/
@keyframes call_to_us{
    0% {
        transform:rotate(0deg);
    }
    5% {
        transform:rotate(45deg);
    }
    10% {
        transform:rotate(-45deg);
    }
    15% {
        transform:rotate(45deg);
    }
    20% {
        transform:rotate(-45deg);
    }
    25% {
        transform:rotate(0deg);
    }
    100% {
        transform:rotate(0deg);
    }
}
@-webkit-keyframes call_to_us{
    0% {
        -webkit-transform:rotate(0deg);
    }
    5% {
        -webkit-transform:rotate(45deg);
    }
    10% {
        -webkit-transform:rotate(-45deg);
    }
    15% {
        -webkit-transform:rotate(45deg);
    }
    20% {
        -webkit-transform:rotate(-45deg);
    }
    25% {
        -webkit-transform:rotate(0deg);
    }
    100% {
        -webkit-transform:rotate(0deg);
    }
}
@keyframes time_dateIn {
    0% {
        opacity: 0;
        transform: translate3d(200px, 0, 0);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}
@-webkit-keyframes time_dateIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(200px, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
    }
}
@keyframes time_dateout {
    0% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
    100% {
        opacity: 0;
        transform: translate3d(-100px, 0, 0);
    }
}
@-webkit-keyframes time_dateout {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100px, 0, 0);
    }
}

@keyframes proInA {
    0% {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0,-100px, 0);
    }
    100% {
        opacity: 1;
        transform: scale3d(1, 1, 1) translate3d(0,0, 0);
    }
}
@keyframes proInB {
    0% {
        transform:translate3d(0,0, 0);
    }
    60% {
        transform:translate3d(-300px,0, 0);
    }
    100% {
        transform:translate3d(0, 0, 0);
    }
}

@keyframes proout{
    0% {
        opacity: 1;
        transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    }
    100% {
        opacity: 0;
        transform: scale3d(8, 8, 8) translate3d(60px, 50px, 0);
    }
}
@-webkit-keyframes proout{
    0% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(8, 8, 8) translate3d(60px, 50px, 0);
    }
}
@keyframes logoIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes logoIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes logoout {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@-webkit-keyframes logoout {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes btn_jump {
    0% {
        transform: translate3d(0, 0, 0);;
    }
    50% {
        transform: translate3d(0, 10px, 0);;
    }
    100% {
        transform: translate3d(0, 0, 0);;
    }
}