@font-face {
    font-family: 'FZLTHJW';
    src: url('../font/FZLTHJW.TTF');
    src: url('../font/FZLTHJW.eot?#iefix') format('embedded-opentype'),
         url('../font/FZLTHJW.woff') format('woff'),
         url('../font/FZLTHJW.ttf') format('truetype'),
         url('../font/FZLTHJW.svg#webfont34M5alKg') format('svg');
    font-weight: normal;
    font-style: normal;
}
.section{ position: relative; overflow: hidden;font-family: "FZLTHJW";}
#fullpage{ position: relative;text-align: justify;}
.section .fp-tableCell{ display: block;position: relative;}
.logo>a>img{position: static;}
.bg{width: 100%; min-height: 100%; position: static;}
img{position: absolute;width: 100%;}
a{cursor: pointer;}

#fp-nav.right{ right:4%; }
#fp-nav li{ margin:10px 0 !important; +margin:1px 0 !important; }
#fp-nav li a{ display: block; width:10px !important; height:10px !important; list-style: none; background: url(../images/img_mojie/circle.png) no-repeat 0 0;}
#fp-nav li span{ border:none !important; }
#fp-nav li a.active{ width:16px !important; height:16px !important; margin-left: -3px !important; margin-top: -3px !important; background: url(../images/img_mojie/circle.png) no-repeat 0 -18px; }
#fp-nav li a.active span{ background:transparent !important;  }

.section .fp_title{position: absolute;font-size: 0.3rem;font-weight: bold;color: #bb9b59;}
/*go_back*/
.go_back{position: fixed;top: 2.5%;right: 1%;width: 10%;height: 30px;z-index: 999;min-width: 150px;opacity: .7;}
    .go_back>a{position: relative;display: block;width: 20%;max-width: 23px;height: 100%;float: left;margin-right: 30%;}
    .go_back>a>img{margin: auto;top: 0;bottom: 0;max-width: 27px;}
    .go_back .back_to_home.enter{/*-webkit-animation:back_to_home 2s 0s infinite linear both;*/}
    .go_back .call_to_us.enter{-webkit-animation:call_to_us 2s 0s infinite linear both;}
.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;}
    .card .card_close{max-width: 25px;right: 5%;top: 5%;cursor: pointer;width: 6%;border: 1px solid;border-radius: 50%;}
    .card>span{display: block;}
    .card .card_s1{font-size: 0.18rem;margin-bottom: 5px;}
    .card .card_s2{margin-bottom: 20px;font-weight: bold;}
    .card .card_s3{margin-bottom: 5px;font-size: 0.20rem;}
    .card .card_s4{font-size: 0.20rem;}
.fp1 .logo{width: 9%;max-width: 150px;top: 1%;left: 5%;position: absolute;height: 6%;z-index: 999;}
/*.fp1 .go_back{position: absolute;left: 80%;top: 4%;width: 25%;font-size: 0.18rem;color: #bf9e59;z-index: 999;}
    .fp1 .go_back>a{float: left;margin-right: 20px;padding-left: 30px;height: 32px;line-height: 32px;display: block;position: relative;color: #bf9e59;}
    .fp1 .go_back>a:before{content:"";background: url(../images/about/torch_3/go_back.png) no-repeat;width: 28px;height: 100%;position: absolute;}
    .fp1 .go_back>a.back_to_home:before{background-position: 3px 4px;left: 0%;}
    .fp1 .go_back>a.call_to_us:before{background-position: -64px 4px;left: 0%;}
.fp1 .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;}
    .fp1 .card .card_close{max-width: 25px;right: 5%;top: 5%;cursor: pointer;width: 6%;border: 1px solid;border-radius: 50%;}
    .fp1 .card>span{display: block;}
    .fp1 .card .card_s1{font-size: 0.18rem;margin-bottom: 5px;}
    .fp1 .card .card_s2{margin-bottom: 20px;font-weight: bold;}
    .fp1 .card .card_s3{margin-bottom: 5px;font-size: 0.20rem;}
    .fp1 .card .card_s4{font-size: 0.20rem;}*/

