@media(min-width:1600px){
    .container{
        width: 1500px;
    }
}
 .yc{display: none;}
header {
    position: fixed;
    z-index: 99;
    left: 50%;
    transform: translate(-50%, 0);
    top:34px;
    transition: .5s;
}
.topbig{
    position: relative;
}
.nav-logo{
    display: none;
}
.heise{
    display: none;
}
.menu i{
    display: none;
}
.menu ul{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.menu ul li{
    margin-right: 51px;
    position:relative;
}

.menu ul li a{
    color:#e2e2e2;
    font-size:16px;
    line-height: 79px;
}
.logo img{
    width: 76px;
}
.menu{
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0px);
    top: 0;
}
.menu ul li a:hover{
    color:#c4a456;
}
#banner .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2;
}
.syabbig{
    padding-top:122px;
}
.syableft{
    width: 50%;
}
.syabright{
    width: 47%;
}
.syabbig{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.syableft h2{
    font-family: GOTHICB;
    color:#c4a456;
    margin-bottom:88px;
    font-size:45px;
}
.syableft{
    font-size:24px;
    line-height: 233%;
}
.syabmore{
    line-height: 100%;
    margin-top:47px;
}
.syabmore a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: auto;
    color: #c4a456;
    font-size: 18px;
    transition: .5s;
    width: fit-content;
}

.syabmore a:before {
    width: 27px;
    height: 2px;
    display: block;
    background: #e3d5b0;
    content: "";
}
.syabmore p {
    margin:0 17px;
}
.sybd{
    padding-top:109px;
    background: url(../images/sycp.png) 102% top no-repeat;
}
.sybd h2{
    font-family: GOTHICB;
    color: #c4a456;
    margin-bottom: 96px;
    font-size:45px;
}
.sybdbig{
    display: flex;
    justify-content: space-between;
}
.sybdleft{
    width: 56%;
    position:relative;
}
.sybdright{
    width: 40%;
}
#syro p{
    text-align: right;
    margin-top:70px;
    font-size:18px;
    color:#c4a456;
    margin-bottom:50px;
}
#syro .syabmore p{
    margin:0 17px;
}
#syro .swiper-button-next{
    background:url(../images/sycpjtr.png);
    width: 50px;
    height: 50px;
    background-size:cover ;
    left: 55%;
    top: 30%;
}
#syro .swiper-button-prev{
    background:url(../images/sycpjtl.png);
    width: 50px;
    height: 50px;
    background-size:cover ;
    left: 55%;
    top: 35%;
}
.sybdright {
    width: 40%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
}
.sybdright h2{
    margin-bottom:0;
    margin-top:113px;
}


