body{font-size:14px;background: url(../img/bg.jpg) no-repeat center bottom}
.header .am-container{padding:0}
.header{background:#fff;border:0;margin-bottom:0;padding:5px 0}
.logo{float:left;margin-right:10px}
@media (max-width:640px){.logo{width:50px}}
.logo img{width:100%}
.webnm{float:left;font-size:16px}
.am-topbar-btn{background: #d7af7b;color:#fff}
.am-topbar-btn:hover{background:#e7b677;border:0;color:#fff}
.header .nav li a:hover{color:#c7242d}
.am-topbar-nav>li>a:after{border-color:transparent}
@media (max-width:640px){.am-nav>li.am-active>a, .am-nav>li.am-active>a:focus, .am-nav>li.am-active>a:hover{background:#d7af7b}}
.am-slider-default .am-control-nav{bottom:10px}
.banner .am-slider-default .am-control-nav li a{background:#fff;height:1rem;width:1rem}
.banner .am-slider-default .am-control-nav li a.am-active{background:#e7b677}
.banner .am-slider-default{margin:0}
.company-intr{background:url(../img/intr-bg.jpg)}
.headbx{position: relative;margin-top:1.6rem}
.headbx .tit{font-size:2.4rem;color:#c32c2f}
.headbx .tit:after,.headbx .tit::before{content:"";display: inline-block;width:1.8rem;height:4rem;background-size:contain;vertical-align:middle;background-repeat:no-repeat}
.headbx .tit::before{background-image: url(../img/icn-tit-l.png);margin-right:10px}
.headbx .tit::after{background-image:url(../img/icn-tit-r.png);margin-left:10px}
.headbx .hdline-l,.headbx .hdline-r{height: 0;border-bottom:1px solid #333;position: absolute;top:50%;width:38%;}
.headbx .hdline-l{right:62%}
.headbx .hdline-r{left:62%}
@media (max-width:640px){.headbx .tit{font-size:16px}.headbx .tit:after,.headbx .tit::before{width:.9rem;height:2.2rem}.headbx .hdline-l{right:70%;width:30%}
.headbx .hdline-r{left:70%;width:30%}}

.v-more{padding:1rem}
.v-more .am-btn-default{font-size:14px;background-color:transparent;border-color:#666}
.hot-prd-slide{max-width:1200px;margin:0 auto}
.hot-prd-slide .am-slider{padding:0 50px}
.hot-prd-slide .am-slider-default{box-shadow: none}
.hot-prd-slide .am-slider-default .am-direction-nav a:before{content:"\f104"}
.hot-prd-slide .am-slider-default .am-direction-nav a.am-next:before{content:"\f105"}
.hot-prd-slide .am-slider-default .am-direction-nav a:before{font-size:60px!important;color:#caa36f}
.hot-prd-slide .am-slides li{border:1px solid #caa36f;box-shadow:1px 0px 15px #e4d7c6;border-radius: 2px}
.hot-prd-slide .am-slides li  img{max-width:100%;width:auto;margin:0 auto}
.hot-prd-slide .am-slides li .prd-pic{padding:20px 10px;background:#fff}
.hot-prd-slide .am-slides li .prd-brf{background:#cecfd1;padding:1rem 1rem 0;font-size:16px}
.hot-prd-slide .am-slides li .prd-brf h3{color:#333;margin-bottom:.8rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.hot-prd-slide .am-slides li .prd-brf p{color:#333;margin:.6rem 0;font-size:12px}
.hot-prd-slide .hot-prd-i{position: relative;}
.hot-prd-slide .hot-prd-i::before{content:"";width:100px;height:60px;background:url('../img/icn-hot.png') no-repeat;background-size:contain;position: absolute;left:0;top:0}

.products-nav{list-style: none;padding:0;overflow: hidden;margin:0}
.products-nav li{float: left;text-align:center}
.products-nav li a:hover,.products-nav li.now a{background:#d6af7b}
.products-nav .prd-nav-t{display:block;color:#fff;background: #333;font-size:16px;padding:.5em 1.6em;margin:10px 5px}
.products-nav-snd{padding:0 5px}
.products-nav-snd li{padding:5px}
.products-nav-snd li a{display: block;color:#333;background:#cecfd1;padding:3px 0;text-align:center;border-radius:10px}
.products-nav-snd li a:hover,.products-nav-snd li.now a{background:#d7af7b}
@media (max-width:640px){.products-nav li{width:33%}.products-nav .prd-nav-t{padding:5px}}



.products-show .am-gallery li{padding:10px}
.products-show .am-gallery-item a{display: block;background:#cecfd1;padding:6px;border-radius:5px}
.products-show .am-gallery-item a:hover{background:#decea8}
.products-show .am-gallery-item a img{border-radius:5px}
.products-show .am-gallery-default .am-gallery-title{font-size:16px;color:#333;margin:0 0 5px;font-weight: bold}
.products-show .am-gallery-default .am-gallery-desc{font-size:14px;color:#333}
.products-show .am-gallery-default .am-gallery-desc p{margin:0}
@media (max-width:640px){.products-show .am-gallery li{padding:10px 5px}}

.footer{background:#272727;color:#888;font-size:12px;padding:1rem 0}
.ft-nv a{color:#888;margin:0 10px}
.ft-nv a:hover{color:#fff}
.footer .copyright p{margin:5px 0}
.hotline{padding:.8rem;border:1px solid #888;line-height:1.4}
.hotline .am-icon-phone{font-size:40px;line-height:1}
.hotline .hotline-num{color:#fff;font-weight: bold}

.inbn{width:100%;padding-top:286px;background-size:cover;background-position: center center}
.production-bn{background-image: url(../img/banner/bn01.jpg)}
.about-bn{background-image: url(../img/banner/bn02.jpg)}
.contact-bn{background-image: url(../img/banner/bn03.jpg)}
@media (max-width:1200px){.inbn{padding-top:23.8%}}

.am-pagination>.am-active>a, .am-pagination>.am-active>a:focus,.am-pagination>.am-active>a:hover{background:#d7af7e;border-color:#d7af7e}
.am-pagination>li>a{color:#d7af7e}

@media only screen and (min-width: 641px){
.prd-sidebar .am-offcanvas{display: block;
    position: static;
    background: 0 0;
    padding-right: 10px;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;}
.prd-sidebar .am-offcanvas-bar{
    position: static;
    width: auto;
    background: 0 0;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}
.prd-sidebar .am-offcanvas-content a{color:#333}

.prd-sidebar .am-nav .am-nav-header{font-size:18px;background:#cecfd1}
.prd-sidebar .am-nav li{margin-top: 0}
.prd-sidebar .am-nav li a{background:#f4f4f4;margin-top:1px;padding:.8em 1em}
.prd-sidebar .am-offcanvas-content a:hover,.prd-sidebar .am-offcanvas-content li.active a{background:#f0dfcb;color:#c32c2f}
.am-offcanvas-bar:after{display: none}
}
.prd-sidebar .am-offcanvas-content a::before{color:#d7af7b;margin-right:1em}

.location ol{border-bottom:1px solid #dbdbdb}
.location .am-icon-map-marker:before{color:#c32c2f;font-size: 18px;margin-right: 5px}
.location a{color:#888}
.location a:hover{text-decoration: underline}

.prd-content img{max-width:100%}
.cutline{border-bottom: 1px solid #dbdbdb}
.contact-us{background:#e0c39d}
.contact-us .am-u-md-6{padding:0}
.contact-us p{margin:1em 1.6rem}