@charset "utf-8";/*��縧ѩ2014��12��7�� 11:21:18 zfengyu@foxmail.com*/

[v-cloak] {
 display: none;
}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, th, td{margin:0;padding:0}
body, button, input{font-size:1.6rem;color:#978473}
address, cite, dfn, em, var{font-style:normal}
ul, ol{list-style-type: none; padding: 0;}
a{text-decoration:none;color:#A38B77}
a:hover{color:#4b3c2e;text-decoration:none}
img { max-width: 100%; }
h1, h2, h3, h4, h5, h6, button, input{font-size:100%}
p { margin: 0; font-size: 14px; line-height: 2.2em; color: #666666; }

.container { width: 100%; max-width: 1170px; margin: 0 auto; padding-left:5px; padding-right:5px; }
.container1 { width: 100%; max-width: 1670px; margin: 0 auto; max-width: 1200px; }
.underline { text-decoration: underline; }
.bg-write { background-color: #FFFFFF; }
.bg-grey { background-color:#ededed; }
#nav { position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 9999; text-align: center; display: flex; align-items: center; /*?????��?����??-*/ justify-content: center; /*?���?13?����??-*/ }
#nav .close { position: absolute; top: 5%; right: 5%; font-size: 38px; width: 40px; z-index: 9; color: #fff; }
#nav .close i { cursor: pointer; }
#nav ul { width: 100%; max-width: 360px; margin: 0 auto; }
#nav ul li a { display: block; font-size: 32px; color: #fff; padding: 10px 0; font-weight: 300; }
#nav ul li a .cn { display: none; transition: all .3s;}
#nav ul li a:hover .cn { display: block; }
#nav ul li a:hover .en { display: none; }
#nav[data-active=false] { top: -100%; transition: all 0.2s; }
#nav[data-active=true] { top: 0; transition: all 0.2s; }
#header { position: relative; }
#header .header { position: fixed; width: 100%; height: 60px; line-height: 60px; padding: 0 5%; z-index: 9998; transition: all 0.5s; background: transparent; }
#header .header .menu-btn { font-size:32px; }
#header .header-small { height: 50px; line-height: 50px; background: #ffffff; box-shadow: 0 0px 5px #aaa; transition: all 0.5s; }
#header .header-small .logo img { max-height:30px; }


.ftitle { font-size: 18px; color: #888; }
.mytitle { color: #B79981; font-size: 22px; letter-spacing: 0.8em; overflow:hidden; line-height:1.2em; padding:0px; margin:0px; margin-bottom:30px; padding-top: 10px; font-family:"Songti SC Bold", "SimSun", "΢���ź�"; font-weight:bold; }
.mytitle span { display:inline-block; line-height:100%; font-size: 14px; font-family:sdfkkl; font-weight:lighter; letter-spacing:0.1em; }
.btn-sheying { background-color:#ffffff; border:solid 1px #B79981; }
.photoboxbar, .photoboxbar a { background-color:#B79981; position:relative; margin-bottom:40px; margin-top:-15px; z-index:1px; padding:0px; padding-left:20px; color:#ffffff; }
.photoboxbar a { padding-left:10px; padding-right:10px; padding-top:0px; padding-bottom:0px; }
.photoboxbar a:hover { color:#000000; }
.photoboxbar .mytitle, .photoboxbar span { font-size:14px; color:#ffffff; padding-bottom:0px; margin-bottom:0px; margin-top:0px; padding-top:0px; display:inline-block; }

.photo-box-mod { margin-bottom:30px;}
.photo-box-img { overflow:hidden; }
.photo-box-img img { overflow:hidden; position:relative; z-index:1; transition-delay:0s; transition-duration:1s; transition-property:all; transition-timing-function:ease }
.photo-box-img a { color:#fff; font-size:1.6rem }
.photo-box-img:hover img { transform:scale(1.2, 1.2) }
.photo-box-title { border-top: dotted 1px #dddddd; padding-top:5px; color:#816b41; }






/*���µײ�*/
.article-footer { border-top: 1px solid #ddd; padding: 20px 10px 0 10px }
.article-footer .share { padding: 0 }
.article-footer .share .bdsharebuttonbox a { text-indent: 0; background: #b4b4b5; margin: 0 10px 0 0; text-align: center; font-size: 18px; color: #fff; width: 36px; height: 36px; line-height: 36px }
.article-footer .sxp a:hover, .article-footer .share a:hover { background: #439e29; color: #fff }
.article-footer .sxp { padding: 0 }
.article-footer .sxp a { display: block; float: right; margin: 0 0 0 10px; text-align: center; font-size: 18px; color: #fff; width: 34px; height: 34px; line-height: 34px; background: #e2e2e2 }



 /* 搜索功能样式 - 专门为分类菜单下方设计 */
 .category-search-container{margin:0px auto 20px;max-width:800px;text-align:center;position:relative;}
.category-search-wrapper{position:relative;display:inline-block;width:100%;max-width:600px;}
.category-search-input{width:100%;padding:15px 50px 15px 20px;border:2px solid #B79981;border-radius:30px;font-size:16px;transition:all 0.3s ease;background-color:#fff;color:#333;box-shadow:0 4px 15px rgba(183,153,129,0.2);}
.category-search-input:focus{outline:none;border-color:#8C6B53;box-shadow:0 4px 20px rgba(183,153,129,0.3);transform:translateY(-2px);}
.category-search-input::placeholder{color:#999;font-style:italic;}
.category-search-btn{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:none;border:none;color:#B79981;cursor:pointer;font-size:20px;padding:5px;transition:color 0.3s ease;}
.category-search-btn:hover{color:#8C6B53;}
.category-search-results{display:none;position:absolute;top:100%;left:0;width:100%;background:white;border:2px solid #B79981;border-top:none;border-radius:0 0 20px 20px;box-shadow:0 10px 30px rgba(0,0,0,0.1);z-index:1000;max-height:400px;overflow-y:auto;margin-top:5px;}
.search-result-item{padding:15px 20px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background 0.3s;text-align:left;}
.search-result-item:hover{background-color:#FFF9F5;}
.search-result-item h4{margin:0 0 8px 0;color:#333;font-size:16px;font-weight:600;}
.search-result-item p{margin:0;color:#666;font-size:14px;line-height:1.4;}
.search-result-item .category{color:#B79981;font-size:12px;margin-top:5px;font-weight:500;}
.no-results{padding:20px;text-align:center;color:#666;font-style:italic;}
/* 响应式调整 */
 @media (max-width:768px){.category-search-container{margin:20px auto 15px;padding:0 15px;}
.category-search-input{padding:12px 45px 12px 15px;font-size:14px;}
.category-search-btn{font-size:18px;right:12px;}
.search-hint{font-size:12px;padding:0 10px;}
}



.erweima { width: 50%; }
.rightborder { border: none; border-bottom: dotted 1px #999999; padding-bottom: 20px; margin-bottom: 20px; }
.rightborder .am-u-md-8 { text-align: center; }
.lxinfo .am-u-md-4 { min-height: inherit; }
.lxinfo .am-u-md-4 { text-align: center; }
.aboutbar { border-top:solid 1px #B79981; border-bottom:solid 5px #B79981; padding-top:15px; padding-bottom:15px; position:absolute; z-index:1; width:525px; color:#B79981; line-height:160%; left:600px; bottom:0px; display:block; font-size:22px; }

#sticky { width: 120px; position: fixed; right: 0px; top: 80%; z-index: 9998; }
#sticky button { float: right; display: block; width: 45px; height: 45px; line-height: 45px; font-size: 14px; color: #fff; text-align: center; padding: 0; background: #CBCBCB; }
#sticky button span { display: block; color: #CBCBCB; height: 30px; margin-top: -28px; font-size: 16px; }
#sticky button:hover { background: #000; }
#sticky button:hover span { color: #000; }
#sticky .sticky-qq { position: relative; display: block; float: right; width: 100%; margin-right: -75px; height: 45px; line-height: 45px; background: #7FBE25; overflow: hidden; color: #fff; text-align: center; transition: all 0.5s; }
#sticky .sticky-qq span { float: left; font-size: 14px; text-align: left; }
#sticky .sticky-qq .am-icon-qq { display: block; width: 45px; font-size: 18px; text-align: center; }
#sticky .sticky-qq:hover { color: #fff; background: #000; margin: 0; }
#sticky .qrc span { display: block; float: right; width: 45px; height: 45px; line-height: 45px; font-size: 18px; color: #fff; text-align: center; background: #7FBE25; }
#sticky .qrc .wx { display: none; float: left; margin: -130px 0 0 -40px; padding: 5px; background: #fff; }
#sticky .qrc:hover .wx { display: block; }
#sticky .qrc:hover span { background: #000; }






.am-pagination>.am-active>a, .am-pagination>.am-active>a:focus, .am-pagination>.am-active>a:hover, .am-pagination>.am-active>span, .am-pagination>.am-active>span:focus, .am-pagination>.am-active>span:hover {
    z-index: 2;
    color: #fff;
    background-color: #8a5c28;
    border-color: #8a5c28;
    cursor: default;
}
.am-pagination>li>a, .am-pagination>li>span {
	border:solid 1px #8a5c28;
    color: #8a5c28;
	border-radius: 20px;
}



.am-more {
    font-size: 1.8rem; text-align:center; padding:10px 30px;
    font-weight: 700;border: solid 1px #8a5c28;
    color: #8a5c28;
    border-radius: 20px;
}

.am-more{font-weight:100}
.am-more a{color:#8a5c28}
.am-more:hover{background:#8a5c28}
.am-more:hover a{color:#fff}





.mask { -webkit-animation: fadeInDown 1s .2s ease both; -moz-animation: fadeInDown 1s .2s ease both }
@-webkit-keyframes fadeInDown {
0% {
opacity:0
}
100% {
opacity:1;
-webkit-transform:translateY(0)
}
}
@-moz-keyframes fadeInDown {
0% {
opacity:0
}
100% {
opacity:1;
-moz-transform:translateY(0)
}
}






@media (min-width: 992px) {
.hidden-lg { display:none!important; }
.erweima {
	width: 100%;
}
.rightborder {
	border: none;
	border-right: dotted 1px #999999;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.rightborder .am-u-md-8 {
	text-align: left;
	padding-left: 0px;
}
.lxinfo .am-u-md-4 {
	min-height: 70px;
	vertical-align: middle;
}
.chaochu {
	margin-top:-40px;
}



}

@media (min-width: 1200px) {
.lxinfo .am-u-md-4 {
	min-height: 93px;
	vertical-align: middle;
}
}
@media (max-width: 992px) {
.hidden-sm { display:none!important; }




}


align: left;
	padding-left: 0px;
}
.lxinfo .am-u-md-4 {
	min-height: 70px;
	vertical-align: middle;
}
.chaochu {
	margin-top:-40px;
}



}

@media (min-width: 1200px) {
.lxinfo .am-u-md-4 {
	min-height: 93px;
	vertical-align: middle;
}
}
@media (max-width: 992px) {
.hidden-sm { display:none!important; }




}