@charset "utf-8";
/*==========@@HTML默认 开始@@==========*/
/*基本*/
* { padding: 0px; margin: 0px; }
body { font-size: 100px; }
* { margin: 0; padding: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); box-sizing: border-box; }
.trans { transition: all .3s ease-in; }
html { width: 100%; min-height: 100%; }
body { width: 100%; min-height: 100%; max-width: 640px; min-width: 320px; margin: 0 auto;  font: .26rem/1.5 "microsoft yahei", Tahoma, Arial, sans-serif;
color: #333; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: url(../images/bg.jpg) repeat; position: relative; }
.left { float: left; }
.right { float: right; }
img { border: 0px; }
em { font-style: normal; }
s, i { font-style: normal; }
ul, ol { list-style-type: none; }
li { list-style: none outside none; }
strong, b { font-weight: normal; }
/*表单*/
input, button, select, textarea { outline: none; font-family: "Microsoft Yahei", Arial;  font-size: .24rem;
-webkit-appearance: none !important; }
table { border-collapse: collapse; border-spacing: 0; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
 color: #999;
}
input:-moz-placeholder, textarea:-moz-placeholder {
 color: #999;
}
input::-moz-placeholder, textarea::-moz-placeholder {
 color: #999;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
 color: #999;
}
/*公用样式*/
.layout { position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-wrapper: 101; background: #000; opacity: 1; }
.blue { color: #28a5f4; }
body:before, body:after { content: ""; width: 100%; display: block; }
body:after { height: 1.1rem; }
body:before { height: 1rem; }
/*链接*/
a, a:link, a:visited, a:hover, a:active { color: #333; text-decoration: none; }
a:focus { outline: none; }
a:hover, a:active { color: #443220; outline: none; }
/*标题*/
h1, h2, h3, h4, h5, h6, h7 { font-weight: normal; }
.icon { background: url(../images/icon.png) no-repeat; display: inline-block; background-size: 2rem auto; vertical-align: middle; }
.icon, .icon2:before, .icon2:after { content: "\20"; display: block; }
.icon2 { background: url(../images/icon2.png) no-repeat; display: inline-block; background-size: 2rem auto; vertical-align: middle; }
/*清除浮动*/
.fl { float: left; }
.fr { float: right; }
.hide { display: none; }
.clearfix:after { content: ""; display: block; clear: both; width: 100%; height: 0; line-height: 0; font-size: 0; }
.clear, .clearfix:after { content: ""; display: block; clear: both; width: 100%; height: 0; line-height: 0; font-size: 0; }
/*==========@@HTML默认  结束@@==========*/
#top_main { width: 100%; height: 1rem;  *zoom: 1;
z-index: 300; position: fixed; top: 0px; left: 0px; z-index: 999; background: url(../images/head.jpg) no-repeat center center; background-size: 6.4rem auto; box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.1); border-bottom: 1px solid #443220; box-sizing: border-box; }
#top { max-width: 640px; min-width: 320px;  height: .9rem;
margin: 0px auto; position: relative; }
#top .weblogo { width: auto;  height: .74rem;
color: #fff; }
#top .logo { display: block;  line-height: .47rem;
color: #000;  padding-left: .4rem;
 padding-top: .22rem;
}
#top .logo a { display: block; }
#top .logo img {  height: .56rem;
}
#top .topsearch { display: block; position: absolute; right: 1.25rem;  top: .32rem;
text-align: center; cursor: pointer;  width: .36rem;
 height: .36rem;
background-position: 0 0; }
#top .topsearch a { display: block; width: 100%; height: 0.36rem; }
#top #nav {
 width: .6rem;
 height: .36rem; position: absolute;  right: .39rem;
 top: .32rem;
text-align: center; cursor: pointer; }
#top .nav {  width: .42rem;
 height: .36rem;
 background-position: -.56rem 0;
}
#top .close { background-position: -1.22rem 0;  width: .4rem;
 height: .4rem;
