@charset "utf-8";
/* CSS Document */
/* 全局公用的css样式 */
/*---------------------------------约束样式----------------------------------------*/
*{margin:0; padding:0; word-wrap:break-word}
* img{border:0}
* hr{border:1px dashed #d2d2d2}
body,h1,h2,h3,h4,h5,h6,td,th,tr{color:#a8845c; font-weight:normal; font-size:12px; font-family:Arial,SimSun}
a{text-decoration:none; outline:none; color:#a8845c; cursor:pointer}
a:active{star:expression(this.onFocus=this.blur())}
a:focus{outline:none}
a:hover{color:#62503c}
em{font-style:normal}
input,textarea,select{outline:none; font-family:inherit}
.clear{width:100%; clear:both; height:1px; overflow:hidden}
.fl{float:left}
.fr{float:right}
.ov_hi{overflow:hidden}
.layout{width:1100px; margin:0 auto}
.layout_1200{width:1200px; margin:0 auto}
ul,li{list-style:none}
textarea{resize:none}
.ov_hi{overflow:hidden}
.radius{border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; overflow:hidden}
.shadow{-webkit-box-shadow:#DDD9D9 0px 0px 30px; -moz-box-shadow:#DDD9D9 0px 0px 30px; box-shadow:#DDD9D9 0px 0px 30px}
.mg_15{margin-top:15px}
.fl-clr{zoom:1}
.fl-clr:after{display:block; clear:both; height:0; content:"\0020"}
.hide{display:none}
body{overflow-x:hidden; background:#fff}
body.hidden{overflow:hidden}
.pc{}
.web{display:none !important}

.uk-slidenav,.footer a,.recruit_text .but,.activity_ul li a *{webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 1s ease; transition:all 0.5s ease}
{-webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2); transform:scale(1.2)}

/*头部*/
.bh_80{height:140px}
.top_box{width:100%; position:fixed;  background:url(../images/top_box.png) no-repeat center 0; background-size:cover; left:0; top:0; z-index:999}
.top_box .layout{width:1360px; margin:0 auto; position:relative}
.logo{height:140px; position:absolute; left:0; top:0; }
.titleTop{
    font-size: 38px;
    color: black;
    position: absolute;
    top: 48px;
    left: 170px;
} 
.nav_box{float:right; padding-right:135px}
.nav_box li{float:left; margin-left:50px; position:relative}
.nav_box li .a{color:#fff; font-size:15.62px; display:block; height:80px; line-height:80px}
.nav_box li .a:hover,.nav_box li .a.hover,.nav_box li:hover .a{background:url(../images/nav.jpg) no-repeat center bottom}


/*导航下拉*/
.nav_box li .down{position:absolute; width:450px; line-height:80px; height:80px; background:url(../images/down.jpg) no-repeat; background-size:cover; left:50%; margin-left:-235px; top:80px; display:none; text-align:center; -webkit-box-shadow:rgba(4,0,0,0.8) 8px 6px 15px; -moz-box-shadow:rgba(4,0,0,0.8) 8px 6px 15px; box-shadow:rgba(4,0,0,0.8) 8px 6px 15px; text-align:center; padding:0 10px}
.nav_box li .down a{display:block; float:left; font-size:16px; color:#c49366; width:33.3%}
.nav_box li.li2 .down{width:370px; margin-left:-195px}
.nav_box li.li6 .down{width:440px; margin-left:-230px}
.nav_box li.li6 .down a{width:50%}


.search_top{position:absolute; right:60px; top:50%; margin-top:-15px; height:30px; padding-left:30px; z-index:9}
.search_top i{content:""; width:30px; height:30px; position:absolute; left:0; top:0; background:url(../images/soso.png) no-repeat; background-size:cover; cursor:pointer; display:none}
.search_top .search_box{width:0; overflow:hidden; position:absolute; left:0; top:0;  height:30px; border-radius:50px; z-index:9; padding:0 30px 0 0; overflow:hidden}
.search_top .search_box .text{height:26px; background:#fff; border:0; width:0; padding:0 5%; margin:2px 0; border-radius:50px}
.search_top .search_box .button{position:absolute; right:0; top:0; width:30px; height:30px; cursor:pointer; border:0;background:url(../images/soso.png) no-repeat; background-size:cover}
.search_top .search_box:hover{width:80px; padding:0 30px 0 2px; background:#bc9669; border-radius:50px}
.search_top .search_box:hover .text{width:90%}

.top_box .my{position:absolute; right:0; top:50%; margin-top:-15px; width:30px; height:30px; background:url(../images/my.png) no-repeat;background-size:cover}

/*footer 样式*/
.footer{background:#fff url(../images/footer.jpg) no-repeat center 0; background-size:cover; position:relative;  text-align:center}
.footer_link{padding:40px 10% 25px 10%}
.footer_link li{float:left; width:25%}
.footer_link li a{display:block}
.footer_link li i{display:block; height:30px}
.footer_link li .wb{background:url(../images/wb.png) no-repeat center center}
.footer_link li .wx{background:url(../images/wx.png) no-repeat center center}
.footer_link li .jd{background:url(../images/jd.png) no-repeat center center}
.footer_link li .tb{background:url(../images/tb.png) no-repeat center center}

.footer_link li p{color:#a8845c; padding-top:15px; font-size:12.99px}
.footer_link li a:hover p{color:#fff}
.footer_nav{color:#fff; font-size:18px}
.footer_nav a{margin:0 18px; color:#fff}
.footer_nav a:hover{color:#a8845c}
.weixin_code img{display: none}
.weixin_code:hover img{display: inline-block;}

/*首页样式*/
.index_show{overflow:hidden; position:relative; width:100%}
.index_show .web{display:none}
.index_show img{width:100%;object-fit: cover;}
.index_show .uk-slidenav-position .uk-slidenav{border-radius:50%; background:rgba(65,49,32,0.4)}
.index_show .uk-slidenav-position .uk-slidenav-previous{left:5%}
.index_show .uk-slidenav-position .uk-slidenav-next{right:5%}
.index_show .uk-slidenav-previous:before,.index_show .uk-slidenav-next:before{display:none}
.index_show .uk-slidenav-previous:after,.index_show .uk-slidenav-next:after{content:""; position:absolute;  width:100%; height:100%; left:0; top:0}
.index_show .uk-slidenav-previous:after{background:url(../images/left.png) no-repeat center center}
.index_show .uk-slidenav-next:after{background:url(../images/right.png) no-repeat center center}
.index_show .uk-slidenav-position .uk-slidenav:hover{background:rgba(65,49,32,0.8)}

.index_show .uk-position-bottom{bottom:45px; width:100%; display:block}
.index_show .uk-dotnav{margin:0}
.index_show .uk-dotnav>*{padding:0 6px; margin-top:0; float:none; display:inline-block}
.index_show .uk-dotnav>*>*{width:12px; height:12px}
.index_show .uk-dotnav>.uk-active>*{transform:scale(1); background:rgba(255,255,255,0.6)}
.index_show .uk-dotnav-contrast>*>*{background:rgba(255,255,255,0.2)}

.index_show .a{position:absolute; width:40px; height:13px; left:50%; margin-left:-20px; bottom:15px; background:url() no-repeat; background-size:cover}

.index_content{background:url(../images/index_content.jpg) no-repeat center 0; background-size:cover; overflow:hidden}

.index_more{position:absolute; z-index:2; right:55px; top:40px; font-size:21px; color:#a27a4c; padding-right:20px; background:url(../images/more.png) no-repeat right center}

.index_one{margin:80px 15%; position:relative; padding-right:480px; overflow:hidden}
.video_left{width:100%}
.video_left video{width:100%;}
.video_left a{display:block; position:relative; overflow:hidden; border:1px solid #1a1a1a}
.video_left a:after{content:""; position:absolute; left:50%; top:50%; width:80px; height:80px; margin:-40px 0 0 -40px; background:url(../images/play.png) no-repeat; background-size:cover}
.video_left img{width:100%}
.video_txt{height:62px; position:absolute; right:60px; top:50%; margin-top:-31px}

.index_two{position:relative; margin:0 30px; overflow:hidden}
.index_two img{width:100%}

.index_three{overflow:hidden; padding:110px 0; display:flex;justify-content: center;}
.index_three *{overflow:hidden}
.index_three li{float:left; width:32%; position:relative; margin:0 50px;}
.index_three li a{display:block; margin-left:45px}
.index_three li img{width:100%}


/*意见反馈i*/
.proposal_pop{position:fixed; width:100%; height:100%; left:0; top:0; overflow:auto; z-index:999; background:rgba(0,0,0,0.8); display:none}
.proposal_eject{width:608px; margin:0 auto; border:1px solid #a8845c; background:url(../images/proposal.jpg) no-repeat; background-size:cover;  position:relative}

.proposal_eject .close{width:25px; height:25px; position:absolute; right:10px; top:10px; background:url(../images/close.png) no-repeat;background-size:cover; cursor:pointer}
.proposal_eject .box{padding:30px 70px 30px 70px}
.title_h1{display:block; position:relative; margin:0 auto; font-size:36px; color:#a8845c; font-weight:600; width:230px; height:65px; text-align:center; line-height:65px}
.title_h1:after{content:""; position:absolute; left:0px; top:0px; width:32px; height:32px; background:url(../images/t1.png) no-repeat; background-size:cover}
.title_h1:before{content:""; position:absolute; right:0; bottom:0; width:32px; height:32px; background:url(../images/t2.png) no-repeat; background-size:cover}
.proposal_form{padding-bottom:30px}
.proposal_form li{margin-bottom:10px}
.proposal_form li .t{display:block; height:30px; line-height:30px; font-size:13.8px; color:#a8845c; padding:0 5px}
.proposal_form li .text{width:96%; height:25px; line-height:25px; padding:0 2%; border:1px solid #604e3a; background:none; color:#a8845c; font-size:18px}
.proposal_form li .select{width:96%; height:25px; line-height:25px; padding:0 2%; border:1px solid #604e3a; background:none; font-size:18px; appearance:none; -moz-appearance:none; -webkit-appearance:none; background:url(../images/select.png) no-repeat right center; position:relative}
.proposal_form li .select .title{height:25px; font-size:13.8px}
.proposal_form li .select ul{position:absolute; left:-1px; top:26px; width:100%; background:#000; z-index:22; border:1px solid #604e3a; display:none}
.proposal_form li .select ul li{line-height:25px; height:25px; padding:0 2%; font-size:23px; margin:0; cursor:pointer; font-size:13.8px;}
.proposal_form li .select ul li:hover{background:#a8845c; color:#fff}


.proposal_form li .select option{color:#a8845c; background:#000}
.proposal_form li .textarea{width:96%; height:90px; line-height:25px; padding:10px 2%; border:1px solid #604e3a; background:none; color:#a8845c; font-size:18px}
.proposal_eject .but{display:block; margin:0 auto; width:95px; height:34px; border-radius:5px; cursor:pointer; font-size:22px; text-align:center; border:0; line-height:34px; background:url(../images/but.jpg) no-repeat; background-size:cover}


.proposal_eject.ly{width:612px; height:610px}
.proposal_eject.ly .box{padding:50px 105px 0 105px}
.proposal_eject.ly .activity_but{width:100%}
.proposal_eject.ly .activity_form li{margin-bottom:40px;}
.proposal_eject.ly .activity_title{padding:40px 0 60px 0; font-size:27.56px}
.proposal_eject.ly .activity_form{padding:0 0 15px 0;}
.proposal_eject.ly .activity_form li .select{height:33px; line-height:33px; font-size:16.49px}
.proposal_eject.ly .activity_form li .text{height:33px; line-height:33px; font-size:16.49px}
.proposal_eject.ly .activity_form li .select ul{top:34px}
.proposal_eject.ly .activity_form li .select ul li{margin:0;height:33px; line-height:33px;font-size:16.49px}

/*峨眉高山绿茶*/
.tea_img .story_img:after{content:""; position:absolute; width:100%; height:1px; left:0; bottom:0; background:#a57d49}


/*绿茶生活*/
.second_box{background:url(../images/bj.jpg) center 0}
.life_show{overflow:hidden}
.life_show img{width:100%}
.life_img{text-align:center; padding:90px 20%}
.life_img img{max-width:100%}
.life_but{text-align:center}
.life_but .img{max-width:100%}
.life_but .title{font-size:20px; padding-bottom:40px}

.activity_box{padding-top:80px}
.activity_box .title{font-size:25px}
.activity_ul{overflow:hidden; padding-top:40px; margin-left:-12px}
.activity_ul li{width:50%; float:left}
.activity_ul li a{display:block; margin-left:12px; border:4px solid #3c3327; border-radius:5px; position:relative}
.activity_ul li img{width:100%}
.activity_ul li .title{position:absolute; left:0; bottom:0; width:100%;line-height:34px; color:#fff; background:rgba(0,0,0,0.7);  font-size:14px; padding:10px; font-size:13.43px}
.activity_ul li .txt{position:absolute; width:100%; height:100%; left:0; color:#fff; background:rgba(0,0,0,0.7); opacity:0; top:100%}
.activity_ul li .txt .pa{padding:85px 100px 0 100px; font-size:13.43px; line-height:22px}
.activity_ul li .txt .t{font-size:16.78px; padding-bottom:10px}

.activity_ul li a:hover .title{opacity:0}
.activity_ul li a:hover .txt{opacity:1; top:0}

.activity_title{padding:70px 0; text-align:center; color:#9d7c56; font-size:40px}
.activity_title span{position:relative}
.activity_title span:after{content:""; position:absolute; left:-55px; top:50%; width:35px; height:2px; margin-top:-1px; background:#9d7c56}
.activity_title span:before{content:""; position:absolute; right:-55px; top:50%; width:35px; height:2px; margin-top:-1px; background:#9d7c56}

.activity_form{padding:0 40px 15px 40px}
.activity_form li{margin-bottom:60px; position:relative}
.activity_form li .t{position:absolute; left:5px; top:0; height:48px; line-height:48px; font-size:23px; color:#a8845c; padding:0 5px; display:none}
.activity_form li .text{width:96%; height:48px; line-height:48px; padding:0 2%; border:1px solid #604e3a; background:none; color:#a8845c; font-size:20px; /*text-indent:100px*/ font-size:23px;}
.activity_form li .select{width:96%; height:48px; line-height:48px; padding:0 2%; border:1px solid #604e3a; background:none; color:#a8845c; font-size:23px; appearance:none; -moz-appearance:none; -webkit-appearance:none; background:url(../images/selecta.png) no-repeat right center; position:relative}
.activity_form li .select .title{height:48px}
.activity_form li .select ul{position:absolute; left:-1px; top:49px; width:100%; background:#000; z-index:22; border:1px solid #604e3a; display:none}
.activity_form li .select ul li{line-height:40px; height:40px; padding:0 2%; font-size:23px; margin:0; cursor:pointer}
.activity_form li .select ul li:hover{background:#a8845c; color:#fff}

.activity_form li .select option{color:#a8845c; background:#000}

.activity_but{display:block; margin:0 auto; width:580px; cursor:pointer; background:none; border:0}
.activity_but img{width:100%}


.life_div{padding:80px 0}
.life_div .title_h1{width:540px}


.life_one{padding-top:130px; position:relative}
.life_one:after{content:""; position:absolute; left:-40px; bottom:45px; width:96px; height:100px; background:url(../images/fl.png) no-repeat; background-size:cover}
.life_one:before{content:""; position:absolute; right:-40px; bottom:45px; width:96px; height:100px; background:url(../images/fr.png) no-repeat; background-size:cover}
.life_ul{}
.life_ul li{width:33.3%; float:left; text-align:center}
.life_ul li .box{margin:0 13px}
.life_ul li i{display:block; border:4px solid #473b2c; border-radius:5px; overflow:hidden}
.life_ul li img{width:100%}
.life_ul li p{font-size:20px; padding:40px 0}
.life_ul{}
.life_ul.web li{width:100%; float:none; padding:60px 0}


/*在线商城*/
.market_box{overflow:hidden;  background:url(../images/market.jpg) no-repeat center 0; padding-top:590px; height:200px; text-align:center}
.market_box .bj{width:100%}
.market_box .img{margin:0 50px}

/*隐私声明*/
.privacy_box{padding:80px 0}
.privacy_txt{font-size:20px; color:#a8845c; padding:30px 0 0 0; line-height:35px; width:870px; margin:0 auto}

/*联系我们*/
.contact_box{padding:80px 0}
.contact_txt{font-size:20px; padding:60px 0 0 0; line-height:50px; text-align:center}
.contact_txt .t{padding-bottom:20px}
.contact_txt .tt{font-size:25px; padding:40px 0 25px 0}
.contact_txt .tt img{display:block; margin:0 auto}

/*人才招聘*/
.recruit_box{padding:80px 0}
.recruit_pa{padding-top:40px}
.recruit_text{color:#a8845c}
.recruit_text .title{padding-bottom:15px;  font-size:40px}
.recruit_text .txt{font-size:20px; line-height:30px; padding-bottom:50px}
.recruit_text .but{display:block; font-size:28px; text-align:center; line-height:52px; width:240px; height:52px; border:1px solid #63513d; color:#a8845c; margin:0 auto}
.recruit_text .but:hover{border:1px solid #c99862; color:#c99862}

.recruit_line{padding:80px 0; display:block}
.recruit_line img{width:100%}

.recruit_show{padding:0 10%; background:url(../images/line_1090.png) no-repeat center bottom}
.recruit_title{line-height:40px; overflow:hidden}
.recruit_title span{float:left}
.recruit_title .t{font-size:40px; font-weight:600}
.recruit_title .txt{font-size:28px; line-height:34px; padding:0 20px; margin:3px 0 0 20px; border-left:2px solid #a8845c}
.recruit_ul{overflow:hidden; padding:65px 0 20px 0}
.recruit_ul li{width:50%; height:50px; line-height:50px; float:left; font-size:20px; position:relative; margin-bottom:25px}
.recruit_ul li img{margin-right:10px; width:26px}
.recruit_ul li .t{padding-right:25px}

.recruit_details{padding:50px 10% 0 10%; font-size:20px; line-height:30px}
.recruit_details .title{font-size:28px; font-weight:600; padding-bottom:25px}
.recruit_details .box{padding-bottom:50px}
.recruit_but{text-align:center}
.recruit_but a{display:inline-block; width:240px; height:50px; border:1px solid #62503c; font-size:28px; text-align:center; line-height:50px; margin:0 40px}
.recruit_but a:hover{color:#a8845c}
.recruit_but .on{color:#333; background:url(../images/but2.jpg) no-repeat; background-size:cover}

.personnel_box{text-align:center; padding:40px 0 0 0}
.personnel_box img{max-width:100%}
.personnel_box .title{font-size:25px; padding:40px 0 15px  0}
.personnel_box .txt{font-size:20px; line-height:30px;}

/*品牌文化*/
.culture_img{overflow:hidden}
.culture_img img{width:100%}
.culture_video{overflow:hidden; padding:0 10%}
.culture_video a{display:block; position:relative; overflow:hidden}
.culture_video a:after{content:""; position:absolute; left:50%; top:50%; width:100px; height:100px; margin:-50px 0 0 -50px; background:url(../images/paly.png) no-repeat; background-size:cover}
.culture_video img{width:100%}
.swiper_dic{overflow:hidden}
.swiper_dic .bh_80{height:auto}
.swiper_dic .culture_video{overflow:hidden; padding:80px 10%}

.main_box>div{position:relative; overflow:hidden}
.culture_h{position:absolute; width:100%; height:100%; left:0; top:0}


/*品牌故事*/
.story_img{overflow:hidden; position:absolute; width:100%; height:100%; left:0; top:0}
.story_img img{width:100%}
/*.story_img.img1{height:980px; background:url(../images/s1.jpg) no-repeat center 0}
.story_img.img2{height:1009px; background:url(../images/s2.jpg) no-repeat center 0}*/

/*活动详情*/
.activity_details{padding:40px 0 80px 0;color:#9d7c56}
.activity_details .show{overflow:hidden}
.activity_details .show img{width:100%}
.activity_titlea{padding:70px 0 40px 0; text-align:center}
.activity_titlea .title{font-size:25px; line-height:40px}
.activity_line{margin:15px 0}
.activity_titlea .time{font-family:Arial, Helvetica, sans-serif; font-size:24px; line-height:24px}
.activity_details .txt{font-size:20px; line-height:1.8;width: 870px;margin: 0 auto;}
.activity_details .txt img{max-width:100%}
.activity_details .txt p{margin:20px auto  }

/*公关动态*/
.public_box{padding:80px 0 120px 0}
.public_ul{overflow:hidden; margin-left:-30px; padding-top:50px}
.public_ul li{width:33.3%; float:left}
.public_ul li a{display:block; position:relative; margin-left:30px; overflow:hidden; border:1px solid #624f3a}
.public_ul li img{width:100%}
.public_ul li .index_more{font-size:20px; color:#a8845c; right:25px; bottom:20px; top:inherit}
.public_ul li .title{position: absolute;
    left: 0;
    bottom: 0;
    width: 90%;
    line-height: 1.6em;
    color: #fff;
    background: rgba(0,0,0,0.7);
    font-size: 14px;
    padding:0.5em 5%;}

/*公关列表*/
.public_list{overflow:hidden}
.public_list li{padding-top:70px; min-height:200px}
.public_list li .line{width:100%}
.public_list li .box{padding:0 0 50px 350px; position:relative; color:#a8845c}
.public_list li .box a{color:#a8845c}
.public_list li .img{position:absolute; left:0; top:0; width:300px; height:200px; border:1px solid #5b4935}
.public_list li .title{font-size:25px; line-height:1.6em; padding-bottom:10px;
    font-weight: bold;}
.public_list li .txt{font-size:18px;overflow:hidden; line-height:30px; height: 90px; margin-bottom:10px}
.public_list li .time{font-size:20px; font-family:Arial, Helvetica, sans-serif; position:relative; line-height:25px; padding-left:25px}
.public_list li .time i{position:absolute; left:0; top:50%; margin-top:-10px; width:20px; height:20px; background:url(../images/time.png) no-repeat; background-size:cover}
.public_list li .box a:hover{color:#e4c6a4}
.public_paging{padding:130px 10% 0 10%}

.public_paging .pc{position:relative; margin:0 50px}
.public_paging .button{width:12px; height:22px; margin-top:-11px;outline:none}
.public_paging .swiper-button-prev{left:-50px; background:url(../images/leftc.png) no-repeat}
.public_paging .swiper-button-next{right:-50px; background:url(../images/rightc.png) no-repeat}
.gallerythumbs{height:36px; line-height:36px; text-align:center; font-size:20px}
.gallerythumbs a{opacity:0.6; color:#dfb980}
.gallerythumbs .swiper-slide-active a{padding:5px 15px; border:1px solid #9b7a53; opacity:1; font-size:23.64px}


.public_container{position:relative}
.public_container #timeline{overflow:hidden; position:relative; font-family:Arial, Helvetica, sans-serif}
.public_container #dates{width:1150px; height:50px; overflow:hidden}
.public_container #dates li{float:left; width:120px; height:50px; font-size:24px; text-align:center}
.public_container #dates a{line-height:38px; padding-bottom:10px; opacity:.6; color:#dfb980}
.public_container #dates .selected{opacity:1; border:1px solid #9b7a53; padding:3px 10px}
.public_container #issues{width:1100px; margin:0 auto; height:40px;overflow:hidden; text-align:center; padding-top:20px}
.public_container #issues li{width:1100px;height:40px;list-style:none;float:left; font-size:20px}
.public_container #issues li a{color:#d1ae78; padding:3px 10px; border:1px solid rgba(159,128,88,0); margin:0 5px}
.public_container #issues li a.on{border:1px solid rgba(159,128,88,1)}

.public_container #grad_left,.public_container #grad_right{width:100px;height:50px; position:absolute; top:0}
.public_container #grad_left{left:0; /*background:url(../images/grad_left.png) repeat-y*/}
.public_container #grad_right{right:0; /*background:url(../images/grad_right.png) repeat-y*/}
.public_container #next,.public_container #prev{position:absolute; top:7px; width:12px; height:22px; overflow:hidden; z-index:2}

.public_container #prev{left:-20px; background:url(../images/leftc.png) no-repeat}
.public_container #next{right:-20px; background:url(../images/rightc.png) no-repeat}

.public_container #next.disabled,.public_container #prev.disabled{opacity:.2}


/*关于竹叶青企业*/
.about_box{padding:80px 0}
.about_txt{color:#a8845c; font-size:20px; line-height:30px}
.ecology_txt{text-align:center;color:#a8845c; font-size:20px; line-height:30px}

.info_ul{overflow:hidden; padding:50px 0; margin-left:-50px}
.info_ul li{width:20%; float:left}
.info_ul li .box{padding-left:50px}
.info_ul li i{display:block; border:1px solid #a8845c}
.info_ul li i img{width:100%}
.info_ul li .but{height:38px; padding-top:10px}
.info_ul li .but a{display:block; height:36px; line-height:36px; border:1px solid #ad885f; font-size:20px; color:#a8845c; text-align:center}
.info_ul li .but .l{width:35%; float:left}
.info_ul li .but .r{width:60%; float:right}
.info_more{display:block; width:28px; height:17px; background:url(../images/morea.png) no-repeat; background-size:cover; margin:0 auto}

.ecology_show{overflow:hidden; position:relative;  padding:50px 0 60px 0}
.ecology_show .uk-slidenav-position{width:950px; margin:0 auto; border:1px solid #c9a277}
.ecology_show img{width:100%}
.ecology_show .uk-slidenav-position .uk-slidenav{border-radius:50%; background:rgba(65,49,32,0.4)}
.ecology_show .uk-slidenav-position .uk-slidenav-previous{left:-120px}
.ecology_show .uk-slidenav-position .uk-slidenav-next{right:-120px}
.ecology_show .uk-slidenav-previous:before,.ecology_show .uk-slidenav-next:before{display:none}
.ecology_show .uk-slidenav-previous:after,.ecology_show .uk-slidenav-next:after{content:""; position:absolute;  width:100%; height:100%; left:0; top:0}
.ecology_show .uk-slidenav-previous:after{background:url(../images/left.png) no-repeat center center}
.ecology_show .uk-slidenav-next:after{background:url(../images/right.png) no-repeat center center}
.ecology_show .uk-slidenav-position .uk-slidenav:hover{background:rgba(65,49,32,0.8)}

.ecology_show .uk-position-bottom{bottom:-40px; width:100%; display:block}
.ecology_show .uk-dotnav{margin:0}
.ecology_show .uk-dotnav>*{padding:0 3px; margin-top:0; float:none; display:inline-block}
.ecology_show .uk-dotnav>*>*{width:12px; height:12px}
.ecology_show .uk-dotnav>.uk-active>*{transform:scale(1); background:rgba(168,132,92,0.6)}
.ecology_show .uk-dotnav-contrast>*>*{background:rgba(168,132,92,0.2)}

/*关于竹叶青企业 改版*/
.abouta_box{width:890px; margin:0 auto; padding:50px 0 80px 0}
.abouta_box .about_txt{padding-bottom:20px}
.abouta_title{font-size:30px; line-height:40px; text-align:center; color:#a8845c; padding:40px 0 25px 0; font-weight:600}
.abouta_h2{font-size:25px; text-align:center; line-height:40px; color:#a8845c; padding:40px 0 25px 0; font-weight:600}
.abouta_box  .recruit_line{padding:0 0 20px 0; text-align:center}
.abouta_box  .recruit_line img{max-width:100%; width:auto}

/*招商加盟*/
.investment_txt{text-align:center; line-height:40px; color:#a8845c; font-size:20px}
.investment_txt .line{margin:20px 0}
.investment_txt .qq{display:block; width:168px; height:36px; text-align:center; line-height:36px; border:1px solid #614f3b; font-size:24px; margin:20px auto 0 auto; color:#a8845c}
.investment_txt .qq span{padding-left:27px; position:relative}
.investment_txt .qq span:after{content:""; position:absolute; left:0; top:50%; width:19px; height:21px; margin-top:-10px; background:url(../images/qq.png) no-repeat; background-size:cover}

.investment_ul{overflow:hidden; padding-top:40px}
.investment_ul li{width:25%; float:left; text-align:center}
.investment_ul li .box{width:px}
.investment_ul li .box img{width:184px; border:1px solid #a8845c}
.investment_ul li .box .but{height:46px; line-height:46px; font-size:20px;  background:url(../images/investment.png) no-repeat center center; margin-top:20px}
.investment_ul li .box .but a{color:#a8845c}

.investment_txt.jm{padding:80px 0 100px 0; line-height:45px}
.investment_txt.jm .imgt{margin-top:40px}

/*查询门店*/
.store_box{width:605px; margin:0 auto; padding:80px 0 40px 0}
.store_title{text-align:center; padding-bottom:35px; font-size:25px; line-height:30px; font-weight:600}
.store_txt{font-size:14px; line-height:20px; color:#fff; padding:20px 0; text-align:center}
.store_left{}
.store_left .title{color:#a98559; font-size:20px}
.store_right{border:1px solid #a8845c}
.store_right img{width:100%}
.store_select{padding-top:20px}
.store_select li{padding-bottom:20px; float:left; width:33.3%}
.store_select li .select{height:40px; line-height:40px; font-size:19.5px; color:#9c7b53; width:96%; padding:0 2%; border:1px solid #a8845c; appearance:none; -moz-appearance:none; -webkit-appearance:none; background:url(../images/select.png) no-repeat right center}
.store_select li .select option{background:#000}


/*网站地图*/
.Website_map{text-align:center; padding:50px 0 0 0}
.Website_map .title{position:relative; padding:30px 0; overflow:hidden}
.Website_map .title:after{content:""; position:absolute; width:1px; height:29px; background:#a8845c; left:50%; margin-left:-0.5px; top:0}
.Website_map .title:before{content:""; position:absolute; width:1px; height:29px; background:#a8845c; left:50%; margin-left:-0.5px; bottom:0}

.Website_map .title.t{padding:0 0 30px 0}
.Website_map .title.t:after{display:none}

.Website_map .title .a{display:inline-block;  font-size:20px; border-radius:2px; background:url(../images/map.jpg) no-repeat; background-size:cover; position:relative; color:#333; z-index:2}
.Website_map .title .a a{display:block; color:#333; padding:0 13px; height:34px; line-height:34px}


.Website_map .title .a:after{content:""; position:absolute; width:92%; height:1px; background:#a8845c; left:4%; top:-2px}
.Website_map .title .a:before{content:""; position:absolute; width:92%; height:1px; background:#a8845c; left:4%; bottom:-2px}
.Website_map .title.t .a:after{display:none}

.Website_map ul{overflow:hidden}
.Website_map ul li{float:left; padding:17px 0}
.Website_map ul a{color:#a8845c; font-size:20px}
.Website_map .u1{width:365px; margin:0 auto; border-top:1px solid #745c46; border-bottom:1px solid #745c46}
.Website_map .u1 li{width:33.3%}

.Website_map .u2{width:365px; margin:0 auto; position:relative}
.Website_map .u2 li{width:33.3%;line-height:30px}
.Website_map .u2:after{content:""; position:absolute; width:830px; height:1px; background:#a8845c; left:50%; margin-left:-415px; top:0}
.Website_map .u2:before{content:""; position:absolute; width:830px; height:1px; background:#a8845c; left:50%; margin-left:-415px; bottom:0}

.Website_map .u3{width:360px; margin:0 auto; border-top:1px solid #745c46; border-bottom:1px solid #745c46}
.Website_map .u3 li{width:50%}

.Website_map .u4{width:500px; margin:0 auto; border-top:1px solid #745c46; border-bottom:1px solid #745c46}
.Website_map .u4 li{width:33.3%}

/*登录*/
.Login_box{width:940px; margin:0 auto; padding:150px 0}
.Login_box .img{width:320px; float:left}
.Login_box .box{width:460px; float:right}
.Login_box .box .title{color:#a8845c; font-size:28px; text-align:center; line-height:28px; padding-bottom:px}
.login_form{}
.login_form li{margin-top:60px; position:relative; height:60px; border:1px solid #a8845c; padding:0 17px}
.login_form li .text{width:100%; border:0; height:60px; font-size:24px; color:#a8845c; background:none; line-height:60px}
.login_form li .code{position:absolute; width:170px; height:50px; top:50%; margin-top:-25px; text-align:center; line-height:50px; font-size:20px; color:#333; right:5px; background:url(../images/but2.jpg) no-repeat; background-size:cover; border-radius:3px}
.Login_box .button{display:block; width:100%; border:0; background:url(../images/but2.jpg) no-repeat; background-size:cover; border-radius:3px; height:60px; cursor:pointer; border:0; text-align:center; font-size:24px; margin-top:60px}

.text::-webkit-input-placeholder{color:#a8845c}
.text:-moz-placeholder{color:#a8845c}
.text::-moz-placeholder{color:#a8845c}
.text:-ms-input-placeholder{color:#a8845c}

/*会员中心*/
.my_box{padding:75px 0 35px 0}
.my_nav{background:url(../images/line_1090.png) no-repeat center bottom; text-align:center; overflow:hidden}
.my_nav li{display:inline-block; padding:0 10px}
.my_nav li a{display:block; padding:px; height:40px; line-height:40px; font-size:20px; color:#a8845c; padding:0 30px}
.my_nav li a.hover{color:#242425; background:url(../images/but2.jpg) no-repeat; background-size:cover; border-radius:3px 3px 0 0}

.my_xx{width:180px; margin:50px auto; color:#a8845c}
.my_xx .title{font-size:40px; text-align:center; font-weight:600}
.my_xx .txt{font-size:20px; padding:20px 0; line-height:30px}
.my_xx .txt .t{padding-right:15px}
.my_img{text-align:center}
.my_img ul{overflow:hidden}
.my_img li{display:inline-block; padding:0 10px}
.my_img li i{display:block; width:184px; margin:0 auto; border:1px solid #40362b}
.my_img li img{width:100%}
.my_img .txt{font-size:24px;color:#a8845c; padding-top:30px}

/*修改个人信息*/
.modify_box{padding:70px 250px}
.modify_box ul{overflow:hidden; margin-left:-90px}
.modify_box li{float:left; width:50%; padding:10px 0; position:relative}
.modify_box li .box{position:relative; margin-left:90px; padding-left:100px; height:32px; line-height:32px; color:#a8845c; font-size:20px}
.modify_box li .t{position:absolute; left:0; top:0; line-height:32px; }
.modify_box li .text,.modify_box li .select{width:94%; border:1px solid #61503c; height:30px; line-height:30px; padding:0 2%; color:#a8845c; background:none; font-size:20px}
.modify_box li .select{width:99%}
.modify_box li .text.jcDateIco{background:url(../images/dateico.png) no-repeat right center}
.modify_box li .select option{background:#000; color:#a8845c}
.modify_box .Birthday .select{width:100px; position:absolute; right:-120px; top:0} 

/*查询消费明细*/
.modify_box.query{padding:70px 220px}
.modify_box.query ul{overflow:hidden; margin-left:-70px; padding-bottom:40px}
.modify_box.query li .box{padding-left:140px; margin-left:70px}
.modify_but{display:block; width:200px; height:40px; text-align:center; line-height:40px; border:1px solid #a8845c; background:none; font-size:24px; color:#a8845c; margin:0 auto; cursor:pointer}

.detailed_list{overflow:hidden; margin-top:60px}
.detailed_list dl{width:10%; float:left; color:#a8845c; font-size:20px; line-height:50px; text-align:center}
.detailed_list .d6,.detailed_list .d7,.detailed_list .d8{width:16.6%}
.detailed_list dl dt{height:50px; position:relative}
.detailed_list dl dt:after{content:""; position:absolute; left:-6px; top:0; width:13px; height:50px; background:url(../images/detailed.png) no-repeat 0 center}
.detailed_list dl:first-child dt:after{display:none}
.detailed_list dl dd{height:50px}

/*产品详情*/
.product_box{overflow:hidden}
.product_show{position:relative; padding-left:595px; min-height:400px; margin:100px 0 0 0; padding-bottom:100px; background:url(../images/line_1090.png) no-repeat center bottom}
.product_show .img{position:absolute; width:560px; height:400px; left:0; top:0; border:1px solid #a98559}
.product_show .img img{width:100%; height:400px}
.product_show .box{font-size:20px; color:#a8845c}
.product_show .title{padding-bottom:30px; line-height:30px}
.product_show .txt{line-height:45px}
.product_show .txt p{}
.product_show .txt .t{display:inline-block; width:105px}
.product_show .txt .a{display:inline-block; width:118px; height:30px; line-height:30px; font-size:18px; font-family:Arial, Helvetica, sans-serif; text-align:center; font-size:18px; color:#a8845c; background:#23201b; border:1px solid #9a7a52; border-radius:3px; margin-right:10px}
.product_show .txt .a.hover{background:#9a7a52; color:#000}

.product_text{padding-bottom:30px; text-align:center; width:790px; margin:0 auto}
.product_text img{max-width:100%}

.product_div{width:1100px; margin:0 auto; padding:50px 0; position:relative; min-height:578px; z-index:2}
.product_div .showimg{position:absolute; left:0; top:50%;-webkit-transform: translate(0%, -50%);-moz-transform: translate(0%, -50%);-ms-transform: translate(0%, -50%);　-o-transform: translate(0%, -50%);transform: translate(0%, -50%);}


.product_div .img{border:1px solid #3f3122}
.product_div .img img{width:100%}
.product_div .text{padding:230px 0; width:650px; margin-left:650px; position:relative; z-index:3}
.product_div .text .title{font-size:25px; padding-bottom:5px; background:url(../images/ttt.png) no-repeat 0 bottom}
.product_div .text .txt{font-size:20px; padding:25px 0; line-height:35px}
.product_div .text .gm{display:block; height:53px}
.product_bj{position:relative}
.product_bj:after{content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.63)}

/*社会招聘*/
.recruit_search{position:relative; border:1px solid #a8845c; height:60px; line-height:60px; padding:0 190px 0 20px; border-radius:3px}
.recruit_search .text{font-size:28px; width:100%; height:60px; background:none; border:0; color:#a8845c; overflow:hidden}
.recruit_search .button{width:165px; height:60px; position:absolute; right:0; top:0; border:0; cursor:pointer; color:#000; font-size:28px; background:url(../images/but.jpg) no-repeat; background-size:cover; border-radius:3px}

.recruit_screen{padding:40px 0}
.recruit_screen li{height:40px; line-height:40px; font-size:20px; color:#a8845c; margin-bottom:10px; padding-left:160px; position:relative}
.recruit_screen li a{color:#a8845c}
.recruit_screen li .t{position:absolute; left:0; top:0}
.recruit_screen li .t img{margin-right:10px}
.recruit_screen li .select{width:270px; border:1px solid #61503c; height:40px; line-height:40px; padding:0 2%; color:#a8845c; background:none; font-size:20px}
.recruit_screen li .select option{background:#000; color:#a8845c}
.recruit_screen li a{margin-right:28px}

.recruit_list{}
.recruit_table{font-size:20px; color:#a8845c; background:url(../images/line_1090.png) no-repeat center 35px; text-align:center}
.recruit_table th{padding-bottom:20px; font-size:20px; color:#a8845c; line-height:30px}
.recruit_table td{padding:10px 0; font-size:20px; color:#a8845c; line-height:30px}
.recruit_table td a{color:#a8845c}

.recruit_listweb{background:url(../images/activity_line.png) no-repeat center 0; padding-top:20px}
.recruit_listweb li{padding:20px 5px; border-bottom:1px dashed #614f3b; line-height:40px; font-size:16px; color:#a8845c}
.recruit_listweb li a{color:#a8845c}
.recruit_listweb li .title,.recruit_listweb li .txt{height:40px}
.recruit_listweb li .title .t{font-size:24px}
.recruit_listweb li .txt .line{padding:0 10px}

.paging_box{height:38px; text-align:center; padding-top:50px;font-family:Arial, Helvetica, sans-serif}
.paging_box span,.paging_box a{display:inline-block; width:35px; height:35px; text-align:center; line-height:35px;  color:#a8845c; font-size:24px; margin:0 5px}
.paging_box a{border:1px solid #5a4935} 
.paging_box .on{border:1px solid #5a4935; background:#a8845c; color:#000}
.paging_box .a{font-weight:bold; font-family:"宋体"; padding:0 15px; background:#29231c}

/*品牌历程*/
.course_box{padding:40px 0 0 0; text-align:center;  }

.course_box .title{font-size:32px; font-weight:600; padding:40px 0}
.course_show{background:url(../images/course_show.png) no-repeat center 75px; padding-bottom:40px; position:relative}
.course_show:after{content:""; position:absolute; width:100%; height:1px; left:0; top:75px; background:url(../images/gallery-thumbs.png) no-repeat center 0}
.course_show .layout_1200{position:relative}
.course_show .swiper-container{width:100%}
.gallery-thumbs .swiper-slide{font-size:18.15px; font-family:Arial, Helvetica, sans-serif; height:80px; line-height:80px; cursor:pointer; color:rgba(168,132,92,0.5); position:relative; float:left}
.gallery-thumbs .swiper-slide:after{content:""; position:absolute; left:50%; margin-left:-5px; bottom:0; width:8px; height:8px; border:1px solid #9a7a56; border-radius:50%; background:#333}
.gallery-thumbs .swiper-slide-thumb-active{font-size:25px; color:rgba(168,132,92,1)}
/*,.gallery-thumbs .swiper-slide-active*/
.gallery-top{width:850px; margin:0 auto; padding-top:60px}
.gallery-top .img{}
.gallery-top .img img{max-width:100%;margin: 0 auto}
.gallery-top .txt{padding:80px 0; font-size:20px; line-height:35px}

.course_show .button{width:16px; height:24px; position:absolute; top:28px; z-index:8; margin:0;outline:none}
.course_show .swiper-button-prev{background:url(../images/lefta.png) no-repeat; left:-30px}
.course_show .swiper-button-next{background:url(../images/righta.png) no-repeat; right:-30px}

@media screen and (max-width:1400px){.life_img{padding:90px 20%}
}
@media screen and (max-width:1100px){
    .layout_1200{width:auto}
   .layout,.top_box .layout{width:100%}
   .top_box{background:url(../images/top_box.jpg) center bottom; background-size:cover}
   .top_box .layout,.bh_80{height:60px}
   .logo{        height: 80px;
        left: 3%;margin-top:-12px}
   .titleTop{
       font-size: 24px;
        position: absolute;
        top: 17px;
        left: 130px;
   }
   .index_content {
    background: url(../images/index_content.jpg) no-repeat center 0;
    background-size: cover;
    overflow: hidden;
    display: flex;
    align-items: center;
    height: 70vh;
}
   .index_three{
           overflow: hidden;
    /* padding: 110px 0; */
    display: flex;
    justify-content: center;
}
   .footer {
    text-align: center;
}
   .index_three li {
    float: left;
    width: 40vw;
    position: relative;
    margin: 0 50px;
}
	

}

@media screen and (max-width:750px){
      .layout_1200{width:auto}
   .layout,.top_box .layout{width:100%}
   .top_box{background:url(../images/top_box.jpg) center bottom; background-size:cover}
   .top_box .layout,.bh_80{height:120px}
   .logo{        height: 150px;
        left:0%; }
   .titleTop{
                font-size: 35px;
        position: absolute;
        top: 45px;
        left: 173px;
    
   }
	 .index_content {
    background: url(../images/index_content.jpg) no-repeat center 0;
    background-size: cover;
    overflow: hidden;
    display: flex;
    align-items: center;
    height: 83vh;
}
   .index_three{
       height: 100%;
    overflow: hidden; 
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
}
   .footer {
    text-align: center;
}
   .index_three li {
    width: 100%;
   
}
.index_three li a {
    display: block;
    margin-left: 0;
    /* margin-left: 45px; */
}

}

@media screen and (max-width:395px){
    .layout_1200{width:auto}
   .layout,.top_box .layout{width:100%}
   .top_box{background:url(../images/top_box.jpg) center bottom; background-size:cover}
   .top_box .layout,.bh_80{height:100px}
   .logo{        height: 130px;
        left: 0%; }
   .titleTop{
                  font-size: 35px;
        position: absolute;
                top: 37px;
        left: 154px;
   }
 .index_content {
    background: url(../images/index_content.jpg) no-repeat center 0;
    background-size: cover;
    overflow: hidden;
    display: flex;
    align-items: center;
    height: 83vh;
}
   .index_three{
       height: 100%;
    overflow: hidden; 
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
}
   .footer {
    text-align: center;
}
   .index_three li {
    width: 100%;
   
}
.index_three li a {
    display: block;
    margin-left: 0;
    /* margin-left: 45px; */
}
	
}

@media screen and (max-width:370px){
     .layout_1200{width:auto}
   .layout,.top_box .layout{width:100%}
   .top_box{background:url(../images/top_box.jpg) center bottom; background-size:cover}
   .top_box .layout,.bh_80{height:100px}
   .logo{        height: 130px;
        left: 0%; }
   .titleTop{
                  font-size: 35px;
        position: absolute;
                top: 37px;
        left: 154px;
   }
 .index_content {
    background: url(../images/index_content.jpg) no-repeat center 0;
    background-size: cover;
    overflow: hidden;
    display: flex;
    align-items: center;
    height: 83vh;
}
   .index_three{
       height: 100%;
    overflow: hidden; 
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
}
   .footer {
    text-align: center;
}
   .index_three li {
    width: 100%;
   
}
.index_three li a {
    display: block;
    margin-left: 0;
    /* margin-left: 45px; */
}
	
}
/*@media screen and (max-width:360px){*/
/*      .layout_1200{width:auto}*/
/*   .layout,.top_box .layout{width:100%}*/
/*   .top_box{background:url(../images/top_box.jpg) center bottom; background-size:cover}*/
/*   .top_box .layout,.bh_80{height:60px}*/
/*   .logo{height:82px;left:8%; margin-top:-12px}*/
/*   .titleTop{*/
/*       font-size: 24px;*/
/*        position: absolute;*/
/*        top: 17px;*/
/*        left: 130px;*/
/*   }*/
/*	.product_div .text{width:auto; padding:0.82rem 0 0 0}*/

/*}*/

.text_img{position:absolute; left:0; top:60px; width:100%; z-index:9999; opacity:0.5}










































/* PB模板库：Www.PBku.Cn */
/* QQ：43171398 */
/* PBOOTCMS模板交流群号：183945698*/
/* 商龙PBootCMS模板下载  http://www.EcLong.com */
/* 八戒站长 http://www.BaJieZhan.Com  */
/* 站长源码城 整站模板下载网站 Www.CnYmc.Com */
/* 淘搜：Www.TaoSou.Net */
/* 素材海：Www.SuCaiHai.Com */
/* 模板齐：Www.MoBanQi.Com */
/* 开发堂模板网：Www.KaiFaTang.Com */