html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,
ins,kbd,q,samp,small,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin: 0;padding: 0;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
input,select,textarea{margin: 0;padding: 0}
input,select{vertical-align: middle}
ul,ol{list-style: none}
ul,ol,li,dl,dt,dd,pre,form,fieldset,img,div{ margin: 0; padding: 0; border: none; }
img{ vertical-align: middle; border-style: none; max-width: 100%; object-fit: cover;}
textarea{resize: none}
a{text-decoration: none}
em{font-style: normal}
html{ /*font-size: 100%;-webkit-text-size-adjust: 100%;-moz-text-size-adjust: 100%;-ms-text-size-adjust: 100%;text-size-adjust: 100%;*/}
*,*::after,*::before{-webkit-box-sizing: border-box; box-sizing: border-box; }
.clear{clear: both}
.clearfix,.w{zoom: 1}
.clearfix:after,.w:after{ content: "."; display: block; overflow: hidden; height: 0; clear: both; visibility: hidden}
.fl{float: left}
.fr{float: right}
b,strong{ font-weight:900;}

@font-face {
    font-family:'Geometric415BT BlackA'; src:url("../fonts/geometric/Geometric415BT-BlackA.eot");src:url("../fonts/geometric/Geometric415BT-BlackA.eot?#iefix") format("embedded-opentype"),url("../fonts/geometric/Geometric415BT-BlackA.woff") format("woff"),url("../fonts/geometric/Geometric415BT-BlackA.ttf") format("truetype"),url("../fonts/geometric/Geometric415BT-BlackA.svg#YourWebFontName") format("svg");
}

@font-face {
    font-family:'AlibabaPuHuiTi-3-55-Regular'; src:url("../fonts/AlibabaPuHuiTi-3-55-Regular/AlibabaPuHuiTi-3-55-Regular.eot");src:url("../fonts/AlibabaPuHuiTi-3-55-Regular/AlibabaPuHuiTi-3-55-Regular.eot?#iefix") format("embedded-opentype"),url("../fonts/AlibabaPuHuiTi-3-55-Regular/AlibabaPuHuiTi-3-55-Regular.woff") format("woff"),url("../fonts/AlibabaPuHuiTi-3-55-Regular/AlibabaPuHuiTi-3-55-Regular.ttf") format("truetype");
}

html,body{ font-size: 15px; width: 100%; line-height: 186%; color:#231815; font-family: 'AlibabaPuHuiTi-3-55-Regular',Avenir,Helvetica,Arial,sans-serif; /*font-family:"Microsoft YaHei","Microsoft JhengHei","幼圆",Arial,Helvetica,sans-serif;*/}

.filletBox { -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); behavior: url(ie-css3.htc);}

