/* --------------------------------------------- RESET -------------------------------------------- */
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; font-family: "Microsoft YaHei",Arial; font-size: 10mm; }
/* --------------------------------------------- LINKS -------------------------------------------- */
a { text-decoration: none; }
ul { list-style: none; }
img { border: 0px; }
body { }
/* --------------------------------------------- PUBLIC ------------------------------------------- */
.clear { clear: both; height: 0; font-size: 1px; line-height: 0px; }

/* --------------------------------------------- common --------------------------------------- */
.wap_logo { width: 19.65rem; height: 3.73rem; display:block; background: #ffffff; margin: auto; position:relative; }
.wap_logo .wap_logo_nav { width: 1.41rem; height:1.41rem; float:left; margin:1.06rem 0 0 1.25rem; background:url(/suna/bqUpload/mImages/bg_nav.png) no-repeat; background-size:1.41rem 1.41rem ; cursor:pointer; }
.wap_logo .wap_logo_nav_cur { background:url(/suna/bqUpload/mImages/bg_nav_cur.png) no-repeat; background-size:1.41rem 1.41rem ; }

.wap_logo .wap_logo_img { width: 2.66rem; height: 2.56rem; float:left; margin:0.58rem 0rem 0rem 6rem;  }
.wap_logo .bg_gray { width: 19.65rem; height: 0.24rem; margin:auto; left:0rem; top:3.73rem; background:url(/suna/bqUpload/mImages/bg_gray.png) no-repeat; background-size:19.65rem 0.24rem; position:absolute; z-index:9; }

.wap_logo .menus { width:8.85rem; height:18.26rem; margin:auto; left:0rem; top:3.73rem; padding-top:0.8rem; background:url(/suna/bqUpload/mImages/bg_menus.png) 0rem 0rem no-repeat; background-size:8.85rem 18.26rem; position:absolute; display:none;  z-index:8; }
.wap_logo .menus a { width:8.67rem; height:2.66rem; line-height:2.66rem; float:left; color:#008c31; text-align:center; font-size:0.85rem;  }
.wap_logo .menus a:hover { background:#026f28; color:#fff; font-weight:bold; }

.wap_foot { width: 19.65rem; height: 5.47rem; display:block; background: #008C31; margin: auto; padding-top:0.66rem; position:relative; }
.wap_foot p { width: 19.65rem; height: 0.72rem; line-height:0.72rem; font-size: 0.64rem; color:#ffffff; text-align:center; }
.wap_foot p.wap_foot_tel { width:7.49rem; height:0.93rem; line-height:0.93rem; font-size:0.9rem; display:block; background:url(/suna/bqUpload/mImages/bg_tel.png) no-repeat; background-size:0.93rem 0.93rem; text-align:right; font-weight:bold; margin:auto; }
.wap_foot p.wap_foot_tel a { color:#ffffff; }

.wap_footcon { width: 19.65rem; height: 2.4rem; display:block; background: #C9CACB; position:fixed; bottom:0rem; z-index:10; }
.wap_footcon .line { width: 19.65rem; height: 0.24rem; margin:auto; background:url(/suna/bqUpload/mImages/bg_gray.png) no-repeat; background-size:19.65rem 0.24rem; position:absolute; top:0rem; }
.wap_footcon .msg { width:4.85rem; height:1.09rem; display:block; margin:auto; background:url(/suna/bqUpload/mImages/bg_msg.png) left bottom no-repeat; background-size:1.14rem 1.09rem; text-align:right; font-size:0.85rem; color:#3e3a39; padding-top:0.69rem; }

/* --------------------------------------------- banners --------------------------------------- */
.subhead { width: 19.65rem; height: 2.4rem; display:block; background: #008C31; margin: auto; position:relative; }
.subhead .title { width:5rem; height:2.4rem; line-height:2.4rem; display:block; margin:auto; color:#fffefe; font-size:0.85rem; font-weight:bold; text-align:center; }
.subhead .subnav { width:1.25rem; height:1.01rem; position:absolute; left:1.2rem; top:0.66rem; background:url(/suna/bqUpload/mImages/bg_back.png) no-repeat; background-size:1.25rem 1.01rem; }
.subhead .bg_gray { width: 19.65rem; height: 0.24rem; margin:auto; left:0rem; top:2.4rem; background:url(/suna/bqUpload/mImages/bg_gray.png) no-repeat; background-size:19.65rem 0.24rem; position:absolute; z-index:1; }

/* --------------------------------------------- default --------------------------------------- */
.banner { width: 19.65rem; height: 9.6rem; display:block; margin: auto; }
.banner img { width: 19.65rem; height: 9.6rem; }

.pagewrap { width: 19.65rem; height: 9.6rem; margin:auto; }
.pageblock#fullscreen { height: 100%; background: none; color: white; }
.pageblock#fullscreen .slider { width: 19.65rem; height: 100%; overflow: hidden; position: relative; }
.pageblock#fullscreen .slider img{width: 100%; height: 100%;}
.pageblock#fullscreen .slider a{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.pagewrap .swiper-pagination{width: 100%;}
.pagewrap .swiper-pagination-bullet{height: 0.6rem; width: 0.6rem; background: #000; opacity: 1; margin: 0 0.2rem;}
.pagewrap .swiper-pagination-bullet-active{background: #fff;}
.pagewrap #slideposition ul li.indicator { display: inline-block; height: 0.45rem; width: 0.45rem; background: #222; margin: 0 0.18rem; padding: 0; -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px; overflow: hidden; cursor: pointer; border:1px solid #000; }
.pageblock#fullscreen #slideposition ul li.indicator.active { background: white; }

.links { width: 19.65rem; height:6.53rem; display:block; margin:auto; }
.links li.line { width:19.65rem; height:0.24rem; float:left; background:url(/suna/bqUpload/mImages/bg_links.png); background-size:19.65rem 0.24rem; }
.links li.item { width:3.2rem; height:3.93rem; float:left; margin:0.88rem .7rem 0 .7rem;text-align:center; }
.links li.item a { width:3.2rem; height:1.23rem; float:left; padding-top:3.2rem;  color:#3e3a39; font-size:0.8rem; line-height:1rem; }
.links li.linkimg01 { background:url(/suna/bqUpload/mImages/linkimg01.jpg) center 0rem no-repeat; background-size:2.77rem 2.77rem; }
.links li.linkimg02 { background:url(/suna/bqUpload/mImages/linkimg02.jpg) center 0rem no-repeat; background-size:2.77rem 2.77rem; }
.links li.linkimg03 { background:url(/suna/bqUpload/mImages/linkimg03.jpg) center 0rem no-repeat; background-size:2.77rem 2.77rem; }
.links li.linkimg04 { background:url(/suna/bqUpload/mImages/linkimg04.jpg) center 0rem no-repeat; background-size:2.77rem 2.77rem; }

.news { width: 19.65rem; height:14.85rem; display:block; margin:auto; }
.news .line { width:19.65rem; height:0.24rem; float:left; background:url(/suna/bqUpload/mImages/bg_news.png); background-size:19.65rem 0.24rem;  }
.news .item { width:17.49rem; height:0.85rem; display:block; margin:auto; padding-top:1.09rem; }
.news .item .title { width: 4.74rem; height:0.85rem; line-height:0.85rem; float:left; font-size:0.85rem; font-weight:bold; color:#221815; }
.news .item .more { width: 1.7rem; height:0.64rem; line-height:0.64rem; float:right; font-size:0.53rem; background:#008D31; }
.news .item .more a { color:#ffffff; }

.news .list { width:19.65rem; height:11.61rem; display:block; margin:0.82rem auto auto auto; }
.news .list .split { width:19.65rem; height:1px; display:block; margin:0.48rem auto; background:#efefef; }
.news .list a { width:17.49rem; height:4.72rem; display:block; margin:auto; }
.news .list a .img { width:4.72rem; height:4.72rem; float:left; }
.news .list a .img img { width:4.72rem; height:4.72rem; }
.news .list a .title { width:12.12rem; height:2rem; line-height:1rem; color:#221815; font-size:0.74rem; float:right;  }
.news .list a .date { width:12.12rem; height:0.66rem; line-height:0.66rem; color:#9fa0a0; font-size:0.64rem; float:right; margin-top:0.72rem; }
.news .list a .desc { width:12.12rem; height:1.38rem; line-height:0.75rem; color:#595757; font-size:0.64rem; float:right; margin-top:1.12rem; overflow:hidden; }

/* --------------------------------------------- newsbody --------------------------------------- */
.newsbody { width: 19.65rem; height: auto!important; height: 3.38rem; min-height: 3.38rem;  display:block; margin:1.5rem auto 0.9rem auto;  }
.newsbody a .split { width:19.65rem; height:1px; float:left; margin:0.48rem auto; background:#efefef; }
.newsbody a { width:19.65rem; height:5.68rem; display:block; margin:auto; }
.newsbody a .img { width:4.72rem; height:4.72rem; float:left; margin-left:1.16rem; }
.newsbody a .img img { width:4.72rem; height:4.72rem; }
.newsbody a .title { width:12.12rem; height:2rem; line-height:1rem; color:#221815; font-size:0.74rem; float:left; margin-left:0.69rem; overflow:hidden;  }
.newsbody a .date { width:12.12rem; height:0.66rem; line-height:0.66rem; color:#9fa0a0; font-size:0.64rem; float:left; margin-top:0.72rem; margin-left:0.69rem; }
.newsbody a .desc { width:12.12rem; height:1.38rem; line-height:0.74rem; color:#595757; font-size:0.64rem; float:left; margin-top:1rem; margin-left:0.69rem; overflow:hidden; }

.newsbody .ndtitle { width: 19.65rem; height:1.5rem; line-height:1.5rem; font-size:0.85rem; font-weight:bold; text-align:center; margin-top:1.14rem; margin-bottom:0.69rem; color:#3e3a39; overflow:hidden; }
.newsbody .nddate { width: 19.65rem;  height:1rem; line-height:1rem; font-size:0.53rem;  color:#626262; margin-bottom:0.69rem; text-align:center; color:#3e3a39; }
.newsbody .nddesc { width: 17.65rem; margin:auto auto 2.2rem auto; display:block; padding:0rem 1rem; color:#3e3a39; font-size:0.74rem; }
.newsbody .nddesc p, .newsbody .nddesc div, .newsbody .nddesc strong , .newsbody .nddesc b 
    , .newsbody .nddesc i , .newsbody .nddesc span { line-height:1rem; color:#3e3a39; text-align:justify;  font-size:0.74rem; }

.newsbody .shareline { width:14.98rem; height:0.02rem; display:block; margin:2.13rem auto auto auto; background:#535353;  }
.newsbody .shareline span { width:2.4rem; height:0.53rem; line-height:0.53rem; float:left; margin:-0.25rem auto auto 6.29rem; color:#3e3a39; font-size:0.53rem; text-align:center; background:#fff;  }

/* --------------------------------------------- Security --------------------------------------- */
.sibody { width: 19.65rem; height:11.46rem; display:block; margin:4rem auto 4rem auto;  }
.sibody .sititle { width: 19.65rem; height:1.38rem; display:block; margin:auto; text-align:center; color:#3e3a39; font-size:0.74rem; }
.sibody .siinput { width: 14.8rem; height:2.13rem; float:left; margin:1.12rem 0rem 0rem 2.42rem; }
.sibody .siinput input { width: 14.8rem; height: 2.13rem; float: left; border:1px solid #333333; font-size:1.08rem; text-align:center; box-sizing:border-box; border-radius: 0.2rem; -moz-border-radius: 0.2rem;  -webkit-border-radius: 0.2rem; }
.sibody .sisub {  width: 4.21rem; height: 1.49rem; line-height:1.49rem; text-align:center; color:#ffffff; float: left; font-size:0.74rem; margin:1.76rem 0rem 0rem 1.96rem; background:#008C31; border-radius: 0.2rem; -moz-border-radius: 0.2rem;  -webkit-border-radius: 0.2rem; }
.sibody .sireset {  width: 4.21rem; height: 1.49rem; line-height:1.49rem; text-align:center; color:#ffffff; float: left; font-size:0.74rem; margin:1.76rem 0rem 0rem 4.56rem; background:#707070; border-radius: 0.2rem; -moz-border-radius: 0.2rem;  -webkit-border-radius: 0.2rem; }
.sibody .sierror { width: 15.65rem; height:1rem; line-height:1rem; float:left; text-align:center; color:red; font-size:0.8rem; margin:0.5rem 0rem 0rem 1.96rem; display:none; }
.sibody .sishow { width: 15.65rem; height:3.3rem; line-height:1.1rem; float:left; margin:auto; margin:1rem 0rem 0rem 1.96rem; color:#626262; font-size:0.9rem;  }

/* --------------------------------------------- Sales --------------------------------------- */
.dlbody { width: 19.65rem; height:22.77rem; display:block; margin:auto;  }
.dlbody .dltitle { width: 15.65rem; height:2.4rem; line-height:2.4rem; float:left; margin:auto; text-align:left; color:#626262; font-size:0.8rem;margin:0rem 0rem 0rem 1.96rem;  }
.dlbody .dlinput { width: 15.65rem; height:2.74rem; float:left; margin:0rem 0rem 0rem 1.96rem; }
.dlbody .dlinput input { width: 15.65rem; height: 2.74rem; float: left; border:1px solid #DECEAC; font-size:1.08rem; text-align:center; box-sizing:border-box; border-radius: 0.2rem; -moz-border-radius: 0.2rem;  -webkit-border-radius: 0.2rem; }
.dlbody .dlsub { width: 9.86rem; height: 1.65rem; line-height:1.65rem; text-align:center; color:#ffffff; float: left; font-size:0.74rem; font-weight:bold; margin:1.76rem 0rem 0rem 4.89rem; background:#008C31; border-radius: 0.2rem; -moz-border-radius: 0.2rem;  -webkit-border-radius: 0.2rem; }
.dlbody .dlinput input.dlerror { border-color:red; }
.dlbody .dlinput select { width: 15.65rem; height: 2.13rem; float: left; border:1px solid #333333; font-size:1.08rem; text-align:left; box-sizing:border-box; border-radius: 0.4rem; -moz-border-radius: 0.4rem;  -webkit-border-radius: 0.4rem; appearance:none; -moz-appearance:none; -webkit-appearance:none; background: url("/suna/bqUpload/mImages/icon_sel.png") no-repeat scroll right center transparent; background-size:1.65rem 2.13rem; }

.citylist { width: 18.58rem; height: auto!important; height: 3.38rem; min-height: 3.38rem; display:none; margin:auto auto 0.6rem auto; overflow:hidden; }
.citylist .item { width: 18.58rem; float:left; overflow:hidden; }
.citylist .item .title { width: 15.25rem; height: 1rem; line-height: 1rem; float: left; font-size:0.64rem; margin:0.5rem 1.7rem auto 1.7rem; color:#000000; }
.citylist .item p { width: 15.25rem; display:block; font-size:0.48rem; color:#008C31; margin:auto 1.7rem; text-align:left; word-break:break-all; word-wrap:break-word ; }
.citylist .item .line { width: 18.58rem; height: 0.02rem; float: left; margin:0.58rem 0rem 0rem 0rem; border-top:0.02rem #959595 dashed;  }

/* --------------------------------------------- Contact --------------------------------------- */
.clbody { width: 19.65rem; height:29.77rem; display:block; margin:auto;  }
.clbody .cltitle { width: 15.65rem; height:2.4rem; line-height:2.4rem; float:left; margin:auto; text-align:left; color:#626262; font-size:0.8rem;margin:0rem 0rem 0rem 1.96rem;  }
.clbody .clinput { width: 14.98rem; height:2.13rem; float:left; margin:0rem 0rem 0rem 1.96rem; }
.clbody .clinput input { width: 14.98rem; height:2.13rem; float: left; border:1px solid #333333; font-size:1.08rem; text-align:left; box-sizing:border-box; border-radius: 0.4rem; -moz-border-radius: 0.4rem;  -webkit-border-radius: 0.4rem; }
.clbody .clsub { width: 9.86rem; height: 1.65rem; line-height:1.65rem; text-align:center; color:#ffffff; float: left; font-size:0.74rem; font-weight:bold; margin:1.76rem 0rem 0rem 4.89rem; background:#008C31; border-radius: 0.2rem; -moz-border-radius: 0.2rem;  -webkit-border-radius: 0.2rem; }
.clbody .clinput input.dlerror { border-color:red; }
.clbody .clinput select { width: 14.98rem; height: 2.13rem; float: left; border:1px solid #333333; font-size:1.08rem; text-align:left; box-sizing:border-box; border-radius: 0.4rem; -moz-border-radius: 0.4rem;  -webkit-border-radius: 0.4rem; appearance:none; -moz-appearance:none; -webkit-appearance:none; background: url("/suna/bqUpload/mImages/icon_sel.png") no-repeat scroll right center transparent; background-size:1.65rem 2.13rem; }
.clbody .clinput textarea { width: 14.98rem; height:4.26rem; float: left; border:1px solid #333333; font-size:1.08rem; text-align:left; box-sizing:border-box; border-radius: 0.2rem; -moz-border-radius: 0.2rem;  -webkit-border-radius: 0.2rem; }

.clinfo { width: 19.65rem; height:13.33rem; display:block; margin:auto;  }
.clinfo .item { width:15.5rem; display:block; margin:auto; }
.clinfo .item .title { width:15.1rem;height:1.33rem; line-height:1.33rem; float:left; color:#3e3a39; font-size:0.85rem; font-weight:bold; }
.clinfo .item .desc { width:15.5rem; line-height:1.2rem; float:left; color:#3e3a39; font-size:0.74rem; margin-top:0.5rem; }

.wxcode { width:9.17rem; height:10rem; display:block; margin:auto auto 1rem auto; position:relative; }
.wxcode .txt { width:9.17rem; height:0.64rem; font-size:0.64rem; text-align:center; color:#3e3a39; position:absolute; z-index:2; }
.wxcode .img { width:9.17rem; height:9.17rem; position:absolute; z-index:1; top:0.34rem; }
.wxcode .img img { width:9.17rem; height:9.37rem; }

/* --------------------------------------------- About --------------------------------------- */
.bqhis { width:16.74rem; height:24.6rem; display:block; margin:auto; padding-top:0.5rem; background:url(/suna/bqUpload/mImages/bg_bq.png) left bottom no-repeat; background-size:0.48rem 22.16rem; }
.bqhis .header { width:16.74rem; height:2.4rem; line-height:2.4rem; float:left; font-size:0.85rem; color:#008c31; }
.bqhis .item { width:15.62rem; height:5.25rem; float:right; }
.bqhis .first { margin-top:-0.2rem; }
.bqhis .last { margin-top:1.3rem; height:4.5rem; }
.bqhis .mid { margin-top:0.2rem; }
.bqhis .item .txt { width:10.5rem; height:5.25rem; float:left; }
.bqhis .item .txt .title { width:10.5rem; height:1rem; line-height:1rem; float:left; font-size:0.74rem; color:#595757; }
.bqhis .item .txt .desc { width:10rem; height:4rem; float:left; margin-top:0.1rem; line-height:1rem; font-size:0.74rem; color:#3e3a39; text-align:justify; }
.bqhis .item .img { width:4rem; height:3.36rem; float:right; }
.bqhis .item .img img { width:4rem; height:3.36rem; }

.bg_bq01 { width: 19.65rem; height:5.36rem; display:block; margin:auto; background:url(/suna/bqUpload/mImages/bg_bq01.png) no-repeat; background-size:19.65rem 5.36rem;  }

.bqblock { width:19.65rem; height:25.84rem; display:block; margin:1.33rem auto; background:url(/suna/bqUpload/mImages/bg_about.jpg) no-repeat; background-size:19.65rem 25.84rem; }
.bqblock span { width:12.37rem; height:4rem; line-height:1rem; float:left; font-size:0.74rem; color:#3e3a39; text-align:justify; }
.bk01 { margin:0.8rem 0 0 5.9rem; }
.bk02 { margin:1.8rem 0 0 1.78rem; }
.bk03 { margin:1.3rem 0 0 5.9rem; }
.bk04 { margin:1.3rem 0 0 1.78rem; }
.bk05 { margin:1.7rem 0 0 5.9rem; }

/* --------------------------------------------- Product --------------------------------------- */
.pdblock01 { width:19.65rem; height:6.18rem; display:block; margin:1.57rem auto auto auto; }
.pdblock01 .txt { width:10.5rem; height:6.18rem; float:left; margin-left:1.31rem; }
.pdblock01 .txt .title { width:10.5rem; height:1.33rem; line-height:1.33rem; float:left; color:#008c31; font-size:0.85rem; }
.pdblock01 .txt .desc { width:10.5rem; height:4rem; line-height:1rem; float:left; margin-top:0.4rem; color:#000000; font-size:0.74rem;  }
.pdblock01 .img { width:6.61rem; height:6.18rem; float:left; margin-left:0.21rem; }
.pdblock01 .img img { width:6.61rem; height:6.18rem; }

.pdblock02 { width:19.65rem; height:4.29rem; display:block; margin:0.85rem auto auto auto; }
.pdblock02 .line { width:11rem; height:0.24rem; float:left; margin-left:1.31rem; background:url(/suna/bqUpload/mImages/p02.png) no-repeat; background-size:2.26rem 0.24rem; }
.pdblock02 .txt { width:11rem; height:3.18rem; float:left; margin-left:1.31rem; margin-top:0.5rem; }
.pdblock02 .txt .title { width:11rem; height:1.33rem; line-height:1.33rem; float:left; color:#008c31; font-size:0.85rem; }
.pdblock02 .txt .desc { width:11.9rem; height:2rem; line-height:1rem; float:left; margin-top:0.5rem; color:#000000; font-size:0.74rem;  }
.pdblock02 .img { width:4.85rem; height:4.29rem; float:left; margin-left:0.77rem; }
.pdblock02 .img img { width:4.85rem; height:4.29rem; }

.pdblock03 { width:19.65rem; height:10.18rem; display:block; margin:1.01rem auto auto auto; background:url(/suna/bqUpload/mImages/p04.png) no-repeat; background-size:19.65rem 10.18rem; }
.pdblock03 .txt { width:6.02rem; height:0.93rem; float:left; color:#000000; font-size:0.85rem; line-height:0.93rem; margin:4.16rem 0 0 12.07rem; }

.pdblock04 { width:19.65rem; height:18.16rem; display:block; margin:1.33rem auto auto auto; background:url(/suna/bqUpload/mImages/p05.jpg) no-repeat; background-size:19.65rem 18.16rem; }
.pdblock04 .title { width:19.65rem; height:0.9rem; line-height:0.9rem; color:#0d8d30; font-size:0.85rem; display:block; padding-top:1.17rem; text-align:center; }
.pdblock04 .desc { width:19.65rem; height:8rem; line-height:1rem; color:#333334; font-size:0.74rem; display:block; padding-top:0.58rem; text-align:center;}


.pdblock05 { width:16.61rem; height:9.11rem; display:block; margin:1.17rem auto auto auto; background:url(/suna/bqUpload/mImages/p06.png) left bottom no-repeat; background-size:12.26rem 8.02rem; }
.pdblock05 .title { width:16.61rem; height:0.93rem; float:left; text-align:right; line-height:0.93rem; color:#008c31; font-size:0.85rem; }
.pdblock05 .desc { width:16.61rem; height:1.97rem; float:left; text-align:right; line-height:0.98rem; float:right; color:#333334; font-size:0.74rem; margin-top:0.21rem; }

.pdblock06 { width:19.65rem; height:2rem; display:block; margin:1rem auto auto auto; }
.pdblock06 .pmenu { width:9.8rem; height:2rem; line-height:2rem; text-align:center; float:left; background:#C9CACA; font-size: 0.74rem; font-weight:bold; color:#008c31; cursor:pointer; }
.pdblock06 .cur { background:#008C31;  color:#fefefe; }

.showbk { display:none; }

.pdblock07 { width: 16.85rem; height: 12.32rem; display:block; margin:1.28rem auto 1.38rem auto; }
.pdblock07 .title { width:16.85rem; height:0.96rem; line-height:0.96rem; float:left; text-align:center; font-size:0.74rem; color:#008c31; }
.pdblock07 .guan { width:16.85rem; height:2rem; float:left; margin-top:1.17rem; }
.pdblock07 .guan img { width: 16.85rem; height: 2rem; }
.pdblock07 .table { width:16.85rem; height:6.9rem; float:left; margin-top:1.25rem; }
.pdblock07 .table img { width:16.85rem; height:6.9rem; }

.pdblock08 { width:17.33rem; height:70.5rem; display:block; margin:1.33rem auto auto auto; background:#fff; }
.pdblock08 ul { width:17.33rem; height:20rem; float:left; list-style:none; }
.pdblock08 ul li { width:8.29rem; height:9.6rem; float:left; margin:0 0.18rem 0.42rem 0.18rem; background:#F7F7F7; }
.pdblock08 ul li .title { width:8.29rem; height:0.8rem; line-height:0.8rem; float:left; margin-top:0.64rem; color:#008c31; font-size:0.64rem; text-align:center; }
.pdblock08 ul li .desc { width:8.29rem; height:1.22rem; line-height:0.61rem; float:left; margin-top:0.26rem; color:#595757; font-size:0.42rem; text-align:center; }
.pdblock08 ul li .img { width:8.29rem; height:4.98rem; float:left; }
.pdblock08 ul li .img img { width:8.29rem; height:4.98rem; }
.pdblock08 ul li .brief { float:left; color:#ffffff; background:#008C31; }
.pdblock08 ul li .r2 { width:7.77rem; height:1.43rem; line-height:0.5rem; font-size:0.42rem; padding:0.25rem 0.26rem 0 0.26rem; }
.pdblock08 ul li .r3 { width:6.87rem; height:1.6rem; line-height:0.5rem; padding:0.08rem 0.7rem 0 0.7rem; font-size:0.38rem; }

/* --------------------------------------------- 404 --------------------------------------- */
.bk404 { width: 19.65rem; height: 29.52rem;  display:block; margin:6.05rem auto auto auto;  }
.bk404 .img { width: 19.65rem; height: 10.77rem;  display:block; margin:auto auto auto auto; }
.bk404 .img img { width: 19.65rem; height: 10.77rem; }
.bk404 .title { width: 14.8rem; height: 2.18rem; line-height:2.18rem; text-align:left; font-size:1.87rem; color:#000000; display:block; margin:3.84rem auto auto auto; }
.bk404 .msg1 { width: 14.8rem; height: 1.28rem; line-height:1.28rem; text-align:left; font-size:1rem; color:#c1a362; display:block; margin:0.61rem auto auto auto; }
.bk404 .msg2 { width: 14.8rem; height: 1.06rem; line-height:1.06rem; text-align:left; font-size:0.58rem; color:#999999; display:block; margin:0.8rem auto auto auto; }



@media screen and (max-width:750px) {
    html { font-size: 10mm; /*满屏按照10px来算，最好的写法是单位为 mm 毫米*/ }
}
@media screen and (max-width:675px) {
    html { font-size: 9mm; /*屏幕等于设计的 9/10, 标准尺寸也缩小到9/10 最好的写法是单位为 mm 毫米 */ }
}
@media screen and (max-width:600px) {
    html { font-size: 8mm; /*屏幕等于设计的 8/10, 标准尺寸也缩小到8/10  */ }
}
@media screen and (max-width:525px) {
    html { font-size: 7mm; /*屏幕等于设计的 7/10, 标准尺寸也缩小到7/10  */ }
}
@media screen and (max-width:450px) {
    html { font-size: 6mm; }
}
@media screen and (max-width:375px) {
    html { font-size: 5mm; }
}
@media screen and (max-width:300px) {
    html { font-size: 4mm; }
}