.section{ position: relative; overflow: hidden; }
#fullpage{ position: relative; }
.section .fp-tableCell{display: block;position: absolute;height: 65% !important;top: 0;bottom: 0;margin: auto 0;}
.slide.active .fp-tableCell{height: 100% !important;}
.logo>a>img{position: static;}
.bg{width: 100%;min-height: 100%;position: absolute;bottom: 0;}
img{position: absolute;width: 100%;}
a{cursor: pointer;}
body{
text-align: justify;
-moz-user-select:none;/*ç«ç‹*/
-webkit-user-select:none;/*webkitæµè§ˆå™¨*/
-ms-user-select:none;/*IE10*/
-khtml-user-select:none;/*æ—©æœŸæµè§ˆå™¨*/
user-select:none;
}

.torch{overflow: hidden;position: relative;width: 100%;background: url(../images/about/torch/bg.jpg) no-repeat center center;background-size: cover;}
.torch a.logo{width: 10%;max-width: 184px;top: 5%;left: 5%;position: absolute;height: 8%;z-index: 999;-webkit-animation: fadeIn 1.5s 1s both;-ms-animation: fadeIn 1.5s 1s both;}
/*.torch .show_init{display: block;}*/

/*go_back*/
/*.torch .go_back{position: absolute;left: 90%;top: 5%;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: 3%;width: 6%;height: 30px;z-index: 999;/* min-width: 150px; */-webkit-animation: fadeInback 1.5s 1s both;-ms-animation: fadeInback 1.5s 1s both;opacity: .7;}
    .torch .go_back>a{display: block;width: 20%;max-width: 27px;height: 100%;float: left;margin-right: 30%;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: 8%;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;}

/*time_lib*/
.torch .time_lib{position: absolute;width: 90%;height: 90%;left: 0;right: 0;top: 5%;margin: 0 auto;overflow: hidden;}
    .torch .time_lib .time_date{display: none;}
    .torch .time_lib .time_date.active_r{display: block;}
    .torch .time_lib .time_date.active_l{display: block;}
    .torch .time_lib .time_date.out_r{display: block;}
    .torch .time_lib .time_date.out_l{display: block;}

/*pro_lib*/
.torch .pro_lib{position: absolute;left: 0;right: 0;margin: 0 auto;width: 8%;top: 5%;height: 70%;}
    .torch .pro_lib .pro{display: none;cursor: pointer;}
    .torch .pro_lib .pro.active_l{display: block;}
    .torch .pro_lib .pro.active_r{display: block;}

/*logo_lib*/
.torch .logo_lib{width: 60%;left: 0;right: 0;margin: 0 auto;height: 20%;position: absolute;bottom: 5%;}
    .torch .logo_lib .btn{width: 10px;height: 19px;top: 0;bottom: 0;margin: auto 0;cursor: pointer;z-index: 55;}
    .torch .logo_lib .btn.btn_r{right: 5%;}
    .torch .logo_lib .btn.btn_l{left: 5%;}
    .torch .logo_lib .btn_big{top: 0;bottom: 0;margin: auto 0;cursor: pointer;z-index: 56;position: absolute;width: 10%;}
    .torch .logo_lib .btn_big.btn_big_r{right: -3%;}
    .torch .logo_lib .btn_big.btn_big_l{left: -3%;}
    .torch .logo_lib .btn_b{left: 0;right: 0;margin: 0 auto;bottom: -15%;width: 10%;}

    .torch .logo_lib .logo{width: auto !important;}

