@charset "utf-8";
*,::before,::after{margin:0; padding:0; -webkit-tap-highlight-color:transparent;-webkit-box-sizing:border-box; box-sizing:border-box;}
html {font-size: 625%;}
body{font-family: "Microsoft Yahei", Helvetica, Arial, "Helvetica Neue", "Microsoft YaHei", SimHei, "\5B8B\4F53", simsun, sans-serif; background-color:#fff; font-size:0.14rem;}
.fsr18{font-size:0.18rem;}
.fsr16{font-size:0.16rem;}
.fsr14{font-size:0.14rem;}
.fsr12{font-size:0.12rem;}
.lhr22{line-height:0.22rem;}
.lhr24{line-height:0.24rem;}
.lhr25{line-height:0.25rem;}
.lhr26{line-height:0.26rem;}
.lhr27{line-height:0.27rem;}
.lhr28{line-height:0.28rem;}
.lhr30{line-height:0.30rem;}
.lhr32{line-height:0.32rem;}
a{color: #000;text-decoration: none;}
a:hover{color:red;text-decoration: none; position:relative; top:.01rem;}
.db{display:block;}
.dn{display:none;}
.pa{position:absolute;}
.pr{position:relative;}
.aw{ color:white;}
.aw a{ color:white;}
.aw a:hover{ color:red;}
.al{ color:#0256ac;}
.al a{ color:#0256ac;}
.al a:hover{ color:red;}
ul,ol{list-style: outside none none;}
input{border: none;outline: none;-webkit-appearance: none;}
.fl{float:left;}
.fr{float:right;}
.of{overflow:hidden;}
.fwb{font-weight:bold;}
.fwn{font-weight:normal;}
.tac{text-align:center;}
.mar{margin:0 auto;}
.l2{line-height: 2;}
.clearfix::before,.clearfix::after{content: "";height: 0;line-height: 0;display: block;visibility: hidden;clear: both;}
img{display:block; max-width:100%;}
.w1{width:100%;}
.mw1{max-width:100%;}
.h1{ height:100%;}
.maw640{max-width:6.4rem;}
.miw320{min-width:3.2rem;}
.header{ background-color:#fff; height:0.94rem;}
.banner{height:.67rem; line-height:.45rem;}
.banner ul{ margin:0; padding:0;}
.banner ul li{ float:left; width:25%; box-sizing:border-box; text-align:center; font-size:0.20rem;}
.banner ul li:first-child a{color: #10a63e; padding-bottom: .08rem;}
.banner ul li:first-child a{border-bottom: .04rem solid #10a63e;}
.jd_banner > ul:first-child > li > a > img{ display:block; width:100%;}
.jd_banner > ul:first-child{
    width: 1000%;
    -webkit-transform:translateX(-10%);
    transform: translateX(-10%);
}
.jd_banner > ul:first-child > li{
    width: 10%;
    float: left;
}
.jd_banner > ul:first-child > li > a{
    width: 100%;
    display: block;
}
.jd_banner > ul:last-child{
    width: 59px;
    height: 6px;
    position: absolute;
    bottom: .08rem;
    left: 50%;
    margin-left:-28px;
}
.jd_banner > ul:last-child > li{
    width: 6px;
    height: 6px;
    float: left;
    border-radius: 3px;
    border: 1px solid yellow;
    margin-left: 10px;
}
.jd_banner > ul:last-child > li.now{
    background: yellow;
}
.jd_banner > ul:last-child > li:nth-child(1){
    margin-left: 0;
}
.product{margin-top:.15rem;}
.gg1{padding: 0 .3rem 0 .4rem;}
.gg1 ul li{height: .44rem; margin: .15rem 0;}
.gg1 ul li span{display: block; height: .34rem; width: .34rem; float: left;}
.gg1 ul li:nth-child(odd) span{background:url(../images/5.jpg) no-repeat 0px 0px; background-size: .34rem .34rem;}
.gg1 ul li:nth-child(even) span{background:url(../images/6.jpg) no-repeat 0px 0px;background-size: .34rem .34rem;}
.gg1 ul li a{display: block;border-bottom: .01rem solid #ccc; margin-left: .3rem; height: .38rem;padding-top: .06rem; width:4.7rem; float: left; text-indent: 1.2rem;}
.gg2{padding:0 .2rem .2rem .2rem; }
.gg3{margin-right: .5rem; height: .38rem; line-height: .36rem; width: 1.2rem; border-radius: .38rem; background-color: #0fa540; font-size: .16rem;}

.product1{height:0.25rem; z-index:-1; color:#e0e0e0; font-size:32px; }
.product2{ height:.5rem; line-height:.50rem; font-size:.28rem; z-index:1;}
.product2 a{padding:0px 10px; position:relative;}
.product2 a::before{content:''; height:0.05rem; width:0.15rem; background-color:#0fa540;position: absolute;top: .15rem;left: -.10rem;}
.product2 a::after{content:''; height:0.05rem; width:0.15rem; background-color:#0fa540;position: absolute;top: .15rem;left: 100%;}
.ul1{ padding:0.1rem; width:100%;}
.ul1 li{ float:left; width:33.33%; padding:1.65%; }
.ul1 li a img{ border:.01rem solid #ccc; padding:.02rem;}
.ul1 li a h3{ height:.4rem; line-height:.4rem;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.ul2{ padding:0rem !important;}
.product3{ line-height:.40rem; height:0.4rem; margin-bottom:.15rem; font-size:.22rem; }
.product3 a{border:1px solid #c5c5c5; padding:.05rem .7rem; position:relative;color:#616263;}
.product3 a::before{content:''; height:0.03rem; width:0.22rem; background-color:#616263;position: absolute;top: .20rem;left: 0.3rem;}
.product3 a::after{content:''; height:0.03rem; width:0.22rem; background-color:#616263;position: absolute;top: .20rem;left: 1.75rem;}


.bgh{background-color:#f8f8f8;}
.pt10{ padding-top:.1rem;}
.pb20{ padding-bottom:.2rem;}

.ul4{ padding:0.1rem 0.1rem 0.3rem 0.1rem; width:100%;}
.ul4 li{ float:left; width:50%;  padding:1.65% 1.65% 0 1.65%; }
.ul4 div{border:.01rem solid #ccc;box-shadow:0 0 .1rem #ccc;}
.ul4 li a img{  padding:.02rem;}
.ul4 li a h3{ height:.4rem; line-height:.4rem;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;padding:0; background-color:#FFFFFF;}
.gsjj{ border:.10rem solid #fff; border-top:none; box-sizing:border-box; text-indent:2em; line-height:2;}


.about{ width:94%; border-bottom:.02rem solid #069752; font-size:.2rem; text-align:center; line-height:.45rem; height:.45rem; }
.about .fl{background-color:#069752; padding:0 .2rem;}
.about .fr{ padding-right:.1rem;}
.about1{ width:94%; line-height:2; font-size:.2rem; padding:.15rem 0; text-indent:2em; letter-spacing:.01rem;}
.tel{margin-bottom:.25rem;}
.anews{ line-height:2.8; font-size:.2rem; padding:0 0 .15rem 0;  letter-spacing:.01rem;}
.anews ul{width:94%; margin-bottom: .2rem; }
.anews ul li{text-indent:.2rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; border-bottom:.01rem  dashed #ccc;}
.anews ul li a{ position:relative;}
.anews ul li>a::before{ position:absolute; content:""; height:.1rem; width:.1rem; background-color:#0fa540; top:.1rem; border-radius: .1rem; overflow: hidden;left:-.20rem;}
.anews ul li span{ float:right;}
.jszc{ height:.5rem; line-height:.5rem;}
.jszc1{right:.0rem; top:.0rem; line-height:.22rem; color:red; padding:.02rem 0 0 0; display:none; height:.45rem;}
.footer{background-color:#000; position:fixed; bottom:0px; left:0; right:0; margin:auto;}
.footer img{ width:25%; float:left;}
.bdsharebuttonbox{ right:0rem; top:-.46rem; display:none;}
.sec{padding:0.05rem .1rem .08rem .1rem;}
.newslist li{text-indent:.2rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; border-bottom:.01rem solid #ccc; line-height:.35rem;}
.newslist li a{ position:relative;}
.newslist li>a::before{ position:absolute; content:""; height:.06rem; width:.06rem; background-color:#0fa540; top:.08rem; border-radius: .06rem; overflow: hidden;left:-.15rem;}
.newslist li span{float:right;}
.sech3{ clear:both; display:block; font-size:.16rem; font-weight:bolder; padding:0; text-align:center; }
#secp { border-bottom:1px dashed #ccc; margin:.08rem 0 ; padding-bottom:.05rem; text-align:center;}
.sepage { clear:both; text-align:center; padding:.08rem 0 0 0;}
@media (min-width: 400px) and (max-width: 480px) {
	.banner{height:.5rem; font-size:.16rem; line-height:.5rem;}
	.header{background-size:300px 30px; background-position:30% 50%;}
	.header span{ height:.35rem; width:.38rem; right:.02rem; top:.22rem;}
	}
@media (max-width: 400px) {
	.header{ height:0.5rem; font-size:.18rem; line-height:.5rem;}
	.header span{ height:.25rem; width:.30rem; right:.02rem; top:.10rem;}
	.banner{height:.4rem; font-size:.14rem; line-height:.4rem;}
	.product2{font-size:.2rem;}
	.header{background-size:250px 25px; background-position:20% 50%;}
	}