@charset "utf-8";

body {background: #fafaf2;}

/*----------------header----------------*/
header { height: 178px; background: url(headerbg.jpg) no-repeat top center; position: relative; z-index: 999}
.logo {width: 200px; height: 176px; margin: 0 auto; background: #7a4722 url(logobg.png) no-repeat top center; position: absolute; top: 0; left: calc((100% - 200px) / 2) ; z-index: 999;
text-align: center;}
.logo img {width: 130px; margin-top: 10px;}
.air {height: 16px;}
.air2 {width: 240px; display: inline-block; height: 100px; float: left;}

.nav { width: 1200px; margin: 0 auto; height: 125px; text-align: center; position: relative;}
.nav li {width: 125px; height: 125px; border-left: 1px solid #e1d0b0; display: inline-block; float: left;}
/*八个栏目样式*/
/*.nav li {width: 96px; height: 125px; border-left: 1px solid #e1d0b0; display: inline-block; float: left;}*/  
.nav li:hover {cursor: pointer; background: url(nav-bg.png) repeat-y left top;}
.nav li:hover span {color: #7a4722; cursor: pointer;}
.nav li:hover em {}
.nav li span { margin-left: -25px; height: 125px; writing-mode: vertical-lr; writing-mode: tb-lr;  font-family: 'xingkai'; font-size: 20px; text-align: right; color: #333; }
.nav li em {writing-mode: vertical-lr; writing-mode: tb-lr;  font-family: 'Cambria'; font-size: 15px; font-style: normal; font-weight: bold; text-align: right; text-transform: uppercase; color: #999;}
.nav .cur {background: url(nav-bg.png) repeat-y left top;}

.sub_nav{ display:none; position:absolute; top:160px; left:0%; z-index:998;background: rgba(255, 255, 255, 0.9); width:100%; height:auto; overflow:hidden; border-bottom:2px solid #7a4722;}
.sub_cen{ height:auto; overflow:hidden; padding:30px 0;}
.sub_img{ width:300px; height:140px; margin:0 34px 0 10px; display:inline;}
.sub_infor{ width:334px;}
.sub_chnal{ width:326px;}
.sub_infName{ background:url("sub_infline.jpg") repeat-x bottom; height:32px; line-height:32px; padding-bottom:3px;}
.sub_infName a{ display:block; color:#7a4722; font-size:14px; height:32px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.sub_infIntro{ line-height:28px; padding-top:10px;}
.sub_chnal a{ display:block; color:#555; font-size:14px; height:47px; line-height:47px; background:url("sub_chline.jpg") repeat-x bottom;}
.sub_chnal a:hover{ color:#7a4722;}
.fl {float: left;}
.fr {float: right;}

.home {margin-left: 110px;}
.menu:hover .submenu {display: block;}
.submenu { background: #f7a619; display: none;}
.submenu dt {height: 40px; line-height: 40px; color: #555}
.submenu dt:hover {background: #ccc; color: #000;}
/*----------------banner----------------*/
.banner {-height: 600px; }
.b-wrapper {height: 520px;}
.b-wrapper li {width: 100%; height: 520px;}
.bot-bg {width: 100%; height: 60px; background: url(wali.png) no-repeat top center;}



/*----------------main----------------*/
.main-wrapper{}
.part1 {height: 540px; background: url(top_bg.jpg) no-repeat center; padding-top: 88px; box-sizing: border-box;}
.part2 {height: 500px; background: url(mid_bg.jpg) no-repeat top center; padding-top: 30px; box-sizing: border-box;}
.part3 {height: 445px; }

.news {width: 540px; float: left;}
.i-title {width: 100%; height: 36px; background: url(titbg.gif) repeat; border: 1px solid #baaf8d; position: relative; box-sizing: border-box;}
.i-title::before{ content: ''; background: url(tit_xs_l.png) no-repeat center; width: 11px; height: 36px; float: left; margin-left: 5px;}
.i-title::after{content: ''; background: url(tit_xs_r.png) no-repeat center; width: 11px; height: 36px; float: right; margin-right: 5px;}
.i-title h1 { display: inline-block; font-size: 20px; font-family: 'xingkai'; line-height: 36px; line-height: 40px; color: #414141;}
.i-title span {display: inline-block; position: absolute; top: 6px; right: 20px; background: url(tit_more.png) no-repeat center; width: 54px; height: 24px; text-align: center; line-height: 24px; color: #fff;}
.i-title span a { font-family: 'xingkai'; color: #efe6d5; }
.i-title span a:hover { color: #fff; }

.news-box {background: url(news-con.png) no-repeat center; width: 100%; height: 380px;    box-sizing: border-box; padding-top: 32px;}
.news-hl {width: 506px; height: 200px; margin: 0 auto; border-bottom: 1px dashed #959595; padding-bottom: 10px; overflow: hidden; position: relative;}
.news-hl:hover img{transform: scale(1.1); transition: 0.5s;}
.hl-pic {width: 100%; height: 200px; overflow: hidden; float:left; border: 4px solid #cabfa2; box-sizing: border-box;}
.hl-pic h1 {position: absolute; bottom: 0; height: 30px; line-height: 30px; color: #fff; font-size: 14px; background: rgba(0,0,0,0.5); width: 100%; text-align: center; overflow: hidden;}
.hl-pic h1 a {color: #fff;}
.hl-pic img {transition: 0.5s; width: 100%; height: 100%;}
.hl-con {width: 260px; height: 180px; overflow: hidden; float: right;}
.hl-con h2 {font-size: 14px; padding-left: 10px; background: url(dtLi_ico.png) no-repeat left center;}
.hl-con h2 a {color: #9a8030;}
.hl-con p {color: #555555; margin-top: 10px; margin-left: 10px; font-size: 13px; line-height: 20px;}
.hl-con span {color: #adadad; display: inline-block; float: right; margin-top: 10px; font-size: 12px;}
.news-list {width: 506px; margin: 0 auto; }
.news-list ul li {height: 40px; line-height: 40px; padding-left: 10px; background: url(dingD_ico.png) no-repeat left center; border-bottom: 1px dashed #959595;}
.news-list ul li a {color: #555;}
.news-list ul li span {color: #adadad; float: right; font-size: 12px;}
.news-list ul li:hover a,.news-list ul li:hover span{color: #9a8030;}

.case {width: 636px; float: right;}
.case-box {background: url(case-con.png) no-repeat center; width: 100%; height: 380px;    box-sizing: border-box; padding-top: 32px;}
.case-box dl {width:190px; height: 160px; float:left; border: 5px solid #fff; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); box-sizing: border-box; margin-left: 16px; margin-top: 5px;background: #fff; position: relative;}
.case-box dl dd {height: 130px; overflow: hidden; position: relative;}
.case-box dl dd img { width: 100%; transition: .3s;}
.case-box dl dd .mask {position: absolute; width: 180px; height: 130px; background: rgba(154,128,60,0.75) ; padding: 10px ; box-sizing: border-box; color: #fff; bottom: -130px; transition: 0.3s; font-size: 12px;}
.case-box dl dd:hover .mask{bottom: 0; transition: 0.5s}
.case-box dl dd:hover img {transform: scale(1.1); transition: .3s;}
.case-box dl dt {text-align: center; height: 24px; line-height: 24px;}

.honor {width: 298px; float: left;}
.honor-box {margin-top: 18px; height: 355px; background: url(zzbg.png) no-repeat center; padding-top: 15px; box-sizing: border-box; overflow: hidden;}
.honor-box .hw {width: 250px; height: 315px; margin: 0 auto; -background: #fff; }
.honor-box .hw li {width: 250px;}
.honor-box .hw li a {width: 250px; height: 315px; display: table-cell; vertical-align: middle;}
.honor-box .hw li img {max-width: 100%;}
.honor-box .mask {width: 100%; height: 100%; background: rgba(154,128,60,0.75);  position: absolute; top: 0; left: 0; transition: 0.5s; opacity: 0; color: #fff; padding: 15px; box-sizing: border-box; text-align: center;}
.honor-box .mask a {color: #fff;}
/*.honor-box .hw li:hover dt{opacity: 0; transition: 0.5s}*/
.honor-box .hw li:hover .mask {opacity: 1;transition: 0.5s} 

.product {width: 455px; float:left; margin-left: 50px;}
.pro-show-box {height: 170px; margin-top: 10px; overflow: hidden;}
.pro-show-box .main-box-out {width: 415px; float:left; background: #e4ddc9; height: 150px; margin-top: 10px; overflow: hidden;}
/*.pro-show-box .main-box {width: 415px; float:left; background: #e4ddc9; height: 150px; margin-top: 10px;}*/
.pro-show-box .main-box li {width: 137px; height: 140px; margin-top: 5px; overflow: hidden; float: left; display: flex; justify-content: center; align-items: center;}
.pro-show-box .main-box li img {max-width: 100%; max-height: 100%; }
.jz-l {width: 20px; height: 100%; background: url(jz_l.png) no-repeat right center; float: left; z-index: 999;}
.jz-r {width: 20px; height: 100%; background: url(jz_r.png) no-repeat left center;  float: right; z-index: 999;}

.pro-eat,.abo-num {margin-top: 15px; }
.pro-eat .pro-eat-box {height: 140px; background: url(sybg.png) no-repeat top -4px center; margin-top: 10px; padding: 16px; box-sizing: border-box; color: #555;}
.pro-eat .pro-eat-box li {width: 45%; float: left; margin-right: 4%; height: 24px; line-height: 24px; overflow: hidden; border-bottom: 1px dashed #ccc;}
.pro-eat .pro-eat-box li a {font-size: 14px; color: #555;}

.about {width: 345px; float: left; margin-left: 50px; }
.about .abo-show-box {height: 170px; margin-top: 10px; overflow: hidden;}
.about .abo-show-box .main-box {width: 305px; float:left; background: #e4ddc9; height: 150px; margin-top: 10px;}
.about .abo-show-box .main-box img {width: 100%; height: 100%;}
.about .abo-num-box {height: 140px; background: url(szbg.png) no-repeat top -4px center; margin-top: 10px; padding:10px 16px; box-sizing: border-box; color: #555;}
.abo-num-box ul li {height: 24px; line-height: 24px; overflow: hidden; border-bottom: 1px dashed #ccc;}
.abo-num-box ul li a {font-size: 14px; color: #555;}

.faq {width: 345px; float: left; }
.faq .faq-box {background: url(wdbg.png) no-repeat center; margin-top: 15px; height: 334px; box-sizing: border-box; padding: 25px 17px; position: relative; overflow: hidden;}
.faq .faq-box dl {background: #fff; width: 310px; height: 284px;}
.faq .faq-box dl dd {height: 190px; overflow: hidden;}
.faq .faq-box dl dd img {width: 100%; height: 100%;}
.faq .faq-box dl dt {height: 94px; padding: 18px 16px 0; box-sizing: border-box;}
.faq .faq-box dl dt i {width: 22px; height: 22px; display: inline-block; text-align: center; line-height: 22px; border-radius: 5px; margin-right: 10px; color: #fff;}
.faq .faq-box dl dt h1 i{background: #313131; }
.faq .faq-box dl dt p i{background: #a0a0a0; }
.faq .faq-box dl dt h1 {display: inline-block; }
.faq .faq-box dl dt p {display: inline-block; margin-top: 6px; color: #555;}
.faq .faq-box .prev {display: block; width: 18px; height: 46px; position: absolute; left: 25px; top:90px;  background: url(arrow-l.png) no-repeat center; z-index: 999; opacity: 0; transition: 0.3s;}
.faq .faq-box .next {display: block; width: 18px; height: 46px; position: absolute; right: 25px; top:90px; background: url(arrow-r.png) no-repeat center; z-index: 999; opacity: 0; transition: 0.3s;}
.faq .faq-box:hover .prev,.faq .faq-box:hover .next {opacity:0.5; transition: 0.3s;}
.next:hover,.prev:hover {opacity: 1 !important;}

.food {width: 410px; float: left; margin-left: 50px;}
.food .food-box {background: url(msbg.png) no-repeat center; margin-top: 15px; height: 334px; box-sizing: border-box; padding: 17px 17px; position: relative;}
.food .food-box dl {position: relative; width: 184px; height: 138px; float:left; margin-top: 8px;}
.food .food-box dl:nth-of-type(2n){margin-left: 8px;}
.food .food-box dl dd {height: 100%;}
.food .food-box dl dd img { width: 100%; height: 100%; }
.food .food-box dl dt {position: absolute; bottom: 0; width: 100%; height: 30px; line-height: 30px; background: rgba(237,144,93,0.8); text-align: center; }
.food .food-box dl dt a {color: #fff;}
.food .food-box .mask {width: 100%; height: 100%; background: rgba(154,128,60,0.75);  position: absolute; top: 0; left: 0; transition: 0.5s; opacity: 0; color: #fff; padding: 15px; box-sizing: border-box;}
.food .food-box .mask a {color:#fff;}
.food .food-box dl:hover dt{opacity: 0; transition: 0.5s}
.food .food-box dl:hover .mask {opacity: 1;transition: 0.5s} 


.fb {width: 345px; float: left; margin-left: 50px;}
.fb .fb-desc {height: 100px; background: #f6f2e4; border-radius: 5px; margin-top: 15px;}
.fb .fb-desc h1 {width: 36px; float: left; height: 100%; writing-mode: vertical-lr; writing-mode: tb-lr; background: url(bxzj.png) no-repeat center; text-align: center; line-height: 36px; color: #fff; margin-left: 10px;}
.fb .fb-desc div {float: left; width: 290px; box-sizing: border-box; padding: 10px; color: #555;}
.fb .fb-desc div p {line-height: 26px; -text-indent: 2em;}
.fb .fb-table {height: 210px; background: #f6f2e4; border-radius: 5px; margin-top: 15px;}
.fb .fb-table label {width: 316px; -height: 74px; border-radius: 5px; overflow: hidden; background: #fff; display: block; margin: 10px auto;}
.fb .fb-table label span {width: 80px; background: #ccb89c; display: inline-block;  box-sizing: border-box; color: #fff; text-align: center; }
.fb .fb-table label:nth-of-type(1) span{height: 60px; padding:10px 10px; line-height: 20px;}
.fb .fb-table label span{height: 34px; line-height: 34px;}

.fb .fb-table label input {width: 230px; height: 34px; line-height: 34px; float: right;}
#msg {width:230px; height: 60px; float: right; box-sizing: border-box; padding: 5px 0;}
.send {background: #9a8030; width: 90px; height: 30px; float: right; text-align: center; border-radius:10px; color: #fff; border:none; margin-right: 13px; cursor: pointer; }


/*----------------footer----------------*/
footer {height: 186px; background: url(footerbg.jpg) no-repeat center;}
.footer {width: 850px; margin: 25px auto; overflow: hidden; position: relative;}
.f-qr {width: 104px; padding: 10px; box-sizing: border-box; float: left; border-right: 1px solid #fff; text-align: center;}
.f-qr span {display: block; width: 100%; text-align: center; color: #555;}
.f-qr span i {color: #555; font-size: 16px;}

.f-info {float: left; padding: 10px; box-sizing: border-box; margin-left: 30px;}
.f-info span {display: block; color: #555;  margin-top: 5px;}

.f-tel {width: 215px; float: right; position: absolute; right: 0; bottom: 16px;}
.f-tel span {color: #9a8030; font-size: 20px;}
.f-tel span i {color: #9a8030; font-size: 28px; margin-right: 15px;}
.f-tel h1 {font-size: 24px; color: #242424; }

/*.cnzz {width: 215px; float: right; position: absolute; right: 0; bottom: 0;}*/
/*----------------swiper----------------*/
.sp2 {text-align: center; position: relative; z-index: 999; bottom: 5px;}
.sp2 span {display: inline-block; width: 8px; height: 8px; border-radius: 50%; }

.sp6 {text-align: center; position: relative; z-index: 999; bottom: 60px !important; }
.sp6 span {display: inline-block; width: 8px; height: 8px; border-radius: 50%; }