/**
 * fullPage 2.4.6
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */
@charset "utf-8";
/* CSS Document */
body { margin: 0; padding: 0; font-size: 12px; font-family: "微软雅黑"; -webkit-text-size-adjust: none; color: #000;
    background: #191718; background-size:100%;
    font-family:"微软雅黑"; }
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, p { margin: 0; padding: 0; }
img { border: 0; vertical-align: bottom;  }
ul, li { list-style-type: none; }
a { color: #000; text-decoration: none; }
html, body {
    margin: 0;
    padding: 0;
    overflow:hidden;

    /*Avoid flicker on slides transitions for mobile phones #336 */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    position: relative;
}
.clear{
    clear: both;}
/* 右侧导航 */
#fullPage-nav { _display: none; font-size: 12px;}
#fullPage-nav li { width: 90px; height: 21px; margin: 10px 0 0; vertical-align: middle;}
#fullPage-nav li a { float: right; width: 21px; height: 21px; color: #8F9DA4; text-decoration: none; text-align: right; background: url(../images/dot.png) 5px 5px no-repeat;}
#fullPage-nav li .active { background-position: 0 bottom;}
#fullPage-nav span { display: none;}
.fullPage-tooltip { float: left; top: 0; margin-right: 5px; font: 12px "Microsoft Yahei"; color: #8F9DA4; line-height: 21px;}
#fullPage-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
}
#fullPage-nav.right {
    right: 17px;
}
#fullPage-nav.left {
    left: 17px;
}
.page_full{ position: relative; }
.top_navigation{ position: fixed; background:rgba(19,18,19,0.8); top: 0; left:0; width: 100%; height: 90px; line-height: 90px; z-index: 99;
       /* overflow: hidden;*/ }
/*小于*/
@media screen and (min-width: 1600px) {
    
    .top_navigation_con{/* max-width: 1200px;*/ margin: 0px auto;  }
    .top_navigation_con .logo{ float: left; padding-right: 50px; width: 20%; padding-left: 3% }
    .top_navigation_con .logo img{ vertical-align: middle; }
    .top_navigation_l{ width: 55%;
        float: right;
      }
    .top_navigation_r{ float: right; width: 300px;  }
}

/*小于*/
@media screen and (max-width: 1601px) {
    
    .top_navigation_con{ max-width: 1200px; margin: 0px auto;  }
    .top_navigation_con .logo{ float: left; padding-right: 50px; width: 30%; display: none; }
    .top_navigation_l{ width: 900px;
        float: left;
      }
    .top_navigation_r{ float: right; width: 300px;  }
}