/* Links Start */
a{color:#231815; text-decoration:none; outline:none !important;}
a:hover{color:#ff8a00; text-decoration:none;} a:focus{outline:thin dotted;} a:hover,a:active{outline:0;}
a, a:hover, a:focus { color:#333; text-decoration: none; }
/* Links End */

/* Header One Start */
.header-one { font-size: 23px; font-weight: 500; font-style: normal; color: #FFF; margin-bottom: 20px; letter-spacing: 2px;}
/* Header One End */

/* Header Two Star */
.header-two { margin: 0; padding: 0; display: block; color: #c08a4a; text-align: center;}
    .header-two em { font-family: 'OswaldBold'; text-transform: uppercase; font-size: 42px; font-weight: 700; letter-spacing: 1px;}
    .header-two em label { font-family: 'OswaldLight'; font-weight: lighter;}
    .header-two i { display: block; outline: none; border: 2px solid #c08a4a; width: 38px; margin: 8px auto 10px auto; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; overflow: hidden;}
    .header-two span { display: block; font-size: 26px; color: #333; font-weight: 600; letter-spacing: 2px;}
/* Header Two End */

/* Header Three Star */
.header-three { position: relative; font-size: 24px; font-weight: 700; text-transform: capitalize; padding-bottom: 15px; color: #231815; margin-bottom: 30px;}
    .header-three:after { position: absolute; content: ''; left: 0; bottom: 0; width: 30px; height: 1px; background-color: #c08a4a;}
/* Header Three End */

/* Header Four Star */
.header-four { position: relative; padding-bottom: 10px; color: #231815; margin-bottom: 20px;}
    .header-four .cng { font-size: 48px; font-weight: 700; text-transform: capitalize;}
    .header-four .eng { font-size: 28px; font-family: 'OswaldBold'; text-transform: capitalize; margin-top: 20px;}
    .header-four:after { position: absolute; content: ''; left: 0; bottom: 0; width: 30px; height: 1px; background-color: #c08a4a;}
/* Header Four End */

/* Header Five Star */
.header-five { position: relative; padding-bottom: 10px; color: #231815; margin-bottom: 20px;}
    .header-five .cng { font-size: 48px; font-weight: 700; text-transform: capitalize;}
    .header-five .eng { font-size: 28px; font-family: 'OswaldBold'; text-transform: capitalize; margin-top: 20px;}
    .header-five:after { position: absolute; content: ''; right: 0; bottom: 0; width: 30px; height: 1px; background-color: #c08a4a;}
/* Header Five End */

/* Float Layer Start */
.float-layer { }
    .float-layer.active { position: fixed; top: 0; left: 0; width: 100%; z-index: 999;}
    .float-layer.active #header { visibility: hidden; padding: 0; height: 0; overflow: hidden;}
    .float-layer.active #menuer { visibility: hidden; height: 0; overflow: hidden;}
    .float-layer.active #header-transverse { display: block;}
/* Float Layer End */

/* Header Start */
#header { padding: 42px 0; text-align: center; background: #fbfaf8;}
    #header .logo { }
    #header .logo img { max-height: 60px;}
/* Header End */

/* Menuer Start */
#menuer { width: 100%; height: 60px; background: #c08a4a; text-align: center; position: relative; transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;}
    .menuer { display: inline-table; margin: 0 auto;}
    .menuer ul.column { }
    .menuer ul.column li { float: left; padding: 0 34px; line-height: 60px; font-size: 18px; letter-spacing: 2px;}
    .menuer ul.column li a { color: #FFF; display: block; position: relative;}
    .menuer ul.column li.on,.menuer ul.column li:hover { }
    .menuer ul.column li a:after { content: ""; width: 0; height: 2px; background: #FFF; position: absolute; bottom: 0; left: 50%; /*border-radius: 8px;*/ transition: all 0.8s;}
    .menuer ul.column li.on a:after,.menuer ul.column li:hover a:after { left: 0; width: 100%;}

    .menuer ul.column li.menu-full .drop-menu-full { position: absolute; top: 100%; left: 0; display: none; padding-top: 30px; padding-bottom: 30px; background: rgba(255,255,255,0.93)/*rgba(192,138,74,0.63)*/; width: 100%; z-index: 99999; transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;}
    .menuer ul.column li.menu-full:hover .drop-menu-full { display: block;}
/* Menuer End */

/** Drop Pro Start */
.drop-pro { width: 50.000000%; margin: 0 auto; text-align: left; }
    .drop-pro .lefts { float: left; width: 48.000000%;}
    .drop-pro .lefts ul.list li { display: block; width: 100%; float: none; line-height: 1.8; font-size: 17px;}
    .drop-pro .lefts ul.list li a { color: rgba(192,138,74,1); transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;}
    .drop-pro .lefts ul.list li a i { margin-right: 6px;}
    .drop-pro .lefts ul.list li a:hover { color: #7f401d;}
    .drop-pro .rights { float: right; width: 48.000000%;}
    .drop-pro .rights img { max-width: 100%;}
/** Drop Pro End */

/** Header Transverse Start */
#header-transverse { display: none; position: relative; width: 100%;height: 60px;background: rgba(192,138,74,0.93); transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;}
    .header-transverse { }
    .header-transverse .logo { float: left; margin-top: 9px;}
    .header-transverse .logo img { max-height: 42px;}

    .header-transverse ul.column { float: right;}
    .header-transverse ul.column li { float: left; padding: 0 34px; line-height: 60px; font-size: 18px; letter-spacing: 2px;}
    .header-transverse ul.column li a { color: #FFF; display: block; position: relative;}
    .header-transverse ul.column li.on,.header-transverse ul.column li:hover { }
    .header-transverse ul.column li a:after { content: ""; width: 0; height: 2px; background: #FFF; position: absolute; bottom: 0; left: 50%; /*border-radius: 8px;*/ transition: all 0.8s;}
    .header-transverse ul.column li.on a:after,.header-transverse ul.column li:hover a:after { left: 0; width: 100%;}

    .header-transverse ul.column li.menu-full .drop-menu-full { position: absolute; top: 100%; left: 0; display: none; padding-top: 30px; padding-bottom: 30px; background: rgba(255,255,255,0.93)/*rgba(192,138,74,0.63)*/; width: 100%; z-index: 99999; transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;}
    .header-transverse ul.column li.menu-full:hover .drop-menu-full { display: block;}

    .header-transverse .navigations { display: none;}
/** Header Transverse End */

/* Header Blank Star */
#header-blank { display: none;}
/** Header Blank End */

/* Home Banner Star */
#home-banner { overflow: hidden;}
    #home-banner .swiper-slide { position: relative; text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-bsox-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
    #home-banner .swiper {--swiper-theme-color: #7f401d;--swiper-pagination-color: #7f401d; --swiper-pagination-bullet-inactive-color:#c08a4a; --swiper-pagination-bullet-inactive-opacity:1; --swiper-pagination-bullet-width:2px; --swiper-pagination-bullet-height:2px;}
    #home-banner .swiper-pagination-bullet { height: 10px; width: 10px; border-radius:10px; transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;}
    #home-banner .swiper-horizontal>.swiper-pagination-bullets, #home-banner .swiper-pagination-bullets.swiper-pagination-horizontal, #home-banner .swiper-pagination-custom, .swiper-pagination-fraction { /*bottom: 70px;*/}
    #home-banner .swiper-pagination-bullet-active { width: 42px;}

    #home-banner .swiper-button-prev { color: #FFF; font-size: 78px; left: 8.000000%;}
    #home-banner .swiper-button-next { color: #FFF; font-size: 78px; right: 8.000000%;}
    #home-banner .swiper-button-prev:after,#home-banner .swiper-button-next:after{display: none;}
    #home-banner .swiper-button-next.swiper-button-disabled, #home-banner .swiper-button-prev.swiper-button-disabled { /*opacity: 1;*/}
/* Home Banner End */

/* Home Category Display Start */
.home-category-display { margin: 0 auto; width: 82.000000%;}
    .home-category-display .floating { margin-top: 120px; position: relative; margin-bottom: 200px;}
    .home-category-display.two { padding-bottom: 50px;}
    .home-category-display.two .floating { margin-top: 280px;}

    .home-category-display .floating .text { position: absolute; top: 40.000000%; text-align: center; color: #c08a4a;}
    .home-category-display.one .floating .text { right: 20.000000%;}
    .home-category-display.two .floating .text { left: 20.000000%;}

    .home-category-display .floating .text .title { font-size: 38px; letter-spacing: 1px; font-weight: 500; font-style: normal;}
    .home-category-display .floating .text .desc { font-size: 22px; font-style: normal; font-weight: 200; margin-top: 15px;}

    .home-category-display .floating .pro { position: absolute; top: 70.000000%;}
    .home-category-display.one .floating .pro { right: 10.000000%; }
    .home-category-display.two .floating .pro { left: 10.000000%;}

    .home-category-display.one .floating .pro ul li { float: left; width: 260px; margin-left: 80px; padding: 60px 20px 40px 20px; background: rgba(255,255,255,0.43); text-align: center; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; overflow: hidden; -webkit-box-shadow: 0px 8px 18px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 8px 18px rgba(0, 0, 0, 0.1); box-shadow: 0px 8px 18px rgba(0, 0, 0, 0.1); behavior: url(ie-css3.htc);}
    .home-category-display.two .floating .pro ul li { float: left; width: 260px; margin-right: 80px; padding: 60px 20px 40px 20px; background: rgba(255,255,255,0.43); text-align: center; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; overflow: hidden; -webkit-box-shadow: 0px 8px 18px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 8px 18px rgba(0, 0, 0, 0.1); box-shadow: 0px 8px 18px rgba(0, 0, 0, 0.1); behavior: url(ie-css3.htc);}

    .home-category-display .floating .pro ul li .image { padding-left: 10%; padding-right: 10%;}
    .home-category-display .floating .pro ul li .image img { transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;}
    .home-category-display .floating .pro ul li:hover .image img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1);}
    .home-category-display .floating .pro ul li .name { margin-top: 20px; color: #202124; font-size: 18px; font-weight: 500; font-style: normal; display: flex; justify-content: center;}
    .home-category-display .floating .pro ul li .slogan { font-size: 13px; color: #c08a4a; line-height: 1.3; margin: 5px auto;}

    .home-category-display .floating .pro ul li .button { text-align: center;}
    .home-category-display .floating .pro ul li .button a { border: solid 1px #202124; font-size: 12px; line-height: 1; padding: 2px 30px; -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px; overflow: hidden; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s;}
    .home-category-display .floating .pro ul li .button a:hover { border: solid 1px #c08a4a; background: #c08a4a; color: #FFF;}

    .home-category-display .goods { display: none;}
/* Home Category Display End */


/* Home Advert Start */
#home-advert { position: relative; line-height: 0; margin: 0; padding: 0;}
    #home-advert .floating { position: absolute; text-align: center; left: 0; top: 50px; width: 100%; color: #FFF;}
    #home-advert .floating .logo img { max-width: 280px;}
    #home-advert .floating .slogan { margin-top: 15px; text-align: center; display: inline-table; line-height: 1.2;}
    #home-advert .floating .slogan .cng { margin: 0 auto; font-size: 24px; font-style: normal; font-weight: 400; letter-spacing: 1px; display: flex; justify-content: space-between;}
    #home-advert .floating .slogan .eng { font-size: 18px; font-weight: 200; font-style: normal; white-space: nowrap;}
    #home-advert .floating .button { display: none;}
/* Home Advert End */

/* Footer Start */
#footer { background: #c08a4a; padding: 65px 0 35px 0; color: rgba(255,255,255,1); font-size: 16px;}
    #footer a { color: rgba(255,255,255,1);}
    .footer { padding-bottom: 20px;}
    .footer .items:nth-child(n+2) { margin-top: 80px;}
    .footer .items .lefts { float: left; width: 50.000000%; padding-right: 18%;}
    .footer .items .rights { float: right; width: 50.000000%;}
    .footer .items .texts { font-weight: 100; letter-spacing:1px; text-align: left; font-style: normal; margin-bottom: 5px; line-height: 1.4;}

    .footer .items .follow-us { }
    .footer .items .follow-us ul li { float: left; width: 40.000000%;}
    .footer .items .follow-us ul li img { max-width: 92px; margin-right: 10px;}

    .footer .items .online-service { vertical-align: bottom;}
    .footer .items .online-service img { max-width: 92px; margin-right: 10px;}

    .copyrighter { border-top: solid 1px rgba(255,255,255,0.15); padding-top: 10px; text-align: center;}
/* Footer End */

/* Back To Top Star */
#back-to-top { position: fixed; cursor: pointer; z-index: 999999; bottom: 24px; right: 24px; display: block; transition: all 300ms ease-out; visibility: hidden; opacity: 0; text-align: center; width: 48px; height: 48px; line-height: 48px !important; font-size: 16px;border-radius: 150px;color: #ffffff;background-color: #c08a4a;-webkit-box-shadow: 0px 0 24px 0px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0px 0 24px 0px rgba(0, 0, 0, 0.08); box-shadow: 0px 0 24px 0px rgba(0, 0, 0, 0.08); behavior: url(ie-css3.htc);}
    #back-to-top.show { visibility: visible;opacity: 1;}
    #back-to-top:hover { color: #c07f3d; background: #FFF;}
/* Back To Top End */


/* Wave Start */
@-webkit-keyframes wave {
    0% {
        background:rgba(0,0,0,.25);
        transform:translateX(-50%) translateY(-50%) scale(0)
    }
    to {
        background:transparent;
        transform:translateX(-50%) translateY(-50%) scale(1)
    }
}@keyframes wave {
     0% {
         background: rgba(0, 0, 0, .25);
         transform: translateX(-50%) translateY(-50%) scale(0)
     }
     to {
         background: transparent;
         transform: translateX(-50%) translateY(-50%) scale(1)
     }
 }
/* Wave End */

/* Xl Start */
@keyframes xl {
    0% {
        bottom: 15px;
    }
    50% {
        bottom: 30px;
    }
    100% {
        bottom: 15px;
    }
}
/* Xl End */

/* Famove1 Start */
@-webkit-keyframes famove1 {
    0% { width: 0px; height: 0px; opacity: 0;}
    50% { width: 20px; height: 20px;opacity: 1; }
    75% { width: 25px;height: 25px;opacity: .5; }
    100% { width: 30px;height: 30px;opacity: 0; }
}

@-moz-keyframes famove1 {
    0% { width: 0px;height: 0px;opacity: 0; }
    50% { width: 20px;height: 20px;opacity: 1; }
    75% { width: 25px;height: 25px;opacity: .5; }
    100% { width: 30px;height: 30px;opacity: 0; }
}

@-o-keyframes famove1 {
    0% { width: 0px;height: 0px;opacity: 0; }
    50% { width: 20px;height: 20px;opacity: 1; }
    75% { width: 25px;height: 25px;opacity: .5; }
    100% { width: 30px;height: 30px;opacity: 0; }
}

@keyframes famove1 {
    0% { width: 0px;height: 0px;opacity: 0; }
    50% { width: 20px;height: 20px;opacity: 1; }
    75% { width: 25px;height: 25px;opacity: .5; }
    100% { width: 30px;height: 30px;opacity: 0; }
}
/* Famove1 End */


/* Bounce Up Star */
@-webkit-keyframes bounce-up {
    10% {
        transform: rotate(20deg);
    }
    20% {
        transform: rotate(-10deg);
    }
    30% {
        transform: rotate(5deg);
    }
    40% {
        transform: rotate(-5deg);
    }
    50%,100% {
        transform: rotate(0deg);
    }
}
@keyframes bounce-up {
    10% {
        transform: rotate(20deg);
    }
    20% {
        transform: rotate(-10deg);
    }
    30% {
        transform: rotate(5deg);
    }
    40% {
        transform: rotate(-5deg);
    }
    50%,100% {
        transform: rotate(0deg);
    }
}
/* Bounce Up End */

/* <1920的设备 */
@media screen and (max-width: 1920px){

}

/* <1680的设备 */
@media screen and (max-width: 1680px){


}

/* <1500的设备 */
@media screen and (max-width: 1500px){


}

/* <1440的设备 */
@media screen and (max-width: 1440px){


}

/* <1366的设备 */
@media screen and (max-width: 1366px){
    /* Current Location Star */
    #current-location { padding-left: 30px; padding-right: 30px;}
    /* Current Location End */

}

/* <1200的设备 */
@media screen and (max-width: 1200px){


}

/* <991的设备 */
@media screen and (max-width: 991px) {

    /* Header One Start */
    .header-one { font-size: 22px; margin-bottom: 10px;}
    /* Header One End */

    /* Header Two Star */
    .header-two em { font-size: 28px;}
    .header-two span { font-size: 16px;}
    /* Header Two End */

    /* Header Three Star */
    .header-three { font-size: 22px; margin-bottom: 20px;}
    /* Header Three End */

    /* Header Four Star */
    .header-four { padding-bottom: 5px; margin-bottom: 10px;}
    .header-four .cng { font-size: 28px;}
    .header-four .eng { font-size: 16px; margin-top: 5px;}
    /* Header Four End */

    /* Header Five Star */
    .header-five { padding-bottom: 5px; margin-bottom: 10px;}
    .header-five .cng { font-size: 28px;}
    .header-five .eng { font-size: 16px; margin-top: 5px;}
    /* Header Five End */

    .container { padding-left: 10px; padding-right: 10px;}

    /* Float Layer Start */
    .float-layer { position: fixed; top: 0; left: 0; width: 100%; z-index: 999;}
    .float-layer.active { position: fixed; top: 0; left: 0; width: 100%; z-index: 999;}
    .float-layer.active #header { visibility: visible; padding: 0; height: auto; overflow: hidden;}
    .float-layer.active #menuer { visibility: visible; height: calc(100% - 52px); overflow: hidden;}
    .float-layer.active #header-transverse { display: block;}
    /* Float Layer End */

    /* Header Start */
    #header { display: none;}
    /* Header End */

    /* Menuer Start */
    #menuer { display: none; height: calc(100vh - 52px); background: rgba(192, 138, 74, 1); text-align: center; position: fixed; left: 0; top: 52px; border-top: solid 1px rgba(255, 255, 255, 0.15);}
    .menuer { display: inline-table; margin: 0 auto; width: 100%;}
    .menuer ul.column { }
    .menuer ul.column li { float: none; width: 100%; padding: 0 10px; line-height: 60px; font-size: 18px; letter-spacing: 2px; border-top: dotted 1px rgba(255, 255, 255, 0.15);}
    .menuer ul.column li a { color: #FFF; display: inline-block; position: static;}

    .menuer ul.column li.menu-full .drop-menu-full { position: static; top: 100%; left: 0; display: block; padding-top: 0; padding-bottom: 0; background: transparent; width: 100%; z-index: 99999; transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;}
    .menuer ul.column li.menu-full:hover .drop-menu-full { display: block;}

    .menuer ul.column li.menu-full .drop-menu-full .container { padding-left: 0; padding-right: 0;}

    /* Menuer End */

    /** Drop Pro Start */
    .drop-pro { width: 100.000000%; margin: 0 auto; text-align: center; }
    .drop-pro .lefts { float: none; width: 100.000000%;}
    .drop-pro .lefts ul.list li { display: block; width: 100%; float: none; padding-left: 0; padding-right: 0;}
    .drop-pro .lefts ul.list li a { color: rgba(255,255,255,1);}
    .drop-pro .lefts ul.list li a:hover { color: rgba(255,255,255,1);}

    .drop-pro .rights { display: none;}
    /** Drop Pro End */


    /** Header Transverse Start */
    #header-transverse { display: block; height: 52px; background: rgba(192, 138, 74, 1);}
    .header-transverse .logo { margin-top: 10px;}
    .header-transverse .logo img { max-height: 32px;}

    .header-transverse ul.column { display: none;}

    .header-transverse .navigations { margin-top: 18px; float: right; display: flex; align-content: center; justify-content: center; flex-wrap: wrap; height: 100%; width: 24px;}
    .header-transverse .navigations span { display: block;width: 100%;height: 2px;margin-bottom: 5px;border-radius: 3px;background-color: #FFF;-webkit-transition: all 0.3s linear;transition: all 0.3s linear;}
    .header-transverse .navigations span:last-child {margin-bottom: 0;}
    .header-transverse .navigations span:nth-child(2) {width: 75%;}
    .header-transverse .navigations.active { margin-top: 24px;}
    .header-transverse .navigations.active span:nth-child(1) {transform: rotate(45deg);margin: 0;margin-top: 2px;}
    .header-transverse .navigations.active span:nth-child(2) {display: none;}
    .header-transverse .navigations.active span:nth-child(3) {transform: rotate(-45deg);margin: 0;margin-top: -2px;}
    /** Header Transverse End */

    /* Header Blank Star */
    #header-blank { display: block; width: 100%; height: 52px;}
    /** Header Blank End */

    /* Home Banner Star */
    #home-banner .swiper-pagination-bullet { height: 8px; width: 8px;}
    #home-banner .swiper-pagination-bullet-active { width: 20px;}

    #home-banner .swiper-button-prev { font-size: 38px;}
    #home-banner .swiper-button-next { font-size: 38px;}
    /* Home Banner End */

    /* Home Category Display Start */
    .home-category-display { width: 100.000000%;}
    .home-category-display.one { margin-top: 30px;}
    .home-category-display .floating { margin-top: 20px; position: relative; margin-bottom: 20px;}
    .home-category-display.two { padding-bottom: 30px;}
    .home-category-display.two .floating { margin-top: 30px;}

    .home-category-display .floating .text { position: absolute; top: 36.000000%; width: 100%; text-align: center; color: #c08a4a;}
    .home-category-display.one .floating .text { right: 0;}
    .home-category-display.two .floating .text { left: 0;}

    .home-category-display .floating .text .title { font-size: 28px; }
    .home-category-display .floating .text .desc { font-size: 18px;}

    .home-category-display .floating .pro { display: none;}

    .home-category-display .goods {padding-left: 10px; padding-right: 10px; display: block;}
    .home-category-display .goods ul li { float: left; width: 48.500000%; margin-right: 3.000000%; padding: 50px 15px 30px 15px; background: rgba(255,255,255,0.43); text-align: center; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; overflow: hidden; -webkit-box-shadow: 0px 8px 18px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 8px 18px rgba(0, 0, 0, 0.1); box-shadow: 0px 8px 18px rgba(0, 0, 0, 0.1); behavior: url(ie-css3.htc);}
    .home-category-display .goods ul li:nth-child(2n) { margin-right: 0;}

    .home-category-display .goods ul li .image { padding-left: 10%; padding-right: 10%;}
    .home-category-display .goods ul li .image img { transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;}
    .home-category-display .goods ul li:hover .image img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1);}
    .home-category-display .goods ul li .name { height: 56px; margin-top: 20px; color: #202124; font-size: 18px; font-weight: 500; font-style: normal; display: flex; justify-content: center;}
    .home-category-display.two .goods ul li .name { height: 28px;}
    .home-category-display .goods ul li .slogan { font-size: 13px; color: #c08a4a; line-height: 1.3; margin: 5px auto;}

    .home-category-display .goods ul li .button { text-align: center;}
    .home-category-display .goods ul li .button a { border: solid 1px #202124; font-size: 12px; line-height: 1; padding: 2px 30px; -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px; overflow: hidden; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s;}
    .home-category-display .goods ul li .button a:hover { border: solid 1px #c08a4a; background: #c08a4a; color: #FFF;}

    /* Home Category Display End */

    /* Home Advert Start */
    #home-advert .floating { position: absolute; text-align: center; left: 0; top: 30%; width: 100%; color: #FFF;}
    #home-advert .floating .logo img { max-width: 160px;}
    #home-advert .floating .slogan { display: none;}
    #home-advert .floating .button { display: block; margin-top: 10px;}
    #home-advert .floating .button a.play { display: block; overflow: hidden; font-weight: 500; font-size: 14px; line-height: 1; display: inline-block; position: relative; letter-spacing: 1px; padding: 10px 20px; text-align: center; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; transition:all .6s; -moz-transition:all .6s; -webkit-transition:all .6s; -o-transition:all .6s;}
    #home-advert .floating .button a.play:before {content: "";position: absolute;display: block;transition: all .6s;width: 100%;height: 0;border-radius: 50%;left: 50%;top: 50%;padding-top: 100%;transform: translateX(-50%) translateY(-50%);-webkit-animation: wave 1.3s infinite;animation: wave 1.3s infinite;z-index: 1;}
    #home-advert .floating .button a.play { background-color: #c08a4a; color: #FFF;}
    /* Home Advert End */


    /* Footer Start */
    #footer { padding: 35px 0 15px 0; }
    #footer a { color: rgba(255,255,255,1);}
    .footer { padding-bottom: 20px; text-align: center;}
    .footer .items:nth-child(n+2) { margin-top: 30px;}
    .footer .items .lefts { float: none; width: 100.000000%; padding-right: 0; margin-bottom: 20px;}
    .footer .items .rights { float: none; width: 100.000000%;}
    .footer .items .texts { text-align: center;}

    .footer .items .follow-us { text-align: center;}
    .footer .items .follow-us ul { display: inline-table; margin: 0 auto; text-align: center;}
    .footer .items .follow-us ul li { float: left; width: auto; text-align: center; margin-right: 20px;}
    .footer .items .follow-us ul li:last-child { margin-right: 0;}
    .footer .items .follow-us ul li img { display: block; max-width: 112px; margin-right: 0; margin-bottom: 10px;}

    .footer .items .online-service { vertical-align: bottom; text-align: center;}
    .footer .items .online-service img { display: block; max-width: 112px; margin: 0 auto 10px auto;}


    .copyrighter { border-top: solid 1px rgba(255,255,255,0.15); padding-top: 10px; text-align: center;}
    /* Footer End */

    /* Back To Top Star */
    #back-to-top { bottom: 15px; right: 15px; width: 38px; height: 38px; line-height: 38px !important;}
    /* Back To Top End */
}

/* <767的设备 */
@media screen and (max-width: 767px){


}

/* <450的设备 */
@media screen and (max-width: 450px){


}