#sycp .swiper-slide a>img{
    width: 100%;
    box-shadow: 1px 1px 10px rgba(0,0,0,.1);
}
#sycp{
    padding:10px;
}
.sycplbwen{
    display: flex;
    justify-content: space-between;
    padding:34px 27px 35px 25px;
    color:white;
}
#sycp .swiper-slide .sycplbwen img{
    width: 25px;
}
#sycp .swiper-slide:hover .sycplbwen{
    background:#c4a456;
    transition: .5s;
 
}
footer{
    padding:182px 0 56px;
    background:url(../images/dbbg.jpg) no-repeat;
    background-size:cover;
}
#sycp {
    padding: 10px;
    transform: translate(0px, 103px);
}
.dibuleft{
    width: 21%;
    background:#c4a456;
    color:white;
    font-size:49px;
    font-family: GothicB;
    padding-top:88px;
    padding-bottom:89px;
    padding-left:46px;
    padding-right:46px;
}
.dibubig{
    display: flex;
    justify-content: space-between;
    background-color: rgba(0,0,0,.97);

}
.diburight{
    padding-top:88px;
    padding-bottom:89px;
    padding-left: 65px;
    padding-right:57px;
    display: flex;
    justify-content: space-between;
}
.dbxxtu img{
    width: 20px;
}
.dbxxw {
    color:white;
    font-size:18px;
    line-height: 49px;
}
.dbxx{
    display: flex;
    align-items: center;
}
.diburightl{
    width: 57%;
}
.diburightr{
    width:34%;
}
.diburightl a{
    color:#fff;
}
.diburightl a:hover{
    color:#c4a456;
}
.dbxxtu{
    margin-right: 15px;
}
.dbxxtu{
    width: 20px;
    flex-shrink: 0;
}
.dbxxw{
    margin-left:15px;
}
.dbxx:first-child{
    display: flex;
    align-items: flex-start;
}
.dbxx:first-child img{
    margin-top:20px;
}
.diburightr h2{
    font-size:32px;
    color:#e2e2e2;
    font-family: gothicb;
}
.diburightr h2{
    margin-bottom:35px;
}
.kk{
    height: 51px;
    background:rgba(53,53,53,.59);
    margin-bottom:26px;
    border-radius: 0;
    color:white;
}
.kk2{
    background:rgba(53,53,53,.59);
    margin-bottom:26px;
    border-radius: 0;
    border:0;
    color:white;
}
.anniu {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background:#c4a456;
    border:0;
    font-size:16px;
}
.anniu img{
    width: 37px;
}
.form-control{
    font-size:16px;
}
.banquanbig{
    display: flex;
    justify-content: space-between;
    padding-top:64px;
    color:white;
}
.banquanbig a{
    color:white;
}
.banquanbig a:hover{
    color:#927b44;
}
header.head{
    top: 0;
    background: rgba(255,255,255,1);
    width: 100%;
    box-shadow: 1px 1px 1px rgb(0 0 0 / 10%);
    padding: 10px 0;
    transition: .5s;
}
.banner img{
    width: 100%;
}
header.head .menu ul li>a{
    color:#000;
}
.banner .bannerwen h3{
	color: #fff;
	font-size: 5.0rem;
	letter-spacing: 2px;
	font-family:GOTHICB;
}
.banner .bannerwen section{
	color: #fff;
	font-size: 1.8rem;
	line-height: 26px;
	text-transform:uppercase;
	margin: 20px 0px 0px;
}
.banner .bannerwen section a,.banner .bannerwen section font{
	color: #c4a456;
}
.banner .bannerwen {
    position: absolute;
    width: 100%;
    top: 45%;
    left: 0;
    text-align: center;
}
.banner{
    position:relative;
}
.aboutnr {
    padding: 50px 0px 60px;
}
.aboutbt h3 {
    color: #000000;
    font-size: 4.0rem;
    line-height: 50px;
    font-family: GOTHICB;
    text-transform: uppercase;
    text-align: center;
}
.aboutbt i {
    display: block;
    max-width: 400px;
    height: 1px;
    background: rgba(0,0,0,.1);
    margin: 15px auto;
    position: relative;
}
.aboutbt i:after {
    content: "";
    display: block;
    width: 110px;
    position: absolute;
    top: -1px;
    left: 50%;
    margin-left: -50px;
    height: 3px;
    background: #fdb500;
}
.aboutnr section {
    font-size: 1.6rem;
    color: #333;
    line-height: 36px;
    padding: 20px 0px 0px;
}
.productsny {
    padding: 50px 0px 70px;
    background: #f8f8f8 url(../images/cpbg.jpg) center bottom no-repeat;
}
.cplb ul li img{
    width: 100%;
}
.cplb ul{
    margin-top:50px;
}
.cplb ul a span {
    display: block;
    text-align: center;
    line-height: 36px;
    padding: 15px 0px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 1.6rem;
}
.cplb ul a {
    display: block;
    background-color: rgba(0,0,0,.03);
    color: #000;
    position: relative;
    transition: .3s;
}
.cplb ul a i {
    display: block;
    background: #fff;
}
.cplb ul a:hover{
	color: #fff;
	background-color: #c4a456;
	box-shadow:0px 0px 20px rgba(0,0,0,.08);
}
.cpnyjj {
    padding: 50px 0px 70px;
    background: #f8f8f8;
}
.pro-img{
    margin-bottom:40px;
    flex-wrap: wrap;
}
.pro-img .xiaotu{
   margin-top:20px;
   position: relative;
   width: 100%;
   padding: 5px 40px 0px;
}
.pro-img #Gbig{
    width:100%;
}
.pro-img .xiaotu li{

}
.pro-img .xiaotu li a {
   display: block;
   border:2px #ddd solid;
   margin:1px;
   }
