#lk_top{ height: 150px;  width: 100%;z-index: 9999999999999; background: #fff }

.navbar a.navbar-brand img{ height: 40px;}
li.nav-item a.nav-link{ font-size: 14px; color: #fff;}
.navbar,.nav-link{ padding: 0px;}

.navbar-light .navbar-nav{ color: #fff;  width: 100%; font-size: 16px; font-weight: bold; padding: 0px; height: 50px; line-height: 50px;}
.navbar-light .navbar-nav .nav-link{ color: #fff; margin: 0px 1px;}
.navbar-light .navbar-nav li.active .nav-link{ color: #fff; }
.navbar-light .navbar-nav .nav-link:hover{ color: #fff; background: #f58400}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{ color: #fff; background: #f58400}
.card1{ padding: 4px;}
.inw100{ width: 100%; border-bottom: solid 1px #e5e5e5; padding: 10px 0px; font-size: 18px; font-weight: bold;}
.inw100 span{ font-size: 22px; font-weight: bold; margin-top: -3px;}
.inw100about{ width: 100%; background: #f5f5f5; padding: 30px 0px;}
.moxc img{ width: 30%; margin: 0px auto}
.moxc p{ width: 90%; margin: 0px auto; text-align: center; color: #333; margin-top: 10px;}
.rh01{ border-right: solid 1px #e1e1e1}
.inabout{ background: #fff; padding: 12px;}
.inabouttext{ font-size: 14px; line-height: 28px;}
.dropdown-menu{ margin-top: 12px; }
.mt-100{ margin-top: 100px;}
.indexsou{ border: solid 1px #02373f; padding:5px 15px; border-radius: 35px;}
.indexsou button{ background: none; border: none; color: #02373f; }
.indexsou button span{ color: #02373f; font-size: 18px; }
.indexsou input{ color: #02373f; background: none; border: none; margin-left: 8px;}
.aboutin h1,.aboutin h2{ color: #000; font-weight: bold}
.aboutin p{ font-size: 16px; color: #000}
.aboutin button{ border-radius: 0px; padding: 10px 30px;}
.dwpro{
    height: 100%; width: 100%;
    top: 0; left: 0px;
    text-align: left; color: #fff; padding: 0px 15px;
}
.logo img{ height:50px;}
.top1{ width: 100%; height: 90px;  padding-top: 20px; }
.dh span{ font-size: 36px; color: #f58400}
.dh p{ font-size: 32px; color: #f58400; font-weight: bold; margin-left: 10px; margin-top: 0px;}
.navbj{ width: 100%; height: 50px; background: #007a33}
.bg-light{ background: #ff0}
a.carousel-control-prev>span.abc20, a.carousel-control-next>span.abc20{ font-size: 20px;}
a.carousel-control-prev>span.abc20:hover, a.carousel-control-next>span.abc20:hover{ font-size: 20px;}
.aboutin1 h1,.aboutin h2{ color: #fff; font-weight: bold}
.aboutin1 p{ font-size: 16px; color: #fff}
.aboutin1 button{ border-radius: 0px; padding: 10px 30px; border: solid 1px #fff; color: #fff}
.proin img{ border: solid 1px #e5e5e5;}
.navright a{ color: #000; font-size: 14px; font-weight: 100; margin: 0px 8px; }
.navright { color: #000; font-weight: 100 }

@media (max-width: 1400px){
  .form-inline{ display: none}

}

@media (min-width: 992px){
    .navbar-expand-lg .navbar-nav .nav-link { width: 100%; text-align: center;
    }
    }






#lk_hdq{  }
.carousel-control-next, .carousel-control-prev{ width: 8%;}
a.carousel-control-prev>span,a.carousel-control-next>span{ font-size: 48px; color: #fff; opacity:0.4;}
a.carousel-control-prev>span:hover,a.carousel-control-next>span:hover{ font-size: 48px; color: #fff;opacity:1;}




#lk_fw{ margin-top: 50px;padding-bottom: 40px;}

.btn-outline-dark:hover,.btn-outline-dark:hover a{ background: #666; color: #fff}


.indexnewstitle span{ width: 12px; height: 3px; background: #02373f; margin-top: 18px; margin-right: 10px;}
.indexnewstitle p{ color: #000; font-size: 28px; font-weight: bold }
.indexnewnw{margin-top: 30px; }

.carousel-inner .newsheight{ height:280px; }
#lk_hdq .carousel-caption{ left: 10%;   z-index: 0; width: 80%; height: 100%;  }
.innewstu{ width: 358px; }
.hdqz h2{ font-weight: bold; color: #fff; font-size: 36px;}
.hdqz p{  color: #fff; font-size: 14px; font-weight: 100}
.innewstu img{ width: 100%; border-radius: 4px;}
.innewszi{  padding-right: 20px;}
.innewszi p.innewszi01{ font-size: 20px; color: #000; margin-top: 15px;}
.innewszi p.innewszi02{ font-size: 20px; color: #000; margin-top: 10px; font-weight: bold}
.innewszi p.innewszi03{ font-size: 12px; color: #666; margin-top: 10px; }

 p.innewszi04{margin-top: 10px; }
p.innewszi04 a{ font-size: 14px; color: #333; margin-top: 10px; }
p.innewszi04 a span{ color: #333; margin-left: 15px; }
p.innewszi04 a:hover, p.innewszi04 a:hover span{ color: #062c33; }

#lk_fw .carousel-indicators li{ width: 12px; height: 12px; border-radius: 6px; border: none; background: #333}
.indexabout{  border-radius: 4px;
    background-size: cover;
}
.inabout01{ font-size: 14px; margin-top: 10px; text-align: left; line-height: 24px;}
.inabout02 { margin-top: 20px;}
.inabout02 li{ margin-right: 20px;}
.inabout02 li p.inabout0201{ font-size: 14px; color: #02373f}
.inabout02 li p.inabout0201 span{ font-size: 36px; color: #02373f; font-weight: bold; margin-right: 8px;}
.inbfl a:hover{ color: #fff}
.inbfl button:hover a,.inbfl button.active a{ color: #fff}
.inbfl button{ margin-bottom: 6px;}

#lk_product{ background: #f5f5f5;  padding-bottom: 50px;
}

.inproduct p{ font-size: 36px;  margin-top: 40px; color: #000}
.inproduct span{   margin: 5px auto; margin-bottom: 40px;}
.inprodan .inan{ border-radius: 0px; margin: 0px 4px; padding: 4px 20px; border: solid 1px #000; color: #000}


#lk_mo{background: #007a33; padding: 40px 0px; }
.moleft p.motitle{ font-size: 18px; color:#e1e1e1; font-weight: bold }
.moleft p.motitle1{ font-size: 14px; color:#cccccc; margin-bottom: 30px; margin-top: 8px;  }
.moleft p.motitle2{ font-size: 14px; color:#cccccc;  margin-top: 8px;  }
.moleft p.motitle2 span{ font-size: 14px; color:#cccccc;  margin-right: 8px;  }



.moleft02li{ width: 160px; color: #6c757d}
.moleft02li a{ color: #e5e5e5}
.moleft02x{ width: 3px; margin-right: 20px;}
.moleft02x p{ width: 3px; height: 20px; background: #178f49}
.moleft02x span{ width: 1px; height: 155px; background: #178f49; margin-left: 1px;}
.moleftcont p{ font-size: 16px; font-weight: bold; color: #aaaaaa}
.moleftcont p a{ color: #f1f1f1}
.moleftcont span{ font-size: 12px; line-height:28px; margin-top: 15px;}
.moleftcont span a:hover{ color: #aaaaaa}
.moleft03 { width: 110px; text-align: center}
.moleft03 p { font-size: 16px; font-weight: bold; color: #e1e1e1}
.moleft03 img { width: 110px; height: 110px; margin-top: 20px;}
.moleft03 span { width: 110px; font-size: 12px; color: #d1d1d1; margin-top: 8px;}
.mobq{ border-top: 1px solid #0f8942; padding-top: 20px; margin-top: 20px; color: #e1e1e1}



.prolstw100{ width: 100%; border-bottom: solid 1px #e5e5e5; margin-top: 40px; margin-bottom: 40px;}
#lk_product .btn, .prolstw100 .btn{ border: none; font-weight: bold}
#lk_product .card{ border: none; font-weight: bold}

img.b1f5f5f5{ border: solid 1px #f1f1f1}
img.b1f5f5f5:hover{ border: solid 1px #e1e1e1}
.fww100{border-bottom: solid 1px #e5e5e5; margin-top: 30px; margin-bottom: 40px; padding-bottom: 10px;}
.fww100 h1{ color: #000; font-size: 28px; font-weight: bold}
button.morefff span{ color:#fff}
.morefff{ color: #fff}
.nwnw { line-height: 28px;}
.nwnw img{ max-width: 800px; margin: 10px auto}
.bte5e5e5{ border-top: solid 1px #e1e1e1; margin-top: 1px; }
.bb3{ border-bottom: solid 3px #02424b; font-weight: bold; color: #000}
.conttu{ font-size: 36px; color: #fff; background: #02424b;border-radius: 50%; padding: 18px;}
.mt-50{ margin-top: 150px;}
.fw100{font-weight: 100}

.aboutlst{ border-bottom: solid 1px #e5e5e5}
.aboutlsttitle h1{ color: #000}
.aboutlstnw img{ max-width: 100%; margin: 10px auto;}
.inprodan button.btn-outline-secondary{ background: none}
.inprodan button.btn-outline-secondary:hover a{  color: #023b2e}
.cpspan{ width: 60px; height: 2px; background: #023b2e; margin: 5px auto}
.inprodan button.active1 a{  color: #02373f}
.cptitle h2{ color: #023b2e; font-weight: bold}
.prtitle{ font-size: 16px; font-weight: 500;}
.card-body1{ padding: 15px 6px;}
a.more{ width: 100%; border: solid 1px #999; border-radius: 0px;}
a.more:hover{ width: 100%; border: solid 1px #023b2e; color: #f00;}
.jdhdq li { width: 100px; height: 100px;}
.carousel-indicators #carouselExampleIndicators img { width: 100px; height: 100px;}
.carousel-control-next-icon{background: none;}

.height60{ width: 100%; height: 80px;}
.xxsm h3{ color: #000; font-weight: bold}
.aboutin h2{ color: #000}
.hchu{font-weight: bold; color: #000}
.bchu{font-weight: bold; color: #fff}
.hchu16{font-weight: bold; color: #000; font-size: 16px;}

.infw{ background: #f5f5f5; padding: 30px 0px}
.fwindextu img{ width: 30%; margin-left: 35%;border: solid 1px #666;  padding: 20px; border-radius: 8px;}
.fwinh{ border-bottom: solid 1px #e1e1e1}
.fwinh span{ width: 10%; height: 1px; background: #333; display: flex}
.font14{font-size: 14px;}
.font16{font-size: 16px;}
.moreindex .btn-outline-dark{ border-radius: 0px; padding: 8px 38px; }

.indban-wd-link button span{ color: #fff; font-weight: 100}
.indban-wd-link button.btn-outline-dark{ color: #fff; font-weight: 100}
.carousel-indicators{ bottom: 10px;}
.hdqx03{ background: #fff; margin-top: -30px; border-radius: 4px;}
.hdqx03 span{ color: #069ef4; font-size: 48px; }


.hdqx{ width:60%;}
.hdqx p.hdqx01{ color: #000; font-size: 16px; font-weight: bold; margin-left: 8px; margin-top: 5px; }
.hdqx p.hdqx02{ width: 100%; height: 20px; color: #000; font-size: 14px; font-weight: 100; margin-left: 8px; margin-top: 6px; }
.inprobj{ width:100%; background: #f9f9f9;  }
.inprobj1{ width:100%; background: url("../images/inprobj.png") no-repeat; background-size: 100% 100% }

.inclass a{ margin: 0px 18px;cursor:pointer; color: #000; font-size: 14px; padding-bottom: 5px;}
.inclass a:hover{ color: #2386ee; border-bottom: solid 2px #2386ee;}
.p15{ padding: 15px;}
.hdqx03:hover{ background: #069ef4; color: #fff;transition: all .800s ease;}
.hdqx03:hover span,.hdqx03:hover .hdqx p.hdqx01,.hdqx03:hover .hdqx p.hdqx02{  color: #fff}





.inpro{width: 100%;float: left;background: #fff;display: flex;align-items: center;position: relative;overflow: hidden;transition: all .4s ease;}

.inpro img{ width: 28%; margin: 10px auto; margin-top: 25px; border-radius: 4px;}
.inpro1{ border-top: 0px; border-radius: 0px;}
.inpro{  border-radius: 0px;}


.inpro:hover .indpro-link{bottom: 0px;}
.inpro:hover .indpro-wd img{opacity: 0;}
.inpro:hover .indpro-wd{transform: translateY(-66px); transition: all .4s ease;}
.inpro:hover{box-shadow: 0 4px 16px 0px rgba(0, 0, 0, 0.12);z-index: 2;}


.indpro-link{width: 100%;position: absolute;bottom: -40px;left: 0;font-size: 0;z-index: 4;transition: all .4s ease;}
.indpro-link a{display: inline-block;vertical-align: top;height: 40px;line-height: 40px;text-align: center;width: 50%;font-size: 14px;}
.indpro-link a:first-child{border: 1px solid #2386ee;color: #2386ee;background: #fff;}
.indpro-link a:last-child{background: linear-gradient(135deg,#0068dd,#00aeee);color: #fff;}
.indpro-link a span:after{transition: all .4s ease;font-size: 20px;display: inline-block;transform: translateY(1px);}
.indpro-link a:hover span:after{content: "\f105";margin-left: 10px;}


.list-group-item a:hover{ color: #0c4ca3}
.list-group-item a:hover span{ color: #0c4ca3}



.prleft{ background: url("../images/porleftbj.png") no-repeat; background-size: 100% 100% }
a.pri{ font-size: 16px;margin-right: 8px; color: #333}
a.pri:hover{ font-size: 16px; border-bottom: 1px solid #007a33; color: #007a33; }
.hchu1{ color: #000; font-weight: 500}
.hchu14{ color: #000; font-weight: 500; font-size: 14px; margin-top: 5px;}
.h15c{ color: #333; color: #333; font-size: 16px;}

.inbj2{height: 500px; background: #007a33}
.lefttitle{ background: #007a33; font-size: 18px; font-weight: bold; color: #fff}
.lefttitle1{ background: #007a33; font-size: 18px; font-weight: bold; color: #fff}
.ff14{ font-size: 12px}

.leftlx{ padding: 8px;}
.leftlx img{ margin-bottom: 16px;}
.leftlx p{ font-size: 16px; line-height: 28px; padding: 4px;}
.anw100{ width: 100%; font-size: 22px; font-weight: bold; color: #000; border-bottom: solid 1px #e5e5e5; padding: 20px 0px; margin-bottom: 30px;}
.list-group-item.active{ background: #f5f5f5;border-bottom:1px solid #e5e5e5; border-top: 1px solid rgba(0,0,0,.125); }
.list-group-item:hover{ background: #f5f5f5;border-bottom:1px solid #e5e5e5; border-top: 0px solid rgba(0,0,0,.125); }
.swiperTab1{width:100%; cursor:pointer; color: #000; }
.swiperTab1 li{ margin: 10px 0px; cursor:pointer; font-size: 18px;}
.swiperTab1 li span{ font-size: 12px; color: #2386ee; margin-top: 4px;}
.swiperTab1 li span.xxx{ width: 30px; height: 1px; background: #e1e1e1; margin-top: 12px;}

.swiperTab1 li.active{ color: #2386ee}
.annw{ font-size: 16px; line-height: 2em}
.annw img{ max-width: 100%;  }

.swiperTab1 li.active span.xxx{ width: 30px; height: 1px; background: #bbbbbb; margin-top: 12px;}
.swiperTab1 li:hover span.xxx{  background: #bbbbbb;transition: all .40s ease; }
.syp{ border-top: solid 1px #e5e5e5; padding-top: 20px; margin-top: 10px;}
.xyp{ padding-bottom: 20px; margin-top: 10px;}

.newslst{ border-bottom: solid 1px #e5e5e5; padding-bottom: 15px;}
.splst{ position: relative}
.splst span{ width: 80px; height: 80px; position: absolute; top: 50%; left: 50%; margin-left: -40px;margin-top: -40px;}
.splst span img{ width: 100%}

.swiper-container1{ width: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.youshi{ font-size: 16px; font-weight: bold; border-bottom: #dddddd solid 1px; padding-bottom: 6px;
    margin-bottom: 10px; color: #000}
.dwkaq{border-bottom: #e5e5e5 1px solid; padding: 20px 0px; font-size: 16px; font-weight: bold; color: #000; margin-bottom: 10px;}

h5.card-title{ font-size:1rem;}
.prtu img{ border: 1px #f1f1f1 solid; border-radius: 8px;}
.rnw img{ margin: 0 auto; max-width: 100%}
.rnw{ font-size: 16px;}

@media (max-width: 900px){

    .navbar-light .navbar-nav{  position: fixed; z-index: 9999999999; background: #fff; width: 101%; left: -1px;top:50px; }
span.wapnav{ color: #007a33; font-size: 28px; text-align: center;}
.navbar .navbar-toggler{ border: 0px;}
    .navbj{ background: #fff}
    .navbar a.navbar-brand img{ height: 24px; margin-top: 10px; margin-left: 10px;}
    .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{ background: #fff; color: #007a33;}
    .navbar-light .navbar-nav .nav-link{ color: #333; background: #fff; text-align: center; border-top: 1px solid #f1f1f1;}
    nav{ background: #fff}
    .navbar{ position: fixed; z-index: 99999999999999; width: 100%; top: 0px; left: 0px;}
    .pwr0{ padding-right: 5px;}
    .rwl0{ padding-left:5px;}
    .wapz h5{ font-size: 14px;}
    .wapz span{ font-size: 12px;}
    .moxc p{ font-size: 8px;}
    .moleft03{ margin: 8px auto}

}
@keyframes casearr{0%{background-position: left 10px center;}60%{background-position: -34px center;}60.0001%{background-position: 34px center;}100%{background-position: left 10px center;}}