@charset "utf-8";
/* 基础 */
*{-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-touch-callout:none;margin:0}
::-webkit-scrollbar{width:4px;height:4px}
::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);border-radius:0;background:rgba(0,0,0,0.1)}
::-webkit-scrollbar-thumb{border-radius:5px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);background:rgba(0,0,0,0.2)}
::-webkit-scrollbar-thumb:hover{border-radius:5px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);background:rgba(0,0,0,0.4)}
input,textarea{-webkit-user-select:text}

/* Style Reset */
*{font-family:"Microsoft Yahei",Arial;}
@font-face{font-family:"iconfont";src:url('../font/iconfont.woff') format('woff'),url('../font/iconfont.ttf') format('truetype');}
.iconfont{font-family:"iconfont" !important;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}

.ui-loader h1{ display:none;}
.clear-fix:after{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}
body{color:#f3caaa; font-family:'microsoft yahei';width:100%;overflow-x:hidden; background:url(../images/vbody.jpg) repeat-y top center; background-size:100%;}
body,p ,h1,ul,li,.ui-content{margin:0; padding:0;}
ul, ol, li, dl, dt, dd {list-style:none;}
a{text-decoration:none;outline:0px; color:#f3caaa; font-family:'microsoft yahei'}
.clear { clear:both; }
.fr{ float:right}
.fl{ float:left}
img {display: block;max-width: 100%;border: 0;}
/* header*/
.top{position:relative;text-align:center;}
.top-tl{font-size:1.4em;line-height:2.5em;color:#f2e4d0;font-weight:bold;}
.logo{display:block;width:65%;margin:0 auto; padding:0.3em 0; text-align:center;}
.logo img{ width:100%;margin:0 auto}
.cbtn-search,.cbtn-home,.cbtn-back,.cbtn-nav{height:80%;width:13%;text-align:center;display:block;position:absolute;left:0%;top:0;font-size:1.8em;line-height:1em;cursor:pointer;color:#4c210d;padding-top:0.4em;}
.cbtn-nav{left:auto;right:0%;top:-0.15em;font-size:2.4em;border:0;}
.cbtn-back{padding-top:0.5em;}
header{background:#c4a57f; position:relative;}
#modal { display:none; }
#pageslide { display:none; background:#23150a;position: absolute;position: fixed;top: 0;width:50%; max-width:320px; height:90%;z-index: 999999;}
.nav-in{ padding-top:5%;}
.nav-in a{display:block;line-height:3; font-size:1.2em;color:#dfddce;border-bottom:1px solid #43433e}
.nav-in p{display:block;color:#fff; clear:both; line-height:1.8; text-align:center; font-weight:bold;font-size:1.3em; }
.nav-in p font{ color:#7a7970; font-family:'Impact'; font-weight:normal;}
.nav-in p em{ width:100%; display:none;border-top:1px solid #000; border-bottom:1px solid #000; height:3px;}
.nav-in p span{ display:block; color:#c1bfb2;}
.nav-in li{ text-align:center;}
.searcharea{ float:left; display:none; border-top:1px solid #25160b; z-index:9;position:absolute;width:100%;padding:2% 0; background:#c4a57f; }
.search_but{ float:right;width:13.3%;font-family:'microsoft yahei'; border:0;font-size:1.1em;margin-right:1.5%;color:#161b2c; height:32px; line-height:32px;background:#fafafa}
.search_txt{ float:left;height:32px; line-height:32px; padding:0% 0 0% 4% ;color:#6e6d6d; font-size:1.1em; width:77%;margin-left:2%;font-family:'microsoft yahei';border:0;}
.navsearch{ margin:10% 3% 8% 3%; float:left; width:94%; border:1px solid #f6b6a5; background:#faeeeb; border-radius:10px; display:block; height:24px; line-height:24px; font-size:1.2em;}
.navsearch form{ width:100%; float:left;}
.navsearch input{ background:none; border:0;}
.navsearchtxt{ float:left; width:60%; padding-left:3%;font-size:16px; color:#8d8d8d;}
.navsearchbut{ float:right; width:20%; color:#008769; font-size:16px;line-height:20px;}
/*index*/
/* banner*/
/*--------banner---------------------------*/
#picBox {width:100%;margin:5% 0; padding-bottom:15%;position:relative; overflow:hidden;}
#picBox li {position:absolute;overflow:hidden; display:none; padding:2em 2em 3em; background:url(../images/product.png) no-repeat top center;background-size:100% 100%; box-sizing:border-box;}
#picBox li div.img {height:100%; background-repeat:no-repeat; -webkit-background-size:100%; }


.index{ background:url(../images/body.jpg) repeat-y top center; background-size:100%;float:left; width:100%; padding-bottom:20%; max-width:640px; overflow-x:hidden;}
.bannerbg{ width:100%; padding-top:13%; margin-bottom:5%;background:url(../images/bannerbg.jpg) repeat-y top center; background-size:100% 100%; padding-bottom:8%; }
.islide{width:79%; margin:3% auto 0; overflow:hidden;position:relative;}
.mod-slide .slide-in{position:relative;overflow:hidden; width:2000px;}
.mod-slide .slide-in > div{float:left;position:relative;width:20%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;text-align:center;}
.mod-slide .slide-in > div img{display:block; width:100%;}
.mod-slide .slide-pos{width:100%;padding:1% 0;text-align:center; display:none;}
.mod-slide .slide-pos li{display:inline-block;width:2.3em;height:0.35em;margin:0 1px;background:#6a6256;}
.mod-slide .slide-pos li.on{ background:#ab564e}

.ititle{width:100%;text-align:center;  margin:0% 0 3%;font-size:1.4em;background:url(../images/title.png) no-repeat bottom center; background-size:100%; line-height:2; color:#e2a879; text-shadow:0 1px 0 #25140a}

.news{float:left;width:100%;}
.news ul{ width:96%; padding: 0 3%;}
.news li{font:normal 1em/1.1 "Microsoft YaHei";padding:0 3%;width:94%; display:inline-block; border-radius:6px; background:rgba(55,32,18,1); margin-bottom:2%;}
.news li .fl{ float:left; width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; line-height:2.4;}
.news li .iconfont{line-height:1.8em; float:right;font-size:1.4em; vertical-align:middle;}
.news li a{display:block; line-height:2.8;}
.index .news li{background:rgba(55,32,18,0.5);}


.case{float:left; width:100%; padding:0}
.case ul{ display:inline-block;width:98%; padding:0 1%;}
.case li{ width:46%; margin:2% 2% 0; float:left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.proimg{width:100%; overflow:hidden;display:block;text-align:center; position:relative; }
.case li img{width:100%; border:2px solid #f0bd88; box-sizing:border-box}
.protxt{width:95%; padding:0 3%;display:block;text-align:center;line-height:2;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;text-align:center;}
.more{ width:50%;clear:both; margin:4% auto; float:left; margin-left:15%}
.more a{text-align:center;color:#fff; text-shadow:0 1px 0 #533219; border:0.1em solid #a4683a;box-shadow:0 0 1px #3e2310; display:block; border-radius:4px; width:100%; font:1em/2 "Microsoft Yahei";background: -webkit-linear-gradient(left, #5d3217 0%, #84441d 40%,  #5d3217 100%);  }
.more1{ width:50%;clear:both; margin:4% auto; }
.more1 a{text-align:center;color:#fff; text-shadow:0 1px 0 #533219; border:0.1em solid #a4683a;box-shadow:0 0 1px #3e2310; display:block; border-radius:4px; width:100%; font:1em/2 "Microsoft Yahei";background: -webkit-linear-gradient(left, #5d3217 0%, #84441d 40%,  #5d3217 100%);  }


.pronav{ background:#f3f3f3; position:relative; z-index:1;}
.pronav a{color:#af462a; font-size:1.3em;line-height:2.5; display:block;  }
.pronav span{  font-size:1.6em; line-height:1.6; float:left;padding-left:4%;}
.foot{  width:100%;position: fixed!important;bottom: 0;right: 0;background:#c4a57f;color:#FFF; z-index:999;}
.foot a{width:25%;float:left;display:block;color:#4c210d;font:2em/1 "Microsoft Yahei";text-align:center;padding:0.125em 0;cursor:pointer;}
.foot a > span{display:block;font:0.5em/1.5 "Microsoft Yahei";}
.topbut{ display:none;background:rgba(0,0,0,0.3);position:fixed;bottom:3em; right:0;width:1.8em;border-radius:50%;font-size:1.8em;height:1.8em;text-align:center;line-height:1.8em;z-index:99;  -webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);}

/*view*/
.sub_top{width:73.4%; margin:0 auto; height:3em; margin-bottom:5%; border-radius:8px;position: relative}
.class{display:block;float:right;width:94%;font:1.3em/2 "microsoft yahei";background:#372012; padding:0 3%;}
.class span{ float:right}
.class_list{position: absolute;width:100%;background:#372012;top:3em;right:0;height:30em;overflow-x:hidden;display:none;z-index:99;webkit-overflow-scrolling: touch}
.class_list li{width:100%;height:auto;overflow:hidden;text-indent:7.36%;}
.class_list li a{border-bottom:1px solid #583926;display:block;font:1.2em/2.5 "microsoft yahei";color:#fff;position: relative;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.class_list li dl{border-bottom:1px solid #583926; margin:0;}
.class_list li dd a{border-bottom:0;}
.class_list li a span{position: absolute;right:7.36%;top:0;}

.vtitle{background:url(../images/vtitle.png) no-repeat top center; background-size:100%; padding-top:12%; text-align:center;margin:3% auto 5%; width:43.75%; }
.vtitle div{ display:block;  width:100%; background:url(../images/aa_line.gif) no-repeat center center; background-size:100% }
.vtitle span{  font-size:1.3em;display:inline-block; padding:0 3%; position:relative;background:url(../images/vbody.jpg) no-repeat top center;}
.view_title{text-align:center; width:100%; float:left;font-size:1.2em;margin-bottom:3%;}
center img{width:80%;display:block; margin:0 auto 3%; border:3px solid #f0bd88;}
center{ clear:both;}
.time{ font-size:0.9em; color:#b8abac; text-align:center; margin-bottom:3%;}
.content{ float:left;z-index:0; width:97%; padding:3% 1.5%; padding-bottom:20%;position:relative;z-index:1; text-align:justify;line-height:180%;font-size:1em; background:url(../images/line.jpg) no-repeat top center; background-size:100%;}
.pages{width:100%;margin:0.8em auto; text-align:center; clear:both;;}
.page_change{text-align:center;padding:1.6% 5%; line-height:2; color:#000; font-weight:bold;display:block;margin:0 auto;}
.left,.right,.page_change{ display:inline-block}
.left,.right{text-align:center; color:#fff; font-size:1.5em;padding:1.6% 3%;background:#333;border-radius:4px}

.viewback{ margin:0 auto; width:35.666%; margin-top:30px;}
.viewback a{float:left; padding:2% 0; font-size:16px;width:100%; text-align:center;color:#3a3a3a;background:#f8f8f8;border:1px solid #ececec;}
.pg-a{width:87.5%;margin:0 auto;}
.pg-a a{background:#715846; }
.pg-a a:hover{background:#9e7f68; }


.pg_a-son{display:inline-block;margin:1em auto;padding:0 2em;font:1em/3 "Microsoft YaHei";color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;}
.classul{ width:100%;}
.classul li{ width:100%; font-size:1.1em; border:1px solid #dcdcdc; margin-bottom:3%; line-height:3;}
.classul li a{ width:94%; padding:0 3%; display:block;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.classul .iconfont{ float:right;}
.classul .fl{ color:#af462a;}
@media all and (min-width:640px) {
body {max-width: 640px;margin: 0 auto; position: relative;}
.cbtn-search,.cbtn-home,.cbtn-back,.cbtn-nav{padding-top:0.6em;}
.top-tl{ line-height:3;}
}
@media screen and (max-width:540px){
body,html{font-size:16px;}
}
@media screen and (max-width:480px){
body,html{font-size:15px;}
}
@media screen and (max-width:420px){
body,html{font-size:14px;}
}
@media screen and (max-width:360px){
body,html{font-size:13px;}
}
@media screen and (max-width:320px){
body,html{font-size:11px;}
}
.vipwrap{ background:#fff; float:left; width:100%; font-size:10px; min-height:600px; }
.view h1{text-overflow:ellipsis; overflow:hidden; white-space:nowrap; line-height:3; font-size:1.3em; text-align:center;}
a.back{ margin:0 auto; float:left; background:#715846;   margin-left:30%; width:30%; text-align:center; font-size:1.2em; padding:2% 5%; color:#ffffff;}
.view_collect a{ font-size:1.3em; line-height:3; padding-left:3%}
.view{ padding:0 2%; }