﻿.header{ height: .88rem; line-height:.88rem; display:flex;background:#fffbf0;}
.header .header-left{ width:5.8rem; float:left; text-align:left;padding-left:.2rem;box-sizing:border-box;font-size:.36rem; font-weight:600;color:#966d32;}
.header .header-right{ flex:1; position:relative;}
.header .wx-wrap{ position:absolute; top:.92rem; right:-6rem; z-index:999999; font-size:.2rem; width:2.6rem; height:3rem; background:rgba(0,0,0,.3);transition: all 0.5s linear 0s;}
.header .wx-wrap .wx-img{ width:2.4rem; height:2.4rem; margin-left:.1rem; margin-top:.1rem;}
.header .wx-wrap .wx-desc{ width:100%; text-align:center; color:#fff; height:.48rem; line-height:.48rem;}
.header .header-right ul li{height: .88rem; line-height:.88rem; width:.8rem; text-align:center; float:right;}
.header .header-right ul li a{ font-size:.28rem; color:#876a20;font-size:.36rem; }

.bar{ overflow:hidden; height:2.2rem; width:100%;}
.bar img{ width:100%;  height:100%;}
.top-nav{overflow:hidden; height:1.2rem; width:100%;background:#fff; z-index:99999;transition: all 0.5s linear 0s;}
.top-nav ul{height:1.2rem;}
.top-nav ul li{ width:25%; float:left;height:1.2rem; text-align:center; padding-top:.2rem}
.top-nav ul li a{ color:#666;}
.top-nav ul li a .iconfont{ font-size:.48rem; color:#966d32;}
.top-nav ul li a .nav-text{ font-size:.2rem; display:block; width:100%; margin-top:.12rem}
.top-nav.fix-nav{position: fixed; top: 0px; left: 0px;box-shadow: 0 8px 6px 0 rgb(0 0 0 / 8%)}

.overview{width:100%; height:auto; background:#fffbf0; padding:.2rem; float:left;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.overview .overview-title{ width:100%; height:.54rem; line-height:.54rem; border-bottom:.02rem solid #966d32;}
.overview .overview-title h2{ height:.54rem; line-height:.54rem; font-size:.28rem; font-weight:600; color:#966d32; width:1.6rem; float:left; text-align:center; border-bottom:.04rem solid #966d32;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.overview .overview-desc{ width:100%; padding:0 0.16rem; font-size:.2rem; text-indent:2em; color:#555; line-height:.44rem; margin-top:.2rem;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.overview .img-swip-wrap{ width:100%; height:0; overflow:hidden; padding-bottom:60%; margin-top:.1rem;margin-bottom:.4rem;}
.overview .img-swip-wrap .swiper-container .swiper-wrapper img{ width:100%;height:5rem;}
.xmxx, .more-xmxx{width:100%}
.xmxx li, .more-xmxx li{width:100%;padding-top:.2rem;height:.48rem;line-height:.48rem;font-size:.1rem;color:#555;border-bottom:.02rem dashed rgba(150,109,50,.6)}
.more-xmxx{display:none}
.more-btn-wrap{width:100%;height:1rem; line-height:1.2rem; text-align:center}
.more-btn-wrap .btn-showmore{padding: 0.14rem 0.38rem;background: #966d32;color: #fff;font-size: .28rem}

.fy{width:100%; height:auto; overflow:hidden; padding:.2rem; float:left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.fy .fy-title{width:100%; height:.54rem; line-height:.54rem; border-bottom:.02rem solid #966d32;}
.fy .fy-title h2{height:.54rem; line-height:.54rem; font-size:.28rem; font-weight:600; color:#966d32; width:1.6rem; float:left; text-align:center; border-bottom:.04rem solid #966d32;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.fy .fy-item-wrap, .fy .news-item-wrap{ width:100%; margin-top:.2rem;}
.fy .fy-item-wrap ul li, .fy .news-item-wrap ul li{width:100%; overflow:hidden; position:relative; height:1.6rem; overflow:hidden; border-bottom: .02rem solid #efefef;}
.fy .fy-item-wrap ul li a, .fy .news-item-wrap ul li a{ display:block;width:100%; height:1.6rem; padding:.1rem;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.fy .fy-item-wrap ul li a .fy-img-wrap{ height:100%;float:left; width:2.4rem;margin-right:.2rem;position:relative}
.fy .fy-item-wrap ul li a .fy-img-wrap .video{position: absolute;width: 16px;height: 16px;left: .2rem;bottom:.2rem;z-index: 9;background: url(./icons/16x16.png)}
.fy .news-item-wrap ul li a .news-img-wrap{position:relative;height:100%;float:left; width:32%;box-sizing:border-box;padding-right:.2rem;overflow:hidden}
.fy .news-item-wrap ul li a .news-img-wrap .video{position: absolute;width: 16px;height: 16px;left: .2rem;bottom:.2rem;z-index: 9;background: url(./icons/16x16.png)}
.fy .fy-item-wrap ul li a .fy-img-wrap img{ width:100%; height:100%;}
.fy .news-item-wrap ul li a .news-img-wrap img{ width:100%}
.fy .fy-item-wrap ul li a .fy-desc-wrap{ float:left; width:auto; height:100%;}
.fy .news-item-wrap ul li a .news-desc-wrap{float:left;width:68%}
.fy .fy-item-wrap ul li a .fy-desc-wrap .fy-desc-title{ font-weight:600; font-size:.26rem; line-height:.52rem; color:#966d32;}
.fy .news-item-wrap ul li a .news-desc-wrap .news-desc-title{ font-weight:600; width:100%; font-size:.26rem;height:.52rem;color:#966d32;overflow: hidden;white-space:nowrap;text-overflow: ellipsis}
.fy .news-item-wrap ul li a .news-desc-wrap .news-desc{ height:.72rem; line-height:.36rem;font-size: .2rem;color: #999;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical}
.fy .fy-item-wrap ul li a .fy-desc-wrap .fy-desc-gw{ font-size:.2rem; color:#999; margin-top:.16rem}
.fy .fy-item-wrap ul li a .fy-desc-wrap .fy-desc-wz{ font-size:.2rem; color:#999; margin-top:.16rem}
.fy .fy-item-wrap ul li a .fy-desc-wrap .fy-desc-wz span{font-size:.2rem;color:#966d32;}
.fy .fy-item-wrap ul li .price{ position:absolute; top:.36rem; right:.18rem; font-size:.22rem; font-weight:600; color:#ff6a00;}
.fy .fy-item-wrap .more-link-wrap{ width:100%; height:.76rem; text-align:center;margin-top:.58rem;}
.fy .fy-item-wrap .more-link-wrap .more-link{ padding:.16rem .28rem; background:#966d32; color:#fff; font-size:.28rem;}

.faq-title{height:.6rem; line-height:.6rem;width:100%;margin-top:.2rem;box-sizing:border-box;padding-left:.2rem;border-bottom: 0.02rem solid #966d32}
.faq-title h2{font-size: .28rem;font-weight: 600;color: #966d32}
.faq-title h2 .iconfont{ margin-right:.1rem}
.faq-items-wrap{witdh:100%}
.faq-items-wrap li{witdh:100%; padding:.1rem;border-bottom: 0.02rem solid #efefef;}
.faq-items-wrap li a .faq-item-ques{display:block; width:100%;font-size: .26rem;height:.6rem;line-height:.6rem;font-weight:600;color: #966d32;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.faq-items-wrap li a .faq-item-ans{height: 0.72rem;line-height: .36rem;font-size: .2rem;color: #999;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}
.faq-items-wrap li.last{border-bottom:none}
.around{width:100%; background:#fffbf0; height:auto; overflow:hidden; padding:.2rem; float:left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.around .around-title{width:100%; height:.54rem; line-height:.54rem; border-bottom:.02rem solid #966d32;}
.around .around-title h2{height:.54rem; line-height:.54rem; font-size:.28rem; font-weight:600; color:#966d32; width:1.6rem; float:left; text-align:center; border-bottom:.04rem solid #966d32;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.around .around-swip-wrap{ width:100%; overflow:hidden; margin-top:.28rem; height:4.8rem;}
.around .around-swip-wrap .swiper-container{width:100%; height:100%;}
.around .around-swip-wrap .swiper-container .swiper-wrapper .swiper-slide .around-items-title{ width:100%; height:1rem; line-height:.8rem; padding:.1rem; line-height:.8rem; color:#966d32; font-size:.3rem;}
.around .around-swip-wrap .swiper-container .swiper-wrapper .swiper-slide .around-items-title span{ display:block;height:.8rem; width:.8rem; float:left; margin-right:.2rem;}
.around .around-swip-wrap .swiper-container .swiper-wrapper .swiper-slide .around-items-title span img{ width:.8rem; height:.8rem;}
.around .around-swip-wrap .swiper-container .swiper-wrapper .swiper-slide .items-wrap{ width:100%; padding-left:.2rem; line-height:.48rem; font-size:.24rem; color:#666;}
.around .around-swip-wrap .swiper-container .swiper-wrapper .swiper-slide .around-icon-wrap{ width:.44rem; text-align:center; height:.48rem; vertical-align:bottom; display:inline-block;}

.footer{width:100%; background:#966d32; height:2rem; overflow:hidden; padding:.2rem; float:left; display:flex;}
.footer .footer-left{flex:1; float:left; font-size:.2rem;}
.footer .footer-left .footer-hotline{ display:block; line-height:.48rem; color:#fff;}
.footer .footer-left .footer-hotline span{ margin:0 3px;}
.footer .footer-right{ width:2.4rem; height:100%; float:right; text-align:center;}
.footer .footer-right .wx-img-wrap{ margin-top:.1rem; width:1.8rem; height:1.8rem; border:.02rem solid #fff; box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.footer .footer-right .wx-img-wrap img{ width:1.6rem; height:1.6rem; margin-top:.08rem;}

.page-up{background-color:#c4985b;color:#fff;position: fixed;right:.5rem;bottom:2.8rem;width:1rem;height:1rem;line-height:1.1rem;text-align: center;border-radius:.5rem;cursor: pointer;transition: .3s;box-shadow: 0 3px 6px rgb(0 0 0 / 50%);opacity:.88;z-index:999999;display:none}
.page-up .iconfont{font-size:.72rem;}
