@charset "utf-8";
body{ position: relative; background: #0C0C0A;}
.topNavBg{ height: 70px; width: 100%; background: #252525; position: absolute; left: 0; top: 0; z-index: 10; min-width: auto;}
.topNavBox{ width: 100%; margin: 0 auto; height: 70px; position: relative; z-index: 8;}
.logo{ width: 65px; height: 110px; position:  absolute; left: 0; top: 0; z-index: 9; background: url('../image/logo.png') no-repeat; background-size: 65px 110px;}
.logo a{ width: 65px; height: 110px; display: block;}
.topNav{ float: right; height: 70px; overflow: hidden; font-size: 0;}
.topNav a { display: inline-block; width: 60px; height: 70px; line-height: 90px; font-size: 10px; font-weight: bold; color: #FFEED5; text-align: center;}
.topNav a.cur{ height: 68px; border-bottom: 2px solid #FFEED5; background: rgba(0,0,0,0.1); font-size: 10px;}
.footBg{ width: 100%; height: 130px;  padding: 10px 0;background: -webkit-linear-gradient(180deg,#0c0c0a, #050504);background: linear-gradient(180deg,#0c0c0a, #050504);  min-width: 320px;}
.midBody{ width: 100%;  min-width: 320px;}
.swiper-slide{ font-size: 0;}
.swiper-slide img{ width: 100%; height: auto;}
.footBox{ width: 100%;  height:130px; text-align: center; font-size: 0; padding-top: 0;}
.footLeft,.footRight{width:100%;}
.footLeft{ text-align: center;}
.comName{ font-size: 12px; font-weight: bold; color: #FFEED5; line-height: 1; margin-bottom: 5px;}
.comAddr{ font-size: 10px; color: #FFEED5; line-height: 16px; padding: 0 20px;}
.copyright{ color: #FFEED5; font-size: 10px; width: 100%;}
.copyright i{  background: url('../img/jinghui.png') no-repeat top center; background-size: 16px 17px; width: 16px; height: 17px; display: inline-block; vertical-align: middle; margin: 0 5px 0 10px;}
.footRight{ text-align: center; font-size: 0; margin-top: 5px; margin-right: 0; margin-left: 0;}
.codeItem{ display: inline-block; width: 60px; margin: 0 5px; text-align: center;}
.codeImg,.codeImg img{ width: 40px; height: 40px; font-size: 0; margin: 0 auto;}
.codeItem p{ color: #FFEED5; font-size: 10px; line-height: 1; margin-top: 5px;}
.swiper-slide1{ background: url('../image/banner001.jpg') no-repeat top center scroll; width: 100%; height: 0; background-size: 100% auto ; padding-top: 177.9%;}
.swiper-slide2{ background: url('../image/banner002.jpg') no-repeat top center scroll; width: 100%; height: 0; background-size: 100% auto ; padding-top: 177.9%;}
.swiper-slide3{ background: url('../image/banner003a.jpg') no-repeat top center scroll; width: 100%; height: 0; background-size: 100% auto ; padding-top: 177.9%;}
.swiper-slide4{ background: url('../image/banner004a.jpg') no-repeat top center scroll; width: 100%; height: 0; background-size: 100% auto ; padding-top: 177.9%;}
.swiper-slide5{ background: url('../image/banner005a.jpg') no-repeat top center scroll; width: 100%; height: 0; background-size: 100% auto ; padding-top: 177.9%;}
/* 招商加盟 */
.pubBanner{ background: url('../image/investmentB.jpg') no-repeat top center scroll; min-width: 320px; background-size: 100% auto ;width: 100%; padding-top: 87%; height: 0px; position: relative; z-index: 1;}
.titleBg{ position: absolute; width: 100%; background: rgba(255,255,255,0.75); height: 60px; bottom: 0; left: 0; font-size: 0;}
.titleBg img{ position: absolute; left: 50%; bottom: 0; width: 300px; height: 30px; margin-left: -150px;}
.brandBox{ width: 100%;}
.brandTitle{ font-size: 15px; color: #333333; font-weight: bold; text-align: center; line-height: 1; padding-top: 14px;}
.brandShop{  width:100%; overflow: hidden; display: flex; margin: 15px auto 0;}
.brandShop .brandItem{ font-size: 0; width: 32%;  margin-right:2%; flex: 1;}
.brandShop .brandItem:last-child{ margin-right: 0;}
.brandShop .brandItem img{  width: 100%; height: auto;}
.brandShop .brandItem:last-child{ margin-right: 0;}
.supportTitle{ width: 100%; height: 30px; font-size: 0; margin: 30px auto 0; text-align: center;}
.supportSubTitle{font-size: 15px; color: #333333; font-weight: bold; text-align: center; line-height: 1; margin-top: 15px;}
.supportTitle img{ width: 300px; height: auto;}
.supportSubText{font-size: 12px; color: #333333;  font-weight: bold; text-align: center; line-height: 1;margin-top: 15px;}
.supportList{ width: 100%; overflow: hidden; margin: 0 auto;}
.supportList ul{ }
.supportList li{ width:49%; height: 114px; background: #fff;-webkit-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.04);box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.04); float: left; margin: 10px 2% 0 0;}
.supportList li:nth-child(even){
    margin-right: 0;
}
.supportImg{ width: 35px; height: 35px; font-size: 0; margin: 16px auto 0;}
.supportImg img{ width: 100%; height: auto;}
.supportListTit{ font-size: 14px; color: #333333;  font-weight: bold; text-align: center; line-height: 1}
.supportListText{ font-size: 10px; line-height: 16px; color: #999; text-align: center; margin-top: 5px;}
.barndText{ font-size: 12px; color: #666; line-height: 16px; text-align: center; margin-top: 22px; padding: 0 10px;}
.barndBanner{ background: url('../image/banner01.jpg') no-repeat top center scroll; min-width: 320px; width: 100%; padding-top: 37.3%; height: 0px; background-size: 100% auto; margin-top: 20px;}
.coreTxte{ line-height: 16px; color: #999; font-size: 12px;  font-weight: bold; text-align: center; margin-top: 20px; padding: 0 10px;}
.coreTxteBox{ font-size: 15px; line-height: 1; color: #333;  font-weight: bold; text-align: center; margin-top: 40px;}
.coreTxteBox span{ color: #936E62;}
.coreBox{ text-align: center; font-size: 0; margin-top: 15px;}
.coreList{ display: inline-block; width: 30%; margin-right: 5%;}
.coreList:last-child{ margin-right: 0;}
.coreList img{ width: 100%; height: auto;}
.coreBanner{ background: url('../image/coreBanner.jpg') no-repeat top center scroll; min-width: 320px; width: 100%; height:0; padding-top: 65.3%; background-size: 100% auto; position: relative; z-index: 1; margin-top: 35px;}
.coreBannerTit{ font-size: 40px;  font-weight: bold; color: #fff; background-image:gradient(linear, 0 0, 0 bottom, from(rgba(255, 246, 230, 1)),to(rgba(255, 221, 177, 1))); background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(255, 246, 230, 1)),to(rgba(255, 221, 177, 1))); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-fill-color: transparent;text-align: center; position: absolute; bottom: 70px; width: 100%; display: none;}
.coreBannerText{ font-size: 18px; color: #fff; font-weight: bold; text-align: center; position: absolute; bottom: 30px; line-height: 1; width: 100%; display: none;}
.storeList{ background: url('../image/stroeImg.jpg') no-repeat top center; width: 100%; background-size: 100% auto; height: 0; padding-top: 50.5%; margin: 20px auto 0;}
.processList,.processItem{ text-align: center; font-size: 0;}
.processList{ margin-top: 40px;}
.processItem img{ width: 100%; height: auto;}
.processItem{ margin-bottom: 50px;}
.processItem:last-child{ margin-bottom: 0;}
.jt{ background: url('../image/jt.png') no-repeat top center; background-size: 27px 57px; width: 27px; height: 57px; margin: 20px auto 0;}
.joinBox{ width: 100%; background: #DFD9D7; margin: 20px auto 0; padding: 20px 0; position: relative;}
.joinTitle{ font-size: 15px; color:  #333; line-height: 1; text-align: center;  font-weight: bold;}
.joinBoxFixed{ width: 100%; background: #DFD9D7; padding: 10px 0; position: fixed; bottom: 0; left: 0; margin: 0; z-index: 100;}
.joinBoxFixed .hideBox{ padding: 0 20px;}
.joinBoxFixed .submitBox{ margin-top: 0; padding: 0; margin-right: 70px;}
.joinBoxFixed .submitItem{ margin-bottom: 10px;}
.joinBoxFixed .submitBtn{ position: absolute; right: 10px; top: 6px;  background: url('../image/submit2.png') no-repeat top center; width: 75px; height: 80px;background-size: 75px 80px; line-height: 80px; margin: 0;}
.joinBoxFixed .submitItem span{ line-height: 30px;}
.joinBoxFixed .submitForm{ height: 30px;}
.joinBoxFixed .submitForm input{ height: 30px; line-height: 30px;}
.footBanner{ background: url('../image/footBanner.jpg') no-repeat top center scroll; width:100%; background-size:100% auto ; padding-top: 19%; min-width: 320px; height: 0;}
.submitBox{padding: 0 20px; margin-top: 20px;}
.submitItem{ width: 100%; margin-bottom: 20px;}
.submitItem:last-child{  margin-bottom: 0;}
.submitItem span{ float: left; width: 70px; line-height:25px; font-size: 12px; color: #333;}
.submitRight{ margin-left: 70px;}
.submitForm{ height: 25px;}
.submitForm input{ height: 25px; border: 1px solid #B4A09A; width: 100%; padding-left: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff; color: #333; font-size: 12px; line-height: 25px;}
.proText{ font-size: 12px; color: #666; line-height: 20px; padding-left: 10px; display: none; }
.submitBtn{  background: url('../image/submit.png') no-repeat top center; width: 159px; height: 43px;background-size: 159px 43px; margin: 10px auto 0; line-height: 43px; text-align: center; font-size: 12px; color: #fff; font-weight: bold; cursor: pointer;}
.submitWrap{ width: 100%; height: 100%; background: #DFD9D7; display: none;}
.rightIcon{  background: url('../img/right.png') no-repeat; width: 22px; height: 22px;background-size: 22px 22px; margin: 30px auto 0; }
.rightText{ text-align: center; font-size: 12px; color: #624E48; line-height: 1; font-weight: bold;margin-top: 20px;}
.popBg{ background: rgba(0,0,0,0.5); width: 100%; height: 100%; position: fixed; z-index: 100; left: 0; top: 0; display: none;}
.popBox{ width: 80%; position: fixed; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-border-radius: 16px; border-radius: 16px; background: #fff; z-index: 101; padding: 20px 0;}
.popTitle{ line-height: 1; font-size: 12px;color: #333; text-align: center; font-weight: bold;}
.popText{ font-size: 12px; color: #333; line-height: 1; text-align: center; margin-top: 10px;}

/* 生态茶 */
.proBanner{ background: url('../image/probanner.jpg') no-repeat top center scroll; background-size: 100% auto; width: 100%; padding-top: 102.3%; height:0; min-width: auto;}
.proList{ font-size: 0; width: 100%; min-width: 320px; position: relative;}
.proList img{ width: 100%; height: auto;}
.proList a{ position: absolute; width: 100%; height: 100%; display: block; left: 0; top: 0; z-index: 10;}

.swiper-pagination-bullet{ width: 8px; height: 8px;}
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets{ bottom:10px;}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 3px;}
.swiper-pagination-bullet{ background: #fff;}

/* 关于云顶 */
.aboutBanner{ background: url('../image/about.jpg') no-repeat top center scroll; background-size:100% auto; padding-top: 57%; width: 100%; height:0;}
.aboutBox{   z-index: 11; margin: 0 auto;}
.aboutSlogin{ font-size: 28px; font-weight: bold;background: -webkit-linear-gradient(180deg,#fff6e6 20%, #ffddb1 100%);background: linear-gradient(180deg,#fff6e6 20%, #ffddb1 100%);-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-fill-color: transparent;-webkit-text-shadow: 0px 1px 5px 0px rgba(0,0,0,0.50), 0px 1px 1px 0px rgba(255,255,255,0.50) inset;text-shadow: 0px 1px 5px 0px rgba(0,0,0,0.50), 0px 1px 1px 0px rgba(255,255,255,0.50) inset; line-height: 38px; display: none;}
.aboutLogo{ background: url('../image/aboutLogo.png') no-repeat top center; width: 35px; height: 33px; background-size:35px 33px;}
.aboutBox{ width: 1400px; height: 546px; position: relative; z-index: 11; margin: 0 auto;}
.aboutFloat{ width: 100%; height:0; background: url('../image/float01.png') no-repeat;  background-size:100% auto; padding-top: 66.4%;}
.aboutSlogin{ font-size: 28px; font-weight: bold;background: -webkit-linear-gradient(180deg,#fff6e6 20%, #ffddb1 100%);background: linear-gradient(180deg,#fff6e6 20%, #ffddb1 100%);-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-fill-color: transparent;-webkit-text-shadow: 0px 1px 5px 0px rgba(0,0,0,0.50), 0px 1px 1px 0px rgba(255,255,255,0.50) inset;text-shadow: 0px 1px 5px 0px rgba(0,0,0,0.50), 0px 1px 1px 0px rgba(255,255,255,0.50) inset; line-height: 38px;}
.aboutLogo{ background: url('../img/aboutLogo.png') no-repeat top center; width: 69px; height: 66px; margin: 50px 0 0 20px;}
.aboutBannerTitle{ font-size: 28px;   font-weight: bold; color: #fff; line-height: 1; margin-top: 30px;}
.aboutBannerText{ font-size: 16px; line-height: 30px; color: #fff; margin-top: 30px;}
.bodyBox{ width: 100%; min-width: auto;}
.mainBox{ width: 100%; margin: 0 auto; padding-bottom: 15px; position: relative;}
.aboutLeft{ width: 100%; text-align: center;}
.aboutRight{  width: 100%; text-align: center;}
.aboutLeftIcon{ background: url('../img/about02.png') no-repeat top center; width: 61px; height: 61px; margin-left: 33px;}
.aboutLeftTitle{ font-size:16px; color: #333;  font-weight: bold; line-height: 1; margin-top: 15px;}
.aboutLeftText{ margin-top: 10px;}
.aboutLeftText p{ font-size: 12px; color: #666; line-height: 18px;}
.aboutLeftText span{ font-weight: bold;}
.aboutRightIcon{ background: url('../img/about01.png') no-repeat top center; width: 78px; height: 78px;}
.aboutRightText{font-size: 10px; color: #666; line-height: 16px; margin-top: 13px;}
.aboutList{ width:100%; height: 93px; margin-top: 13px;}
.aboutItem{ width: 32%; height: 78px; padding-top: 15px; background: #fff; float: left; margin-right: 2%;}
.aboutItem:last-child{ margin-right: 0;}
.aboutIcon{ width: 30px; height: 30px; margin: 0 auto; position: relative;}
.aboutIcon_1{background: url('../img/icon01.png') no-repeat; width: 24px; height: 22px; background-size: 24px 22px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.aboutIcon_2{background: url('../img/icon02.png') no-repeat; width: 21px; height: 23px; background-size: 21px 23px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.aboutIcon_3{background: url('../img/icon03.png') no-repeat; width: 24px; height: 23px; background-size: 24px 23px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.aboutListTitle{ text-align: center; font-size:12px; color: #333; font-weight: bold; line-height: 1; margin-top: 5px;}
.aboutListText{ text-align: center; font-size: 10px; color: #333; line-height: 1; margin-top: 5px;}
.about_bg{ background: url('../image/about_bg.jpg') no-repeat top center scroll; width: 100%; position: relative; background-size: 100% auto; padding-top:68%; height:0;}
.about_bg_box{ background: rgba(0,0,0,0.5); padding: 30px 15px 0 15px; height: 175px; position: absolute; left: 5%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.about_bg_title{background: -webkit-linear-gradient(180deg,#fff6e6 20%, #ffddb1 100%);background: linear-gradient(180deg,#fff6e6 20%, #ffddb1 100%);-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-fill-color: transparent;-webkit-text-shadow: 0px 1px 5px 0px rgba(0,0,0,0.50), 0px 1px 1px 0px rgba(255,255,255,0.50) inset;text-shadow: 0px 1px 5px 0px rgba(0,0,0,0.50), 0px 1px 1px 0px rgba(255,255,255,0.50) inset; font-size: 16px; font-weight: bold; line-height: 1.1;color: #edb66e;}
.about_bg_text{ line-height: 18px; color: #fff; font-size: 10px; margin-top: 12px;}
.about_bg_text_b{ font-size: 12px; font-weight: bold; line-height: 18px; color: #fff;}
/* 新闻中心 */
.newBanner{ background: url('../image/newBanner.jpg') no-repeat top center scroll; background-size: 100% auto; padding-top: 78.4%; height: 0px; width: 100%;  position: relative; z-index: 1;}
.newFloat{ background: url('../image/newImg.png') no-repeat top center scroll; background-size: 100% auto; width: 100%; height: 0; padding-top: 24.5%; position: absolute; left: 50%; bottom:-40px; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.newMainBox{ background: #d8d8d8; padding:50px 10px 10px;}
.newList{ width: 100%;}
.newItem{ height: 108px; padding: 10px; background: #fff; -webkit-border-radius: 6px; border-radius: 6px; margin-bottom: 10px; position: relative;}
.newItem:last-child{ margin-bottom: 0;}
.newPic{ width: 144px; height: 108px; font-size: 0; background: #000; float: left; -webkit-border-radius: 6px; border-radius: 6px; overflow: hidden;}
.newPic img{ width: 100%; height: auto;}
.newRight{ margin-left: 154px;}
.newTittle{ font-size: 14px; height: 20px; line-height: 20px; font-weight: bold; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.newText{ margin-top: 5px; height: 64px; overflow: hidden;}
.newText p{ font-size: 12px; color: #999; line-height: 16px; text-indent: 2em;}
.newTime{ font-size: 9px; color: #999; margin-top: 5px;}
.newLink{ display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0;}