h1, h2, h3, span {
    margin: 0;
    padding: 0;
}
body{overflow-x: hidden; }

ul,ol {
    padding: 0;
    margin: 0;
}
ul li,ol li{list-style: none;}
a:hover,a:active,a:invalid,a:link {
    text-decoration: none;
}
.navbar-brand img{ height: 36px;}
.navbar-header {padding-right: 15px;}
.navbar-brand {padding: 7px 15px 0px 30px;}
.navbarBg{ background: #fff; border-bottom: 1px solid #eee;}
.navbarBg .icon-bar{ background: #c29e85;}
.navbar-toggle{
    border:1px solid #c29e85;}
.navbar-nav{padding: 0 30px; font-size: 16px;}

.xx-header{ height: 129px;}
.logo{float: left; width: 108px; height: 129px;}
.xx-navbar{
    float: right;}
.nav-url li.active{ border-top:2px solid #c29e85;}
.nav-url li:hover{border-top:2px solid #aaa;}
.nav-url li{ width: 128px; float: left; border-top:2px solid #fff;}
.nav-url li  a { display: block; padding: 50px 0; font-size: 20px; color: #000000; text-align: center;}

.container-fluid,.container{padding: 0; line-height: normal;}
.nav>li>a{padding: 10px; color: #000000}
.navbar-nav{padding: 6px 30px 0;}

/*===========================*/
@font-face {
    font-family: 'iconfont';
    src: url('../fonts/iconfont.eot');
    src: url('../fonts/iconfont.eot') format('embedded-opentype'), url('../fonts/iconfont.woff2') format('woff2'), url('../fonts/iconfont.woff') format('woff'), url('../fonts/iconfont.ttf') format('truetype'), url('../fonts/iconfont.svg#iconfont') format('svg');

}
@font-face {
    font-family: 'iconfont2';
    src: url('../icon/iconfont.woff2?t=1677302111810') format('woff2'), url('../icon/iconfont.woff?t=1677302111810') format('woff'), url('../icon/iconfont.ttf?t=1677302111810') format('truetype');
}
.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
.iconfont2 {
    font-family: "iconfont2" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.owl-carousel, .owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}
.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}
.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}
.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}
.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}
.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}
.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item .item{

}
.owl-carousel .owl-item .item a{
    display: block;
}
.owl-carousel .owl-item div.img {
    min-width: 100%;
    height: 640px;

    display:block;
}
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
    display: none
}
.no-js .owl-carousel, .owl-carousel.owl-loaded {
    display: block;
}
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0!important;
    font: inherit
}
.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}
.owl-carousel.owl-hidden {
    opacity: 0
}
.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}
.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

}
.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}
.owl-carousel.owl-rtl {
    direction: rtl
}
.owl-carousel.owl-rtl .owl-item {
    float: right
}
.owl-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}
.owl-carousel .owl-animated-in {
    z-index: 0
}
.owl-carousel .owl-animated-out {
    z-index: 1
}
.owl-carousel .fadeOut {
    animation-name: fadeOut
}
@keyframes fadeOut {
    0% {
        opacity:1
    }
    100% {
        opacity:0
    }
}
.owl-height {
    transition: height .5s ease-in-out
}
.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}
.owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0
}
.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}
.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}
.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}
.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3)
}
.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}
.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}
.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}
.owl-carousel {
    padding: 0 60px;
}
.owl-carousel .owl-stage-outer {
    padding-top: 2%;
    z-index: 2
}
.owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
    display: block;
    position: absolute;
    outline: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 6;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.owl-carousel .owl-nav .owl-next {
    right: 0px;
}
.owl-carousel .owl-nav .owl-prev {
    left: 0px;
}
.owl-carousel .owl-nav i {
    font-size: 40px;
    color: rgb(0 0 0 / 20%);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.owl-carousel .owl-nav .owl-next:hover i, .owl-carousel .owl-nav .owl-prev:hover i {
    opacity: 1
}
.owl-carousel:hover .owl-nav .owl-next {
    right: 0px;
}
.owl-carousel:hover .owl-nav .owl-prev {
    left: 0px;
}
.owl-dots {
    text-align: center;
    padding-top: 30px;
}
.owl-dots .owl-dot span {
    width: 6px;
    height: 6px;
    border-radius: 50px;
    background: #fff;
    display: inline-block;
    opacity: .3;
    margin: 0 5px;
}
.owl-dots .owl-dot.active span {
    opacity: 0.8
}
#owl0 .owl-dots {
    display: inline-block;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
}
#owl0.owl-carousel .owl-stage-outer {
    padding-top: 0
}
#owl0.owl-carousel .owl-nav .owl-next, #owl0.owl-carousel .owl-nav .owl-prev {
    opacity: 0;
}
#owl0.owl-carousel .owl-nav i {
    font-size: 40px;
    color: #fff;
    opacity: 0.5;
}
#owl0.owl-carousel .owl-nav .owl-next {
    right: 80px;
}
#owl0.owl-carousel .owl-nav .owl-prev {
    left: 80px;
}
#owl0.owl-carousel:hover .owl-nav .owl-next {
    right: 20px;
}
#owl0.owl-carousel:hover .owl-nav .owl-prev {
    left: 20px;
}
#owl0.owl-carousel .owl-nav .owl-next:hover i, #owl0.owl-carousel .owl-nav .owl-prev:hover i {
    opacity: 1
}
#owl0.owl-carousel:hover .owl-nav button {
    opacity: 1
}
#owl1.owl-carousel .owl-nav .owl-next, #owl1.owl-carousel .owl-nav .owl-prev {
    top: 42%;
    transform: translateY(-50%);
}
.owl-carousel .owl-nav .disabled i {
    color: rgba(255,255,255,.1)
}
#owl0 .text {
    max-width: 1220px;
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: rgba(255,255,255,.8);
    display: block;
    font-size: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    text-align: center;
}
#owl0 .text a {
    color: rgba(255,255,255,.8);
}
#owl0 .text h4 {
    font-size: 40px;
    color: #fff;
    font-family: Arial
}
#owl0 .text p {
    margin: 20px auto;
    line-height: 32px;
    font-size: 18px;
    max-width: 600px;
}
#owl0 .text a span {
    padding: 8px 30px;
    border: 1px solid #F4CE58;
    background: #F4CE58;
    color: #000;
    font-size: 16px;
    display: inline-block;
    margin-top: 28px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    position: relative;
    border-radius: 100px;
}
#owl0 .text a em {
    position: relative;
    z-index: 1;
    font-style: normal
}
#owl0 .text .bnLink {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
#owl0.owl-carousel {
    padding: 0
}
#owl0.owl-carousel .owl-stage-outer {
    margin: 0
}
/*===========================*/
.clear{ clear: both;}
.product-header{padding: 36px 0 0 0;}
.product-header-txt{font-size: 46px; text-align: center; color: #e8e8e8;}
.product-header-title{font-size: 32px; text-align: center; color: #333333; font-weight: bold;}
.product-con-box{ display: none; overflow: hidden;}
.boxShow{ display: block;}
.product-con-title{height: 66px; margin: 50px auto; width: 1124px;  }
.product-con-title ul li{ text-align: center; float: left; cursor: pointer; width: 374px; border-right: 1px solid #c6c6c6;padding:10px 0; }
.product-con-title ul li.product-con-title-hidden{ border-right:none;}
.product-con-title ul li p{ font-size: 16px; color: #999999;padding: 0 0 0 0; margin: 0 0 3px 0;}
.product-con-title ul li span{ font-size: 12px;display:inline-block; color: #ffffff; background: #c6c6c6;  padding: 3px 6px 4px; border-radius: 4px;}
.product-con-title ul li.product-con-title-active p{color: #c29e85;}
.product-con-title ul li.product-con-title-active span{ background: #c29e85; color: #ffffff;}
.product-con-box-img{ float: left; width: 530px;}
.product-con-box-con{ width: 600px; height: 387px; float: left; padding: 40px 0 0 80px; position: relative;}
.product-con-box{ height: 530px; width: 1130px; margin: 0 auto;}
.swiper-wrapper{  height: auto;}

.product-con-box-con-a{ color: #333333;}
.product-con-box-con-a:hover{ color: #c29e85;}
.product-con-box-con-title{ font-size: 24px;margin-top: 26px;}

.product-con-box-con-dirction,.product-con-box-con-item{ color: #999999; font-size: 16px;}
.product-con-box-con-dirction {padding-bottom: 20px line-height:180%;}

.xiangqing,.yuyue{ padding: 12px 50px;  background:#b2b2b2; font-size: 18px; border-radius: 4px; color: #ffffff;}
.yuyue{ background: #c29e85; border: 1px solid #c29e85; color: #ffffff;}
.xiangqing{background:#bebebe;  border: 1px solid #bebebe;}
.yuyue:hover{ color: #ffffff; background: #ac7b58; border: 1px solid #ac7b58;}
.xiangqing:hover{ color: #ffffff; background: #aaaaaa;  border: 1px solid #aaaaaa;}
.product-con-box-btn{ position: absolute; bottom: 70px; right: 0;}
.product-con-box-btn .yuyue{ margin-left: 30px;}
.product-con-box-opr{ position: absolute; bottom: 12px;}
.product-con-box-opr span{ font-size: 30px; color: #e5e1e1;}
.product-con-box-opr span.active{ color: #c29e85;}

.xx-swiper{height: 387px; padding:60px 0 0 0;}
.xx-swiper-op{ text-align: center; display: block; padding: 50px 0;}
.xx-swiper-op span{ cursor: pointer; display: inline-block; width: 125px;padding: 15px 0;margin: 0 2px;}
.xx-swiper-op span.swiper-pagination-bullet-active{ background: none;}
.xx-swiper-op span.swiper-pagination-bullet-active i{background:#c29e85; }
.xx-swiper-op span i{display: inline-block; width: 125px; height: 4px; background: #d5d3d2; border-radius: 2px;}
.swiper-pagination{ position:relative;}

.xx-pp{ background:#c29e85;}
.xx-pp-box{ width: 1110px; margin: 0 auto; color: #ffffff; clear: both; }
.xx-pp-kouhao{ font-size: 25px;}
.xx-pp-deriction{font-size: 18px; line-height: 160%;}

.xx-pp-con{
    padding: 72px 0 0;
    float: left;
width: 800px;}
.xx-pp-btn{ float: right;  width: 240px;padding: 82px 0;   }
.xx-pp-btn a{ display: block;font-size: 20px; color: #ffffff; background: #b3927b; padding: 20px; text-align: center; border-radius: 6px;}
.xx-zt{ background: #eeeeee;}

.xx-w{ width: 1130px; margin: 0 auto;}
.xx-w2{ width: 1200px; margin: 0 auto;}
.xx-zt-box-title{ padding: 30px 0 20px;}
.xx-zt-box-title-left{ font-size: 32px; font-weight: bold; color: #333333; float: left;}
.xx-zt-box-title-right{ font-size: 18px;
   line-height: 48px; float: right;}
.xx-zt-box-title-right a{ color: #999999; }
.xx-zt-box-title-right a:hover{ color:#c29e85;}

.xx-zt-box-item{ background: #ffffff; padding: 15px; width: 350px; margin-bottom: 40px;}

.xx-zt-box-item-title{ font-size: 20px; color: #333333; padding: 20px 0 24px;}
.xx-zt-box-item-des{ font-size: 18px; color: #666; padding: 14px 0 28px;}
.xx-zt-box-item-btn{ display: flex; justify-content: space-between;}
.xx-zt-box-con{display: flex; justify-content: space-between; flex-wrap: wrap; width: 1130px;}
.xx-zt-box{padding-bottom: 50px;}


.news-title-h{ text-align: center; padding:50px 0 10px;}
.news-title-h p{ font-size:28px; color: #333333;margin: 0;}
.news-title-h span{ height: 2px; background: #c29e85; width: 36px; display: inline-block; }
.news-title-d{ color: #999999; text-align: center; font-size: 20px;}
.news-con ul { display: flex; justify-content: space-between;
    flex-wrap: wrap;}
.news-con ul li{width:550px; margin-bottom: 20px;}

.news-title{padding-bottom: 40px;}
.news-item-box{ display: block; color: #333333; display: flex; justify-content: space-between;}

.news-item-img{ width: 218px; height:139px; overflow:hidden;}
.news-item{ width: 312px;}
.news-item h3{ font-size: 20px; font-weight: normal; padding: 16px 0 8px;}
.news-item span{ display: block; font-size: 12px; color: #999999;}
.news-item p{font-size: 14px; color: #999999; padding: 10px 0 0; margin: 0;}
.news-item-box:hover{ color:#c29e85; }
.news-box{ padding-bottom: 50px;}

.fuwu-title-h{ height: 99px; position: relative; }
.fuwu-title-img{ width: 165px; position: absolute; top: 0; left: 50%; margin-left: -83px; z-index: 10;}
.fuwu-title-img img{ display: inline-block; width: 100%;}
.fuwu-title-line{ height: 1px; background: #e8e8e8; width: 100%;  position: absolute; top: 44px; left: 0;}
.fuwu-item-title{ font-size: 20px; color: #333333; text-align: center; padding: 28px 0 40px;}
.fuwu-con{ display: flex; justify-content: center; padding: 40px 0 90px;}
.fuwu-item{border-right: 1px solid #e8e8e8; width: 376px;}
.fuwu-item-line-hidden{ border: none;}
.fuwu-item ul li{ text-align: center; padding: 20px 0; width:  }

.footer-box{padding: 48px 0; display: flex; justify-content: space-between;}
.xx-footer{ background: #000000; color: #c6c6c6;}
.footer-copy{ border-top:1px solid #636163;padding: 28px 0; text-align: center; font-size: 12px;}
.footer-copy a{color: #c6c6c6;}

.footer-nav-item dl{width: 150px;}
.footer-nav-item dl dt{ font-size: 18px; font-weight: normal;padding: 0 0 20px;}
.footer-nav-item dl dt a{ color: #ffffff;}
.footer-nav-item dl dd{ font-size: 14px;padding: 10px 0;}
.footer-nav-item dl dd a{ color: #c6c6c6;}
.footer-nav-item dl dt a:hover,.footer-nav-item dl dd a:hover{text-decoration: underline;}
.footer-box-nav{ width: 450px;display: flex;justify-content: space-between;}
.footer-box-market{ width: 505px;}
.footer-nav-item{ width: 150px; }
.footer-zmt-title{font-size: 18px; padding-bottom: 28px;}
.footer-zmt-box{}
.footer-zmt{width: 234px;}
.footer-ewm{width: 244px;}
.footer-zmt ul li{width: 62px;}
.footer-zmt ul li a span,.footer-ewm ul li span{ display: block; text-align: center; padding-top: 10px;color: #c6c6c6;}
.footer-ewm{align-self: flex-end;}
.footer-ewm ul li{width: 112px;}
.footer-address-box{padding-top: 52px; font-size: 16px;}
.footer-contact p.phone-txt{ display: inline-block; }
.footer-contact p.phone{ padding-left: 20px; font-size: 24px; color: #ffffff; display: inline-block;}
.between{display: flex; justify-content: space-between;}

.navigation{ font-size: 12px; color:#999999;padding: 35px 0;}
.navigation a{ color: #ac7b58; }
.navigation a:hover{ text-decoration: underline;}

.xx-pro-box-title{ text-align: center; font-size: 32px; color: #333333; font-weight: bold;padding: 50px 0 40px;}
.xx-page{ text-align: center; font-size: 20px;padding: 20px 0;}
.xx-page a{ color: #666666;padding: 4px 10px;}
.xx-page a.active{  background: #ac7b58; color: #ffffff;}
.pro-header-txt h1{ font-size: 28px; padding: 10px 0 30px;}
.pro-header-txt-d{ color: #666666; line-height: 140%;}
.pro-header-txt{ width: 680px;}
.pro-box{ height: 380px; padding-bottom: 60px; }
.pro-header-txt{ position: relative;}
.pro-header-xq{position: absolute; bottom: 12px; color: #666666;}
.pro-header-xq p{ padding: 0 0 6px; margin: 0;}
.pro-header-xq p span{color: #ac7b58;margin-right: 6px;}
.pro-btn{padding-top: 20px;}
.pro-header-pp{ width: 405px; position: relative;}
.pro-time{background: #fafafa; height:112px; overflow: hidden; position: absolute; bottom: 0;}
.pro-time-icon{ width: 116px; text-align: center; color: #aaaaaa;}
.pro-time-icon span{ font-size: 66px;}
.pro-time{ align-items:center;}
.pro-time-txt{ width: 280px; font-size: 20px; color: #666666;}
.pro-time-txt p{ margin: 0;padding: 4px;}
.youshi-con{padding: 40px 0 120px;}
.youshi-con ul li{ text-align: center;}
.youshi-con ul li img{width:60px}
.youshi-con ul li p{  font-size: 16px; color: #666666;margin: 6px 0 0 0;}
.youshi-con ul li p.youshi-b{ font-weight: bold; color: #000000;margin-top: -2px;}

.xx-proshow{ background: #fafafa;}
.pro-show-box h1{ font-size: 36px; padding: 40px 0; text-align: center;}
.pro-show-content{ padding: 0 38px; font-size: 18px; color: #666666; line-height: 160%;}
.pro-show-content p{padding: 10px 0;}
.pro-show-content img{ width: 100%; text-align: center;}
.pro-show-yuyue{ text-align: center;padding: 40px 0 100px;}
.pro-show-yuyue p{ color: #999; font-size: 24px; padding-bottom: 40px;}
.pro-show-btn a { color: #ffffff; padding: 12px 32px; background: #c29e85; font-size: 24px; border-radius:4px;}
.pro-show-btn a:hover{ color: #ffffff; background: #ac7b58; }


.page-banner{ text-align: center;}
.page-banner img{ width: 100%;}


.subnav{ text-align: center; margin-top: 40px;}
.subnav a{ display: inline-block; width: 176px; height: 66px; color: #000000; text-align: center; line-height: 68px; background: #f0f0f0; font-size: 18px; margin: 0 6px; border-radius:4px;}
.subnav a.active{ background:#c29e85; color: #ffffff; }
.subnav a:hover{ background: #ac7b58; color: #ffffff;}



.pro-list-box ul li{ height: 387px;}
.pro-list-img{ width: 530px;}
.pro-list-txt{ width: 600px; padding-left: 80px; border: 1px solid #f0f0f0; border-left: none; position: relative;}
.pro-list-txt-link h3{ font-size: 24px; font-weight: normal; color: #333333; padding: 60px 0 20px;}
.pro-list-txt-link span{ display: block; color: #666666; padding-right: 30px;}
.pro-list-txt-link:hover h3,.pro-list-txt-link:hover span{ color: #ac7b58;}
.pro-list-btn{ position: absolute; bottom: 80px;}
.pro-list-btn p{ margin: 10px 0 0 0; color: #666666;}
.xx-pro-btn{padding-top: 40px;}
.xx-pro-btn a{margin-right: 20px;}
.pro-list-box ul li{ margin: 40px 0 0 0;}
.pro-list-box{padding: 60px 0 60px  0;}
.pro-list-box2{margin-bottom: 100px;}
.contact-box{padding:0 0 150px 0; }
.contact-item{padding: 40px 0 0 0; align-items: center; justify-content: flex-start;}
.contact-item .iconfont2{ width: 50px; text-align: center; font-size: 28px; color: #c29e85;}
.contact-item span{ display: block; color: #666666; font-size: 18px;}
.contact-item p{ font-size: 24px; color: #555; margin: 0;}

.page-title{ text-align: center;padding: 60px 0 20px;}
.page-title h1{ font-size: 48px; color: #333333; padding-bottom:20px; }
.page-title p{ font-size: 20px; margin: 0; color: #999999;}
.content-box{padding-bottom: 180px;}
.page-content{ color: #666666; font-size:18px; line-height: 160%; padding-top: 40px;}
.page-content p{padding: 20px 0 0 0; margin:0;}


.xiangmu-box{ padding: 60px 0 180px;}
.xiangmu-box a{ color: #000000;}
.xiangmu-box a:hover{ text-decoration: underline;}
.xiangmu-box p{font-size: 24px; text-align:center;padding-top: 20px;}

.xiangmu-con{ padding: 0px 0 180px;}
.xiangmu-con p{font-size: 24px; padding-top: 20px; color: #c29e84;}


.xiangmu-content{ padding-bottom: 40px;}

.xiangmu-content .between{justify-content:between; flex-wrap:wrap;}
.xiangmu-content .between li{padding:0 0 40px; }
.gyzs-con-banner{
    width: 100%;
    height: 0;
    margin: 30px auto;
    position: relative;
    overflow: hidden;
}
.gyzs-con-banner li img{ width: 100%;}
.gyzs-con-banner li{
    width: 62.5%;
    float: left;
    transition: all .4s ease;
    cursor: pointer;
}

.news-list ul li{height: 318px;}
.news-list ul li .pro-list-img{ width: 498px;}
.news-list ul li .pro-list-txt{width: 632px;}
.news-list ul li .pro-list-txt .pro-list-btn a:hover{ color: #ac7b58;}
.news-list ul li .pro-list-txt .pro-list-btn a span{ color: #999999;}
.news-list ul li .pro-list-txt .pro-list-btn a p{color: #c29e84}
.news-list ul li .pro-list-txt .pro-list-btn a:hover p{ text-decoration: underline;}

.news-con-header h1{ font-size: 28px; color: #000000; text-align: center; padding: 30px 0 30px; }
.news-con-header p{ text-align: center; color: #999999; font-size: 12px;}
.news-con-header{border-bottom: 1px solid #d4d4d4; padding: 0 0 50px 0; margin-bottom: 40px;}
.pinpai-con-header{border-bottom: 1px solid #d4d4d4; padding: 0 0 0px 0; margin-bottom: 40px;}
.news-content{ font-size: 18px; line-height: 160%; color: #666666;}
.news-content h3,.news-content h1,.news-content h2, .news-content h4,.news-content h5,.news-content h6{padding: 20px 0 0 0; margin:0px;}
.pinpai-content h3,.pinpai-content h1,.pinpai-content h2, .pinpai-content h4,.pinpai-content h5,.pinpai-content h6{padding: 20px 0 0 0; margin:0px; font-size:20px;}
.news-content p{padding: 20px 0 0 0; margin:0px;}
.news-content video{ width: 100%};
.xx-w3{ width: 960px; margin: 0 auto; padding-top: 60px;}
.news-xcp video{ width: 960px; height: 544px;}

.zp-con dl{padding-bottom: 40px;}
.zp-con dl dt{ font-size: 20px; color: #c29e84; font-weight: normal;border-bottom:1px solid #dddddd; padding: 40px 0 20px;}
.zp-con dl dd h2{font-size: 20px; color: #333333; align-items: center;padding:20px 20px; line-height: normal; margin: 0;}
.zp-con dl dd { border: 1px solid #dddddd; border-top: none; cursor: pointer; line-height: normal; box-sizing:border-box;}
.zp-con dl dd .txt{ display: none;}
.zp-con dl dd h2 p{ margin: 0;}
.zp-con dl dd h2 span{ font-size: 28px; }
.zp-con dl dd h2 span.jian{ display: none;}
.zp-con dl dd.active h2 span.jian{ display: block;}
.zp-con dl dd.active h2 span.jia{ display: none; color: #333333;}
.zp-con dl dd.active .txt{ display: block; background: #ffffff; border: 1px solid #c29e84; border-top:none; padding: 40px 40px 80px;}
.zp-con dl dd.active .txt strong{ font-size: 18px; }
.zp-con dl dd.active{ border:none; }
.zp-con dl dd.active h2{ background: #c29e84; color: #ffffff; border: 1px solid #c29e84;}
.zp-con dl dt:first-child{padding-top: 0;}


.yuyue-box{padding: 40px 0;}
.yuyue-fang{ font-size: 24px; font-weight: bold; color: #ff0000;}
.yuyue-d{padding: 20px 0; line-height: 180%}
.yuyue-d strong{ display: block; font-size: 18px; color: #666666;}
.yuyue-d p{font-size: 18px; color: #ff0000;}
.yuyue-label{display: flex; align-items: flex-start;}
.yuyue-input-item input{ border: none; background: #ffffff; border: 2px solid #ffffff; height: 54px; line-height: 54px;padding: 0 10px; margin-right: 20px; width: 300px;}
.yuyue-input-item input:focus,.yuyue-input-item textarea:focus { border: 2px solid #ff0000;outline: none;}

.yuyue-input-item textarea{border: none; background: #ffffff; border: 2px solid #ffffff; height: 150px; padding: 10px 10px; margin-right: 20px; width: 620px;}
.yuyue-textarea-item{padding: 20px 0 0 0;}
.yuyue-btn{padding-top: 20px; width: 620px; text-align: right;}
.yuyue-btn input{font-size: 20px; color: #ffffff; background: #b3927b; padding: 10px 40px; text-align: center;border: none; border-radius:4px;}
.footer-contact p.phone a{ color: #ffffff;}
.fuwu-item ul li img{display: inline-block; width: 220px;}
.page-banner div.img {
    min-width: 100%;
    height: 432px;
    display:block;
}
@media (max-width:1200px) {
    .product-header{padding: 16px 0 0 0;}
    .product-header-txt{font-size: 16px; text-align: center; color: #e8e8e8;}
    .product-header-title{font-size: 20px; text-align: center; color: #333333; font-weight: bold;}
    .owl-carousel .owl-item div.img{
        height: 220px;
    }

    .page-banner div.img{
        height: 150px;
    }
    .product-con-title{height: 60px; margin: 10px auto 20px; width: 100%;  }
    .product-con-title ul li{ text-align: center; float: left; cursor: pointer; width:33%; border-right: 1px solid #c6c6c6;padding:10px 0; }
    .product-con-title ul li.product-con-title-hidden{ border-right:none;}
    .product-con-title ul li p{ font-size: 16px; color: #999999;padding: 0 0 0 0; margin: 0 0 3px 0;}
    .product-con-title ul li span{ font-size: 12px;display:inline-block; color: #ffffff; background: #c6c6c6;  padding: 3px 6px 4px; border-radius: 4px;}
    .product-con-title ul li.product-con-title-active p{color: #c29e85;}
    .product-con-title ul li.product-con-title-active span{ background: #c29e85; color: #ffffff;}
    .product-con-box-img,.product-con-box-con{ float: none; }
   .product-con-box{ width: 100%; height:580px; }
   .product-con-box-img img{ width: 100%;}
    .product-con-box-img{padding: 20px; width: 100%;}
    .product-con-box-con{ width: 100%; padding: 0 20px 0 20px; height:347px;}
    .product-con-box-con-a p{margin: 0;}
    .product-con-box-con-a .product-con-box-con-title{ margin: 30px 0 0 0;  padding-bottom: 20px;}
    .xx-swiper-op{ text-align: center; display: block; padding: 50px 0;}
    .xx-swiper-op span{ cursor: pointer; display: inline-block; width: 20px;padding: 15px 0;margin: 0 2px;}
    .xx-swiper-op span.swiper-pagination-bullet-active{ background: none;}
    .xx-swiper-op span.swiper-pagination-bullet-active i{background:#c29e85; }
    .xx-swiper-op span i{display: inline-block; width: 20px; height: 4px; background: #d5d3d2; border-radius: 2px;}
    .swiper-pagination{ position:relative; top: -155px;}
    .product-con-box-opr{ display: none;}
    .product-con-box-btn{bottom: 126px; left: 20px;}
    .xx-pp-box{ width: 100%; }
    .xx-pp-con{ width: 100%;padding: 20px 20px; float: none;}
    .xx-pp-btn{ float: none; text-align: center; width: 100%; padding: 0px 0 40px;}
    .xx-pp-btn a{ display: inline-block; padding: 6px 20px 8px; margin: 0; font-size: 16px;}
    .xx-pp-kouhao{ font-size: 20px;}
    .xx-pp-deriction{ font-size: 14px;}
    .xx-zt-box-title-left,.xx-zt-box-title-right{ float: none; text-align: center;}
    .xx-zt-box-title-right{ display: none;}
    .xx-w{ width: 100%;}
    .xx-zt-box-title-left{ font-size: 20px;}
    .xx-zt-box-con{ justify-content: center;  width: 100%;}
    .news-title-h p{ font-size: 20px; }
    .news-title-d{ font-size: 16px;}
    .news-title-h{ padding: 20px 0 10px;}
    .news-con{ padding: 0 20px;}
    .news-con ul{ justify-content: flex-start;}
    .news-con ul li{ width: 100%;}
    .news-item-img{ flex: 1; width: auto;}
    .news-item{ flex: 2;width: auto; }
    .news-item h3{ font-size: 14px; padding: 8px 0 6px;padding: 0 0 0 20px; }
    .news-item p{ font-size: 12px; padding: 0;padding: 6px 0 0 20px;  height: 38px; overflow: hidden;}
    .news-item span{padding: 0 0 0 20px;}
    .fuwu-title-img{ width: 120px; margin-left:-60px;}
    .fuwu-title-line{ top: 36px;}
    .fuwu-item{ width: 33.333%;}
    .fuwu-item-title{ font-size: 12px; font-weight: bold; padding: 10px 0;}
    .news-box{ padding-bottom: 20px;}
    .fuwu-con{ padding: 0 0 20px;}
    .fuwu-item ul li img{ width: 100%;}
    .footer-box-nav{ width: 100%;}
    .footer-box{ padding: 30px 20px; justify-content: flex-start;flex-wrap:wrap;}
    .footer-nav-item{ flex: 1; width: auto;}
    .footer-nav-item dl{ width:100%;}
    .footer-box-market{ width: 100%;}
    .footer-nav-item dl dt{ text-align: center; font-size: 18px;}
    .footer-nav-item dl dd{ text-align: center; font-size: 14px;}

    .footer-zmt{ width: 100%;}
    .footer-zmt-title{ font-size: 18px;}
    .footer-zmt ul li{ width: 46px; margin: 0 10px 0 0;}
    .footer-zmt ul li img,.footer-ewm ul li img{ width: 100%;}
    .footer-ewm ul li{width: 68px;}
    .footer-zmt ul li a span, .footer-ewm ul li span{ font-size: 12px;}
    .footer-ewm ul li{ margin-left: 10px;}
    .footer-contact p.phone-txt{ font-size: 14px;}
    .footer-contact p.phone{ font-size: 18px; padding-left:12px;}
    .footer-address-box{ font-size: 14px;}


    .page-title{ padding: 30px 0;}
    .page-title h1{ font-size: 28px;}
    .page-title p{ font-size: 12px;}
    .subnav{ margin-top: 0;}
    .subnav a{ width:40px; font-size: 14px; line-height: 18px; height: auto; padding: 6px 4px;}
    .subnav2{ margin-top: 40px;}
    .subnav1 a{ width:90px; font-size: 14px; line-height: 18px; height: auto; padding: 6px 4px;}

    .page-content{ padding: 30px 20px; font-size: 16px;}
    .page-content h1{ font-size: 20px; font-weight: bold;}
    .page-content h2{ font-size: 18px; font-weight: bold;}
    .page-content h3{ font-size: 16px; font-weight: bold;}
    .page-content img{ width: 100%;}
    .content-box{ padding-bottom: 60px;}
    .xx-w2{ width: auto;}
    .xiangmu-box{ padding: 30px 0 0 0;}
    .xiangmu-content{ padding: 0px 20px 20px;}
    .xiangmu-content .between{ justify-content: flex-start; flex-wrap:wrap;}
    .xiangmu-content .between li{ margin-bottom: 20px;padding:0;}
    .xiangmu-content .between img{ width: 100%;}
    .xiangmu-box p{ padding: 10px 0 0 0; font-size: 14px;}

    .navigation{ padding: 20px 0 0 20px;}
    .page-title1{padding:30px 0 0 0 ;}
    .page-title1 h1{ padding: 0; font-size: 24px; }
    .xiangmu-txt{ padding: 0 20px; font-size: 14px;}
    .xiangmu-txt p{font-size: 16px; padding-top: 12spx;}
    .xiangmu-con{ padding: 0 0 60px;}

    .zp-con{ padding: 30px 20px;}
    .zp-con dl dt{ font-size: 18px;}
    .zp-con dl dd h2{ font-size: 16px; padding: 10px 10px;}
    .zp-con h2 .zp-icon  span{ font-size: 16px;}
    .zp-con dl dd.active .txt strong{ font-size: 16px;}

    .contact-con{ padding: 0 20px;}
    .contact-item p{ font-size: 20px; }
    .contact-item span{ font-size: 16px;}

    .contact-txt{ flex: 1;}
    .contact-box{ padding: 0 0 60px;}
    .page-title2 h1{padding-bottom:0px;}
    .pro-list-box{ padding: 16px 20px 0 ;}

    .pro-list-btn a p{ display: none;}

    .pro-list-btn{ bottom: 6px;}

    .pro-list-txt{ border: none;}
    .xx-page{ padding: 30px; font-size: 16px;}
    .pro-list-txt .pro-list-box2{ margin-bottom: 60px;}

    .pro-list-box ul li{ height: auto;}
    .pro-list-box .pro-list-img{ width: 100%;}
    .pro-list-box .pro-list-img img{ width: 100%;}
    .pro-list-box .pro-list-txt{ width: 100%; padding: 0; height: 230px}
    .pro-list-box ul li{ justify-content: flex-start; flex-wrap: wrap;}
    .pro-list-box h3{ font-size: 18px; padding:20px 0px 10px 0 ; line-height: 120%;}
    .pro-list-box span{ padding-right: 0px; height: 38px; overflow:hidden; font-size: 14px;}
    .pro-list-box ul li{ border-bottom: 1px solid #f0f0f0; padding-bottom: 45px;}

    .news-list .pro-list-txt{ height: auto;}
    .news-list ul li .pro-list-img,.news-list ul li .pro-list-txt { width: auto;}
    .news-list ul li .pro-list-img{ flex: 1.3;}
    .news-list ul li .pro-list-txt{ flex:1.7; padding-left: 10px;}
    .news-list h3{ font-size: 18px; padding:6px 0px 0 0 ; line-height: 120%;}
    .news-list span{ padding-right: 0px; height: 18px; overflow:hidden; font-size: 14px;}
    .news-list ul li { height: auto;}
    .news-list ul li .pro-list-txt .pro-list-btn a span{ font-size: 12px;}
    .news-list ul li{ margin-top: 15px; border-bottom: 1px solid #f0f0f0; padding: 0 0 16px 0;}

    .xx-w3{ width: 100%; padding: 0 20px;}
    .news-xcp video{ width: 100%; height: auto;}

    .news-con-header h1{ font-size: 24px; padding: 30px 0 14px; line-height: 140%;}
    .news-con-header{padding: 0 20px 20px; margin: 0 20px;}
    .news-content{ font-size: 16px; padding:24px 20px;}
    .news-content p{ padding: 10px 0 0 0; margin: 0;}
    .news-content img{ width: 100%;}

    .pro-header-txt h1{ font-size: 18px; padding: 10px 0;}

    .between1{ justify-content: flex-start; flex-wrap: wrap;}
    .pro-header-txt{ width: 100%;}
    .pro-box{ height: auto; padding:20px 20px 60px;}
    .pro-header-xq{ position: unset;}
    /*.pro-header-pp{ width: 100%; display: flex; justify-content: space-between;}*/
    /*.pro-time-icon{ flex:1; width: auto;}*/
    /*.pro-time-txt{ flex: 2; width: auto;}*/
    /*.pro-time{ flex: 1; width: 50%;}*/
    /*.pro-pp-img{ flex: 1;width: 50%;}*/
    /*.pro-pp-img img{ width: 100%;}*/
    .pro-header-pp{ display: none;}
    .xx-pro-box-title{ font-size: 16px; padding: 30px 0 30px;}
    .xx-zt-box{padding-bottom: 40px;}
    .xx-zt-box-item:last-child{ display: none;}
    .youshi-con ul{ padding: 0 10px;}
    .youshi-con ul li{ flex: 1; padding: 0 10px;}
    .youshi-con ul li img{ width: 100%;}
    .youshi-con ul li p{ font-size: 12px;}
    .youshi-con{ padding: 20px 0 60px;}
    .pro-show-box h1{ font-size: 24px; padding: 30px  0;}
    .pro-show-content{ font-size: 16px;}
    .pro-show-yuyue p{ font-size: 16px; padding: 0 60px 30px;}
    .pro-show-btn a{ font-size: 16px; padding: 10px 26px;}


    .yuyue-box{ padding: 30px 20px;}
    .yuyue-label{ flex-wrap: wrap; width: 100%;}
    .yuyue-input-item{ margin-bottom: 20px; width: 100%;}
    .yuyue-input-item input{ width: 100%; margin-right: 0;}
    .yuyue-textarea-item{ padding: 0;}
    .yuyue-input-item textarea{ width: 100%;}
    .yuyue-btn{ width: 100%; text-align: center; padding: 0;}
    
    .xx-swiper{ padding:0px 0 0 0;}
}