@charset "utf-8";
body{ position: relative;}
.topNavBg{ height: 100px; width: 100%; position: absolute; left: 0; top: 0; z-index: 10; min-width: 1400px;}
.topNavBox{ width: 1200px; margin: 0 auto; height: 100px; position: relative; z-index: 8;}
.logo{ width: 303px; height: 145px; position:  absolute; left: 0; top: 0; z-index: 9; background: url('../img/logo1.png') no-repeat;}
.logo a{ width: 303px; height: 145px; display: block;}
.topNav{ float: right; height: 100px; overflow: hidden; font-size: 0;}
.topNav a { display: inline-block; width: 152px; height: 100px; line-height: 120px; font-size: 18px; font-weight: bold; color: #FFEED5; text-align: center;}
.topNav a:hover,.topNav a.cur{ height: 98px; border-bottom: 2px solid #FFEED5; font-size: 20px; background: rgba(0,0,0,0.1);}
.footBg{ width: 100%; height: 136px; position: absolute; bottom: 0; left: 0; min-width: 1400px; z-index: 10;}
.midBody{ width: 100%;  min-width: 1400px;}
.swiper{ height: 100%;}
.swiper-slide{ font-size: 0;}
.footBox{ width: 1400px; height: 116px; padding-top: 20px; margin: 0 auto; text-align: center; font-size: 0;}
.footLeft,.footRight{ display: inline-block; vertical-align: middle; font-size: 0;}
.footLeft{ text-align: center; }
.comName{ font-size: 18px; font-weight: bold; color: #FFEED5; line-height: 1; margin-bottom: 10px;}
.comAddr{ font-size: 12px; color: #FFEED5; line-height: 22px;}
.copyright{ color: #FFEED5; font-size: 12px; display: inline-block; vertical-align: middle;}
.copyright i{  background: url('../img/jinghui.png') no-repeat top center; width: 16px; height: 17px; display: inline-block; vertical-align: middle; margin: 0 5px 0 10px;}
.footRight{ text-align: center; font-size: 0; margin-left: 50px; }
.codeItem{ display: inline-block; margin: 0 12px;}
.codeImg,.codeImg img{ width: 80px; height: 80px; font-size: 0;}
.codeItem p{ color: #FFEED5; font-size: 12px; line-height: 1; margin-top: 10px;}
.swiper-slide1{ background: url('../img/banner001.jpg') no-repeat top center scroll; width: 100%; height: 1080px;}
.swiper-slide2{ background: url('../img/banner002.jpg') no-repeat top center scroll; width: 100%; height: 1080px;}
.swiper-slide3{ background: url('../img/banner003.jpg') no-repeat top center scroll; width: 100%; height: 1080px;}
.swiper-slide4{ background: url('../img/banner004.jpg') no-repeat top center scroll; width: 100%; height: 1080px;}
.swiper-slide5{ background: url('../img/banner005a.jpg') no-repeat top center scroll; width: 100%; height: 1080px;}
/* 招商加盟 */
.pubBanner{ background: url('../img/investmentB.jpg') no-repeat top center scroll; background-size: 100% auto;min-width: 1400px; padding-top: 34.4%; height: 0px; width: 100%;  position: relative; z-index: 1;}
.titleBg{ background: rgba(255,255,255,0.75); position: absolute; width: 1400px; height: 120px; bottom: 0; left: 50%; margin-left: -700px; font-size: 0;}
.titleBg img{ position: absolute; left: 50%; bottom: 0; width: 600px; height: 60px; margin-left: -300px;}
.brandBox{ width: 1400px; height: 420px; background: rgba(255,255,255,0.75); margin: 0 auto;}
.brandTitle{ font-size: 30px; color: #333333; font-weight: bold; text-align: center; line-height: 1; padding-top: 28px;}
.brandShop{ height: 270px; width: 1220px; overflow: hidden; margin: 50px auto 0;}
.brandShop .brandItem{ font-size: 0; width: 396px; height: 270px; margin-right: 16px; float: left;}
.brandShop .brandItem img{  width: 396px; height: 270px;}
.brandShop .brandItem:last-child{ margin-right: 0;}
.supportTitle{ width: 600px; height: 60px; font-size: 0; margin: 80px auto 0;}
.supportSubTitle{font-size: 30px; color: #333333; font-weight: bold; text-align: center; line-height: 1; margin-top: 30px;}
.supportSubText{font-size: 18px; color: #333333;  font-weight: bold; text-align: center; line-height: 1;margin-top: 30px;}
.supportList{ width: 1400px; overflow: hidden; margin: 0 auto;}
.supportList ul{ width: 1450px;}
.supportList li{ width: 326px; height: 228px; background: #fff;-webkit-box-shadow: 0px 2px 14px 0px rgba(0,0,0,0.04);box-shadow: 0px 2px 14px 0px rgba(0,0,0,0.04); float: left; margin: 20px 32px 0 0;}
.supportImg{ width: 70px; height: 70px; font-size: 0; margin: 46px auto 0;}
.supportListTit{ font-size: 20px; color: #333333;  font-weight: bold; text-align: center; line-height: 1}
.supportListText{ font-size: 14px; line-height: 20px; color: #999; text-align: center; margin-top: 20px;}
.barndText{ font-size: 18px; color: #666; line-height: 24px; text-align: center; margin-top: 45px;}
.barndBanner{ background: url('../img/banner01.jpg') no-repeat top center scroll; min-width: 1400px; width: 100%; background-size: 100% auto;   padding-top: 20.2%; height: 0px; margin-top: 40px;}
.coreTxte{ line-height: 24px; color: #999; font-size: 18px;  font-weight: bold; text-align: center; margin-top: 40px;}
.coreTxteBox{ font-size: 30px; line-height: 1; color: #333;  font-weight: bold; text-align: center; margin-top: 85px;}
.coreTxteBox span{ color: #936E62;}
.coreBox{ text-align: center; font-size: 0; height: 226px; margin-top: 30px;}
.coreList{ display: inline-block; width: 199px; margin: 0 35px;}
.coreList img{ width: 100%; height: auto;}
.coreBanner{ background: url('../img/coreBanner.jpg') no-repeat top center scroll; min-width: 1400px; width: 100%; background-size: 100% auto; padding-top: 39%; height: 0; position: relative; z-index: 1; margin-top: 70px;}
.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%;}
.coreBannerText{ font-size: 18px; color: #fff;  font-weight: bold; text-align: center; position: absolute; bottom: 30px; line-height: 1; width: 100%;}
.storeList{ background: url('../img/stroeImg.jpg') no-repeat top center; width: 1400px; height: 710px; margin: 40px auto 0;}
.processList,.processItem{ text-align: center; font-size: 0;}
.processList{ margin-top: 40px;}
.processItem{ margin-bottom: 100px;}
.processItem:last-child{ margin-bottom: 0;}
.jt{ background: url('../img/jt.png') no-repeat top center; width: 53px; height: 113px; margin: 40px auto 0;}
.joinBoxWrap{ position: relative; height: 305px; margin: 40px auto 0;}
.joinBox{ width: 1400px; height: 265px; background: #DFD9D7; padding-top: 40px; margin: 0 auto; position: relative;}
.joinBoxFixed{position: fixed; width: 100%; background: #DFD9D7; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); margin: 0; z-index: 100; height: 72px; padding: 19px 0;}
.joinTitle{ font-size: 30px; color:  #333; line-height: 1; text-align: center;  font-weight: bold;}
.hideBox{ width: 1400px; height: 265px; margin: 0 auto; position: relative;}
.joinBoxFixed .hideBox{ height: 72px; text-align: center;}
.joinBoxFixed .submitBox{ margin-top: 0; display: inline-block; vertical-align: middle; padding: 11px 0;}
.joinBoxFixed .submitBtn{background: url('../img/submit1.png') no-repeat top center; width: 141px;  height:71px; line-height: 64px; margin-top: 0; display: inline-block; vertical-align: middle;}
.joinBoxFixed .submitItem{ margin-right: 20px; width: auto;}
.joinBoxFixed .submitRight{ float: left; margin-left: 0;}
.joinBoxFixed .submitForm input{ width: 260px;}
.joinBoxFixed .proText{ text-align: left;}
.footBanner{ background: url('../img/footBanner.jpg') no-repeat top center scroll; margin-top: 20px; width:100%; min-width: 1400px; background-size: 100% auto; padding-top: 7.4%; height: 0;}
.submitBox{padding: 0 50px; margin-top: 40px;}
.submitItem{ float: left; width: 50%;}
.submitItem span{ float: left; width: 130px; line-height: 50px; font-size: 24px; color: #333; text-align: right; padding-right: 5px;}
.submitRight{ margin-left: 130px;}
.submitForm{ height: 50px;}
.submitForm input{ height: 48px; border: 1px solid #B4A09A; width: 460px; padding-left: 20px; background: #fff; color: #333; font-size: 24px; line-height: 48px;}
.proText{ font-size: 14px; color: #666; line-height: 30px; padding-left: 20px; display: none;}
.submitBtn{  background: url('../img/submit.png') no-repeat top center; width: 317px; height: 84px; margin: 30px auto 0; line-height: 85px; text-align: center; font-size: 24px; color: #fff;  font-weight: bold; cursor: pointer;}
.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: 556px; 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: 40px 0;}
.popTitle{ line-height: 1; font-size: 24px;color: #333; text-align: center;  font-weight: bold;}
.popText{ font-size: 16px; color: #333; line-height: 1; text-align: center; margin-top: 20px;}
.submitWrap{ width: 100%; height: 100%; position: absolute;left: 0; top: 0; background: #DFD9D7; z-index: 10; display: none; padding-top: 40px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.rightIcon{  background: url('../img/right.png') no-repeat; width: 44px; height: 44px; margin: 60px auto 0; }
.rightText{ text-align: center; font-size: 24px; color: #624E48; line-height: 1;  font-weight: bold; margin-top: 20px;}

/* 关于云顶 */
.aboutBanner{ background: url('../img/about.jpg') no-repeat top center scroll; width: 100%; min-width: 1400px; padding-top: 29.4%; background-size: 100% auto; height:0;}
.aboutBox{ width: 1400px; height: 546px; position: relative; z-index: 11; margin: 0 auto;}
.aboutFloat{ width: 1200px; height:498px; background: url('../img/float01.png') no-repeat; position: absolute; left: 0; top:-110px; z-index: 11;}
.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:1400px;}
.mainBox{ width: 1200px; margin: 0 auto; padding-top: 385px; padding-bottom: 30px; 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: 24px; color: #333;  font-weight: bold; line-height: 1; margin-top: 30px;}
.aboutLeftText{ margin-top: 26px;}
.aboutLeftText p{ font-size: 16px; color: #666; line-height: 32px;}
.aboutLeftText span{ font-weight: bold;}
.aboutRightIcon{ background: url('../img/about01.png') no-repeat top center; width: 78px; height: 78px;}
.aboutRightText{font-size: 16px; color: #666; line-height: 32px; margin-top: 26px;}
.aboutList{ width: 1200px; height: 186px; margin-top: 24px;}
.aboutItem{ width: 386px; height: 156px; padding-top: 30px; background: #fff; float: left; margin-right: 21px;}
.aboutItem:last-child{ margin-right: 0;}
.aboutIcon{ width: 60px; height: 60px; margin: 0 auto; position: relative;}
.aboutIcon_1{background: url('../img/icon01.png') no-repeat; width: 47px; height: 43px; 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: 41px; height: 46px; 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: 48px; height: 46px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.aboutListTitle{ text-align: center; font-size: 20px; color: #333; font-weight: bold; line-height: 1; margin-top: 10px;}
.aboutListText{ text-align: center; font-size: 14px; color: #333; line-height: 1; margin-top: 10px;}
.about_bg{ background: url('../img/about_bg.jpg') no-repeat top center scroll; width: 100%; min-width: 1400px; position: relative; height:510px;}
.about_bg_box{ background: rgba(0,0,0,0.5); padding: 60px 0 0 120px; width: 518px; height: 350px; position: absolute; left: 50%; top: 50%; margin-left: -500px; margin-top: -205px;}
.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: 32px; font-weight: bold; line-height: 1.1;color: #edb66e;}
.about_bg_text{ line-height: 36px; color: #fff; font-size: 18px; margin-top: 23px;}
.about_bg_text_b{ font-size: 20px; font-weight: bold; line-height: 36px; color: #fff;}
/* 生态茶 */
.proBanner{ background: url('../img/probanner.jpg') no-repeat top center scroll; width: 100%; min-width: 1400px; background-size: 100% auto; padding-top: 36.7%; height:0;}
.proList{ font-size: 0; width: 100%; min-width: 1400px; 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;}
/* 新闻中心 */
.newBanner{ background: url('../img/newBanner.jpg') no-repeat top center scroll; background-size: 100% auto;min-width: 1400px; padding-top: 34.4%; height: 0px; width: 100%;  position: relative; z-index: 1;}
.newFloat{ background: url('../img/newImg.png') no-repeat top center scroll; width: 1475px; height: 344px; position: absolute; left: 50%; bottom:-135px; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.newMainBox{ width: 1400px; margin: 0 auto; padding-top: 150px;}
.newList{ width: 100%;}
.newItem{ height: 225px; padding: 20px; background: #fff; -webkit-border-radius: 12px; border-radius: 12px; margin-bottom: 20px; position: relative;}
.newPic{ width: 300px; height: 225px; font-size: 0; background: #000; float: left; -webkit-border-radius: 12px; border-radius: 12px; overflow: hidden;}
.newPic img{ width: 300px; height: 225px;}
.newRight{ margin-left: 320px; padding: 12px 0;}
.newTittle{ font-size: 18px; height: 20px; line-height: 20px; font-weight: bold; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.newText{ margin-top: 16px; height: 140px; overflow: hidden;}
.newText p{ font-size: 12px; color: #999; line-height: 20px; text-indent: 2em;}
.newTime{ font-size: 12px; color: #666; margin-top: 8px;}
.newLink{ display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0;}