*,html,body{padding:0;margin:0;font-size:0.6rem;outline: none;font-family:"微软雅黑",arial; max-width:640px; margin-left:auto; margin-right:auto; }
.clearfix { clear:both; }
.hidden { display:none; }
*,:after, :before { margin: 0; padding: 0; box-sizing: border-box; }
*{ margin: 0; padding: 0; }
a { color:#01bc4b; text-decoration:none; }
body { margin:0; margin:0 }
body.grey { background:#f4f4f4; }
.light { color:#d41004; }

.toper { width:16rem; height:3.2rem; background:#01bc4b; margin:0 auto; position:relative; }
.toper .logo { height:3rem; width:8rem; padding:0.5rem 0 0 0.5rem; }
.toper .logo img { height:2rem; }
.toper .menu { height:3.2rem; width:5rem; position:absolute; top:0; right:0; bottom:0; background:url(/public/img/logo_mm.png) 0 0 no-repeat; background-size:auto 100%; background-position:right center; }
.toper .menu span { display:block; width:1rem; height:1rem; background:url(/public/img/menu.png) 0 0 no-repeat; background-size:100% 100%; background-position:center center; margin:1.1rem 0rem 0 3rem; }

.footer { width:16rem; background:#191919; }
.footer .menu { width:16rem; }
.footer .menu .item { width:16rem; height:2rem; border-bottom:solid 1px #2f2f2f; position:relative; }
.footer .menu .item a { display:block; height:2rem; width:16rem; text-indent:0.5rem; color:#01bc4b; line-height:2rem; }
.footer .menu .item a span { display:block; width:1rem; height:1rem; position:absolute; top:0.5rem; right:0.5rem; background:url(/public/img/right.png) 0 0 no-repeat; background-size:60% 60%; background-position:center center; }
.footer .qrcode { width:16rem; height:8rem; padding:1rem 0; text-align:center; }
.footer .qrcode img { width:5rem; height:5rem; }
.footer .qrcode span { display:block; height:1rem; text-align:center; color:#cccccc; font-size:0.6rem; margin-top:0.3rem;   }
.footer .contact { width:16rem; padding:1rem 1rem; border-top:solid 1px #2f2f2f; }
.footer .contact .item { width:14rem; display:flex; margin-bottom:0.5rem; }
.footer .contact .item .icon { width:1rem; height:rem;  }
.footer .contact .item .adr { background:url(/public/img/ad_icon.png) 0 0 no-repeat; background-size:20px 20px; background-position:left 10px; }
.footer .contact .item .tel { background:url(/public/img/phone_icon.png) 0 0 no-repeat; background-size:20px 20px; background-position:left 10px; }
.footer .contact .item .info { width:12.5rem; margin-left:0.5rem; color:#cccccc; line-height:1rem; }
.footer .copyright { width:16rem; height:2rem; line-height:2rem; border-top:solid 1px #2f2f2f; text-align:center; color:#cccccc; font-size:0.5rem;}
.footer .copyright a { color:#cccccc; font-size:0.55rem; }

.lfmenu {  }
.lfmenu .mask { position:fixed; left:0; top:0; bottom:0; right:0; width:16rem; margin:0 auto; background:#000; opacity:0.6; z-index:8; }
.lfmenu .menu { position:fixed; right:50%; margin-right:-18rem; top:0; bottom:0; width:10rem; background:#191919; z-index:10; }
.lfmenu .menu .logo { width:10rem; height:4rem; background:#01bc4b; padding:1rem 0; text-align:center; }
.lfmenu .menu .logo img { height:2rem; }
.lfmenu .menu .list { width:10rem; }
.lfmenu .menu .item { width:10rem; height:2.4rem; border-bottom:solid 1px #2f2f2f; position:relative; }
.lfmenu .menu .item a { display:block; height:2.4rem; width:10rem; text-indent:0.5rem; color:#e1e1e1; line-height:2.4rem; }
.lfmenu .menu .item a span {  display:block; width:1rem; height:1rem; position:absolute; top:0.7rem; right:0.5rem; background:url(/public/img/right.png) 0 0 no-repeat; background-size:60% 60%; background-position:center center; }

.pages { width:15rem;  text-align:center; padding:1rem 0 0 0; border-top:0px solid #f6f6f6; font-family:"MicroSoft YaHei"; font-size:0.6rem; color:#666;}
.pages a{ display:inline-block; font-family:"MicroSoft YaHei"; font-size:0.6rem; color:#000; text-decoration:none; height:1.5rem; line-height:1.5rem; padding:0rem 0.5rem; margin-bottom:0.6rem; border:1px solid #e1e2e3; margin-right:0.3rem; }
.pages a:hover{ color:#01bc4b; background:#f2f8ff; border: 1px solid #e1e2e3;}
.pages span{ display:inline-block; font-family:"MicroSoft YaHei"; font-size:0.6rem; color:#333; text-decoration:none; height:1.5rem; line-height:1.5rem; padding:0rem 0.5rem; margin-bottom:0.6rem; border:1px solid #f3f3f3; margin-right:0.3rem; }
.pages strong{ color:#01bc4b; font-weight:500; font-size:0.6rem; }

.index { width:16rem; margin:0 auto; }
.index .banner { width:16rem; height:8rem; }
.index .banner img { width:16rem; height:8rem; }
.index .about { width:16rem; }
.index .about .title { width:16rem; height:5.5rem; padding:1rem 0; position:relative; }
.index .about .title .nn { font-size:1.2rem; font-weight:bold; display:block; width:10rem; text-align:center; margin:0 auto; }
.index .about .title .en { font-size:0.8rem; font-weight:bold; display:block; width:8rem; text-align:center; margin:0.4rem auto 0 auto; color:#01bc4b; }
.index .about .title .ll { width:3rem; height:0.15rem; background:#01bc4b; position:absolute; left:6.5rem; top:4.5rem; }
.index .about .detail { width:16rem; padding:0rem 0.5rem; color:#666; line-height:1rem; }
.index .about .thumb { width:16rem; padding:0.5rem 1rem; }
.index .about .thumb img { width:14rem; }

.index .products { width:16rem; padding:0.5rem 0 3rem 0; background:#eaeaea url(/public/img/bg.jpg) 0 0 no-repeat; background-size:100% auto; background-position:center bottom; }
.index .products .title { width:16rem; height:5.5rem; padding:1rem 0; position:relative; }
.index .products .title .nn { font-size:1.2rem; font-weight:bold; display:block; width:10rem; text-align:center; margin:0 auto; color:#01bc4b; }
.index .products .title .en { font-size:0.8rem; font-weight:bold; display:block; width:8rem; text-align:center; margin:0.4rem auto 0 auto; color:#666; }
.index .products .title .ll { width:3rem; height:0.15rem; background:#01bc4b; position:absolute; left:6.5rem; top:4.5rem; }
.index .products .list { margin:0 auto; padding:0.8rem 0; }
.index .products .list .swiper-slide { width:12rem; }
.index .products .list .item { display:block; width:12rem; background:#fff; height:19.5rem; }
.index .products .list .item img { width:12rem; height:8.36rem; margin:0 auto; }
.index .products .list .item .detail { width:11rem; height:7rem; margin:0.4rem auto 0 auto; padding:0 0.3rem;  }
.index .products .list .item .detail .name { width:10.4rem; font-size:1rem; color:#000; }
.index .products .list .item .detail .name span { display:block; color:#333; margin-top:0.2rem; font-size:0.6rem; }
.index .products .list .item .detail .desc { width:10.4rem; line-height:1.2rem; color:#333; margin-top:0.6rem;  }
.index .products .more { width:15rem; height:2rem; background:#01bc4b; margin:0.3rem auto 0 auto;  }
.index .products .more a { display:block; width:15rem; height:2rem; color:#fff; text-align:center; line-height:2rem; }

.index .apps { width:16rem; padding:0.5rem 0 3rem 0; background:url(/public/img/icon.jpg) 0 0 repeat; }
.index .apps .title { width:16rem; height:5.5rem; padding:1rem 0; position:relative; }
.index .apps .title .nn { font-size:1.2rem; font-weight:bold; display:block; width:10rem; text-align:center; margin:0 auto; color:#01bc4b; }
.index .apps .title .en { font-size:0.8rem; font-weight:bold; display:block; width:12rem; text-align:center; margin:0.4rem auto 0 auto; color:#666; }
.index .apps .title .ll { width:3rem; height:0.15rem; background:#01bc4b; position:absolute; left:6.5rem; top:4.5rem; }
.index .apps .list { width:15rem; margin:0 auto; }
.index .apps .list .item { width:7rem; height:8rem; margin-top:0.4rem; margin-right:1rem; float:left; }
.index .apps .list .item:nth-child(2n){ margin-right:0; }
.index .apps .list .item .img { width:7rem; height:5rem; background:#fff; }
.index .apps .list .item .img img { width:7rem; height:5rem; }
.index .apps .list .item .name { width:7rem; height:2rem; line-height:2rem; font-size:0.7rem; color:#000; }
.index .apps .list .item .line { width:7rem; height:0.5rem; border-bottom:solid 1px #d3d3d3; }
.index .apps .more { width:15rem; height:2rem; background:#01bc4b; margin:0.3rem auto 0 auto;  }
.index .apps .more a { display:block; width:15rem; height:2rem; color:#fff; text-align:center; line-height:2rem; }

.index .news { width:16rem; padding:0.5rem 0 3rem 0; background:#f6f7f9 url(/public/img/bgn.jpg) 0 0 no-repeat; background-size:100% auto; background-position:center bottom; }
.index .news .title { width:16rem; height:5.5rem; padding:1rem 0; position:relative; }
.index .news .title .nn { font-size:1.2rem; font-weight:bold; display:block; width:10rem; text-align:center; margin:0 auto; color:#01bc4b; }
.index .news .title .en { font-size:0.8rem; font-weight:bold; display:block; width:8rem; text-align:center; margin:0.4rem auto 0 auto; color:#666; }
.index .news .title .ll { width:3rem; height:0.15rem; background:#01bc4b; position:absolute; left:6.5rem; top:4.5rem; }
.index .news .list { margin:0 auto; padding:0.8rem 0; }
.index .news .list .swiper-slide { width:12rem; }
.index .news .list .item { display:block; width:12rem; height:16.5rem; background:#fff; padding:0.8rem 0.5rem; }
.index .news .list .item .img { width:11rem; height:7rem; margin:0.5rem auto 0 auto; }
.index .news .list .item .img img { width:11rem; height:7rem; }
.index .news .list .item .time { width:11rem; height:1.6rem; color:#01bc4b; font-size:1.2rem; }
.index .news .list .item .name { width:11rem; height:1.6rem; line-height:1.6rem; overflow:hidden; color:#333; font-weight:bold; font-size:0.8rem; }
.index .news .list .item .desc { width:11rem; margin-top:0.5rem; color:#999; height:3rem; overflow:hidden; line-height:1rem;}

.index .news .more { width:15rem; height:2rem; background:#01bc4b; margin:0.3rem auto 0 auto;  }
.index .news .more a { display:block; width:15rem; height:2rem; color:#fff; text-align:center; line-height:2rem; }

.index .nnnav { height:2rem; width:16rem; margin:0.5rem auto 0 auto; padding:0px 0.5rem; }
.index .nnnav a { height:2rem; display:inline-block; padding:0 0.2rem; line-height:2rem; font-size:0.6rem; color:#333; }
.index .nnnav em { color:#999; padding:0 0.2rem; font-style:normal; display:inline-block; font-size:0.6rem; background: url('/public/img/i-icon-01.png') no-repeat center center;height:2rem; background-size:auto 30%; vertical-align:middle;  }
.index .nnnav a.home { padding-left: 1rem;background: url('/public/img/home.png') no-repeat left center; background-size:auto 35%; }
.index .nnnav a:hover { color:#01bc4b; }
.index .nnnav span { font-size:0.6rem; padding-left:0.2rem; }

.index .nnmenu { width:16rem; padding:0 0.5rem; margin:0.6rem auto 0 auto; }
.index .nnmenu a { float:left; display:block;width:4.7rem;height:2rem; background:#f4f4f4;color:#000;text-align:center;line-height:2rem; margin-right:0.45rem; margin-bottom:0.5rem; font-size:0.6rem;}
.index .nnmenu a.active {background:#01bc4b;color:#fff;}
.index .nnmenu a:hover {background:#01bc4b;color:#fff;}
.index .nnmenu a:nth-child(3n) { margin-right:0; }

.index .ppmenu { width:16rem; padding:0 0.5rem; margin:0.6rem auto 0 auto; }
.index .ppmenu a { float:left; display:block;width:15rem;height:2rem; background:#f4f4f4;color:#000; overflow:hidden; text-align:center;line-height:2rem; margin-bottom:0.5rem; font-size:0.6rem;}
.index .ppmenu a.active {background:#01bc4b;color:#fff;}
.index .ppmenu a:hover {background:#01bc4b;color:#fff;}

.aboutp { width:16rem; margin:1rem auto 0 auto; padding:0 0.5rem 1rem 0.5rem; }
.aboutp .block { width:15rem; padding:0.5rem 0 2rem 0; position:relative; -webkit-box-shadow: #c7c7c7 0px 0px 18px; -moz-box-shadow: #c7c7c7 0px 0px 18px; box-shadow: #c7c7c7 0px 0px 18px; border-radius:3px; }
.aboutp .block .detail { width:14rem; line-height:1rem; margin:0 auto;  }
.aboutp .block .thumb { width:14rem; margin:0rem auto 0 auto;   }
.aboutp .block .thumb img { width:14rem; height:12rem; border-radius:0.2rem; }
.aboutp .block .line { background:#01bc4b; height:0.3rem; width:5rem; position:absolute; left:5rem; bottom:0rem; }

.honorp { width:16rem; margin:0px auto 0 auto; padding:1rem 0.5rem 1rem 0.5rem; }
.honorp .list { width:15rem; margin:0 auto; }
.honorp .list .item { width:7.2rem; height:14.6rem; float:left; margin-right:0.6rem; margin-bottom:0.8rem; overflow:hidden; -webkit-box-shadow: #c7c7c7 0px 0px 18px; -moz-box-shadow: #c7c7c7 0px 0px 18px; box-shadow: #c7c7c7 0px 0px 18px; border-radius:3px; }
.honorp .list .item:nth-child(2n) { margin-right:0; }
.honorp .list .item img { width:7.2rem; height:9rem; }
.honorp .list .item .captionn { width:6.4rem; margin:0.4rem auto 0 auto; padding:0; }
.honorp .list .item .captionn h3 { width:6.4rem; height:2rem; padding:0; line-height:1rem; font-size:0.7rem; overflow:hidden; text-align:center; color:#333; }
.honorp .list .item .captionn p { width:6.4rem; height:3rem; padding:0; line-height:1rem; overflow:hidden; color:#999; overflow:hidden; }

.partnerp { width:16rem; margin:0px auto 0 auto; padding:1rem 0.5rem 1rem 0.5rem; }
.partnerp .list { width:15rem; margin:0 auto; }
.partnerp .list .item { width:7.2rem; height:12.6rem; float:left; margin-right:0.6rem; margin-bottom:0.8rem; overflow:hidden; -webkit-box-shadow: #c7c7c7 0px 0px 18px; -moz-box-shadow: #c7c7c7 0px 0px 18px; box-shadow: #c7c7c7 0px 0px 18px; border-radius:3px; }
.partnerp .list .item:nth-child(2n) { margin-right:0; }
.partnerp .list .item img { width:7.2rem; height:7rem; }
.partnerp .list .item .captionn { width:6.4rem; margin:0.4rem auto 0 auto; padding:0; }
.partnerp .list .item .captionn h3 { width:6.4rem; height:2rem; padding:0; line-height:1rem; font-size:0.7rem; overflow:hidden; text-align:center; color:#333; }
.partnerp .list .item .captionn p { width:6.4rem; height:3rem; padding:0; line-height:1rem; overflow:hidden; color:#999; overflow:hidden; }

.photop { width:16rem; margin:0px auto 0 auto; padding:1rem 0.5rem 1rem 0.5rem; }
.photop .list { width:15rem; margin:0 auto; }
.photop .list .item { width:7.2rem; height:13.6rem; float:left; margin-right:0.6rem; margin-bottom:0.8rem; overflow:hidden; -webkit-box-shadow: #c7c7c7 0px 0px 18px; -moz-box-shadow: #c7c7c7 0px 0px 18px; box-shadow: #c7c7c7 0px 0px 18px; border-radius:3px; }
.photop .list .item:nth-child(2n) { margin-right:0; }
.photop .list .item img { width:7.2rem; height:8rem; }
.photop .list .item .captionn { width:6.4rem; margin:0.4rem auto 0 auto; padding:0; }
.photop .list .item .captionn h3 { width:6.4rem; height:2rem; padding:0; line-height:1rem; font-size:0.7rem; overflow:hidden; text-align:center; color:#333; }
.photop .list .item .captionn p { width:6.4rem; height:3rem; padding:0; line-height:1rem; overflow:hidden; color:#999; overflow:hidden; }

.teamp { width:16rem; margin:0px auto 0 auto; padding:1rem 0.5rem 1rem 0.5rem; }
.teamp .list { width:15rem; margin:0 auto; }
.teamp .list .item { width:7.2rem; height:13.6rem; float:left; margin-right:0.6rem; margin-bottom:0.8rem; overflow:hidden; -webkit-box-shadow: #c7c7c7 0px 0px 18px; -moz-box-shadow: #c7c7c7 0px 0px 18px; box-shadow: #c7c7c7 0px 0px 18px; border-radius:3px; }
.teamp .list .item:nth-child(2n) { margin-right:0; }
.teamp .list .item img { width:7.2rem; height:8rem; }
.teamp .list .item .captionn { width:6.4rem; margin:0.4rem auto 0 auto; padding:0; }
.teamp .list .item .captionn h3 { width:6.4rem; height:2rem; padding:0; line-height:1rem; font-size:0.7rem; overflow:hidden; text-align:center; color:#333; }
.teamp .list .item .captionn p { width:6.4rem; height:3rem; padding:0; line-height:1rem; overflow:hidden; color:#999; overflow:hidden; }

.productp { width:16rem; margin:0px auto 0 auto; padding:1rem 0.5rem 1rem 0.5rem; }
.productp .list { width:15rem; margin:0 auto; }
.productp .list .item { width:7.2rem; height:15.6rem; float:left; margin-right:0.6rem; margin-bottom:0.8rem; overflow:hidden; -webkit-box-shadow: #c7c7c7 0px 0px 18px; -moz-box-shadow: #c7c7c7 0px 0px 18px; box-shadow: #c7c7c7 0px 0px 18px; border-radius:3px; }
.productp .list .item:nth-child(2n) { margin-right:0; }
.productp .list .item img { width:7.2rem; height:7rem; }
.productp .list .item .captionn { width:6.4rem; margin:0.4rem auto 0 auto; padding:0; }
.productp .list .item .captionn h3 { width:6.4rem; height:2rem; padding:0; line-height:1rem; font-size:0.7rem; overflow:hidden; text-align:center; color:#333; }
.productp .list .item .captionn p { width:6.4rem; height:3rem; padding:0; line-height:1rem; overflow:hidden; color:#999; overflow:hidden; }
.productp .list .item .captionn .button { width:6rem; height:3rem; margin:0.4rem auto 0 auto; }
.productp .list .item .captionn .button span { display:block; width:6rem; height:1.8rem;  background:#01bc4b; line-height:1.8rem; color:#fff; text-align:center; margin:0 auto; }

.productd { width:16rem; margin:0px auto 0 auto; padding:1rem 0.5rem 2rem 0.5rem; }
.productd .title { width:15rem; text-align:center; line-height:1rem;  }
.productd .title p:nth-child(1) { font-size:1rem; color:#000; font-weight:bold; }
.productd .title p:nth-child(2) { font-size:0.6rem; color:#999; margin-top:0.4rem; }
.productd .content { width:15rem; font-size:0.6rem; line-height:1.2rem; margin-top:1rem; }
.productd .content  img { max-width:100%; height:auto; padding:0.6rem 0; }
.productd .relation { width:15rem; position:relative; }
.productd .relation .name { width:15rem; height:50px; line-height:50px; font-size:0.7rem; font-weight:bold; text-indent:0.5rem; position:relative;  }
.productd .relation .name span { position:absolute; height:0.8rem; display:block; width:0.2rem; background:#01bc4b; border-radius:6px; left:0; top:0.6rem; }
.productd .relation .list { width:15rem; height:9rem; margin:0.3rem 0; }
.productd .relation .list .swiper-slide { width:7rem; height:9rem; overflow:hidden; }
.productd .relation .list img { height:6rem; width:7rem }
.productd .relation .list .tex { text-align:center; padding:0.3rem 0; font-weight:bold; color:#333; }

.appp { width:16rem; margin:0px auto 0 auto; padding:1rem 0.5rem 2rem 0.5rem; }
.appp .list { width:15rem; }
.appp .list ul li { width:15rem; height:5rem;  margin-bottom:0.6rem; }
.appp .list ul li a { display:block; display:flex; }
.appp .list ul li .img { width:6rem; height:5rem; }
.appp .list ul li .img img { width:6rem; height:5rem; }
.appp .list ul li .tex { width:9rem; height:5rem; background:#f4f4f4; padding:0.4rem 0.5rem; }
.appp .list ul li .tex p:nth-child(1) { font-size:0.7rem; height:1.2rem; line-height:1.2rem; overflow:hidden; font-weight:bold; color:#000; }
.appp .list ul li .tex p:nth-child(2) { font-size:0.6rem; color:#999; margin-top:0.3rem; max-height:2rem; line-height:1rem; overflow:hidden; }
.appp .list ul li .tex p:nth-child(3) { font-size:0.6rem; color:#333; margin-top:0.3rem; }

.appd { width:16rem; margin:0px auto 0 auto; padding:1rem 0.5rem 2rem 0.5rem; }
.appd .title { width:15rem; text-align:center; line-height:1rem;  }
.appd .title p:nth-child(1) { font-size:1rem; color:#000; font-weight:bold; }
.appd .title p:nth-child(2) { font-size:0.6rem; color:#999; margin-top:0.4rem; }
.appd .content { width:15rem; font-size:0.6rem; line-height:1.2rem; margin-top:0rem; padding:1rem 0;}
.appd .content  img { max-width:100%; height:auto; padding:0.6rem 0; }
.appd .relation { width:15rem; position:relative; }
.appd .relation .name { width:15rem; height:50px; line-height:50px; font-size:0.7rem; font-weight:bold; text-indent:0.5rem; position:relative;  }
.appd .relation .name span { position:absolute; height:0.8rem; display:block; width:0.2rem; background:#01bc4b; border-radius:6px; left:0; top:0.6rem; }
.appd .relation .list { width:15rem; height:9rem; margin:0.3rem 0; }
.appd .relation .list .swiper-slide { width:7rem; height:9rem; overflow:hidden; }
.appd .relation .list img { height:6rem; width:7rem }
.appd .relation .list .tex { text-align:center; padding:0.3rem 0; font-weight:bold; color:#333; }

.newsp { width:16rem; margin:0px auto 0 auto; padding:1rem 0.5rem 2rem 0.5rem; }
.newsp .list { width:15rem; }
.newsp .list .item { width:15rem; height:16rem; padding:0.5rem 0.5rem; background:#f4f4f4; position:relative; margin-bottom:0.6rem; }
.newsp .list .item .time { width:14rem; height:1.2rem; line-height:1.2rem; font-size:1rem; color:#01bc4b; }
.newsp .list .item .name { width:14rem; height:1.8rem; line-height:1.8rem; font-size:0.8rem; font-weight:bold; overflow:hidden; color:#333; }
.newsp .list .item .img { width:14rem; height:8rem; margin-top:0.3rem; }
.newsp .list .item .img img { width:14rem; height:8rem; }
.newsp .list .item .desc { width:14rem; height:3rem; overflow:hidden; line-height:1rem; color:#999; margin:0.5rem auto 0 auto; }
.newsp .list .item:hover { background:#fff; }
.newsp .list .item a { position:absolute; left:0; top:0; right:0; bottom:0; }

.newd { width:16rem; margin:0px auto 0 auto; padding:1rem 0.5rem 2rem 0.5rem; }
.newd .title { width:15rem; text-align:center; line-height:1rem;  }
.newd .title p:nth-child(1) { font-size:1rem; color:#000; font-weight:bold; }
.newd .title p:nth-child(2) { font-size:0.6rem; color:#999; margin-top:0.4rem; }
.newd .content { width:15rem; font-size:0.6rem; line-height:1.2rem; margin-top:0rem; padding:1rem 0;}
.newd .content  img { max-width:100%; height:auto; padding:0.6rem 0; }
.newd .relation { width:15rem; position:relative;  }
.newd .relation .name { width:15rem; height:50px; line-height:50px; font-size:0.7rem; font-weight:bold; text-indent:0.5rem; position:relative;  }
.newd .relation .name span { position:absolute; height:0.8rem; display:block; width:0.2rem; background:#01bc4b; border-radius:6px; left:0; top:0.6rem; }
.newd .relation .list { width:15rem; height:9rem; margin:1rem 0; }
.newd .relation .list .swiper-slide { width:7rem; height:9rem; overflow:hidden; }
.newd .relation .list img { height:6rem; width:7rem }
.newd .relation .list .tex { text-align:center; padding:0.3rem 0; font-weight:bold; color:#333; }

.contactp { width:16rem; margin:0px auto 0 auto; padding:1rem 0.5rem 2rem 0.5rem; }
.contactp .title { width:400px; height:70px; margin:0 auto; position:relative; font-size:28px; font-weight:bold; color:#000; text-align:center;  }
.contactp .title .line { width:200px; height:2px; position:absolute; left:100px; bottom:0; border-bottom:solid 1px #e5e5e5; }
.contactp .title .line span { width:50px; height:4px; background:#01bc4b; margin:-2px auto 0 auto; display:block;}

.contactp .linker { width:15rem; height:9.5rem; margin-top:1rem; }
.contactp .linker .item { width:15rem; height:4rem; display:flex; margin-bottom:1rem; -webkit-box-shadow: #c7c7c7 0px 0px 18px; -moz-box-shadow: #c7c7c7 0px 0px 18px; box-shadow: #c7c7c7 0px 0px 18px; border-radius:3px; }
.contactp .linker .item .icon { width:2rem; height:2rem; text-align:center; padding:0rem 0; text-align:center; margin-top:1rem; margin-left:0.3rem; padding:0.25rem 0; }
.contactp .linker .item .icon img { width:1.5rem; height:1.5rem;}
.contactp .linker .item .info { width:12rem; height:2rem; margin-left:0.5rem; margin-top:1rem; border-left:dashed 1px #e5e5e5; padding-left:1rem; font-size:0.7rem; line-height:1rem; }
.contactp .map { width:15rem; height:16rem; margin-top:0.5rem; border-radius:3px; overflow:hidden; }
.contactp .book{ width:100%; margin:0px auto; padding-bottom:1.5rem; background:#ffffff; border:1px solid #dee0e0; border-radius:10px; box-shadow:0px -1px 5px #e5e6e6; position:relative;}
.contactp .book h3{ text-align:center; font-size:1rem; color:#464646; padding:1rem 0px 1.2rem;}
.contactp .book ul{ margin:0px; padding:0px 0px 0px 0px;}
.contactp .book ul li{ width:12rem; margin:0px auto; padding:0px; min-height:85px; height:auto !important; height:85px; color:#464646; list-style:none; }
.contactp .book ul li span{float:left;width:95px; font-size:16px; line-height:45px;}
.contactp .book ul li span.pl70{ padding-left:20px;}
.contactp .book ul li label{float:left;background:#f7f7f7; padding:15px 10px; display:block; box-shadow:1px 1px 3px #bdbcbc inset;}
.contactp .book ul li label input{ width:11rem; background:none; border:none; outline:none; font-size:15px; font-family:"微软雅黑";color:#464646;}
.contactp .book ul li label.nichen{ }
.contactp .book ul li.cont{}
.contactp .book ul li label.cont{ width:12rem;}
.contactp .book ul li label.cont textarea{ width:11rem; height:110px; overflow:hidden; border:none; background:none; outline:none;font-size:15px; font-family:"微软雅黑";color:#464646;}
.contactp .book ul li img{ display:block; float:left; margin-left:20px;}
.contactp .book dl{ text-align:center; padding-top:50px;}
.contactp .book dl input{ width:120px; height:45px; font-size:18px; font-family:"微软雅黑"; font-weight:bold; color:#FFF; margin:0px 10px; border-radius:10px; outline:none; cursor:pointer;}
.contactp .book dl input.Confirm{ background:#01bc4b; border:none;}
.contactp .book dl input.Reset{ background:#bcbcbc; border:none; }