/**
 * 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 */
html{    overflow-x: hidden;}
body { margin: 0; padding: 0; font-size: 12px; font-family: "微软雅黑"; -webkit-text-size-adjust: none; color: #000;
    background: #fff; 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;


    /*Avoid flicker on slides transitions for mobile phones #336 */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    position: relative;
}
.clearfix,.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: 115;
       /* 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: left;
      }
    .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;}
.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) no-repeat center ;
    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 .ewm{
    float: right;
    width:128px;
}

/*page style*/
.bread{
    margin:20px auto 0;
    width:1180px;
    height:70px;
    line-height:70px;
    font-size:16px;
    border-bottom:1px solid #464343;
    text-align:left;
    padding:0 10px;
    /*font-weight:bold;*/
    color: #000; }
.bread img{ height: 20px; vertical-align: middle; padding-right: 5px;}
.bread a:hover{
    color: #000;}
.bread a{
    color: #000; padding:0 10px; }
.bread .home_link{
    color: #000;
}
.bread_l{
    float: left;}
.bread_r{
    float: right;
    color: #000;
    font-size:20px;
    }
.pro_cate{

    margin:40px 0 20px;
    width:100%;}
.pro_cate ul{
    width:1200px;
    margin:0px auto;
    text-align:center; }
.pro_cate ul li{
    display: inline;
    font-size:20px; padding: 12px 32px; margin:0 10px; 
    line-height:50px;

    background: url(../images/kuang.png) no-repeat; background-size:100% 100%;
     }
.pro_cate ul li a{
    color: #000;}
.pro_cate ul li:hover{ background: url(../images/kuang_black.png) no-repeat; background-size:100% 100%;
    
}
.pro_cate ul li:hover a{
    color: #000;

}
.pro_list{
    /*border: 1px solid #343131;*/
    width:1200px; margin:0px auto;
    background: #fff; }
.pro_list li{
    width:22%; margin:1.5%;
    float: left;}
.pro_list li .img{
    width:264px;
    height:176px;
    overflow: hidden;
    text-align: center;}
.pro_list li .img img{
    width:100%;
    transition: 0.6s;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
    -ms-transition: 0.6s;
}

.pro_list li .font{
    color: #fff; text-align: center;
    height:42px;
    line-height:42px;
    font-size:16px;
    background: #291A12; }
.paginate{ margin:20px 0 50px; text-align: center;  padding-bottom: 30px;  }
.paginate a,.paginate span { display: inline; padding: 7px 15px;  font-size:12px;
    color: #000; line-height: 50px;
    /*background:#4B3427;*/
}
.paginate a:hover,.paginate span:hover{ color: #fff;}
.paginate span.action{    background: #242121;    color: #fff;
    -webkit-border-radius:px;
    -moz-border-radius:5px;
    border-radius:5px; }

.news_list{width:1200px; margin:0px auto;}
.news_list li{}

.z-news-place1{
    width: 100%;
    height: auto;
}
.z-news-d1{
    width: 1200px;
    margin: 0 auto;
    height: 10px;

    border-bottom: 1px solid #efefef;
}
.z-news-d2{
    width: 1200px;
    margin: 0 auto;
    height: 263px;
    position: relative;
    border-bottom: 1px solid #464343;
    z-index: 101;
}
.z-news-i1{
    width: 0;
    height: 263px;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 102;
    transition: 0.6s;
    overflow: hidden;
}
.z-news-i2{
    width: 1920px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 102;
}
.z-news-d2:hover .z-news-i1{
    width: 1920px;
    left: -369px;
    transition: 0.6s;
}
.z-news-d3{
    width: 100%;
    height: 263px;
    margin: 0 auto;
    position: relative;
    z-index: 103;
}
.z-news-p1{
    width: 300px;
    margin: 0 auto;
    height: 24px;
    padding-top: 50px;
    font-size: 16px;
    line-height: 24px;
    color: #BFBFBF;
    text-align: center;
    margin-bottom: 10px;
    transition: 0.6s;
}
.z-news-d2:hover .z-news-p1{
    color: #ffffff;
    transition: 0.6s;
}
.z-news-p2{
    width: 780px;
    margin: 0 auto;
    height: 46px;
    font-size: 18px;
    line-height: 46px;
    color: #000;
    text-align: center;
    margin-bottom: 13px;
    transition: 0.6s;
}
.z-news-d2:hover .z-news-p2{
    color: #ffffff;
    transition: 0.6s;
}
.z-news-l1{
    width: 56px;
    margin: 0 auto;
    height: 1px;
    background: rgba(200,200,200,0);
    margin-bottom: 20px;
    position: relative;
    transition: 0.6s;
}
.z-news-l2{
    width: 1px;
    height: 16px;
    position: absolute;
    left: 50%;
    top: -8px;
    background: rgba(229,229,229,1);
    transition: 0.6s;
}
.z-news-d2:hover .z-news-l2{
    width: 1px;
    height: 56px;
    top: -28px;
    left: 28px;
    background: rgba(200,200,200,1);
    transition: 0.6s;
    transform: rotate(-90deg);
}
.z-news-p3{
    width: 780px;
    margin: 0 auto;
    height: 26px;
    font-size: 14px;
    line-height: 25px;
    color: #868686;
    font-weight: 100;
    text-align: center;
    margin-bottom: 13px;
    transition: 0.6s;
    height:45px;
    overflow: hidden;
}
.z-news-d2:hover .z-news-p3{
    color: #ffffff;
    transition: 0.6s;
}



.z-about-place1{
    width: 100%;
    height: auto;
}
.z-about-d1{
    width: 1200px;
    margin: 0 auto;
    height: 10px;

    border-bottom: 1px solid #efefef;
}
.z-about-d2{
    width: 1200px;
    margin: 0 auto 50px;

    position: relative;

    z-index: 101;

}
.z-about-i1{
    width: 0;
    height: 263px;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 102;
    transition: 0.6s;
    overflow: hidden;
}
.z-about-i2{
    width: 1920px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 102;
}
.z-about-d2:hover .z-about-i1{
    width: 1920px;
    left: -369px;
    transition: 0.6s;
}
.z-about-d3{
    width: 100%;

    margin: 0 auto;
    position: relative;
    z-index: 103;

}
.z-about-p1{
    width: 300px;
    margin: 0 auto;

    padding-top: 20px;
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
    text-align: center;
    margin-bottom: 10px;
    transition: 0.6s;
}
.z-about-d2:hover .z-about-p1{
    color: #ffffff;
    transition: 0.6s;
}
.z-about-p2{
    width: 1170px;
    margin: 3% auto 0;
    height: 56px;
    font-size: 26px;
    line-height: 56px;
    color: #000;
    text-align: center;
    margin-bottom: 0px;
    transition: 0.6s;
}
.z-pro-p2{
    width: 960px;
    margin: 3% auto 0;
    height: 56px;
    font-size: 26px;
    line-height: 56px;
    color: #000;
    text-align: left;
    margin-bottom: 0px;
    transition: 0.6s;
}
/*.z-about-d2:hover .z-about-p2{*/
    /*color: #ffffff;*/
    /*transition: 0.6s;*/
/*}*/
.z-about-l1{
    width: 56px;
    margin: 0 auto;
    height: 1px;
    background: rgba(200,200,200,0);
    margin-bottom: 20px;
    position: relative;
    transition: 0.6s;
}
.z-about-l2{
    width: 1px;
    height: 56px;
    position: absolute;
    left: 50%;
    top: -28px;
    background: rgba(229,229,229,1);
    transition: 0.6s;
    transform: rotate(-90deg);
}
.z-about-d2:hover .z-about-l2{
    width: 1px;
    height: 56px;
    top: -28px;
    left: 28px;
    background: rgba(200,200,200,1);
    transition: 0.6s;
    transform: rotate(-90deg);
}
.z-about-p3{
    width: 1170px;
    margin: 0 auto;

    font-size: 16px;
    line-height: 32px;
    color: #000;
    font-weight: 100;
    text-align: left;
    margin-bottom: 13px;
    transition: 0.6s;

    overflow: hidden;
}
.z-about-d2:hover .z-about-p3{
    color: #000;
    transition: 0.6s;
}
.about_time{ border-radius:5px;  margin:10px auto;
    height:30px; line-height: 30px;
    background: #fff; padding: 15px;
    text-align: center;
    font-size:16px;
    color: #000;}
.prev_title,.next_title{ width:1170px; line-height: 22px; margin:0px auto; padding:5px 15px;
    font-size:16px; color: #C09C63;
    background: #fff; }
.prev_title a,.next_title a{
    color: #815D24;}
.prev_title span,.next_title span{color: #815D24; }
/*.prev_title a:hover,.next_title a:hover{*/
    /*color: #F6F3C2;}*/
.next_title{ margin-bottom: 20px; }

.pro_list img:hover{

    transform:rotate(-5deg) scale(1.2);
    -webkit-transform:rotate(-5deg) scale(1.2);
    -moz-transform:rotate(-5deg) scale(1.2);
    -o-transform:rotate(-5deg) scale(1.2);
    -ms-transform:rotate(-5deg) scale(1.2);
    transition: 0.6s;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
    -ms-transition: 0.6s;
}

.pro_img{ text-align: center;
    width: 960px; margin:0% auto 3%; }
.pro_img img {
    width:100%;}

.about_con{ background:#fff;}
.sliderContainer{ width: 960px; margin:0 auto;}
.z-pro-p3{
    width: 960px;
    margin: 26px auto 0;
    font-size: 14px;
    line-height: 32px;
    color: #000;
    font-weight: 100;
    text-align: center;
    margin-bottom: 13px;
    transition: 0.6s;

    overflow: hidden;
}

#page {text-align: center;padding:10px; margin-bottom:40px; margin-top:40px;}
#page ul{display:block; margin:0 auto;float:left;position:relative;left:48%;}
#page li{float:left;border-radius: 3px; position:relative;right:50%;}
#page a { color:#fff;background: #242121;margin: 0 2px;padding: 6px 12px;border-radius: 3px;}
.page a { color:#fff;margin: 0 2px;padding: 6px 12px;border-radius: 3px; }
#page_on{ background:#6C4D08; color:#FFF;margin: 0 2px;padding: 6px 12px;border-radius: 3px; ;}
.page_zong{  background: #242121;color:#FFF; margin: 0 2px;padding: 6px 12px;border-radius: 3px; }
.page_a{ padding:6px 12px; display:block;background: #242121;color:#FFF; margin: 0 2px;padding: 6px 12px;border-radius: 3px; }

.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;
 }