@charset "utf-8";
*,::before,::after{margin:0; padding:0; -webkit-tap-highlight-color:transparent;-webkit-box-sizing:border-box; box-sizing:border-box; font-size: 0.16rem;}
html {font-size: 625%;}
body{font-family: "Microsoft Yahei", Helvetica, Arial, "Helvetica Neue", "Microsoft YaHei", SimHei, "\5B8B\4F53", simsun, sans-serif; background-color:#fff; color: #333; }
.fsr18{font-size:0.18rem;}
.fsr16{font-size:0.16rem;}
.fsr14{font-size:0.14rem;}
.fsr12{font-size:0.12rem;}
.fsr18{font-size:0.18rem;}
.fsr26{font-size:0.26rem;}
.fsr46{font-size:0.36rem;}
.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: #333;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%;}
.l2{line-height: .4rem;}
.mw1{max-width:100%;}
.h1{ height:100%;}
.maw640{max-width:6.4rem;}
.miw320{min-width:3.2rem;}

.banner{background:#015cb5; height:1rem; line-height:.48rem;}
.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{border-right: .01rem solid #fff;border-bottom:.01rem solid #fff; }
.banner ul li:nth-child(2),.banner ul li:nth-child(3),.banner ul li:nth-child(5),.banner ul li:nth-child(6),.banner ul li:nth-child(7){border-right: .01rem solid #fff;border-bottom:.01rem solid #fff; }

.banner ul li:nth-child(4),.banner ul li:nth-child(8){border-bottom:.01rem solid #fff; }
.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;
}
.produc{padding: .2rem .4rem 0 .4rem;}
.product{margin:.30rem auto .15rem auto; }
.ul1{ padding:0.1rem; width:100%;}

.producta{display: block; width: 2.8rem; height: .8rem;}
.productb{color:blue;}
.productb a{color:#0067ac;}
.w150{width: 1.5rem;}
.w170{width: 1.7rem;}
.w190{width: 1.9rem;}
.prolei{}
.prolei ul{box-sizing: border-box;}
.prolei ul li{background-color: #084ab1; line-height: .51rem; float: left;height: .52rem; width:33.33%;margin: 1.5% 0;}
.prolei ul li:nth-child(1),.prolei ul li:nth-child(2),.prolei ul li:nth-child(4),.prolei ul li:nth-child(5){border-right: .2rem solid #fff;}

.products{padding: .035rem;}
.products div{width:40%; float: left; padding: 2%; background-color: #0051c7;font-size:0.20rem; letter-spacing: 0.01rem;}
.products div:first-child{margin-left: 5%;}
.products div:last-child{float: right; margin-right: 5%;}



.product1 h3 a{font-size: .26rem;}
.product1 p{padding: .1rem 0 .2rem 0;}
.productbb{background: url(../images/2.jpg) no-repeat center center;padding:0.1rem 0;font-size: .14rem;}



.product2b a{font-size: .12rem!important;}
.product2 a::before,.product2 a::after{top:.08rem;}
.product2c{background: url(../images/2.jpg) no-repeat center center;}
.product2c a::before,.product2c a::after{top: .14rem!important;}
.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 0rem 0.1rem; width:100%;}
.ul4 li{ float:left; width:48%;  margin:1%; }
.ul4 li a img{width: 100%;}
.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:3.2; font-size:.2rem; letter-spacing:.01rem;}
.anews ul{width:94%; }
.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;border: .02rem solid #0057ac;border-radius: .1rem; top:.06rem; border-radius: .1rem; overflow: hidden;left:-.20rem;}
.anews ul li time{ float:right;}
.jszc{ height:.6rem; 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;line-height: 3;}
.newslist li{text-indent:.2rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; border-bottom:.01rem solid #ccc; line-height:3;}
.newslist li a{ position:relative;}
.newslist li>a::before{ position:absolute; content:""; height:.06rem; width:.06rem; background-color:#0a87e3; 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;font-size:0.12rem;}
.sepage a{font-size:0.12rem;}
@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%;}
	}