.cl {
    clear: both;
}

.w {
    width: 1200px;
    margin: 0 auto;
}

.fl{
    float:left;
}

.fr{
    float:right;
}

.right{right: 0 !important;}
a{color:inherit;}
.header .logo{position: fixed;top:0;left:0;z-index:999;}
.nav_btn{position: fixed;top:0;right:0;z-index:9;}
.slideBox {
    overflow: hidden;
    position: relative;
}

.slideBox .hd{position: absolute;bottom:4%;width: 100%;z-index:9;}
.slideBox .hd ul{display: flex;justify-content: center;width: 100%;}
.slideBox .hd ul li{width: 40px;height: 5px;background:rgba(255,255,255,.6);margin:0 5px;}
.slideBox .hd ul li.on{width: 40px;height: 5px;background:#fff;}
.slideBox .bd {
    position: relative;
    height: 100%;
    z-index: 0;
}

.slideBox .bd ul {
    height: 100%;
}

.slideBox .bd li {
    height: 100%;
}

.slideBox .bd li a {
    display: block;
    width: 100%;
    height: 100%;
}

.slideBox .bd img {
    width: 100%;
    height: 100%;
    display: block;
}


.header .menu {
    position: fixed;
    top: 0;
    right:-396px;
    width: 396px;
    height: 100%;
    background-color: #000;
    z-index: 11;
    padding-right: 150px;
    text-align: right;
    padding-top: 150px;
    transition: all ease-in 0.4s;
    box-sizing: border-box;
}

.header .menu .close-w {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    width: 56px;
    height: 56px;
    text-align: center;
    line-height: 56px;
}

.header .menu .icon-w {
    margin-bottom: 54px;
    height: 56px;
}

.wrap{width: 100%;overflow: hidden;}

.header .menu .menu-items li{font-size: 18px;color:#fff;margin-bottom: 20px;}

.shadow {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    display: none;
}

.shadow.open {
    display: block;
    -webkit-animation-name: shadowShow;
    animation-name: shadowShow;
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.shadow .close{
    display: block;
    -webkit-animation-name: shadowHide;
    animation-name: shadowHide;
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


@keyframes shadowShow {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
        display: block;
    }
}


@keyframes fadeInRight {
    from {
        opacity: 0;
        right: -396px;
    }

    to {
        opacity: 1;
        right: 0;
    }
}

.item_one_box{background:#f0f0f0;padding-top: 60px;padding-bottom: 60px;}
.item_one .txt_top{text-align: center;}
.item_one .txt_top p{font-size: 18px;color:#333333;}
.item_one .txt_top .line{width: 20px;height: 5px;background:#b09c6e;margin:20px auto 15px;}
.item_one .txt_top h3{font-size: 30px;color:#111111;font-weight:normal;}
.item_one .txt_list{margin-top: 50px;display: flex;justify-content: space-between;}
.item_one .txt_list>div{width: 380px;height: 330px;background:url(../images/bg1.jpg);padding:50px 0 0 35px;box-sizing: border-box;}
.item_one .txt_list>div h3{font-size: 24px;color:#111111;font-weight: normal;}
.item_one .txt_list>div .line_two{width: 20px;height: 5px;background:#b09c6e;margin:20px 0;}
.item_one .txt_list>div .con{font-size: 16px;color:#666666;line-height: 180%;}
.item_one .txt_list>div:hover{background:url(../images/bg2.jpg);}

.item_one .txt_list>div:hover h3{color:#fff;}
.item_one .txt_list>div:hover .line_two{background:#fff;}
.item_one .txt_list>div:hover .con{color:#fff;}

.look_more{width: 185px;height: 45px;border:1px solid #ae9b70;box-sizing: border-box;font-size: 14px;color:#ae9b70;text-align: center;line-height: 43px;display: block;margin:80px auto 0;}

.item_two_box{padding-top: 60px;}
.item_two_box .txt_top{border-bottom: 1px solid #ededed;padding-bottom: 60px;}
.item_two_box .txt_top h3{font-size: 30px;color:#111111;font-weight: normal;text-align: center;}
.item_two_box .txt_top .line{width: 20px;height: 5px;background:#b09c6e;margin:20px auto 0;}

.pro_type{display: flex;justify-content: space-between;}
.pro_type div{text-align: center;padding-top: 40px;padding-bottom: 40px;cursor: pointer;}
.pro_type div.on{border-bottom: 2px solid #b09c6e;}
.pro_type div h4{font-size: 20px;color:#000;font-weight: bold;margin-bottom: 12px;}
.pro_type div p{font-size: 14px;color:#999999;}

.pro_type_list{position: relative;}
.pro_type_list img{width: 100%;}
.pro_type_list>div{position: relative;display: none;}
.pro_type_list>div:nth-child(1){display: block;}
.pro_type_list .txt_box{position: absolute;left:50%;margin-left:-600px;width: 1200px;top:50%;transform: translateY(-50%);}
.pro_type_list .txt_box h2{font-size: 60px;color:#fff;font-weight: bold;text-transform: uppercase;}
.pro_type_list .txt_box .line{width: 27px;height: 6px;background:#b09c6e;margin:20px 0;}
.pro_type_list .txt_box p{font-size: 24px;color:#fff;}

.news_container{background:#f8f8f8;padding-top:60px;padding-bottom: 80px;}
.news_box h3{font-size: 30px;color:#111111;font-weight: normal;text-align: center;}
.news_box p{font-size: 24px;color:#999999;text-align: center;margin-top: 10px;text-transform: uppercase;}
.news_box .line{width: 20px;height: 5px;background:#b09c6e;margin:12px auto 0;}

.news_list{display: flex;justify-content: flex-start;margin-top: 50px;flex-wrap: wrap;}
.news_list>div{width: 385px;margin-right: 22.5px;margin-bottom: 50px;}
.news_list>div:nth-child(3n){margin-right: 0;}
.news_list>div a{display: block;}
.news_list>div a .img{overflow: hidden;}
.news_list>div a .img img{width: 100%;transition: 1s;}
.news_list>div:hover a .img img{transform: scale(1.2);}
.news_list>div:hover a h3{color:#b09c6e;}
.news_list>div a h3{font-size: 18px;color:#333333;font-weight: bold;margin:30px 0 20px;}
.news_list>div a .jianjie{font-size: 16px;color:#666666;line-height: 200%;text-align: justify;}
.news_list>div a .date{font-size: 14px;color:#999999;margin-top: 15px;}
.news_list>div a .date img{margin-right: 12px;}

.pro_list{padding-top: 60px;}
.pro_list>h3{font-size: 30px;color:#111111;font-weight: normal;text-align: center;}
.pro_list>p{font-size: 24px;color:#999999;text-align: center;margin-top: 10px;text-transform: uppercase;}
.pro_list .line{width: 20px;height: 5px;background:#b09c6e;margin:12px auto 0;}
.pro_list ul{display: flex;justify-content: flex-start;flex-wrap: wrap;margin-top: 40px;}
.pro_list ul li{width: 290px;margin-right: 13.3px;margin-bottom: 30px;}
.pro_list ul li:nth-child(4n){margin-right: 0;}
.pro_list ul li a{display: block;}
.pro_list ul li a .img{overflow: hidden;}
.pro_list ul li a .img img{width: 100%;transition: 1s;}
.pro_list ul li:hover a .img img{transform: scale(1.2);}
.pro_list ul li a h4{font-size: 20px;color:#111111;font-weight: normal;text-align: center;margin:12px 0;height: 26px;}
.pro_list ul li a h3{font-size: 16px;color:#666666;font-weight: normal;text-align: center;}
.pro_list ul li a .line{width: 0;transition: 1s;height: 2px;background:#b09c6e;}
.pro_list ul li:hover a .line{width: 77px;}

.gbook_container{margin-top: 60px;height: 680px;background: url(../images/bot_bg.jpg) no-repeat center center;padding-top: 100px;box-sizing: border-box;}
.gbook_box>h3{font-size: 24px;color:#fff;font-weight: bold;text-align: center;}
.gbook_box form{width: 600px;margin:40px auto 0;}
.gbook_box form input{margin-bottom: 23px; padding-left:20px;font-size: 16px;color:#fff; width: 100%;box-sizing: border-box;border:1px solid #b5b5b5;height: 45px;outline: none;background:none;}
.gbook_box form input::-webkit-input-placeholder{color:#fff;}
.gbook_box form textarea{margin-bottom: 23px; outline: none; width: 100%;height: 190px;box-sizing: border-box;border:1px solid #b5b5b5;resize: none;background:none;font-size: 16px;color:#fff;padding:12px 20px;}
.gbook_box form textarea::-webkit-input-placeholder{color:#fff;}
.gbook_box form .submit{width: 160px;height: 48px;background:#b09c6e;font-size: 16px;color:#fff;padding:0;border:0;margin:0 auto;display: block;}


.footer{background:#222222;padding-top: 50px;}
.footer_top{display: flex;justify-content: space-between;align-items: flex-start;padding-bottom: 30px;}

.footer_top .left li{float: left;margin-right: 80px;}
.footer_top .left li>a{font-size: 18px;color:#fff;margin-bottom: 20px;display: block;}
.footer_top .left li dl dd{font-size: 15px;color:#a1a1a1;margin:10px 0;}

.footer .bot{height: 70px;border-top:1px solid #2e2e2e;font-size: 14px;color:#666666;text-align: center;;line-height: 70px;}

.footer .middle h4{font-size: 18px;color:#fff;}
.footer .middle>div{display: flex;justify-content: flex-start;align-items: center;margin-top: 20px;}
.footer .middle>div .img{margin-right: 15px;}
.footer .middle>div .tel{font-size: 30px;color:#a1a1a1;font-family: Impact;}
.footer .middle>div .local{font-size: 16px;color:#a1a1a1;}

.footer .right p{font-size: 15px;color:#666666;margin-top: 15px;text-align: center;}


.right_side{position: fixed;top:35%;width:80px;right:2%;}
.right_side>div{height: 70px;background:#6e6e6e;margin-bottom: 1px;padding-top:10px;box-sizing: border-box;}
.right_side>div:hover{background:#b09c6e;}
.right_side>div img{display: block;margin:0 auto 8px;}
.right_side>div p{font-size: 14px;color:#fff;text-align: center;}
.right_side>div.totop{padding-top: 15px;}
.right_side>div.totop img{margin:0 auto 15px;}
.right_side>div.wx_box{position: relative;}
.right_side>div.wx_box .code{position:absolute;left:-110px;width: 100px;height: 100px;top:0;opacity: 0;}
.right_side>div.wx_box .code img{width: 100%;height: 100%;}
.right_side>div.wx_box:hover .code{opacity: 1;transition: 2s;}

.right_side>div.phone_box{position: relative;}
.right_side>div .phone_num{background:#b09c6e;text-align: center; position: absolute;right:80px;line-height: 70px; width: 0; top:0; font-size: 20px;color:#333;height: 70px;color:#FFF;overflow:hidden;}
.right_side>div:hover .phone_num{width: 190px; transition: .5s;border-radius:70px 0 0 70px;}


.inc_type{display: flex;justify-content: center;height: 80px;align-items: center;}
.inc_type li{height: 100%;box-sizing: border-box;border-bottom: 2px solid transparent;line-height: 80px;min-width: 150px;text-align: center;}
.inc_type li a{display: block;}
.inc_type li.active{border-color:#b09c6e;}
.inc_type li:hover{border-color:#b09c6e;}

.pro_show{padding-top: 60px;}
.pro_show .img{text-align: center;}
.pro_show h4{font-size: 20px;color:#111111;font-weight: normal;text-align: center;margin:12px 0;height: 26px;}
.pro_show h3{font-size: 18px;color:#666666;font-weight: normal;text-align: center;}

.back{display: flex;justify-content: space-between;align-items: center;margin-top: 60px;}
.back .go_back{box-sizing: border-box;margin-right: 20px; width: 90px;height: 45px;border:1px solid #ae9b70;font-size: 14px;color:#ae9b70;text-align: center;line-height: 43px;}
.prev_next a{display: block;font-size: 16px;color:#666666;margin:15px 0;}
.prev_next a:hover{color:#b09c6e;}

.item_box{background: #f8f8f8;}
.item_box .item_one{padding:60px 0;}
.item_box .item_one .left{width: 50%;padding-right: 45px;box-sizing: border-box;}
.item_box .item_one .left>h3{font-size: 36px;color:#111111;font-weight: normal;}
.item_box .item_one .left>p{font-size: 24px;color:#999999;}
.item_box .item_one .left .con{font-size: 16px;color:#333333;line-height: 250%;margin-top: 20px;}
.item_box .item_one .right{width: 50%;}
.item_box .item_one .right img{width: 100%;}

.item_two_container{height: 670px;background:url(../images/wh.jpg) no-repeat center center;overflow: hidden;}
.item_two_container .item_two{width: 780px;height: 420px;background:#fff;margin:125px auto;text-align: center;padding-top: 45px;box-sizing: border-box;}
.item_two_container .item_two>h3{font-size: 24px;color:#111111;font-weight: bold;}
.item_two_container .item_two .line{width: 26px;height: 4px;background:#b09c6e;margin:30px auto;}
.item_two_container .item_two .con{padding:0 70px;font-size: 16px;color:#666666;line-height: 250%;}


.picScroll-left{ width:1200px;position:relative;}
.picScroll-left .hd .prev,.picScroll-left .hd .next{margin:0 10px; font-size: 30px;line-height: 34px; color:#d2d2d2;text-align: center;display: block;  width:38px; height:38px;background:#565656; cursor:pointer;}
.picScroll-left .hd{display: flex;justify-content: center;margin-top: 30px;}
.picScroll-left .bd{overflow: hidden;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin-right:48px;float:left; _display:inline; overflow:hidden; text-align:center; width: 264px;position: relative;}
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{width: 100%;}

.item_three{padding-top: 60px;padding-bottom: 60px;}
.item_three>h3{font-size: 24px;color:#111111;font-weight: bold;text-align: center;}
.item_three .line{width: 26px;height: 4px;background:#b09c6e;margin:30px auto;}

.pro_list2 ul{padding-top: 60px;display: flex;justify-content: flex-start;flex-wrap: wrap;}
.pro_list2 ul li{width: 299.25px;margin-right: 1px;margin-bottom: 1px;}
.pro_list2 ul li img{width: 100%; 
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}
.pro_list2 ul li:hover img{
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
}

.pro_list2 ul li:nth-child(4n){margin-right: 0;}
.contact_us{padding:60px 0;}

.gbook_container2{background:#f8f8f8;}
.gbook_box2{padding:60px 200px;box-sizing: border-box;}
.gbook_box2 h3{font-size: 18px;color:#111111;font-weight: bold;text-align: center;line-height: 200%;}
.gbook_box2 form{margin-top: 40px;}
.gbook_box2 form > div{width: 100%;background:#fff;height: 55px;display: flex;justify-content: space-between;margin-bottom: 25px;}
.gbook_box2 form > div div{width: 8%;position: relative;}
.gbook_box2 form > div div img{position: absolute;top:0;left:0;right:0;bottom:0;margin:auto;}
.gbook_box2 form > div input{width: 92%;box-sizing: border-box;outline: none;height: 100%;border:0;font-size: 16px;color:#999999;}
.gbook_box2 form > div input::-webkit-input-placeholder{font-size: 16px;color:#999;}
.gbook_box2 form > div select{width: 92%;border:0;outline: none;font-size: 16px;color:#999;}
.gbook_box2 form > div:nth-child(6){height: 270px;}
.gbook_box2 form > div:nth-child(6) textarea{font-size: 16px;color:#999; height: 100%; outline: none;resize: none;border:0;width: 100%;height: 100%;padding-top:16px;}
.gbook_box2 form > div:nth-child(6) textarea::-webkit-input-placeholder{font-size: 16px;color:#999;}
.gbook_box2 form > div:nth-child(6) div{height: 55px;width: 9%;} 
.gbook_box2 form .submit{width: 300px;height: 55px;display: block;background:#b09c6e;font-size: 18px;color:#fff;font-weight: bold;margin:50px auto 0;border:0;outline: none;}

.news_show{padding-top: 60px;}
.news_show>h2{font-size: 30px;color:#333333;font-weight: bold;text-align: center;}
.news_show>p{font-size: 14px;color:#999999;text-align: center;margin:30px 0;}
.news_show .news_con{font-size: 16px;color:#666666;line-height: 200%;}

.pro_list_container{background: #f8f8f8;padding-bottom: 60px;}
.page{display: flex;justify-content: center;margin: 40px 0 0;}
.page a{padding:0 15px;height: 35px;font-size: 14px;color:#666666;line-height: 35px;margin:0 10px;background:#fff;}
.page a.select{background:#b09c6e;color:#fff;}