@charset "utf-8";
.wrap img{display:block;width:100%;}


.tit{font-weight: normal;font-size: 0;text-align: center;}
.tit b{display: inline-block;font-size: 1.4rem;color: #835C18;line-height: 1.4rem;position: relative;}
.tit b::before{position: absolute;width: 2rem;height: 2px;content: "";background: #9D7226;left: -3.5rem;top: 0.6rem;}
.tit b::after{position: absolute;width: 2rem;height: 2px;content: "";background: #9D7226;right: -3.5rem;top: 0.6rem;}
.tit i{display: block;font-size: 0.6rem;color: #9D7226;font-weight: bold;line-height: 0.7rem;padding-top: 0.8rem;font-family: SourceHanSerifCN;}



/*banner*/
.g-adv{ position:relative;}
.g-adv .swiper-pagination{bottom: 2rem;height: 0.8rem;z-index:10;}
.g-adv .swiper-pagination .swiper-pagination-bullet{width: 0.8rem;height: 0.8rem;background: #fff;opacity: 1;border-radius:100%;margin:0 0.5rem;vertical-align:top;}
.g-adv .swiper-pagination .swiper-pagination-bullet-active{background: #835C18;}


/* yz */
.yz{padding: 3.2rem 0 2.5rem;background: url(/mobile/Images/Index/yz-bg.jpg) no-repeat;background-size: cover;}
.yz-desc{font-size: 0.9rem;color: #835C18;line-height: 1.8rem;padding: 1.5rem 4.5rem 1rem;}
.yz-pic{margin: 0 3rem;border: 1px solid #D3AE8D;border-radius: 10px;background: #fff;}
.yz-pic img{transform: translate(-0.25rem,0.25rem);}
.yz h3{text-align: center;font-size: 0;padding: 0 0 1.5rem;}
.yz h3 img{display: inline-block;width: auto;height: 1.55rem;}
.yz .more{display: block;width: 9.6rem;height: 2.5rem;line-height: 2.5rem;text-align: center;font-size: 1rem;color: #fff;font-weight: bold;background: #993300;border-radius: 0.4rem;margin: 1.7rem auto 0;display: flex;justify-content: center;align-items: center;}
.yz .more img{width: 0.35rem;height: 0.65rem;margin-left: 0.4rem;}



/*pro*/
.pro{padding: 4rem 0 3rem;background: #fbf3e4;}
.pro h2{margin-bottom: 1.8rem;}
.pro-list{padding: 0 0 2rem;margin: 0 2.5rem;}
.pro-list li{margin-right: 0;}
.pro-list li i{display: block;border: 1px solid #D3AE8D;border-radius: 0.4rem;background: #FBF8F2;margin-bottom: 2rem;margin-right: 0.4rem;}
.pro-list li img{position: relative;left: 0.4rem;top: 0.4rem;border-radius: 0.4rem;}
.pro-list li span{display: block;font-size: 1rem;color: #835C18;line-height: 1.5rem;text-align: center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; padding-top:1.1rem;}
.pro-list .swiper-pagination{bottom: 0;height: 0.3rem;z-index:10;}
.pro-list .swiper-pagination .swiper-pagination-bullet{width: 0.3rem;height: 0.3rem;background: #96743E;opacity: 1;border-radius:0.3rem;opacity: 0.5;margin:0 0.4rem;vertical-align:top;}
.pro-list .swiper-pagination .swiper-pagination-bullet-active{background: #A21818;width: 1.2rem;opacity: 1;}
.pro .more{display: block;width: 9.6rem;height: 2.5rem;line-height: 2.5rem;text-align: center;font-size: 1rem;color: #fff;font-weight: bold;background: #993300;border-radius: 0.4rem;margin: 2rem auto 0;display: flex;justify-content: center;align-items: center;}
.pro .more img{width: 0.35rem;height: 0.65rem;margin-left: 0.4rem;}



/* ys */
.ys{background: url(/mobile/Images/Index/ys-zs.png) no-repeat center;background-size: 100% auto;}

.production{padding: 4rem 0 0;}
.production h2{margin-bottom: 1.8rem;}
.production-list{padding: 0 0 2rem;margin: 0 2rem;}
.production-list li{margin-right: 0;}
.production-list li i{display: block;border: 1px solid #D3AE8D;border-radius: 0.4rem;background: #fff;margin-bottom: 2rem;margin-right: 0.4rem;}
.production-list li img{position: relative;left: 0.4rem;top: 0.4rem;border-radius: 0.4rem;}
.production-list li span{display: block;font-size: 1rem;color: #835C18;line-height: 1.5rem;text-align: center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.production-list .swiper-pagination{bottom: 0;height: 0.3rem;z-index:10;}
.production-list .swiper-pagination .swiper-pagination-bullet{width: 0.3rem;height: 0.3rem;background: #96743E;opacity: 1;border-radius:0.3rem;opacity: 0.5;margin:0 0.4rem;vertical-align:top;}
.production-list .swiper-pagination .swiper-pagination-bullet-active{background: #A21818;width: 1.2rem;opacity: 1;}
.production .more{display: block;width: 9.6rem;height: 2.5rem;line-height: 2.5rem;text-align: center;font-size: 1rem;color: #fff;font-weight: bold;background: #993300;border-radius: 0.4rem;margin: 2rem auto 0;display: flex;justify-content: center;align-items: center;}
.production .more img{width: 0.35rem;height: 0.65rem;margin-left: 0.4rem;}

.keyan{padding: 4rem 0 3rem;}
.keyan h2{margin-bottom: 1.8rem;}
.keyan-list{padding: 0 0 2rem;margin: 0 2rem;}
.keyan-list li{margin-right: 0;}
.keyan-list li i{display: block;border: 1px solid #D3AE8D;border-radius: 0.4rem;background: #fff;margin-bottom: 2rem;margin-right: 0.4rem;}
.keyan-list li img{position: relative;left: 0.4rem;top: 0.4rem;border-radius: 0.4rem;}
.keyan-list li span{display: block;font-size: 1rem;color: #835C18;line-height: 1.5rem;text-align: center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.keyan-list .swiper-pagination{bottom: 0;height: 0.3rem;z-index:10;}
.keyan-list .swiper-pagination .swiper-pagination-bullet{width: 0.3rem;height: 0.3rem;background: #96743E;opacity: 1;border-radius:0.3rem;opacity: 0.5;margin:0 0.4rem;vertical-align:top;}
.keyan-list .swiper-pagination .swiper-pagination-bullet-active{background: #A21818;width: 1.2rem;opacity: 1;}
.keyan .more{display: block;width: 9.6rem;height: 2.5rem;line-height: 2.5rem;text-align: center;font-size: 1rem;color: #fff;font-weight: bold;background: #993300;border-radius: 0.4rem;margin: 2rem auto 0;display: flex;justify-content: center;align-items: center;}
.keyan .more img{width: 0.35rem;height: 0.65rem;margin-left: 0.4rem;}




/* jidi */
.jidi{padding: 3.5rem 0;background: url(/mobile/Images/Index/jidi-bg1.jpg) no-repeat bottom center;background-size: cover;}
.jidi h2{margin-bottom: 2rem;}
.jidi-list{padding: 0 3rem;}
.jidi-list dl{display: flex;margin-bottom: 2.2rem;}
.jidi-list dl:last-child{margin-bottom: 0;}
.jidi-list dt{width: 9rem;position: relative;z-index: 1;}
.jidi-list dt::before{position: absolute;left: -0.3rem;top: -0.3rem;width: 100%;height: 100%;content: "";border: 1px solid rgba(211, 174, 141, 0.5);box-sizing: border-box;border-radius: 0.3rem;z-index: -1;}
.jidi-list dt img{border-radius: 0.3rem;}
.jidi-list dd{width: 0;flex: 1;padding-left: 3rem;}
.jidi-list dd h4{margin: 0.5rem 0 0.8rem;position: relative;}
.jidi-list dd h4::before{position: absolute;width: 0.4rem;height: 0.7rem;content: "";background: url(/mobile/Images/Index/san.png) no-repeat;background-size: contain;left: -1rem;top: 0.15rem;}
.jidi-list dd h4 a{display: block;font-size: 1rem;color: #835C18;line-height: 1rem;font-weight: bold;}
.jidi-list dd h4 img{width: auto;height: 1.75rem;margin-left: -1rem;} 
.jidi-list dd p{font-size: 0.8rem;color: #835C18;line-height: 1.6rem;}
.jidi .more{display: block;width: 9.6rem;height: 2.5rem;line-height: 2.5rem;text-align: center;font-size: 1rem;color: #fff;font-weight: bold;background: #993300;border-radius: 0.4rem;margin: 3rem auto 0;display: flex;justify-content: center;align-items: center;}
.jidi .more img{width: 0.35rem;height: 0.65rem;margin-left: 0.4rem;}



/*news*/
.news{padding: 4rem 2.5rem 3rem;position: relative;z-index: 1;}
.news::after{position: absolute;right: 0;bottom: -7.5rem;width: 16.3rem;height: 15rem;content: "";background: url(/mobile/Images/Index/news-zs.png) no-repeat;background-size: contain;z-index: -1;}
.news h2{margin-bottom: 2rem;}
.news-con dt{position: relative;z-index: 1;}
.news-con dt::before{position: absolute;left: -0.35rem;top: -0.35rem;width: 100%;height: 100%;content: "";border: 1px solid #D3AE8D;border-radius: 0.3rem;box-sizing: border-box;z-index: -1;}
.news-con dt img{border-radius: 0.3rem;}
.news-con dd{padding: 2rem 0 1.5rem 1.5rem;position: relative;}
.news-con dd::before{position: absolute;width: 0.2rem;height: 0.2rem;background: #96743E;content: "";border-radius: 0.2rem;left: 0.5rem;top: 2.4rem;}
.news-con dd h4 a{display: block;font-size: 0.9rem;color: #835C18;line-height: 1rem;font-weight: bold;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin-bottom: 1rem;}
.news-con dd p{font-size: 0.8rem;line-height: 1.4rem;color: #835C18; }
.news-con li{padding-left: 1.5rem;position: relative;}
.news-con li::before{position: absolute;width: 0.2rem;height: 0.2rem;background: #96743E;content: "";border-radius: 0.2rem;left: 0.5rem;top: 0.3rem;}
.news-con li h4 a{display: block;font-size: 0.9rem;color: #835C18;line-height: 1rem;font-weight: bold;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin-bottom: 1.5rem;}



/*qyfc*/
.qyfc{padding: 3rem 0 0;}
.qyfc-desc{font-size: 0.8rem;color: #835C18;line-height: 1.4rem;margin: 1.5rem 2.5rem 2.5rem;}
.qyfc-bd{padding-bottom: 2rem;position: relative;}
.qyfc-bd .swiper-pagination{bottom: 0;height: 0.3rem;z-index:10;}
.qyfc-bd .swiper-pagination .swiper-pagination-bullet{width: 0.3rem;height: 0.3rem;background: #96743E;opacity: 1;border-radius:0.3rem;opacity: 0.5;margin:0 0.4rem;vertical-align:top;}
.qyfc-bd .swiper-pagination .swiper-pagination-bullet-active{background: #A21818;width: 1.2rem;opacity: 1;}






/**/
/**/
/**/
/**/
@media screen and (min-width:320px) {html {font-size: 10px;}}
@media screen and (min-width:360px) {html {	font-size: 11.25px;}}
@media screen and (min-width:375px) {html {	font-size: 11.7px;}}
@media screen and (min-width:384px) {html {	font-size: 12px;}}
@media screen and (min-width:480px) {html {	font-size: 15px;}}
@media screen and (min-width:414px) {html {	font-size: 13px;}}
@media screen and (min-width:560px) {html {	font-size: 17.5px;}}
@media screen and (min-width:640px) {html {	font-size: 20px;}}