.pro-img .xiaotu li a.hover{
       border:2px solid #c4a456;
   }
.pro-img .xiaotu li.hover{

    border:2px #0e66a6 solid;
}
.pro-img .colmd5{
    width:40%;
    float:left;
    position:relative;
}
.pro-img .colmd7{
    width:57%;
    float:right;
}
.pro-img .colmd7 .pro-ptt{

    font-size:27px;
    font-weight:bold;
    padding:0px 0px 15px;
    border-bottom:1px #e8e8e8 solid;
    font-weight:bold;
}
.pro-img .colmd7>span{
    margin-top:20px;
    margin-bottom:20px;
    padding-bottom:45px;
    border-bottom: 1px #e8e8e8 solid;
    display:block;
    color:#515151;
    font-size:14px;
    line-height:22px;
    width:100%;
    word-wrap:break-word;
}
.pro-img .colmd7>span ul{
    list-style-type:disc;
    margin-left:20px;
}

.pro-img .colmd7 h3 {

   font-size:15px;
   margin-top:0px;
   margin-bottom:14px;
   color:#515151;
   }

.jqzzoom{position:relative;}
.jqzoom{position:relative;overflow:hidden;border:0px #ddd solid; height:auto; overflow:hidden;border: 2px solid rgba(0,0,0,.1);}
.zoomdiv{float:left;top:0 !important;left:101% !important;border:3px solid #e4e4e4;display:none;text-align:center;overflow: hidden;position:absolute;z-index:999;background-color:#fff;}
.bigimg{width:1000px;height:1000px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:80px !important;height:80px !important;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}	
.zoomdiv img{
   max-width:none;
   }



.jqzzoom .navigation {
    width: 100%;
    margin: 10px 0 0;
}
.jqzzoom .carousel{
    overflow: hidden;
}
.jqzzoom .carousel ul {
    width:2000em;
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top:10px;
}
.jqzzoom .prev-navigation,.next-navigation{
    display:block;
    cursor:pointer;
}
.jqzzoom .prev-navigation{
    background:url(../images/left.gif) left center no-repeat;
    height:91px;
    width:39px;
    float:left;
}
.jqzzoom .next-navigation{
    background:url(../images/right.gif) right center no-repeat;
    width:39px;
    height:91px;
    float:right;
}


#st-2 .st-btn[data-network='facebook'] {
   background-color: #4267B2;
}
#st-2 .st-btn {
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   -moz-transition: opacity 0.2s ease-in, top 0.2s ease-in;
   -ms-transition: opacity 0.2s ease-in, top 0.2s ease-in;
   -o-transition: opacity 0.2s ease-in, top 0.2s ease-in;
   -webkit-transition: opacity 0.2s ease-in, top 0.2s ease-in;
   transition: opacity 0.2s ease-in, top 0.2s ease-in;
   -moz-border-radius: 0px;
   -webkit-border-radius: 0px;
   border-radius: 0px;
   border: none;
   cursor: pointer;
   display: inline-block;
   font-size: 12px;
   height: 40px;
   line-height: 40px;
   margin-right: 8px;
   padding: 0 10px;
   position: relative;
   text-align: center;
   top: 0;
   vertical-align: top;
   white-space: nowrap;
}
#st-2 .st-btn > img {
   display: inline-block;
   height: 20px;
   width: 20px;
   position: relative;
   top: 10px;
   vertical-align: top;
}
#st-2 .st-btn[data-network='twitter'] {
   background-color: #55acee;
}
#st-2 .st-btn[data-network='pinterest'] {
   background-color: #CB2027;
}
#st-2 .st-btn[data-network='linkedin'] {
   background-color: #0077b5;
}
#st-2 .st-btn[data-network='sharethis'] {
   background-color: #95D03A;
}
#st-2 .st-btn:hover {
   opacity: .8;
   top: -4px;
}
.pro-img .swiper-button-next {
    background: url(../images/you.png) no-repeat;
    background-size: cover;
    right: 0px;
    top: 50%;
    width: 40px;
    height: 40px;
    border: none;
}
#xiaotu .swiper-button-prev {
    background: url(../images/zuo.png) no-repeat;
    background-size: cover;
    right: auto;
    top: 50%;
    width: 40px;
    height: 40px;
    border: none;
    left: 0;
}
.pro-img {
    display: flex;
    justify-content: space-between;
    padding: 25px;
    background: #fff;
}
.colmd5>h3 {
    font-size: 27px;
    font-weight: bold;
    padding: 0px 0px 15px;
    border-bottom: 1px #e8e8e8 solid;
    font-weight: bold;
}

