@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;}
.fsr26{font-size:0.26rem;}
.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;}
.header{ background-color:#fff; height:1rem;}
.banner{background:#0b45ac; height:.49rem; 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{background: #ec6700;height:.49rem; }
.banner ul li:first-child a:hover{color: white;}
.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:.30rem auto .15rem auto; line-height: 0;}
.producta{display: block; width: 2.8rem; height: .8rem;}
.prolei{padding: 0rem .01rem;}
.prolei ul{}
.prolei ul li{background-color: #0d3b93; line-height: .41rem; float: left;height: .42rem; width:20%; margin: 2.5%; }
.prolei ul li:nth-child(1),.prolei ul li:nth-child(2),.prolei ul li:nth-child(3),.prolei ul li:nth-child(4){margin-bottom: 0;}

.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{background:url(../mimages/4.jpg) no-repeat center center;padding: .2rem 0 .1rem 0; height:3.68rem; margin: .3rem auto .1rem auto;}
.product1 h3 a{font-size: .26rem;}
.product1 ul li h3 a {
        font-size: .14rem;
    }
.product1 p {
        padding: .1rem 0 .2rem 0;
    }



.product2{ height:.3rem; line-height:.30rem; z-index:1;}
.product2 a{padding:0px 10px; position:relative;font-size: .2rem;}
.product2 a::before{content:''; height:0.05rem; width:0.15rem; background-color:#0256ac;position: absolute;top: .12rem;left: -.10rem;}
.product2 a::after{content:''; height:0.05rem; width:0.15rem; background-color:#0256ac;position: absolute;top: .12rem;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 2%; width:100%;}
.ul3 li{ float:left; width:46%; margin:2%;}
.ul3 li h3{height: .4rem; line-height: .39rem;background-color: #fff;}

.ul5{ padding:0 8%; width:100%;}
.ul5 li{ float:left; width:30%; margin:1.5%;}
.ul5 li img{margin:.1rem auto;}
.ul5 li h3{height: .4rem; line-height: .39rem;}

.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:50%;  padding:1.65% 1.65% 0 1.65%; }
.ul4 li a img{  padding:.02rem; border: 0.01rem solid #ccc;}
.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; padding:.1rem .20rem;  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; background-color:#0057ac; top:.06rem; border-radius: .1rem; overflow: hidden;left:-.20rem;}
.anews ul li span{ 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%;}
	}
.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    justify-content: center;
    margin-top: 0.08rem;
}

.page-link {
    position: relative;
    display: block;
    color: #0d6efd;
    text-decoration: none;
    background-color: #fff;
    border: .01rem solid #dee2e6;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .page-link {
        transition: none;
    }
}

.page-link:hover {
    z-index: 2;
    color: #0a58ca;
    background-color: #e9ecef;
    border-color: #dee2e6;
}

.page-link:focus {
    z-index: 3;
    color: #0a58ca;
    background-color: #e9ecef;
    outline: 0;
    box-shadow: 0 0 0 0.025rem rgba(13, 110, 253, 0.25);
}

.page-item:not(:first-child) .page-link {
    margin-left: -.01rem;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd;
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff;
    border-color: #dee2e6;
}

.page-link {
    padding: 0.0375rem 0.075rem;
}

.page-item:first-child .page-link {
    border-top-left-radius: 0.025rem;
    border-bottom-left-radius: 0.025rem;
}

.page-item:last-child .page-link {
    border-top-right-radius: 0.025rem;
    border-bottom-right-radius: 0.025rem;
}

.pagination-lg .page-link {
    padding: 0.75rem 0.15rem;
    font-size: 0.125rem;
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: 0.03rem;
    border-bottom-left-radius: 0.03rem;
}

0
.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: 0.03rem;
    border-bottom-right-radius: 0.03rem;
}

.pagination-sm .page-link {
    padding: 0.025rem 0.05rem;
    font-size: 0.0875rem;
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: 0.02rem;
    border-bottom-left-radius: 0.02rem;
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: 0.02rem;
    border-bottom-right-radius: 0.02rem;
}