/*fp1*/
/*.fp1 .bg{position: absolute;bottom: 0;margin: auto;}*/
.fp1{background-color: #fff;}
    .fp1 .bg{position: absolute;bottom: 0;}
    .fp1 .fp1_pro{bottom: 0;height: 90%;width: auto;left: 20%;}
    /*.fp1 .fp1_title{bottom: 70%;width: 19%;max-width: 359px;left: 48%;}*/
    .fp1 .fp1_span{position: absolute;left: 48%;color: #862427;}
    .fp1 .fp1_s1{font-size: 0.80rem;top: 30%;font-weight: bold;}
    .fp1 .fp1_s2{font-size: 0.35rem;top: 63%;}
    .fp1 .fp1_logo{width: 7%;left: 48%;top: 15%;}

/*fp2*/
.fp2 .fp2_pro{position: absolute;height: 82%;width: auto;left: 61%;top: 12%;}
    .fp2 .fp2_div{position: absolute;right: 45%;top: 30%;width: 26%;font-size: 0.20rem;line-height: 1.5;}
    .fp2 .fp2_div .fp2_s1{margin-bottom: 5%;display: inline-block;color: #a88343;font-size: 0.17rem;border: 1px solid;border-radius: 5px;padding: 0 10px;}
    .fp2 .fp2_div .fp2_s2{font-weight: bold;display: block;color: #bb9b59;font-size: 0.3rem;margin-bottom: 5%;}
    .fp2 .fp2_div .fp2_s3{display: block;color: #6b6b6a;font-size: 0.2rem;}

/*fp3*/
.fp3 .bg{position: absolute;bottom: 0;}
    .fp3 .fp3_div{padding-top: 3%;padding-bottom: 0%;position: absolute;line-height: 1.5;top: 30%;left: 50%;width: 25%;height: 30%;font-size: 0.20rem;color: #6b6b6a;}
    .fp3 .fp3_pro{left: 11.72%;bottom: 0;width: auto;height: 80%;}
    .fp3 .fp3_div_title{left: 50%;top: 28%;}
    .fp3 .fp3_div>span{display: block;margin-bottom: 5%;}

/*fp4*/
.fp4 .fp4_div{padding-top: 3%;padding-bottom: 1%;position: absolute;line-height: 1.5;top: 22%;left: 28.8%;width: 15%;}
    .fp4 .fp4_pro{width: auto;height: 74%;left: 63.23%;top: 10.8%;}
    .fp4 .fp4_div .fp4_ele{float: left;min-width: 22%;margin-bottom: 15px;margin-right: 13%;}
    .fp4 .fp4_div .fp4_ele .fp4_div1{color: #c1a15e;font-size: 0.18rem;}
    .fp4 .fp4_div .fp4_ele .fp4_div2{color: #8e8786;font-size: 0.20rem;}
    .fp4 .fp4_div_title{left: 28.8%;top: 20%;}
    .fp4 .fp4_canshu{width: 100%;float: left;font-size: .2rem;color: #6b6b6a;}
    .fp4 .fp4_canshu .fp4_div3{width: 100%;}
    .fp4 .fp4_canshu .fp4_div3:nth-of-type(4){width: 130%;}
    .fp4 .fp4_canshu .fp4_div3 span:nth-of-type(2){width: 50%;}
    .fp4 .fp4_canshu .fp4_div3 span{display: block;float: left;height: 100%;}

/*fp5*/
.fp5 .bg{bottom: 0;position: absolute;}
    .fp5 .fp5_div_title{width: 100%;text-align: center;font-size: 0.3rem;color: #bf9e59;font-weight: bold;position: absolute;top: 13%;}
    .fp5 .fp5_div{width: 70%;left: 0;right: 0;margin: 0 auto;position: absolute;top: 15%;color: #6b6b6b;padding-top: 3%;font-size: 0.2rem;text-align: center;line-height: 1.8;}
    .fp5 .fp5_photo{position: absolute;left: 0;right: 0;margin: 0 auto;width: 40%;height: 45%;bottom: 10%;}
        .fp5 .fp5_btn{width: 173px;height: 144px;top: 0;bottom: 0;margin: auto 0;cursor: pointer;z-index: 10;}
        .fp5 .fp5_btn.fp5_left{left: -75%;}
        .fp5 .fp5_btn.fp5_right{right: -75%;}

        .fp5 .fp5_photo .fp5_p.fp5_1{z-index: 1;right: 158%;opacity: 0.2;}
        .fp5 .fp5_photo .fp5_p.fp5_2{z-index: 2;right: 115%;opacity: 0.3;}
        .fp5 .fp5_photo .fp5_p.fp5_3{z-index: 3;right: 72%;opacity: 0.5;}
        .fp5 .fp5_photo .fp5_p.fp5_4{z-index: 4;right: 31%;height: 100%;width: 38%;opacity: 1;}
        .fp5 .fp5_photo .fp5_p.fp5_5{z-index: 3;right: -12%;opacity: 0.5;}
        .fp5 .fp5_photo .fp5_p.fp5_6{z-index: 2;right: -55%;opacity: 0.3;}
        .fp5 .fp5_photo .fp5_p.fp5_7{z-index: 1;right: -98%;opacity: 0.2;}
        .fp5 .fp5_photo .fp5_p.fp5_8,.fp5 .fp5_photo .fp5_p.fp5_9{opacity: 0;right: -1000%;}
        .fp5 .fp5_photo .fp5_p.fp5_10{opacity: 0;right: 1000%;}

        .fp5_tu_1{background: url(../images/about/torch_3/fp5_p1.jpg) no-repeat center center;}
        .fp5_tu_2{background: url(../images/about/torch_3/fp5_p2.jpg) no-repeat center center;}
        .fp5_tu_3{background: url(../images/about/torch_3/fp5_p3.jpg) no-repeat 60%;}
        .fp5_tu_4{background: url(../images/about/torch_3/fp5_p4.jpg) no-repeat center center;}
        .fp5_tu_5{background: url(../images/about/torch_3/fp5_p5.jpg) no-repeat center center;}
        .fp5_tu_6{background: url(../images/about/torch_3/fp5_p6.jpg) no-repeat center center;}
        .fp5_tu_7{background: url(../images/about/torch_3/fp5_p7.jpg) no-repeat center center;}
        .fp5_tu_8{background: url(../images/about/torch_3/fp5_p8.jpg) no-repeat center center;}
        .fp5_tu_9{background: url(../images/about/torch_3/fp5_p9.jpg) no-repeat center center;}
        .fp5_tu_10{background: url(../images/about/torch_3/fp5_p10.jpg) no-repeat 100%;}

        .fp5 .fp5_photo .fp5_p{background-size: cover;position: absolute;margin: auto 0;bottom: 0;top: 0;cursor: pointer;transition: right .3s,left .3s,z-index .3s,opacity .3s,width .3s,height .3s;/* box-shadow: 0px 0px 40px 5px #888888; */overflow: hidden;opacity: 0;width: 40%;height: 50%;}
        .fp5 .fp5_photo .fp5_p .photo{width: auto;height: 100%;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
    .super_big{position: absolute;z-index: 9999999;width: 100%;height: 100%;top: 0;left: 0;display: none;}
        .super_big>div{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: #897f7d;opacity: 0.8;}
        .super_big>img{max-height: 80%;max-width: 80%;width: auto;height: auto;left: 0;right: 0;top: 0;bottom: 0;opacity: 1 !important;margin: auto;}
    .fp5_point_lib{position: absolute;width: 160px;margin: 0 auto;left: 0;right: 0;bottom: 5%;}
        .fp5_point_lib .fp5_point{background-color: #525252;width: 5px;height: 5px;border: 1px solid #525252;border-radius: 50%;float: left;margin-right: 10px;}
        .fp5_point_lib .fp5_point.active{background-color: #bf9e59;border-color: #bf9e59;}

/*daohang*/
.daohang{position: fixed;top: 3%;left: 5%;width: 100%;}
    .daohang div{cursor: pointer;width: 7%;font-size:0.18rem;float: left;border: 1px solid #6b6b6b;border-top: none;border-bottom: none;color: #6b6b6b;text-align: center;margin-right: 3px;min-height: 0.26rem;line-height: 0.26rem;}
    .daohang div.daohang_1,.daohang.index_2 div.daohang_1{font-size: 0.24rem;color: #c1a15e;border-left: none;font-weight: bold;padding-right: 20px;border-width: 3px;border-color: #c1a15e;width: 11%;}
    .daohang div.daohang_2{border-left: none;}
    .daohang div.daohang_5{border-right: none;cursor: default;}
    .daohang div.active,.daohang.index_2 div.active{font-size: 0.20rem;color: #c1a15e;border-color: #c1a15e;}

    .daohang.index_2 div{color: #fff;border-color: #fff;}

/*media*/
@media screen and (max-height: 910px) and (max-width: 1450px){
/*fp1*/
/*.fp1 .fp1_left{top: -70px;min-height: calc(100% + 70px);}
    .fp1 .fp1_pro{bottom: 0;height: 100%;left: -1%;}
    .fp1 .fp1_s1{position: absolute;top: 21%;left: 20.2%;color: #717071;font-size: 0.80rem;}
    .fp1 .fp1_s2{position: absolute;left: 20.2%;top: 44%;color: #919191;font-size: 0.64rem;}
    .fp1 .fp1_s3{position: absolute;left: 20.2%;color: #bf9e59;font-size: 0.24rem;bottom: 22%;}*/
/*fp5*/
    .fp5 .fp5_photo .fp5_p{height: 45%;}
        .fp5 .fp5_photo .fp5_p.fp5_1{right: 161%;}
        .fp5 .fp5_photo .fp5_p.fp5_2{right: 119%;}
        .fp5 .fp5_photo .fp5_p.fp5_3{right: 77%;}
        .fp5 .fp5_photo .fp5_p.fp5_4{width: 50%;right: 25%;}
        .fp5 .fp5_photo .fp5_p.fp5_5{right: -17%;}
        .fp5 .fp5_photo .fp5_p.fp5_6{right: -59%;}
        .fp5 .fp5_photo .fp5_p.fp5_7{right: -101%;}
}

/*animate*/
.active.section.fp1 .fp1_pro{
    -webkit-animation: fadeInA 1.5s .3s both;
}
.active.section.fp1 .fp1_title{
    -webkit-animation: fadeInA 1.5s .3s both;
}
.active.section.fp1 .fp1_div{
    -webkit-animation: fadeInA 1.5s .5s both;
}
.active.section.fp1 .fp1_logo{
    -webkit-animation: fadeInA 1.5s .7s both;
}
.active.section.fp2 .fp2_final{
    -webkit-animation: fadeInA 3s .8s both;
}
.active.section.fp2 .fp2_pro{
    -webkit-animation: bounceInA 3s .3s both;
}
.active.section.fp2 .fp2_pro_l{
    -webkit-animation: fadeInLeftA 1s .8s both;
}
.active.section.fp2 .fp2_pro_r{
    -webkit-animation: fadeInRightA 1s .8s both;
}
.active.section.fp2 .fp2_div{
    -webkit-animation: fadeInA 1.5s 1.2s both;
}
.active.section.fp3 .fp3_div{
    -webkit-animation: fadeInA 1.5s .5s both;
}
.active.section.fp3 .fp3_pro{
    -webkit-animation: fadeInA 2s .5s both;
}
.active.section.fp4 .fp4_pro{
    -webkit-animation: fadeInA 2s .5s both;
}
.active.section.fp4 .fp4_div{
    -webkit-animation: fadeInA 1.5s .8s both;
}
.active.section.fp5 .fp5_div{
    -webkit-animation: fadeInA 1s .2s both;
}
.active.section.fp5 .fp5_photo{
    -webkit-animation: fadeInA 1s .5s both;
}
.active.section.fp5 .fp5_left{
    -webkit-animation: fadeInRightE .8s both infinite;
}
.active.section.fp5 .fp5_right{
    -webkit-animation: fadeInLeftE .8s both infinite;
}
.active.section.fp2 .fp2_div_title{
    -webkit-animation: fadeInA 1.5s .9s both;
}
.active.section.fp3 .fp3_div_title{
    -webkit-animation: fadeInA 1.5s .2s both;
}
.active.section.fp4 .fp4_div_title{
    -webkit-animation: fadeInA 1.5s .5s both;
}
.active.section.fp1 .fp1_s1{
    -webkit-animation: fadeInA 1.5s .5s both;
}
.active.section.fp1 .fp1_s2{
    -webkit-animation: fadeInA 1.5s .8s 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 back_to_home{
    0% {
        transform:rotate(0deg);
    }
    25% {
        transform:rotate(360deg);
    }
    100% {
        transform:rotate(360deg);
    }
}
@-webkit-keyframes back_to_home{
    0% {
        -webkit-transform:rotate(0deg);
    }
    25% {
        -webkit-transform:rotate(360deg);
    }
    100% {
        -webkit-transform:rotate(360deg);
    }
}
@-webkit-keyframes fadeInA {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
@keyframes fadeInA {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
@-webkit-keyframes fadeInLeftA {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-60px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}
@keyframes fadeInLeftA {
    0% {
        opacity: 0;
        transform: translateX(-60px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
@-webkit-keyframes fadeInRightA {
    0% {
        opacity: 0;
        -webkit-transform: translateX(60px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}
@keyframes fadeInRightA {
    0% {
        opacity: 0;
        transform: translateX(60px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
@-webkit-keyframes fadeIndownA {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-20%,0);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
    }
}
@keyframes fadeIndownA {
    0% {
        opacity: 0;
        transform: translate3d(0,-20%,0);
    }

    100% {
        opacity: 1;
        transform: translate3d(0,0,0);
    }
}
@-webkit-keyframes bounceInA {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1);
    }
    70% {
        -webkit-transform: scale(1);
    }
    100% {
        -webkit-transform: scale(1);
    }
}
@keyframes bounceInA {
    0% {
        opacity: 0;
        transform: scale(.1);
    }
    50% {
        opacity: 1;
        transform: scale(1);
    }
    70% {
        transform: scale(1);
    }
    100% {
        transform: scale(1);
    }
}
@-webkit-keyframes fadeInRightE {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}
@keyframes fadeInRightE {
    0% {
        opacity: 0;
        transform: translateX(20px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
@-webkit-keyframes fadeInLeftE {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}
@keyframes fadeInLeftE {
    0% {
        opacity: 0;
        transform: translateX(-20px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}