.liebiao {
    height: 78px;
    border: 1px solid #ebebeb;
    margin-top: 25px;
    width: 100%;

}
.liebiao-aa {
    width: 16%;
    height: 78px;

    text-align: center;
    float: left;
    border-right: 1px solid #ebebeb;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
}
.liebiao-bb {
    width: 68%;
    height: 78px;
    line-height: 78px;
    float: left;
    text-align: center;
    color: #919191;
    border-right: 1px solid #ebebeb;
    align-items: center;
    justify-content: center;
    display: flex;
}
.liebiao-cc {
    width: 16%;
    height: 78px;

    text-align: center;
    float: right;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
}
.liebiao-bb a {
    color: #919191;
}
.liebiao a{
    color:#919191;
}
.liebiao a:hover{
    color:#c4a456;
}
.pro-img .colmd7 .clttop>h3 {
    font-size: 27px;
    font-weight: bold;
    padding: 0px 0px 15px;
    border-bottom: 1px #e8e8e8 solid;
    font-weight: bold;
}
.clttop section{
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 45px;
    border-bottom: 1px #e8e8e8 solid;
    display: block;
    color: #515151;
    font-size: 16px;
    line-height: 200%;
    width: 100%;
    word-wrap: break-word;
}
.xqmore {
    margin-top: 20px;
    margin-bottom:20px;
    width: 206px;
    height: 52px;
}
.xqmore a {
    display: block;
    width: 206px;
    height: 52px;
    line-height: 52px;
    font-size: 18px;
    background-color: #c4a456;
    color: #FFFFFF;
    text-align: center;
}
.xiangguan {
    margin: 40px 0px 0px;
    background: #fff;
    padding: 30px 0px;
}
.xiangguan h2 {
    text-align: center;
    font-size: 2.6rem;
    line-height: 36px;
    border-bottom: 1px solid rgba(0,0,0,.1);
    padding-bottom: 15px;
}
#xiangguan img{
    width: 100%;
}
#xiangguan .swiper-slide a i {
    display: block;
    border: 1px solid rgba(0,0,0,.1);
    padding: 10%;
}
#xiangguan .swiper-slide a p {
    text-align: center;
    color: #000;
    line-height: 40px;
    margin: 5px 0px 0px;
}
#xiangguan {
    padding: 0px 25px 30px;
    margin-top: 25px;
}
.down{
    padding: 50px 0px 70px;
    background:#f8f8f8;
}
.xztu {
    display: block;
    width: 50px;
    height: 50px;
    background: url(../images/wj.png) bottom;
    transition: .3s;
}
.down ul li a:hover .xztu {
    background: url(../images/wj.png) top;
    transition: .3s;
}
.down ul li {
    width: 48%;
    border: #b6b6b6 1px solid;
    margin-bottom: 20px;
}
.down ul li a {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: space-between;
    padding: 40px 30px;
    color: #5b5b5b;
    font-size: 16px;
    line-height: 34px;
}
.xzwen {
    width: 80%;
}
.down ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.down ul li a:hover {
    transition: .5s;
    background: #c4a456;
    color: #fff;
}
.lxkuai {
    margin-top: 55px;
    margin-bottom: 100px;
    line-height: 36px;
    font-size: 16px;
}
.lxkuai h2 {
    font-size: 25px;
    color: #333333;
    margin-top: 26px;
    margin-bottom: 67px;
    padding-bottom: 46px;

    background-repeat: no-repeat;
}
.liuyan {
    height:auto; overflow:hidden;
    padding-top:75px;
    padding-bottom:45px;
    background-color:#ededed;
    }
    
 .liuyan h2 {
    font-size:17px;
    margin-top:0px;
    margin-bottom:16px;
    color:#2d2d2d;
    text-align:center;
    }
    
 .liuyan h3 {
    font-size:42px;
    font-weight:bold;
    text-align:center;
    color:#2d2d2d;
    margin-top:0px;
    margin-bottom:75px;
    }  
    
 .hzi {
    color:#c4a456;
    }
    
    .kk3 {
        background: transparent;
        border: #666666 1px solid;
        height: 60px;
        margin-bottom:20px;
       
    }
    .kk4 {
        background: transparent;
        border: #666666 1px solid;
        border-radius: 0;
        
    }
    .liuyan form button {
        width: 205px;
        background: #c4a456;
        height: 55px;
        border: 0;
        color: #fff;
        transition: .3s;
        margin-top:20px;
    }
    .menu ul>li>a:before {
        content: "";
        position: absolute;
        width: 0;
        left: 50%;
        background: #c4a456;
        height: 4px;
        transition: .3s;
        top:80%;
    }
    .menu ul>li>a:hover:before {
        width: 100%;
        left: 0;
    }
    .cplb ul li{
        margin-bottom:30px;
    }
    .xiangguan li {
        list-style-type:none;
        float:left;
        padding-right:42px;
        }	
        .modal-dialog {
            width: 660px;
            margin: 100px auto;
        }
        
        .tanchu {
            height: auto;
            overflow: hidden;
            color: #666666;
            border: 2px solid #c4a456;
        }
        .tanchu-lan {
            height: 55px;
            line-height: 55px;
            background-color: #c4a456;
            font-size: 18px;
            color: #FFFFFF;
            padding-left: 10px;
            margin-top:-55px;
        }
        .tanchu-nei {
            padding: 20px;
            height: auto;
            overflow: hidden;
        }     
        .tanchu-nei p{
        margin-bottom:20px;
        }
        .modal-header{
        background:#c4a456;
        }
        .menu ul li dl {
            position: absolute;
            top: 100%;
            left: 50%;
            background: rgba(0,0,0,.8);
            width: 200px;
            display: none;
            transform: translate(-50%, 0%);
        }
        .menu ul li dl dd {
            text-align:center;
            color:#fff;
            line-height:30px;
            font-size:1.4rem;
            cursor:pointer;
            padding: 0 15px;
            margin:8px 0;
            position: relative;
        }
        .menu ul li dl dd a {
            display:block;
            text-align:center;
            color:#fff; 
            line-height:30px;
            font-size:1.4rem;
            white-space:nowrap;
        }
        .menu ul li dl dd:hover {
            background:#fff;
        }
        .menu ul li dl dd:hover>a{
            color:#021e64;
        }
        .menu ul li>dl>dd>a:after{
               content: '';
        display: inline-block;
        width: 8px;
        height: 8px;
        border-top: 1px solid #fff;
        border-right: 1px solid #fff;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        position:absolute;
        right:10px;
        top:35%;
        }
        .menu ul li>dl>dd:hover>a:after{
               content: '';
        display: inline-block;
        width: 8px;
        height: 8px;
        border-top: 1px solid #021e64;
        border-right: 1px solid #021e64;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        position:absolute;
        right:10px;
        top:35%;
        }
        .menu ul li dl dd dl {
            left: 100%;
            top: 0px;
        }
        .menu ul li:hover>dl {
            display: block;
        }
        .menu ul li dl dd:hover dl {
            display: block;
            transform: translate(0px, 0px);
        }
        .page_list a{
    border: 1px rgb(0,0,0,.2) solid;
    line-height: 34px;
    border-radius: 2px;
    padding: 10px 15px;
    margin-left: 10px;
    font-size: 1.5rem;
    font-family:MaisonNeue-Book;
    color: #666;
    transition: .3s;
}
.page_list a.on,.page_list a:hover{
    color: #fff;
    background-color: #c4a456;
    border-left: 1px #c4a456 solid;
}
.page_list{
    text-align: center;
}
.page_info{
    text-align: center;
}
.lxkuai  a{
color:#333;
    
}
.lxkuai  a:hover{
color:#c4a456;
    
}
@media(max-width:1366px){
    .menu ul li {
        margin-right: 20px;
        position: relative;
    }
    .syableft {
        font-size: 20px;
        line-height: 233%;
    }
    .sybd h2 {
        color: #c4a456;
        margin-bottom: 96px;
        font-size: 40px;
    }
    .dibuleft {
        font-size: 36px;
        padding-top: 60px;
        padding-bottom: 60px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .diburight {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .lxkuai h2 {
        font-size: 18px;
        color: #333333;
        margin-top: 26px;
        margin-bottom: 20px;
        padding-bottom: 20px;
     
        background-repeat: no-repeat;
    }
}
@media(max-width:1176px){
    .menu{
        width: 60%;
    }
    .diburightr h2 {
        font-size: 24px;
        color: #e2e2e2;
        font-family: gothicb;
    }
    .dbxxw {
        color: white;
        font-size: 16px;
        line-height: 250%;
    }
    .diburight {
        padding-left: 20px;
        padding-right: 20px;
    }
    .sybd h2 {
        color: #c4a456;
        margin-bottom: 0;
        font-size: 35px;
    }
    .syabmore img{
        width: 60px;
    }
}
@media(max-width:992px){
    .yc{display: block;}
        .yd{display: none;}

        .nav-logo {
            width:25px;
            display:block;
        }
        .nav-logo i {
            display:block;
            padding:2px 0px;
        }
        .menu {
            position:fixed;
            width:70%;
            height:100%;
            right:-100%;
            top:0;
            z-index:9999;
            background:#fff;
            transition:.3s;
            display:block;
        }
        .menu i {
            display:block;
            height:42px;
            padding:0px 15px;
            background:rgba(0,0,0,.08);
            font-weight:bold;
            line-height:42px;
            color:#000;
        }
        .menu ul {
            flex-wrap:wrap;
        }
        .menu ul li {
            width:100%;
            padding:0px 0px;
        }
        .menu ul li a {
            line-height:42px;
            font-size:1.4rem;
            padding:0px 15px;
            color:#333;
            border-bottom:1px rgba(0,0,0,.15) solid;
            background:url(../images/mujt.png) right 15px center no-repeat;
            background-size:auto 15px;
        }
        .nav-logo i:after {
            content:"";
            display:block;
            height:2px;
            background:#000;
        }
        .menuu {
            right:0;
        }
        .heise {
            position:fixed;
            display:none;
            width:100%;
            height:100%;
            top:0;
            left:0;
            z-index:998;
            background:rgba(0,0,0,.7) url(../images/guanbi.png) 11% center no-repeat;
            background-size:auto 40px;
        }
        .menu ul li a {
            line-height:42px;
            font-size:1.4rem;
            padding:0px 15px;
            color:#333;
            border-bottom:1px rgba(0,0,0,.15) solid;
            background:url(../images/mujt.png) right 15px center no-repeat;
            background-size:auto 15px;
            display:block;
        }
        .menu ul li {
            width:100%;
            padding:0px 0px;
        }
        .gongju{
            display: none;
        }
        header {
            position: fixed;
            top: 0;
            z-index: 99;
            width: 100%;
            left: 0;
            background: #fff;
            padding: 0px;
            border-radius: 0px;
            transform: initial;
        }
        .diburight{
            flex-direction: column;
        }
        .menu {
            position: fixed;
            width: 70%;
            height: 100%;
            top: 0;
            z-index: 9999;
            background: #fff;
            transition: .3s;
            display: block;
            left: auto;
            transform: translate(0);
        }
        .topbig {
            padding: 5px 10px;
            top: 0;
            border-radius: 0;
            width: 100%;
            align-items: center;
            justify-content: space-between;
            display: flex;
        }
        .logo img {
            width:50px;
        }
        .topbig{
            position:inherit;
        }
        .menu ul li{
            margin: 0;
        }
        .menu ul>li>a:before {
            top: 100%;
        }
        .banner{
            margin-top:60px;
        }
        header.head{
            padding:0;
        }
        .syabbig {
          padding:20px 15px;
          flex-direction: column;
        }
        .syableft{
            font-size:16px;
            width: 100%;
        }
        .syableft h2 {
            margin-bottom: 20px;
            font-size: 28px;
        }
        .syabmore {
            margin-top: 20px;
            margin-bottom:20px;
        }
        .syabright{
            width: 100%;
        }
        .sybdbig{
            flex-wrap: wrap;
            flex-direction: column;
        }
        .sybdleft {
            width: 100%;
            position: relative;
        }
        .sybdright {
            width:100%;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: flex-end;
        }
        .sybd {
            padding: 20px 15px;
            background: url(../images/sycp.png) 102% top no-repeat;
        }
        .sybd h2{
            margin-bottom:20px;
        }
        #syro p {
            text-align: center;
            margin-top: 20px;
            font-size: 16px;
            color: #c4a456;
            margin-bottom: 20px;
        }
        .sybd h2 {
            color: #c4a456;
            margin-bottom: 0;
            font-size: 24px;
            margin:20px 0;
        }
        #syro .swiper-button-prev {
            width: 30px;
            height: 30px;
            left: 0;
            top: 47%;
        }
        #syro .swiper-button-next {
            width: 30px;
            height: 30px;
            left: auto;
            top: 47%;
            right: 0;
        }
        #sycp {
            padding: 10px;
            transform: translate(0px, 0);
        }
        footer {
            padding: 182px 0 56px;
            background: url(../images/dbbg.jpg) no-repeat;
            background-size: cover;

        }
        .sycplbwen{
            color:#000;
            box-shadow:1px 1px 10px rgb(0 0 0 / 10%);
        }
        footer {
            padding: 20px 15px;
            background: url(../images/dbbg.jpg) no-repeat;
            background-size: cover;
        }
        .dibubig {
            flex-direction: column;
        }
        .dibuleft {
            font-size: 24px;
            padding-top: 20px;
            padding-bottom: 20px;
            padding-left: 10px;
            padding-right: 10px;
            width: 100%;
        }
        .diburightl {
            width: 100%;
            margin-bottom:20px;
        }
        .diburight {
            width: 100%;
            padding:20px;
        }
        .diburightr {
            width: 100%;    
        }
        .banquanbig {
            display: flex;
            justify-content: space-between;
            padding-top: 20px;
            color: white;
            flex-direction: column;
        }
        .dbxxw {
            color: white;
            font-size: 14px;
            line-height: 200%;
        }
        .banner .bannerwen h3 {
            color: #fff;
            font-size: 2.0rem;
            letter-spacing: 2px;
            font-family: GOTHICB;
        }
        .banner .bannerwen section {
            color: #fff;
            font-size: 1.4rem;
            line-height: 20px;
            text-transform: uppercase;
            margin:10px 0px 0px;
        }
        .banner .bannerwen {
            position: absolute;
            width: 100%;
            top: 20%;
            left: 0;
            text-align: center;
        }
        .aboutnr {
            padding: 20px 15px;
        }
        .aboutbt h3 {
            color: #000000;
            font-size: 2.4rem;
            line-height: 30px;
            font-family: GOTHICB;
            text-transform: uppercase;
            text-align: center;
        }
        .aboutnr section {
            font-size: 1.4rem;
            color: #333;
            line-height: 200%;
            padding: 10px 0px 0px;
        }
        .productsny {
            padding: 20px 15px;
            background: #f8f8f8 url(../images/cpbg.jpg) center bottom no-repeat;
        }
        .cplb ul li {
            margin-bottom: 20px;
        }
        .cplb ul {
            margin-top: 20px;
        }
        .pro-img{
            flex-direction: column;
            padding:10px;
        }
        .pro-img .colmd5 {
            width: 100%;
            float: left;
            position: relative;
            margin-bottom:20px;
        }
        .pro-img .colmd7 {
            width: 100%;
            float: right;
        }
        .pro-img .colmd7 .clttop>h3 {
            font-size: 20px;
            font-weight: bold;
            padding: 0px 0px 15px;
            border-bottom: 1px #e8e8e8 solid;
            font-weight: bold;
        }
        .colmd5>h3 {
            font-size: 20px;
            font-weight: bold;
            padding: 0px 0px 15px;
            border-bottom: 1px #e8e8e8 solid;
            font-weight: bold;
        }
        .clttop section {
            margin-top: 20px;
            margin-bottom: 20px;
            padding-bottom: 20px;
            border-bottom: 1px #e8e8e8 solid;
            display: block;
            color: #515151;
            font-size: 16px;
            line-height: 200%;
            width: 100%;
            word-wrap: break-word;
        }
        .modal-dialog,.modal-lg{
            width: 100%;
        }
        .down {
            padding:20px 15px;
            background: #f8f8f8;
        }
        .down ul li {
            width: 100%;
            border: #b6b6b6 1px solid;
            margin-bottom: 20px;
        }
        .down ul li a {
            display: flex;
            height: 100%;
            align-items: center;
            justify-content: space-between;
            padding: 10px 5px;
            color: #5b5b5b;
            font-size: 16px;
            line-height: 34px;
        }
        .lxkuai {
            margin-top: 20px;
            margin-bottom: 20px;
            line-height: 36px;
            font-size: 16px;
        }
        .lxkuai h2 {
            font-size: 18px;
            color: #333333;
            margin-top: 26px;
            margin-bottom: 10px;
            padding-bottom: 10px;
            background-repeat: no-repeat;
        }
        .liuyan {
            height: auto;
            overflow: hidden;
            padding:20px 15px;
            background-color: #ededed;
        }
        .liuyan h3 {
            font-size: 24px;
            font-weight: bold;
            text-align: center;
            color: #2d2d2d;
            margin-top: 0px;
            margin-bottom: 20px;
        }
         .b-height {
		height:50px;
	}
	.fygnav {
		padding:0px;
		height:50px;
		background-color:#c4a456;
	}
	.fygnav ul {
		list-style-type:none;
		width:100%;
		margin:0px;
		padding:0px;
	}
	.fygnav li {
		width:100%;
		text-align:center;
		float:left;
		margin:0;
	}
	.fygnav li a {
		display:block;
		color:#FFFFFF;
		background-color:#c4a456;
		height:50px;
		line-height:50px;
	}
}