@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; }
.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;}
.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.8rem; font-size:.27rem; line-height:.7rem;}
.header span img{display:block; width:100%;}
.header span{ height:.38rem; width:.44rem; right:.18rem; top:.18rem;}
.header ul{ top:.6rem; right:0rem; width:2.2rem; z-index:99999; background-color:rgba(255,255,255,.8);border-radius:.06rem; overflow:hidden; border:0; display:none;}
.header ul a{display:block; height:100%;}
.header ul a:hover{ background-color:#0256ac; border-radius:.06rem; overflow:hidden;}
.banner{background:#000; height:.47rem; 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;}
.bg4{ background-color:#0256ac; height:.47rem;}
.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:0.15rem;}
.product1{height:0.25rem; color:#e0e0e0; font-size:32px; }
.product2{ height:.5rem; line-height:.50rem; font-size:.28rem;}
.product2 a{padding:0px 10px; position:relative;}
.product2 a::before{content:''; height:0.05rem; width:0.15rem; background-color:#0256ac;position: absolute;top: .15rem;left: -.10rem;}
.product2 a::after{content:''; height:0.05rem; width:0.15rem; background-color:#0256ac;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;}
.ul3{ padding:0.1rem; width:100%;}
.ul3 li{ float:left; width:50%; padding:1.65% 1.65% 0 1.65%; }
.ul3 li a img{ border:.01rem solid #ccc; padding:.02rem;}
.ul3 li a h3{ height:.4rem; line-height:.4rem;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;padding:0;}
.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:.1rem 0 .15rem 0;  letter-spacing:.01rem;}
.anews ul{width:94%; }
.anews ul li{text-indent:.2rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; border-bottom:.01rem solid #ccc;}
.anews ul li a{ position:relative;}
.anews ul li>a::before{ position:absolute; content:""; height:.06rem; width:.06rem; background-color:#38781d; top:.1rem; left:-.15rem;}
.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:.30rem;}
.newslist li a{ position:relative;}
.newslist li>a::before{ position:absolute; content:""; height:.06rem; width:.06rem; background-color:#38781d; top:.1rem; 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;font-size: .14rem;}
@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%;}
	}