cursor: pointer; text-align: center; }
#searchmain #goBack { background-position: -1.1rem -2.62rem; cursor: pointer; width: 8%;  height: .38rem;
float: left;  margin: .1rem 4% 0;
}
#searchmain { background: #fff; width: 100%; height: 1.0rem;  *zoom: 1;
border-bottom: 1px solid #cacaca; }
#searchmain .topsearch {  padding-top: .2rem;
}
#search { background: #fff; width: 80%; margin: 0; height: 0.6rem; padding: 0; float: left; }
#search .txt { border: none; width: 82%; height: 0.5rem; line-height: 0.6rem; margin-right: 1%; padding-left: 8%; color: #666; font-size: 0.22rem; background: #e7e7e7 url(../images/sou.png) no-repeat 4% center; -moz-border-radius: 0.5rem; -webkit-border-radius: 0.5rem; border-radius: 0.5rem;  background-size: .24rem auto;
}
#search .searchbtn { cursor: pointer; border: none; font-size: 0.24rem; width: 0.8rem; height: 0.6rem; text-align: center; background: none; }
.searchinfo { background: #fff; padding: 0.2rem 0; height: 100%; width: 92%; margin: 0 auto; }
.searchinfo h2 { color: #333; }
.searchinfo .searchlist { padding: 0.2rem 0; }
.searchinfo .searchlist a { display: inline-block; margin: 0 4% 4% 0; color: #333; background: #f5f5f5; font-size: 0.24rem; text-align: center; height: 0.64rem; line-height: 0.64rem; padding: 0 0.2rem; border-radius: 3px; }
.searchinfo .searchlist a:hover { background: #913d23; color: #fff; }
.index_search { background: #f5f5f5;  padding: .2rem 0; width:100%; z-index:9999;
position:fixed; left:0; top:.9rem; display: none; }
.index_search .input { width: 94%; margin:0 2%;  border-radius: .3rem;
background: #fff; border: none;  height: .6rem;
 line-height: .6rem;
  text-indent:2em;
color: #666; }
.index_search i { position: absolute;  left: .5rem;
 top: .34rem;
 width: .32rem;
 height: .32rem;
 background-position: -.39rem -.03rem;
}
.index_search .btn { background: #999; text-align: center; width: 1.4rem; position: absolute;  right: .2rem;
 top: .2rem;
 height: .6rem; text-indent:inherit;border:none;
 line-height: .6rem;
 border-radius: 0 .3rem .3rem 0;
padding-left: 0; color: #fff;  font-size: .22rem;
}
/*subNav*/
.subNav { position: fixed; width: 100%; height: 100%; right: -100%; top: 0.9rem; z-index: 999; max-width: 640px; min-width: 320px; background-color: rgba(0, 0, 0, 0.6); }
.subNavCon { margin: 0px; background: #fff; width: 100%; border-top: 1px solid #e5e5e5; }
.subNav .closrbox { width: 20%; height: 0.5rem;  line-height: .5rem;
background: #fff; position: absolute; right: 2%; top: -5%; }
.subNav .close { background-position: -1.64rem -1.5rem;  width: .4rem;
 height: .4rem;
}
.subNav .c_clos { width: 52%; position: absolute; left: 0; top: 0; height: 100%; }
.subNav ul { padding-left: 4%; }
.subNav li { width: 100%; display: block; line-height: 0.8rem; margin: 0 auto; border-bottom: 1px solid #f0efef; text-indent: 3%; position: relative; }
.subNav .subnav2 { width: 100%; display: none; }
.subNav .subnav2 a {
 margin-bottom: .1rem; background: #eeeeee;  font-size: .24rem;
}
.subNav li a { display: block; color: #333; font-size: 0.26rem;  background-size: .15rem auto;
width: 92%; margin: 0 auto; }
.subNav li a:hover { color: #8f3b22; }
.subNav li em {
 width: .3rem;
 height: .3rem; display: inline-block; background-position: 0 -2.2rem; vertical-align: middle; position: absolute; right: 3%;  top: .26rem;
}
.subNav .toptel { padding-left: 10%;  padding-top: .3rem;
 padding-bottom: .4rem;
}
.subNav .toptel span { display: block; }
.subNav .toptel p { font-family: avgr;  font-size: .5rem;
}
.subNav.show { right: 0 !important; }
.subNavShow { -webkit-transform: translateX(-48%); -moz-transform: translateX(-48%); -ms-transform: translateX(-48%); transform: translateX(-48%); display: block; }
#returntop { width: 0.9rem; height: 0.96rem; background: url(../images/gotop.png) no-repeat center top; background-size: 0.9rem auto; position: fixed; bottom: 20%; right: 2%; cursor: pointer; z-index: 999; }
/* 工具栏 */
#toolbar { position: fixed; bottom: 0; width: 100%; z-index: 888; height: 1.11rem; background: #443220; left: 0; }
#toolbar .list { width: 100%; max-width: 640px; min-width: 320px; margin: 0 auto; }
#toolbar .list li { float: left; width: 25%; text-align: center; position: relative; height: 1.11rem; }
#toolbar .list a { display: block; height: 1.11rem; line-height: 0.3rem; font-size: 0.24rem; padding-top: 0.2rem; }
 #toolbar .list a.hover { color: #fff; background: #745b42; }
#toolbar .list a:hover span, #toolbar .list a.hover span { color: #fff; }
#toolbar .list li:active { color: #fff; }
#toolbar .list a s { margin-left: auto; margin-right: auto; width: 0.37rem; height: 0.38rem; display: block; }
#toolbar .list a span { text-align: center; color: #fff; padding-top: 0.1rem; display: block; }
#toolbar .list a .too-home {  background-position: -.74rem -.45rem;
}
#toolbar .list a .too-md {  background-position: -0.37rem -.45rem;
}
#toolbar .list a .too-line {  background-position: 0 -.45rem;
}
#toolbar .list a .too-case {  background-position: -1.11rem -.45rem;
}
/*==========@@页面布局  开始@@==========*/
/******首页*******/
/* banner */
.banner { position: relative; overflow: hidden; }
.banner, .banner li, .banner li img { height: 3.8rem; }
.banner .list { float: left; width: 500%; }
.banner .list li { float: left; width: 20%; }
.banner .list img { display: block; width: 100%; }
.banner .tip { width: 100%; height: 0.05rem; position: absolute; text-align: center; left: 0; bottom: 0.3rem; }
.banner .tip span { height: 0.14rem; width: 0.14rem; margin: 0 0.06rem; display: inline-block; background: #ecdfcd; vertical-align: top; border-radius: 100%; }
.banner .tip span.cur { background: #997048; }
.index_title { background: url(../images/index_tit.png) left no-repeat; background-size: 5.6rem auto;  height: .81rem;
 line-height: .81rem;
width: 5.6rem; margin: 0 auto; }
.index_title p {
 font-size: .34rem; color: #333;  margin-left: .46rem;
display: inline-block; }
.more { border: 1px solid #997048;  height: .7rem;
 line-height: .7rem;
text-align: center; box-sizing: border-box; color: #333;  font-size: .26rem;
width: 5.6rem;  margin: .1rem auto;
}
.more a { display: block; width: 100%; height: 100%; }
.floor_1 { background: #fff; width: 100%;  padding-top: .4rem;
 padding-bottom: .6rem;
}
.floor_1 .index_title {  margin-bottom: .4rem;
}
.floor_1 .item { box-sizing: border-box;  padding: 0rem 0 .21rem;
display: block; margin: 0 auto; width: 100%; height: 1.4rem; }
.floor_1 .item img { width: 1.6rem; height: 1.2rem; display: block;  margin-right: .3rem;
}
.floor_1 .item h3 {
 font-size: .3rem;
 line-height: .45rem; overflow: hidden; color: #333333; }
.floor_1 .item p {
 font-size: .24rem; color: #999; }
.floor_1 .swiper-container { width: 5.6rem; margin: 0 auto; padding-top: 1.2rem; }
.floor_1 .swiper-pagination { background: url(../images/index_tit.png) left no-repeat; background-size: 5.6rem auto;  height: .81rem;
width: 5.6rem; top: 0; text-align: left;  text-indent: .46rem;
}
.floor_1 .swiper-pagination span {
 font-size: .34rem; color: #333;  margin-right: .38rem;
 line-height: .79rem;
width: auto;  height: .79rem;
background: no-repeat; border-radius: 0; opacity: 1; padding: 0; text-indent: 0rem; }
.floor_1 .swiper-pagination .swiper-pagination-bullet-active { border-bottom: 2px solid #443220; }
.floor_1 .more {  margin-top: .5rem;
}
.floor_2 {
 padding: .4rem 0 .4rem; width: 5.6rem; margin: 0 auto; }
.floor_2 ul {  margin-top: .26rem;
}
.floor_2 li { width:23.5%; float: left; height: 1.2rem; line-height: 1.2rem;  margin-bottom: .2rem;
margin-right: 2%; }
.floor_2 li a { display: block; background: #bea076; color: #fff; font-weight: bold; width: 100%; height: 100%; text-align: center;  font-size: .3rem;
transition: ease-in-out .2s; }
.floor_2 li a:hover { background: #554331; }
.floor_2 li:nth-child(4n) { margin-right: 0; }
.floor_2 li:nth-child(5) { width: 100%; }
.floor_2 li:nth-child(5) a { background: url(../images/f2_bg.jpg) no-repeat center center; background-size: 5.6rem auto; }
.floor_4 {
 margin-bottom: .4rem; background: #ffffff url(../images/f4_bg.jpg) no-repeat top center; background-size: 6.4rem auto; min-height: 4.5rem;  padding-top: .35rem;
 padding-bottom: .8rem;
}
.floor_4 .index_title { background: none; }
.floor_4 .index_title p { color: #fff; }
.floor_4 img { width: 5.6rem; margin: 0 auto; display: block; }
.floor_4 .p { width: 5.6rem; margin: 0 auto;  font-size: .26rem;
color: #3e2d1c;  padding: .3rem 0;
}
.floor_3 {
 padding-bottom: .4rem; width: 5.6rem; margin: 0 auto; }
.floor_3 a { text-align: center; display: block; width: 100%; height: 100%; }
.floor_3 a img { width: 100%; display:block; }
.floor_3 .swiper-container {  padding-bottom: .8rem;
}
.floor_3 .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
 width: .19rem;
 height: .19rem; border: 2px solid #997048; border-radius: 100%; background: none; padding: 0; opacity: 1; }
.floor_3 .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active { background: #997048; }
.floor_3 .index_title {  margin-bottom: .4rem;
}
.floor_6 .swiper-container { padding-top: 1rem; }
.floor_6 .item { border-bottom: 1px solid #443220; height: auto; }
.floor_6 .item h3 {  padding-top: .3rem;
}
.floor_6 .item p {
 font-size: .2rem; color: #666;  padding-top: .1rem;
 padding-bottom: .23rem;
}
.floor_6 .item span { color: #999;  font-size: .2rem;
}
#f7 {  padding-top: .4rem;
}
    #f7 a p { background:url(../images/b5.png) repeat; position:absolute;left:0;bottom:0;
        width: 100%;
        height: .8rem;
        line-height: .8rem;z-index:10; color:#fff;
    }
.bottom_copy { background: #ffffff;  padding: .37rem .3rem;
text-align: center; }
/**************category****************/
.content { width: 100%; }
.content .js-list { margin-top: 0.3rem;/*padding-top:0.3rem;*/  }
/*menu*/
.iconn { background: url(../images/iconn.png) no-repeat; background-size: 1.4rem auto; vertical-align: middle; }
/*menu*/
.menu { width: 100%; padding:.15rem 0 .1rem;
background: #fff; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }
.menu .iconn {
width:.4rem;
height:.4rem; display: inline-block; cursor: pointer; }
.menu .goHome { margin-right:.16rem;
}
.menu .iconn:before {
width:.4rem;
height: .4rem; background-size: 1.4rem; }
.menu .goBack {
background-position:-.96rem -0.64rem; margin-left: 3%; }
.menu .goBack a {
width:.4rem;
height: .4rem; display: block; }
.menu .goHome { background-position: 0 -0.66rem; }
.menu .subSort { background-position: -0.5rem -0.7rem; }
/*sitepath*/
.sitepath { width: 100%; padding: 0; height: .6rem;
position: relative; font-size: .22rem;
margin: .2rem 0;
line-height: .6rem;
background: #f6f6f6; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; overflow: hidden; font-size: 0.24rem; color: #554331; }
.sitepath .btn { width: 1.3rem; height: .6rem;
text-align: right; position: absolute; right: .1rem;
top: 0; font-size: .22rem;
}
.sitepath .btn em {
width: .3rem;
height: .2rem;
margin-top: .08rem;
margin-left: .06rem; display: inline-block; background-position: -1.16rem 0; }
.sitepath .btn.onbtn:after { transform: rotate(180deg); margin-top: -.08rem;
background-position: -0.6rem 0; }
.sitepath a { color: #554331; text-align: center; text-transform: Capitalize; font-size: 0.24rem; margin-right: 2%; display: inline-block; margin-left: 2%; }
.sitepath a a:hover { color: #554331; }
/*sitepath*/
.sitepath {  padding: 0 2%; height: .6rem;
line-height: .6rem;
background: #fff; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; }
/*pager*/
.pager { width: 100%; text-align: center; background: #f6f6f6; padding: .2rem 0;
font-size: .2rem;
}
.pager a, .pager span { width: 1.6rem; height: .4rem;
line-height: .4rem;
display: inline-block; background: #e59f19; color: #fff; border-radius: 5px; }
.pager .yem {
height: .4rem; display: inline-block; margin: 0px .1rem;
line-height: .4rem;
}
/*reLink*/
.reLink {
margin: .2rem 4% .1rem; width: 92%; }
.reLink .prevLink, .reLink .nextLink { display: block; height: .6rem;
line-height: .6rem;
font-size: .24rem;
overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; box-sizing: border-box; border-bottom: 1px solid #e8e8e8; }
.reLink a:hover { color: #554331; }
/*m-share*/
.m-share { margin-left: 3%; margin-bottom: .2rem;
}
.catemore { width: 100%; margin: 2% auto 6%; height: .65rem;
line-height: .65rem;
display: block; text-align: center; background: #554331; color: #fff; font-size: .22rem;
box-shadow: 0px 1px 1px rgba(0,0,0,0.1); }
.showmenu { width: 100%; padding: 0.1rem 0 .2rem;
 }
.showmenu a { width: 48%; height: .6rem;
display: block; float: left; line-height: .6rem;
text-align: center; border-radius: .04rem;
color: #333; background: #fff; margin: 0 1% 2%; border: 1px solid #ddd; box-sizing: border-box; }
.showmenu a.hover { border: 1px solid #554331; color: #fff; background: #554331; }
/*subCate*/
.subCate { padding: .12rem 0 .2rem;
}
.subCate a { width: 22%; margin-left: 2.5%; font-size: .22rem;
height: .5rem;
overflow: hidden; display: block; float: left; line-height: .5rem;
text-align: center; color: #666; border: 1px solid #ddd; box-sizing: border-box; margin-bottom: .1rem;
}
.subCate a.on { border-color: #237350; color: #237350; }
.erro {  padding: 0.4rem 0;text-align:center; }
    .erro img {
        max-width: 100%;
    }
/*catelist*/
.catelist .item span { display: block; width: 9px; height: 16px; position: absolute; top: 28%; margin-top: -8px; right: 2%; }
.catelist .item span:before { content: ""; position: absolute; background: #ccc; width: 11px; height: 11px; right: 0; top: 0; z-indx: 10; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.catelist .item span:after { content: ""; position: absolute; background: #fff; width: 11px; height: 11px; right: 4px; top: 0; z-indx: 11; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.caselist li { width: 47%; margin-left: 2%; margin-bottom: 2%; float: left; box-sizing: border-box; }
.caselist li a { display: block; }
.caselist li figure { width: 100%; padding-top: 75%; position: relative; overflow: hidden; }
.caselist .addimglist li figure { padding-top: 120%; }
.caselist li figure img { width: 100%; position: absolute; left: 0; top: 0; min-height: 100%; display: block; }
.caselist li h3 {
height: .65rem;
line-height: .65rem; text-align: center; font-size: 0.26rem; font-weight: normal; }
.imgH li figure {
    padding-top: 133.33333%;
}
/*product.html*/
.listProduct .list { width: 100%; }
.listProduct li { width: 47%; margin-left: 2%; box-sizing: border-box; display: block; padding-top: 3%; float: left; }
.listProduct li a { display: block; }
.listProduct li figure { width: 100%; padding-top: 75%; position: relative; overflow: hidden; }
.listProduct li figure img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; min-height: 100%; display: block; }
.listProduct li h3 {
height: .5rem;
line-height: .5rem; font-size: 0.28rem; overflow: hidden; font-weight: normal; color: #ff9e01; text-align: center; }
.listProduct li:hover h3 { color: #ff9e01; }
.listProduct li p { white-space: normal; word-wrap: break-word; color: #333 }
/*news.html*/
.newsList .list { width: 100%; margin-bottom: .3rem;
}
.newsList .item { padding: 0.4rem 0.2rem; overflow: hidden; position: relative; border-bottom: 1px solid #f3f3f3; background: #f9f9f9; }
.newsList .item:nth-child(2n) { background: #fff; }
.newsList .item:nth-child(2n) span:after { background: #fff; }
.newsList .item:last-child { border: 0px; }
.newsList .item a { width: 100%; display: block; }
.newsList .item img { width: 1.48rem; height: 1.2rem; margin-right: .1rem;
float: left; }
.newsList .item h3 {
font-size: .3rem;
line-height: .38rem; font-weight: normal; margin-bottom: .2rem;
color: #000; float: left; }
.newsList .item .txt { color: #666666; font-size: .22rem;
line-height: .28rem;
float: left; }
.addimglist .item img { width: 1.2rem; height: 1.48rem; margin-right: .1rem;
float: left; }
.addimglist .item h3 { width: 4.7rem; font-size: .3rem;
line-height: .38rem;
font-weight: normal; margin-bottom: .28rem;
color: #000; margin-top:.02rem;
float: left; }
.addimglist .item .txt { color: #666666; font-size: .22rem;
line-height: .28rem;
width: 4.7rem; float: left; }
/*showInfor*/
.showInfo { width: 100%; overflow: hidden; }
.showInfo .showSubTit { width: 100%; height: .65rem;
line-height: .65rem;
font-weight: normal; margin: .2rem 0 .1rem;
background: #f6f6f6; border-bottom: 1px solid #237350; font-size: .24rem;
text-indent: .15rem;
}
.showInfo .showTit { width: 96%; line-height: .3rem;
padding:.2rem 2% .1rem;
border-bottom: 1px solid #e8e8e8; text-align: center; margin: 0 auto; }
.showInfo .showTit h1 { font-weight: bold; color: #000; font-size: .4rem;
line-height: .45rem;
margin-bottom: .05rem;
font-weight: normal; }
.showInfo .showTit .mark { font-size: .22rem;
margin-top: .1rem;
}
.showInfo .img img { max-width: 80%; display: block; margin: .3rem auto 0;
}
.showInfo .addlist { font-size: .22rem;
line-height: .36rem;
padding: .3rem 3% 0;
}
.showInfo .addlist li { margin-bottom: .1rem;
}
/*showSubTit*/
.showInfo .contxt {
font-size: .24rem;
line-height: .42rem; padding: 3% 3% 5%; }
.showInfo .contxt img { max-width: 100%; margin: 0px auto; height: auto !important; display: inline; }
/* 留言样式   */
.leave { padding: 0.4rem 2% 0px; }
.leave li { margin-bottom:.2rem;
}
.leave li:nth-child { margin-bottom: .1rem;
}
.leave label { float: left; display: block; width:.55rem;
font-size: .2rem;
height:.5rem;
line-height:.5rem;
}
.leave .item-wrap { margin-left:.55rem;
}
.leave input, .leave textarea { width: 95%; background: #fff; border: 1px solid #e8e8e8; color: #aaa; font-size: .2rem;
padding: 0; margin: 0; border-radius: initial; }
.leave input {
height:.5rem; border-radius: 0; -webkit-border-radius: 0; text-indent: 8px; color: #333; }
.leave .ly { height: 1rem; padding: .1rem 0;
color: #666; border-radius: 0; -webkit-border-radius: 0; text-indent: 8px; line-height:.22rem;
resize: none; }
.show_more2 { margin: 0 10px 18px 10px; height:.6rem;
line-height: .6rem;
}
.show_more2 input { width: 100%; border: 0; height: .6rem;
line-height: .6rem;
color: #fff; font-size: .24rem;
background: #ff9e01; border-radius: initial; }
.singlePage { background: #fff; width: 100%; margin: 0 auto; }
.divanli_mess { background: #fff; width: 96%; margin: 0 auto; padding-top:.1rem;
}
.dz { width: 100%; }
.singlePage .anlitopH4 { font-size: 0; width: 0; display: none; }
.messagesbox li { margin-bottom:.2rem;
}
.messagesbox li:nth-child { margin-bottom: .1rem;
}
.messagesbox li label { float: left; display: block; width: 18%; font-size: .2rem;
height:.5rem;
line-height:.5rem;
padding-right: 2%; text-align: right; }
.messagesbox li label font { color: red; }
.messagesbox .item-wrap { margin-left:.55rem;
}
.messagesbox input, .messagesbox textarea { width: 75%; background: #fff; border: 1px solid #e8e8e8; color: #aaa; font-size:.2rem;
padding: 0; margin: 0; border-radius: initial; }
.messagesbox input {
height:.5rem; border-radius: 0; -webkit-border-radius: 0; text-indent: 8px; color: #333; }
.messagesbox .ly { height: 1rem; padding: .1rem 0;
color: #666; border-radius: 0; -webkit-border-radius: 0; text-indent: 8px; line-height:.22rem;
resize: none; }
.messagesbox .bot input {
height:.65rem; background: #ff9e01; color: #fff; text-align: center; }
.messagesbox .msg-box { padding-left: 20%; color: red; width: 70%; white-space: nowrap; font-size: 0.22rem; }
.subright .showInfo { display: none; }
/*showproduct showimg*/
/*recomPro*/
.showimg { width: 100%; position: relative; }
.showimg .imglist { width: 4.2rem; 2.36rem;
margin: 0px auto; padding: .4rem 0 .2rem;
position: relative; overflow: hidden; }
.showimg .list { float: left; width: 500%; }
.showimg a { float: left; width: 4.2rem; text-align: center; display: block; }
.showimg a img { width: 4.2rem; margin: 0px auto; display: block; }
.showimg span { display: block; width: 30px; height: 50px; text-align: center; position: absolute; top: 50%; margin-top: -25px; right: 50%; margin-right: -2.8rem; cursor: pointer; }
.showimg span.left { right: auto; left: 50%; margin-left: -2.8rem; }
.showimg span.right:after { content: ""; position: absolute; background: #aaaaaa; width: 11px; height: 11px; right: 10px; top: 20px; z-index: 10; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.showimg span.right:before { content: ""; position: absolute; background: #fff; width: 11px; height: 11px; right: 14px; top: 20px; z-index: 11; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.showimg span.left:after { content: ""; position: absolute; background: #aaaaaa; width: 11px; height: 11px; right: 14px; top: 20px; z-index: 10; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.showimg span.left:before { content: ""; position: absolute; background: #fff; width: 11px; height: 11px; right: 10px; top: 20px; z-index: 11; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.showorder { width: 2rem; height: .5rem;
margin:0.3rem auto .4rem;
line-height: .5rem;
color: #fff; background: #ff9e01; text-align: center; font-size: .24rem;
}
.showorder a { color: #fff; }
/*recomNew*/
.recomNew { width: 96%; padding: 0.1rem 0 2%; margin: 0 auto; }
.recomNew li { width: 100%; height: .6rem;
line-height: .6rem;
border-bottom: 1px solid #eeeeee; overflow: hidden; }
.recomNew li a {
font-size: .24rem; display: block; position: relative; padding-left: 2%; }
.recomNew li a:hover { color: #da251d; }
.recomNew li a:before { content: ""; position: absolute; background: #cccccc; width: 3px; height: 3px; left: 0; top: 0.28rem; z-index: 11; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
/*recomPro*/
.recomPro { width: 100%; position: relative; }
.recomPro .recomList { width: 4.6rem; margin: 0px auto; position: relative; overflow: hidden; }
.recomPro .list { float: left; width: 500%; padding: .2rem 0 .1rem;
}
.recomPro .list ul { float: left; }
.recomPro ul li { float: left; width: 2.3rem; text-align: center; }
.recomPro ul li a { display: block; width: 100%; }
.recomPro ul li h3 {
font-size: .22rem;
line-height: .5rem; text-align: center; }
.recomPro ul img { height: 1.5rem; width: 2rem; margin: 0px auto; display: block; }
.recomPro span { display: block; width: 30px; height: 50px; position: absolute; top: 50%; margin-top: -35px; right: 50%; margin-right: -3rem; cursor: pointer; }
.recomPro span.left { right: auto; left: 50%; margin-left: -3rem; }
.recomPro span.right:after { content: ""; position: absolute; background: #efdaa4; width: 11px; height: 11px; right: 10px; top: 20px; z-index: 10; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.recomPro span.right:before { content: ""; position: absolute; background: #f5e9ca; width: 11px; height: 11px; right: 14px; top: 20px; z-index: 11; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.recomPro span.left:after { content: ""; position: absolute; background: #efdaa4; width: 11px; height: 11px; right: 14px; top: 20px; z-index: 10; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.recomPro span.left:before { content: ""; position: absolute; background: #f5e9ca; width: 11px; height: 11px; right: 10px; top: 20px; z-index: 11; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
/*fenx*/
#nativeShare { margin: 0 auto; width: 100%; padding-top: 0.3rem; max-width: 640px; min-width: 320px; }
#nativeShare .label { margin-left: 0.2rem; font-size: 0.24rem; color: #666666; line-height: 0.6rem; }
#nativeShare .list { width: 5.4rem; float: right; }
#nativeShare .list span { height: 0.9rem; width: 0.9rem; padding: 0; display: inline-block; }
#nativeShare .list span i { margin: 0 auto; width: 0.63rem; height: 0.63rem; display: block; }
#nativeShare .weibo i { background-image: url('../images/weibo.png'); background-size: cover; }
#nativeShare .weixin i { background-image: url('../images/weixin_friend.png'); background-size: cover; }
#nativeShare .weixin_timeline i { background-image: url('../images/weixin.png'); background-size: cover; }
#nativeShare .qq i { background-image: url('../images/qq.png'); background-size: cover; }
#nativeShare .qzone i { background-image: url('../images/qqzone.png'); background-size: cover; }
#nativeShare .more i { background-image: url('../images/more.png'); background-size: cover; }
#nativeShare .list span.qzone, #nativeShare .list span.more { width: 0.73rem; }
#fenxiang { display: none; }
.fenx { height: 1.0rem; width: 100%; }
.fenx .tt { margin-left: 0.2rem; font-size: 0.24rem; color: #666666; line-height: 0.6rem; }
.fenx .bdsharebuttonbox { width: 80%; float: right; }
.fenx .bdsharebuttonbox a { margin-left: 0.2rem; }
#bdfx { }
#bdfx a { height: 0.6rem; width: 0.6rem; margin: 0; padding: 0; margin: 0px 0.08rem; display: inline-block; }
#bdfx .d1 { background: url(../images/qqzone.png) no-repeat center; background-size: 100% 100%; }
#bdfx .d2 { background: url(../images/weibo.png) no-repeat center; background-size: 100% 100%; }
embed { width: 100% !important; height: auto !important; }
.field_down { text-align: left; }
.field_down a { width: 1.6rem; height: .44rem;
line-height: .44rem;
background: #ff9e01; color: #fff; display: block; text-align: center; }
.listSchool { }
.listSchool .list { padding: 0 3%; }
.listSchool li { width: 100%; padding: .25rem 0;
border-bottom: 1px solid #eee; }
.listSchool li:last-child { border: 0; }
.listSchool li h3 { color: #000; font-size: .26rem;
margin-bottom: .06rem;
}
.listSchool li h3 a { color: red; margin-left: .04rem;
font-weight: normal; font-size: .22rem;
}
.listSchool li h3 a:hover { text-decoration: underline; }
.listSchool li span { display: block; font-size: .22rem;
line-height: .32rem;
margin-bottom: .08rem;
}
.biao td { padding: 4px; border: 1px solid #ccc; text-align: center; vertical-align: middle; WORD-WRAP: break-word; TABLE-LAYOUT: fixed; word-break: break-all; }
.biao .td-head { background: #f3f3f3; }
.messagePage { padding: 3% 3% 5%; }
.messagePage .indexTit {
margin-bottom: .4rem; text-align: center }
.messagePage .indexTit h3 {
 font-size: .3rem; text-align: center; }
.messagePage .item { width: 100%; height: 0.7rem; line-height: 0.7rem; position: relative; -webkit-border-radius: 0.06rem; border-radius: 0.06rem; margin-bottom: .18rem;
border: 1px solid #dedede; }
.messagePage .item label { width: 1.5rem; color: #333; display: block; float: left; text-align: center; height: 0.7rem; line-height: 0.7rem; }
.messagePage .item input { width: 4rem; height: 0.7rem; line-height: 0.7rem; border: 0; background: none; color: #999; }
.messagePage .item select { width: 4rem; height: 0.7rem; line-height: 0.7rem; border: 0; background: none; background: #fff url(../images/mess.jpg) right no-repeat; background-size: auto 100%; }
.messagePage .item .b { position: absolute; right: .12rem;
color: #ff9f00; }
.messagePage .item.con { height: 2.8rem; }
.messagePage .item.con textarea { width: 100%; height: 2.1rem; padding: .1rem .16rem .1rem;
resize: none; background: none; border: 0px; }
.messagePage .item.con .b { top: 0; }
/*.messagePage .btn .reset{width: 2.72rem; height: 0.68rem; line-height: 0.68rem; text-align: center; float: left; border: 1px solid #d2d2d2; background: #f9f9f9; color: #333333; font-size: .28rem;}*/
.messagePage .btn input { width: 100%; height: 0.68rem; line-height: 0.68rem; text-align: center; display: block; float: right; background: #554331; color: #fff; font-size: .28rem;
border: 0; }


/**引导页****/
.default {
  position: relative;
  width: 100%;
  height: 100%;
}
.default .top {
  position: fixed;
  left: 0;
  top: 0;
  background: url(../images/default_top.png) repeat-x;
  width: 100%;
  height: 1.57rem;
  z-index: 11;
  background-size: auto 1.57rem;
}
.default .center {
  text-align: center;
  position: fixed;
  left: 0;
  width: 100%;
  top: 50%;
  margin-top: -3.63rem;
  z-index: 12;
}
.default .center .img {
  margin-bottom: .53rem;
}
.default .center .img img {
  width: 6.1rem;
  margin: 0 auto;
  display: block;
}
.default .center a {
  text-align: center;
}
.default .center a img {
  width: 4.5rem;
  display: block;
  margin: 0 auto;
}
.default .center a:first-child img {
  margin-bottom: .4rem;
}
.default .bottom {
  position: fixed;
  left: 0;
  bottom: 0;
  background: url(../images/default_bottom.png) center bottom no-repeat;
  width: 100%;
  height: 2.19rem;
  z-index: 9;
  background-size: 6.4rem auto;
}
 @media only screen and (min-width: 641px) {
html { font-size: 100px; }
}
@media only screen and (max-width: 640px) {
html { font-size: 100px; }
}
@media only screen and (max-width: 540px) {
html { font-size: 84.375px; }
}
@media only screen and (max-width: 480px) {
html { font-size: 75px; }
}
@media only screen and (max-width: 414px) {
html { font-size: 64.6875px; }
}
@media only screen and (max-width: 400px) {
html { font-size: 62.5px; }
}
@media only screen and (max-width: 375px) {
html { font-size: 58.5938px; }
}
@media only screen and (max-width: 360px) {
html { font-size: 56.25px; }
}
@media only screen and (max-width: 320px) {
html { font-size: 50px; }
}
/*# sourceMappingURL=css.css.map */