/*title*/
.torch.first .title_lib{display: none;}
.torch .title_lib{width: 30%;left: 0;right: 0;top: 70%;margin:0 auto;position: absolute;}
    .torch .title_lib>span{font-size: 0.20rem;color: #bf9e59;text-align: center;display: none;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);position: absolute;left: 0;right: 0;}
    .torch .title_lib>span.active_l{display: block;}
    .torch .title_lib>span.active_r{display: block;}
    .torch .title_lib>span.out_l{display: block;}
    .torch .title_lib>span.out_r{display: block;}

/*daohang*/
/*.daohang{position: absolute;text-align: center;font-size: 0.18rem;width: 8%;left: 3%;top: 27%;height: 50%;}
    .daohang .point{width: 5px;height: 5px;border-radius: 50%;margin: auto;background-color: #b8b9bb;}
    .daohang .point:first-of-type{right: 80%;}
    .daohang .point:last-of-type{left: 80%;}
    .daohang .dh_box{width: 100%;margin-top: 10%;position: relative;height: 15%;cursor: pointer;}
    .daohang .dh_box>div{position: absolute;margin: auto;left: 0;right: 0;top: 0;bottom: 0;line-height: 1.8;}
    .daohang .dh_box_1{font-size: 0.20rem;font-weight: bold;color: #f00;height: 10%;margin-top: 0;margin-bottom: 15%;}
    .daohang .dh_box_1 .point{background-color: #f00;}
    .daohang .dh_box_2{color:#bf9e59;font-weight: bold;height: 10%;margin-top: 15%;font-size: 0.20rem;}
    .daohang .dh_s1{color: #bf9e59;font-weight: bold;display: block;margin-top: 2%;margin-bottom: -5%;}
    .daohang .dh_box_1>div:nth-of-type(2),.daohang .dh_box_2>div:nth-of-type(2){margin-top: 3%;}
    .daohang .dh_s2{color: #b8b9bb;display: block;}*/
.daohang{position: absolute;text-align: center;font-size: 0.23rem;width: 8%;left: 3%;top: 27%;height: 50%;}
    .daohang .point{width: 5px;height: 5px;border-radius: 50%;margin: auto;background-color: #b8b9bb;}
    .daohang .point:first-of-type{right: 80%;}
    .daohang .point:last-of-type{left: 80%;}
    .daohang .dh_box{width: 100%;margin-top: 15%;position: relative;height: 6%;cursor: pointer;}
    .daohang .dh_box.enter .dh_s1{border-bottom: 1px solid #bf9e59;}
    .daohang .dh_box.active .dh_s1{border-bottom: 1px solid #bf9e59;}
    .daohang .dh_box>div{position: absolute;margin: auto;left: 0;right: 0;top: 0;bottom: 0;}
    .daohang .dh_box_1{font-weight: bold;color: #cc1319;height: 10%;margin-top: 0;margin-bottom: 15%;}
    .daohang .dh_box_1 .point{background-color: #cc1319;}
    .daohang .dh_s1{color: #bf9e59;font-weight: bold;display: inline-block;}
    .daohang .dh_box_1>div:nth-of-type(2){height: 30px;}
    .daohang .dh_s2{color: #b8b9bb;display: block;margin-top: 3px;font-size: 0.14rem;}
    .daohang .torch_show{text-align: left;color: #9a9a9a;font-size: 0.18rem;margin-left: 40%;width: 200%;display: none;}
    .daohang .torch_show>li{margin: 10px 0;cursor: pointer;}
    .daohang .torch_show>li.active{color: #bf9e59;}
@media screen and (max-width: 1450px) and (max-height: 910px){
    .daohang .dh_box_1>div:nth-of-type(2){margin-top: 10%;}
}
@media screen and (max-width: 1290px) and (max-height: 710px){
    .daohang .dh_box_1>div:nth-of-type(2){margin-top: 7%;}
}

/*animate*/
.torch .title_lib>span.out_r{-webkit-animation:time_out_r .3s .1s both;}
.torch .title_lib>span.out_l{-webkit-animation:time_out_l .3s .1s both;}
.torch .time_lib .time_date.out_r{-webkit-animation:time_out_r .3s .1s both;}
.torch .time_lib .time_date.out_l{-webkit-animation:time_out_l .3s .1s both;}
.torch .title_lib>span.active_r{-webkit-animation:time_active_r .3s .1s both;}
.torch .title_lib>span.active_l{-webkit-animation:time_active_l .3s .1s both;}
.torch .time_lib .time_date.active_r{-webkit-animation:time_active_r .3s .1s both;}
.torch .time_lib .time_date.active_l{-webkit-animation:time_active_l .3s .1s both;}
.torch .daohang{-webkit-animation:fadeInA .3s 1s both linear;}

/*fist*/
.first.torch .title_lib>span.out_r{-webkit-animation:time_out_r .1s 0s linear both;}
.first.torch .title_lib>span.out_l{-webkit-animation:time_out_l .1s 0s linear both;}
.first.torch .time_lib .time_date.out_r{-webkit-animation:time_out_r .1s 0s linear both;}
.first.torch .time_lib .time_date.out_l{-webkit-animation:time_out_l .1s 0s linear both;}
.first.torch .title_lib>span.active_r{-webkit-animation:time_active_r .1s 0s linear both;}
.first.torch .title_lib>span.active_l{-webkit-animation:time_active_l .1s 0s linear both;}
.first.torch .time_lib .time_date.active_r{-webkit-animation:time_active_r .1s 0s linear both;}
.first.torch .time_lib .time_date.active_l{-webkit-animation:time_active_l .1s 0s linear both;}

.btn_r{-webkit-animation:btn_r .8s .1s infinite both;}
.btn_l{-webkit-animation:btn_l .8s .1s infinite both;}

@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 fadeInA {
    0% {
        opacity: 0;
        height: 0;
    }
    50% {
        opacity: .2;
    }
    75% {
        opacity: .4;
    }
    100% {
        opacity: 1;
        height: 50%;
    }
}
@-webkit-keyframes fadeInA {
    0% {
        opacity: 0;
        height: 0;
    }
    50% {
        opacity: .2;
    }
    75% {
        opacity: .4;
    }
    100% {
        opacity: 1;
        height: 50%;
    }
}
@keyframes time_out_r {
    0% {
        opacity: 1;
        transform: translate3d(0,0,0);
    }
    100% {
        opacity: 0;
        transform: translate3d(200px,0,0);
    }
}
@-webkit-keyframes time_out_r {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(200px,0,0);
    }
}
@keyframes time_out_l {
    0% {
        opacity: 1;
        transform: translate3d(0,0,0);
    }
    100% {
        opacity: 0;
        transform: translate3d(-200px,0,0);
    }
}
@-webkit-keyframes time_out_l {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-200px,0,0);
    }
}

@keyframes time_active_r {
    0% {
        opacity: 0;
        transform: translate3d(200px,0,0);
    }
    100% {
        opacity: 1;
        transform: translate3d(0,0,0);
    }
}
@-webkit-keyframes time_active_r {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(200px,0,0);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
    }
}
@keyframes time_active_l {
    0% {
        opacity: 0;
        transform: translate3d(-200px,0,0);
    }
    100% {
        opacity: 1;
        transform: translate3d(0,0,0);
    }
}
@-webkit-keyframes time_active_l {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-200px,0,0);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
    }
}
@keyframes btn_r {
    0% {
        opacity:  0;
        transform: translate3d(0px,0,0);
    }
    100% {
        opacity:  1;
        transform: translate3d(50px,0,0);
    }
}
@keyframes btn_l {
    0% {
        opacity:  0;
        transform: translate3d(0px,0,0);
    }
    100% {
        opacity:  1;
        transform: translate3d(-50px,0,0);
    }
}
@-webkit-keyframes btn_r {
    0% {
        opacity:  0;
        -webkit-transform: translate3d(0px,0,0);
    }
    100% {
        opacity:  1;
        -webkit-transform: translate3d(50px,0,0);
    }
}
@-webkit-keyframes btn_l {
    0% {
        opacity:  0;
        -webkit-transform: translate3d(0px,0,0);
    }
    100% {
        opacity:  1;
        -webkit-transform: translate3d(-50px,0,0);
    }
}
@keyframes fadeInback{
    0% {
        opacity: 0;
    }
    100% {
        opacity: .7;
    }
}