@charset "utf-8";
* { 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; }
.xzs161 { 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: .24rem/1.6 'PingFangSC-Light', 'microsoft yahei', Arial, Helvetica, sans-serif, "Hiragino Sans GB"; color: #333;background: #fff; position: relative; }
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; }
.xzs146 .item { float: left; width: 49%; margin-bottom: 10px; margin-right: 2%; text-align: center; border: 1px solid #eee; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; }
.xzs146 .item img { width: 100%; height: 100% }
.xzs146 .item h3 { clear: both; font-size: 0.2rem; }
.xzs146 .item:nth-child(2n) { margin-right: 0px !important }

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; }

a, a:link, a:visited, a:hover, a:active { color: #666; text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);  }
a:focus { outline: none; }
a:hover, a:active { color: #009b4c; 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: 4rem auto; vertical-align: middle; }
.icon, .xzs166:before, .xzs166:after, .xzs147:before, .xzs147:after { content: "\20"; display: block; }
.xzs166 { background: url(../images/iconn.png) no-repeat; background-size: 1.4rem auto; vertical-align: middle; }

.xzs182 { float: left; }
.xzs188 { float: right; }
.hide { display: none; }
.xzs127:after { content: ""; display: block; clear: both; width: 100%; height: 0; line-height: 0; font-size: 0; }
.clear, .xzs127:after { content: ""; display: block; clear: both; width: 100%; height: 0; line-height: 0; font-size: 0; }

.header { position: relative; }
#top_main { width: 100%; height: 1rem;}
#top { max-width: 640px; min-width: 320px; height: 1rem; margin: 0px auto; position: relative; background: #fff; box-shadow: 0 0 0.2rem rgba(0,0,0,.1); border-bottom: 1px solid #eee; }
#top .xzs169 { width: 75%; margin: 0 auto; display: block; text-align: center; }
#top .xzs169 a { display: block; }
#top .xzs169 img { height: 0.85rem; margin-top: 0.25vw }
#top .xzs120 { display: block; position: absolute; left: 0; top: 0px; text-align: center; cursor: pointer; width: .9rem; height: .5rem; margin: .25rem auto; background: url(../images/sou1.png) no-repeat center; background-size: .4rem auto; z-index: 6; }
#top #nav { width: .6rem; height: 100%; position: absolute; right: 0; top: 0; text-align: center; cursor: pointer; z-index: 6; }
#top .nav { width: .5rem; height: .36rem; margin: .33rem auto; background-position: -.56rem -.94rem; }
#top .xzs173 .nav { background-position: 0 -.94rem; }
#search { background: #f2f2f2; width: 100%; margin: 0 auto; height: 1rem; position: absolute; left: 0; top: .9rem; padding-top: .2rem; display: none; z-index: 999; }
#search input { display: block; padding: 0; margin: 0; }
#search .xzs177 { border: none; width: 80%; height: 0.65rem; line-height: 0.65rem; margin-left: 4%; color: #666; font-size: 0.22rem; background: #fff; text-indent: 3%; border-top-left-radius: .3rem; border-bottom-left-radius: .3rem; }
#search .xzs181 { cursor: pointer; border: none; font-size: 0.24rem; width: 0.8rem; height: 0.65rem; text-align: center; background: #009b4c url(../images/icon.png) no-repeat 0 -4.6rem; background-size: 2.4rem auto; color: #fff; border-top-right-radius: .3rem; border-bottom-right-radius: .3rem; background-size: 2.0rem auto; vertical-align: middle; }
.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; }
#top_main .pages_name { text-align: center; display: block; font-size: .32rem; color: #333; line-height: 1rem; }
#top_main .back_out { width: 12%; height: 1rem; position: absolute; left: 0; top: 0; }
#top_main .back_out i { width: .26rem; height: .42rem; background-position: 0 -1.5rem; display: block; margin-top: .3rem; margin-left: .3rem }
.soupage { background: #fff; }

.xzs155 { position: fixed; width: 100%; height: 100%; right: -100%; top: 1rem; z-index: 999; max-width: 640px; min-width: 320px; background: #fff; }
.xzs121 { margin: 0px; width: 100%; height: 100%; }
.xzs155 .closrbox { width: 20%; height: 0.5rem; line-height: .5rem; background: #fff; position: absolute; right: 2%; top: -5%; }
.xzs155 ul { background: #fff; position: relative; z-index: 2; }
.xzs155 li { width: 100%; display: block; margin: 0 auto; position: relative; transition: all .3s ease-in; }
.xzs155 li:first-child { margin-top: 0.4rem; }
.xzs155 li a { display: block; width: 4rem; margin: 0 auto; color: #333; font-size: 0.34rem; line-height: 1rem; text-align: center; border-bottom: 1px solid #f0efef; }
.xzs155 li a:hover { color: #009b4c; }
.xzs155 .toptel { padding-left: 4%; padding-top: .3rem; padding-bottom: .4rem; }
.xzs155 .toptel span { display: block; }
.xzs155 .toptel p { font-family: avgr; font-size: .5rem; }
.xzs155.show { right: 0 !important; }
.subNavShow { -webkit-transform: translateX(-48%); -moz-transform: translateX(-48%); -ms-transform: translateX(-48%); transform: translateX(-48%); display: block; }

#banner_main { width: 100%; overflow: hidden; position: relative; z-index: 1; }
.xzs156 { margin: 0 auto; width: 100%; *zoom: 1;
overflow: hidden; position: relative; z-index: 1; }
.xzs156 .list { width: 100%; overflow: hidden; }
.xzs156 .list li { float: left; width: 100%; overflow: hidden; }
.xzs156 .list li a { display: block; }
.xzs156 .list li img { width: 100%; height: auto; display: block; }
#xzs156 .xzs174 { width: 100%; height: 0.32rem; line-height: 0.32rem; text-align: center; clear: both; z-index: 2; font-size: 0; position: absolute; left: 0; bottom: 5%; }
#xzs156 .xzs174 span { display: inline-block; vertical-align: middle; width: 0.2rem; height: 0.2rem; margin: 0 0.025rem; vertical-align: middle; border-radius: 100%; border: 2px solid #fff; }
#xzs156 .xzs174 span.xzs173 { background: #009b4c; }

.xzs151 { margin: .2rem 3% .3rem; }
.xzs151 .xzs128, .xzs151 .xzs129 { display: block; height: .7rem; line-height: .7rem; font-size: .24rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; box-sizing: border-box; border-bottom: 1px solid #e8e8e8; }

.xzs115 { text-align: center; width: 100%; padding: 0.4rem; color: #666; background: #f6f6f6; }
.copyright { width: 94%; margin: 0 auto; padding: 3% 0; font-size: .18rem; }
.xzs160 { width: 0.9rem; height: 0.9rem; background: url(../images/gotop.png) no-repeat center top; background-size: 0.9rem auto; position: fixed; bottom: 20%; right: 2%; cursor: pointer; z-index: 10; display: none; }
.xzs115 a { color: #666; }

#toolbar { position: fixed; bottom: 0; width: 100%; z-index: 888; height: 1rem; left: 0; }
#toolbar .list { width: 100%; max-width: 640px; min-width: 320px; margin: 0 auto; background: #3c3c3c; }
#toolbar .list li { float: left; width: 33.333%;text-align: center;}
#toolbar .list a { display: block; height: 1.2rem; line-height: 0.24rem; font-size: 0.22rem; color: #fff; padding-top: 0.15rem; }
#toolbar .list a.hover { background: #009b4c; }
#toolbar .list a s { margin-left: auto; margin-right: auto; width: 0.42rem; height: 0.46rem; display: block; background-size: 5rem auto; }
#toolbar .list a span { text-align: center; line-height: 0.35rem; display: block; }
#toolbar .list a .xzs131 { background-position: 0.03rem 0; }
#toolbar .list a .xzs132 { background-position: -1.6rem 0; }
#toolbar .list a .xzs149 { background-position: -.79rem 0; }
#toolbar .list a .xzs142 { background-position: -2.36rem 0; }
.xbg { width: 100%; display: block; position: fixed; height: 1.05rem; left: 0; bottom: 0; background: #fff; z-index: 880; }
#toolbar .list a s span { color: #fff; padding-top: .9rem; text-transform: initial; font-style: normal; }

.xzs163, .floor { width: 100%; max-width: 640px; min-width: 320px; margin: 0 auto; }
.xzs163 { padding-top: 0; position: relative; }
.xzs144 { background: #fff; width: 100%; max-width: 640px; min-width: 320px; margin: 0 auto; }
.xzs144 ul { padding: .25rem 0; }
.xzs144 li { float: left; width: 25%; text-align: center; margin-top: .18rem; display: block; }
.xzs144 li a { display: block; }
.xzs144 li .xzs185 { width: .92rem; height: .9rem; margin: 0 auto; background: url(../images/menu.png) no-repeat 0 0; background-size: 4.0rem auto; display: block; }
.xzs144 li h3 { line-height: .66rem; font-size: .24rem; color: #333; height: .66rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.xzs144 li:nth-child(1) .xzs185 { background-position: 0 0; }
.xzs144 li:nth-child(2) .xzs185 { background-position: -1.0rem 0; }
.xzs144 li:nth-child(3) .xzs185 { background-position: -2.0rem 0; }
.xzs144 li:nth-child(4) .xzs185 { background-position: -3.0rem 0; }
.xzs144 li:nth-child(5) .xzs185 { background-position: 0 -1.0rem; }
.xzs144 li:nth-child(6) .xzs185 { background-position: -1.0rem -1.0rem; }
.xzs144 li:nth-child(7) .xzs185 { background-position: -2.0rem -1.0rem; }
.xzs144 li:nth-child(8) .xzs185 { background-position: -3.0rem -1.0rem; }
.xzs163 .title { width: 100%; padding-bottom: .4rem; text-align: center; padding-top: .5rem; position: relative; }
.xzs163 .title h3 { font-size: .48rem; color: #333; font-weight: bold; }
.xzs163 .title h3 b { color: #009b4c; font-weight: bold; }
.xzs163 .title h4 { color: #333; font-size: .24rem; letter-spacing: 0.05rem; }
.xzs163 .title s { width: .8rem; height: .25rem; display: block; position: absolute; top: .76rem; background: url(../images/line.png) no-repeat center; background-size: .8rem auto; }
.xzs163 .title .xzs133 { left: 3%; }
.xzs163 .title .xzs134 { right: 3%; }
.xzs175 { width: 100%; height: .3rem; background: url(../images/line1.jpg) repeat-x left top; background-size: .15rem auto; }
.xzs163 .xzs111 { padding: 3% 0 .8rem; }
.xzs163 .imenu { width: 100%; position: relative; }
.xzs163 .imenu ul { display: block; text-align: center; }
.xzs163 .imenu li { width: 29.5%; border: 1px solid #dcdcdc; text-align: center; border-radius: 0.08rem; overflow: hidden; margin: 0 1% 2%; display: inline-block; box-shadow: 0px 1px 5px #dcdcdc; }
.xzs163 .imenu li a { display: block; font-size: .22rem; height: 0.52rem; line-height: 0.5rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.xzs163 .imenu li.on a { color: #009b4c; }
.enbody .xzs163 .imenu li { line-height: .4rem; height: .4rem; overflow: hidden; }
.enbody .xzs163 .title h3 { font-size: .3rem; position: relative; z-index: 3; }
.enbody .xzs163 .title s { background: url(../images/line.png) no-repeat center top; background-size: .8rem auto; top: .6rem; z-index: 1; }
.enbody .xzs157 .xzs176 .xzs170 { white-space: normal; word-break: break-all; }
.enbody #top_main .pages_name { text-transform: uppercase; }
.xzs118 { overflow: hidden; padding: 0 3% 3%; }
.xzs118 .item { width: 49%; float: left; margin-bottom: .2rem; margin-right: 2%; border: 1px solid #ececec; }
.xzs118 li:nth-child(2n) { margin-right: 0; }
.xzs118 .item a { display: block; }
.xzs118 .item figure { width: 100%; padding-top: 75%; position: relative; overflow: hidden; }
.xzs118 .item figure img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; min-height: 100%; display: block; }
.xzs118 .item h3 { color: #333; font-size: .24rem; height: .64rem; line-height: .64rem; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.xzs163 .more { padding: 0 3%; }
.xzs163 .more a { width: 50%; float: left; display: block; border: .02rem solid #e5e5e5; height: .6rem; line-height: .6rem; text-align: center; }
.xzs163 .more .xzs186 { border: .02rem solid #009b4c; background: #009b4c; color: #fff; border-top-left-radius: .05rem; border-bottom-left-radius: .05rem; }
.xzs163 .more .xzs187 { border-top-right-radius: .05rem; border-bottom-right-radius: .05rem; border-left: none; }
.xzs163 .more a:hover { border: .02rem solid #009b4c; background: #009b4c; color: #fff; }
.xunpan { width: 100%; background: url(../images/xunpan.jpg) no-repeat center bottom; background-size: 6.4rem auto; color: #fff; position: relative; height: 2.0rem; }
.xunpan .img { position: absolute; left: 2%; bottom: 0; }
.xunpan .img img { width: 3.1rem; display: block; }
.xunpan .zixun { background: url(../images/kuang.png) no-repeat right bottom; background-size: 4.24rem auto; color: #fff; height: 2.0rem; position: relative; z-index: 3; display: block; width: 70%; }
.xunpan .xzs179 { font-size: .26rem; font-weight: bold; padding-top: .76rem; text-align: center; line-height: .3rem; }
.xunpan .xzs179 .en { font-size: xx-small; text-transform: uppercase; display: block; font-weight: normal; line-height: .2rem; }
.xunpan .tel { font-size: .24rem; font-weight: bold; padding-top: .1rem; padding-left: 13%; }
.xunpan .tel em { width: .22rem; height: .22rem; display: inline-block; background-position: 0 -.42rem; margin-right: .1rem; }
.xunpan .tel a { display: inline-block; color: #fff; padding-left: .2rem; font-size: xx-small; }
.xzs163 .floor_2_main, .xzs163 .floor_4_main, .xzs163 .xzs114 { padding-bottom: .5rem; }
.youshi { padding: 3%; }
.youshi .item { width: 100%; border-top: 1px solid #eaeaea; position: relative; padding: .3rem 0; }
.youshi .item:first-child { border-top: none; }
.youshi .item .xzs177 { width: 50%; float: left; }
.youshi .item .xzs177 .xzs179 { position: relative; }
.youshi .item .xzs177 .xzs179 img { display: block; width: 1.72rem; }
.youshi .item .xzs177 .xzs179 h3 { font-size: .18rem; position: absolute; left: 50%; top: .2rem; text-transform: uppercase; }
.youshi .item .xzs177 h2 { font-size: .3rem; color: #009b4c; font-weight: bold; }
.youshi .item .xzs177 h4 { font-size: .2rem; }
.youshi .item .xzs177 .xzs170 { font-size: .2rem; height: .6rem; overflow: hidden; }
.youshi .item .xzs177 span { width: 2.1rem; height: .6rem; line-height: .6rem; text-align: center; display: block; border: .02rem solid #009b4c; border-radius: .05rem; font-size: .2rem; margin-top: .2rem; }
.youshi .item .img { width: 50%; display: block; float: right; }
.youshi .item .img img { max-width: 100%; display: block; }
.youshi .item:nth-child(2) .xzs177 { float: right; }
.youshi .item:nth-child(2) .img { float: left; }
.xzs163 .xzs112 { background: url(../images/floor_3.jpg) no-repeat center bottom; background-size: 6.4rem auto; padding: .3rem 0; }
.xzs135 { padding: 0 3% .5rem; }
.xzs135 .item { width: 49%; float: left; margin-right: 2%; margin-bottom: .2rem; display: block; }
.xzs135 .item a { display: block; border: 1px solid #e5e5e5; position: relative; }
.xzs135 .item figure { width: 100%; padding-top: 28%; position: relative; overflow: hidden; }
.xzs135 .item figure img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; min-height: 100%; display: block; }
.xzs135 .item:nth-child(2n) { margin-right: 0; }
.xzs139 { padding: 0 3%; }
.xzs139 .item { width: 100%; display: block; margin-bottom: .35rem; position: relative; }
.xzs139 .item a { display: block; border: 1px solid #e5e5e5; border-radius: .05rem; padding: 2%; position: relative; z-index: 2; background: #fff; }
.xzs139 .item .xzs177 { width: 50%; }
.xzs139 .item .xzs177 h3 { font-size: .24rem; color: #009b4c; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.xzs139 .item .xzs177 p { font-size: .2rem; color: #737373; }
.xzs139 .item .xzs177 .xzs180 { width: .4rem; height: .4rem; display: block; position: absolute; right: 2%; bottom: 5%; background-position: -.32rem -.42rem; }
.xzs139 .item .xzs189 { width: 100%; height: 100%; border: 1px solid #e5e5e5; border-radius: .05rem; display: block; position: absolute; left: .05rem; top: .05rem; }
.xzs139 .item figure { width: 45%; padding-top: 33.7%; position: relative; overflow: hidden; z-index: 2; float: left; }
.xzs139 .item figure img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; min-height: 100%; display: block; }
.xzs157 { padding: .3rem 0 .5rem; }
.xzs157 .xzs176 { display: block; padding: 0 3%; color: #333; }
.xzs157 .xzs176 img { max-width: 100% !important; display: block; margin: 0 auto; }
.xzs157 .xzs176 h3 { font-size: .36rem; padding: .1rem 0; text-align: center; }
.xzs157 .xzs176 .xzs170 { font-size: .24rem; line-height: 0.4rem; padding-bottom: .2rem; }
.xzs164 { background: #f8f8f8; width: 100%; padding-bottom: .5rem; }
.xzs164 .list { padding: .3rem 3%; }
.xzs164 .item { width: 49%; float: left; margin-right: 2%; margin-bottom: .2rem; display: block; }
.xzs164 .item a { display: block; position: relative; }
.xzs164 .item figure { width: 100%; padding-top: 75%; position: relative; overflow: hidden; z-index: 2; }
.xzs164 .item img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; min-height: 100%; display: block; }
.xzs164 .item:nth-child(2n) { margin-right: 0; }
.xzs164 .item h3 { color: #333; font-size: .24rem; text-align: center; padding: .1rem 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.xzs136 { width: 100%; margin: 0 auto; padding: 0 0 .3rem; }
.xzs136 .list { padding: 0 2%; }
.xzs136 .item { margin-bottom: 26px; transition: all 0.2s linear 0s; width: 100%; position: relative; }
.xzs136 .item a { display: block; }
.xzs136 .item .img { width: 25%; height: 1.14rem; overflow: hidden; margin-right: 2%; }
.xzs136 .item .img img { width: 100%; height: 100%; display: block; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; }
.xzs136 .item .xzs177 { width: 55%; }
.xzs136 .item h3 { font-size: 0.26rem; line-height: 0.4rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.xzs136 .item p { font-size: 0.2rem; line-height: 0.33rem; color: #999; height: 0.7rem; padding-top: 2%; overflow: hidden; }
.xzs136 .item .xzs171 { display: block; width: 17%; height: 1.14rem; line-height: 0.8rem; text-align: center; font-size: 0.2rem; border-left: 1px solid #e9e9e9; padding-left: 2%; }
.xzs136 .item .xzs171 b { display: block; font-size: 0.6rem; color: #009b4c; line-height: 0.6rem; }
.xzs136 .item:hover img { transform: scale(1.06, 1.06); }


.menubox .xzs166 { width: .4rem; height: .4rem; display: inline-block; cursor: pointer; }
.menubox .goHome { margin-right: .16rem; }
.menubox .xzs166:before { width: .4rem; height: .4rem; background-size: 1.4rem; }
.menubox .xzs158 { background: none; }
.xzs148 { width: 100%; overflow: hidden; max-width: 640px; min-width: 320px; position: relative; padding-top: .2rem; }
.productPage { padding: 3% 0 .5rem; }
.productPage .gridlist { padding: 0 3%; }
.productPage .erro { padding: 0 3%; }
.erro { text-align: center; color: red; padding: 3% 0; }

.xzs147:before { background: url(../images/iconn.png) no-repeat; background-size: 1.4rem auto; vertical-align: middle; }
.xzs137 { width: 100%; line-height: 0.8rem; text-align: center; background: #f6f6f6; color: #666; position: relative; }
.xzs137 .xzs158 { width: .8rem; height: .8rem; padding-top: .23rem; position: absolute; left: .1rem; top: 0; z-index: 12; }
.xzs137 .xzs158:before { width: .4rem; height: .4rem; display: block; margin: 0 auto; background-position: -1.0rem -0.64rem; }
.xzs137 h3 { position: relative; font-size: .3rem; }
.xzs137 h3 s { position: absolute; top: 0.34rem; right: .4rem; width: .25rem; height: .2rem; margin-left: .1rem; background-position: -1.16rem 0; display: none; }
.xzs137 .xzs178 { width: 100%; padding: .2rem 3% .0; z-index: 11; background: #fff; display: none; border-bottom: 1px solid #e6e6e6; }
.xzs137 .xzs178 a { width: 32%; margin-right: 2%; margin-bottom: .15rem; height: .65rem; line-height: .63rem; font-size: .24rem; text-align: center; display: block; float: left; border-radius: .05rem; box-shadow: 0 0 5px rgba(0,0,0,.1); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.xzs137 .xzs178 a:nth-child(3n) { margin-right: 0; }
.xzs137 .xzs178 a.on { background: #009b4c; color: #fff; }
.gridlist { padding: 0 3%; }
.gridlist .item { width: calc(48.5%); margin-right: 3%; margin-bottom: .05rem; float: left; position: relative; }
.gridlist .item a { width: 100%; display: block; }
.gridlist .item h3 { width: 100%; line-height: .35rem; height: .7rem; overflow: hidden; text-align: center; font-size: .24rem; }
.gridlist .item figure { width: 100%; position: relative; padding-top: 75%; margin-bottom: .1rem; overflow: hidden; }
.gridlist .item figure img { position: absolute; width: 100%; min-height: 100%; left: 0; top: 0; }
.gridlist .item:nth-child(2n) { margin-right: 0; }
.gridlist.gridlist34 .item figure { padding-top: 133%; padding-bottom: 0; }
.xzs138 { padding: .1rem 3% 0.6rem; }
.xzs138 .item { width: 100%; padding-right: .1rem; display: block; padding: .3rem 0 .3rem; border-bottom: 1px dotted #b0b0b0; margin: 0 auto 0; }
.xzs138 .item img { width: 2rem; height: 1.5rem; display: block; margin-right: .22rem; }
.xzs138 .item h3 { font-size: .28rem; line-height: 0.48rem; color: #333333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.xzs138 .item p { font-size: .22rem; line-height: 0.33rem; color: #999999; overflow: hidden; }
.xzs138 .item .xzs171 { color: #b7b7b7; font-size: .2rem; }
.xzs138 .item:last-child { border-bottom: 0px; }
.xzs148 .xzs139 { padding: 3%; }
.xzs148 .xzs139 .item { margin-right: 2%; }
.xzs148 .xzs139 .item:nth-child(2n) { margin-right: 0; }
.xzs126 .xzs140 { margin: 0 3% 0; font-size: .36rem; color: #333333; line-height: .44rem; text-align: center; }
.xzs126 .xzs140.xzs130 { margin: .3rem 0; margin-top: 0; line-height: 0.8rem; color: #009b4c; font-weight: bold; border-bottom: 1px dotted #dedede; }
.xzs126 .xzs119 { padding: .2rem 3% .3rem; }
.xzs126 .xzs119 * { line-height: .42rem !important; font-size: .24rem !important; color: #666; }
.xzs126 .xzs119 img, .xzs126 .xzs119 iframe { max-width: 100%; height: auto !important; }
.xzs126 .xzs150 { padding: .2rem 4% .4rem; line-height: .42rem; color: #666666; }
.xzs126 .xzs150 img { max-width: 100%; margin: 0px auto; height: auto !important; display: inline; }
.xzs126 .xzs150 p { line-height: .4rem; }
.xzs126 .xzs150 .biao td { padding: .09rem; border: 1px solid #ccc; vertical-align: middle; WORD-WRAP: break-word; table-layout: fixed; word-break: break-all; }
.xzs126 .xzs141 { width: 94%; padding: .3rem 0 0 0; margin-left: 3%; }
.xzs126 .xzs141 .xzs153 { border-bottom: 1px solid #ededed; padding-bottom: .2rem; position: relative; }
.xzs126 .xzs141 .xzs153 h3 { font-size: .32rem; font-weight: normal; }
.xzs126 .xzs141 .xzs153 s { width: 1.3rem; height: .05rem; display: block; position: absolute; left: 0; bottom: -.02rem; background: #009b4c; }
.xzs126 .xzs183 { width: 100%; }
.xzs126 .xzs152 { width: 100%; margin: 0 auto; position: relative; overflow: hidden; height: 4.5rem; }
.xzs126 .xzs152 .list .item { float: left; width: 20%; height: 4.5rem; }
.xzs126 .xzs183 .list .item img { margin: 0 auto; display: block; height: 4.5rem; }
.xzs126 .xzs184 { position: absolute; bottom: 0.2rem; width: 100%; text-align: center; }
.xzs126 .xzs184 ul { display: inline-block; }
.xzs126 .xzs184 ul li { display: block; float: left; width: 12px; height: 12px; background-color: #009b4c; border-radius: 10px; text-indent: -999px; cursor: pointer; margin-left: 10px; }
.xzs126 .xzs184 ul li.on { background-color: #ed8e06; }
.showproduct .xzs151 { margin: .2rem 0 .1rem; }
.showimg { width: 100%; position: relative; }
.showimg .imglist { width: 5.6rem; height: 4.55rem; margin: 0px auto; padding: .4rem 0 .2rem; position: relative; overflow: hidden; }
.showimg .list { float: left; width: 500%; }
.showimg a { float: left; width: 5.6rem; text-align: center; display: block; }
.showimg a img { height: 4.55rem; width: 5.6rem; margin: 0px auto; display: block; background-size: 100%; }
.showimg span.left { right: auto; left: 50%; margin-left: -3rem; }
.showimg span { display: none; width: 30px; height: 50px; text-align: center; position: absolute; top: 50%; margin-top: -25px; right: 50%; margin-right: -3.04rem; cursor: pointer; }
.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); }
.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.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.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); }
.aboutPage { padding: .3rem 0 .5rem; }
.aboutPage .xzs154 { color: #666666; padding: 0 3% .3rem; }
.aboutPage .xzs154 img { max-width: 100%; }
.singlePage { padding: .3rem 3%; border-bottom: .2rem solid #f1f1f1; }
.singlePage img { max-width: 100%; }
.xzs116 { overflow: hidden; }
.xzs116 .t { color: #000; padding: 0 3% .2rem; font-size: .3rem; }
.xzs116 .xzs154 { padding: 0 3% .3rem; }
.xzs116 .xzs154 img { max-width: 100%; }
.xzs116 .mapArea { width: 100%; height: 3rem; }
.xzs116 .messagePage { padding: .4rem 3% .5rem; }
.teamPage { padding-bottom: .6rem; padding-top: .3rem; }
.teamPage .list { padding: 0 3%; }
.teamPage .item { padding: .3rem 0 .3rem; width: 49%; display: block; margin-right: 2%; }
.teamPage .item:nth-child(2n) { margin-right: 0; }
.teamPage .item figure { width: 100%; position: relative; padding-top: 56%; overflow: hidden; }
.teamPage .item figure img { position: absolute; width: 100%; min-height: 100%; left: 0; top: 0; }
.teamPage .item h3 { font-size: .26rem; height: 0.34rem; line-height: 0.34rem; overflow: hidden; color: #000; }
.yewuPage .item .xzs177 { font-size: .2rem; line-height: .3rem; height: .6rem; color: #333; overflow: hidden; }
.yewuPage .item .xzs171 { font-size: .2rem; color: #999; display: block; }
.yewuPage .item:first-child { padding-top: 0; }
.yewuPage .moreBtn { margin-top: 0; }
.yewuPage .erro { padding: 3%; }
.moreBtn { width: 100%; margin: .3rem auto 0; text-align: center; color: #fff; height: 0.88rem; line-height: 0.88rem; display: block; background: #009b4c; box-shadow: 0px 1px 1px rgba(0,0,0,0.1); }
.moreBtn a { display: block; color: #fff; }
.xzs138 .moreBtn { width: 100%; }
.infobox { padding: 3%; }
.infobox img { max-width: 100% !important; }
.nfoot { padding: 0.3rem 0 0.6rem; background: #fff; display: block; font-size: 12px; text-align: center; }
.content { width: 100%; overflow: hidden; max-width: 640px; min-width: 320px; }
.singlepage { padding-top: 0; background: #f1f1f1; }
.singlepage .xzs145, .singlepage .floor_2, .singlepage .floor_3, .singlepage .floor_4 { padding: .2rem 0 .4rem; }
.singlepage .xzs153 { padding: 0 3%; }
.singlepage .xzs153 h3 { color: #333; font-size: .3rem; font-weight: bold; }
.singlepage .xzs153 h4 { color: #999; text-transform: uppercase; font-size: .24rem; display: block; }
.singlepage .info { padding: 3%; }
.erro { text-indent: 1em; }
.xzs148 .xzs164 { background: #fff; padding-bottom: 0; }

.sitepathbox { width: 100%; padding: 0; height: .8rem; font-size: .26rem; margin: 0; line-height: .8rem; background: #fff; position: relative; color: #666; }
.sitepath { padding-right: 3%; }
.sitepath a { color: #666; display: inline-block; }
.sitepathbox em { width: .14rem; height: .2rem; display: inline-block; margin: 0 .16rem; background-position: -2.04rem 0; }
.xzs158 { padding-left: 2%; display: block; }
.floor { padding: .3rem 0; }

.listProduct { padding-bottom: 3%; }
.listProduct .list { width: 100%; }
.listProduct li { width: 47%; margin-left: 2%; box-sizing: border-box; display: block; padding-top: 3%; float: left; margin-bottom: 3%; border-bottom: 1px dotted #ccc; }
.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.26rem; overflow: hidden; font-weight: normal; color: #000; text-align: center; }
.listProduct li:hover h3 { color: #ff0505; }
.listProduct li p { white-space: normal; word-wrap: break-word; color: #333 }

.newsList .list { width: 100%; margin-bottom: .3rem; }
.newsList .item { overflow: hidden; position: relative; border-bottom: 1px solid #f3f3f3; }
.newsList .item:nth-child(2n) { background: #f9f9f9; }
.newsList .item:nth-child(2n) span:after { background: #f9f9f9; }
.newsList .item:last-child { border: 0px; }
.newsList .item a { width: 92%; height: 1.5rem; padding: .2rem 5% .2rem 2%; display: block; }
.newsList .item h3 { font-size: .3rem; line-height: .38rem; font-weight: normal; margin-bottom: .08rem; color: #093c84; }
.newsList .item .xzs177 { color: #666666; font-size: .22rem; line-height: .28rem; }

.xzs126 { padding: 0 0 .2rem; width: 100%; }
.xzs126 .title { font-size: .4rem; text-align: center; line-height: .46rem; margin-bottom: .2rem; color: #333333; padding: .3rem 3% 0; }
.xzs126 .menu { margin-bottom: .2rem; }
.xzs126 .xzs167 { font-size: .22rem; line-height: 0.5rem; text-align: center; color: #666666; border-top: 1px dashed #e5e5e5; border-bottom: 1px dashed #e5e5e5; }
.xzs126 .xzs167 span { margin: 0 .06rem; }
.xzs126 .xzs150 { padding: .2rem 3% .4rem; color: #666666; }
.xzs126 .xzs150 img { max-width: 100%; height: auto !important; }
.xzs126 .xzs151 { margin: .2rem 3% .1rem; }
.xzs126 .showRelate { margin-top: .1rem; }
.xzs126 .showRelate .sitepath { padding: .18rem 0 0; }
.xzs126 .showRelate .sitepath h3 { font-weight: bold; }
.xzs126 .showRelate .item { margin-bottom: .2rem; }


@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; }
} 
@font-face { font-family: constantia; src: url("../font/constantia.eot"); src: url("../font/constantia.eot?#iefix") format("eot"), url("../font/constantia.ttf") format("truetype"); }
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both }

@keyframes menu-line1-hover {
0% {
}
50% {
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
}
100% {
top:50%;
transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
}
}
@keyframes menu-line2-hover {
0% {
opacity: 1
}
50% {
opacity: 1
}
51% {
opacity: 0
}
100% {
opacity: 0
}
}
@keyframes menu-line3-hover {
0% {
}
50% {
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
}
100% {
top:50%;
transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
}
}
@keyframes menu-line1 {
0% {
top:50%;
transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
}
50% {
top:50%;
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
}
100% {
top:0%;
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
}
}
@keyframes menu-line2 {
0% {
opacity: 0
}
50% {
opacity: 0
}
51% {
opacity: 1
}
100% {
opacity: 1
}
}
@keyframes menu-line3 {
0% {
top:50%;
transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
}
50% {
top:50%;
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
}
100% {
top:100%;
}
}
@-webkit-keyframes menu {
0% {
width: 24px;
}
45% {
width: 6px;
}
90% {
width: 24px;
}
100% {
width: 24px;
}
}
@keyframes menu {
0% {
width: 24px;
}
45% {
width: 6px;
}
90% {
width: 24px;
}
100% {
width: 24px;
}
}