.top_navigation_l li{ float: left; color: #fff ;
    font-size: 16px;
    position: relative;
    /*overflow: hidden;*/
}
.top_navigation_l ul > li > a{
    padding-left:33px;
    padding-right:33px;
    color: #fff;}
.top_navigation_l li a:hover{ color: #F5F089; }

.top_navigation_r { }
.top_navigation_r  li{
    float: left;  width:124px;color: #fff ;
    overflow: hidden; font-size: 14px;}
.top_navigation_r  li img{
    vertical-align: middle; padding-right: 10px; }
.top_navigation_r  li a{
    color: #fff;}
.f1,.f2,.f3,.f4,.f5,.f6,.f7,.f8,.f9,.f10,.f11,.f12{ }
.f1 .slide,.f2 .slide,.f3 .slide,.f4 .slide,.f5 .slide,.f6 .slide,.f7 .slide,.f8 .slide,.f9 .slide,.f10 .slide,.f11 .slide,.f12 .slide{ }
.f1 .slide{ background-size:100%  !important;}

.f2{
    background: url("../images/f1_bg.jpg") no-repeat;
    background-size:100% 100%;}
.f2_con{
    max-width:1200px; margin:0px auto;
    position: relative;
    height:100%;}
.f2 .font_area{
    visibility: visible !important;
    position: absolute; right:0px;
    top:270px;
    width:527px; z-index:2}
.f2 .font_area .font_area_title{ font-size:27px;
    color: #f2ec8e; text-align: left; margin-bottom:10px; }
.f2 .font_area .font_area_content{ font-size:16px;
    color: #fff;text-align: left;
    line-height:28px; margin: 10px 0;}
.f2 .font_area .more{
    font-size:14px;
    border:1px solid #f6f7b4;
    width:110px;
    padding: 5px 0;
    float: right; margin: 10px 0 0 0 ;
    }
.f2 .font_area .more a{color: #f6f7b4;}
.f2_img{
    position: absolute;
    right:0; bottom:0;
    width:100%;;
    }
.f2_img img{
    width:100%;
    }
.f3{
    background: url("../images/f2_bg.jpg") no-repeat;
    background-size:100% 100%;}
.f3_con{
    max-width:1200px; margin:0px auto;
    position: relative;
    height:100%;}
.f3 .font_area{
    position: absolute; left:0px;
    top:270px;
    width:527px;z-index:2 }
.f3 .font_area .font_area_title{ font-size:27px;
    color: #f2ec8e; text-align: left; margin-bottom:10px; }
.f3 .font_area .font_area_content{ font-size:16px;
    color: #fff;text-align: left;
    line-height:28px; margin: 10px 0;}
.f3 .font_area .more{
    font-size:14px;
    border:1px solid #f6f7b4;
    width:110px;
    padding: 5px 0;
    float: right; margin: 10px 0 0 0 ;
}
.f3 .font_area .more a{color: #f6f7b4;}
.f3_img{
    position: absolute;
    right:0; bottom:0;
   }
.f3_img img{
    width:100%;
}

.f4{
    background: url("../images/f3_bg.jpg") no-repeat;
    background-size:100% 100%;}
.f4_con{
    max-width:1200px; margin:0px auto;
    position: relative;
    height:100%;}
.f4 .font_area{
    position: absolute; right:0px;
    top:350px;
    width:527px; }
.f4 .font_area .font_area_title{ font-size:27px;
    color: #f2ec8e; text-align: left; margin-bottom:10px; }
.f4 .font_area .font_area_content{ font-size:16px;
    color: #fff;text-align: left;
    line-height:28px; margin: 10px 0;}
.f4 .font_area .more{
    font-size:14px;
    border:1px solid #f6f7b4;
    width:110px;
    padding: 5px 0;
    float: right; margin: 10px 0 0 0 ;
}
.f4 .font_area .more a{color: #f6f7b4;}
.f4_img{
    position: absolute;
    right:0; top:35%;
    text-align: left;
    width:50%;}
.f4_img img{
    width:100%; }

.f5{
    background: url("../images/f4_bg.jpg") no-repeat;
    background-size:100% 100%;}
.f5 li{
    width:25%;  position: relative;
    float: left;}
.f5 li.w_50{
    width:50%; }
.f5 li img{
    width:100%;}
.font_area .more a{
    display: block;
}
.font_area .more:hover{
    background: #F6F7B4;
    color: #212121;}
.font_area .more:hover a{
    display: block;
    color: #212121;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span{
    background: #A27E48 !important;}
#fp-nav ul li a span, .fp-slidesNav ul li a span{background: #D1B77E !important; border:none !important;  }

.f5 li .font{
    height:40px;
    line-height:20px; text-align:center; font-size:16px; overflow: hidden; padding-bottom: 10px; padding-top:5px; color:#000; }

.ppbz_shadow{ display:none; position:absolute; left:0px ; top:0px; overflow:hidden; background:rgba(52,31,13,0.8); width:100%; height:100%; line-height: auto; text-align:center; padding: 15px; overflow: hidden; }
.ppbz_shadow a{
    font-size:20px;
    text-align:center;
    overflow:hidden;

    width:100%;
    text-transform:uppercase;
    color:#fff;
    display: block;

}
.ppbz_shadow a:hover{ color:#fff;}



.footer{
    height:165px !important ;
    background: url(../images/bottom.jpg);
    color:#fff;

}
.footer .footer_con{
    padding-top:30px;
    width:1200px; margin:0px auto;
    visibility: visible !important;
}

.footer .footer_con .bot_logo{
    float: left;
    width:147px;
}
.footer .footer_con .font_center{
    padding:7px 0 0 15px;
    float: left;
    width:900px;
    font-size:14px;
    text-align:left;
    line-height: 28px;
}
.footer .footer_con .font_center a{ color: #fff; }
.footer .footer_con .ewm{
    float: right;
    width:128px;
}

.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell{
    /*height: auto !important;*/
}
.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell {
    /*height: auto !important;*/
}

.nav_second{ position: absolute; width: 100%; text-align: center; top: 75px; font-size: 16px; display: none;  }
.nav_second >div{ line-height: 34px; height: 34px; overflow: hidden; }
.nav_second a{ color: #fff;  }
.nav_second a:hover{color: #F5F089;}
.top_navigation_l li.curren> a{color: #F5F089;}
.top_navigation_l li:hover >a{color: #F5F089;}
.top_navigation_l li:hover .nav_second{ display: block;
    animation-duration: 1.5s;
    animation-fill-mode: both;
    animation-name: fadeIn;
    background: #000;
 }